@charset "utf-8";

/****
index
*************************/
.str-pageTitle {
    background-color: #323E94;
}

.cb h1{font-size:2.6rem;}
.cb h1 span{font-size:2rem;}
.cb h2{font-size:3.2rem;}
.cb h3{font-size:2.4rem;font-weight:normal;}
.cb h4{font-size:1.8rem;}

.cb hr{
	border-style:dashed;
}

.cb strong,
.cb em,
.cb span,
.cb img{
	vertical-align:middle;
}

.cb ul > li{
	padding-left:1em;
	text-indent:-1em;
}

.cb figure{
	display:inline-block;
}

.cb img{
	max-width:100%;
}

.cb figure > img{
	display:inline-block;
	width:100%;
	height:auto;
}

.cb .cb-noIndent{
	padding-left:0;
}


.cb .str-inner{
	position:relative;
	overflow:hidden;
	width:100%;
}

.cb .mb-1{margin-bottom:1px !important;}
.cb .mb-2{margin-bottom:2px !important;}
.cb .mb-4{margin-bottom:4px !important;}

.cb .mod-list-02> .list> li{
	text-indent:0;
}

.cb .mod-link-02.of-list{
	margin-left:auto;
	margin-right:auto;
	padding:14px 16px 10px;
	border:1px dotted #aaaaaa;
	border-radius:3em;
}

.cb .mod-link-02.of-list> .list{
	margin:0;
}

.cb .mod-link-02.of-list> .list> li{
	margin-bottom:4px;
	padding:0 2px;
	text-indent:0;
	text-align:center;
}



.cb-bg-01{
	background:url(../images/index-bg_01.png) center center no-repeat;
	-webkit-background-size:cover;
	background-position: center top;
}

.cb-bg-02{
	background:url(../images/index-bg_02.jpg) center center no-repeat;
	-webkit-background-size:cover;
	padding-top: 79px;
}

.cb-bg-03{
	background:url(../images/index-bg_03.jpg) center center no-repeat;
	-webkit-background-size:cover;
}

.cb-bg-04{
	background:url(../images/index-bg_04.jpg) center center no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
}

.cb-bg-camera{
	position:relative;
	background:url(../images/index-products_camera_bg.jpg) center center no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
}

.cb-bg-camera > *{
	position:relative;
	z-index:2;
}

.cb-bg-camera > .str-outer-wide{
	min-height:700px;
}

#products-camera-bg{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	background:url(/products/bizpc/cb/y1/images/index-products_camera_bg2.jpg) center center no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	z-index:1;
}



.cb-btn,
.cb-btn-w,
.cb-btn-lite{
	display:block;
	background-color:#006B7E;
	margin:2px 0;
	padding:4px 4px 2px;
	color:#ffffff;
	text-align:center;
}

.cb-btn-w{
	background-color:#ffffff;
	color:#006B7E;
}

.cb-btn-lite{
	background-color:#eeeeee;
	color:#333333;
}

.cb-btn-lite.cb-btn-current{
	background-color:#002B62;
	color:#ffffff;
	text-decoration:none;
	cursor:default;
}

.cb-exnav .cb-btn-lite.cb-btn-current{
	background-color:#1F5941;
}



.cb-fit{
	display:flex;
	padding:0;
	flex-wrap:wrap;
}

.cb-fixed{
	display:flex;
	height:100vh;
	padding:0;
	flex-direction:column;
	background-attachment:fixed;
}

.cb-fit > *,
.cb-fixed > *{
	flex-basis:100%;
	flex-grow:1;
	flex-shrink:1;
}

.cb-column{
	display:flex;
}

.cb-column > *{
	padding-left:8px;
	padding-right:8px;
	flex-grow:1;
	flex-shrink:1;
}

.cb-col{flex-basis:100%;}
.cb-col2{flex-basis:200%;}
.cb-col3{flex-basis:300%;}
.cb-col4{flex-basis:400%;}
.cb-col5{flex-basis:500%;}
.cb-col6{flex-basis:600%;}

.cb-middle{
	align-items:center;
}

.cb-bottom{
	align-items:flex-end;
}

.cb-top{
	align-items:flex-start;
}

.cb-vertical{
	flex-direction:column;
}

.cb-vertical > *{
	width:100%;
}

.cb-center{
	justify-content:center;
	text-align:center;
}

.cb-center > *{
	margin:0 auto;
}

.cb-left{
	justify-content:flex-start;
	text-align:left;
}

.cb-left > *{
	margin-left:0;
	margin-right:auto;
}



.cb-line-adjust{line-height:1;}

.cb-fs-10{font-size:1rem;}
.cb-fs-12{font-size:1.2rem;}
.cb-fs-14{font-size:1.4rem;}
.cb-fs-16{font-size:1.6rem;}
.cb-fs-17{font-size:1.7rem;}
.cb-fs-18{font-size:1.8rem;}
.cb-fs-20{font-size:2rem;}
.cb-fs-22{font-size:2.2rem;}
.cb-fs-24{font-size:2.4rem;}
.cb-fs-34{font-size:3.4rem;}
.cb-fs-40{font-size:4rem;}
.cb-fs-44{font-size:4.4rem;}

