﻿@charset "utf-8";
/* CSS Document */
/*default page set*/
#defaultimg{position:relative;}
#defaultimg::after{content:""; width:100%; height:40%; position:absolute; display:block; bottom:0; left:0; background:#f5f5f5; z-index: -1;}
.A10401d0{background:#f5f5f5; padding:60px 0;}
.A10401d0 .list .frm{display:flex; color:#000; flex-wrap: wrap;}
.A10401d0 .list figure{width:60%; padding:1em;}
.A10401d0 .list section{width:40%; padding:2.5em; color:#000; font-size:16px; line-height:180%;}
.A10401d0 .list h3.subject{font-size:32px; color:#000; line-height:160%; letter-spacing:2px;}
.A10401d0 .list .more{margin-top:2em; float:left;}
.A10401d0 .list .more span{display:inline-block; background:#c81925; color:#fff; padding:.3em 5em .3em 1em; position:relative;}
.A10401d0 .list .more span::after{content:""; position:absolute; top:50%; right:.5em; width:12px; height:12px; border:1px solid #fff; border-bottom:none; border-left:none; transform:translate(-50%,-50%) rotate(45deg);}
.A10401d0 .list.rr figure{order:1;}
.A10401d0 .list.rr section{order:0;}
.A10401d1 .page{max-width:1600px; padding:0;}
.A10401d1 table td:nth-of-type(1){width:62%; padding:0; line-height:0;}
.A10401d1 table td:nth-of-type(2){padding:0 2em;}
.A10401d1 table td{font-size:16px; line-height:180%;}
.A10401d1 table td h2{font-size:36px; color:#c81925; letter-spacing:1px; line-height:130%;}
.A10401d1 table td .more a{display:inline-block; padding:.4em 2em; border:1px solid #000; color:#000;}
.A10401d2{background:#f5f5f5; padding:60px 0 80px 0;}
.A10401d2 .list h3.subject{color:#c81925; font-size:18px; line-height:130%;}
.A10401d2 .list section{font-size:13px; color:#000; padding-bottom:2em; float:left; width:100%;}
.A10401d2 .list .frm{position:relative;}
.A10401d2 .list .frm::after{content:""; width:100%; height:4px; display:block; position:absolute; background:linear-gradient(90deg,#585858 50%,#c81925 50%); bottom:0;}
.A10401d2 h2.dtit{text-align:center; font-size:32px; font-weight:500; letter-spacing: 3px; position:relative; padding-bottom:.6em;}
.A10401d2 h2.dtit span{font-size:14px; font-weight:300;}
.A10401d2 h2.dtit::after{content:""; width:2em; height:3px; display:block; background:#ba000f; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.A10401d2 .btnmore {text-align:center; margin-top:30px; width:100%; float:left;}
.A10401d2 .btnmore a{display:inline-block; padding:.4em 2em; color:#000; border:1px solid #000;}
.A10401d3{background:#ba000f; color:#fff; padding:40px 0;}
.A10401d3 table td{width:50%;}
.A10401d3 table td h2{line-height:180%; font-size:30px;}
.A10401d3 table td a{font-size:20px; color:#fff;}
@media screen and (max-width:1286px){/*desktop*/
.A10401d1 table td{font-size:14px; line-height:180%;}
.A10401d1 table td h2{font-size:26px;}
}
@media screen and (max-width:960px){/*desktop-small pad*/
.A10401d3 table td h2{line-height:180%; font-size:22px;}
}
@media screen and (max-width:767px){/*phone*/
.A10401d0 .list figure, .A10401d0 .list.rr figure{width:100%; padding:1em; order:1;}
.A10401d0 .list section,.A10401d0 .list.rr section{width:100%; padding:2.5em; color:#000; font-size:16px; line-height:180%; order:0;}
.A10401d1 table td:nth-of-type(1),.A10401d1 table td{width:100%; display:block; float:left;}
.A10401d1 table td .more{text-align:center;}
	.A10401d3 table td{width:100%; display:block; float:left;}

}
/*=====================default page set end=====================*/
#defaultimg .mask{width:90%;}
/*A0205 style*/
.A0205 .main .list{border-bottom:1px dotted #ccc;}
.A0205 .main .list section{ flex-wrap: nowrap; display:flex; justify-content:space-between; align-items:center;}
.A0205 h3.subject{width:calc(100% - 10em); display: block; vertical-align: middle; }
.A0205 .main .list .path {width: 6em; display: block; vertical-align: middle;}
.A0205 .main .list .more {width: 4em; display: block; vertical-align: middle; text-align:right; }
.A0205 .main .list figure{display:none;}
.A0205 .main .list .innerhtml{display:none;}
.A0205 .page{max-width:960px;}
/*prodetail*/
.prodetail .main h1.syis{width:50%; float:right;}
.prodetail .main .sum{width:50% !important; float:right;}
.prodetail .main figure{padding-right:3em;}
.prodetail .main .cnt::before{content:"詳細介紹"; font-size:16px; color:#999v; display:block; width:100%; border-bottom:1px solid #ccc; font-weight:700; letter-spacing: 1px; margin:2em 0 1em 0;}
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%;}
@media screen and (max-width:767px){/*phone*/
.prodetail .main h1.syis{width:100%; float:right;}
.prodetail .main .sum{width:100% !important; float:right;}
.A0205 .main .list section{ flex-wrap: wrap;}
.A0205 h3.subject{width:100%;}
.A0205 .main .list .path {width:50%;}
.A0205 .main .list .more{width:50%; text-align: right;}
}