@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

a{
    color: #666;
}
a:hover{
    opacity: 0.8;
}

.cf::after {
  content: "";
  display: block;
  clear: both;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
.sp420{
    display: none;
}
.resp_img {
    width: 100%;
    height: auto;
}
.left{
    float: left;
}
.right{
    float: right;
}
.bold {
    font-family: 'Noto Sans Japanese', YuGothic, "Yu Gothic M", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
    font-weight: 700;
}

/*---------------------------------
#ajax_contact_form
---------------------------------*/
input[type="text"], textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="checkbox"]{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}
input[type="checkbox"] {
    color: #666666;
    font-size: 2.4rem;
    padding: 10px;
    border: 1px solid #ccc;
}
input[type="text"] {
    color: #666666;
    font-size: 2.4rem;
    width: 100%;
    padding: 30px 120px 30px 50px;
    border: 1px solid #ccc;
}
select{
    color: #666666;
    font-size: 2.4rem;
    width: 100%;
    padding: 30px 120px 30px 50px;
    border: 1px solid #ccc;
}
textarea{
  font-family : inherit;
  font-size   : 100%;
    color: #666666;
    font-size: 2.4rem;
    width: 100%;
    padding: 30px 120px 30px 50px;
    border: 1px solid #ccc;
}
textarea::placeholder ,
input::placeholder {
  color: #ccc;
}
textarea:-ms-input-placeholder ,
input:-ms-input-placeholder {
  color: #ccc;
}
textarea::-ms-input-placeholder ,
input::-ms-input-placeholder {
  color: #ccc;
}


.btn_wrap03 {
    font-size: 3.4rem;
    line-height: 1;
}
.btn_wrap03 .btn{
    cursor: pointer;
    margin: 0 auto;
    padding:20px;
    display: block;
    text-decoration: none;
    color: #FFF;
    background: #189865;
    text-align: center;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    box-shadow:0px 10px 40px -26px #000;
    width: 240px;
}
.btn_wrap03 .btn:hover{
    opacity: 0.8;
}

.btn_wrap03 .btn span{
    display: block;
    width: 100%;
}

#error_all_wrap{
    display: none;
    font-size:2.8rem;
    color: #fff;
    text-align: center;
    padding:0 0 30px;
}
    #error_all{
        color: #fff;
        background: #D1194F;
        padding:20px;
        line-height: 1;
    }
#ajax_contact{
}
#ajax_contact_index .input_groups_flex{
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
#ajax_contact_index .input_group{
    padding:0 0 40px;
}
    #ajax_contact_index .input_group .input_tit{
        padding:0 0 10px;
    }
    #ajax_contact_index .input_group .input_tit .tit{
        font-family: 'Noto Sans Japanese';
        font-weight: 400; /* Regular */
        font-size: 2.4rem;
        /*color: #6F7579;*/
        color: #6F7579;
    }
    #ajax_contact_index .input_group .input_tit .error_block{
        font-size: 2.4rem;
        color: #D1194F;
        padding: 0 0 0 10px;
    }

    #ajax_contact_index .input_group .input_tit .tit a{
        color: #6F7579;
    }
    #ajax_contact_index .input_group .input_wrap{
        position: relative;
    }
    #ajax_contact_index .input_group .input_wrap .req{
        font-family: 'Noto Sans Japanese';
        font-weight: 300 !important; /* Normal */
        font-size: 2rem;
        letter-spacing: 4px;
        background: #D1194F;
        color: #FFF;
        display: inline-block;
        padding: 8px 18px 10px 20px;
        position: absolute;
        right:30px;
        top:26px;
    }
    #ajax_contact_index .input_group .selectbox{
        color: #666666;
        font-size: 2.4rem;
        width: 100%;
        padding: 30px 120px 30px 50px;
        border: 1px solid #ccc;
        cursor: pointer;
        background-image: url("../images/common_arrow05@2x.png");
        background-repeat: no-repeat;
        background-position: center right 50px;
        -webkit-background-size: 20px 13px;
             -o-background-size: 20px 13px;
                background-size: 20px 13px;
    }
    #ajax_contact_index .input_group .selectbox .display{
        color: #ccc;
    }
    #ajax_contact_index .input_group .selectbox .display.active{
        color: #666666;
    }

    #ajax_contact_index .input_group .options{
        display: none;
        position: absolute;
        background: #FFF;
        width: 100%;
        border-left: 1px solid  #ccc;
        border-right: 1px solid  #ccc;
        border-bottom: 1px solid  #ccc;
        padding:10px 0;
        z-index: 2;
    }
    #ajax_contact_index .input_group .options.active{
        animation: show 0.2s ease-out 0s;
        display: block;
    }
    #ajax_contact_index .input_group .options .option{
        color: #666666;
        font-size: 2.4rem;
        width: 100%;
        padding: 10px 50px;
        cursor: pointer;
    }
    .input_wrap.privacy .input_tit{
        display: table;
    }
    .input_wrap.privacy .input_tit table {
        display: inline-block;
    }
    .input_wrap.privacy .input_tit table td{
        vertical-align: middle;
        padding:0 10px 0 0;
    }

#ajax_contact_comfirm {
    display: none;
    z-index: 10001;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 50px;
    opacity: 0;
    font-size: 2.4rem;
    color: #6F7579;
}
    #ajax_contact_comfirm > .inner {
        background: #fff;
        padding: 50px;
        margin: 0 20px;
    }
    #ajax_contact_comfirm .page_summary{
        line-height: 1.6;
        padding:0 0 40px;
    }
    #ajax_contact_comfirm .input_group{
        padding: 0 0 40px;

    }
    #ajax_contact_comfirm .input_group .input_tit{
        color: #999;
        padding:0 0 10px;
        font-size: 1.8rem;
    }
    #ajax_contact_comfirm .input_group .confirm_block{
    }


#ajax_contact_comfirm .btn_area{
    padding:40px 0 0;
}
    #ajax_contact_comfirm .btn_area > .inner{
        display: flex;
        justify-content: space-around;
    }
    #ajax_contact_comfirm #ajax_edit.btn_wrap03 .btn{
        background: #333;
    }

#ajaxModal{
    /*display: block !important;*/
}
#ajax_contact_finish {
    display: none;
    z-index: 10001;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 50px;
    opacity: 0;
    font-size: 2.4rem;
    color: #6F7579;
}
    #ajax_contact_finish > .inner {
        background: #fff;
        padding: 50px;
        margin: 0 20px;
    }
    #ajax_contact_finish .page_summary{
        line-height: 1.6;
        padding:0 0 40px;
    }
    #ajax_contact_finish dl{
        padding: 0 0 30px ;
    }
        #ajax_contact_finish dt{
            padding: 0 0 30px ;
        }
        #ajax_contact_finish dd{
            padding: 0 0 30px ;
        }
        #ajax_contact_finish dd span{
            padding:0 10px 0 0;
        }

