@charset "UTF-8";


.relative {
    position: relative;
}

.pc {display: block;}
.sp {display: none;}

@media screen and (max-width: 480px) {
.pc {display: none;}
.sp {display: block;
}
}

a:hover{
opacity: 0.7;
}

/* information ------------------------------------------------------------------------- */
.information{
max-width: 1200px;
margin: 0 auto;
padding:50px 0 50px;
}

.information p{
text-align: center;
padding-bottom: 50px;
}
.information_ttl{
text-align: center;
letter-spacing: 5px;
font-size:1.2em;
font-weight: 600;
margin-bottom:10px;
}
.information_ttl span:after{
content: '';
position: absolute;
left: 50%;
bottom: 0; /*下線の上下位置調整*/
display: inline-block;
width: 100px; /*下線の幅*/
height: 1px; /*下線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%); /*位置調整*/
background-color: #333;
}

.information_box{
max-width:1000px;
margin:0 auto;
text-align:left;
height: 10em;
overflow: auto;
}
.information_box dl{
display:flex;
flex-wrap:wrap;
font-size:16px;
padding-bottom:10px;
border-bottom:1px solid;
margin-bottom:20px;
}
.information_box dl:last-child{
margin-bottom:0;
}
.information_box dt{
width:25%;
padding-left:2%;
box-sizing:border-box;
}
.information_box dd{
width:75%;
}


/* ------------------------------------- */
@media screen and (max-width: 736px) {
/* ------------------------------------- */
/* information */
.information{
padding:10% 0 15%;
}

.information_ttl{
margin-bottom:10px;
font-weight: 600;
}

.information p{
text-align: center;
padding-bottom: 30px;
}

.information_box{
max-width:90%;
}
.information_box dl{
display:block;
font-size:16px;
padding-bottom:2%;
margin-bottom:5%;
}
.information_box dl:last-child{
}
.information_box dt{
width:100%;
padding-left:2%;
margin-bottom:3%;
}
.information_box dd{
width:100%;
line-height:1.2em;
}
}



/* product ------------------------------------------------------------------------- */
.product{
max-width: 1200px;
margin: 0 auto;
padding:50px 0 100px;
}

.product p{
text-align: center;
padding-bottom: 50px;
}
.product_ttl{
text-align: center;
letter-spacing: 5px;
font-size:1.2em;
font-weight: 600;
margin-bottom:10px;
}
.product_ttl span:after{
content: '';
position: absolute;
left: 50%;
bottom: 0; /*下線の上下位置調整*/
display: inline-block;
width: 100px; /*下線の幅*/
height: 1px; /*下線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%); /*位置調整*/
background-color: #333;
}

.product li{
margin-bottom: 20px;
}
.product_box{
max-width:1000px;
margin:0 auto;
text-align:left;
height: 20em;
overflow: auto;
}

/* ------------------------------------- */
@media screen and (max-width: 736px) {
/* ------------------------------------- */
/* information */
.information{
padding:10% 0 15%;
}

.product_ttl{
margin-bottom:10px;
}

.product p{
text-align: center;
padding-bottom: 30px;
}

.product_box{
max-width:90%;
}

}