@charset "UTF-8";

/*共通部分------------------------------*/
html {
    font-size: 100%;
    margin: 0 auto;
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    color: #000;    /*全体の文字色*/
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*フォント種類*/
    font-size: 16px;    /*文字サイズ*/
    line-height: 2;     /*行間*/
    background: #fff;   /*背景色*/
    -webkit-text-size-adjust: none;
    height: 100%;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}
video,audio {max-width: 100%;}

/*headerブロック ここから-------------------------*/
header {
    background: #F7DDE0;    /*背景色*/
    height: 80px;       /*高さ*/
    color: #333;        /*文字色*/
    z-index: 1;
    position: absolute;
}

.fixed {
    position: fixed;
    top: 0;
    margin: 0 auto;
    width: 100%;
}

/*-----トップアニメーションの位置 ここから-----*/
.top_anime_item_box {
    position: absolute;
}
.top_anime_item_box.ani_box_010 {
    width: 240px;
    height: 230px;
    left: 950px;
    top: 300px;
}
.top_anime_item_box.ani_box_011 {
    width: 120px;
    height: 90px;
    left: 910px;
    top: 220px;
}
.top_anime_item_box.ani_box_012 {
    width: 185px;
    height: 140px;
    left: 800px;
    top: 55px;
}
.top_anime_item_box.ani_box_013 {
    width: 120px;
    height: 100px;
    left: 610px;
    top: 30px;
}
.top_anime_item_box.ani_box_014 {
    width: 130px;
    height: 75px;
    left: 370px;
    top: 60px;
}
.top_anime_item_box.ani_box_015 {
    width: 110px;
    height: 105px;
    left: 185px;
    top: 115px;
}
.top_anime_item_box.ani_box_016 {
    width: 160px;
    height: 140px;
    left: 42px;
    top: 294px;
}
.top_anime_item_box.ani_box_017 {
    width: 155px;
    height: 215px;
    left: 90px;
    top: 460px;
}

.top_anime_item_box.ani_box_018 {
    width: 120px;
    height: 145px;
    left: 270px;
    top: 640px;
}
.top_anime_item_box.ani_box_019 {
    width: 120px;
    height: 90px;
    left: 480px;
    top: 700px;
}
.top_anime_item_box.ani_box_020 {
   width: 50px;
   height: 75px;
   left: 750px;
   top: 700px;
}
.top_anime_item_box.ani_box_021 {
    width: 200px;
    height: 200px;
    left: 880px;
    top: 530px;
}
.top_anime_item_box.ani_box_022 {
    width: 158px;
    height: 150px;
    left: 205px;
    top: 242px;
}


/*-----トップアニメーションの位置 ここまで-----*/



.tete {
    width: 1200px;
    height: 1000px;
    background-color: aqua;
}




/*pc時ヘッダー　ｓ*/

@media screen and (max-width: 1200px) {

    .nihonisan_header02.pc {
        background-color: #D75557;
        width: 100%;
        height: 752px;
        z-index: 2;
        position: relative;
    }

    .nihonisan_header02.pc{

     display:none;

 }


 .nihonisan_header02.pc {
    background-color: #D75557;
    width: 100%;
    height: 800px;
    z-index: 2;
    position: relative;
}



}

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

    .nihonisan_header02.sp{

        display: none;

    }

    .nihonisan_logo1{
        position: relative;
        bottom: 52px;
        right: 420px;
    }

    .nihonisan_logo2{
        position: relative;
        bottom: 0px;
        left: 492px;
    }


    .head_inner_box{


        height: 810px;
        width: auto;
        margin:0 auto;
        background-color: #D75557;
    }

    .nihonisan_header02_button_pc img{

        margin-top:65px;
        margin-right: 40px;
        

    }


    .head_title{

        text-align: center;
        font-size: 22px;
        color: #fff;
        background: #D75557;
        padding-bottom:20px;
    }
}
/*pc時ヘッダー　e*/







/*ｓｐ時ヘッダー　ｓ*/

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

    .nihonisan_header02 {
        width: 100%;
        z-index: 2;
        position: relative;
    }

}


@media screen and (min-width: 769px) and (max-width: 1199px){

    .nihonisan_header02_text02 h2{
       margin-left: 6px;
       font-size: 70px;
       font-weight: bold;
       letter-spacing: 0.2em;
       line-height: 80px;
   }

}




@media screen and (min-width: 769px) and (max-width: 1200px) {




    .nihonisan_header02.pc{

     display:none;

 }


}



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


    .head_title_pc{


        text-align: center;
        font-weight: bold;
        font-size: 13px;
        color: #fff;
        background: #D75557;
        padding-bottom:20px;
        width: 500px;
        margin: 0 auto;

    }

    .head_title_mobile{

        display: none;

    }
}


