@charset "UTF-8";

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

/* ----------------------------------------------------------------------
女性活躍推進ページ
---------------------------------------------------------------------- */

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

.Success__box00__box1:after{
      display: block;
      clear: both;
      content: "";
}
.Success__box00__box1 section{float:left; width:30%;}
.Success__box00__box1 section:nth-of-type(2){margin:0 5%;}
.Success__box00__box1 section h4{text-align:center; font-size:20px; color:#006934;}
.Success__box00__box1 section div img{width:100%;}

.Success__box00__box2{padding-top:30px;}
.Success__box00__box2:after{
      display: block;
      clear: both;
      content: "";
}
.Success__box00__box2 section{float:left; width:49%;}
.Success__box00__box2 section:nth-of-type(2){margin-left:2%;}
.Success__box00__box2 section h4, .Success__box00__box3 section h4{text-align:center; font-size:20px; color:#006934;}
.Success__box00__box2 table, .Success__box00__box3 table{width: 100%;
border-collapse: collapse;
border-spacing: 0;}
.Success__box00__box2 table th, .Success__box00__box2 table td, .Success__box00__box3 table th, .Success__box00__box3 table td{border:1px solid #cccccc; padding:5px;}
.Success__box00__box2 table th, .Success__box00__box3 table th{background-color:#eeeeee;}
.Success__box00__box2 table td, .Success__box00__box3 table td{text-align:center;}

.Success__box00__box3 table th br{display:none;}

.Success__box00__box3 table td:empty {
    background-image: linear-gradient(to top right, transparent, transparent 48%, #f2f2f2 48%, #f2f2f2 52%, transparent 52%, transparent);}





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

.Success__box0 div{border:2px solid #cccccc; margin:0 auto; width:60%; margin-top:20px; padding:15px;}
.Success__box0 div h4{text-align:center; color:#006934; font-size:18px; margin:0}
.Success__box0 div ol{padding-left:25px; margin-bottom:0; color:#009647;}
.Success__box0 div ol li{line-height:1.7;}
.Success__box0 div ol li span{color:#000000;}

.Success__box1{padding:50px 0; list-style:none; margin:0 auto;}
.Success__box1 li{text-align:center;}
.Success__box1 li a{display:inline-block; width:210px; font-size:20px; color:#ffffff; background-color:#006835; padding:10px;
border-top:8px solid #01592a;
border-bottom:8px solid #01592a;
border-right:8px solid #00773d;
border-left:8px solid #00773d;}

.Success__box1 li a:hover{color: #d41d23;}

@media (min-width: 1500px) {
.Success__box00{width:1200px;}
.Success__box0{width:1200px;}
.Success__box0 h3{width:100%;}
.Success__box0 p{width:85%;}
.Success__box0 div{width:70%;}
.Success__box1{width:1200px;}
}
@media (max-width: 1200px) {
.Success__box00{width:90%;}
.Success__box0 h3{width:90%;}
.Success__box0 p{width:80%;}
.Success__box0 div{width:70%;}
}
@media (max-width: 980px) {
.Success__box00{width:882px; padding:50px 49px 0; margin:0}
.Success__box0{width:980px;}
.Success__box1{width:980px;}
}

@media (max-width: 500px) {
.Success__box1{width:90%;}
.Success__box0{width:90%; padding-top:35px;}
.Success__box0 h3{width:100%;
padding: 0.4em;
border-radius: 0px;
font-size: 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
	
.Success__box0 p{width:95%; line-height:1.7;}

.Success__box0 div{width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
	
.Success__box0 div ol li{padding-bottom:10px;}
	
.Success__box0 div h4{width:auto; font-size: 18px;}

.Success__box00{width:90%; padding:50px 0px 0; margin:0 auto;}
.Success__box00 h3{border-radius: 0px;}
.Success__box00__box1 section h4 {font-size: 18px; margin: 50px 0 15px;}
.Success__box00__box1 section:nth-of-type(1) h4{margin: 30px 0 20px;}
.Success__box00__box1 section{float:none; width:100%;}
.Success__box00__box1 section:nth-of-type(2) {margin: 0;}
	
.Success__box00__box2 {padding-top: 0px}
.Success__box00__box2 section{float:none; width:100%;}
.Success__box00__box2 section:nth-of-type(2){margin-left:0;}
.Success__box00__box2 section h4{margin:50px auto 20px;}
.Success__box00__box2 section h4, .Success__box00__box3 section h4{font-size: 18px;}
.Success__box00__box2 table{font-size:12px;}
	
.Success__box00__box3 section h4{margin:50px auto 20px;}
.Success__box00__box3 section div {
overflow-x: scroll; border: solid 1px #79BF55;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
.Success__box00__box3 section div::-webkit-scrollbar {height: 10px;}
.Success__box00__box3 section div::-webkit-scrollbar-thumb {border-radius:5px; background: #009647;}
.Success__box00__box3 section div::-webkit-scrollbar-track {margin:0 2px; background:#ccc; border-radius:5px;}
.Success__box00__box3 section div table{width:432px; font-size:12px;}

}