@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:40px 0 100px 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;}
#contents01 .article_r img{width:400px;}

#contents01 p{padding-bottom: 30px; font-size: 18px;}
#contents01 img{float: right;margin-left: 28px;}

#contents01 ul{padding-bottom:30px;}
#contents01 ul li p{font-size:18px; line-height:30px;padding-bottom: 0px;}
#contents01 ul li{list-style-type:none !important;list-style-image:none !important;margin: 5px 0px 5px 20px !important;position:relative;padding-left:22px;}
#contents01 ul li:after{content:'';height:1px;width:12px;display:block;background:#aaa;position:absolute;top:15px;left:0px;}

#contents01 h2{font-size:35px; font-weight:400; line-height:35px; margin-left: -18px;font-weight: bold;}
#contents01 h2+h3{font-size:25px; margin-bottom:25px;}
#contents01 h3{font-size:22px; font-weight:400; line-height:35px; margin-bottom:20px;margin-top: 15px;font-weight: bold;}
#contents01 h3+p{padding-bottom: 10px;padding-left: 10px;}
#contents01 h4{ font-size:18px;border-bottom:5px solid #333; padding-bottom: 10px; margin-bottom:35px; font-weight: normal;font-weight: bold;}

.btn02{padding: 20px 40px; display: block; font-size: 22px; font-weight: bold;  background-color: #d80c18; border: 2px solid #d80c18;}
.btn02::before,.btn02::after{background-color: #d80c18;}
.btn02:hover{border-color: #d80c18;color: #d80c18;}
.btn02:hover::before,.btn02:hover::after{background-color: #d80c18;}
#page-top{z-index: 999;}

/* 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;}
    #contents03, #contents06{margin-top: 0!important;}
    #contents01 h2{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;}
}