@charset "utf-8";

/* --------------------------------
 * base
 * -------------------------------- */
html {
    font-size: 62.5%;
/*    scroll-behavior: smooth;*/
}

body {
    //color: #231815;
    color: #000;
    font-size: 1.2rem;
    /*font-family: 'Roboto', sans-serif, 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3';*/
    //font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans w3", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

ul {
    list-style: none;
}

.re_br {
    display: none;
}
.box_item_title{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    font-size: 1.7rem;
    line-height: 1.7;
    letter-spacing: 1px;
}
.box_item_desc{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.35rem;
    line-height: 1.75;
    margin: 15px 0 0;
    text-align: justify;
    font-weight: normal;
    //letter-spacing: 1px;
}
/* --------------------------------
 * header
 * -------------------------------- */
.header{
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    
}
.header .header_wrapper{
    margin: 0 auto;
    padding: 15px 0;
}
.header .logo{
    width: 85px;
    margin: 0 0 0 7%;
}
.header .logo a{
    display: block;
}
.header .logo img{
    width: 100%;
}
/*
.header .global-nav{
    margin: 0 5% 0 0;
}
.header .global-nav ul{
    list-style: none;
    font-size: 0;
}
.header .global-nav .nav-item{
    display: inline-block;
}
.header .global-nav .nav-item a{
    padding: 3px 25px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.4rem;
    letter-spacing: 1px;
    border-left: solid 1px #000;
    font-family: 'Oswald', sans-serif;
    transition: 0.3s ease;
}
.header .global-nav .nav-item a:hover{
    color: #D80C18;
}

.header .global-nav .nav-item:last-child a{
    border-right: solid 1px #000;
}*/
.header .sns_links{
    display: none;
}

.header .sns_links_ha{
    margin: 30px 0 0;
    opacity: 0;
    transition: 0.3s cubic-bezier(0.39,0.575,0.565,1);
    transform: translate(0, 60%);
}
.header .sns_links_ha a{
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    letter-spacing: 2px;
    transition: 0.3s ease;
}
.header .sns_links_ha a:first-child{
    margin-right: 22px;
}
.header .sns_links_ha a img{
    width: 28px;
    vertical-align: middle;
    margin: 0 0 0 5px;
}
.header .sns_links_ha a:last-child{
    margin: 3px 0 0;
}


.global-nav {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    //right: -105%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    height: 100vh;
    text-align: center;
    transition: 0.5s ease;
    z-index: 100;
}

.global-nav > ul {
    text-align: left;
    display: inline-block;
    margin: 120px 0 0;
}

.nav-item {
    display: block;
    padding: 10px 0;
    opacity: 0;
    transition: 0.3s cubic-bezier(0.39,0.575,0.565,1);
    transform: translate(0, 60%);
}

.nav-item a {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 3px;
    position: relative;
    padding: 10px 0;
}
.nav-item a::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    width: 12px;
    height: 2px;
    background-color: #000;
}

.hamburger {
    width: 27px;
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 30px;
    cursor: pointer;
    //background-color: aqua;
    z-index: 999;
}

.hamburger__line {
    width: 27px;
    height: 2px;
    transition: 0.5s ease;
    border-radius: 10px;
    background-color: #000;
    display: block;
    position: absolute;
    left: 0;
}

.hamburger__line--1 {
    top: 0px;
}

.hamburger__line--2 {
    top: 11.5px;
}

.hamburger__line--3 {
    top: 23px;
}

.open-nav .global-nav {
    opacity: 1;
    visibility: visible;
}
.open-nav .global-nav .nav-item{
    opacity: 1;
    transform: translate(0, 0);
}
.open-nav .global-nav .nav-item:nth-child(1){
    transition-delay: 0.32s;
}
.open-nav .global-nav .nav-item:nth-child(2){
    transition-delay: 0.34s;
}
.open-nav .global-nav .nav-item:nth-child(3){
    transition-delay: 0.36s;
}
.open-nav .global-nav .nav-item:nth-child(4){
    transition-delay: 0.38s;
}
.open-nav .global-nav .nav-item:nth-child(5){
    transition-delay: 0.4s;
}
.open-nav .global-nav .nav-item:nth-child(6){
    transition-delay: 0.42s;
}
.open-nav .global-nav .nav-item:nth-child(7){
    transition-delay: 0.44s;
}

.open-nav .hamburger__line {
    background-color: #000 !important;
}

