@charset "UTF-8";
/* CSS Document */
.pagetop a,.pagetop a:hover {
    padding: 18px 21px;
    background-color: #cf1836;
}

#wrap {
    font-size: 18px;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
    line-height:1.4;
    color:#000;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#wrap .outer {
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#wrap section {
    padding-top: 0;
    padding-bottom: 0;
}
#wrap h2 {
    padding: 18px 0;
}
#wrap .container {
    width: 960px;
    padding: 0 20px;
}
#wrap .row {
    margin-left: -20px;
    margin-right: -20px;
}
#wrap .white-box {
    padding: 50px;
}

#wrap .highlight01 {
    background: -webkit-linear-gradient(transparent 60%, #f4e75c 60%);
    background: -o-linear-gradient(transparent 60%, #f4e75c 60%);
    background: linear-gradient(transparent 60%, #f4e75c 60%);
    font-weight: bold;
}
#wrap .cl-pink {
    color: #b9349b;
}
#wrap .cl-white {
    color: #fff;
}
#wrap .font-b {
    font-size: 110%;
    line-height: 1.3;
}

/*header*/
#wrap header {
    padding: 10px 0;
}

#wrap .hl {
    float: left;
    padding-top: 10px;
}
#wrap .logo img{
    width: 100%;
}
#wrap .hr {
    float: right;
}

/*nav*/

#wrap nav ul {
    display: flex;
    flex-flow: row;
    margin: 0;
    padding: 0;
    justify-content: center;
}
#wrap nav ul li {
    align-items: center;
    text-align: center;
    border-right: 1px solid #000;
    margin: 10px 0;
}
#wrap nav ul li:last-child {
    border-right: none;
}
#wrap nav ul li a, #wrap nav ul li a:hover, #wrap nav ul li a:focus, #wrap nav ul li a:link {
    text-decoration: none;
}
#wrap nav ul li a {
    font-size: 80%;
    display: block;
    color: #000;
    font-size: 15px;
    padding: 10px 12px;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
}
#wrap nav ul li a:hover,
#wrap nav ul li a:focus,
#wrap nav ul li a:active {
    background-color: #fafafa;
    text-decoration: none;
}
#wrap #nav_toggle{
    display: none;
}
/*ここまでnav*/


/*mv*/
#wrap .mv{
    background: url(../img/mv_mainback.png) no-repeat top center;
    margin-bottom: 50px;
}

#wrap .mv_main {
    margin-top: 300px;
    margin-left: -30px;
}

/*cta*/
#wrap .cta{
    position: relative;
    margin-bottom: 60px;
}
#wrap .cta01{
    margin-bottom: 10px;
}
#wrap .cta_btn01{
    position: absolute;
    bottom: 460px;
    left: 0;
    right: 0;
    margin:auto;
}
#wrap .cta_btn02{
    position: absolute;
    bottom:35px;
    left: 0;
    right: 0;
    margin:auto;
}

/*sec01*/
#wrap .sec01{
    position: relative;
}
#wrap .sec01_tit{
    margin-bottom: 30px;
}

#wrap .sec01_voi01{
    background: #fff5e3;
}
#wrap .voi01{
    margin: 0 auto 0 0;
}
#wrap .sec01_back01{
    position: absolute;
    z-index: 1;
}
#wrap .sec01_voi02{
    background: #fffcf6;
    margin-top: 20px;
}
#wrap .voi02{
    margin:0 0 0 auto;
    margin-left: -90px;
}

#wrap .sec01_back02{
    position: absolute;
    z-index: 1;
}
#wrap .sec01_voi03{
    background: #f0f3e8;
    margin-top: 10px;
    padding-bottom: 70px;
}
#wrap .voi03{
    margin:0 auto 0 0;
}
/*sec02*/
#wrap .sec02_brown{
    background: #6b594d;
    padding-top: 85px;
}

/*sec03*/
#wrap .sec03{
    position: relative;
}

#wrap .sec03_ng{
    background: #fcf8e4;
    padding-top: 50px;
    padding-bottom: 60px;
}

