@charset "UTF-8";

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

/* ----------------------------------------------------------------------
福利厚生ページ
---------------------------------------------------------------------- */


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

.Welfare1__box1{margin:30px auto 10px; line-height:1.7; color: #006934; text-align:center;}
.Welfare1__box2:after{
      display: block;
      clear: left;
      content: "";
}
.Welfare1__box2 section{float:left; width:49.5%; border:2px solid #cccccc; padding:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; margin-top:20px; height:144px;}
.Welfare1__box2 section:nth-of-type(even){margin-left:1%;}
.Welfare1__box2 section:nth-of-type(7){height:auto; width:80%; margin:20px 10% 0;}
.Welfare1__box2 section h4{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto;}
.Welfare1__box2 section p{line-height:1.7; margin-bottom:0;}

.Welfare1__box2 section ul{padding:0; margin:15px 0 0; list-style:none;}
.Welfare1__box2 section li{background-image: url(../img/list_mark.png);
background-size:5px 16px;
background-repeat: no-repeat;
background-position: 5px 5px; padding:0px 10px 10px 15px; line-height:1.7;}
.Welfare1__box2 section li span{display:block;}

.ankare12{color:#009647;}
.ankare12:hover{color: #d41d23;}

@media (min-width: 1500px) {
.Welfare1{width:1200px;}
}
@media (max-width: 1200px) {
.Welfare1{width:90%;}
}
@media (max-width: 1010px) {
.Welfare1__box2 section:nth-of-type(5){height:155px;}
.Welfare1__box2 section:nth-of-type(6){height:155px;}
}
@media (max-width: 980px) {
.Welfare1{width:882px; margin:0; padding:50px 49px;}
}
@media (max-width: 500px) {
.Welfare1{width:90%; margin:0; padding:35px 5%;}
.Welfare1 h3{border-radius: 0px;}
.Welfare1__box1{width:95%; text-align: left; margin: 20px auto 30px;}
.Welfare1__box2 section{float:none; width:100%; margin:20px auto;  height:155px;}
.Welfare1__box2 section{float:none; width:100%; padding:12px 15px;}
.Welfare1__box2 section h4{border-radius: 0px;}
.Welfare1__box2 section:nth-of-type(even){margin-left:0;}
.Welfare1__box2 section:nth-of-type(3){height:auto;}
.Welfare1__box2 section:nth-of-type(5){height:auto;}
.Welfare1__box2 section:nth-of-type(6){height:auto;}
.Welfare1__box2 section:nth-of-type(7){height:auto; width:100%; margin:0;}
}
@media (max-width: 350px) {
.Welfare1__box2 section h4 {font-size:16px; font-weight: 500;}	
}