@charset "utf-8";
/* CSS Document */
/*default page set*/
div.maskwhite{position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index: 1000; animation: bodyfin 1.1s ease-in-out; animation-fill-mode: forwards; pointer-events: none;}
@keyframes bodyfin {
  from {opacity:1;}
  to {opacity:0;}
}




.A10503d1 .list h3.subject{margin:0; padding:0.5em 0; line-height: 1.4em; text-align: left;}
.A10503d1 .list h3.subject span.foricon{display:inline-block; font-size:20px; font-weight:bold; width:30px; margin-left:0; text-indent: 0;}




.A10503d0{background:#13305a; position:relative; overflow: hidden; color:#fff;}
.A10503d0 .innerhtml table{z-index:2; position:relative; min-height:500px; width:100%; padding:30px 30px 30px 55%;}
.A10503d0 img[alt='bgl']{position:absolute; right:50%; width:50%; top:50%; height:auto; transform:translateY(-50%);}
.A10503d0 img[alt='bgr']{position:absolute; right:0%;  top:0; width:auto; height:100%; opacity:.5;}
.A10503d0 table h2{font-size:400%; line-height:180%; margin:0;}
.A10503d0 table h3{font-size:200%; line-height:180%; margin:0; font-weight:300;}
.A10503d0 table{font-size:16px; line-height:180%;}
.A10503d0 .more{margin-top:40px;}
.A10503d0 .more a{background:#085f89; color:#fff; font-size:16px; padding:10px 4em 10px 2em; border-radius:2em; position:relative;}
.A10503d1{background:#fff; padding:60px 0; overflow: hidden;}
.A10503d1 h2.dtit{text-align:center; color:#085f89; font-size:42px;}
.A10503d1 h2.dtit span{display:block; font-size:30px; font-weight:300; letter-spacing: 1px; color:#000; margin-top:10px;}
.A10503d1 .list .frm{display:flex; flex-wrap: nowrap;}
.A10503d1 .list figure, .A10503d1 .list section{width:50%; padding:15px;}
.A10503d1 .list section{width:40%; padding:25px;}
.A10503d1 .list.rr figure{order:1;}
.A10503d1 .list section{font-size:16px; line-height:180%; margin:0; color:#000;}
.A10503d1 .list section .innerhtml{font-size:18px; line-height:180%;}
.A10503d1 .list h3.subject{font-size:150%; line-height:150%; font-weight:500;}
.A10503d1 .list .more{text-align:left; margin-top:40px; float:left;}
.A10503d1 .list .more span{background:#085f89; color:#fff; font-size:16px; padding:10px 4em 10px 2em; border-radius:2em; position:relative;}
.A10503d1 .list .more span::after, .A10503d0 .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);}

.A10503d2 .list .frm{position:relative;}
.A10503d2 .list .frm::before{content:""; width:100%; height:100%; display:block; position:absolute; background:rgba(0,0,0,.6); top:0; left:0; z-index: 2; transition:.3s;}
.A10503d2 .list .frm:hover::before{background:rgba(0,0,0,.8);}
.A10503d2 .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;}
.A10503d2 .list .frm h3.subject{font-size:200%; margin-bottom:0;}
.A10503d2 .list .frm .innerhtml{font-size:18px; line-height:180%;}


@media screen and (max-width:1286px){/*desktop*/
.A10503d2 .list .frm section{font-size:14px;}
.A10503d2 .list .frm h3.subject{font-size:200%; margin-bottom:0;}
.A10503d2 .list .frm .innerhtml{font-size:14px;}
}
@media screen and (max-width:960px){/*desktop-small pad*/
.A10503d0 img[alt='bgl']{position:absolute; right:50%; width:100%; top:50%; height:auto; transform:translateY(-50%);}

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

@media screen and (max-width:767px){/*phone*/

.A10503d1 h2.dtit{text-align:center; color:#085f89; font-size:30px;}

.A10503d1 .list .more span{display: none;}


.A10503d0 .page{padding:0;}
.A10503d0 img[alt='bgl'],.A10503d0 .innerhtml table{width:100%;}
.A10503d0 img[alt='bgr']{opacity:.3;}
.A10503d0 table h2{font-size:200%;}
.A10503d0 table h3{font-size:150%;}
.A10503d1{padding:3px;}
.A10503d1 .list .frm{display:flex; flex-wrap: wrap;}
.A10503d1 .list figure, .A10503d1 .list section{width:100%; padding:1px;}
.A10503d1 .list.rr figure{order:0;}
.A10503d1 .list section{width:100%; padding:0 25px;}
}


/*=====================default page set end=====================*/
.prol .main .list h3.subject{font-size:15px;}
.prodetail figure{width:100%; padding:0!important;}
.prodetail h1.syis{width:100%; 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;}
.simg .frm figure{padding: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%;}