@charset "utf-8";
/* CSS Document */
/*default page set*/
.A10506d0{background:#f0f0ef; position:relative; overflow: hidden;}
.A10506d0 .innerhtml table{z-index:2; position:relative; min-height:700px; width:100%; padding:30px 0px 30px 55%;}
.A10506d0 img[alt='bgl']{position:absolute; right:50%; width:50%; top:50%; height:auto; transform:translateY(-50%);}
.A10506d0 img[alt='bgr']{position:absolute; right:0%;  top:0; width:auto; height:100%; opacity:.5;}
.A10506d0 table h2{font-size:290%; line-height:180%; margin:0;}
.A10506d0 table h3{font-size:200%; line-height:180%; margin:0; font-weight:300;font-size: 28px;}
.A10506d0 table{font-size:17px; line-height:180%;}
.A10506d0 .more{margin-top:40px;}
.A10506d0 .more a{background:#004299; color:#fff; font-size:16px; padding:10px 4em 10px 2em; border-radius:2em; position:relative;}
.A10506d1{background:#fff; padding:60px 0; overflow: hidden;}
.A10506d1 h2.dtit{text-align:center; color:#004299; font-size:42px;}
.A10506d1 h2.dtit span{display:block; font-size:30px; font-weight:300; letter-spacing: 1px; color:#000; margin-top:10px;}
.A10506d1 .list .frm{display:flex; flex-wrap: nowrap;}
.A10506d1 .list figure, .A10506d1 .list section{width:60%; padding:15px;}
.A10506d1 .list section{width:40%; padding:25px;}
.A10506d1 .list.rr figure{order:1;}
.A10506d1 .list section{font-size:16px; line-height:180%; margin:0; color:#000;}
.A10506d1 .list section .innerhtml{font-size:18px; line-height:180%;}
.A10506d1 .list h3.subject{font-size:230%; line-height:180%; font-weight:500;}
.A10506d1 .list .more{text-align:left; margin-top:40px; float:left;}
.A10506d1 .list .more span{background:#004299; color:#fff; font-size:16px; padding:10px 4em 10px 2em; border-radius:2em; position:relative;}
.A10506d1 .list .more span::after, .A10506d0 .more a::after{content:""; color:#fff; position:absolute; display:block; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; top:50%; right:20px; transform:translateY(-50%) rotate(45deg);}
.A10506d2 .list .frm{position:relative;}
.A10506d2 .list .frm::before{content:""; width:100%; height:100%; display:block; position:absolute; background:rgba(0,66,153,.7); top:0; left:0; z-index: 2; transition:.3s;}
.A10506d2 .list .frm:hover::before{background:rgba(0,66,153,.9);}
.A10506d2 .list .frm section{position:absolute; color:#fff; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center; font-size:18px; width:80%; z-index:3;}
.A10506d2 .list .frm h3.subject{font-size:200%; margin-bottom:0;}
.A10506d2 .list .frm .innerhtml{font-size:18px; line-height:180%;}
@media screen and (max-width:1286px){/*desktop*/
.A10506d2 .list .frm section{font-size:14px;}
.A10506d2 .list .frm h3.subject{font-size:200%; margin-bottom:0;}
.A10506d2 .list .frm .innerhtml{font-size:14px;}
}
@media screen and (max-width:960px){/*desktop-small pad*/
.A10506d0 img[alt='bgl']{position:absolute; right:50%; width:100%; top:50%; height:auto; transform:translateY(-50%);}

.A10506d0 .page{padding:0;}
.A10506d0 img[alt='bgl']{position:relative; right:0%; width:100%; top:0%; height:auto; transform:translateY(0%); z-index: 4; display:none;}
.A10506d0 .innerhtml table{z-index:2; position:relative; min-height:auto; width:100%; padding:30px 30px 30px 30px;}
.A10506d1 .list section{font-size:14px;}
.A10506d1 .list section .innerhtml{font-size:14px;}
.A10506d1 .list h3.subject{font-size:200%; line-height:150%;}
.A10506d2 .list .frm .innerhtml{font-size:14px; line-height:160%;}
}

@media screen and (max-width:767px){/*phone*/
.A10506d0 .page{padding:0;}
.A10506d0 img[alt='bgl'],.A10506d0 .innerhtml table{width:100%;}
.A10506d0 img[alt='bgr']{opacity:.3;}
.A10506d0 table h2{font-size:200%;}
.A10506d0 table h3{font-size:150%;}
.A10506d1 .list .frm{display:flex; flex-wrap: wrap;}
.A10506d1 .list figure, .A10506d1 .list section{width:100%; padding:15px;}
.A10506d1 .list.rr figure{order:0;}
.A10506d1 .list section{width:100%; padding:0 25px;}
}


/*=====================default page set end=====================*/
.prol .main .list h3.subject{font-size:15px;}
.prodetail figure{width:50%; padding:15px; text-align: center;}
.prodetail h1.syis{width:50%; float:right; padding:0 15px;}
.prodetail .sum{width:50%; float:right; padding:15px;}
.prodetail .cnt::before{content:"詳細介紹"; width:100%; display:block; border-bottom:1px solid #ccc; color:#999; font-weight:500; margin:10px 0;}
.A1704 .main{width:100%;}
.A1704 .side{display:none;}
.caselist .list h3.subject{text-align:center;}
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%;}