@media screen and (max-width: 1199px){

      .head_title_mobile{

        text-align: center;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        background: #D55052;
        padding-right: 20%;
        padding-left: 20%;
        padding-bottom: 50px;
    }

  .head_title_pc{

        display: none;

    }
}

.haike_image{

    background:#D65052;
    
}



.haike_image img{

    display: block;
    margin:0 auto;

}
}


.nihonisan_header02.sp{

    background-color: #D75557;

}




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

    .nihonisan_header02.sp{

        height: 800px;
        display: none;

    }
}

.header_block{


}

/*ｓｐ時ヘッダー　e*/



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

    .nihonisan_header02_sub01 {
        position: relative;
        top: -90px;
        left: 10px;

    }    
}

.nihonisan_header02 {
    text-align: center;
    margin: auto;
    width: 1200px;
}

.nihonisan_header02 h3 {
    font-size: 25px;
}

.nihonisan_header02 h2 {
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 80px;
}

.nihonisan_header02_text01 h3 {
    font-size: 30px;
    letter-spacing: 0.3em;
}

.nihonisan_header02_text02 {
    margin-left: 6px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 80px;
}

.nihonisan_header02_text03 p {
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 20px;
}

.nihonisan_header02_text04 p {
    color: #FFF;
    line-height: 20px;
    font-size: 13px;
}


@media screen and (min-width: 1200px){ 
    .nihonisan_header02_button_mobile{

        display: none;

    }
}



@media screen and (max-width: 1199px){ 
    .nihonisan_header02_button_pc{

        display: none;

    }
}

@media screen and (max-width: 1200px){ 

    .sp_header_set{

       background-color: #D75557;
   }
}


@media screen and (max-width: 1200px){ 

    .nihonisan_header02_button{

        background: #EA897E;
        text-align: center;
        padding-top: 2%;
        padding-bottom: 2%;

    }

}


@media screen and (max-width: 480px){

  .nihonisan_header02_button img{


    width: 20%;
    margin:0 10px;
}
}



@media screen and (min-width: 1200px){
    .haike_image_mobile{

        display: none;


    }
}


@media screen and (min-width: 770px) and (max-width: 1200px){
    .haike_image_mobile img{

        width: 100%;

    }
}

@media screen and (min-width: 480px) and (max-width: 1200px){

    .nihonisan_header02_button a {
        margin: 0 20px;
    }
}


@media screen and (max-width: 1200px){ 

    .nihonisan_header02_sub01{

       padding: 20px 0 15px 0;
       position: relative;
       width: 500px;
       height: 350px;
       margin: 10% auto;
       text-align: center;
       font-weight: bold;
   }
}



/*headerブロック ここまで-------------------------*/


/*bodyブロック ここから-------------------------*/


@media screen and (min-width: 651px) {
    .br-pc {
        display: block;
    }

    .br-sp {
        display: none;
    }

    header h1 {
        font-size: 30px;
        font-weight: bold;
        margin: 0 0 5px 50px;
        padding-top: 12px;
    }

}

/*画面サイズが650px以下で有効*/
@media screen and (max-width: 650px) {
    .br-pc {
        display: none;
    }

    .br-sp {
        display: block;
    }

    header {
        background: #F7DDE0;    /*背景色*/
        height: 60px;       /*高さ*/
        color: #333;        /*文字色*/
    }

    header h1 {
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 5px 25px;

        padding: 15px 0;

    }
/*
    .nihonisan_header02 {
        height: 600px;
        }*/

        .nihonisan_header02_sub01 {
            padding-top: 50px;
        }

        .nihonisan_header02_text01 h3 {
            font-size: 20px;
            letter-spacing: 0.2em;
        }

        .nihonisan_header02 h2 {
            font-size: 50px;
            font-weight: bold;
            letter-spacing: 0.1em;
            line-height: 60px;
        }


    }

    /*nihonnisanブロック*/



    .mb16 { margin-bottom: 16px;}
    .mb20 { margin-bottom: 20px;}
    .mb24 { margin-bottom: 24px;}
    .mb32 { margin-bottom: 32px;}
    .mb40 { margin-bottom: 40px;}
    .mb50 { margin-bottom: 50px;}
    .mb-ub15 {margin: 15px 0;}

    @media (max-width: 767px) {
        .mb40 { margin-bottom: 20px;}
        .mb50 { margin-bottom: 25px;}
        .mb-ub15 {margin: 15px 0;}
    }