#ajax_contact_error {
    display: none;
    z-index: 10001;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 50px;
    opacity: 0;
    font-size: 2.4rem;
    color: #6F7579;
}
    #ajax_contact_error > .inner {
        background: #fff;
        padding: 50px;
        margin: 0 20px;
    }
    #ajax_contact_error .page_summary{
        line-height: 1.6;
        padding:0 0 40px;
    }
    #ajax_contact_error dl{
        padding: 0 0 30px ;
    }
        #ajax_contact_error dt{
            padding: 0 0 30px ;
        }
        #ajax_contact_error dd{
            padding: 0 0 30px ;
        }
        #ajax_contact_error dd li{
            padding:0 0 10px;
        }
/*---------------------------------
#wrap
---------------------------------*/

/*---------------------------------
#navi
---------------------------------*/
#fix_navi{
    position: fixed;
    width: 440px;
/*    background-color: #FFF;
*/    z-index: 9999;
    /*border-bottom: 9px solid #CD003C;*/
}
    #fix_navi > .inner{
        text-align: center;
    }
    #fix_navi #navi_logo01{
        width: 240px;
        margin: 0 auto;
    }
    #fix_navi ul{
        padding:60px 0 0;
    }
        #fix_navi li{
            font-family: 'Noto Sans Japanese';
            font-weight: 400; /* Regular */
            font-size: 2.7rem;
            padding: 0 0 40px;
        }
            #fix_navi li a{
                color: #1B9865;
                text-decoration: none;
            }

/*---------------------------------
#sp_navi
---------------------------------*/
#sp_navi{
    display: none;
    position: fixed;
    background: #D2E1D2;
    width: 100%;
    height: 60px;
    z-index: 1000;
}
    #sp_navi > .inner{
        position: relative;
    }

    #sp_navi_logo01{
        position: absolute;
        top: 15px;
        left:20px;
        width: 90px;
    }

    #sp_navi_menu{
        width: 60px;
        height: 60px;
        background: #1B9865;
        position: absolute;
        top:0;
        right: 0;
    }

    #sp_navi_menu .inner{
        height: 100%;
        display: flex;
        flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
        justify-content: center; /* 子要素をflexboxにより中央に配置する */
        align-items: center;  /* 子要素をflexboxにより中央に配置する */
    }
    #sp_navi_menu .inner img{
        width: 16px;
    }

/*---------------------------------
#sp_navi
---------------------------------*/
#sp_navi_menu_detail{
    position: relative;
    z-index: 10001;
    display: none;
}
    #sp_navi_menu_detail > .inner{
        max-width: 640px;
        padding:120px 30px 30px;
        position: relative;
        margin: 0 auto;
    }

    #sp_navi_menu_detail .sp_navi_close{
        position: absolute;
        right: 20px;
        top:50px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    #sp_navi_menu_detail ul{
        padding:0px 0;
        font-size: 3.6rem;
        color: #FFF;
    }
        #sp_navi_menu_detail li{
            padding:0 0 20px;
        }
            #sp_navi_menu_detail li .local_link{
                cursor: pointer;
                background-image: url(../images/common_arrow07@3x.png);
                background-repeat: no-repeat;
                background-position: top 15px right 10px;
                -webkit-background-size: 6px auto;
                     -o-background-size: 6px auto;
                        background-size: 6px auto;
                padding:0 0 20px;
                border-bottom: 1px solid #fff;
            }




/*---------------------------------
#header
---------------------------------*/
#header{
    /*padding: 0 0 0 440px;*/
    border-bottom: 63px solid #D2E1D2;
    position: relative;
}
    #header::before{
        content: "";
        display: block;
        position: absolute;
        height: 18px;
        width: 100%;
        bottom: 0;
        left:0;
        background: #CD003C;
    }
    #header > .inner{
        padding: 0 0 0 440px;
    }

    #header #mv{
        position: relative;
        z-index: 2;
        border-bottom: 18px solid #1B9865;
    }

/*---------------------------------
#main
---------------------------------*/
#main{
}
/*---------------------------------
#naub共通
---------------------------------*/
#main > .content > .inner{
    max-width:1920px;
    padding: 0 100px 150px 440px;
}
    #main > .content  .main_tit01{
        text-align: center;
        padding:0 0 25px 0;
    }
    #main > .content .main_tit01 .en{
        font-family: 'Noto Sans Japanese';
        font-weight: 300 !important; /* Normal */
        font-size: 3.0rem;
        border-bottom: solid 1px #000;
    }
    #main > .content .main_tit02{
        text-align: center;
    }
    #main > .content .main_tit02 .ja{
        font-weight: 700;
        font-size: 4.4rem;
    }
    #main > .content .main_tit02 .ja span{
        font-weight: 700;
    }
    #main > .content .btn_wrap {
        font-size: 3.6rem;
        line-height: 1;
    }

    #main > .content .btn_wrap a{
        margin: 0 auto;
        padding:30px 0 ;
        display: block;
        text-decoration: none;
        color: #FFF;
        max-width: 1200px;
        background: #d1194f;
        text-align: center;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        box-shadow:0px 10px 40px -26px #000;
        font-size: ;
    }
    #main > .content .btn_wrap a:hover{
        opacity: 0.8;
    }

    #main > .content .btn_wrap a span{
        display: block;
    }

    #main > .content .btn_wrap02 {
        font-size: 3.4rem;
        line-height: 1;
    }

    #main > .content .btn_wrap02 .btn{
        cursor: pointer;
        margin: 0 auto;
        padding:20px 100px ;
        display: block;
        text-decoration: none;
        color: #FFF;
        max-width: 1200px;
        background: #189865;
        text-align: center;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        box-shadow:0px 10px 40px -26px #000;
    }
    #main > .content .btn_wrap02 .btn:hover{
        opacity: 0.8;
    }

    #main > .content .btn_wrap02 .btn span{
        display: block;
    }