.open-nav .hamburger__line--1 {
    top: 11.5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.open-nav .hamburger__line--2 {
    width: 0;
    left: 50%;
}

.open-nav .hamburger__line--3 {
    top: 11.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.open-nav .sns_links_ha{
    transition-delay: 0.49s;
    transform: none;
    opacity: 1;
}
/* --------------------------------
 * main
 * -------------------------------- */
.main{
    display: block;
    padding-top: 88px;
}
.category_section{
    padding-top: 88px;
    margin-top: -88px;
}
.main_video{
    width: 100%;
    position: relative;
    font-size: 0;
}
.main_video .video_item{
    width: 100%;
}
.main_video .main_movie_txt{
    width: 35%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    //animation: logo_fade 0.5s 6s ease forwards;
}

@keyframes logo_fade {
    to {
        opacity: 0;
        visibility: hidden;
    }
}
.main_video .main_movie_txt object{
    width: 100%;
}
.main_video_ann{
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 1px;
    position: absolute;
    right: 1.8%;
    bottom: 0;
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, 0.77);
}
.main_catch{
    width: 100%;
    padding: 153px 0 0;
    margin-top: -88px;
}
.main_catch .catch_copy{
    width: 56%;
    margin: 0 auto;
    min-width: 450px;
}
.main_catch .catch_copy img{
    width: 100%;
}
.main_catch .catch_copy_en{
    width: 75%;
    margin: 36px auto -19px;
    position: relative;
    top: 17px;
    z-index: 99;
}
.main_catch .catch_copy_en img{
    width: 100%;
}
.category_section{
    width: 100%;
}
.entrance_container{
    background-color: #FFFEF7;
    position: relative;
}
.entrance_container .category_top_wrapper .category_top_item .material_desc{
    text-align: left;
}
.category_top{
    background-color: #FFFCE0;
}
.category_top_wrapper{
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0;
    position: relative;
}
.category_top_wrapper .category_top_item{
    width: 30%;
    text-align: center;
}
.category_top_wrapper .category_top_item .case_icon{
    
}
.category_top_wrapper .category_top_item .case_icon img{
    width: 47%;
}
.category_top_wrapper .category_top_pic{
    width: 62%;
}
.category_top_wrapper .category_top_pic img{
    width: 100%;
    border: solid 12px #fff;
}
.category_top_wrapper .heading{
    width: 100%;
    margin: 45px 0 0;
}
.category_top_wrapper .heading img{
    width: 100%;
}
.place_name{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 25px 0 0;
    line-height: 1.6;
}
.material_desc{
    font-size: 1.4rem;
    line-height: 1.7;
    text-align: left;
    margin: 30px 0 0;
    position: relative;
}
/*
.material_desc::before,
.material_desc::after{
    content: "";
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
}
.material_desc::before{
    top: 0;
    left: 0;
    border-top: solid 2px #000;
    border-left: solid 2px #000;
}
.material_desc::after{
    bottom: 0;
    right: 0;
    border-bottom: solid 2px #000;
    border-right: solid 2px #000;
}
*/

/** ===========simple modern========= **/
.simple_container{
    background-color: #F9F9F8
}
.simple_container .category_top{
    background-color: #DBD7D5
}
.simple_bottom {
    margin: 70px 0 0;
    padding: 0 0 95px;
}
.simple_bottom .simple_bottom_wrapper_t {
    width: 85%;
    margin: 0 auto;
    position: relative;
}
.simple_bottom_item01 {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.simple_bottom_item01 .box_dec{
    position: absolute;
}

.simple_bottom_item01 .box_dec img{
    width: 100%;
}

.simple_bottom_item01 .box_dec.dec_01{
    bottom: 2%;
    left: -3%;
    width: 5%;
}

.simple_bottom_item01 .box_dec.dec_02{
    top: -5%;
    right: 1%;
    width: 5%;
}

.simple_bottom_item01 .box_dec.dec_03{
    bottom: -15%;
    right: 4%;
    width: 6%;
}

.simple_bottom_item01 .box_dec.dec_04{
    bottom: 15%;
    right: 20%;
    width: 18%;
}

.simple_bottom_item01 .box_dec.dec_05{
    top: -39%;
    right: 13%;
    width: 18%;
}

.simple_bottom_item01 .box_item{
    width: 48%;
}

.simple_bottom_item01 .box_item_pic{
    width: 48%;
}

.simple_bottom_item01 .box_item_pic img{
    width: 100%;
}

.simple_bottom_item02{
    position: relative;
    margin-top: 50px;
}

.simple_bottom_item02 .box_item_pic-wrap{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.simple_bottom_item02 .box_item{
    margin-top: 50px;
}
.simple_bottom_item02 .box_item_pic-wrap .box_item_pic{
    width: 48.5%
}
.simple_bottom_item02 .box_item_pic-wrap .box_item_pic img{
    width: 100%;
}

.box_item_pic.ma{
    margin-top: 25px;
}

.box_item_pic img{
    width: 100%
}

.simple_bottom_item02 .box_dec{
    position: absolute
}

.simple_bottom_item02 .box_dec img{
    width: 100%;
}

.simple_bottom_wrapper_t .box_dec img{
    width: 100%;
}

.simple_bottom_wrapper_t .box_dec{
    position: absolute;
}

.simple_bottom_wrapper_t .box_dec img{
    width: 100%;
}

.simple_bottom_wrapper_t .box_dec.dec_01{
    top: 22%;
    right: 25%;
    width: 5%;
}

.simple_bottom_wrapper_t .box_dec.dec_02{
    top: -4%;
    left: 8%;
    width: 5%;
}

.simple_bottom_wrapper_t .box_dec.dec_03{
    bottom: 30%;
    right: 15%;
    width: 4%;
}

.simple_bottom_wrapper_t .box_dec.dec_04{
    bottom: 70%;
    right: 5%;
    width: 15%;
}

.simple_bottom_wrapper_t .box_dec.dec_05{
    top: -7%;
    right: -2%;
    width: 18%;
}

.simple_bottom_wrapper_t .box_dec.dec_06{
    bottom: -5%;
    right: 5%;
    width: 14%;
}

.simple_bottom_wrapper_m{
    position: relative;
    width: 85%;
    margin: 80px auto 0;
}


.simple_bottom_item03{
    display: flex;
    justify-content: space-between;
    margin-left: auto
}
.simple_bottom_item03 .box_item_pic{
    width: 50%;
}

.simple_bottom_item03 .box_item_pic img{
    width: 100%;
}

.simple_bottom_item03 .box_item{
    width: 45%;
}

.simple_bottom_wrapper_m .box_dec{
    position: absolute
}

.simple_bottom_wrapper_m .box_dec img{
    width: 100%;
}

.simple_bottom_wrapper_m .box_dec.dec_01{
    bottom: -20%;
    left: 2%;
    width: 4%;
}

.simple_bottom_wrapper_m .box_dec.dec_02{
    bottom: -28%;
    right: 55%;
    width: 17.5%;
}

.simple_bottom_wrapper_b{
    position: relative;
    width: 85%;
    margin: 80px auto 0
}

.simple_bottom_item04{
    display: flex;
    justify-content: space-between;
}

.simple_bottom_item04 .box_item_pic-wrap{
    display: flex;
    justify-content: space-between;
    width: 58%;
}

.simple_bottom_item04 .box_item_pic-wrap .box_item_pic:first-child{
    width: 60%;
}

.simple_bottom_item04 .box_item_pic-wrap .box_item_pic:last-child{
    width: 35.7%;
}
.simple_bottom_item04 .box_item_pic-wrap .box_item_pic img{
    width: 100%;
}

.simple_bottom_item04 .box_item{
    width: 36%;
}

.simple_bottom_wrapper_b .box_dec.dec_01{
    position: absolute;
    bottom: -5%;
    left: 20%;
    width: 4%;
}

.simple_bottom_wrapper_b .box_dec.dec_01 img{
    width: 100%;
}


.simple_container .dec_sec01_top{
    position: absolute;
    width: 2.5%;
}
.simple_container .dec_sec01_top img{
    width: 100%;
}
.simple_container .dec_sec01_top.dec_01{
    top: 63%;
    left: -5%;
}
.simple_container .dec_sec01_top.dec_02{
    top: 10%;
    right: -5%;
}
.simple_container .dec_sec01_bottom{
    position: absolute;
    width: 2.5%;
}
.simple_container .dec_sec01_bottom img{
    width: 100%;
}
.simple_container .dec_sec01_bottom.dec_01{
    top: 55%;
    left: -5%;
}
.simple_container .dec_sec01_bottom.dec_02{
    top: 0%;
    left: 39%;
}

.simple_container .material_desc .pc_br{
    display: none;
}

.simple_container .dec_sec01_top{
    position: absolute;
    width: 2.5%;
}
.simple_container .dec_sec01_top img{
    width: 100%;
}
.simple_container .dec_sec01_top.dec_01{
    top: 63%;
    left: -5%;
}
.simple_container .dec_sec01_top.dec_02{
    top: 10%;
    right: -5%;
}
.simple_container .dec_sec01_bottom{
    position: absolute;
    width: 5%;
}
.simple_container .dec_sec01_bottom img{
    width: 100%;
}
.simple_container .dec_sec01_bottom.dec_01{
    top: 55%;
    left: -8%;
}
.simple_container .dec_sec01_bottom.dec_02{
    top: 0%;
    left: 39%;
}



/** ===========entrance========= **/
.entrance_bottom {
    margin: 70px 0 0;
    padding: 0 0 95px;
}
.entrance_bottom .entrance_bottom_wrapper {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    //align-items: flex-start;
    position: relative;
}
.entrance_bottom .entrance_bottom_box01 {
    width: 50%;
}
.entrance_bottom .entrance_bottom_box01 .box_pic {
    width: 75%;
}
.entrance_bottom .entrance_bottom_box01 .box_pic img{
    width: 100%;
}
.entrance_bottom .entrance_bottom_box01 .box_item{
    width: 100%;
    display: block;
    position: relative;
    margin: 30px 0 0;
}
.entrance_bottom .box_item .box_dec img{
    
}
.entrance_bottom .entrance_bottom_box01 .box_item .box_dec{
    position: absolute;
}
.entrance_bottom .entrance_bottom_box01 .box_item .box_dec img{
    width: 100%;
}
.entrance_bottom .entrance_bottom_box01 .box_item .box_dec.dec_01{
    width: 40%;
    bottom: -20%;
    left: -65%;
}
.entrance_bottom .entrance_bottom_box01 .box_item .box_dec.dec_02{
    bottom: 0;
    right: -10%;
    width: 80%;
    display: none;
}
.entrance_bottom .entrance_bottom_box01 .box_item .box_dec .box_dec_item img{
    width: 100%;
}
.entrance_bottom .box_item .box_dec_item {
}
.entrance_bottom .entrance_bottom_box02 {
    width: 40%;
    position: relative;
}
.entrance_bottom .entrance_bottom_box02 .box_item_pic {
    width: 100%;
    margin: 40px 0 0;
}
.entrance_bottom .entrance_bottom_box02 .box_item_pic img {
    width: 100%;
}
.entrance_bottom .entrance_bottom_box02 .box_dec{
    margin: 10px 0 0;
    position: absolute;
    width: 35%;
    left: -10%;
}
.entrance_bottom .entrance_bottom_box02 .box_dec img{
    width: 100%;
}
.entrance_container .dec_sec01_top{
    position: absolute;
    width: 2.5%;
}
.entrance_container .dec_sec01_top img{
    width: 100%;
}
.entrance_container .dec_sec01_top.dec_01{
    top: 63%;
    left: -5%;
}
.entrance_container .dec_sec01_top.dec_02{
    top: 10%;
    right: -5%;
}
.entrance_container .dec_sec01_bottom{
    position: absolute;
    width: 5%;
}
.entrance_container .dec_sec01_bottom img{
    width: 100%;
}
.entrance_container .dec_sec01_bottom.dec_01{
    top: 55%;
    left: -8%;
}
.entrance_container .dec_sec01_bottom.dec_02{
    top: 0%;
    left: 39%;
}


/** ===========wood========= **/
.wood_container{
    background-color: #F7FBEE;
    position: relative;
}
.wood_container .category_top{
    background-color: #EAF4D1;
}
.wood_container .category_top .category_top_wrapper .category_top_item .material_desc{
    
}
.wood_bottom {
    margin: 70px 0 0;
    padding: 0 0 95px;
}
.wood_bottom_wrapper{
    width: 85%;
    margin: 0 auto;
    position: relative;
}
.wood_bottom_wrapper .wood_bottom_y{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box01{
    width: 45%;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box01 .box_item_title,
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box01 .box_item_desc{
    //padding-left: 27%;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box01 .box_pic{
    width: 100%;
    text-align: right;
    margin: 80px 0 0;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box01 .box_pic img{
    width: 100%;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box02{
    width: 45%;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box02 .box_dec.dec_01 img{
    width: 100%;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box02 .box_pic{
    width: 100%;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box02 .box_pic img{
    width: 100%;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box02 .box_item_desc{
    margin: 80px 0 0 auto;
    width: 80%;
    padding: 10px 25px 20px;
    border-bottom: dashed 2px #000;
    border-right: dashed 2px #000;
    position: relative;
}
.wood_bottom_wrapper .wood_bottom_y .wood_bottom_box02 .box_item_desc .box_dec.dec_01{
    position: absolute;
    width: 7%;
    top: -40px;
    right: -4%;    
}
.wood_bottom_e{
    margin: 80px 0 0;
}
.wood_bottom_e .material_desc{
    width: 48%;
    text-align: left;
}
.wood_bottom_e .place_name{
    width: 48%;
    text-align: left;
}
.wood_bottom_e_wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin: 30px 0 0;
}
.wood_bottom_e_wrapper .wood_bottom_box03{
    width: 48%;
}
.wood_bottom_e_wrapper .wood_bottom_box03 .box_pic{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box03 .box_pic img{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box04{
    width: 48%;
}
.wood_bottom_e_wrapper .wood_bottom_box04 .box_pic{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box04 .box_pic{
    width: 100%;
    margin: 60px 0 0;
}
.wood_bottom_e_wrapper .wood_bottom_box04 .box_pic img{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box03{
    width: 40%;
}
.wood_bottom_e_wrapper .wood_bottom_box03 .box_pic{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box03 .box_pic img{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box04{
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wood_bottom_e_wrapper .wood_bottom_box04 .box_item_title{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box04 .box_item_desc{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box05{
    width: 48%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 20%;
}
.wood_bottom_e_wrapper .wood_bottom_box06{
    width: 48%;
}
.wood_bottom_e_wrapper .wood_bottom_box06 .box_pic{
    width: 100%;
}
.wood_bottom_e_wrapper .wood_bottom_box06 .box_pic img{
    width: 100%;
}
.wood_bottom .dec_sec02_bottom{
    position: absolute;
    width: 10%;
}
.wood_bottom .dec_sec02_bottom img{
    width: 100%;
}
.wood_bottom .dec_sec02_bottom.dec_01{
    top: 0;
    left: 45%;
    width: 12%;
}
.wood_bottom .dec_sec02_bottom.dec_02{
    width: 8%;
    top: 0;
    left: 63%;
}
.wood_bottom .dec_sec02_bottom.dec_03{
    width: 8%;
    top: 38%;
    right: 38%;
}
.wood_bottom .dec_sec02_bottom.dec_04{
    width: 8%;
    right: 13%;
    bottom: 25%;
}
.wood_bottom .dec_sec02_bottom.dec_05{
    width: 6%;
    bottom: 43%;
    left: 40%;
}
.wood_bottom .dec_sec02_bottom.dec_06{
    width: 13%;
    bottom: 20%;
    right: 25%;
    display: none;
}
.wood_bottom .dec_sec02_bottom.dec_07{
    width: 4%;
    bottom: 19%;
    right: 48%;
    display: none;
}
.wood_bottom .dec_sec02_bottom.dec_08{
    width: 7%;
    bottom: 35%;
    right: 5%;
}
/** ===========western========= **/
.western_container{
    background-color: #FDFBF7;
    position: relative;
}
.western_container .category_top{
    background-color: #F4ECDB;
}
.western_bottom {
    margin: 70px 0 0;
    padding: 0 0 95px;
}
.western_bottom_wrapper{
    width: 85%;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.western_bottom .western_bottom_box01{
    width: 48%;
}
.western_bottom .western_bottom_box01 .box_pic{
    width: 100%;
}
.western_bottom .western_bottom_box01 .box_item_title{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.western_bottom .western_bottom_box01 .box_item_desc{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.western_bottom .western_bottom_box01 .box_pic.pic01{
    margin-bottom: 40px;
}
.western_bottom .western_bottom_box01 .box_pic.pic02{
    margin-top: 40px;
}
.western_bottom .western_bottom_box01 .box_pic img{
    width: 100%;
}
.western_bottom .western_bottom_box02{
    width: 40%;
}
.western_bottom .western_bottom_box02 .box_item_title{
    width: 80%;
}
.western_bottom .western_bottom_box02 .box_item_desc{
    width: 80%;
}
.western_bottom .western_bottom_box02 .box_pic{
    width: 100%;
}
.western_bottom .western_bottom_box02 .box_pic.pic01{
    width: 100%;
    margin: 35px 0 150px;
}
.western_bottom .western_bottom_box02 .box_pic img{
    width: 100%;
}
.western_bottom .dec_sec03_bottom{
    position: absolute;
    width: 9%;
}
.western_bottom .dec_sec03_bottom.dec_01{
    right: 1%;
    top: 28%;
    display: none;
}
.western_bottom .dec_sec03_bottom.dec_02{
    left: 50%;
    top: 49%;
    width: 7%;
}
.western_bottom .dec_sec03_bottom.dec_03{
    width: 17%;
    right: 16%;
    bottom: 23%;
}
.western_bottom .dec_sec03_bottom.dec_04{
    right: 48%;
    top: -3%;
    width: 7%;
}
.western_bottom .dec_sec03_bottom.dec_05{
    right: -3%;
    top: 40%;
    width: 3%;
    display: none;
}
.western_bottom .dec_sec03_bottom img{
    width: 100%;
}
/** ===========japanese========= **/
.japanese_container{
    background-color: #EEF9FA;
    position: relative;
}
.japanese_container .category_top{
    background-color: #D4ECEF;
}
.japanese_container .category_top_wrapper .box_dec{
    position: absolute;
    top: 20%;
    left: -5%;
    width: 15%;
}
.japanese_container .category_top_wrapper .box_dec img{
    width: 100%;
}
.japanese_bottom{
    margin: 70px 0 0;
    padding: 0 0 95px;
}
.japanese_bottom_wrapper{
    width: 85%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.japanese_bottom .japanese_bottom_box01{
    width: 45%;
}
.japanese_bottom .japanese_bottom_box01 .box_item_title{
    width: 80%;
}
.japanese_bottom .japanese_bottom_box01 .box_item_desc{
    width: 85%;
}
.japanese_bottom .japanese_bottom_box01 .box_pic{
    width: 100%;
    margin: 0 0 50px;
}
.japanese_bottom .japanese_bottom_box01 .box_pic img{
    width: 100%;
}
.japanese_bottom .japanese_bottom_box02{
    width: 45%;
    padding: 30px 0 0;
}
.japanese_bottom .japanese_bottom_box02 .box_item_title,
.japanese_bottom .japanese_bottom_box02 .box_item_desc{
    width: 85%;
}
.japanese_bottom .japanese_bottom_box02 .box_pic{
    width: 100%;
    margin: 40px 0 0;
}
.japanese_bottom .japanese_bottom_box02 .box_pic.pic02{
    margin: 70px 0 0;
}
.japanese_bottom .japanese_bottom_box02 .box_item_desc{
    
}
.japanese_bottom .japanese_bottom_box02 .box_pic img{
    width: 100%;
}
.japanese_bottom .japanese_bottom_box03{
    width: 100%;
    margin: 70px 0 0;
}
.japanese_bottom .japanese_bottom_box03 .box_pic{
    display: inline-block;
    width: 35%;
}
.japanese_bottom .japanese_bottom_box03 .box_pic:first-child{
    margin-right: 25px;
}
.japanese_bottom .japanese_bottom_box03 .box_pic img{
    width: 100%;
}
.japanese_bottom .dec_sec04_bottom{
    width: 6%;
    position: absolute;
}
.japanese_bottom .dec_sec04_bottom img{
    width: 100%;
}
.japanese_bottom .dec_sec04_bottom.dec_01{
    top: 46%;
    left: -6.5%;
    display: none;
}
.japanese_bottom .dec_sec04_bottom.dec_02{
    top: 1%;
    right: 13%;
}
.japanese_bottom .dec_sec04_bottom.dec_03{
    width: 15%;
    bottom: 0;
    right: 4%;
}
.japanese_bottom .dec_sec04_bottom.dec_04{
    width: 5%;
    right: 50%;
    bottom: 30%;
}
.japanese_bottom .dec_sec04_bottom.dec_05{
    width: 15%;
    top: 50%;
    right: 35%;
}
.japanese_bottom .dec_sec04_bottom.dec_06{
    position: absolute;
    bottom: 12%;
    right: 4%;
    width: 5%;
}
/** ===========car========= **/
.car_container{
    background-color: #FEFBFB;
    position: relative;
}
.car_container .category_top{
    background-color: #F7E8E6;
}
.car_container .category_top .heading img{
    width: 60%;
}
.car_container .category_top .material_desc{
    //margin-left: 30%;
}
.car_bottom{
    margin: 70px 0 0;
    padding: 0 0 95px;
}
.car_bottom_wrapper{
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.car_bottom_wrapper .car_bottom_u{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.car_bottom_wrapper .car_bottom_u .material_desc{
    width: 45%;
    text-align: left;
}
.car_bottom_wrapper .car_bottom_u .car_bottom_box01{
    width: 48%;
}
.car_bottom_wrapper .car_bottom_u .car_bottom_box02 .box_item_title,
.car_bottom_wrapper .car_bottom_u .car_bottom_box02 .box_item_desc{
    width: 80%;
    margin-left: auto;
}
.car_bottom_wrapper .car_bottom_u .car_bottom_box01 .box_pic{
    width: 100%;
}
.car_bottom_wrapper .car_bottom_u .car_bottom_box01 .box_pic img{
    width: 100%;
}
.car_bottom_wrapper .car_bottom_u .car_bottom_box02{
    width: 48%;
}
.car_bottom_wrapper .car_bottom_a{
    margin: 90px 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.car_bottom_wrapper .car_bottom_a .car_bottom_box03{
    width: 45%;
}
.car_bottom_wrapper .car_bottom_a .car_bottom_box03 .place_name,
.car_bottom_wrapper .car_bottom_a .car_bottom_box03 .material_desc{
    width: 100%;
    text-align: left;
}
.car_bottom_wrapper .car_bottom_a .car_bottom_box03 .material_desc{
    
}
.car_bottom_wrapper .car_bottom_a .car_bottom_box03 .box_item_title,
.car_bottom_wrapper .car_bottom_a .car_bottom_box03 .box_item_desc{
    width: 75%;
}
.car_bottom_wrapper .car_bottom_a .car_bottom_box03 .box_item_title{
    margin: 20px 0 0;
}
.car_bottom_wrapper .car_bottom_a .car_bottom_box04{
    width: 48%;
}
.car_bottom_wrapper .car_bottom_a .car_bottom_box04 .box_pic{
    width: 100%;
}
.car_bottom_wrapper .car_bottom_a .car_bottom_box04 .box_pic img{
    width: 100%;
}
.car_bottom_wrapper .car_bottom_k{
    margin: 90px 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.car_bottom_wrapper .car_bottom_k .car_bottom_box05{
    width: 48%;
}
.car_bottom_wrapper .car_bottom_k .car_bottom_box05 .box_pic{
    width: 100%;
}
.car_bottom_wrapper .car_bottom_k .car_bottom_box05 .box_pic img{
    width: 100%;
}
.car_bottom_wrapper .car_bottom_k .car_bottom_box05 .box_pic.pic01{
    margin: 30px 0 0;
}

.car_bottom_wrapper .car_bottom_k .car_bottom_box06{
    width: 48%;
}
.car_bottom_wrapper .car_bottom_k .car_bottom_box06 .box_item_desc{
    width: 75%;
    margin-top: 40px 0 0;
}
.car_bottom_wrapper .car_bottom_k .car_bottom_box06 .material_desc{
    
}
.car_bottom_wrapper .dec_sec05_bottom{
    position: absolute;
    width: 6%;
}
.car_bottom_wrapper .dec_sec05_bottom img{
    width: 100%;
}
.car_bottom_wrapper .dec_sec05_bottom.dec_01{
    top: 4%;
    right: 5%;
}
.car_bottom_wrapper .dec_sec05_bottom.dec_02{
    left: -10%;
    top: 40%;
}
.car_bottom_wrapper .dec_sec05_bottom.dec_03{
    right: 6%;
    bottom: 13%;
}
.car_bottom_wrapper .dec_sec05_bottom.dec_04{
    top: 24%;
    left: 15%;
}
.car_bottom_wrapper .dec_sec05_bottom.dec_05{
    width: 10%;
    right: 19%;
    top: 28%;
    display: none;
}
.car_bottom_wrapper .dec_sec05_bottom.dec_06{
    width: 25%;
    right: 23%;
}
.car_bottom_wrapper .dec_sec05_bottom.dec_07{
    width: 5%;
    right: 23%;
    top: 38%;
}
.car_bottom_wrapper .dec_sec05_bottom.dec_08{
    right: 24%;
    bottom: 33%;
}
/** ===========Q&A========= **/
.ques_container{
    margin: 100px 0 0;
    padding: 0 0 80px;
    position: relative;
}
.ques_container .ques_wrapper{
    width: 85%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 88px;
    margin-top: -88px;
}
.ques_container .ques_title_wrapper{
    position: relative;
    text-align: center;
}
.ques_container .ques_title{
    padding: 0 25px;
    font-size: 3.0rem;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    background-color: #fff;
}
.ques_container .ques_title_wrapper::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 0;
    margin: auto;
    display: block;
    width: 100%;
    border-top: dashed 2px #000;
}
.ques_container .ques_title span{
    font-family: 'Oswald', sans-serif;
    font-size: 3.5rem;
    letter-spacing: 10px;
    margin: 0 0 0 10px;
}
.ques_container .ques_content{
    margin: 40px 0 0;
}
.ques_container .ques_content .ques_item{
    padding: 40px 0;
    border-bottom: dashed 2px #000;
}
.ques_container .ques_content .ques_item:last-child{
    border: none;
}
.ques_container .ques_content .ques_item .ques_item_q{
    font-weight: bold;
    font-size: 1.6rem;
    
}
.ques_container .ques_content .ques_item .ques_item_a{
    font-size: 1.5rem;
    margin: 30px 0 0;
    position: relative;
    text-align: justify;
}
.ques_container .ques_content .ques_item .ques_item_desc{
    line-height: 1.85;
}
.ques_container .ques_content .ques_item .ques_item_q,
.ques_container .ques_content .ques_item .ques_item_a{
    display: flex;
    align-items: flex-start;
}
.ques_container .ques_content .ques_item .ques_item_a .ques_links{
    display: inline-block;
    padding: 9px;
    background-color: #000;
    color: #fff;
    letter-spacing: 1px;
    border: solid 1px #000;
    transition: 0.3s ease;
    margin: 0 0 0 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.ques_container .ques_content .ques_item .ques_item_a .ques_links:hover{
    background-color: #fff;
    color: #000;
}
.ques_container .ques_content .ques_item span{
    display: inline-block;
    font-weight: bold;
    font-size: 2.9rem;
    margin: 0 20px 0 0;
    font-family: 'Oswald', sans-serif;
}
.ques_container .garden_wrapper{
    width: 85%;
    padding-top: 88px;
    margin: 70px auto 0;
    position: relative
}
.ques_container .garden_wrapper .garden_box{
    padding: 55px 0 0;
}
.ques_container .garden_wrapper .garden_box .garden_desc{
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.75;
}
.ques_container .garden_wrapper .garden_box .staff_pic{
    width: 50%;
    margin: 50px 0 0;
}
.ques_container .garden_wrapper .garden_box .staff_pic figcaption{
    font-size: 1.5rem;
    padding: 15px 0;
}
.ques_container .garden_wrapper .garden_box .staff_pic img{
    width: 100%;
}
.ques_container .dec_sec06_bottom{
    position: absolute;
    width: 6%;
}
.ques_container .dec_sec06_bottom img{
    width: 100%;
}
.ques_container .dec_sec06_bottom.dec_01{
    top: 4%;
    right: 30%;
}
.ques_container .dec_sec06_bottom.dec_02{
    width: 6%;
    top: 17%;
    left: 30%;
}
.ques_container .dec_sec06_bottom.dec_03{
    right: 3%;
    top: 50%;
}
.ques_container .dec_sec06_bottom.dec_04{
    width: 7%;
    right: 5%;
    top: -4%;
}
.ques_container .dec_sec06_bottom.dec_05{
    left: 30%;
    top: 3%;
}
.ques_container .dec_sec06_bottom.dec_06{
    right: 3%;
    bottom: 20%;
}
.ques_container .dec_sec06_bottom.dec_07{
    width: 5%;
    right: 35%;
    top: 12%;
}
.ques_container .dec_sec06_bottom.dec_08{
    width: 18%;
    right: 15%;
    bottom: 13%;
}
.ques_container .garden_contact_btn_wrapper{
    text-align: center;
    margin: 60px 0 0;
}
.ques_container .garden_contact_btn_wrapper .garden_contact_btn{
    display: inline-block;
    font-size: 1.5rem;
    letter-spacing: 1px;
    color: #fff;
    background-color: #000;
    padding: 8px 20px;
    border: solid 2px #000;
    transition: 0.3s ease;
}
.ques_container .garden_contact_btn_wrapper .garden_contact_btn::after{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    vertical-align: middle;
    margin: 0 0 0 5px;
    transition: 0.3s ease;
}
.ques_container .garden_contact_btn_wrapper .garden_contact_btn:hover{
    background-color: #fff;
    color: #000;
}
.ques_container .garden_contact_btn_wrapper .garden_contact_btn:hover::after{
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: translate(6px, 0) rotate(45deg);
}


/** ===========terrace========= **/
.terrace_container{
    
}
.terrace_container .terrace_catch{
    padding: 30px 0;
}
.terrace_container .terrace_catch{
    padding: 60px 0;
}
.terrace_container .terrace_catch .terrace_txt{
    width: 30%;
    margin: 0 auto;
    min-width: 450px;
}
.terrace_container .terrace_catch .terrace_txt img{
    width: 100%;
}
.terrace_container .terrace_catch .terrace_sub_txt{
    width: 85%;
    max-width: 500px;
    margin: 24px auto 0;
}
.terrace_container .terrace_catch .terrace_sub_txt img{
    width: 100%;
}
.terrace_container .terrace_video{
    width: 100%;
}
.terrace_container .terrace_video .video_item{
    width: 100%;
}
.terrace_container .terrace_ex{
    padding: 90px 0 135px;
    background-color: #EFF8FA;
}
.terrace_container .terrace_title{
    width: 85%;
    margin: 0 auto;
}
.terrace_container .terrace_title img{
    width: 100%;
}
.terrace_container .terrace_subtitle{
    width: 32%;
    margin: 25px auto 0;
}
.terrace_container .terrace_subtitle img{
    width: 100%;
}
.terrace_container .terrace_ex_top{
    margin: 90px 0 0;
}
.terrace_container .terrace_ex_top .terrace_ex_pic{
    width: 75%;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
}
.terrace_container .terrace_ex_top .terrace_ex_pic img{
    width: 100%;
}
.terrace_container .terrace_ex_top .terrace_ex_pic .terrace_ex_desc{
    font-size: 1.7rem;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    margin: 20px 0 0;
}
.terrace_container .terrace_story{
    margin: 65px 0 0;
}
.terrace_container .terrace_story .terrace_story_title{
    width: 60%;
    margin: 0 auto;
}
.terrace_container .terrace_story .terrace_story_title img{
    width: 100%;
}
.terrace_container .terrace_wrapper{
    width: 80%;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 55px auto 0;
}
.terrace_container .terrace_wrapper .terrace_item{
    position: relative;
}
.terrace_container .terrace_wrapper .terrace_item:nth-child(-n+2){
    width: 46%;
}
.terrace_container .terrace_wrapper .terrace_item:nth-child(n+3){
    width: 30.5%;
    margin: 115px 0 0;
}
.terrace_container .terrace_wrapper .terrace_item .terrace_item_pic{
    width: 100%;
}
.terrace_container .terrace_wrapper .terrace_item .terrace_item_pic img{
    width: 100%;
}
.terrace_container .terrace_wrapper .terrace_item .terrace_item_title{
    margin: 20px 0 0;
}
.terrace_container .terrace_wrapper .terrace_item .terrace_item_title img{
    width: 70%;
}
.terrace_container .terrace_wrapper .terrace_item:nth-child(-n+2) .terrace_item_title img{
    width: 50%;
}
.terrace_container .terrace_wrapper .terrace_item .terrace_item_title .terrace_item_name{
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin: 15px 0 0;
}
.terrace_container .terrace_wrapper .terrace_item .terrace_item_com{
    width: 47%;
    max-width: 105px;
    position: absolute;
    bottom: -3%;
    right: 0%;
}
.terrace_container .terrace_wrapper .terrace_item:nth-child(n+3) .terrace_item_com{
    width: 75%;
    max-width: 105px;
    bottom: -45%;
}
.terrace_container .terrace_wrapper .terrace_item:nth-child(4) .terrace_item_com{
    top: -30%;
    right: 2%;
}
.terrace_container .terrace_wrapper .terrace_item .terrace_item_com img{
    width: 100%;
}
/** ===========BBQ========= **/
.bbq_container{
    padding: 60px 0;
}
.bbq_container .bbq_desc{
    font-size: 1.7rem;
    text-align: center;
    line-height: 1.75;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
}
.bbq_container .bbq_wrapper{
    width: 85%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bbq_container .bbq_wrapper .bbq_logo{
    width: 17%;
}
.bbq_container .bbq_wrapper .bbq_logo img{
    width: 100%;
}
.bbq_container .bbq_wrapper .bbq_title{
    width: 58%;
}
.bbq_container .bbq_wrapper .bbq_title img{
    width: 100%;
}
.bbq_container .bbq_wrapper .bbq_btn{
    width: 17%;
    position: relative;
}
.bbq_container .bbq_wrapper .bbq_btn svg{
    width: 35%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bbq_container .bbq_wrapper .bbq_btn svg .st0{
    fill:none;
    stroke:#FFFFFF;
    stroke-width:30.0476;
    stroke-miterlimit:10;
    transition: 0.3s ease;
}
.bbq_container .bbq_wrapper .bbq_btn svg .st1{
    fill:#FFFFFF;
    transition: 0.3s ease;
}
.bbq_container .bbq_wrapper .bbq_btn .bbq_btn_item{
    display: block;
    width: 100%;
    height: 100%;
}
.bbq_container .bbq_wrapper .bbq_btn img{
    width: 100%;
}
.bbq_ann{
    width: 80%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
    line-height: 1.8;
}
/** ===========contact========= **/
.contact_container{
    background-color: #E4EFEF;
}
.contact_container .contact_video{
    width: 100%;
    position: relative;
    font-size: 0;
}
.contact_container .contact_video .video_item{
    width: 100%;
}
.contact_container .contact_video .contact_movie_txt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
}
.contact_container .contact_video .contact_movie_txt img{
    width: 100%;
}
.contact_container .contact_top_desc{
    background-color: #000;
    padding: 32px 0;
}
.contact_container .contact_top_desc .contact_top_desc_item{
    font-size: 1.5rem;
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 1.85;
    letter-spacing: 1px;
    padding: 0 10px;
}
.contact_container .form_wrapper{
    background-color: #E4EFEF;
    padding: 130px 0 95px;
    
}
.contact_container .form_wrapper .form_title{
    text-align: center;
}
.contact_container .form_wrapper .form_title img{
    width: 220px;
}
.contact_container .form_wrapper .form_title span{
    display: block;
    font-size: 2.0rem;
    font-weight: bold;
    margin: 23px 0 0;
    letter-spacing: 1px;
}
.contact_container .form_wrapper .form_ann{
    font-size: 1.6rem;
    text-align: center;
    margin: 40px 0 0;
}
.contact_container .form_wrapper .form{
    width: 85%;
    margin: 35px auto 0;
}
.contact_container .form_wrapper .form .form_item{
    margin: 30px 0 0;
    font-size: 1.5rem;
}
.contact_container .form_wrapper .form .form_item.que{
    margin: 60px 0 0;
}
.contact_container .form_wrapper .form .form_item .form_label{
    letter-spacing: 2px;
}
.contact_container .form_wrapper .form .form_item.que .form_input label:first-child{
    margin: 0 0 0 3em;
}
.contact_container .form_wrapper .form .form_item .form_input{
    margin: 10px 0 0;
}
.contact_container .form_wrapper .form input[type="text"],
.contact_container .form_wrapper .form input[type="submit"],
.contact_container .form_wrapper .form textarea{
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.contact_container .form_wrapper .form .form_item .form_input input[type="text"],
.contact_container .form_wrapper .form .form_item .form_input textarea{
    width: 100%;
    padding: 12px;
    border: solid 1px #000;
    outline: none;
    border-radius: 0;
    font-family: 'Noto Sans JP', sans-serif;
}
.contact_container .form_wrapper .form .form_item .form_input textarea{
    height: 250px;
}
.contact_container .form_wrapper .form .form_item .form_input input[type="radio"]{
    margin: 0 2px 0 0;
    padding: 0;
}
.contact_container .form_wrapper .form .error{
    /*display: inline-block;*/
    margin: 0 0 0 10px;
    color: #ff0000;
}
.contact_container .form_wrapper .form .agree_checkbox .error{
    width: 300px;
    margin: 0 auto 20px;
    display: block;
    padding: 10px;
    border: solid 3px #ff0000;
}
input::-webkit-input-placeholder {
    color: #ccc;
}
input:-moz-placeholder {
    color: #ccc;
}
input::-moz-placeholder {
    color: #ccc;
}
input:-ms-input-placeholder {
    color: #ccc;
}
.contact_container .form_wrapper .form .form_info{
    border: solid 1px #000;
    background-color: #fff;
    height: 200px;
    padding: 10px 15px;
    overflow-y: scroll;
    margin: 80px 0 0;
    text-align: justify;
}
.contact_container .form_wrapper .form .form_info .form_info_desc{
    font-size: 1.5rem;
}
.contact_container .form_wrapper .form .form_info .form_info_desc li{
    line-height: 1.8;
    margin: 20px 0 0;
}
.contact_container .form_wrapper .form .form_info .form_info_desc li:first-child{
    margin: 0;
}
.contact_container .form_wrapper .form .form_info .form_info_desc li span{
    display: block;
    font-weight: 600;
}
.form_wrapper .form .agree_checkbox{
    text-align: center;
    font-size: 1.6rem;
    margin: 40px 0 0;
}
.contact_container .form_wrapper .form .form_confirm_btn{
    text-align: center;
    margin: 40px 0 0;
}
.contact_container .form_wrapper .form .form_confirm_btn .submit{
    border: solid 1px #000;
    background-color: #fff;
    font-size: 1.7rem;
    padding: 3px 15px;
    letter-spacing: 5px;
    cursor: pointer;
    color: #000;
    font-weight: normal;
}
.contact_container .form_wrapper .form .form_note_desc{
    font-size: 1.5rem;
    line-height: 1.7;
    text-align: center;
    margin: 35px 0 0;
}
.contact_container .form_wrapper .form .form_info_mail{
    font-size: 2.0rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
    margin: 60px 0 0;
}
/** ===========access========= **/
.access_container{
    padding: 70px 0 120px;
}
.access_container .access_title{
    text-align: center;
}
.access_container .access_title img{
    width: 220px;
}
.access_container .map{
    margin: 90px auto 0;
    text-align: center;
    width: 85%;
}
.access_container .map iframe{
    width: 100%;
    height: 500px;
}
.access_container .map .map_link{
    display: block;
    font-size: 1.6rem;
    color: #0000FF;
    text-align: center;
    margin: 20px 0 0;
}
.access_container .profile{
    margin: 70px 0 0;
    text-align: center;
}
.access_container .profile .profile_list{
    display: inline-block;
    text-align: left;
}
.access_container .profile .profile_list li{
    font-size: 1.5rem;
    margin: 23px 0 0;
}
.access_container .sns_list{
    text-align: center;
    margin: 70px 0 0;
}
.access_container .sns_list a{
    display: inline-block;
    font-size: 1.6rem;
    font-family: 'Oswald', sans-serif;
    margin: 0 75px 0 0;
    letter-spacing: 5px;
    font-weight: bold;
    transition: 0.3s ease;
}
.access_container .sns_list a:last-child{
    margin: 0;
}
.access_container .sns_list a img{
    width: 40px;
    margin: 0 0 20px;
}
.access_container .sns_list a:hover{
    opacity: 0.77;
}
/* --------------------------------
 * footer
 * -------------------------------- */
.footer{
    background-color: #13132C;
    padding: 50px 0 90px;
    position: relative;
    text-align: center
}
.footer .footer_links{
    text-align: left;
    display: inline-block;
}
.footer .footer_links .footer_link_item{
    display: block;
    margin: 10px 0 0;
}
.footer .footer_links .footer_link_item a{
    padding: 3px 28px;
    font-size: 1.4rem;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    display: inline-block;
    color: #fff;
    transition: 0.3s ease;
}
.footer .footer_links .footer_link_item a:hover{
    opacity: 0.77;
}
.footer .footer_links .footer_link_item:last-child{
    
}
.footer_sns_list{
    position: absolute;
    top: 25%;
    right: 15%;
}
.footer_sns_list .sns_item{
    display: block;
    margin: 15px 0 0 auto;
    color: #fff;
    font-size: 1.4rem;
}
.footer_sns_list .sns_item img{
    width: 22px;
    vertical-align: middle;
    margin: 0 0 0 5px;
}
.footer .footer_company{
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 70px 0 0;
    letter-spacing: 1px;
}
.footer .footer_address{
    text-align: center;
    line-height: 1.6;
    font-size: 1.5rem;
    color: #fff;
    margin: 20px 0 0;
    letter-spacing: 1px;
}
/* --------------------------------
 * confirm
 * -------------------------------- */
.confirm_btn_wrapper{
    text-align: center;
    margin: 50px 0 40px;
}
.confirm_btn_wrapper form{
    display: inline-block;
}
.confirm_btn_wrapper .return{
    margin-right: 25px;
}
/* --------------------------------
 * complete
 * -------------------------------- */
.contact_container .form_wrapper .complete_message{
    text-align: center;
    margin: 50px auto 0;
}
.contact_container .form_wrapper .form_ann.complete_message{
    display: inline-block;
    text-align: left;
    line-height: 1.75;
}
.complete_top_return{
    margin: 70px 0 0;
}
.complete_top_return a{
    display: inline-block;
    font-size: 1.6rem;
    padding: 15px 36px;
    border: solid 1px #000;
    transition: 0.3s ease;
    letter-spacing: 1px;
}
.complete_top_return a::after{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    transform: rotate(45deg);
    margin: 0 0 0 15px;
    transition: 0.3s ease;
}
.complete_top_return a:hover{
    background-color: #000;
    color: #fff;
}
.complete_top_return a:hover::after{
    border-color: #fff;
    transform: translate(7px, 0) rotate(45deg);
}

.goto_banner{
    margin: 60px auto 35px;
    width: 75%;
}

.goto_banner a{
    display: block;
}

.goto_banner img{
    width: 100%
}

.goto_banner img.sp{
    display: none;
}
