@charset "utf-8";

#mainvd{padding:75px 0px 75px 0; margin-bottom:80px; background: url(../../img/title_bk.jpg); background-size: cover;}
#mainvd h1{font-size:30px; color:#fff; padding:5px 0;}
#mainvd p{font-size:16px; font-weight:400;margin-top:20px; color:#fff;}
#mainvd .inner_wrapper{padding:0px 0; margin-top:20px;}

#contents01{margin:90px 0 0 0;}
#contents01 .article_l{width:540px;}
#contents01 .article_l h2{font-size:28px; font-weight:400; line-height:35px; margin-bottom:15px;}
#contents01 .article_l p{font-size:15px; line-height:32px; margin-bottom:20px;}
#contents01 .article_r{width:460px; text-align: right;}

#contents02{margin:100px 0 0 0;}
#contents02 .article_l {width:460px;}
#contents02 .article_l img{width:78%;}
#contents02 .article_r{width:540px;}
#contents02 .article_r h2{font-size:28px; font-weight:400; line-height:35px; margin-bottom:15px;}
#contents02 .article_r p{font-size:15px; line-height:32px; margin-bottom:20px;}

#contents03{margin:70px 0 0 0;}
#contents03 .article_l{width:540px;}
#contents03 .article_l h2{font-size:28px; font-weight:400; line-height:35px; margin-bottom:15px;}
#contents03 .article_l p{font-size:15px; line-height:32px; margin-bottom:20px;}
#contents03 .article_r{width:460px; text-align: right;}


#contents04{margin:80px 0 0 0; padding:64px 0px 30px; background: #142039; color:#fff; background-image: url(../img/img04.png); background-size: 30%; background-repeat: no-repeat; background-position: 97%}
#contents04 .article_l{width:1020px;}
#contents04 .article_l h2{font-size:28px; font-weight:400; line-height:35px; margin-bottom:15px;}
#contents04 .article_l p{font-size:15px; line-height:32px; margin-bottom:20px;}


#contents05{margin:110px 0 0 0;}
#contents05 h1{font-size:31px; font-weight:400; line-height:45px; margin-bottom:125px;position: relative; text-align: center;}
#contents05 h1:before{content: '';
position: absolute;
bottom: -30px;
width: 110px;
height:1px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #333333;
border-radius: 2px;}

#contents05 h1:after{content: '';
position: absolute;
top:-30px;
width: 110px;
height: 1px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #333333;
border-radius: 2px;}
#contents05 h2{font-size:27px; font-weight:300; line-height:35px; margin-bottom:25px;}
#contents05 h3{font-size:23px; font-weight:300; line-height:35px; margin-bottom:12px;position:relative;padding-left:25px;}
#contents05 h3::after {display: block;content: '';position: absolute;top: 13px; left: 1px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#contents05 ul{margin:0 auto; box-sizing: border-box; overflow: hidden;border-bottom:1px solid #c0c0c0;}
#contents05 ul li{display: inline-block; width:470px; vertical-align: top; margin-bottom:30px;}
#contents05 ul li p{font-size:15px; line-height:30px; margin-bottom:25px;}
#contents05 ul li:nth-child(2n+1){margin-right:76px;}

#contents06{margin:60px 0 50px 0;}
#contents06 h2{font-size:28px; font-weight:400; line-height:35px; margin-bottom:35px;}
#contents06 ul li{font-size:15px; line-height:3px; margin-bottom:25px;}


/* SP */
@media screen and (max-width: 800px){
    body{width: 100%; max-width: 100%; overflow-x: hidden;}
    #contents01 .article_r,#contents02 .article_r{width: 100%; max-width: 100%; overflow: hidden;}
    #mainvd{margin-bottom:30px!important;}
    #contents03, #contents06{margin-top: 0!important;}
    #contents01 h2,#contents05 h1{font-size: 1.5rem; padding: 0 10px; line-height: 1.5;}
    #contents01 h2+h3 {font-size: 1.2rem;line-height: 1.5; margin-bottom: 10px;}
    #contents01 h4{font-size: 1.1rem;}
    #contents01,#contents02{margin-top: 30px;}
    #contents02 .article_r{margin-top: 30px;}
    #contents06 ul li{line-height: 1.5;}
}