.list_style01{
    padding:0 0 100px;
}
.list_style01 .items{
    display: flex;
    /*margin: 0 -1%;*/
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
    .list_style01 .item{
        width: 31.333333%;
        margin:0 1%;
    }
    .list_style01 .item > .inner{
    }
    .list_style01 .item figure{
        padding:0 0 40px;
    }
    .list_style01 .item h4{
        text-align: center;
        font-size: 3.5rem;
        color: #1B9865;
        padding:0 0 30px;
        font-family: 'Noto Sans Japanese';
        font-weight: 700;
    }
    .list_style01 .item h4 span{
        position: relative;
        font-family: 'Noto Sans Japanese';
        font-weight: 700;
    }
    .list_style01 .item h4 sup{
        position: absolute;
        right: -16px;
        top: 0;
        font-size: 1.6rem;
    }
    .list_style01 .item .summary{
        color: #666666;
        font-family: 'Noto Sans Japanese';
        font-weight: 300 !important; /* Normal */
        font-size: 2.0rem;
        letter-spacing: 0;
    }


/*---------------------------------
#c01
---------------------------------*/
#c01{
    line-height: 1.6;
}

    #main #c01 > .inner{
        padding: 90px 100px 150px 440px;
    }
    #c01 > .inner > .hd{
        padding:0 0 120px;
    }
        #c01 > .inner > .hd .left{
            width: 50%;
        }
            #c01 > .inner > .hd h2{
            }
                #c01 > .inner > .hd h2 > span{
                    text-align: center;
                    display: block;
                }

                #c01 > .inner > .hd h2 .upper {
                    padding:0 0 30px;
                    display: block;
                    font-size: 3.2rem;
                }
                    #c01 > .inner > .hd h2 .upper span{
                        display: block;
                        font-size: 3.2rem;
                    }

                #c01 > .inner > .hd h2 .lower {
                    padding:30px 0;
                    border-top: 2px solid #1B9865;
                    border-bottom: 2px solid #1B9865;
                }
                    #c01 > .inner > .hd h2 .lower span{
                        display: block;
                        font-family: 'Noto Sans Japanese';
                        font-weight: 400; /* Regular */
                        font-size: 3.2rem;
                        color: #1B9865;
                    }

                #c01 > .inner > .hd h2 .logo{
                    display: block;
                    padding:0 0 40px;
                }
                    #c01 > .inner > .hd h2 .logo img{
                        width: 65%;
                    }


            #c01 > .inner > .hd dl{
                padding:30px 0;
                text-align: center;
                font-size: 4.4rem;
                font-weight: 700;
            }
                #c01 > .inner > .hd dt{
                    position: relative;
                    padding:0 0 20px;
                }
                #c01 > .inner > .hd dt::after{
                    content: "";
                    width: 37px;
                    height: 18px;
                    background-image: url(../images/common_arrow01@2x.png);
                    background-repeat: no-repeat;
                    background-position: center bottom;
                    -webkit-background-size: 100%;
                         -o-background-size: 100%;
                            background-size: 100%;
                    position: absolute;
                    bottom: 0px;
                    left: 50%;
                    margin-left:-19px ;
                }
                #c01 > .inner > .hd dd{
                    color: #CD003C;
                }
        #c01 > .inner > .hd .right{
            width: 50%;
        }

        #c01 > .inner > .bd {
        }
        #c01 > .inner > .bd .summary{
            text-align: center;
            font-size: 4.0rem;
            color: #1B9865;
            padding:0 0 50px;
        }
        #c01 > .inner > .bd .summary p{
            letter-spacing: 0 !important;
        }
        #c01 > .inner > .bd .btn_wrap{
            font-size: 3.6rem;
            line-height: 1;
            max-width: 1200px;
            margin: 0 auto;
        }



/*---------------------------------
#c02
---------------------------------*/
#c02{
    line-height: 1.6;
}
    #c02 .main_tit02{
        padding:0 0 60px;
    }


/*---------------------------------
#c03
---------------------------------*/
#c03{
    background: #D2E1D2;
}
    #main > #c03.content > .inner{
        padding: 100px 0px 0px 440px !important;
        margin: 0 0 150px;
        position: relative;
    }
    #c03 > .inner::before{
        content: "";
        position: absolute;
        top: 0px;
        left:  440px;
        height: 16px;
        width: 420px;
        background: #189865;
    }
    #c03 .hd {
        position: relative;
    }
    #c03 .hd::before {
/*        content: "";
        position: absolute;
        top: -100px;
        left: 0;
        height: 16px;
        width: 420px;
        background: #189865;*/
    }
        #c03 .hd .main_tit01{
            color: #1B9865;
            text-align: left;
            font-size: 4.4rem;
            padding: 0 0 50px 0;
        }
        #c03 .hd .main_tit01 span{
            font-weight: 700;
        }
    #c03 .bd {
        background: #E4EDE4;
    }
    #c03 .bd > .inner{
        position: relative;
    }
        #c03 .bd .slides{
        }
            #c03 .bd .slide{
                max-width: 840px;
                margin: 0 100px 0 0;
            }
                #c03 .bd .slide > .inner{
                }
                #c03 .bd .slide figure{
                    padding:0 0 60px;
                }
                #c03 .bd .slide figure img{
                    width: 100%;
                    height: auto;
                }
                #c03 .bd .slide h3{
                    text-align: center;
                    font-family: 'Noto Sans Japanese';
                    font-weight: 400; /* Regular */
                    font-size: 3.3rem;
                    padding:0 0 20px;
                    border-bottom: 1px solid #000;
                }
                #c03 .bd .slide .summary{
                    color: #666;
                    line-height: 1.8;
                    margin: 0 auto;
                    max-width: 695px;
                    padding:40px 0;
                    font-family: 'Noto Sans Japanese';
                    font-weight: 300 !important; /* Normal */
                    font-size: 2.0rem;
                    letter-spacing: 0;
                }

        #c03 .bd .slide_prev{
            position: absolute;
            top: 25%;
            left:2%;
            display: inline-block;
            cursor: pointer;
        }

        #c03 .bd .slide_next{
            display: inline-block;
            position: absolute;
            top: 25%;
            left:880px;
            display: inline-block;
            cursor: pointer;
        }

/*---------------------------------
#c04
---------------------------------*/
#c04{
    line-height:1.6;
}
    #c04 > .inner{
    }

    #c04 .main_tit02{
    }
        #c04 .items{
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            /*margin:0 -1%;*/
            padding:0 0px 60px 0;
        }
            #c04 .item{
                padding:60px 0 0 ;
                text-align: center;
                width: 25%;
                margin: 1% 0;
                position: relative;
            }
            #c04 .item::after{
                content: "";
                display: block;
                position: absolute;
                top: 25%;
                right: 0;
                width: 20px;
                height: 30px;
                background-image: url(../images/common_arrow02@2x.png);
                background-position: top left;
                background-repeat: no-repeat;
                -webkit-background-size: 100%;
                     -o-background-size: 100%;
                        background-size: 100%;
            }
            #c04 .item:nth-child(4n):after{
                content: "";
                background-image:none;
            }


                #c04 .item figure{
                    display: table;
                    width: 100%;
                    text-align: center;
                    height: 200px;
                    padding:0 0 40px;
                }
                #c04 .item figure > .inner{
                    display: table-cell;
                    vertical-align: middle;
                }



                #c04 .item h4{
                    color: #1B9865;
                    font-family: 'Noto Sans Japanese';
                    font-weight: 400; /* Regular */
                    font-size: 3.2rem;
                    padding:0 0 30px;
                    letter-spacing: 0;
                }
                #c04 .item .summary{
                    text-align: left;
                    color: #666666;
                    font-family: 'Noto Sans Japanese';
                    font-weight: 300 !important; /* Normal */
                    font-size: 2.0rem;
                    letter-spacing: 0;
                    padding:0 20px;
                }
        #c04 > .inner > .bd .btn_wrap{
            font-size: 3.6rem;
            line-height: 1;
            max-width: 1200px;
            margin: 0 auto;
        }



