@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
コンプライアンスページ
---------------------------------------------------------------------- */
.compliance1{margin:0 auto; padding:50px 0; width:80%;}

.compliance1__box1{width:80%; margin:0 auto; border:2px solid #cccccc; padding:0px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

.compliance1__box1 h3{text-align:center; color:#006934;}
.compliance1__box1 p{line-height:1.7;}

.compliance1__box2{padding-top:50px;}
.compliance1__box2 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0}

.compliance1__box2 p{line-height:1.7; margin:20px auto 0; width:90%;}

.compliance1__box2__img1{margin-top:30px; text-align:center;}
.compliance1__box2__img2{margin-top:30px; text-align:center;}

@media (min-width: 1500px) {
.compliance1{width:1200px;}
}
@media (max-width: 1200px) {
.compliance1{width:90%;}
}
@media (max-width: 980px) {
.compliance1{width:882px; margin:0; padding:50px 49px;}
}

@media (max-width: 500px) {
.compliance1{width:90%; margin:0; padding:35px 5% 50px;}
.compliance1__box1{width:100%;margin:0; padding:0px 5%;}
.compliance1__box2{width:100%;margin:0; padding:50px 0% 0;}
.compliance1__box2 h3{width:95%;padding: 0.4em;
    border-radius: 0px;
    font-size: 18px;
    text-align:left; line-height:1.7;}
    .compliance1__box2 p{width:95%;}
    .compliance1__box1 p{width:95%;}
    .compliance1__box2__img1{zoom:80%;}
    .compliance1__box2__img2{zoom:80%;}
}