@charset "utf-8";
/* CSS Document */
.ftoold0{padding-top:50px;}
.ftoold0 h2,.ftoold2 h2.dtit,.ftoold3 h2{font-size:48px; line-height:140%; color:#fff;}
.ftoold0, .ftoold3{font-size:24px; line-height:160%;}
.ftoold3{background:#1d2b32; padding:30px 10px 0 10px; color:#fff;}
@media screen and (max-width:960px){/*desktop*/
.ftoold0{padding-top:30px;}
.ftoold0 h2,.ftoold2 h2.dtit,.ftoold3 h2{font-size:30px; line-height:140%; color:#fff;}
.ftoold0, .ftoold3{font-size:16px;}
}

.ftoold1 .list .frm{display:flex; background:#6b657c;}
.ftoold1 .list figure,.ftoold1 .list section{width:50%; color:#fff;}
.ftoold1 .list section{font-size:14px; padding:2em;}
.ftoold1 .list h3.subject{text-align:center; font-size:2em;}
.ftoold1 .list section a{color:#fff;}
.ftoold1 .list:nth-child(2) .frm{background:#336666;}
.ftoold1 .list:nth-child(3) .frm{background:#a98107;}
.ftoold1 .list:nth-child(4) .frm{background:#693131;}
.ftoold1 .list:nth-child(5) .frm{background:#543f3f;}
.ftoold1 .list:nth-child(6) .frm{background:#415465;}
.ftoold1 .list:nth-child(7) .frm{background:#5c6633;}
.ftoold1 .list:nth-child(8) .frm{background:#232323;}
.ftoold1 .list:nth-child(1) figure,.ftoold1 .list:nth-child(2) figure{order:2;}
.ftoold1 .list:nth-child(5) figure,.ftoold1 .list:nth-child(6) figure{order:2;}
@media screen and (max-width:1286px){/*desktop*/
	.ftoold1 .list h3.subject{font-size:1.5em;}
}
@media screen and (max-width:960px){/*desktop*/
	.ftoold1 .list figure{width:45%;}
	.ftoold1 .list section{width:55%; padding:0.5em;}
	.ftoold1 .list h3.subject{font-size:1.2em; margin:0; text-align:left;}
	.ftoold1 .list .innerhtml{padding:0;}
}
@media screen and (max-width:767px){/*phone*/
	.ftoold1 .list section{font-size:13px;}
	
}
.ftoold2 .page{max-width:1200px; padding-top:200px; padding-bottom:100px;}
.ftoold2 h2.dtit{text-align:center; position:relative;}
.ftoold2 h2.dtit::before{content:""; width:1em; height:1em; display:block; border-radius:100%; background:#fff; position:absolute; top:-220px; left:50%; transform:translateX(-50%); opacity:.7;}
.ftoold2 h2.dtit::after{content:""; width:.7em; height:.7em; display:block; border-radius:100%; background:#fff; position:absolute; top:-130px; left:50%; transform:translateX(-50%); opacity:.5;}
.ftoold2 h2.dtit span::after{content:""; width:1em; height:1em; display:block; border-radius:100%; background:#fff; position:absolute; top:-70px; left:50%; transform:translateX(-50%); opacity:.3;}
.ftoold2 h2.dtit span{font-size:18px; font-weight:500; display:block; line-height:1.6em;}
.ftoold2 .list .frm{border-radius:30px; background:#fff; overflow:hidden; display:flex; justify-content: space-between;}
.ftoold2 .list .frm figure{order:2; width:33%; display:flex;}
.ftoold2 .list .frm section{width:66%; padding:4%; color:#000; font-size:16px; line-height:180%;}
.ftoold2 .list .frm section .innerhtml{font-size:16px;}
.ftoold2 .list h3.subject{font-size:2em; margin:0; padding:0;}
.ftoold2 .list section h4{font-size:1.3em; margin:0; border-top:1px solid #000; border-bottom:1px solid #000; padding:8px 0;}
@media screen and (max-width:1286px){/*desktop*/
.ftoold2 .page{padding-left:40px; padding-right:40px;}
}
@media screen and (max-width:1025px){/*desktop*/
.ftoold2 .page{padding-top:100px;}
.ftoold2 h2.dtit::before{content:""; width:1em; height:1em; display:block; border-radius:100%; background:#fff; position:absolute; top:-100px; left:50%; transform:translateX(-50%);}
.ftoold2 h2.dtit::after{content:""; width:.5em; height:.5em; display:block; border-radius:100%; background:#fff; position:absolute; top:-50px; left:50%; transform:translateX(-50%);}
.ftoold2 h2.dtit span::after{content:""; width:.5em; height:.5em; display:block; border-radius:100%; background:#fff; position:absolute; top:-16px; left:50%; transform:translateX(-50%);}
}
@media screen and (max-width:767px){/*phone*/
.ftoold2{overflow:hidden;}
.ftoold2 .list .frm{position:relative; flex-wrap: wrap;}
.ftoold2 .list .frm figure{display:none;}
.ftoold2 .list .frm section{width:100%;}
.ftoold2 .list .frm section .innerhtml{font-size:13px;}
.ftoold2 .page{padding-top:100px;}

.ftoold2 .list h3.subject{font-size:1.5em;}
}
.ftoold4{position:relative;}
.ftoold4 img{position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:100%; height:auto; z-index: -1;}
.ftoold3 h2{color:#fdd000;}
.dcontact{padding-bottom:30px; background:#1d2b32; color:#fff;}
.dcontact td div{border-radius:2em; border:1px solid #fff; width:100%; padding:0 1em; display:flex; justify-content: space-between;}
.dcontact td{padding:10px; font-size:20px; letter-spacing:1px; line-height:200%;}
.dcontact td div input[type="text"]{width:calc(100% - 4em); border:none; line-height:200%; color:#fff; background:none;}
.dcontact td div select{width:calc(100% - 4em); color:#fff; background:none; border:none;}
.dcontact td div select option{background:#000;}
.dcontact td div label{width:33%;}
.dcontact td div input[type="checkbox"]{width:1em; height:1em; margin-right:2px;}
.dcontact td div textarea{width:calc(100% - 4em); border:none; line-height:200%; color:#fff; background:none;}
.dcontact .dsendbtn{display:inline-block; width:60%; border-radius:2em; background:#fdd000; color:#000; text-align:center; font-size:24px; line-height:160%; font-weight:700; padding:.5em 1em;}
@media screen and (max-width:767px){/*phone*/
	.dcontact td{width:100%; display:block; font-size:16px;}
	.dcontact td div label{width:100%;}
	.dcontact .dsendbtn{display:inline-block; width:100%; font-size:18px;}
}	



/*======================================*/
.rightlink a{display:inline-block; padding:0 1em; border-radius:1em; background:#008cd6; color:#fff; margin:5px 3px;}

.product .main .list .frm{background:rgba(0,0,0,.4);  border:1px solid rgba(0,0,0,.4); border-radius:1em; overflow:hidden; padding:0;}
.product .main .list .frm:hover{box-shadow:0 0 10 rgba(0,0,0,1); border:1px solid #333;}
.product .main .list .frm:hover section{color:#fff;}
.product .main figure{padding:0;}
.product .main section{color:#ccc; padding:0 1em 1em 1em; font-size:15px;}
.product .main h3.subject{color:#fdd000; font-size:1.5em; margin-bottom:0; padding:0; line-height:1.4em;}
.product .main h3.subject::before{content:""; width:40px; height:40px; background:url("../images/aboutft-img5.png") no-repeat; background-size: contain; display:inline-block; transform:translateY(5px);}
.product .main .list .frm:hover h3.subject{color:#fdd000;}
.product .main .list .innerhtml{font-size:15px;}
@media screen and (max-width:1286px){/*desktop*/
.product .main figure img{height:100%; width:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.product .main figure{overflow:hidden; height:160px; position:relative;}
.product .main .list .frm:hover figure img{left:50%; top:50%; transform:translate(-50%,-50%);}
}
@media screen and (max-width:767px){/*phone*/
.product .main figure img,.product .main .list .frm:hover figure img{width:100%; height:auto;  position:static; left:0%; top:0%; transform:translate(0%,0%);}
}	
/*A0503*/
.A0503 .page{max-width:1000px;}
.A0503 .main .list{padding:0;}
.A0503 .main .list h3.subject:hover{color:#008cd6;}
.A0503 .main .list h3.subject{border-bottom:1px solid #ccc; color:#000; cursor: pointer;}
.A0503 .main .list .innerhtml{padding-left:30px; font-size:16px; line-height:1.4em;}
/*QALayout*/
.QALayout .main .list h3.subject{text-indent:-30px; margin-left:30px;}
@media screen and (max-width:767px){/*phone*/
.QALayout .main .list h3.subject{font-size:16px;}
.QALayout .main .list .innerhtml{font-size:14px; color:#333;}
}	
/*case*/
.caselist .page{max-width:1000px;}
.caselist .list{padding:10px 0;}
.caselist .list .frm section{color:#000;}
.caselist .list h3.subject{font-size:20px; border-bottom:3px solid #000; margin:0; padding:3px 0;}
.caselist .list .innerhtml{font-size:16px; padding-top:2px;}
.caselist .list section h4{font-size:1.1em; margin:0; border-top:1px solid #000; border-bottom:1px solid #000; padding:8px 0;}
.casedetail{color:#000;}
.casedetail .main .cnt{font-size:16px; line-height:1.8em; max-width:960px;}
@media screen and (max-width:767px){/*phone*/
.caselist .list .frm figure{display:none;}
.caselist .list .frm section .innerhtml{font-size:14px;}
.caselist .list .frm section img{margin-left:3px;}
}	
/*whitebg*/
.whitebg{color:#000;}
@media screen and (max-width:1286px){/*desktop*/
	
}
@media screen and (max-width:960px){/*desktop-small pad*/
	
}
@media screen and (max-width:767px){/*phone*/

}