/*---------------------------------
#c05
---------------------------------*/
#c05{
    line-height:1.6;
}
    #c05 > .inner{
    }

    #c05 .main_tit02{
        padding: 0 0 60px;
    }
        #c05 .items{
        }
            #c05 .item{
            }
            #c05 .items .item:nth-child(2) .f_wrap{
              flex-flow: row-reverse;
            }
            #c05 .f_wrap{
                display: flex;
            }
            #c05 .f_wrap:nth-child(2){
              flex-flow: row-reverse;
            }

            #c05 .f_wrap figure{
                width: 50%;
            }
            #c05 .f_wrap .description{
                /*padding:40px;*/
                width: 50%;
                display: flex;
                flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
                justify-content: center;
            }
            #c05 .f_wrap .description h4{
                font-family: 'Noto Sans Japanese';
                font-weight: 700;
                font-size: 3.5rem;
                line-height: 1.375;
                color: #1B9865;
                text-align: center;
                padding:0 0 20px;
            }
            #c05 .f_wrap .description .summary{
                max-width: 440px;
                margin: 0 auto;
                font-family: 'Noto Sans Japanese';
                font-weight: 300 !important; /* Normal */
                font-size: 2.0rem;
                letter-spacing: 0;
                color: #666;
                padding: 0 40px;
            }

/*---------------------------------
#c06
---------------------------------*/
#c06{
    background: #D2E1D2;
}
    #main > #c06.content > .inner{
        padding: 100px 0px 0px 440px !important;
        margin: 0 0 150px;
        position: relative;
    }
    #c06 > .inner::before{
        content: "";
        position: absolute;
        top: 0px;
        left:  440px;
        height: 16px;
        width: 420px;
        background: #189865;
    }
    #c06 .hd {
        position: relative;
    }
    #c06 .hd::before {
    }
    #c06 .hd {
    }
        #c06 .hd .main_tit01{
            text-align: left;
            font-size: 4.4rem;
            padding: 0 0 50px 0;
        }
        #c06 .hd .main_tit01 span{
            font-weight: 700;
        }

    #c06 .bd {
    }

        #c06 .bd .movies{
            background: #E4EDE4;
            padding:0 100px 145px 0;
        }
        #c06 .bd .movies .movie{
            max-width: 1050px;
        }
        #c06 .bd .movies .movie > .inner{
        }
        #c06 .bd .movies .movie .iframe_wrap {
          position: relative;
          width: 100%;
          padding-top: 56.25%;
          overflow:auto;
          -webkit-overflow-scrolling:touch;
        }
            #c06 .bd .movies .movie .iframe_wrap iframe {
                position:absolute;
                top:0;
                left:0;
                width:100%;
                height:100%;
                display:block;
            }

/*---------------------------------
#c07
---------------------------------*/
#c07{
    line-height:1.6;
}
    #c07 > .inner{
    }

    #c07 .main_tit02{
        padding: 0 0 60px;
    }

/*---------------------------------
#c08
---------------------------------*/
#c08{
    line-height:1.6;
}
    #c08 > .inner{
    }

    #c08 .main_tit02{
        padding: 0 0 60px;
    }
        #c08 .items{
            padding:0 0px 60px 0;
        }
            #c08 .item{
            }
            #c08 .items .item:nth-child(2) .f_wrap{
              flex-flow: row-reverse;
            }
            #c08 .f_wrap{
                display: flex;
            }
            #c08 .f_wrap:nth-child(2){
              flex-flow: row-reverse;
            }

            #c08 .f_wrap figure{
                width: 50%;
            }
            #c08 .f_wrap .description{
                /*padding:40px;*/
                width: 50%;
                display: flex;
                flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
                justify-content: center;
            }
            #c08 .f_wrap .description h4{
                font-family: 'Noto Sans Japanese';
                font-weight: 700;
                font-size: 3.5rem;
                line-height: 1.375;
                color: #1B9865;
                text-align: center;
                padding:0 0 20px;
            }
            #c08 .f_wrap .description .summary{
                max-width: 440px;
                margin: 0 auto;
                font-family: 'Noto Sans Japanese';
                font-weight: 300 !important; /* Normal */
                font-size: 2.0rem;
                letter-spacing: 0;
                color: #666;
                padding:0 40px;
            }

/*---------------------------------
#c03
---------------------------------*/
#c09{
    line-height: 1.6;
    background: #D2E1D2;
}
    #c09 > .inner{
        padding:100px 100px 100px 440px !important;
        margin: 0 0 150px;
    }
    #c09 .main_tit02{
        padding: 0 0 60px;
    }
    #c09 .items{
    }
        #c09 .item{
        }
        #c09 .item dl{
        }
        #c09 .item dt{
            line-height: 1;
            background: #1B9865;
            color: #fff;
            padding:20px 0px 20px 80px;
            font-family: 'Noto Sans Japanese';
            font-weight: 300 !important; /* Normal */
            font-size: 2.6rem;
            position: relative;
        }
        #c09 .item dt span::before{
            font-family: 'Noto Sans Japanese';
            font-weight: 300 !important; /* Normal */
            font-size: 2.8rem;
            content: "Q.";
            display: block;
            position: absolute;
            top:18px;
            left:25px;
        }
        #c09 .item dd{
            color: #666666;
            padding:40px 0px 40px 80px;
            font-family: 'Noto Sans Japanese';
            font-weight: 300 !important; /* Normal */
            font-size: 2.0rem;
            line-height: 1.8;
            letter-spacing: 0;
            position: relative;
        }
        #c09 .item dd span::before{
            font-family: 'Noto Sans Japanese';
            font-weight: 300 !important; /* Normal */
            font-size: 2.8rem;
            content: "A.";
            display: block;
            position: absolute;
            top:30px;
            left:25px;
            color: #1B9865;
        }

/*---------------------------------
#c10
---------------------------------*/
#c10{
}
    #c10 > .inner{
    }
   #main #c10 .main_tit01{
        padding:0 0 25px;
    }
    #c10 .main_tit02{
        padding: 0 0 60px;
    }

    #c10 .bd{
    }

    #c10 .bd h4{
        font-size: 4.4rem;
        color: #D1194F;
        text-align: center;
        border: solid 1px #D1194F;
        padding:20px;
        margin:0 0 30px;
        font-weight: 700;
    }
        #c10 .bd h4 span{
        font-weight: 700;
        }
        #c10 .bd h4 span br{
            display: none;
        }
    #c10 .bd h5{
        line-height: 1.6;
        text-align: center;
        font-size: 3.5rem;
        color: #1B9865;
        padding:0 0 70px;
    }
        #c10 .bd h5 span{
            display: block;
        font-weight: 700;

        }

    #c10 .bd #ajax_contact{
    }

