@charset "utf-8";

/* common
-------------------------------------------------------------------------------------------------------- */
#pageNav .cCopy	{ position:absolute; top:-10px; font-size:14px; }
#pageNav ul			{ line-height:1.2; }
#pageNav ul li			{}
#pageNav ul li.opNav .small{ margin-left:4px; font-size:0.75em; }
#pageNav ul li.opNav.focus		{ background-color:#333; }
#pageNav ul li.opNav.focus > a	{ color:#ccc; }
#pageNav ul li .inBox				{ display:none; position:absolute; top:56px; right:100px; z-index:10; background-color:#333; }
#pageNav ul li .inBox ul			{ padding:0; border-top:#222 1px solid;  }
#pageNav ul li .inBox ul li		{ display:block; text-align:left; border-bottom:#222 1px solid;  }
#pageNav ul li .inBox ul li a		{ display:block; padding:18px 60px 18px 80px; line-height:1.4; color:#fff; background:url(../img/common/ico_ar_wh.png) no-repeat 60px center;}
#pageNav ul li .inBox ul li a:hover	{ background-color:#444; }
@media screen and (max-width: 480px) {
#pageNav .cCopy	{ font-size:12px; padding-left:10px; }
#pageNav ul li.opNav.focus			{ background-color:#333; }
#pageNav ul li.opNav.focus > a	{ color:#ccc; }
#pageNav ul li .inBox				{ display:none; position:absolute; top:94px; left:0; width:100%; }
#pageNav ul li .inBox ul			{ padding:0; width:100%; border-top:#222 1px solid;  }
#pageNav ul li .inBox ul li		{ float:left; display:block; width:50%; padding:0 1%; border-bottom:none; box-sizing:border-box; }
#pageNav ul li .inBox ul li a		{ padding:24px 0 0 16px; height:40px;  border-bottom:#666 1px dotted;; background-position:4px center; background-size:8px; }
}