/* フォント指定
------------------------------------------*/
.txt-red {color: #e00a2a;}
.txt-pink {color: #ff3399;}
.txt-pink2 {color: #d45896;}
.txt-blue {color: #3477bd;}


/* 追加分 --------------------------*/
ul {
    margin: 0;
    padding:0;
}
li {
    list-style: none;
}


.row-height {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.img-center {
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .onlyPC {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .onlymb {
        display: none;
    }
}


/*==========================================
 Font
 ==========================================*/
 @font-face {
  font-family: "mplusM";
  src: url("../fonts/mplus-1p-medium.eot") format('eot'),
  url("../fonts/mplus-1p-medium.woff") format('woff'),
  url("../fonts/mplus-1p-medium.ttf")  format('truetype');
}
@font-face {
  font-family: "mplusR";
  src: url("../fonts/mplus-1p-regular.eot") format('eot'),
  url("../fonts/mplus-1p-regular.woff") format('woff'),
  url("../fonts/mplus-1p-regular.ttf")  format('truetype');
}
.fontMedium {font-family: "mplusM";}
.fontRegular {font-family: "mplusR";}

h1, h2, h3 {
    font-family: "mplusM";
}

.side {
    display: -webkit-flex;
    display: flex;
}



/*==========================================
 headder
 ==========================================*/
 .header {
    position: relative;
    margin-top: 80px;
    padding-bottom: 80px;
    background-color: #ff0198;
}
.headerCont {
    background-image: url(../images/header_img1.png), url(../images/header_bg_l.png), url(../images/header_bg_r.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center top, left 240px, right 240px;
    background-size: contain, 23% auto, 23% auto;
}

header .row {
    margin-right: 0px;
    margin-left: 0px;
}
header .leadArea {
    max-width: 81%;
    margin: 128px auto 0;
}
header img {
    margin: 0 auto;
}
header .lead1 {
    margin-bottom: 57px;
}

@media (max-width: 991px) {
    .headerCont {
        background-position: center top, left 180px, right 180px;
    }
    header .leadArea {
        max-width: 80%;
        margin: 96px auto 0;
    }
    header .lead1 {
        margin-bottom: 42px;
    }
    header .lead2 {
        width: 65%;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    header .leadArea {
        max-width: 100%;
        margin: 80px auto 0;
    }
}

@media (max-width: 480px) {
    .header {
        padding-bottom: 20px;
    }
    .headerCont {
        background-position: center top, left 120px, right 120px;
    }
    header .leadArea {
        margin-top: 48px;
    }
    header .lead1 {
        margin-bottom: 18px;
    }
}


/*==========================================
 contents
 ==========================================*/
 .container {
    max-width: 1030px;
}
section h2 {
    text-align: center;
}
img {
    max-width: 100%;
    height: auto;
}
section {
    overflow: hidden;
    padding: 0;
}

.row-cl {
    margin-right: 0;
    margin-left: 0;
}
.col-cl {
    padding-left: 0;
    padding-right: 0;
}
.col-cl-r {
    padding-right: 0
}
.col-cl-l {
    padding-left: 0;
}


/* section1 #about
-----------------------------------------*/
#about {
    background-color: #f4efe5;
}
#about header {
    background: url(../images/sec1_bg.jpg ) no-repeat top center;
    background-size: cover;
}
#about header .row {
    margin-right: -15px;
    margin-left: -15px;
}
.aboutHead {
    padding-top: 80px;
}
#about .headlead {
    padding: 60px 45px 40px;
    background-color: #fff;
    border-radius: 10px;
}

.aboutCont {
    padding: 48px 0 40px;
}
.aboutCont h2 {
    margin: 0 0 40px;
}
.aboutCont h2 img {
    margin: 0 auto;
}


@media (max-width: 767px) {
    .aboutHead {
        padding-top: 40px;
    }
    #about .headlead {
        padding: 30px 22px 20px;
    }
}

@media (max-width: 767px) {
    .aboutCont img {
        margin: 0 auto;
    }
}


/* section2
-----------------------------------------*/
@media (min-width: 768px) {
    #section2 {
        height: 670px;
        background-image: url(../images/sec2_img0.png), url(../images/bg.jpg);
        background-repeat: no-repeat, no-repeat;
        background-position: center bottom, center center;
        background-size: 370px auto, cover;
    }


    .words {
        position: relative;
    }
    #section2 h2,
    .words div {
        position: absolute;
        display: inline-block;
    }
    #section2 h2 {
        left: 0;
        right: 0;
        margin: 30px auto;
    }

    .word1 {
        left: 0;
        top: 64px;
    }
    .word2 {
        left: 20%;
        top: 180px;
    }
    .word3 {
        left: 0.5%;
        top: 308px;
    }
    .word4 {
        left: 16%;
        top: 460px;
    }
    .word5 {
        right: 0;
        top: 73px;
    }
    .word6 {
        right: 5%;
        top: 243px;
    }
    .word7 {
        right: 1%;
        top: 426px;
    }
}

@media (min-width: 992px) {
    #section2 {
        background-size: auto, cover;
    }

    .word1 {
        left: 18px;
        top: 64px;
    }
    .word2 {
        left: 216px;
        top: 190px;
    }
    .word3 {
        left: 15px;
        top: 308px;
    }
    .word4 {
        left: 178px;
        top: 456px;
    }
    .word5 {
        right: 0;
        top: 73px;
    }
    .word6 {
        right: 120px;
        top: 243px;
    }
    .word7 {
        right: 12px;
        top: 426px;
    }
}