/*---------------------------------
#c11
---------------------------------*/
#c11{
}
    #c11 > .inner{
    }
    #c11 .iframe_wrap {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      overflow:auto;
      -webkit-overflow-scrolling:touch;
    }
    #c11 .iframe_wrap.sp{
      /*padding-top: 112.5%;*/
      padding-top: 100%;
    }

        #c11 .iframe_wrap iframe {
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            display:block;
        }

        #c11 .ft{
            padding:30px 0 0;
        }
        #c11 .ft > .inner{
            display: flex;
            justify-content: space-between;
        }

        #c11 .ft .privacy_mark{
        }
            #c11 .ft .privacy_mark a{
                padding:30px 0 0;
                display: block;
            }

        #c11 .ft .address{
        }
            #c11 .ft .address ul{
            }
                #c11 .ft .address li{
                    font-size: 2.4rem;
                    letter-spacing: 0;
                    color: #42474A;
                    padding: 0 0 20px;
                }
                #c11 .ft .address li:last-child span{
                    padding:0 20px 0 0;
                }
/*---------------------------------
#footer
---------------------------------*/
#footer{
    background: #1B9865;
}
    #footer > .inner{
        max-width: 1920px;
        padding: 80px 0 46px;
    }

    #footer #ft_logo{
        text-align: center;
        padding: 0px 0 66px;
    }
        #footer #ft_navi{
            padding: 0px 0 60px;
        }
        #footer #ft_navi ul{
            font-size: 2.4rem;
            max-width: 770px;
            margin: 0 auto;
            display: flex;
            justify-content: space-around;
        }
            #footer #ft_navi li{
                text-align: center;
            }
                #footer #ft_navi li a{
                    color: #FFF;
                    text-decoration: none;
                }
                #footer #ft_navi li a:hover{
                    opacity: 0.8;
                }
    #footer #copy{
        font-family: 'Noto Sans Japanese';
        font-weight: 300 !important; /* Normal */
        font-size: 1.8rem;
        letter-spacing: 2px;
        display: block;
        text-align: center;
        color: #FFF;
    }

@media screen and (max-width: 1920px) {
    #main > .content > .inner{
        padding: 0 100px 150px 440px;
    }
    #main #c01 > .inner{
        padding: 90px 100px 150px 440px;
    }
    #c09 > .inner{
        padding: 100px 100px 100px 440px !important;
    }


}

@media screen and (max-width: 1850px) {
    html {
        font-size: 52.5%;
    }
    #c01 > .inner > .hd{
        padding:0 0 60px;
    }

    #c01 > .inner > .bd .btn_wrap ,
    #c04 > .inner > .bd .btn_wrap {
        font-size: 3.6rem;
        line-height: 1;
        max-width: 1000px;
        margin: 0 auto;
    }

}

@media screen and (max-width: 1620px) {
    #fix_navi{
        width:340px;
    }
    #fix_navi #navi_logo01 {
        width: 140px;
    }
    #footer #ft_logo img{
        width: 250px;
    }
    #footer #ft_navi ul{
        max-width: 640px;
    }
    #fix_navi ul{
        padding: 40px 0 0;
    }
    #fix_navi li{
        padding: 0 0 30px;
    }
    #header > .inner{
        padding: 0 0 0 340px;
    }
    #main > .content > .inner{
        padding: 0 100px 150px 340px;
    }
    #main #c01 > .inner{
        padding: 90px 100px 150px 340px;
    }
    #main > #c03.content > .inner{
        padding: 100px 0px 0px 340px !important;
    }
    #c03 > .inner::before{
        left:  340px;
    }
    #main > #c06.content > .inner{
        padding: 100px 0px 0px 340px !important;
    }
    #c06 > .inner::before{
        left:  340px;
    }
    #c09 > .inner{
        padding: 100px 100px 100px 340px !important;
    }
    #c11 .ft .privacy_mark a{
        padding: 0;
    }
}

@media screen and (max-width: 1600px) {
    .list_style01 .item h4{
        font-size: 2.9rem;
    }
    #c05 .f_wrap .description h4{
        font-size: 2.9rem;
    }
    #c08 .f_wrap .description h4{
        font-size: 2.9rem;
    }
}


@media screen and (max-width: 1550px) {
    #c01 > .inner > .bd .summary span{
        display: block;
    }
}

@media screen and (max-width: 1530px) {
/*    #c04 .item{
        width: 31%;
    }
    #c04 .item:nth-child(4n):after{
        background-image: url(../images/common_arrow02@2x.png);
    }
    #c04 .item:nth-child(3n):after{
        background-image:none;
    }
    #c04 .item:last-child:after{
        background-image:none;
    }*/
}

@media screen and (max-width: 1500px) {
    html {
        font-size: 45.5%;
    }
    input[type="text"] {
        color: #666666;
        font-size: 2.4rem;
        width: 100%;
        padding: 20px 120px 20px 30px;
        border: 1px solid #ccc;
    }

    textarea{
        color: #666666;
        font-size: 2.4rem;
        width: 100%;
        padding: 20px 120px 20px 30px;
        border: 1px solid #ccc;
    }
    #ajax_contact_index .input_group .input_wrap .req{
        top:15px;
    }
    #ajax_contact_index .input_group .selectbox{
       padding: 20px 120px 20px 30px;
    }
    #header > .inner{
        padding: 0 0 0 340px;
    }
    #main > .content > .inner{
        padding: 0 100px 150px 340px;
    }
    #main #c01 > .inner{
        padding: 90px 100px 150px 340px;
    }
    #c03 .bd .slide {
        max-width: 640px;
        margin: 0 100px 0 0;
    }

    #c03 .bd .slide .summary{
        padding:40px 54px;
    }

    #c03 .bd .slide_next{
        left:680px;
    }

    #c09 > .inner{
        padding: 100px 100px 100px 340px !important;
    }
}

@media screen and (max-width: 1400px) {
    #c01 > .inner > .bd .btn_wrap ,
    #c04 > .inner > .bd .btn_wrap {
        font-size: 3.6rem;
        line-height: 1;
        max-width: 800px;
        margin: 0 auto;
    }
    #c04 .item::after{
        background-size:80%;
    }
    #c04 .item:nth-child(1)  figure > .inner img{
        width: 140px;
    }
    #c04 .item:nth-child(2)  figure > .inner img{
        width: 60px;
    }
    #c04 .item:nth-child(3)  figure > .inner img{
        width: 108px;
    }
    #c04 .item:nth-child(4)  figure > .inner img{
        width: 168px;
    }
    #c04 .item:nth-child(5)  figure > .inner img{
        width: 90px;
    }
    #c04 .item:nth-child(6)  figure > .inner img{
        width: 130px;
    }
    #c04 .item:nth-child(7)  figure > .inner img{
        width: 107px;
    }
    #c04 .item:nth-child(8)  figure > .inner img{
        width: 157px;
    }

    #error_privacy{
        padding:10px 0 0 0 !important;
        display: block;
    }
}

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


    #c11 .ft .privacy_mark a img{
        width: 200px;
    }


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


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

