@charset "utf-8";
/* CSS Document */
/*default page set*/
.A10501d2{background:#e5c65e; position:relative; overflow: hidden;}
.A10501d2 .innerhtml table{z-index:2; position:relative; min-height:750px; width:100%; padding:30px 30px 30px 55%;}
.A10501d2 img[alt='bgl']{position:absolute; right:50%; width:50%; top:50%; height:auto; transform:translateY(-50%);}
.A10501d2 img[alt='bgr']{position:absolute; right:0%;  top:0; width:auto; height:100%; opacity:.5;}
.A10501d2 table h2{font-size:400%; line-height:180%; margin:0;}
.A10501d2 table h3{font-size:200%; line-height:180%; margin:0; font-weight:300;}
.A10501d2 table{font-size:14px; line-height:180%;}
.A10501d2 .more{margin-top:40px;}
.A10501d2 .more a{background:#306c12; color:#fff; font-size:16px; padding:10px 4em 10px 2em; border-radius:2em; position:relative;}
.A10501d3{background:#fff; padding:60px 0; overflow: hidden;}
.A10501d3 h2.dtit{text-align:center; color:#306c12; font-size:42px;}
.A10501d3 h2.dtit span{display:block; font-size:30px; font-weight:300; letter-spacing: 1px; color:#000; margin-top:10px;}
.A10501d3 .list .frm{display:flex; flex-wrap: nowrap;}
.A10501d3 .list figure, .A10501d3 .list section{width:60%; padding:15px;}
.A10501d3 .list section{width:40%; padding:25px;}
.A10501d3 .list.rr figure{order:1;}
.A10501d3 .list section{font-size:16px; line-height:180%; margin:0; color:#000;}
.A10501d3 .list section .innerhtml{font-size:16px;}
.A10501d3 .list h3.subject{font-size:200%; line-height:180%; font-weight:300;}
.A10501d3 .list .more{text-align:left; margin-top:40px; float:left;}
.A10501d3 .list .more span{background:#306c12; color:#fff; font-size:16px; padding:10px 4em 10px 2em; border-radius:2em; position:relative;}
.A10501d3 .list .more span::after, .A10501d2 .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);}
.A10501d4 .list .frm{position:relative;}
.A10501d4 .list .frm section{position:absolute; color:#fff; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center; font-size:18px;}
.A10501d4 .list .frm h3.subject{font-size:200%;}
.A10501d4 .list .frm .innerhtml{font-size:18px; line-height:180%;}
@media screen and (max-width:1286px){/*desktop*/
.A10501d4 .list .frm section{font-size:14px;}
.A10501d4 .list .frm h3.subject{font-size:200%; margin-bottom:0;}
.A10501d4 .list .frm .innerhtml{font-size:14px;}
}
@media screen and (max-width:960px){/*desktop-small pad*/
.A10501d2 .page{padding:0;}
.A10501d2 img[alt='bgl']{position:relative; right:0%; width:55%; top:0%; height:auto; transform:translateY(0%); z-index: 4;}
.A10501d2 .innerhtml table{z-index:2; position:relative; min-height:auto; width:60%; padding:30px 30px 30px 30px;}
.A10501d3 .list section{font-size:14px;}
.A10501d3 .list section .innerhtml{font-size:14px;}
.A10501d3 .list h3.subject{font-size:200%; line-height:150%;}
}

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


.prodetail figure{width:100%; padding:15px;}
.prodetail h1.syis{width:100%; float:right; padding:0 15px;}
.prodetail .sum{width:100%; float:right; padding:15px;}


}


/*=====================default page set end=====================*/
.prol .main .list h3.subject{font-size:15px;}
.prodetail figure{width:50%; padding:15px;}
.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;}
/*A0202*/
.A0202 .page{max-width:960px;}
.A0202 .main .list{border-bottom:1px solid #ccc;}
@media screen and (max-width:767px){/*phone*/
.prodetail figure{width:100%; padding:0px;}
.prodetail h1.syis{width:100%; float:right; padding:0 0px;}
.prodetail .sum{width:100%; float:right; padding:0px;}
}