#wrap .zitsuha{
    position: relative;
}
#wrap .sec03_zitsuha{
    position: absolute;
    width: 269px;
    top: -60px;
    left:0;
    right: 0;
    margin:auto;
    z-index: 1;
}
#wrap .sec03_zitsuha img{
    width: 100%;
}
#wrap .sec03_man_outer {
    background: #f6f6f8;
    margin-bottom: 60px;    
}
#wrap .sec03_man{
    position: relative;
    margin: 0 -50%;
    width: 200%;
    text-align: center;
    z-index: 0;
}

/*sec04*/
#wrap .sec04{
    margin-bottom: 80px;
}

/*sec05*/
#wrap .sec05{
    margin-bottom: 90px;
}

#wrap .sec05_tit{
    position: relative;
    margin: 0 -50%;
    width: 200%;
    text-align: center;
    z-index: 0;
    margin-bottom: 20px;
}
/*sec06*/
#wrap .sec06{
    margin-bottom: 25px;
}
#wrap .sec06_tit{
    position: relative;
    margin: 0 -50%;
    width: 200%;
    text-align: center;
    z-index: 0;
    margin-bottom: 55px;
}

#wrap .power{
    background: url(../img/sec06_powerback.png) no-repeat top center;
    height: 2506px;
}
#wrap .sec06_power1{
    margin-top: 30px;
}
#wrap .sec06_power2{
    margin-top:340px;
}

#wrap .sec06_power3{
    margin-top:320px;
}
/*sec07*/
#wrap .sec07{
    margin-bottom: 80px;
}


/*sec08*/
#wrap .sec08{
    background: url(../img/sec08_back.png) no-repeat top center; 
    background-size: cover;    
}

#wrap .sec08_tit{
    margin-bottom: 40px;
}

#wrap .sec08_contents1{
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: -30px;
    margin-right: -10px;
}
#wrap .sec08_contents2{
    margin-bottom: 20px;
    margin-left: -30px;
    margin-right: -10px;
}
#wrap .sec08_contents3{
    margin-bottom: 70px;
    margin-left: -30px;
    margin-right: -10px;
}
#wrap .sec08_2{
    background: url(../img/sec08_zuback.png) no-repeat top center;
    padding-top: 50px;
    padding-bottom: 70px;
}
/*sec09*/
#wrap .sec09{
    margin-top: 100px;
    margin-bottom: 50px;
}

#wrap .sec09_tit{
    margin-bottom: 40px;
}
#wrap .sec09_box{
    margin-bottom: 40px;
}


/*sec10*/
#wrap .sec10_contents{
    background: url(../img/sec10_back.png) no-repeat top center;
    margin-bottom: 10px;
    margin-left: -30px;
    margin-right: -30px;
}
#wrap .sec10_tit {
    position: relative;
    margin: 0 -50%;
    width: 200%;
    text-align: center;
    z-index: 0;
}

/*sec11*/
#wrap .sec11{
    margin-bottom: 50px;
}
#wrap .sec11_tit{
    position: relative;
    margin: 0 -50%;
    width: 200%;
    text-align: center;
    z-index: 0;
    margin-bottom: 50px;
}
#wrap .sec11_point{
    margin-bottom: 40px;
    margin-left: -41px;
}

/*sec12*/
#wrap .sec12{
    margin-bottom: 50px;
}
#wrap .sec12_tit {
    position: relative;
    margin: 0 -50%;
    width: 200%;
    text-align: center;
    z-index: 0;
}
#wrap .sec12_qa{
    padding-top: 30px;
}
#wrap .sec12_cheap{
    padding-top: 60px;
    padding-bottom: 25px;
}
/*form*/
#wrap .form{
    margin-bottom: 85px;
}


/*footer*/
#wrap footer {
    font-size: 18px;
    color: #3e0f00;
    background-color: #f9ead3;
    padding-bottom: 0;
    padding-top: 0;
}
#wrap footer .footer_main {
    padding-top: 58px;
    padding-bottom: 58px;
}
#wrap footer a, #wrap footer a:hover, #wrap footer a:focus, #wrap footer a:link {
    color: #3e0f00;
}
#wrap footer .copy {
    background-color: #50403b;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
#wrap footer ul li {
    margin: 0;
}

@media (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 768px)  {

}