/*    #fix_navi{
        width:280px;
    }*/

    #fix_navi{
        display: none;
    }

    #sp_navi{
        display: block;
    }

    #header{
        padding:60px 0 0;
        border-bottom:none;
    }
    #header > .inner{
        padding:0px;
    }
    #header #mv{
        border-bottom:none;
    }
    #header > .inner{
        padding: 0 0 0 0px;
    }
    #main > .content > .inner{
        padding: 0 80px 100px 80px;
    }
    #main #c01 > .inner{
        padding: 90px 80px 100px 80px;
    }
    #main > #c03.content > .inner{
        padding: 100px 0px 0px 80px !important;
    }
    #c03 > .inner::before{
        left:  80px;
    }
    #main > #c06.content > .inner{
        padding: 100px 0px 0px 80px !important;
    }
    #c06 > .inner::before{
        left:  80px;
    }
    #c09 > .inner{
        padding: 100px 80px 100px 80px !important;
    }


    #c02_03{
        padding: 0 !important;
    }
    #c07_01{
        padding:0 !important;
    }
}

@media screen and (max-width:1100px) {
    html {
        font-size: 42.5%;
    }

    input[type="text"]{
        font-size: 2.4rem;
        padding: 20px 80px 20px 20px;
    }
    textarea{
        font-size: 2.4rem;
        padding: 20px ;
        border: 1px solid #ccc;
    }
    #ajax_contact_index .input_group .input_wrap .req {
        top: 14px;
    }



    #main > .content > .inner{
        padding: 0 40px 100px 40px;
    }
    #main #c01 > .inner{
        padding:90px 40px 100px 40px;
    }

    #c01 > .inner > .hd .right{
        height: auto;
    }
    #c01 > .inner > .hd .right img.pc{
        display: none;
    }
    #c01 > .inner > .hd .right img.sp{
        display: block;
    }
    #main > #c03.content > .inner{
        padding: 100px 0px 0px 40px !important;
    }
    #c03 > .inner::before{
        left: 40px;
    }
    #main > #c06.content > .inner{
        padding: 100px 0px 0px 40px !important;
    }
    #c06 > .inner::before{
        left: 40px;
    }
    #c09 > .inner{
        padding: 100px 40px 100px 40px !important;
    }
    #c10 .bd h5 span br.sp{
        display: block;
    }

    #c01 > .inner > .hd .left{
        width: 100%;
        float: none;
    }
    #c01 > .inner > .hd h2 .logo img{
        width: 50%;
    }
    #c01 > .inner > .hd .right{
        width: 100%;
        float: none;
        height: 400px;
        overflow: hidden;
    }
}

