@charset "UTF-8";

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

/* ----------------------------------------------------------------------
情報セキュリティ基本方針ページ
---------------------------------------------------------------------- */
.isms1{margin:0 auto; padding:0 0 50px 0; width:80%;}

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

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

.isms1__box1 ol{padding:15px 15px 15px 35px; margin:0 auto; color:#009647; width:90%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border:2px solid #cccccc;}
.isms1__box1 li{line-height:1.7;}
.isms1__box1 li span{color:#000000;}

.isms1__box2{margin:0 auto; padding-top:30px; width:90%;}
.isms1__box2 div{text-align:center;}

.isms1__box2 p{line-height:1.7; text-align:right; margin:30px auto 0;}
@media (min-width: 1500px) {
.isms1{width:1200px;}
}
@media (max-width: 1200px) {
.isms1{width:90%;}
}
@media (max-width: 980px) {
.isms1{width:882px; margin:0; padding:0px 49px 50px;}
}

@media (max-width: 500px) {
.isms1{width:90%; margin:0; padding:35px 5% 0px;}
.isms1__box1{width:100%; margin:0; padding:0 0 30px;}
.isms1__box1 h3{width:auto; padding: 0.4em;
        border-radius: 0px;
        font-size: 18px;
line-height:1.7;}

.isms1__box2{width:100%; margin:0; padding:0 0 35px;}
.isms1__box2 h3{width:95%;padding: 0.4em;
        border-radius: 0px;
        font-size: 18px;
        text-align:left; line-height:1.7;}
.isms1__box2 p{width:95%; margin:20px auto 0;}
.isms1__box2 img{width:100%;}
.isms1__box1 p{width:95%;}
.isms1__box1 ol {
    padding: 15px 15px 15px 35px;
    margin: 0 auto;
    color: #009647;
    width: auto;}
.isms1__box1 li {padding-bottom:10px;}
.isms1__box1 li:nth-of-type(5){padding-bottom:0px;}
}
@media (max-width: 369px) {
.isms1__box1 h3{font-size: 17px;}
}
@media (max-width: 330px) {
.isms1__box1 h3{font-size: 16px;}
}