@charset "utf-8";
h1{
background:rgba(242,239,227,0.6);
text-align:center;
width:100%;
height:110px;
position:relative;
z-index:10;
}

h2{
font-size:33px;
width:330px;
max-width:90%;
margin:-110px auto 0;
text-align:center;
background:url(../../common/img/h2_bg.png) no-repeat center center;
background-size:cover;
color:#fff;
padding:180px 0 80px;
letter-spacing: 0.1em;
}
h2 span{
font-size:15px;
display: block;
}
h2 span:before{
content:"";
display: block;
background:#fff;
height:2px;
width:40px;
margin:10px auto 20px;
}

.general_outline_box{
width:100%;
max-width:880px;
margin:-20px auto 100px;
}
.general_outline_box h4{
font-size:16px;
letter-spacing:0.2em;
margin-bottom:5px;
}
.general_outline_box h4:before{
content:"";
background:#12114e;
height:12px;
width:27px;
display:inline-block;
margin-right:5px;
}
.general_outline_box table{
width:100%;
font-size:14px;
}
.general_outline_box tr{
border-bottom:3px solid #fff;
}
.general_outline_box th{
width:24%;
font-weight:normal;
background:#d3d3d3;
padding:15px 0 15px 40px;
border-right:3px solid #fff;
vertical-align:middle;
}
.general_outline_box td{
width:76%;
background:#f2f0ea;
padding:15px 40px;
}

.sales_outline{
width:100%;
max-width:880px;
margin:0 auto;
}
.sales_outline h4{
font-size:16px;
letter-spacing:0.2em;
margin-bottom:5px;
}
.sales_outline h4:before{
content:"";
background:#12114e;
height:12px;
width:27px;
display:inline-block;
margin-right:5px;
}
.sales_outline table{
width:100%;
font-size:14px;
margin-bottom:30px;
}
.sales_outline tr{
border-bottom:3px solid #fff;
}
.sales_outline th{
width:24%;
font-weight:normal;
background:#d3d3d3;
padding:15px 0 15px 40px;
border-right:3px solid #fff;
vertical-align:middle;
}
.sales_outline td{
width:76%;
background:#f2f0ea;
padding:15px 40px;
}

.yokoku dl{
display:flex;
justify-content:space-between;
align-items:center;
}
.yokoku dt{
width:24%;
font-size:20px;
border:1px solid #333;
padding:10px;
text-align:center;
}
.yokoku dd{
width:75%;
font-size:12px;
line-height:1.2em;
}


@media screen and (max-width: 950px) {
h1{
text-align: center;
position:static;
transform: translateX(0);
z-index:10;
width:auto;
background:transparent;
}

h2{
font-size:10vw;
width:100%;
max-width:100%;
margin:0 auto;
padding:10% 0;
}
h2 span{
font-size:4vw;
}
h2 span:before{
margin:3% auto;
}

.general_outline_box{
width:100%;
margin:10% auto 10%;
}
.general_outline_box h4{
}
.general_outline_box h4:before{
}
.general_outline_box table{
width:90%;
font-size:14px;
margin:0 auto;
}
.general_outline_box tr{
border-bottom:2px dotted #333;
}
.general_outline_box tr:first-child{
border-top:2px dotted #333;
}
.general_outline_box th{
width:40%;
background:transparent;
padding:3% 0 3% 0;
border-right:0;
}
.general_outline_box td{
width:70%;
background:transparent;
padding:3% 0;
}

.sales_outline{
width:100%;
margin:5% auto 10%;
}
.sales_outline h4{
}
.sales_outline h4:before{
}
.sales_outline table{
width:90%;
font-size:14px;
margin:0 auto 10%;
}
.sales_outline tr{
border-bottom:2px dotted #333;
}
.sales_outline tr:first-child{
border-top:2px dotted #333;
}
.sales_outline th{
width:40%;
background:transparent;
padding:3% 0 3% 0;
border-right:0;
}
.sales_outline td{
width:70%;
background:transparent;
padding:3% 0;
}

.yokoku dl{
display:block;
width:90%;
margin:0 auto;
}
.yokoku dt{
width:100%;
font-size:18px;
padding:5px;
margin-bottom:2%;
}
.yokoku dd{
width:100%;
font-size:16px;
line-height:1.5em;
}
}