@media screen and (max-width:950px){
    #error_privacy{
        padding:10px 0 0 0 !important;
        display: block;
    }

    #c04 .item::after{
        right:-10px;
        background-size:60%;
    }

    #c05 .items{
        display: flex;
        /*margin: 0 -1%;*/
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
        #c05 .item{
            width: 48%;
            margin: 0 1% 80px;
        }
        #c05 .item:last-child{
            margin: 0 1% 0px;
        }
        #c05 .f_wrap{
            width: 100%;
            display: block;
        }
        #c05 .f_wrap figure{
            width: 100%;
            padding:0 0 20px;
        }
        #c05 .f_wrap .description {
            width: 100%;
        }
        #c05 .f_wrap .description .summary{
            padding: 0 10px;
        }



    #c08{
    }
        #c08 > .inner{
        }
        #c08 .main_tit02{
        }
            #c08 .items{
                display: flex;
                -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
            }
                #c08 .item{
                    width: 48%;
                    margin: 0 1% 80px;
                }
                #c08 .item:last-child{
                    margin: 0 1% 0px;
                }
                #c08 .f_wrap{
                    display: block;
                }
                #c08 .f_wrap figure{
                    width: 100%;
                    padding: 0 0 20px;
                }
                #c08 .f_wrap .description{
                    width: 100%;
                    display: flex;
                    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
                    justify-content: center;
                }
                #c08 .f_wrap .description .summary{
                    padding:0 10px;
                }
}
@media screen and (max-width:850px) {
    #main > .content > .inner{
        padding: 0 30px 100px 30px;
    }
    #main #c01 > .inner{
        padding:90px 30px 100px 30px;
    }
    #main > #c03.content > .inner{
        padding: 100px 0px 0px 30px !important;
    }
    #c03 > .inner::before{
        left: 30px;
    }
    #main > #c06.content > .inner{
        padding: 100px 0px 0px 30px !important;
    }
    #c06 > .inner::before{
        left: 30px;
    }
    #c09 > .inner{
        padding: 100px 30px 100px 30px !important;
    }
}
@media screen and (max-width:800px) {
    html {
        font-size: 62.5%;
    }

    input[type="text"]{
        font-size: 1.6rem;
        padding: 15px 80px 15px 20px;
    }
    textarea{
        font-size: 1.6rem;
        padding: 20px ;
        border: 1px solid #ccc;
    }

    .pc {
        display: none;
    }
    .sp {
        display: block;
    }

    #sp_navi_menu_detail li .local_link{
        background-position: top 7px right 10px;
    }
    #sp_navi_menu_detail ul{
        font-size: 1.6rem;
    }

    #ajax_contact_index .input_group .selectbox{
        font-size: 1.6rem;
        padding: 20px 80px 20px 20px;
        background-position:center right 20px;
        -webkit-background-size: 10px auto;
             -o-background-size: 10px auto;
                background-size: 10px auto;
    }
    #ajax_contact_index .input_group .options .option{
        font-size: 1.6rem;
        padding: 10px 20px;
    }

    #ajax_contact_index .input_group{
        padding:0 0 20px;
    }
    .input_wrap.privacy .input_tit{
        text-align: center;
    }
    #ajax_contact_index .input_group .input_wrap.privacy .input_tit{
        margin: 0 auto;
    }
    .input_wrap.privacy .input_tit table{
        margin-left: auto;
        margin-right: auto;
    }
    #ajax_contact_index .input_group .input_tit .tit{
        font-size: 1.1rem;
    }
    #ajax_contact_index .input_group .privacy .input_tit .tit{
        font-size: 1.3rem !important;
    }
    #ajax_contact_index .input_group .input_tit .error_block{
        font-size: 1.1rem;
    }
    #ajax_contact_index .input_group .input_wrap .req{
        padding: 6px 10px 7px 12px;
        font-size: .9rem;
        right: 13px;
        top: 15px;
    }
    #ajax_contact_index .input_groups_flex{
        display: block;
    }


    .btn_wrap03 {
        font-size: 1.6rem;
    }

    #error_all_wrap{
        font-size:1.8rem;
    }

    #ajax_contact_comfirm {
        padding: 40px 20px;
        font-size: 1.6rem;
    }
    #ajax_contact_comfirm .input_group .input_tit{
        font-size: 1.3rem;
    }

    #ajax_contact_finish {
        padding: 40px 20px;
        font-size: 1.6rem;
    }

    #ajax_contact_error {
        padding: 40px 20px;
        font-size: 1.6rem;
    }


    #header{
        padding:60px 0 0;
    }


    #main > .content .btn_wrap02{
        font-size: 1.6rem;
    }
    #ajax_contact .btn_wrap02 .btn{
        max-width: 220px !important;
    }
    .input_wrap.privacy .input_tit{
        text-align: center;
    }
    .input_wrap.privacy .input_tit .tit{
        font-size: 1.6rem !important;
    }

    .list_style01{
        padding: 0 0 50px;
    }
    #c02_01.list_style01{
        padding: 0 0 30px;
    }
    #c02_02.list_style01{
        padding: 0 0 30px;
    }
    .list_style01 .item{
        width:100%;
        margin: 0 0 50px;
    }
    #c07 .list_style01 .item:nth-of-type(1){
        margin: 0 0 30px;
    }
    .list_style01 .item h4{
        font-size: 1.8rem;
        padding:0 30px 10px;
    }
    .list_style01 .item h4 sup{
        font-size: .8rem;
        right: -10px;
    }
    .list_style01 .item .summary{
        padding:0 30px 15px;
        font-size: 1.3rem;
        max-width: 440px;
        margin: 0 auto;
    }
    .list_style01 .item figure{
        padding:0 0 15px;
    }

    #main > .content .btn_wrap a{
        padding:10px 0;
    }
    #main > .content .btn_wrap a span{
        line-height: 1.425;
        font-size: 1.2rem;
    }
    #main > .content .btn_wrap a span strong{
        display: block;
        font-size: 1.5rem;
    }
    #main > .content .main_tit01{
        padding:0 0 10px;
    }
    #main > .content .main_tit01 .en{
        font-size: .8rem;
        padding: 0 5px 3px;
    }
    #main > .content .main_tit02 .ja{
        font-size: 1.8rem;
    }
    #main > .content .main_tit02 .ja span{
        display: block;
        font-weight: 700;
    }
    #main > .content > .inner{
        padding: 20px 0px 50px 0px;
    }
    #main > #c05.content > .inner{
        padding: 10px 0px 50px 0px;
    }
    #main > #c07.content > .inner{
        padding: 20px 0px 70px 0px;
    }
    #main > #c10.content > .inner{
        padding: 20px 0px 30px 0px;
    }
    #main > #c11.content > .inner{
        padding: 20px 0px 40px 0px;
    }

    #main > .content .btn_wrap02 .btn{
        padding: 15px 20px;
    }

    #main #c01 > .inner{
        padding: 15px 0px 30px 0px;
    }
    #c01 > .inner > .hd{
        padding: 0 0 15px;
    }
    #c01 > .inner > .hd .left{
       padding: 0px 30px;
    }
    #c01 > .inner > .hd h2 .logo{
        padding: 0 0 20px;
    }
    #c01 > .inner > .hd h2 .logo img{
        width: 60%;
    }
    #c01 > .inner > .hd h2 .upper{
        padding:0 0 10px;
    }
    #c01 > .inner > .hd h2 .upper span{
        font-size: 1.6rem;
    }
    #c01 > .inner > .hd h2 .lower{
        padding: 20px 0 15px 0;
    }
    #c01 > .inner > .hd h2 .lower span{
        font-size: 1.6rem;
    }

    #c01 > .inner > .hd dt::after{
        width: 13px;
        bottom:5px;
        margin-left:-12px;
    }
    #c01 > .inner > .hd dl{
        padding: 15px 0 30px 0;
        font-size: 1.8rem;
    }
    #c01 > .inner > .hd .right{
        height: auto;
    }
    #c01 > .inner > .bd{
        padding:0 30px;
    }
    #c01 > .inner > .bd .summary{
        padding: 0 0 15px;
        font-size: 1.5rem;
    }

    #c02 .main_tit02{
        padding:0 0 30px;
    }

    #main > #c03.content > .inner {
        padding: 20px 0px 0px 30px !important;
        margin: 0 0 50px;
    }
    #c03 .hd .main_tit01{
        font-size: 1.8rem;
    }
    #c03 > .inner::before{
        width: 260px;
        height: 3px;
        left:  30px;
    }
    #c03 .hd .main_tit01{
        padding: 0 0 20px;
    }
    #c03 .bd .slide{
        max-width: 500px;
        margin:0 40px 0 0;
    }
    #c03 .bd .slide figure{
        padding: 0 0 20px;
    }
    #c03 .bd .slide h3{
        font-size: 1.3rem;
    }
    #c03 .bd .slide .summary{
        font-size: 1.3rem;
        padding: 10px 20px 35px;
    }
    #c03 .bd .slide_prev{
        width: 13px;
        top: 25%;
    }
    #c03 .bd .slide_next{
        width: 13px;
        top: 25%;
        left:515px;
    }
    #c04 .item > .inner{
        padding:60px 0;
    }

    #c04 .bd{
        padding: 0 30px 0px;
    }

    #c04 .main_tit02{
        padding:0 0 20px;
    }
    #c04 .items{
        padding: 0 0px 35px;
    }
    #c04 .item{
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #c04 .item{
        border-top:1px solid #707070;
        width: 100%;
    }

    #c04 .item::after,
    #c04 .item:nth-child(3n)::after,
    #c04 .item:nth-child(4n)::after{
        content:'';
        width: 12px;
        height: 8px;
        display: block;
        top: 0;
        left:20%;
        background-image: url(../images/common_arrow06.png);
        background-repeat: no-repeat;
        -webkit-background-size: 100%;
             -o-background-size: 100%;
                background-size: 100%;
    }
    #c04 .item:nth-child(1)::after{
        content:none;
    }
    #c04 .item:last-child{
        border-bottom:1px solid #707070;
    }
    #c04 .item > .inner{
        display: flex;
        position: relative;
    }
    #c04 .item > .inner::after{

    }

    #c04 .item .upper {
        width: 45%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
        justify-content: center; /* 子要素をflexboxにより中央に配置する */
        align-items: center;  /* 子要素をflexboxにより中央に配置する */
    }
    #c04 .item .upper > .inner{
    }

    #c04 .item h4{
        font-size: 1.6rem;
    }
    #c04 .item figure{
        display: block;
        width: 50px;
        height: auto;
        padding:0 0 10px;
        margin: 0 auto;
    }
    #c04 .item figure img{
        width: 100% !important;
        height: auto;
    }
    #c04 .item h4{
        padding: 0;
        font-family: 'Noto Sans Japanese';
        font-weight: 700;
    }
    #c04 .item h4 span{
        display: block;
        font-family: 'Noto Sans Japanese';
        font-weight: 700;
    }
    #c04 .item .lower{
        width: 55%;
    }
    #c04 .item .summary{
        font-size: 1.3rem;
        padding: 0;
    }


        #c04 .item:nth-child(2) figure{
            width: 24px;
        }
        #c04 .item:nth-child(3) figure{
            width: 40px;
        }
        #c04 .item:nth-child(4) figure{
            width: 60px;
        }
        #c04 .item:nth-child(5) figure{
            width: 40px;
        }
        #c04 .item:nth-child(8) figure{
            width: 60px;
        }

    #c05 .main_tit02{
        padding: 0 0 20px;
    }
    #c05 .item{
        width: 100%;
        margin: 0 0 60px;
    }
    #c05 .item:last-child{
        margin: 0 0 20px;
    }
    #c05 .f_wrap .description{
        padding:0 30px;
    }
    #c05 .f_wrap .description h4{
        font-size: 1.8rem;
    }
    #c05 .f_wrap .description .summary{
        padding: 0;
        font-size: 1.3rem;
    }


    #main > #c06.content > .inner {
        padding: 20px 0px 0px 30px !important;
        margin: 0 0 50px;
    }
    #c06 .hd .main_tit01{
        font-size: 1.4rem;
    }
    #c06 > .inner::before{
        width: 260px;
        height: 3px;
        left:  30px;
    }
    #c06 .hd .main_tit01{
        padding: 0 0 20px;
    }
    #c06 .bd .movies{
        padding: 0 30px 25px 0;
    }

    #c07 .main_tit02{
       padding:0 0 30px;
    }

    #c08 .main_tit02{
        padding:0 0 30px;
    }
    #c08 .items{
        padding: 0;
    }
    #c08 .item{
        width: 100%;
        margin: 0 0 80px;
    }
    #c08 .item:last-child{
        margin: 0 0 10px;
    }
    #c08 .f_wrap .description{
        padding:0 30px;
    }
    #c08 .f_wrap .description h4{
        font-size: 1.8rem;
    }
    #c08 .f_wrap .description h4 br{
        display: none;
    }
    #c08 .item:last-child .f_wrap .description h4 br{
        display: block;
    }
    #c08 .f_wrap .description .summary{
        padding: 0;
        font-size: 1.3rem;
    }


    #c09{
        position: relative;
    }
    #c09::after{