.lowerTitle	{ padding:6px 0 2px; margin-bottom:40px; font-size:36px; color:#fff; text-align:center; font-weight:bold; }
.lowerTitle.txz	{ background-color:#003A70; }
.lowerTitle.apz	{ background-color:#E3007F; }
.lowerTitle.plans	{ background-color:#23467F; }
.lowerTitle.id3	{ background-color:#35A142; }
.prdTitle		{ margin-bottom:30px; text-align:center; font-size:36px; font-weight:bold; color:#326F98; }
@media screen and (max-width: 480px) {
.lowerTitle	{ margin-bottom:20px; font-size:18px; }
.prdTitle		{ margin-bottom:20px; text-align:left; font-size:20px; line-height:1.4; }
.prdTitle br	{ display:none; }
}



#opSelect					{ padding:60px 0; }
#opSelect .lead				{ margin-bottom:40px; }
#opSelect .opList					{ margin:0 0 30px -4%; }
#opSelect .opList li					{ float:left; width:46%; margin:0 0 4% 4%; border:#eaeaea 6px solid; box-sizing:border-box; }
#opSelect .opList li .txtBox			{ padding:20px; }
#opSelect .opList li .txtBox .title	{ margin-bottom:10px; font-size:22px; font-weight:bold; color:#326F98; line-height:1.3; }
#opSelect .opList li .linkBtn			{ margin:0 0 20px; }
#opSelect .opList li .linkBtn.exImg			{ margin:10px 0 0; }
#opSelect .toList								{ margin-bottom:100px; }
#opSelect .toList .linkBtn				{ padding:40px 0; margin:30px 0; background-color:#fafafa; }
#opSelect .toList .linkBtn a				{ padding:24px 0 20px; max-width:600px; }
#opSelect .toList .linkBtn.plans a	{ background-color:#F23C8B; }
#opSelect .opListMin			{ margin-bottom:100px; }
#opSelect .opListMin ul		{ margin-left:-2%; }
#opSelect .opListMin ul li	{ float:left; width:23%; margin-left:2%; }
@media screen and (max-width: 480px) {
#opSelect					{ padding:30px 0; }
#opSelect .lead			{ margin-bottom:20px; }
#opSelect .opList					{ margin:0 0 30px 0; }
#opSelect .opList li					{ float:none; width:auto; margin:0 0 4% 0; border:#eaeaea 4px solid; }
#opSelect .opList li .pic			{ text-align:center; background-color:#fafafa; }
#opSelect .opList li .pic img	{ width:80%; }
#opSelect .opList li .txtBox			{ padding:10px; }
#opSelect .opList li .txtBox .title	{ margin:6px 0; font-size:18px; font-weight:bold; color:#326F98; line-height:1.3; }
#opSelect .opList li .txtBox p		{ font-size:12px; line-height:1.4; }
#opSelect .opList li .linkBtn			{ margin:0 10px 10px; }
#opSelect .opList li .linkBtn.exImg			{ margin:10px 0 0; }
#opSelect .toList								{ margin-bottom:40px; }
#opSelect .toList .linkBtn				{ padding:0; margin:20px 0; }
#opSelect .toList .linkBtn a				{ padding:20px 8% 16px 4%; }
#opSelect .opListMin			{ margin-bottom:0; }
#opSelect .opListMin ul li	{ width:48%; margin:0 0 2% 2%; min-height:120px; line-height:1.4; }
}



/* products_index
-------------------------------------------------------------------------------------------------------- */
#products #pList					{ padding:30px 0 120px; }
#products #pList	 ul				{ margin-left:-3.125%; }
#products #pList	 ul li			{ float:left; padding-left:3.125%; margin-bottom:30px; /*width:33.33%;*/ width:25%; box-sizing:border-box; }
#products #pList	 ul li p		{ margin:10px 0; line-height:1.4; }
@media screen and (max-width: 480px) {
#products #pList					{ padding:20px 0 0; }
#products #pList	 ul				{ margin-left:-3.125%; }
#products #pList	 ul li			{ margin-bottom:20px; width:50%; min-height:210px; }
#products #pList	 ul li p		{ margin:6px 0 0; font-size:12px; }
}

#products #about				{ margin-bottom:80px; }
#products #about .txt			{ margin-bottom:40px; }
#products #about .areaMap				{ padding:30px; background-color:#fafafa; }
#products #about .areaMap li				{ float:left; width:25%; }
#products #about .areaMap li.w50		{ width:50%; }
#products #about .areaMap li.full		{ width:100%; }
@media screen and (max-width: 480px) {
#products #about				{ margin-bottom:40px; }
#products #about .sectTitle br	{ display:none; }
#products #about .txt			{ margin-bottom:20px; }

#products #about .areaMap				{ padding:20px 10px; margin:0 -10px 0; background-color:#fafafa; }
#products #about .areaMap li				{ float:left; width:25%; }
#products #about .areaMap li.w50		{ width:50%; }
#products #about .areaMap li.full		{ width:100%; }
}






/* products_Detail_idx
-------------------------------------------------------------------------------------------------------- */
#idx .linkBtn.exImg		{ max-width:200px; display:block; margin:20px 0 0; font-size:75%; }

#idx #about							{ margin-bottom:80px; }
#idx #about	 #mainPic			{ margin-bottom:50px; }
#idx #about	 .topBox			{ margin-bottom:80px; }
#idx #about	 .topBox .left		{ width:50%; }
#idx #about	 .topBox .rBox	{ float:right; width:46%; padding-top:60px; }
#idx #about	 .topBox .rBox .arrow_box				{ position:relative; padding:20px; background:#fff; border:1px solid #326F98; border-radius:20px; }
#idx #about	 .topBox .rBox .arrow_box:after,
#idx #about	 .topBox .rBox .arrow_box:before	{ position:absolute; right:100%; top:50%; height:0; width:0; content: " "; border: solid transparent; pointer-events: none; }
#idx #about	 .topBox .rBox .arrow_box:after		{ margin-top:-30px; border-color:rgba(255, 255, 255, 0); border-right-color:#fff; border-width:30px; }
#idx #about	 .topBox .rBox .arrow_box:before	{ margin-top:-31px; border-color:rgba(50, 111, 152, 0); border-right-color:#326F98; border-width:31px; }
#idx #about	 .topBox .rBox .arrow_box li				{ padding:6px 0 6px 18px; font-size:18px; font-weight:bold; background:url(../img/common/ico_check.png) no-repeat left 12px; }
#idx #about	 .topBox .txt										{ margin:40px 0; }
#idx #about	 .aboutBox				{ margin-bottom:80px; }
#idx #about	 .aboutBox .sTitle		{ padding-top:50px; margin-bottom:30px; text-align:center; font-size:28px; font-weight:bold; color:#326F98; border-top:#ddd 1px solid; }
#idx #about	 .aboutBox p				{ margin-bottom:30px; }
@media screen and (max-width: 480px) {
#idx .linkBtn.exImg		{ margin:10px auto 20px; }

#idx #about							{ margin-bottom:20px; }
#idx #about	 #mainPic			{ margin-bottom:20px; }
#idx #about	 .topBox			{ margin-bottom:30px; }
#idx #about	 .topBox .left		{ float:none; width:60%; margin:0 auto; }
#idx #about	 .topBox .rBox	{ float:none; width:auto; padding-top:20px; }
#idx #about	 .topBox .rBox .arrow_box				{ padding:10px; border-radius:10px; }
#idx #about	 .topBox .rBox .arrow_box:after,
#idx #about	 .topBox .rBox .arrow_box:before	{ display:none; }
#idx #about	 .topBox .rBox .arrow_box li			{ padding:6px 0 0px 18px; font-size:14px; font-weight:bold; background-position:left 10px; }
#idx #about	 .topBox .txt										{ margin:20px 0; }
#idx #about	 .aboutBox				{ margin-bottom:30px; }
#idx #about	 .aboutBox .sTitle		{ padding-top:20px; margin-bottom:10px; text-align:left; font-size:20px; line-height:1.4; }
#idx #about	 .aboutBox p			{ margin-bottom:10px; }
}


#idx #merit									{ padding:60px 0 90px; background-color:#f0f0f0; border-top:#ddd 1px solid; }
#idx #merit .caseBox					{ margin-bottom:60px; }
#idx #merit .caseBox ul				{ margin-left:-2%; }
#idx #merit .caseBox ul li			{ float:left; width:48%; margin:0 0 2% 2%; font-size:15px; line-height:1.3; background-color:#fff; border:#ddd 1px solid; box-sizing:border-box; }
#idx #merit .caseBox ul li a			{ display:block; padding:16px 20px 12px 100px; min-height:70px; color:#333; font-weight:bold; background:url(../img/faq/ico_kadai.png) no-repeat 10px center; box-sizing:border-box; }
#idx #merit .caseBox .linkBtn		{ float:right; margin:0; width:260px; }
#idx #merit .meritBox					{ padding:30px; background-color:#fff; border-radius:20px; }
#idx #merit .meritBox .inBox				{ padding:60px 0; border-bottom:#ddd 1px solid; }
#idx #merit .meritBox .inBox:last-child	{ border:none;}
#idx #merit .meritBox .inBox .txtBox	{ width:50%; }
#idx #merit .meritBox .inBox .sTitle	{ margin-bottom:20px; font-size:28px; font-weight:bold; color:#326F98; line-height:1.3; }
#idx #merit .meritBox .inBox .memo			{ padding:20px 30px; margin-top:20px; background-color:#fafafa; }
#idx #merit .meritBox .inBox .memo p		{ margin-bottom:6px; }
#idx #merit .meritBox .inBox .memo .link a	{ padding-right:16px; text-decoration:underline; background:url(../img/common/ico_blank.png) no-repeat right center; }

#idx #merit .meritBox .inBox .spec							{ }
#idx #merit .meritBox .inBox .spec .link					{ }
#idx #merit .meritBox .inBox .spec .link a					{ text-decoration: underline; background: url("../img/common/ico_blank.png") no-repeat right center; background-size: auto; padding-right: 1rem;}


@media screen and (max-width: 480px) {
#idx #merit									{ padding:20px 0 20px; }
#idx #merit .caseBox						{ margin-bottom:40px; }
#idx #merit .caseBox ul						{ margin-left:0; }
#idx #merit .caseBox ul li					{ float:none; width:auto; margin:0 0 10px 0; font-size:14px; line-height:1.3; }
#idx #merit .caseBox ul li a				{ padding:10px 10px 8px 66px; min-height:inherit; color:#333; background-size:50px; background-position:10px center; }
#idx #merit .caseBox .linkBtn				{ float:none; margin:0 auto; }
#idx #merit .meritBox						{ padding:10px; border-radius:10px; }
#idx #merit .meritBox .inBox				{ padding:10px 0 20px; }
#idx #merit .meritBox .inBox .pic			{ width:80%; margin:0 auto 10px; }
#idx #merit .meritBox .inBox .txtBox		{ width:auto; }
#idx #merit .meritBox .inBox .txtBox p		{ line-height:1.4; }
#idx #merit .meritBox .inBox .sTitle		{ margin-bottom:10px; font-size:20px; }
#idx #merit .meritBox .inBox .memo			{ padding:10px 10px; margin-top:10px; }
#idx #merit .meritBox .inBox .memo p		{ margin-bottom:6px; line-height:1.4; }
#idx #merit .meritBox .inBox .spec			{ }

}


/* products_op
-------------------------------------------------------------------------------------------------------- */
#op #about						{ margin-bottom:80px; }
#op #about .pic				{ margin-bottom:20px; }
#op #merit						{}
#op #merit .inBox			{ margin-bottom:100px; }
#op #merit .inBox .txt		{ width:46%; }
#op #merit .opTable			{}
#op #merit .opTable .title	{ padding:15px 15px 10px; font-weight:bold; background-color:#f0f0f0; border:#d5d5d5 1px solid; }
#op #merit .opTable ul		{ margin-bottom:50px; border-left:#d5d5d5 1px solid; }
#op #merit .opTable ul li		{ float:left; width:33.33%; padding:15px 15px 10px; border-right:#d5d5d5 1px solid; border-bottom:#d5d5d5 1px solid; box-sizing:border-box; }
#op #merit .opList				{ margin:40px 0 40px -2%; }
#op #merit .opList li			{ float:left; width:50%; padding-left:2%; margin-bottom:20px; box-sizing:border-box; }
#op #merit .opList li .title	{ padding:15px 15px 10px; font-weight:bold; color:#fff; background-color:#F34595; }
#op #merit .opList li p			{ padding:15px 15px 10px; border:#d5d5d5 1px solid; border-top:none; box-sizing:border-box; }
#op #merit .opList.green li .title	{ background-color:#17AFA4; }
@media screen and (max-width: 480px) {
#op #about						{ margin-bottom:30px; }
#op #about .pic				{ margin-bottom:20px; }
#op #merit .inBox			{ margin-bottom:30px; }
#op #merit .inBox .left		{ text-align:center; margin-bottom:10px; }
#op #merit .inBox img		{ width:80%; }
#op #merit .inBox .txt		{ width:auto; }
#op #merit .opTable .title	{ padding:8px 15px 5px; }
#op #merit .opTable ul		{ margin-bottom:20px; }
#op #merit .opTable ul li		{ float:none; width:auto; padding:6px 15px 4px; font-size:12px; }
#op #merit .opList				{ margin:20px 0 20px 0; }
#op #merit .opList li			{ float:none; width:auto; padding-left:0; margin-bottom:10px; }
#op #merit .opList li .title	{ padding:8px 15px 5px; }
#op #merit .opList li p			{ padding:6px 15px 4px; font-size:12px; line-height:1.4; }
}




/* products_faq
-------------------------------------------------------------------------------------------------------- */
#faq								{ padding:0 0 50px; }
#faq .faqList .lead			{ margin-bottom:30px; }
#faq .faqList .lead span	{ font-size:14px; color:#666; }
#faq .faqList dl				{ padding:0 20px; margin-bottom:20px; background-color:#fcfcfc; border:#ddd 1px solid; }
#faq .faqList dl dt			{ padding:26px 50px 20px 90px; font-weight:bold; background:url(../img/faq/ico_kadai.png) no-repeat left center, url(../img/faq/btn_ar_down.png) no-repeat right center; }
#faq .faqList dl dt:hover	{ opacity:0.7; }
#faq .faqList dl dd			{ padding:20px 0 20px 90px; border-top:#ddd 1px dotted; background:url(../img/faq/ico_kaizen.png) no-repeat left 10px; }
#faq .faqList dl dd .title	{ margin-bottom:10px; font-size:18px; color:#000; font-weight:bold; }
#faq .faqList dl dd .link	{ padding-top:10px; }
#faq .faqList dl dd .link a		{ padding-left:14px; background:url(../img/common/ico_ar_bl.png) no-repeat left center; text-decoration:underline; }
@media screen and (max-width: 480px) {
#faq									{ padding:0 0 20px; }
#faq .faqList .lead			{ margin-bottom:20px; line-height:1.4; }
#faq .faqList .lead span	{ font-size:12px; }
#faq .faqList dl				{ padding:0 10px 0 10px; margin-bottom:10px; }
#faq .faqList dl dt			{ padding:10px 24px 8px 56px; font-size:14px; line-height:1.3; background-size:50px,20px; }
#faq .faqList dl dd			{ padding:10px 0 10px 56px; background-size:50px; line-height:1.4; }
#faq .faqList dl dd .title	{ margin-bottom:10px; font-size:16px; }
}





/* unique
-------------------------------------------------------------------------------------------------------- */
/* txz LP nav */
#idx .goLP				{ margin:-50px 0 50px; padding:5px 0 3px; display:flex; justify-content:right; background-color:#f0f0f0; font-size:14px; }
#idx .goLP p			{ padding:0 10px; }
#idx .goLP div		{}
#idx .goLP div a		{ padding:0 10px;}
@media screen and (max-width: 480px) {
#idx .goLP				{ margin:-20px 0 20px; display:block; text-align:center; font-size:12px; }
#idx .goLP p span	{ display:none; }
#idx .goLP div		{}
#idx .goLP div a		{}
}


/*20220209add cs1*/
.brn-box a { margin-bottom: 10px; display: block;}
@media screen and (max-width: 480px) {
.brn-box { margin-bottom: 30px;}
}