@media (max-width: 767px) {
    .section2-header {
        height: auto;
        background-image: url(../images/sec2_img0.png), url(../images/bg.jpg);
        background-repeat: no-repeat, no-repeat;
        background-position: right 8% bottom, center center;
        background-size: 45%, cover;
        background-color: #769bc0;
    }
    .section2-header h2 {
        width: 54%;
    }
    .setion2-cont {
        padding-top: 40px;
        padding-bottom: 20px;
        background-color: #769bc0;
    }
    .words p {
        margin-bottom: 24px;
        padding: 0.5em 1.5em;
        background-color: #fff;
        border-radius: 8px;
        display: inline-block;
    }
    .words div:nth-child(2n) {
        float: right;
    }
}


-----------------------------------------*/
.arrow img {
    margin: 24px auto 34px;
}


/* section3 / section6
-----------------------------------------*/
#section3,
#section6 {
    padding-bottom: 40px;
    background-color: #fff;
}


#section3 .container,
#section6 .container {
    max-width: 970px;
    margin: 0 auto;
}


.title-car {
    margin: 50px auto 40px;
    font-size: 34px;
    line-height: 42px;
}
.title-car img {
    margin-right: 24px;
    width: 80px;
}



.itemBox,
.itemBox1,
.itemBox2 {
    padding: 24px 30px 0px;
    background-color: #fff;
    border-radius: 16px;
    text-align: center;
}
.itemBox {
    margin-bottom: 40px;
}


.itemBox1 {
    width:46%;
    margin: 0 2.3% 40px 1.5%;


}
.itemBox1:nth-child(2n) {
    margin: 0 1.5% 40px 2.3%;
}

.itemBox2 {
    width:30%;
    margin: 0 1.8% 40px 1.5%;
}
.itemBox2:nth-child(3) {
    margin: 0 1.5% 40px 1.8%;
}

.itemBox h3,
.itemBox1 h3,
.itemBox2 h3 {
    margin: 0 0 16px;
    text-align: center;
    color: #099;
    font-size: 30px;
}
.itemBox h3 img,
.itemBox1 h3 img,
.itemBox2 h3 img {
    width: 55px;
    margin-bottom: 12px;
}


.itemBox p,
.itemBox1 p,
.itemBox2 p {
    text-align: left;
    font-weight: bold;
}


.itemBox p.kome,
.itemBox1 p.kome,
.itemBox2 p.kome {
    font-weight: normal;
}

.img-gp {
}

.txt-blueB,
.txt-pinkB,
.txt-redB {
    font-size: 18px;
    font-weight: bold;
}
.txt-blueB {color: #0081cc;}
.txt-pinkB {color: #ea609e;}
.txt-redB {
    color: #e60012;
    background-color: #fff67f;
}
.text-s {
    text-align: right!important;
    font-size: 12px;
}


@media (min-width: 768px) {
    .imgItem {
        width: 230px;
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .title-car {
        font-size: 30px;
    }
    .title-car img {
        width: 15%;
        height: auto;
        margin: 0 16px 0 0;
    }

    .itemBox1,
    .itemBox2 {
        width: 100%;
        margin: 0 15px 40px;
    }
    .itemBox1:nth-child(2n),
    .itemBox2:nth-child(3) {
        margin: 0 15px 40px;
    }

    .imgItem {
        margin-bottom: 16px;
    }
}

@media (max-width: 991px) {
    .img-gp {
        margin-bottom: 20px;
    }
}

/* section4
-----------------------------------------*/
#section4 {
    padding-bottom: 20px;
}
#section4 h2 {
    margin: 50px 0 32px;
    color: #099;
    font-size: 34px;
}

.ex-headaer {
    padding: 40px 20px 24px 40px;
    background-color: #0cc;
    color: #fff;
    border-radius: 16px 16px 0px 0px / 16px 16px 0px 0px;
}
.ex-headaer .side {
    padding: 0;
}

.ex-cont {
    margin-bottom: 40px;
    border: solid 4px #0cc;
    border-radius: 0px 0px 16px 16px / 0px 0px 16px 16px;
}
.ex-cont p {
    margin-top: 40px;
    line-height: 1.6;
}
#section4 span b {
    font-size: 24px;
}

.line-yellow {
    background-color: #f9fd8f;
}

@media (max-width: 991px) {
    .ex-headaer {
        padding: 24px 20px;
    }
}
@media (min-width: 768px) {
    #section4 .row {
        margin-right: 10px;
        margin-left: 10px;
    }
    .ex-headaer .person {
        margin: 10px 0 0 20px;
    }
    .ex-headaer .carInfo {
        padding-left: 30px;
    }
    .ex-headaer .carInfo ul {
        margin: 8px 0 0 35px;
    }

    .ex-cont {
        padding: 20px 40px;
    }
}