.cb-c-w{color:#ffffff;}
.cb-c-blue{color:#002B62;}
.cb-c-emerald{color:#006B7E;}
.cb-c-green{color:#1F5941;}
.cb-c-red{color:#9E4531;}
.cb-c-brown{color:#76491b;}
.cb-c-purple{color:#594771;}

.cb-p-8{padding:8px;}
.cb-p-16{padding:16px;}
.cb-p-tb-16{padding-top:16px;padding-bottom:16px;}
.cb-p-01{padding:24px 16px;}
.cb-p-02{padding:43px 32px 74px;}

.cb-b-circle{border-radius:100%;}
.cb-b-gray-lite{border:1px solid #E6E7EA;}

.cb-bg-emerald{background-color:#006B7E;}

.cb-bg-w-lite{background-color:rgba(255, 255, 255, .6);}
.cb-bg-blue-lite{background-color:#D6EBF8;}/* origin color #DCDFF1 */
.cb-bg-emerald-lite{background-color:#D8E9F0;}
.cb-bg-green-lite{background-color:#DEE9DD;}
.cb-bg-brown-lite{background-color:#f3eadb;}
.cb-bg-red-lite{background-color:#F4DDD0;}
.cb-bg-purple-lite{background-color:#E2DEED;}
.cb-bg-gray-lite{background-color:#E6E7EA;}


.cb-col p {
	margin-top: 37px;
	margin-bottom: 57px;
	font-size: 1.7rem;
}

.cb-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;}
.cb-bg-img img{display:block;width:auto;height:auto;}

.cb-products-nav{
	background-color:#e5f0f2;
}

.cb-exnav > div{
}

.cb-exnav > div > *{
	position:relative;
}

.cb-exnav > div > *::after{
	content:"";
	position:absolute;
	top:50%;
	left:101%;
	display:block;
	width:0;
	height:0;
	border-left:1em solid #1F5941;
	border-top:.5em solid transparent;
	border-bottom:.5em solid transparent;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	z-index:1;
}

.cb-exnav > div:last-child > *::after{
	display:none;
}

.cb-exnav a{
	text-decoration:none;
}

.cb-exnav a:hover{
	text-decoration:underline;
}

@media only screen and (max-width: 1024px){
	.cb-p-02{padding: 28px 21px 49px;}
}

@media screen and (max-width: 850px) {
	.cb-bg-01{
		background: url(../images/index-bg_01_sp.png) center top / contain no-repeat;
		padding-top: 53.27868%;
		min-height: 226px;
	}
	
	.cb-fit{
		display:block;
		height:auto;
	}
	
	.cb-fixed{
		display:block;
		background-attachment:scroll;
		background-size:contain;
		background-position:center top;
		padding-top:30px;
		height:auto;
	}
	
	.cb-column{
		display:block;
		flex-direction:column;
		background-color: #fff;
	}
	
	.cb-column > *{
		padding:4px 0;
	}
	
	.cb-column[data-cb-col-sp]{
		display:flex;
		flex-direction:row;
	}
	
	.cb-column[data-cb-col-sp="wrap"],
	.cb-column[data-cb-col-sp="2"],
	.cb-column[data-cb-col-sp="3"],
	.cb-column[data-cb-col-sp="4"],
	.cb-column[data-cb-col-sp="5"],
	.cb-column[data-cb-col-sp="6"]{
		flex-wrap:wrap;
	}
	
	.cb-column[data-cb-col-sp="wrap"] .cb-col,
	.cb-column[data-cb-col-sp="2"] .cb-col,
	.cb-column[data-cb-col-sp="3"] .cb-col,
	.cb-column[data-cb-col-sp="4"] .cb-col,
	.cb-column[data-cb-col-sp="5"] .cb-col,
	.cb-column[data-cb-col-sp="6"] .cb-col{
		padding-left:4px;
		padding-right:4px;
	}
	
	.cb-column[data-cb-col-sp="2"] .cb-col{flex-basis:50%;}
	.cb-column[data-cb-col-sp="3"] .cb-col{flex-basis:33.333%;}
	.cb-column[data-cb-col-sp="4"] .cb-col{flex-basis:25%;}
	.cb-column[data-cb-col-sp="5"] .cb-col{flex-basis:20%;}
	.cb-column[data-cb-col-sp="6"] .cb-col{flex-basis:16.666%;}
	
	.cb-p-8{padding:8px 4px;}
	.cb-p-16{padding:16px 8px;}
	.cb-p-01{padding:24px 8px;}
	.cb-p-02{padding:40px 16px;}
	
	.cb-c-w-sp{color:#ffffff;}
	.cb-c-blue-sp{color:#002B62;}
	.cb-c-emerald-sp{color:#006B7E;}
	.cb-c-green-sp{color:#1F5941;}
	.cb-c-red-sp{color:#9E4531;}
	.cb-c-camel-sp{color:#AA8546;}
	.cb-c-brown-sp{color:#786C55;}
	.cb-c-purple-sp{color:#594771;}
	
	.cb-bg-none-sp{background-color:transparent;}
	.cb-bg-w-lite-sp{background-color:rgba(255, 255, 255, .6);}
	.cb-bg-blue-lite-sp{background-color:rgba(61, 93, 135, .1);}
	.cb-bg-emerald-lite-sp{background-color:rgba(0, 107, 126, .1);}
	.cb-bg-green-lite-sp{background-color:rgba(32, 90, 66, .1);}
	.cb-bg-red-lite-sp{background-color:rgba(158, 69, 49, .1);}
	.cb-bg-camel-lite-sp{background-color:rgba(170, 133, 70, .1);}
	.cb-bg-brown-lite-sp{background-color:rgba(120, 108, 85, .1);}
	.cb-bg-purple-lite-sp{background-color:rgba(89, 71, 113, .1);}
	.cb-bg-gray-lite-sp{background-color:rgba(100, 110, 116, .1);}
	
	.cb figure > img{
		width:100%;
	}

	.cb-p-02{padding:20px 16px;}
	.cb-col p {
		margin-top: 18px;
		margin-bottom: 28px;
	}
}


@media screen and (max-width: 640px){
	.cb-bg-01{
		background: url(../images/index-bg_01_sp.png) center top / contain no-repeat;
		padding-top: 68.27868%;
		height: auto !important;
	}
	.cb-column{
		background-color: transparent;
	}
	.cb h1{font-size:2.4rem;}
	.cb-bg-brown-lite p {padding: 0 10px;}
	.cb h1 span {
		font-size: 1.8rem;
	}
}


/* heading */
.mod-hdg-l2 {
	margin-top: 85px;
}
.mod-hdg-l2 span {
	position: relative;
	padding-left: 16px;
	padding-right: 16px;
}
.mod-hdg-l2.border span::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
}
.mod-hdg-l3 span {
	font-weight: bold;
}
.mod-hdg-l2 + h3.mod-hdg-l3 {
	margin-top: 50px;
}
.mod-hdg-l2.space100 {
	margin-top: 100px;
}
.mod-hdg-l2.space150 {
	margin-top: 150px;
}
@media screen and (min-width: 640px) and (max-width: 850px) {
	.mod-hdg-l2 {
		margin-top: 56px;
	}
	.mod-hdg-l2.space100 {
		margin-top: 66px;
	}
	.mod-hdg-l2.space150 {
		margin-top: 100px;
	}
}
@media screen and (max-width: 640px){
	.mod-hdg-l2 {
		font-size: 2rem;
		margin-top: 42px;
	}
	.mod-hdg-l2 span {
		display: inline-block;
		padding-left: 8px;
		padding-right: 8px;
	}
	.mod-hdg-l3 {
		font-size: 1.8rem;
	}
	.mod-hdg-l2 + h3.mod-hdg-l3 {
		margin-top: 25px;
	}
	.mod-hdg-l2.space100 {
		margin-top: 50px;
	}
	.mod-hdg-l2.space150 {
		margin-top: 75px;
	}
}

/* list */
.mod-link-03> .inner> .list> li> .link {
	display: flex;
	justify-content: center;
    height: 100%;
}
.mod-link-03> .inner> .list> li> .link> .txt {
	display: flex;
    justify-content: center;
	height: 100%;
	margin-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	font-weight: normal;
}
.mod-link-03> .inner> .list> li> .link[href^="#"]> .txt::after {
	top: unset;
	right: unset;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) rotate(45deg);
}
.mod-link-03> .inner> .list> li> .link.other-page> .txt::after {
	top: unset;
	right: unset;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) rotate(-45deg);
}

@media screen and (min-width: 640px), print {
	.mod-link-03> .inner> .list> li> .link {
		padding: 38px 5px;
	}
	.mod-link-03> .inner> .list> li> .link> .txt {
		font-size: 1.8rem;
	}
}
@media (max-width: 640px) {
	.mod-link-03[data-col-sp="2"]> .inner> .list> li,
	.mod-link-03[data-col-sp="3"]> .inner> .list> li {
		min-height: 85px;
	}
	.mod-link-03.of-cell> .inner> .list> li> .link> .txt {
		display: flex;
		font-size: 1.6rem;
	}
}



/* .mod-list-news */
.mod-list-news> dl.list> .row {
	border-bottom: 1px dotted #333;
}
.mod-list-news.of-type-03> dl.list> .row dt {
	font-weight: bold;
}
.mod-list-news> dl.list> .row dd .content a {
    text-decoration: underline;
}
.mod-list-news> dl.list> .row dd .content a[target="_blank"] {
    padding-left: 0;
}
@media screen and (min-width: 640px), print {
	.mod-list-news.of-type-03> dl.list> .row dt,
	.mod-list-news.of-type-03> dl.list> .row dd {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.mod-list-news> dl.list> .row dd {
		padding: 0;
	}
}
@media (max-width: 640px) {
	.mod-list-news.of-type-03> dl.list> .row dt,
	.mod-list-news.of-type-03> dl.list> .row dd {
		display: block;
	}
	.mod-list-news.of-type-03> dl.list> .row dt {
		padding-top: 12px;
	}
	.mod-list-news.of-type-03> dl.list> .row dd {
		padding-bottom: 12px;
	}
}



/* .ope-feature */
.ope-feature {
	margin-top: 116px;
}
.ope-feature .str-outer-wide {
	padding-bottom: 63px;
}

.ope-feature .mod-box {
	margin-top: 50px;
}

@media (max-width: 850px) {
	.ope-feature {
		margin-top: 58px;
	}
	.ope-feature .mod-hdg-l2 {
		margin-bottom: 30px;
	}
	.ope-feature .mod-pnl-02> .inner> * {
		padding-bottom: 22px;
	}
}

@media screen and (min-width: 640px), print {
	.ope-feature .mod-box> .inner {
		max-width: 823px;
		margin-left: auto;
		margin-right: auto;
	}
}



/* .ope-feature */
.ope-feature .mod-box-03> .inner> .col> .box {
	display: flex;
	align-items: center;
	min-height: 90px;
    padding: 10px 28px;
	background-color: #031379;
}
.ope-feature .mod-box-03> .inner> .col> .box .title {
	font-size: 2.2rem;
}
.ope-feature .mod-box-03> .inner> .col> .text {
	height: 100%;
	padding: 20px 24px 8px;
	background-color: #fff;
}

@media screen and (min-width: 640px), print {
	.ope-feature .mod-box-03 {
		margin-top: 60px;
		padding-left: 37px;
		padding-right: 37px;
	}
	.ope-feature .mod-box-03> .inner {
		margin-top: -38px;
		margin-left: -38px;
	}
	.ope-feature .mod-box-03> .inner> .col {
		flex-direction: column;
		padding-top: 38px;
		padding-left: 38px;
	}
}

@media screen and (min-width: 640px) and (max-width: 850px) {
	.ope-feature .str-outer-wide {
		padding-bottom: 42px;
	}
	.ope-feature .mod-box-03 {
		padding-left: 18px;
		padding-right: 18px;
	}
	.ope-feature .mod-box-03> .inner {
		margin-top: -19px;
		margin-left: -19px;
	}
	.ope-feature .mod-box-03> .inner> .col> .box {
		padding-left: 18px;
		padding-right: 18px;
	}
	.ope-feature .mod-box-03> .inner> .col {
		flex-direction: column;
		padding-top: 19px;
		padding-left: 19px;
	}
	.ope-feature .mod-box-03> .inner> .col> .box .title {
		font-size: 2rem;
	}
}


@media (max-width: 640px) {
	.ope-feature .str-outer-wide {
		padding-bottom: 31px;
	}
	.ope-feature .mod-box-03> .inner> .col> .box {
		min-height: unset;
		padding: 12px;
	}
	.ope-feature .mod-box-03> .inner> .col> .box .title {
		font-size: 1.8rem;
	}
	.ope-feature .mod-box-03> .inner> .col> .text {
		height: auto;
		padding: 12px;
	}
}


/* .ope */
.ope-feature .ope img {
	max-width: 100%;
}
.ope-feature .mod-list {
	color: #000;
}
.ope-feature .mod-list> .list> li {
	padding-left: 42px;
	font-size: 1.4rem;
}
.ope-feature .mod-list> .list> li::before {
	background-color: #000;
}
.ope-feature .ope {
	margin-left: 37px;
	margin-right: 37px;
}
.ope-feature .mod-list {
	margin: 20px 37px;
}
@media screen and (max-width: 850px) {
	.ope-feature .ope {
		margin: 50px 18px 0;
		background-color: #fff;
	}
	.ope-feature .mod-list {
		margin-left: 18px;
		margin-right: 18px;
	}
	.ope-feature .mod-list> .list> li {
		font-size: 1.3rem;
	}
}
@media (max-width: 640px) {
	.ope-feature .ope {
		margin: 25px 0 0;
	}
	.ope-feature .mod-list {
		margin: 10px 0 31px;
	}
	.ope-feature .mod-list> .list> li {
		font-size: 1.2rem;
	}
}


/* ict */
.ict .mod-hdg-l2 + p {
	margin-top: 56px;
}
.ict-contents {
	align-items: center;
}
.ict-tokutyou > li {
	display: flex;
	align-items: center;
	margin-top: 15px;
	padding: 13px 22px 12px;
	background-color: #419B91;
	border-radius: 10px;
}
.ict-tokutyou > li span {
	margin-right: 20px;
	color: #419B91;
	padding: 18px 11px;
	background-color: #DEE9DC;
	border-radius: 50%;
}
.ict-tokutyou > li p {
	flex: 1;
	margin-bottom: 0;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
}
.ict-tokutyou > li p sup {
	top: -1em;
	font-size: 50%;
}
@media (max-width: 850px) {
	.ict .mod-hdg-l2 + p {
		margin-top: 28px;
	}
	.ict-tokutyou > li {
		margin-top: 7px;
		padding: 6px 11px;
	}
	.ict-tokutyou > li span {
		margin-right: 10px;
		padding: 12px 7px;
		font-size: 1.2rem;
	}
	.ict-tokutyou > li p {
		font-size: 1.6rem;
	}
}


.help-desk, .help-desk> table {
	margin-bottom: 0;
}
.help-desk> table th,
.help-desk> table td {
	border: 1px solid #fff;
}
.help-desk> table th {
	width: 30%;
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	background-color: #6BA16D;
}
.help-desk> table td {
	font-size: 1.6rem;
	background-color: #DEE9DC;
}
.help-desk> table td:nth-of-type(1) {
	width: 20%;
}
.help-desk> table td:nth-of-type(2) {
	width: 50%;
}
.help-desk> table td:first-of-type {
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 850px) {
	.help-desk> table th {
		width: 20%;
		font-size: 1.6rem;
	}
	.help-desk> table td {
		font-size: 1.4rem;
	}
	.help-desk> table td:nth-of-type(1) {
		width: 30%;
	}
}


/* .contact-option */
.contact-option {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 20px;
	margin-top: 38px;
}
/* .contact-option::after {
	content: "";
	width: 100%;
} */
.contact-option > li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 212px;
	height: 212px;
	text-align: center;
	background-color: #DEE9DC;
	border-radius: 50%;
}
.contact-option > li:nth-of-type(n+4) {
	order: 1;
}
.contact-option > li figure {
	height: 102px;
}
.contact-option > li:nth-of-type(1) img {
	width: calc(146px / 2);
}
.contact-option > li:nth-of-type(2) img {
	width: calc(144px / 2);
}
.contact-option > li:nth-of-type(3) img {
	width: calc(160px / 2);
}
.contact-option > li:nth-of-type(4) img {
	width: calc(235px / 2);
}
.contact-option > li:nth-of-type(5) img {
	width: calc(280px / 2);
}
.contact-option > li:nth-of-type(6) img {
	width: calc(300px / 2);
	margin-left: 10px;
}
.contact-option > li p {
	margin-bottom: 0;
}
.contact-option > li:nth-of-type(6) p {
	margin-top: 10px;
}
.contact-option > li figure, .contact-option > li p {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 850px) {
	.contact-option::after {
		content: unset;
	}
	.contact-option > li:nth-of-type(n+4) {
		order: unset;
	}
}

@media (max-width: 640px) {
	.contact-option {
		gap: 5px;
		justify-content: space-around;
		max-width: 250px;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.contact-option > li {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 110px;
		height: 110px;
	}
	.contact-option > li:nth-of-type(n+4) {
		order: 1;
	}
	.contact-option > li figure {
		height: 51px;
	}
	.contact-option > li:nth-of-type(1) img {
		width: calc(146px / 4);
	}
	.contact-option > li:nth-of-type(2) img {
		width: calc(144px / 4);
	}
	.contact-option > li:nth-of-type(3) img {
		width: calc(160px / 4);
	}
	.contact-option > li:nth-of-type(4) img {
		width: calc(235px / 4);
	}
	.contact-option > li:nth-of-type(5) img {
		width: calc(280px / 4);
	}
	.contact-option > li:nth-of-type(6) img {
		width: calc(300px / 4);
		margin-left: 0;
	}
	.contact-option > li p {
		font-size: 1rem;
	}
	.contact-option > li:nth-of-type(6) p {
		margin-top: 5px;
	}
	.contact-option > li figure, .contact-option > li p {
		display: flex;
		align-items: center;
	}
}


/* other-option */
.other-option {
	display: flex;
	flex-wrap: wrap;
	margin-top: 39px;
}
.other-option > li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
	min-height: 120px;
	padding: 28px 17px;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	background-color: #419B91;
	border: #fff solid 2px;
}
.other-option > li:nth-child(2), .other-option > li:nth-child(3) {
	background-color: #60B8AE;
}
.other-option > li span {
	display: block;
	font-size: 1.4rem;
}

@media screen and (max-width: 850px) {
	.other-option {
		margin-top: 20px;
	}
	.other-option > li {
		min-height: 145px;
		padding: 14px 8px;
		font-size: 1.6rem;
		border: #fff solid 1px;
	}
	.other-option > li:nth-child(2), .other-option > li:nth-child(3) {
		background-color: #60B8AE;
	}
	.other-option > li span {
		display: block;
		font-size: 1.2rem;
	}
}
@media screen and (min-width: 640px) and (max-width: 850px) {
	.other-option > li {
		min-height: 120px;
	}
}

/* .ope-contents */
.ope-contents {
	margin-top: 88px;
}
.ope-contents> [class^="str-outer"]{
	padding-bottom: 89px;
}


.ope-recommend {
	margin: 69px 0 90px;
}
.ope-recommend> .inner {
    margin-left: -69px;
}
.ope-recommend> .inner> .col {
	padding-left: 68px;
}
.ope-recommend> .inner> .col> .box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 46px 22px;
	position: relative;
	padding-bottom: 49px;
	border: none;
}
.ope-recommend .label {
	position: absolute;
	top: 0;
	left: 0;
	width: fit-content;
	padding: 5px;
	color: #fff;
	font-size: 1.3rem;
	background-color: #2870C0;
}
.ope-recommend .mod-media> a span img {
	max-width: 100% !important;
}


.release {
	background-color: #fff;
	overflow: hidden;
}
.release .mod-pnl-02 {
	max-width: 824px;
	margin: 47px auto 84px;
}
.release .mod-pnl-02> .inner {
	margin-left: -89px;
}
.release .mod-pnl-02> .inner> * {
	padding-left: 89px;
}

@media screen and (max-width: 850px) {
	.ope-recommend> .inner {
		margin-left: -34px;
	}
	.ope-recommend> .inner> .col {
		padding-left: 34px;
	}


	.release .str-outer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.release .mod-pnl-02 {
		max-width: 100%;
		margin: 47px auto 84px;
	}
	.release .mod-pnl-02> .inner {
		margin-left: -40px;
	}
	.release .mod-pnl-02> .inner> * {
		padding-left: 40px;
	}
}

@media (max-width: 640px) {
	.ope-contents> [class^="str-outer"] {
		padding-bottom: 44px;
	}
	.ope-contents .str-outer {
		padding-left: 24px;
		padding-right: 24px;
	}
	.ope-recommend {
		margin: 34px 0 45px;
	}
	.ope-recommend> .inner> .col> .box {
		display: block;
	}
	.ope-recommend .label {
		padding: 3px;
		font-size: 1.1rem;
	}


	.release .mod-pnl-02 {
		margin: 23px auto 42px;
	}

	.release .mod-pnl-02> .inner> * {
		padding-left: 20px;
		padding-bottom: 22px;
	}
}


/* .ope-use */
.ope-use {
	margin-top: 77px;
	text-align: center;
}
.ope-use img {
	max-width: 100%;
}
@media screen and (min-width: 640px) and (max-width: 850px) {
	.ope-use {
		margin-top: 51px;
	}
}
@media (max-width: 640px) {
	.ope-use {
		margin-top: 38px;
	}
}


/* .case-study */
.case-study {
	margin-top: 156px;
}
.case-study .str-outer-wide {
	padding-bottom: 95px;
}
.case-study .mod-box-05 {
	margin-top: 54px;
}
.case-study .mod-box-05> .inner {
	justify-content: center;
	margin-left: -54px;
}
.case-study .mod-box-05> .inner> .col {
	width: 488px;
    padding-left: 54px;
}
.case-study .mod-box-05> .inner> .col> .box {
	padding-left: 22px;
	padding-right: 22px;
	border: none;
}
.case-study .title {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.case-study .mod-media> span img {
	max-width: 100% !important;
}
.case-study .mod-box-05> .inner> .col.one-case {
	/*width: 714px;*/
	width: 100%;
}
.case-study .mod-box-05> .inner> .col.one-case> .box {
	padding: 36px 38px 34px;
	width: 49%;
}
.case-study .mod-box-05> .inner> .col.one-case> .box:nth-child(1) {
	margin-right: 2%;
}
.case-study .mod-box-05> .inner> .col.one-case> .box:nth-child(2) {
	margin-left: 2%;
}

@media screen and (max-width: 850px) {
	.case-study {
		margin-top: 78px;
	}
	.case-study .str-outer-wide {
		padding-bottom: 63px;
	}
	.case-study .mod-box-05> .inner {
		margin-left: -27px;
	}
	.case-study .mod-box-05> .inner> .col {
		width: 50%;
		padding-left: 27px;
	}
}

@media (max-width: 640px) {
	.case-study .str-outer-wide {
		padding-bottom: 47px;
	}
	.case-study .mod-box-05 {
		margin-top: 27px;
	}
	.case-study .mod-box-05> .inner> .col {
		width: 100%;
	}
	.case-study .title {
		font-size: 2rem;
	}
	.case-study .mod-box-05> .inner> .col.one-case {
		display: block;
	}
	.case-study .mod-box-05> .inner> .col.one-case> .box {
		padding: 18px 19px 17px;
		width: 100%;
		margin: 0 0 20px!important;
	}
}


/* .faq */
.faq {
	padding-bottom: 100px;
}
.faq-list {
	max-width: 760px;
	margin: 52px auto 67px;
}
.faq-list > li {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.faq-list > li span, .faq-list > li a {
	display: flex;
}
.faq-list > li em {
	margin-right: 30px;
	padding: 5px 10px;
	color: #fff;
	font-size: 3rem;
	background-color: #65B3A4;
}
.faq-list > li a {
	position: relative;
	padding-right: 25px;
	font-size: 2rem;
	text-decoration: none;
}
.faq-list > li span {
	position: relative;
	display: inline-block;
	padding-right: 25px;
}
.faq-list > li span::after {
	content: ">";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.faq-list > li a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 850px) {
	.faq {
		padding-bottom: 66px;
	}
	.faq-list {
		max-width: 506px;
		margin: 34px auto 44px;
	}
	.faq-list > li {
		margin-top: 20px;
	}
	.faq-list > li em {
		margin-right: 20px;
		padding: 4px 8px;
		font-size: 2.6rem;
	}
	.faq-list > li a {
		font-size: 1.8rem;
	}
	.faq-list > li span {
		padding-right: 20px;
	}
	.faq-list > li span::after {
		content: ">";
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
}
@media (max-width: 640px) {
	.faq {
		padding-bottom: 50px;
	}
	.faq-list {
		margin: 26px auto 33px;
	}
	.faq-list > li {
		margin-top: 15px;
	}
	.faq-list > li em {
		margin-right: 15px;
		padding: 3px 6px;
		font-size: 2.4rem;
	}
	.faq-list > li a {
		flex: 1;
		font-size: 1.6rem;
	}
}


/* .maintenance */
.maintenance> [class^="str-outer"] {
	padding-bottom: 83px;
}
.terminal {
	margin-top: 46px;
	background-color: #fff;
	overflow: hidden;
}
.terminal .mod-pnl-02 {
	max-width: 823px;
	margin: 45px auto 0;
}
.terminal .mod-pnl-02> .inner {
	margin-left: -89px;
}
.terminal .mod-pnl-02> .inner> * {
	padding-left: 89px;
}
.terminal .mod-btn {
	margin-top: 37px;
}
.terminal-case {
	display: flex;
	justify-content: center;
	max-width: 823px;
	margin: 45px auto 49px;
	padding: 25px 25px 24px;
	border: #2870C0 solid 1px;
}
.terminal-case ul > li {
	position: relative;
	padding-left: 20px;
}
.terminal-case ul > li::before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #2870C0;
}

@media screen and (max-width: 850px) {
	.maintenance> [class^="str-outer"] {
		padding-bottom: 55px;
	}
	.terminal {
		margin-top: 30px;
	}
	.terminal .str-outer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.terminal .mod-pnl-02 {
		margin: 30px auto 0;
	}
	.terminal .mod-pnl-02> .inner {
		margin-left: -59px;
	}
	.terminal .mod-pnl-02> .inner> * {
		padding-left: 59px;
	}
	.terminal .mod-btn {
		margin-top: 24px;
	}
	.terminal-case {
		margin: 30px auto 32px;
		padding: 16px 16px 15px;
	}
	.terminal-case ul > li {
		padding-left: 13px;
	}
}

@media (max-width: 640px) {
	.maintenance> [class^="str-outer"] {
		padding-bottom: 41px;
	}
	.terminal {
		margin-top: 23px;
	}
	.terminal .mod-pnl-02 {
		margin: 22px auto 0;
	}
	.terminal .mod-pnl-02> .inner {
		margin-left: -44px;
	}
	.terminal .mod-pnl-02> .inner> * {
		padding-left: 44px;
	}
	.terminal .mod-btn {
		margin-top: 18px;
	}
	.terminal-case {
		margin: 0 auto 24px;
		padding: 13px 13px 12px;
	}
	.terminal-case ul > li {
		position: relative;
		padding-left: 10px;
	}
	.terminal-case ul > li::before {
		top: 9px;
		width: 5px;
		height: 5px;
	}
}


/* .consul-contact */
.consul-contact {
	margin-top: 100px;
	margin-bottom: 140px;
}
.consul-contact h2 {
	font-size: 3.2rem;
}
.consul-contact h3 {
    font-size: 2.4rem;
    font-weight: normal;
}
.consul-contact h4 {
    font-size: 1.8rem;
}
.consul-contact .mod-btn.of-download a,
.consul-contact .mod-btn.of-download button {
    color: #fff;
    background: #76161b;
    border: 2px solid #76171b;
}
.cb-fs-18 {
    font-size: 1.8rem;
}
.consul-contact .cb-col p {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 640px) {
	.consul-contact {
		margin-top: 50px;
		margin-bottom: 70px;
	}
	.consul-contact h2 {
		font-size: 2.4rem;
	}
	.consul-contact h3 {
		font-size: 1.8rem;
	}
	.consul-contact h4 {
		font-size: 1.6rem;
	}
	.consul-contact .mod-btn.of-download a,
	.consul-contact .mod-btn.of-download button {
		color: #fff;
		background: #76161b;
		border: 2px solid #76171b;
	}
	.cb-fs-18 {
		font-size: 1.6rem;
	}
	.cb-fs-24 {
		font-size: 2rem;
	}
}


/****
faq
*************************/

.faq-title, .news-title {
	margin-top: 70px;
	padding: 9px 16px 8px;
	color: #fff;
	font-size: 2.2rem;
	background-color: #002060;
}
.faq-contents .mod-list-faq> dl.list {
	display: block;
	font-size: 1.6rem;
}
.faq-contents .mod-list-faq> dl.list> dt,
.faq-contents .mod-list-faq> dl.list> dd {
	display: flex;
	align-items: baseline;
	margin: 0;
}
.faq-contents .mod-list-faq> dl.list> dt {
	margin-top: 60px;
    font-size: 1.8rem;
}
.faq-contents .mod-list-faq> dl.list> dt> .label,
.faq-contents .mod-list-faq> dl.list> dd> .label {
	width: 67px;
	margin: 0 30px 0 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 3rem;
	text-align: center;
    background-color: #65B3A4;
}
.faq-contents .mod-list-faq> dl.list> dd {
	margin-top: 10px;
}
.faq-contents .mod-list-faq> dl.list> dd> .label {
    background-color: #DC8C23;
}
.faq-contents .mod-list-faq> dl.list> dt> .label+ .content,
.faq-contents .mod-list-faq> dl.list> dd> .label+ .content {
	flex: 1;
	transform: translateY(-3px);
    padding-bottom: 0;
    vertical-align: middle;
}
.faq-contents .mod-list-faq> dl.list> dd> .label+ .content p + p {
	margin-top: 1.5em;
}
.exclusive {
	margin: 100px 0 125px;
	text-align: center;
}
.exclusive dt {
	padding: 9px 16px 8px;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	background-color: #002060;
}
.exclusive dd {
	margin: 0;
	padding: 20px 20px 27px;
	color: #002060;
	font-size: 2rem;
	background-color: #DCE8F5;
}
.exclusive dd .faq-site {
	font-size: 2.2rem;
	font-weight: bold;
}
.exclusive dd p {
	margin: 0;
}
.exclusive dd a {
	padding: 0;
	color: #002060;
}

@media screen and (min-width: 640px) and (max-width: 850px) {
	.faq-title, .news-title {
		margin-top: 46px;
		font-size: 2rem;
	}
	.faq-contents .mod-list-faq> dl.list {
		display: block;
		font-size: 1.6rem;
	}
	.faq-contents .mod-list-faq> dl.list> dt {
		margin-top: 40px;
		font-size: 1.6rem;
	}
	.faq-contents .mod-list-faq> dl.list> dt> .label,
	.faq-contents .mod-list-faq> dl.list> dd> .label {
		width: 60px;
		margin-right: 20px;
		font-size: 2.6rem;
	}
	.faq-contents .mod-list-faq> dl.list> dt> .label+ .content,
	.faq-contents .mod-list-faq> dl.list> dd> .label+ .content {
		flex: 1;
		transform: translateY(-2px);
		padding-bottom: 0;
		vertical-align: middle;
	}
	.exclusive {
		margin: 66px 0 83px;
	}
	.exclusive dt {
		font-size: 2rem;
	}
	.exclusive dd {
		font-size: 1.8rem;
	}
	.exclusive dd .faq-site {
		font-size: 2rem;
	}
}

@media (max-width: 640px) {
	.faq-title, .news-title {
		margin-top: 35px;
		padding: 5px 8px 4px;
		font-size: 1.8rem;
	}
	.faq-contents .mod-list-faq> dl.list {
		font-size: 1.6rem;
	}
	.faq-contents .mod-list-faq> dl.list> dt {
		margin-top: 30px;
		font-size: 1.6rem;
	}
	.faq-contents .mod-list-faq> dl.list> dt> .label,
	.faq-contents .mod-list-faq> dl.list> dd> .label {
		width: 52px;
		margin-right: 15px;
		padding: 3px 5px;
		color: #fff;
		font-size: 2.4rem;
	}
	.faq-contents .mod-list-faq> dl.list> dd {
		margin-top: 5px;
	}
	.faq-contents .mod-list-faq> dl.list> dt> .label+ .content,
	.faq-contents .mod-list-faq> dl.list> dd> .label+ .content {
		transform: translateY(-1px);
	}
	.exclusive {
		margin: 50px 0 62px;
	}
	.exclusive dt {
		padding: 5px 8px 4px;
		font-size: 1.8rem;
	}
	.exclusive dd {
		padding: 10px 10px 13px;
		font-size: 1.4rem;
	}
	.exclusive dd .faq-site {
		font-size: 1.8rem;
	}
}


/****
case
*************************/
.case-list {
	margin-top: 90px;
	padding: 30px;
	font-size: 1.6rem;
	border: #000 solid 1px;
}
.case-list .inner> .media img {
	max-width: 390px;
}
.case-list> .inner> .txt {
    padding-left: 47px;
}
.case-list> .inner> .txt .lede {
    font-size: 2.4rem;
	font-weight: bold;
}
.case-title {
	margin-top: 80px;
	color: #286EBE;
	font-size: 3rem;
	font-weight: bold;
}
.case-lead {
	margin-bottom: 80px;
	font-weight: bold;
}
.case-sub-title {
	margin: 60px 0 32px;
    padding: 9px 16px 8px;
    color: #286EBE;
    font-size: 2.2rem;
	font-weight: bold;
    background-color: #DCE8F5;
}
.thank-you {
	margin-top: 80px;
	padding: 14px 10px 11px;
	color: #286EBE;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	border-top: #286EBE dotted 1px;
	border-bottom: #286EBE dotted 1px;
}
.thank-you span {
	display: inline-block;
	position: relative;
	padding: 0 2em;
}
.thank-you span::before, .thank-you span::after {
	content: "～";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1em;
	height: 1em;
	line-height: 1;
}
.thank-you span::after {
	left: unset;
	right: 0;
}
.case-profile {
	margin-top: 80px;
	padding: 50px 50px 54px;
	background-color: rgba(169, 160, 192, .15);
}
.case-profile h4 {
	margin:  0 0 40px;
	color: #A9A0C0;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
.case-profile .content {
	display: flex;
	gap: 0 40px;
}
.case-profile .content .text {
	width: calc(100% - 448px);
}
.case-profile .content .profile-title {
	font-size: 2.2rem;
	font-weight: bold;
}
.case-profile .content figure {
	max-width: 408px;
}
.case-profile .content img {
	max-width: 100%;
}
.case-profile a[target="_blank"] {
	padding-left: 0;
}
@media screen and (max-width: 1024px) {
	.case-list {
		margin-top: 60px;
		padding: 20px;
		font-size: 1.5rem;
	}
	.case-list> .inner> .txt {
		padding: 0 0 0 31px;
	}
	.case-list> .inner> .txt .lede {
		font-size: 2.2rem;
	}
	.case-title {
		margin-top: 53px;
		font-size: 2.6rem;
	}
	.case-lead {
		margin-bottom: 53px;
	}
	.case-sub-title {
		margin: 40px 0 21px;
		padding: 6px 10px 5px;
		font-size: 2rem;
	}
	.thank-you {
		margin-top: 53px;
		padding: 9px 6px 7px;
		color: #286EBE;
		font-size: 1.6rem;
	}
	.case-profile {
		margin-top: 53px;
		padding: 33px 33px 36px;
	}
	.case-profile h4 {
		margin:  0 0 26px;
		font-size: 2rem;
	}
	.case-profile .content {
		gap: 0 26px;
	}
	.case-profile .content .text {
		width: 70%;
	}
	.case-profile .content .profile-title {
		font-size: 2rem;
	}
	.case-profile .content figure {
		max-width: 408px;
	}
}
@media only screen and (max-width: 767px){
	.case-list .inner> .media img {
		max-width: calc((390px * 2) / 3);
	}
}
@media screen and (max-width: 640px) {
	.case-list {
		margin-top: 45px;
		padding: 15px;
		font-size: 1.4rem;
	}
	.case-list .inner> .media img {
		max-width: 100%;
	}
	.case-list> .inner> .txt {
		padding-left: 0;
	}
	.case-list> .inner> .txt .lede {
		font-size: 2rem;
	}
	.case-title {
		margin-top: 40px;
		font-size: 2.2rem;
	}
	.case-lead {
		margin-bottom: 40px;
	}
	.case-sub-title {
		margin: 30px 0 16px;
		padding: 5px 8px 4px;
		font-size: 1.6rem;
	}
	.thank-you {
		margin-top: 40px;
		padding: 7px 5px 6px;
		font-size: 1.4rem;
	}
	.case-profile {
		margin-top: 40px;
		padding: 25px 25px 27px;
	}
	.case-profile h4 {
		margin:  0 0 20px;
		color: #A9A0C0;
		font-size: 1.8rem;
	}
	.case-profile .content {
		display:block;
	}
	.case-profile .content .text {
		width: 100%;
	}
	.case-profile .content .profile-title {
		font-size: 1.8rem;
		text-align: center;
	}
	.case-profile .content figure {
		max-width: 100%;
		margin-top: 30px;
		text-align: center;
	}
}


/****
news-block
*************************/
.news-block {
	margin-top: 90px;
}
.news-block a[href$=".pdf"], .news-block a[target="_blank"]{
	padding-left: 0;
}
.news-block p {
	margin: 40px 0;
}
.news-title {
	margin-top: 60px;
	margin-bottom: 32px;
}
.news-title + p {
	margin-top: 32px;
}
.news-title:first-of-type {
	margin-top: 90px;
}
.news-block .caution {
	font-size: 1.4rem;
}
dl.details-layout dt, ul.details-layout li, ol.details-layout li {
	width: fit-content;
	margin: 30px 0 16px;
	padding: 5px 10px;
	color: #fff;
	background-color: #65B3A4;
}
ul.details-layout li, ol.details-layout li {
	margin-bottom: 40px;
}
dl.details-layout dd {
	margin: 0;
	padding-bottom: 30px;
	border-bottom: #707070 dotted 1px;
}
dl.details-layout dd p {
	margin: 1em 0 0;
}
dl.details-layout dd b {
	font-size: 2rem;
}
@media screen and (max-width: 1024px) {
	.news-block {
		margin-top: 60px;
	}
	.news-block p {
		margin-top: 26px;
	}
	.news-title {
		margin-top: 40px;
		margin-bottom: 21px;
	}
	.news-title + p {
		margin-top: 21px;
	}
	.news-title:first-of-type {
		margin-top: 60px;
	}
	.news-block .caution {
		font-size: 1.3rem;
	}
	dl.details-layout dt, ul.details-layout li, ol.details-layout li {
		width: fit-content;
		margin: 20px 0 10px;
	}
	ul.details-layout li, ol.details-layout li {
		margin-bottom: 20px;
	}
	dl.details-layout dd {
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 640px) {
	.news-block {
		margin-top: 45px;
	}
	.news-block p {
		margin: 20px 0;
	}
	.news-title {
		margin-top: 30px;
		margin-bottom: 16px;
	}
	.news-title + p {
		margin-top: 16px;
	}
	.news-title:first-of-type {
		margin-top: 45px;
	}
	.news-block .caution {
		font-size: 1.2rem;
	}
	dl.details-layout, ul.details-layout, ol.details-layout {
		margin-bottom: 30px;
	}
	dl.details-layout dt, ul.details-layout li, ol.details-layout li {
		margin: 15px 0;
		padding: 3px 5px;
	}
	dl.details-layout dd {
		padding-bottom: 15px;
	}
	dl.details-layout dd b {
		font-size: 1.8rem;
	}
}


/****
teaching-materials
*************************/
.teaching-materials {
	margin-top: 90px;
}
.teaching-materials> table {
	font-size: 1.6rem;
	border-spacing: 0 28px;
    border-collapse: unset;
}
.teaching-materials> table th, .teaching-materials> table td {
	border: none;
}
.teaching-materials> table th {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.teaching-materials> table td {
	padding: 20px 0 20px 50px;
}
.teaching-materials> table td p {
	margin-top: 2em;
}
.teaching-materials> table td p:first-child {
	margin-top: 0;
}
.teaching-materials> table td p span {
	font-size: 1.4rem;
}
.teaching-materials> table .blue {
	color: #2870C0;
}
.teaching-materials> table a[target="_blank"] {
	padding-left: 0;
}
.teaching-materials .caution, .teaching-materials .caution-list > li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 13px;
}
.teaching-materials .caution.indent-none {
	text-indent: unset;
	padding-left: 0;
}
.teaching-materials .caution.em2_5 {
	text-indent: -2.5em;
	padding-left: 2.5em;
}
.list-base > li, .list-base2 > li {
	margin-top: 5px;
	text-indent: -1em;
	padding-left: 1em;
}
.list-base > li span {
	color: #ff0000;
}
.list-base2 > li span {
	color: #41A0C3;
}
.teaching-materials .inner-table table {
	table-layout: fixed;
	width: 100%;
	text-align: center;
	border: #000 solid;
	border-width: 1px 0 0 1px;
	border-spacing: 0;
}
.teaching-materials .inner-table colgroup col.w15 {
	width: 15%;
}
.teaching-materials .inner-table colgroup col.w17 {
	width: 17%;
}
.teaching-materials .inner-table colgroup col.w18 {
	width: 18%;
}
.teaching-materials .inner-table colgroup col.w22 {
	width: 22%;
}
.teaching-materials .inner-table colgroup col.w42 {
	width: 42%;
}
.teaching-materials .inner-table colgroup col.w30 {
	width: 30%;
}
.teaching-materials .inner-table colgroup col.w40 {
	width: 40%;
}
.teaching-materials .inner-table colgroup col.w50 {
	width: 50%;
}
.teaching-materials .inner-table colgroup col.w60 {
	width: 60%;
}
.teaching-materials .inner-table colgroup col.w70 {
	width: 70%;
}
.teaching-materials .inner-table colgroup col.w75 {
	width: 75%;
}
.teaching-materials .inner-table colgroup col.w80 {
	width: 80%;
}
.teaching-materials .inner-table colgroup col.w90 {
	width: 90%;
}
.teaching-materials .inner-table th,
.teaching-materials .inner-table td {
	padding: 13px 5px 10px;
	font-size: 1.4rem;
	border-right: #000 solid 1px;
	border-bottom: #000 solid 1px;
}
.teaching-materials .inner-table thead th {
	background-color: #fff;
}
.teaching-materials .inner-table .level1-color th,
.teaching-materials .inner-table .level1-color td {
	background-color: #EEFAFF;
}
.teaching-materials .inner-table .level2-color th,
.teaching-materials .inner-table .level2-color td {
	background-color: #ECF5EA;
}
.teaching-materials .inner-table .level3-color th,
.teaching-materials .inner-table .level3-color td {
	background-color: #F1ECFF;
}
.teaching-materials .inner-table .level4-color th,
.teaching-materials .inner-table .level4-color td {
	background-color: #FBF6E5;
}
.teaching-materials .inner-table .level5-color th,
.teaching-materials .inner-table .level5-color td {
	background-color: #FEF0EF;
}
.teaching-materials .inner-table .level6-color th,
.teaching-materials .inner-table .level6-color td {
	background-color: #FEF3E2;
}
.teaching-materials .inner-table .level7-color th,
.teaching-materials .inner-table .level7-color td {
	background-color: #E8F3E6;
}
.teaching-materials .inner-table tr .title-color1 {
	color: #fff;
	background-color: #F17474;
}
.teaching-materials .inner-table tr .title-color2 {
	color: #fff;
	background-color: #F5A926;
}
.teaching-materials .inner-table tr .title-color3 {
	color: #fff;
	background-color: #6DB961;
}
.teaching-materials .inner-table tr .title-color4 {
	color: #fff;
	background-color: #3F94CC;
}
.teaching-materials .inner-table .text-left {
	text-align: left;
}
.teaching-materials .inner-table .font13 {
	font-size: 1.3rem;
}
.teaching-materials .inner-table + .notes {
	margin-top: 1em;
}
.teaching-materials .img-box > div {
	padding: 28px 23px 19px;
	border: #000 solid 1px;
}
.teaching-materials .img-box p {
	margin: 12px 0 0;
}
.teaching-materials .flex {
	display: flex;
	padding: 0;
}
.teaching-materials .flex.align-c {
	align-items: center;
}
.teaching-materials .flex.justify-bet {
	justify-content: space-between;
}
.teaching-materials .flex.justify-ar {
	justify-content: space-around;
}
.teaching-materials .flex.wrap {
	flex-wrap: wrap;
}
.teaching-materials .flex.gap10{
	gap: 0 10px;
}
.teaching-materials .flex.gap20{
	gap: 0 20px;
}
.teaching-materials .flex.gap30{
	gap: 0 30px;
}
.teaching-materials .flex.gap40{
	gap: 0 40px;
}
.teaching-materials .flex.gap50{
	gap: 0 50px;
}
.teaching-materials .flex .column-around {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.teaching-materials .column-around.align-c {
	align-items: center;
}
.teaching-materials .flex .grow2  {
	flex-grow: 2;
}
.teaching-materials .flex .mt2em  {
	margin-top: 2em;
}
.movie-list dt {
	padding: 9px 16px 8px;
	color: #fff;
	font-size: 2.2rem;
	background-color: #BE375A;
}
.movie-list dd {
	margin-left: 0;
}
.movie-list dd figure {
	margin-top: 2em;
}
.dl-base dt {
	font-weight: bold;
}
.dl-base dd {
	margin-left: 1em;
}
.teaching-materials .navima-feature {
	margin-top: 46px;
}
.teaching-materials .navima-feature .arrow1 {
	display: flex;
	align-items: center;
	padding: 0 15px;
}
.teaching-materials .navima-feature .arrow2 {
	display: flex;
	align-items: flex-start;
	padding: 0 15px;
}
.teaching-materials .navima-feature .arrow2 img {
	transform: rotate(20deg);
}
.teaching-materials .navima-feature .second {
	margin-top: 40px;
}
.teaching-materials .navima-feature .second figure {
	padding-top: 20px;
}
.teaching-materials .navima-feature p {
	margin: 5px 0 0 16px;
	font-size: 1.4rem;
	font-weight: bold;
}
.teaching-materials .navima-feature .second p {
	padding-top: 20px;
}
.teaching-materials .navima-feature img {
	vertical-align: top;
}
.teaching-materials .sukima-time > div {
	padding: 18px 25px 16px;
}
.teaching-materials .sukima-time > div:nth-of-type(1) {
	border: #DC8C22 solid 1px;
}
.teaching-materials .sukima-time > div:nth-of-type(2) {
	border: #2870C0 solid 1px;
}
.teaching-materials .sukima-time > div > figure {
	height: 32%;
	text-align: center;
}
.teaching-materials .sukima-time > div > p {
	margin: 20px 0 0;
}
.teaching-materials .learn-function {
	padding: 20px 17px;
	background-color: #DEE9DC;
}
.teaching-materials .learn-function dt {
	color: #419B91;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.teaching-materials .learn-function dd {
	margin: 8px 0 0;
}
.teaching-materials .learn-function dd > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}
.teaching-materials .learn-function dd > ul > li {
	width: calc((100% - 20px) / 3);
	margin-top: 10px;
	padding: 14px 19px;
	background-color: #fff;
}
.teaching-materials .learn-function dd > ul > li.max100 {
	width: 100%;
	text-align: center;
}
.teaching-materials .learn-function dd > ul > li p {
	margin: 14px 0 0;
}
.teaching-materials .learn-function dd > ul > li figure {
	margin-top: 14px;
	text-align: center;
}
.teaching-materials .learn-function dd > ul > li .learn-title {
	margin-top: 0;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.teaching-materials .learn-function.other {
	margin-top: 24px;
	background-color: #DCE8F5;
}
.teaching-materials .learn-function.other dt {
	color: #2870C0;
}
.teaching-materials .learn-function.other dd > ul > li {
	width: calc((100% - 10px) / 2);
}
.teaching-materials .strong-title {
	margin-bottom: 32px;
    padding: 9px 16px 8px;
    color: #fff;
    font-size: 2.2rem;
	font-weight: bold;
    background-color: #008BD5;
}
.teaching-materials .strong-title span {
    font-size: 1.8rem;
	font-weight: normal;
}
.teaching-materials .strong-title.color-2 {
    background-color: #DC8C22;
}
.teaching-materials .strong-title.color-3 {
    background-color: #2870C0;
}
.teaching-materials .medium-title {
    color: #DC8C22;
    font-size: 1.8rem;
	font-weight: bold;
}
.teaching-materials .positioning p {
    margin: 10px 0 0;
	text-align: center;
}
.teaching-materials .surala-flow {
	padding-right: 22%;
	background: url(../images/surala2-flow-bg.png) right 67% no-repeat;
}
.teaching-materials .surala-flow > div {
	max-width: 619px;
}
.teaching-materials .surala-flow b {
	color: #0268B6;
}
.teaching-materials .surala-flow .big-arrow {
	margin-top: 18px;
	text-align: center;
}
.teaching-materials .logica-detail dt {
	padding: 5px 10px;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	background-color: #DC8C22;
}
.teaching-materials .logica-detail dd {
	margin: 0;
	padding: 34px 20px 20px;
	border: #DC8C22 solid;
	border-width: 0 1px 1px 1px;
}
.teaching-materials .logica-detail dd figure {
	text-align: center;
}
.teaching-materials .logica-detail dd p {
	margin: 16px 0 0;
	text-align: center;
}
.teaching-materials .logica-detail.other dt {
	background-color: #031379;
}
.teaching-materials .logica-detail.other dd {
	border: #031379 solid;
	border-width: 0 1px 1px 1px;
}
.teaching-materials .free-package {
	margin-top: 44px;
}
.teaching-materials .strong-title + .free-package {
	margin-top: 0;
}
.teaching-materials .free-package > div:nth-of-type(1) {
	width: 39.75%;
}
.teaching-materials .free-package > div:nth-of-type(2) {
	width: calc(60.25% - 30px);
}
.teaching-materials .material-packs {
	padding: 30px 50px 45px;
	border: #DC8C22 solid 1px;
}
.teaching-materials .material-packs .title {
	width: 100%;
	margin: 0;
	color: #DC8C22;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.teaching-materials .material-packs .sub-title {
	width: 100%;
	margin: 40px 0 0;
	color: #DC8C22;
	font-weight: bold;
}
.teaching-materials .material-packs ul {
	width: fit-content;
	margin: 28px auto;
}
.teaching-materials .material-packs ul > li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.teaching-materials .material-packs ul > li > em {
	margin-right: 0.5em;
	color: #DC8C22;
	text-decoration: none;
}
.teaching-materials .material-packs ul > li > span {
	font-size: 1.4rem;
}
.teaching-materials .material-packs > div {
	max-width: 330px;
	margin-top: 30px;
}
.teaching-materials .material-packs figcaption {
	font-size: 1.4rem;
	font-weight: bold;
}
.teaching-materials .material-packs .inner-table {
	max-width: unset;
	width: 100%;
	margin-top: 10px;
}
.teaching-materials .material-packs.textbook {
	margin-top: 38px;
	border: #2870C0 solid 1px;
}
.teaching-materials .material-packs.textbook .title {
	color: #2870C0;
}
.teaching-materials .material-packs.textbook .sub-title {
	color: #2870C0;
}
.teaching-materials .material-packs.textbook ul > li > em {
	color: #2870C0;
}
.teaching-materials .class-pad-title {
	font-size: 2rem;
}
.teaching-materials .class-pad-title .small {
	font-size: 1.4rem;
	font-weight: normal;
}
.teaching-materials .class-pad-title .prominent {
	color: #BE375A;
}
.img-plus {
	text-align: center;
}
.img-plus img {
	vertical-align: top;
}
@media screen and (max-width: 1024px) {
	.teaching-materials {
		margin-top: 60px;
	}
	.teaching-materials> table {
		border-spacing: 0 18px;
	}
	.teaching-materials> table th {
		font-size: 1.8rem;
	}
	.teaching-materials> table td {
		padding-left: 33px;
	}
	.teaching-materials .flex .mt2em  {
		margin-top: 1em;
	}
	.teaching-materials .navima-feature {
		margin-top: 30px;
	}
	.teaching-materials .navima-feature .arrow1 {
		padding: 0 13px;
	}
	.teaching-materials .navima-feature .arrow2 {
		padding: 0 10px;
	}
	.teaching-materials .navima-feature .second {
		margin-top: 26px;
	}
	.teaching-materials .navima-feature .second figure {
		padding-top: 10px;
	}
	.teaching-materials .navima-feature p {
		margin: 4px 0 0 10px;
		font-size: 1.3rem;
	}
	.teaching-materials .navima-feature .second p {
		padding-top: 13px;
	}
	.teaching-materials .flex.gap50{
		gap: 0 25px;
	}
	.teaching-materials .material-packs {
		padding: 20px 26px 30px;
	}
	.teaching-materials .material-packs > div {
		width: calc((100% - 30px) / 2);
	}
	.teaching-materials .material-packs .title {
		color: #DC8C22;
	}
}
@media only screen and (max-width: 767px){
	.teaching-materials .navima-feature {
		flex-direction: column;
		margin-top: 23px;
	}
	.teaching-materials .navima-feature > div:nth-of-type(1) {
		text-align: center;
	}
	.teaching-materials .navima-feature .navima-lower {
		display: flex;
		gap: 0 10px;
	}
	.teaching-materials .navima-feature .navima-lower > div {
		width: 50%;
		flex-direction: column;
	}
	.teaching-materials .navima-feature figure {
		text-align: center;
	}
	.teaching-materials .navima-feature figure img {
		max-width: 100%;
	}
	.teaching-materials .navima-feature .arrow1 {
		justify-content: flex-end;
		padding: 10px;
	}
	.teaching-materials .navima-feature .arrow1 img {
		transform: rotate(135deg);
	}
	.teaching-materials .navima-feature .arrow2 {
		justify-content: flex-start;
		padding: 10px;
	}
	.teaching-materials .navima-feature .arrow2 img {
		transform: rotate(45deg);
	}
	.teaching-materials .navima-feature .second {
		margin-top: 0;
	}
	.teaching-materials .navima-feature .second figure {
		padding-top: 0;
	}
	.teaching-materials .navima-feature p {
		margin: 10px 0 0;
		font-size: 1.2rem;
	}
	.teaching-materials .navima-feature .second p {
		padding-top: 0;
	}
	.teaching-materials .surala-flow {
		padding-right: 30%;
		background: url(../images/surala2-flow-bg.png) right 67% no-repeat;
		background-size: 45%;
	}
	.teaching-materials .surala-flow > div {
		max-width: 100%;
	}
	.teaching-materials .surala-flow b {
		color: #0268B6;
	}
	.teaching-materials .surala-flow .big-arrow {
		margin-top: 9px;
	}
	.teaching-materials .surala-flow .big-arrow img {
		width: 29px;
	}
}
@media screen and (max-width: 640px) {
	.teaching-materials {
		margin-top: 45px;
	}
	.teaching-materials> table {
		font-size: 1.4rem;
		border-collapse: collapse;
	}
	.teaching-materials> table th, .teaching-materials> table td {
		display: block;
		width: 100%;
	}
	.teaching-materials .w-15 {
		width: 100% !important;
	}
	.teaching-materials> table th {
		padding: 8px 10px 5px;
		font-size: 1.6rem;
		text-align: left;
	}
	.teaching-materials> table td {
		padding: 20px 0 30px;
	}
	.teaching-materials .inner-table.scroll {
		overflow-x: scroll;
	}
	.teaching-materials .inner-table.scroll table {
		width: 800px;
	}
	.teaching-materials .inner-table th,
	.teaching-materials .inner-table td {
		padding: 6px 3px 5px;
		font-size: 1.2rem;
		display: table-cell;
	}
	.teaching-materials .inner-table thead th,
	.teaching-materials .inner-table tbody th {
		text-align: center;
	}
	.teaching-materials .img-box > div {
		margin-top: 1em;
		padding: 14px 11px 9px;
	}
	.teaching-materials .img-box div p {
		margin-top: 6px;
	}
	.teaching-materials .flex {
		display: block;
	}
	.teaching-materials .column-around {
		display: block;
	}
	.teaching-materials .column-around.align-c {
		text-align: center;
	}
	.teaching-materials .flex .grow2  {
		flex-grow: 0;
	}
	.movie-list dt {
		padding: 4px 8px 4px;
		font-size: 1.8rem;
	}
	.movie-list dd figure {
		text-align: center;
	}
	.movie-list dd figure, .teaching-materials .movie-list dd p {
		margin-top: 1em;
	}
	.teaching-materials .sukima-time > div {
		padding: 9px 12px 8px;
		margin-top: 20px;
	}
	.teaching-materials .sukima-time > div > figure {
		height: auto;
	}
	.teaching-materials .sukima-time > div > p {
		margin: 10px 0 0;
	}
	.teaching-materials .learn-function {
		padding: 10px 8px;
	}
	.teaching-materials .learn-function dt {
		font-size: 1.6rem;
	}
	.teaching-materials .learn-function dd {
		margin: 4px 0 0;
	}
	.teaching-materials .learn-function dd > ul {
		display: block;
	}
	.teaching-materials .learn-function dd > ul > li {
		width: 100%;
		padding: 7px 10px;
	}
	.teaching-materials .learn-function dd > ul > li p {
		margin: 7px 0 0;
	}
	.teaching-materials .learn-function dd > ul > li .learn-title {
		font-size: 1.3rem;
	}
	.teaching-materials .learn-function.other {
		margin-top: 12px;
	}
	.teaching-materials .learn-function.other dd > ul > li {
		width: 100%;
	}
	.teaching-materials .learn-function.other dd > ul > li figure.flex {
		display: flex;
	}
	.teaching-materials .strong-title {
		margin-bottom: 16px;
		padding: 4px 8px 4px;
		font-size: 1.8rem;
	}
	.teaching-materials .strong-title span {
		font-size: 1.4rem;
	}
	.teaching-materials .medium-title {
		font-size: 1.6rem;
	}
	.teaching-materials .positioning > div {
		margin-top: 30px;
	}
	.teaching-materials .positioning p {
		margin: 5px 0 0;
	}
	.teaching-materials .surala-flow {
		padding-right: 40%;
		background: url(../images/surala2-flow-bg.png) right 67% no-repeat;
		background-size: 52%;
	}
	.teaching-materials .logica-detail dt {
		padding: 2px 5px;
		font-size: 1.6rem;
	}
	.teaching-materials .logica-detail dd {
		padding: 17px 10px 10px;
	}
	.teaching-materials .logica-detail dd p {
		margin: 8px 0 0;
	}
	.teaching-materials .logica-detail dd ul > li {
		margin-top: 30px;
	}
	.teaching-materials .logica-detail dd ul > li:first-of-type {
		margin-top: 0;
	}
	.teaching-materials .free-package > div:nth-of-type(1) {
		width: 100%;
	}
	.teaching-materials .free-package > div:nth-of-type(2) {
		width: 100%;
	}
	.teaching-materials .free-package figure {
		text-align: center;
	}
	.teaching-materials .free-package p {
		margin-top: 1em;
	}
	.teaching-materials .material-packs {
		padding: 15px 20px 22px;
	}
	.teaching-materials .material-packs .title {
		font-size: 1.8rem;
	}
	.teaching-materials .material-packs .sub-title {
		margin: 20px 0 0;
	}
	.teaching-materials .material-packs ul {
		width: 100%;
		margin: 14px auto;
	}
	.teaching-materials .material-packs ul > li > span {
		font-size: 1.2rem;
	}
	.teaching-materials .material-packs > div {
		max-width: unset;
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}
	.teaching-materials .material-packs .inner-table th,
	.teaching-materials .material-packs .inner-table td,
	.teaching-materials .giga-price th,
	.teaching-materials .giga-price td {
		width: auto;
	}
	.img-plus img {
		width: 28px;
	}
}

/* .img-max */
img.img-max {
	max-width: 100%;
}

/* .title-img */
img.title-img {
	max-width: 100%;
}
@media screen and (max-width: 640px) {
	img.title-img {
		max-width: 70vw;
	}
}


/* .red */
.red {
	color: #ff0000;
}

/* .blue */
.blue{
	color: #0070C0;
}

/* .notes */
.notes {
	margin-top: 15px;
	font-size: 1.4rem;
	text-align: right;
}
@media (max-width: 850px) {
	.notes {
		margin-top: 7px;
		font-size: 1.2rem;
	}
}

/* pc, sp */

.pc-block {
	display: block;
}
.sp-block {
	display: none;
}
@media screen and (max-width: 1024px){
	.pc-block.is-pad {
		display: none;
	}
}
@media (max-width: 640px) {
	.pc-block {
		display: none;
	}
	.sp-block {
		display: block;
	}
}