@charset "utf-8";
/* CSS Document */
#ns_general_0000007ns .Ns_general_title{margin-top:1em;}
/*reset*/
/**,*:before,*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}*/
.clearfix::after {content: "";display: block;clear: both;}
ol.breadcrumb{margin-bottom: 10px;}
#lpWrap{width: 800px;padding: 40px 0 0;}
.Ns_general_container{clear: both}
h1{margin: 40px 0 5px;}
.section01 h2{border: none;}
.subText01{font-size: 0.8rem;}
.mainImg{text-align: center; margin: 0 0 50px 0;}
.mainImg img{width: 800px;}
.section01{margin: 0 0 50px;}
.section01 h2{border: none;margin: 0 0 20px;padding: 7px 16px;color: #fff;font-weight: bold;}
.section01 div:nth-of-type(1) h2{background-color: #1841c1;}
.section01 div:nth-of-type(2) h2{background-color: #b56200;}
.section01 div:nth-of-type(3) h2{background-color: #399eff;}
.section01 > div{margin: 20px;padding: 30px 20px;border: 1px solid #c3c3c3; background-color: #f3f3f3;}
.section01 > div > div > p{float: left; margin: 0 15px 0 0;}
.section01 > div > div > p img{width: 150px;}
.section01 > div > div > div{float: left; width: 540px;}
.section01 > div > div > div p:nth-of-type(1){font-size: 1.2rem;}
.section01 > div > .tokuten{margin-top: 20px;}
.section01 > div > .tokuten p{text-align: center;}
.section01 > div > .tokuten p:nth-of-type(1){margin-bottom: 5px; color: #1841c1;font-weight: bold; float: none;}
.section01 > div > .tokuten p:nth-of-type(2){float: none;}
.section01 > div > .tokuten p:nth-of-type(2) img{width: 500px;}
.section01 .text01{font-size: 0.8rem;text-align: right;}
.section02 h2{margin: 0;font-size: 1.8rem;border: none;text-align: center;}
.section02 ul{margin: 30px 0 10px 0; display: flex; justify-content: space-around;}
.section02 ul li a img{width: 200px;}
.section02 p{padding: 0 0 10px;}
.modal{max-width: 550px; width: 550px;text-align: center;margin-top: 40px;}
.modal img{width: 450px;}
.section03{border: 3px solid #98c6f3;border-radius: 20px;margin: 50px 0;padding: 20px;}
.section03 h2{border-bottom: 1px dotted #333;margin: 0 0 10px; font-size: 1.3rem;}
.section04{margin: 10px 0 50px; padding: 20px;border: 1px solid #797979;background-color: #f3f3f3;}
.section04 h2{margin: 0;border: none;}
.section04 p{font-size: 0.8rem;}
.section05 h2{padding: 10px;border: none;background-color: #3ab1e4;color: #fff;font-weight: bold;}
.section05 > p:nth-of-type(1){margin-bottom: 10px; font-weight: bold;font-size: 1.2rem;}
.section05 ul li{padding: 0 0 0 16px; text-indent: -1rem;}
.section05 ul li::before{content: "・";}
.section06{margin-bottom: 50px;}
.section06 h2{font-size: 1.2rem;padding: 0; border: none; background-color: #e6e6e6; padding: 10px;}
.section06 ul{display: flex; flex-wrap: wrap;}
.section06 ul li{width: 170px; margin-right: 40px; margin-bottom: 20px;}
.section06 ul li:nth-of-type(4n){margin-right: 0;}
.section06 ul li a p:nth-of-type(1) img{width: 170px;}
.section06 ul li a p:nth-of-type(2){font-size: 0.8rem;}
.button01 {text-align: center; margin: 30px 0 70px;}
.section07{width: 600px;margin: 0 auto;padding: 40px;border: 3px solid #3ab1e4;border-radius: 20px;}
.section07 h2{ margin: 0 0 10px;text-align: center;font-size: 2rem;padding: 0;color: #3ab1e4;border-bottom: 3px solid #3ab1e4;}
.section07 ul li{margin-bottom: 3px;}
.button02{text-align: center;margin-top: 50px;}
@media screen and (max-width:640px){
ol.breadcrumb {margin: 0;}
ol.breadcrumb li {float: left;padding-left: 20px;font-size: 12px;}
ol.breadcrumb li:nth-of-type(1) {padding-left: 5px;}
ol.breadcrumb li:nth-of-type(n+2) {background: url(https://7net-img.omni7.jp//co/common/images/bg-icon-arrow-03.png) 7px center no-repeat;}
#lpWrap{width: 100%;padding: 80px 0 0;}
.mainImg img{width: 100%;}
.mainImg2 img{display: flex;}
.section01 {margin: 0 0px 50px;}
.section01 > div > div > p {float: none;margin: 0 0 10px;text-align: center;}
.section01 > div > div > div {float: none;width: 100%;}
.section01 > div {padding: 20px;}
.section01 > div > .tokuten p:nth-of-type(2) img{width: 80%;}
.section02 ul{margin: 30px 0 10px 0; display: flex; justify-content: space-around;}
.section02 ul li{width: 30%}
.section02 ul li a img{width: 100%;}
.modal{max-width: 90%; width: 90%;text-align: center;}
.modal img{width: 90%;}
.section03{width: 100%;}
.section06 ul {display: flex;flex-wrap: wrap;}
.section06 ul li {width: 45%; margin-right: 0;}
.section06 .kanren {align-items: flex-end;}
.section06 ul li:nth-of-type(odd){margin-right: 10%;}
.section06 ul li p:nth-of-type(1){text-align: center;}
.section06 ul li a p:nth-of-type(1) img {width: 100%;}
.button01 a img{width: 100%;}
.section07{width: 90%;}
.section07 ul li {margin-bottom: 10px;}
.button02 a img{width: 100%;}
}