@media (max-width: 767px) {
    #section4 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .ex-headaer{
        padding: 16px 16px 12px;
    }
    .carInfo,
    .personInfo {
        width: 100%;
    }

    .ex-headaer .ex-no img {
        margin: 0 auto;
    }
    .ex-headaer .ex-no,
    .ex-headaer .imgCar {
        width: 50%;
        padding-right: 15px;
    }
    .ex-headaer .imgCar {
    }

    .ex-headaer .ex-no,
    .ex-headaer .person {
        margin-bottom: 30px;
    }
    .ex-headaer .person {

    }

    .ex-headaer .carInfo {
        padding-left: 0;
    }
    .ex-headaer .carInfo ul {
        width: 50%;

    }
    .ex-cont {
        padding: 0 0 20px;
    }
    .ex-cont p {
        margin-top: 20px;
    }
}


/* contact
-----------------------------------------*/
.contact {
    padding: 50px 0 60px;
    background-color: #ff0198;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-family: "mplusR";
}
.contact .textArea {
    margin-bottom: 8px;
    padding-bottom: 60px;
    background: url(../images/bg_yasuku.png) no-repeat bottom center;
    background-size: auto;

}

@media screen and (min-width:600px) and ( max-width:960px) {
    .contact .textArea {
        padding-bottom: 100px;
    }
}

@media (max-width: 767px) {
    .contact .textArea {
        background-size: 90%;
    }

    .contact .text-right,
    .contact .text-left {
        text-align: center;
    }
    .contact .text-right {
        margin: 20px 0;
    }
}


/* section5
-----------------------------------------*/
@media (min-width: 768px) {
    #section5 {
        height: 600px;
        background-image: url(../images/sec5_img0.png), url(../images/bg.jpg);
        background-repeat: no-repeat, no-repeat;
        background-position: center bottom, center center;
        background-size: 240px, cover;
    }

    .words {
        position: relative;
    }

    #section5 h2,
    .words div {
        position: absolute;
        display: inline-block;
    }
    #section5 h2 {
        left: 0;
        right: 0;
        margin: 30px auto;
    }

    .sec5_word1 {
        left: 0;
        top: 114px;
    }
    .sec5_word2 {
        left: 13%;
        top: 266px;
    }
    .sec5_word3 {
        left: 4%;
        top: 433px;
    }
    .sec5_word4 {
        right: 0px;
        top: 120px;
    }
    .sec5_word5 {
        right: 14%;
        top: 290px;
    }
    .sec5_word6 {
        right: 2%;
        top: 435px;
    }

}

@media (min-width: 992px) {
    #section5 {
        height: 670px;
        background-size: auto, cover;
    }

    .sec5_word1 {
        left: 41px;
        top: 134px;
    }
    .sec5_word2 {
        left: 175px;
        top: 286px;
    }
    .sec5_word3 {
        left: 53px;
        top: 463px;
    }
    .sec5_word4 {
        right: 0px;
        top: 151px;
    }
    .sec5_word5 {
        right: 136px;
        top: 323px;
    }
    .sec5_word6 {
        right: 27px;
        top: 485px;
    }
}

@media (max-width: 767px) {
    .section5-header {
        height: auto;
        background-image: url(../images/sec5_img0.png), url(../images/bg.jpg);
        background-repeat: no-repeat, no-repeat;
        background-position: right 8% top 20px, center center;
        background-size: 35%, cover;
        background-color: #769bc0;
    }
    .section5-header h2 {
        width: 54%;
    }
    .setion5-cont {
        padding-top: 40px;
        padding-bottom: 20px;
        background-color: #769bc0;
    }
    .words p {
        margin-bottom: 24px;
        padding: 0.5em 1.5em;
        background-color: #fff;
        border-radius: 8px;
        display: inline-block;
    }
    .words div {
        clear: both;
    }
    .words div:nth-child(2n) {
        float: right;
    }
}


