@charset "UTF-8";

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

/* ----------------------------------------------------------------------
人事部長メッセージ
---------------------------------------------------------------------- */

.message1{width:80%; margin: 0 auto; padding:50px 0}
.message1__box:after{
      display: block;
      clear: left;
      content: "";
}
.message1__box{border:2px solid #cccccc; width:720px; margin: 0 auto;}
.message1__box div{float:left; width:40%;}
.message1__box div img{width:100%; vertical-align:bottom;}
.message1__box ul{float:left; width:26%; margin:0; padding:6% 17% 0; list-style:none;}
.message1__box li{line-height:2.5;}
.message1__box li:nth-of-type(3){font-size:22px; font-weight:bold;}

.message1__box2{width:670px; margin: 0px auto 0px; line-height:2; font-size:20px; color: #006934;}

.message1__box3{padding-top:50px;}
.message1__box3 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto 20px;}
.message1__box3 p{width:87%; margin:0 auto; line-height:1.7;}

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

.message1__box3__box1{width:67%; margin:15px auto 0; padding:15px; border:2px solid #cccccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
.message1__box3__box1 h4{margin:0 auto; text-align:center; font-size:18px; color: #006934; padding-bottom:10px;}
.message1__box3__box1 ul{padding:0; list-style:none; margin:0 auto; width:80%;}
.message1__box3__box1 li{background-image: url(../img/list_mark.png);
background-size:5px 16px;
background-repeat: no-repeat;
background-position: 0px 5px; padding-left:10px; line-height:1.7;}

.message1__box33 h4{font-size:18px; color: #006934; width:87%; margin:20px auto;}

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

@media (max-width: 500px) {
.message1{width:90%; margin:0 auto; padding:35px 0px 50px;}
.message1__box{width:100%; margin: 0 auto;}
.message1__box div{float:none; width:100%;}
.message1__box ul{float:none; width:90%; text-align:center; padding:2% 20px;}
.message1__box li{font-size:15px;}
.message1__box li span{font-size:20px;}
.message1__box2{width:95%; font-size:18px; text-align:left;}

.message1__box3 h3{padding: 0.4em;
border-radius: 0px;
font-size: 18px;
text-align:left; line-height:1.7;}
.message1__box3 p{width:95%;}
.message1__box3 div{width:95%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
.message1__box31 ol{width:95%;}
.message1__box3__box1 ul{width:100%;}
.message1__box33 h4 {text-align:center;}
	
.message1__box3 li{padding-bottom:10px;}
}
@media (max-width: 430px) {
.message1__box3 h3{font-size:17px;}
.message1__box33 h4 {font-size:17px;}
.message1__box3__box1 h4 {font-size: 17px;}
}
@media (max-width: 400px) {
.message1__box3 h3{font-size:16px;}
.message1__box33 h4 {font-size:16px;}
.message1__box3__box1 h4 {font-size:16px;}
}
@media (max-width: 374px) {
.message1__box3 h3{font-size:15px;}
.message1__box3 p{font-size:15px;}
.message1__box3 li{font-size:15px;}
}
@media (max-width: 355px) {
.message1__box3 h3{font-size:14px;}
}
@media (max-width: 330px) {
.message1__box3 h3{font-size:13px;}
.message1__box2 {font-size: 17px;}
}