/*        content: ' ';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: url('../images/common_arrow01@2x.png') top center no-repeat;
        -webkit-background-size: 39px 21px;
        background-size: 39px 21px;*/
    }
    #c09 > .inner{
        padding: 30px 30px 50px 30px !important;
        margin: 0 0 30px;
    }
    #c09 .main_tit02{
        padding: 0 0 20px;
    }
    #c09 .item dt{
        font-size: 1.4rem;
        padding: 10px 0px 10px 40px;
    }
    #c09 .item dt span::before{
        top:8px;
        left:10px;
        font-size: 1.6rem;
    }
    #c09 .item dd{
        font-size: 1.3rem;
        padding: 20px 0px 30px 40px;
    }
    #c09 .item dd span::before{
        top:18px;
        left:10px;
        font-size: 1.6rem;
    }

    #main #c10 .main_tit01{
        padding:0 0 20px;
    }
    #c10 .main_tit02{
        padding:0 0 20px;
    }
    #c10 .bd{
        padding: 0 30px;
    }
    #c10 .bd h4{
        font-size: 1.8rem;
        padding:10px;
        line-height: 1.4;
        margin: 0 0 25px;
    }
    #c10 .bd h5{
        font-size: 1.6rem;
        padding: 0 0 30px;
    }

    #ajax_contact_index .input_group .input_tit{
        padding: 0;
    }
    #ajax_contact_index .input_group .input_tit .error_block{
        padding: 5px 0 0;
        display: block;
    }
    #ajax_contact_index .input_group .input_tit .error_block:empty{
        display: none;
    }
    #ajax_contact_index .input_group .input_wrap{
        margin: 10px 0 0;
    }

    #c11 .ft > .inner{
        display: block;
    }
    #c11 .ft .address{
        padding: 0 30px;
    }
    #c11 .ft .address li{
        font-size: 1.3rem;
        line-height: 1.8;
        padding: 0;
    }
    #c11 .ft .address li:nth-child(2) span{
        display: block;
    }
    #c11 .ft .address li:last-child span:nth-child(3){
        display: block;
    }

    #c11 .ft .privacy_mark{
        padding: 0 30px;
    }
    #c11 .ft .privacy_mark a{
        padding: 15px 0 0 ;
        width: 180px;
    }
    #c11 .ft .privacy_mark a img{
        width: 100%;
        height: auto;
    }
    #footer > .inner{
        padding: 30px 0;
    }
    #footer #ft_logo{
        padding: 0 0 30px;
    }
    #footer #ft_logo img{
        width: 145px;
    }
    #footer #ft_navi {
        padding:0 30px 40px;
    }
    #footer #ft_navi ul{
        font-size: 1.2rem;
    }
    #footer #copy{
        font-size: .8rem;
    }

}

@media screen and (max-width:700px) {
    #ajax_contact_comfirm .btn_wrap03 .btn{
        width: 180px;
    }
}
@media screen and (max-width:620px) {
    #c03 .bd .slide{
        max-width: 400px;
    }
    #c03 .bd .slide_prev{
        top: 20%;
    }
    #c03 .bd .slide_next{
        top: 20%;
        left:415px;
    }
}
@media screen and (max-width:580px) {
    #ajax_contact_comfirm .btn_wrap03 .btn{
        width: 240px;
    }
    #ajax_contact_comfirm .btn_area > .inner{
        display: block;
    }
    #ajax_edit{
        padding:0 0 30px;
    }

}
@media screen and (max-width:560px) {
    #c10 .bd h4 span br{
        display: block;
    }
}
@media screen and (max-width:500px) {
    #c03 .bd .slide{
        max-width: 300px;
    }
    #c03 .bd .slide_prev{
        top: 15%;
    }
    #c03 .bd .slide_next{
        top: 15%;
        left:315px;
    }

    #c04 .item > .inner{
        padding: 30px 0;
    }

    #footer #copy{
        letter-spacing: 1px;
    }
}

@media screen and (max-width:480px) {
    .btn_wrap03 {
        font-size: 1.6rem;
    }
    .btn_wrap03 .btn{
        width: 180px;
    }
    #error_all_wrap{
        font-size:1.6rem;
    }

    #ajax_contact_comfirm {
        padding: 40px 20px;
        font-size: 1.4rem;
    }
    #ajax_contact_comfirm .btn_area > .inner{
        display: block;
    }

    #ajax_contact_finish {
        padding: 40px 20px;
        font-size: 1.4rem;
    }
        #ajax_contact_finish dt{
            padding:0 0 20px;
        }
        #ajax_contact_finish dd span{
            display: block;
            padding: 0 0 5px;
        }

    #ajax_contact_error {
        padding: 40px 20px;
        font-size: 1.4rem;
    }

    #c03 .bd .slide{
        max-width: 300px;
    }
    #c03 .bd .slide_prev{
        top: 15%;
    }
    #c03 .bd .slide_next{
        top: 15%;
        left:315px;
    }
}
@media screen and (max-width:420px) {

   .btn_wrap03 .btn{
        width: 180px !important;
    }
    .sp420{
        display: block;
    }
}
@media screen and (max-width:375px) {
    #c03 .bd .slide{
        max-width: 280px;
    }
    #c03 .bd .slide_prev{
        width: 9px;
        top: 13%;
    }
    #c03 .bd .slide_next{
        width: 9px;
        top: 13%;
        left: 295px;
    }
    #footer #copy{
        letter-spacing: 0px;
    }
}