/* section7
-----------------------------------------*/
#section7 {
    margin-bottom: 40px;
}
#section7 h2 {
    margin: 40px 0 30px;
    color: #099;
    font-size: 34px;
}
.list-ac {
    width: 650px;
    margin: 0 auto 32px;
    border: solid 1px #099;
}
.list-ac input {
    display: none;
}
.list-ac label {
    margin: 0 20px;
    padding: 0 38px;
    display: block;
    cursor: pointer;
    line-height: 50px;
    background-image: url(../images/sec7_icon_q.png), url(../images/sec7_icon_plus.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top 10px left, top 10px right;
    background-size: 30px;
}
.list-ac .qusetionCont {
    margin: 0 15px;
    padding: 0 0 10px 75px;
    background: url(../images/sec7_icon_car.png) no-repeat 0 20px ;

    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
    transition: 0.8s;
}
.list-ac .qusetionCont p {
    margin: 1em 0;
}
.list-ac input:checked ~ .qusetionCont {
    max-height: 20em;
}

@media (max-width: 767px) {
    .list-ac {
        width: 100%;
    }
    .list-ac label {
        margin: 0 8px;
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto;
        line-height:1.6;
    }
}


@media screen and (min-width: 767px){
  .nenpyo_mobile{

      display: none;
  }
}

@media screen and (max-width: 767px){
  .nenpyo_pc{

      display: none;
  }
}

/* footer
-----------------------------------------*/

@media screen and (min-width: 992px){
    footer {
        padding: 36px 0 114px;
        background: url(../images/footer_bg.png);
        text-align: center;

    }
}

@media screen and (max-width: 767px){
    footer {
        background: url(../images/footer_bg.png);
        text-align: center;
    }
}



@media screen and (max-width: 991px){
    footer {
        background: url(../images/footer_bg.png);
        text-align: center;
        font-size:24px;
    }
}

footer .company {
    margin: 40px 0;
    text-align: left;
    line-height: 1.6;
    color: #fff;
}
footer .logoArea img {
    padding: 16px;
    background-color: #fff;
}

.footBtn a {
    width: 100%;
    padding: 8px 40px;
    border: solid 1px #fff;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.footBtn a:hover,
.footBtn a:visited {
    color: #fff;
    text-decoration: none;
    background-color: #555;
    border: solid 1px #eee;
}



.itemBox.ani_050{

    margin:0 auto;
}
.mametisiki_block1{

    padding: 24px 30px 0px;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    border: solid 3px #D25652;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}



#dento_block{
    background: #EEBBB5;
    margin-bottom: 50px;
    background-image: url("../image/okinawachizu_haikei_2.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.big_title{
    margin:50px 0;
    font-weight: bold;
    font-size:30px;
}



@media screen and (min-width: 990px) {
    .title_text_left{

        text-align: left;
        font-weight: bold;
        font-size: 15px;
        padding: 0 100px;
    }
}


@media screen and (max-width: 990px) {

    .title_text_left{

        text-align: left;
        font-weight: bold;
        font-size: 15px;
    }
}


@media screen and (max-width: 1199px) {

    .title_text_left_pc{

        display: none;


    }
}


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

    .title_text_left_mobile{


        display: none;
    }

}
.dento_haike{

    padding: 24px 30px 0px;
    background-color: #fff;
    border-radius: 16px;
    text-align: center;
}

.title_text_small{

    text-align: center;
    color:#D05159;
    margin-top:50px;
    margin-bottom:10px;
    font-weight: bold;

}

.big_tile2{

    text-align: center;
    font-weight: bold;
    font-size: 30px;
    color:#D05159;
    margin:20px;
}




@media (max-width: 991px){

    .title_text_center_pc{

        display: none;

    }
    .title_text_center_mobile{


        text-align: left;
        font-weight: bold;
        font-size: 20px;
        padding: 0px 0px;
        padding-bottom: 99px;
    }
}

@media (min-width: 992px){
    .title_text_center_mobile{

        display: none;

    }
    .title_text_center_pc{


        text-align: left;
        font-weight: bold;
        font-size: 12px;
        padding: 0 205px;
        padding-bottom: 50px;
        padding-top: 65px;
    }
}




#_section2{

 background: #FFFFFF;

}

.mametisiki_box{


    width: 1000px;

}

.mametisiki_box{

   width: 970px;
   margin:0 auto; 
}


.no_logo1{

    float: left;
    position: relative;
    bottom: 15px;
    right: 20px;
    overflow: hidden;
    width: 85px;
    height: 110px;

}

.mametisiki_image1{

 float: right;
 position: relative;
 bottom: 70px;
 left: 0px;
}



@media screen and (min-width: 767px) and (max-width: 991px){
    .mametisiki_image1{

     float: right;
     position: relative;
     bottom: 0px;
     left: 25px;
 }
}
.mametisiki_title1{

    text-align: left;
    font-weight: bold;
    font-size: 22px;
    color: #D05159;
    margin: 33px 0px 40px 0;
    line-height: 1.5em;

}


@media screen and (max-width: 766px){
    .mametisiki_image1{


        float: right;
        position: relative;
        bottom: 35px;
        left: 0px;
    }
}

@media screen and (min-width: 767px) {
    .mametisiki_text{

        font-size: 12px;
        text-align: left;
        padding-left: 100px;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .mametisiki_text{

        font-size: 20px;
        text-align: left;
        margin-bottom: 50px;
    }
}


@media screen and (max-width: 991px) {

    .mametisiki_text_pc{

        display: none;


    }

    .mametisiki_text_mobile{


        font-size: 20px;
        text-align: left;
        margin-bottom: 50px;


    }
}


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



    .mametisiki_text_mobile{

        display: none;
    }


    .mametisiki_text_pc{
        font-size: 12px;
        text-align: left;
        padding-left: 100px;
        margin-bottom: 50px;

    }
}
.mametisiki_kiji1{

  padding: 24px 30px 30px;
  background-color: #fff;
  text-align: center;
  border-radius: 0px;
  font-weight: bold;
  border: solid 3px #D25652;

}

.mametisiki_title2{

    text-align: left;
    font-weight: bold;
    font-size: 22px;
    color: #D05159;
    margin: 23px 0 40px 0;
    line-height: 1.5em;
}

.mametisiki_block2{


    padding: 24px 30px 0px;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    border: solid 3px #D25652;
}

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


    .mametisiki_right{
        float: right;



    }
}

.mametisiki_right{



}

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


    .mametisiki_left1{
     width: 42%;
     font-size: 12px;
 }
}




@media screen and (max-width: 767px) {
    .mametisiki_left1{

      font-size: 20px;
      margin-top: 70px;
  }
}



@media screen and (min-width: 767px) {
    .mametisiki_left1{

      font-size: 12px;
      margin-top: 70px;
  }
}

.no_logo2{

    float: left;
    width: 85px;
    height: 110px;
    position: relative;
    bottom: 18px;
    right: 16px;

}





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


    .mametisiki_text_small{
     width: 121px;
     height: 100px;
     position: relative;
     bottom: 125px;
     left: 160px;
 }
}


@media screen and (max-width: 992px) {

  .mametisiki_text_small {
    width: 121px;
    height: 100px;
    position: relative;
    bottom: 275px;
    left: 20px;
}
}


.sinkosen{
   text-align: left;
   font-size: 16px;
   font-weight: bold;

}


.sinkosen_text{

    font-size: 6px;
    text-align: left;
}


#_section3{

 background: #F3C8C2;

}


.no_logo3{
    float: left;
    width: 85px;
    height: 110px;
    position: relative;
    bottom: 18px;
    right: 16px;
}

.mametisiki_block3{


    padding: 24px 30px 0;
    padding-bottom: 4%;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    border: solid 3px #D25652;

}

@media screen and (min-width: 767px) {
    .mametisiki_left2{

        margin-bottom: 24px;
        font-size: 12px;

    }
}


@media screen and (max-width: 767px) {
    .mametisiki_left2{

        margin-bottom: 24px;
        font-size: 20px;
        width: 100%;

    }
}


.kiji3{

    padding: 24px 30px 30px;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    width: 45%;
    margin-bottom: 30px;

}


.kiji4{

    padding: 24px 30px 30px;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    width: 30%;
    margin-bottom: 30px;
}


.mametisiki_block4{


    padding: 24px 30px 0;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    border: solid 3px #D25652;

}

.no_logo4{


    float: left;
    width: 85px;
    height: 110px;
    position: relative;
    bottom: 18px;
    right: 16px;

}


.mametisiki_title3{

    text-align: left;
    font-weight: bold;
    font-size: 22px;
    color: #D05159;
    margin: 23px 0 40px 0;
    line-height: 1.5em;
    width: 104%;
}



@media screen and (min-width: 767px) {
    .mametisiki_center{

        text-align: left;
        font-size: 12px;

    }
}




@media screen and (max-width: 767px) {
    .mametisiki_center{

        text-align: left;
        font-size: 20px;

    }
}
.kiji5{

  padding: 24px 30px 30px;
  background-color: #fff;
  text-align: center;
  border-radius: 0px;
  font-weight: bold;
  width: 31%;
  margin-bottom: 30px;
  margin-right: 3%;
}



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

    .mametisiki_center2{

        text-align: left;
        font-size: 12px;
        margin-top:30px;
    }
}



@media screen and (max-width: 767px){

    .mametisiki_center2{

        text-align: left;
        font-size: 20px;
        margin-top:30px;


    }
}

.mametisiki_block5{


    padding: 24px 30px 0;
    padding-bottom: 11%;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    border: solid 3px #D25652;

}

.nihon_isan_img{
    margin-bottom: 20px;
    width:100%;
}

.isan_tiltle{

    text-align: left;
    color:#D0615C;
    line-height: 1.5em;
}


@media screen and (max-width: 767px){
    .isan_tiltle{

        font-size: 22px;
        text-align: left;
        color:#D0615C;
        line-height: 1.5em;
    }
}


.isan_tiltle2{
    text-align: left;
    margin:24px 0 10px 0;
    font-weight: bold;
}

@media screen and (max-width: 767px){
    .isan_tiltle2{
        text-align: left;
        margin:24px 0 10px 0;
        font-weight: bold;
        font-size:20px;
    }
}




@media screen and (min-width: 768px){
    .title_size{
        text-align: left;
        font-size:14px;
        text-align: left;
    }
}



@media screen and (max-width: 767px){
    .title_size{

        font-size:18px;
        text-align: left;
    }
}




.nihon_isan_flexbox{


    display: flex;
    flex-direction: row;
    margin-right: -15px;
    margin-left: 10px;
}

.nenpyo_text{

    font-size: 14px;
    color:#E75054;
    text-align: center;
    font-weight: bold;
}


.nenpyo{

    text-align: center;
    color:#E75054;
    font-weight: bold;
    font-size:20px;

}


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



.nenpyo_block_pc{

    margin-top:35px;
    margin-bottom:35px
}
}


@media screen and (max-width: 767px){

.nenpyo_block_pc{

    display: none;
}
}



.footer_block{

    background: #D75557;
}

.footer_date{

    margin-top: 100px;
    color:white;
    text-align: center;

}

.footer_date h1{
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 20px;
}

.footer_img{

    margin:0 auto;
}


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

    .title_size_footer_pc{

        font-size:16px;
        text-align: center;
        margin-bottom:170px;

    }
    .title_size_footer_mobile{
       display: none;

   }
}



@media screen and (max-width: 991px){


    .title_size_footer_mobile{
        font-size: 16px;
        text-align: left;
        margin-bottom: 170px;

    }
    .title_size_footer_pc{

        display: none;
    }
}



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

    .footer_company{

        text-align: center;
        color:white;
        font-size:16px;
        margin-bottom: 30px;

    }
}




@media screen and (max-width: 991px){


    .footer_company{

        font-size: 16px;
        text-align: center;

    }
}

.col-sm-12._section1{


    margin-bottom: 80px;
}

.mametisiki1{

    margin-bottom: 30px;

}


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

    .title_text_left2{

        text-align: left;
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 70px;
    }
}


@media screen and (max-width: 767px) {

    .title_text_left2{

        text-align: left;
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 70px;
    }
}


.spot1{

    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    margin-bottom: 30px;
}



.information_spot{
    padding:15px;
}

.spot2{
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    width: 30%;
    margin-bottom: 30px;
}

.spot3{
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: bold;
    width: 30%;
    margin-bottom: 30px;

}

#spot_section{

    padding-bottom: 40px;
    background-color: #F3BEBA;
}

.spot_details{

    width: 46%;
    margin: 0 2.3% 40px 1.5%;
    padding-right: -15px;
    padding-left: -15px;
    position: relative;
    min-height: 1px;
}



@media (max-width: 767px){

   .spot_details {
    width: 100%;
}

}


@media (max-width: 767px){

   .spot_details_small {
    width: 100%;

}
}
.spot_image{

 margin-right: -15px;
 margin-left:  -15px;
}

@media screen and (min-width: 767px) and (max-width: 991px){


    .column_btn.col-sm-6{

        position: relative;
        right: -50%;
    }
}

/*ページ内リンク設定*/
#link-mame{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}

#link-spot{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}

#link-hist{
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}
@media (max-width: 767px) {
    #link-mame{
        display: block;
        padding-top: 70px;
        margin-top: -70px;
    }

    #link-spot{
        display: block;
        padding-top: 60px;
        margin-top: -60px;
    }

    #link-hist{
        display: block;
        padding-top: 58px;
        margin-top: -58px;
    }
}


@media (max-width: 767px) {
    #link-mame{
        display: block;
        padding-top: 70px;
        margin-top: -70px;
    }

    #link-spot{
        display: block;
        padding-top: 60px;
        margin-top: -60px;
    }

    #link-hist{
        display: block;
        padding-top: 58px;
        margin-top: -58px;
    }
}

@media (max-width: 767px) {
    .navbar-toggle {
        border-color: #333;
    }

    .navbar-toggle .icon-bar {
        background-color: #333;
    }
}

.logo {
   height: 60px;
    margin: 0;
    padding: 18px 0;
    color: #000;
    font-family: "mplusM";
    font-size: 24px;
}


.logo a,
.logo a:link,
.logo a:hover,
.logo a:visited {
    color: #000;
}

@media (max-width: 768px) {
    .logo {
        height: 60px;
        margin: 30px 15px;
        padding: 15px 0;
        font-size: 18px;
    }
    #gnavi {
        background: #F7DDE0;
    }
    .navbar-nav > li > a {
        background: #F7DDE0;
    }
    .navbar-nav > li > a:link,
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:visited {
        color: #000;
        background: #F7DDE0;
        text-align: center;
    }
}



#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}



#pageTop i {
  padding-top: 6px
}



#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

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



.top_button_{

    float: right;
    color:black;
    padding-right: 20px;
    padding-bottom: 20px;
}
.top_button_ a{

    color:black;
    font-weight: bold;
}
}

@media screen and (max-width: 767px){


.top_button_ a{

    float: right;
    color:black;
    padding-right: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}
}