@charset "utf-8";
/* CSS Document */

/* topics */
 ul.article li {
    display: flex;
    min-height: 1px;
    padding: 8px 20px;
    border-bottom: 1px dotted #40405D;
    line-height: 1.5;
    clear: both;
    margin: 10px 20px 5px;
    align-items: start;
}
#tit_topics_list_00 {
    font-size: 32px;
    color: #333333;
    font-weight: 200;
    letter-spacing: 0.1rem;
    padding: 10px 10px 12px;
    width: 100%;
    margin: 0 0 20px 0;
}
.text2 a {
    display: block;
    text-decoration: none;
    height: auto;
    overflow: hidden;
    color: #666;
}
.text2 a img {
    border: 1px solid #CCC;
}
.date{
    color: #666666;  
     font-size: 13px;
}
.title{
    font-size: 13px;
    color: #666666;
}
.title:hover{
    color: #F60;
}
.overview_00 {
    display: block;
    margin: 0 0 0 12px;
    flex: 1;
}
.flex{
     display: flex;
    align-items: flex-start;
    width: 100%;
}
.thumb_00{
    width: 88px; 
}
.thumb_00 img{
    width: 100%;
}
.link_btn{
    flex: 1;
}
ul.article li a img.detail {
    width: 28px;
    height: 10px;
    right: 5px;
    bottom: 8px;
    display: block;
    position: absolute;
}
#contents_flex_00{
    display: flex;
    justify-content: space-between;
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
}
#left_box_00{
   width:100%;
}
div.page_link {
    text-align: right;
    display: block;
    margin-right: 20px;
    margin-top: 10px;
    clear: both;
}
#container a:link {
    color: #288f64;
    text-decoration: none;
}
#container a:visited {
    color: #288f64;
    text-decoration: none;
}
.btn_00{
     background: #539B7A;
    color: #fff;
    padding: 6px 24px;
    width: 100px;
    text-align: center;
    align-self: end;
    margin: 10px 10px 0 10px;
    position: relative;
    transition: .3s;
    font-size: 12px;
}
.btn_00::after{
    content: "";
    position: absolute;
    top: 8px;
    right: 7px;
    background: url(../img/bene_cursor_y.png)0 0 no-repeat;
    width: 9px;
    height: 11px;
}
.btn_00:hover{
    background: #E26E17; 
}
.link_btn{
    display: flex;
    width: 800px;
}
.br_sp{
    display: none;
}
/* internet*/
.pre_nav_list {
    display: flex;
    /*justify-content: space-between;*/
    max-width: 100%;
    width: 100%;
    margin:  20px 0 8px 0;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 700;
}
.pre_nav_list li{
    text-align: center;
}

.pre_nav_list .now a{
    padding: 8px 38px;
    display: block;
    background: #539B7A;
    color: #fff !important;
    border: 1px solid #539B7A;
    border-bottom: 2px solid #539B7A;
}
.pre_nav_list .active a{
    padding: 8px 22px;
    display: block;
}
.pre_nav_list .active{
    border-top: 1px solid #539B7A;
    border-right: 1px solid #539B7A;
    border-bottom: 2px solid #539B7A;
    background: #fff;
}
.pre_nav_list li:first-child{
    border-left: 1px solid #539B7A;
}
  .pre_nav_list li a:hover{
        background: #539B7A;
        color: #fff;
    }
    .pre_nav_list .active a {
         color: #000 !important;
    }
.list_flex_00{
    display: flex;
    justify-content: space-between;
    margin: 0 0 14px 0;
}
.list_flex_00 stlong{
    font-size: 14px;
    font-weight: 700;
}
.list_flex_00 span{
    font-size: 14px;
    font-weight: 500;
}
.reserve_link{
    background: #F5F5F5;
    padding: 4px 18px 18px 18px;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.internet_wrap .tit_h3{
    background: #539B7A;
    vertical-align: middle;
    color: #fff;
    padding: 10px 12px;
    text-align: left;
    font-size: 16px;
}
.list_flex_btn{
    display: flex;
    align-items: flex-start;
}
.pre_list li .btn_01{
     margin-left: 10px;
    
}
.boder_style{
    padding: 20px 0;
    border-bottom: 1px solid #7A5731;
}
.boder_style:first-child{
    padding: 0px 0px 20px 0; 
}
.boder_style:last-child{
    border-bottom: none;
    padding: 20px 0px 0px 0px; 
}
.list_pic_01{
    margin: 20px 0 0 0;
}
/* detail */
.box_00{
    padding:14px 12px;
    border: 1px solid #A5A5A5;
    }
.box_00 img {
    max-width: 100%;
    height: auto;
    width: 100%;
}   
.detail_box_00{
    clear: both;
    display:block;
    margin :0 auto 25px;
    padding: 20px;
    color:#091B10;
font-size: 14px;
    line-height: 1.8;
}
.list_tit_h3{
    font-size: 16px;
    margin: 0 0 8px 0; 
}
.box_tit_flex{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #939393;
} 
.btn_01{
    max-width: 120px;
    width: 100%;
    margin-left: auto;
}
.btn_01 a{
    display: block;
    font-size: 12px;
    color: #fff !important;
    text-align: center;
    background: #539B7A;
    padding: 10px 0 9px;
    transition: .3s;
    position: relative;
}
.btn_01 a span:before{
    content: "";
    position: absolute;
    right: 7px;
    top: 5px;
    width: 11px;
    height: 6px;
    background: url(../img/bene_cursor_y.png) 1px 5px no-repeat;
    padding: 30px 0 0 0;
    display: inline-block;
    letter-spacing: 1px;
}
.btn_01 a:hover{
    background: #E26E17;
}
.btn_02{
   max-width: 200px;
    width: 100%;
    margin: 0 auto;
    }
    .btn_02 a{
    display: block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #539B7A;
    padding: 10px 0 9px;
    transition: .3s;
    position: relative;
}
.btn_02 a span:before{
    content: "";
    position: absolute;
    right: 7px;
    top: 10px;
    width: 11px;
    height: 6px;
    background: url(../img/bene_cursor_y.png) 1px 5px no-repeat;
    padding: 30px 0 0 0;
    display: inline-block;
    letter-spacing: 1px;
}
.btn_02 a:hover{
    background: #E26E17;
}
.btn_center_01{
    margin: 0 auto;
    max-width: 160px;
}
.detail_box_00 .tit_h3{
    clear:both;
    min-height: 23px;
    padding-left: 27px;
    line-height: 1.6;
    background: url(../img/detail/arrow_circle.gif) -1px 40% no-repeat ;
    margin-bottom: 10px;   
    font-weight: 700;
    font-size: 12px;
    }
.detail_box_00 p.article{
     padding: 10px 10px 0;
     clear:both;
}

.text2a{
    font-size: 12px;
    line-height: 1.6;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 25px;
    width: 100%;

}
.detail_box_00 p.article{
    margin-left: 2px;
    clear:both;
    }
.detail_box_00 p{
    margin: 0 0 20px 0;
}
.detail_box_00 img{
       width: initial;
}
/*brand*/
.contents{
    max-width: 960px;
    width: 100%;
    margin: 0 auto; 
}

.list_tit{
   text-align: left;
    border: 2px solid #539B7A;
    background: #F5F5F5;
    vertical-align: middle;
    padding: 6px 20px;
}

.list_pic_00{
    display: flex;
    align-items: center;
}
.pre_list li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.list_pic_style{
    padding: 20px;
    border-right: 2px solid #539B7A;
    border-bottom: 2px solid #539B7A;
    border-left: 2px solid #539B7A;
    margin: 0 0 20px 0;
}
.list_pic_style .btn_01{
    max-width: 180px;
}
.list_left{
    display: flex;
    flex-direction: column;
    width: 20%;
}
.list_left img{
    width: 100%;
}
.list_left stlong{
    font-size: 12px;
    margin: 8px 0 0 0; 
}
.list_right_00{
    margin: 0 0 0 18px;
    width: 80%;
}
.list_right_ .txt_00{
    font-size: 14px;
    color: #4D4D4D;
    line-height: 2.2;
}
.txt_01{
    font-size: 14px;
    color: #4D4D4D;
    line-height: 2.2; 
}
.txt_02{
    font-size: 1.0px;
    color: #4D4D4D;
}
.txt_00_style{
    border-bottom: 1px solid #7A5731;
    padding: 0 0  6px;
}
.list_right .txt_01_style{
    padding: 6px 0 0 0;
}
.intro_01{
    border: 2px solid #539B7A;  
    margin-bottom: 14px;
    padding: 20px;
}
.intro_01 .txt_00{
    margin: 0;
}
.hotel_outline_01{
    margin-bottom: 15px;
    color: #1A2855;
    border-collapse: collapse;
    width: 800px;
}
.hotel_list_00 {
    width: 100%;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.hotel_list_00 li{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 8px 0;
}
.hotel_list_00 .list_img_00{
    width: 100%;
    max-width: 100%;
    text-align: center;
}
 .hotel_list_00 li img{
    max-width: 100%;
}
.hotel_list_00 li stlong{
    display: block;
    font-size: 12px;
    text-align: center;
    margin: 6px 0 0 0;
    color: #288f64;
}

.txt_hotel{
    display: block;
    font-size: 14px;
    margin: 0 0 16px 0;
}
.txt{
    font-size: 12px;
    color: #4D4D4D;
    line-height: 1.7;
    padding: 8px 0 10px; 
}

/*company*/

.txt_04_day{
    margin: 12px 0 0 0;
    font-size: 14px;
}
.campany_table_01 {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 25px;
    color: #4D4D4D;
}
.campany_table_02 .txt_03{
    font-size: 16px;
    font-weight: 700;
    background: #539B7A;
    color: #fff;
    padding: 10px 12px;
    text-align: center;
}

.small_eng {
    display: block;
    text-align: center;
    font-size: 13px;
}

.campany_table_01 .txt_03{
    font-size: 16px; 
}
.campany_table_01 th {
    width: 18%;
    border: 1px solid #999EA2;
    padding: 8px 5px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    font-size: 14px;
}

.campany_table_01 th.th_bg01 {
    background: #539B7A;
    color: #fff;
    padding: 10px 12px;
    text-align: center;
}
.campany_table_01 table {
    border-collapse: collapse;
    max-width: 100%;
    width: 100%;
    color: #4D4D4D;
}
.campany_table_01 td {
    border: 1px solid #999EA2;
    padding: 8px 12px;
    vertical-align: top;
    box-sizing: border-box;
font-size: 14px;
}
.campany_table_02 tbody {
    border-collapse: collapse;
    margin: 0 auto 25px;
    color: #4D4D4D;
    width: 100%;
}
.campany_table_02 th {
    border: 1px solid #999EA2;
    padding: 10px 12px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    width: 18%;
    font-size: 14px;
}
.campany_table_02 td {
    border: 1px solid #999EA2;
    padding: 10px 12px;
    vertical-align: top;
    font-size: 14px;
}
.campany_table_02 table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 25px;
    color: #4D4D4D;
}
.campany_table_02 table th {
    width: 134px;
    border: 1px solid #999EA2;
    padding: 4px 12px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}



.campany_table_03{
    
}
.campany_table_03 tbody {
    border-collapse: collapse;
    margin: 0 auto 25px;
    color: #4D4D4D;
    width: 100%;
}
.campany_table_03 th {
    border: 1px solid #999EA2;
    padding: 10px 12px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    width: 20%;
    font-size: 14px;
}
.campany_table_03 td {
    border: 1px solid #999EA2;
    padding: 10px 12px;
    vertical-align: top;
    font-size: 14px;
}
.campany_table_03 table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 25px;
    color: #4D4D4D;
}
.campany_table_03 table th {
    width: 134px;
    border: 1px solid #999EA2;
    padding: 4px 12px;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}
/*greeting*/

.txt_box_00{
    border: 2px solid #539B7A;
    margin-bottom: 14px;
    padding: 40px;
}
.txt_box_00 .title_00_style{
    margin: 0 0 10px 0;
}
.txt_box_00 .tet_002{
    font-size: 14px;
    text-align: right;
    margin-left: auto;
    display: block;
    line-height: 1.7;
}
.sp_br{
    display: none;
    }

/* faq */
.fac_wap .title{
    margin: 0 0 16px 0;
}
.fac_wap .tit_h3{
    font-size: 22px;
    color: #539B7A;
    text-align: left;
    margin: 0 0 14px 0;
    line-height: 1.6;
}
.intro_02 ul{
    margin: 0 0 20px 0;
}
.intro_02 li{
    font-size: 14px;
    margin: 0 0 8px 0;
}
.faq_box{
    border: 2px solid #539B7A;
    padding: 14px;
    margin: 0 0 20px 0;
}
.faq_list li{
     margin: 0 0 12px 0;
    line-height: 1.4; 
}
.faq_list li a{
    font-size: 14px;
    color: #4D4D4D;
}
.faq_list li a:hover{
    color: #539B7A;
}
.faq_list span{
    display: inline-block;
    width: 34px;
    margin: 0 6px 0 0;
}
.answer_box img{
    margin: 0 0 20px 0;
}
.answer_box li{
    font-size: 14px;
    line-height: 1.8;
}
.flex_fax dt{
    display: flex;
}
.flex_fax .faq_span{
    max-width: 30px;
    width: 100%;
}
.flex_fax .faq_span_02{
    max-width: 42px;
    width: 100%;
}
.flex_fax .faq_ttl{
    flex: 1;
}
.answer_box{
    border: 2px solid #539B7A;
    padding: 14px;
    margin: 0 0 20px 0;
}
.answer_box dt{
    color: #4D4D4D;
    font-size: 16px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px solid #7A5731;
    position: relative;
    line-height: 1.8;

}
.answer_box dd{
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.8;
}
.answer_box dd:before{
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: url(../img/faq/qa_a.gif) no-repeat;
    left: 0;
    top: 3px;
}
.point_span{
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.0;
    background: #539B7A;
    padding: 4px 10px;
    margin: 0 0 4px 0;
    letter-spacing: 2px;
}
.others_list {
     margin: 0 0 8px 0;   
}
.others_list li{
   color: #4D4D4D;
   font-size: 14px;
   line-height: 1.4;
   margin: 0 0 8px 0;
   display: flex;
}
.employ_box .others_list{
   margin: 0 0 20px 0;
}
.answer_box a,
.others_box a{
   color: #288f64;
   text-decoration: none; 
}
.answer_box a:hover,
.others_box a:hover{
   color: #FF8400;
}
/* privacy */
.privacy_box {
    border: 2px solid #539B7A;
    padding: 20px 30px;
    margin: 0 0 20px 0;
}
.privacy_box .privacy_list_01{
   margin: 0 0 20px 0;
}
.privacy_box .privacy_list_01 li{
   font-size: 14px;
   line-height: 1.4;
   margin: 0 0 8px 0;
   display: flex;
}
.tit_style_02{
    position: relative;
    padding: 0 0 0 22px;
}
.tit_style_02:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #539B7A;
    top: 10px;
    left: 0;
}
.list_span_01{
    width: 14px;
}
.list_span_02{
    width: 26px;
}
.txt_03{
   font-size: 14px;
   line-height: 1.7;
}
.txt_04{
   font-size: 12px;
   line-height: 1.7;
}
.contact .txt_03{
   letter-spacing: 2px;
   /*margin: 0 0 8px 0;*/
}
.contact a{
   color: #539B7A;
}
.contact a:hover{
   text-decoration: underline;
   color: #F60;
}
/* employ */

.txt_00 {
font-size: 14px;
line-height: 1.7;
margin: 0 0 20px 0;
}

.box_wrap {
    border: 2px solid #539B7A;
    padding: 14px;
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.7;
}
.employ_box_02{
    padding: 14px;
}
.txt_03_style_01{
    font-weight: 700;
}

.tit_h4{
   font-size: 15px;
   font-weight: 700;
   letter-spacing: 2px;
   margin: 4px 0 6px 0;;
}
.tit_h4_style{
    border-left:2px solid #539B7A;
    padding: 5px 0 4px 8px;
    letter-spacing: 2px;
}
.tit_h4_style_02{
    color: #539B7A;
}
.list_type{
    position: relative;
}
.list_type:before{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    top: 5px;
    left: 4px;
    background:  #539B7A;
}
.box_wrap .employ_list_01{
   margin: 0 0 20px 0;
}
.box_wrap .employ_list_01 li{
   font-size: 14px;
   line-height: 1.4;
   margin: 0 0 8px 0;
   display: flex;
}
.banner_box{
    margin: 0 0 20px 0;
    display: flex;
}
.banner_box img{
    margin: 0 0 0 20px;
}

/* reserve */
.tit_h3_02{
    font-size: 16px;
    color: #539B7A;
    text-align: left;
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: 1.0; 
}
.tit_style_03{
    position: relative;
    padding: 0 0 0 18px;
}
.tit_style_03:before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #539B7A;
    top: 2px;
    left: 0;
}
.reserve_box .reserve_list_01{
   margin: 0 0 20px 0;
}
.reserve_box .reserve_list_01 .li_list{
   font-size: 14px;
   line-height: 1.7;
   margin: 0 0 8px 0;
}
.list_flex{
   display: flex;  
}
.reserve_list_02 .li_list_02{
   display: flex;
   margin: 0 0 6px 20px;
}
.reserve_box .txt_00 a{
    color: #539B7A;
}
.reserve_box .txt_00 a:hover{
   text-decoration: underline;
   color: #F60;
}
/* form_box*/
.box_wrap_form{
    margin: 0 0 20px 0;
}
.form_box .txt_03_style_02{
    font-weight: 700;
    margin: 0 0 20px 20px;
}
.form_box p{
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 8px 20px;
    color: #000000;
}
.form_box h4{
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 20px 0 8px 0;
}
 .box_wrap .form_list_01{
    margin: 0 0 20px 0;
 }
.list_style_01{
    border-bottom: 1px solid #939393;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}
 .box_wrap .form_list_01 li{
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 8px 0;
    display: flex;
 }
.form_box table span{
    font-size: 14px;
    line-height: 1.4;
}
.form_box strong{
    font-size: 16px;
    line-height: 1.4;
    color: red;
    margin: 4px 0 2px 6px;
}
.form_style_00{
    padding: 6px 0 20px 0;
}
.form_box select{
    margin: 6px 0 16px 0;
    padding: 4px;
}
.color_red{
    font-size: 16px;
    line-height: 1.4;
    color: red;
}
.exp_01{
    display: block;
}
.form_box table label{
    display: inline-block;
    margin-right: 10px;
}
.form_box table label input{
    width: 10px;
    height: 10px;
    margin-right: 2px;
    border: 1px solid #bbb;
    border-radius: 0;
    background-color: #fff;
    vertical-align: middle;
    line-height: 1;
    outline: none;
    -webkit-appearance: none;
}
.form_box .wpcf7-form-control-wrap{
    width: 100%;
}
.box_wrap table .clearfix{
    padding: 20px;
    vertical-align: middle;
    font-size: 100%;
    box-sizing: border-box;
}
.form_box table{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 50px 0;
    width: 100%;
}
.form_box th{
    padding: 20px;
    vertical-align: middle;
    font-size: 100%;
    max-width: 25%;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    background: #539B7A;
    color: #fff;
    border-bottom: solid #ddd 1px;
}
.form_box td{
    width: 100%;
    max-width: 79%;
    font-size: 14px;
    border: solid 1px #ddd;
    padding: 20px;
}
.form_box span{
    position: relative;
}
.form_box textarea{
    width: 100%;
    border: none;
    font-family: inherit;
    padding: 13px 15px;
    margin: 0;
    background: #f6f6f6;
    border-radius: 0;
    box-sizing: border-box;
}
.form_box input{
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}
.form_box table .small{
    width: 20%;
}
.form_box i{
    padding: 20px;
    vertical-align: middle;
    font-size: 100%;
    box-sizing: border-box;
}
 .txt_red{
    color: red;
    font-size: 16px;
 }
 .form_box a {
    color: #539B7A;
}
.form_box a:hover {
    text-decoration: underline;
    color: #F60;
}
.form_btn{
    text-align: center;
    margin: 20px 0 0 0;
    justify-content: center;
}
.btn_02_style{
    background: #539B7A;
    padding: 0;
    border: none;
    color: #fff;
    margin: 0 20px 0 0;
    max-width: 180px;
    width: 100%;
}
.btn_02_style:last-child{
    margin: 0;
}
.radio_form td{
    padding: 3px 6px;
    width: 42%;
    display: flex;
    align-items: center;
}
.radio_form input{
    margin: 0;
    width: 5%;
    box-sizing: border-box;
    padding: 10px;
}
.wpcf7-form-control{
    width: 100%;
    border: none;
    font-family: inherit;
    padding: 13px 15px;
    margin: 0;
    background: #f6f6f6;
    border-radius: 0;
    box-sizing: border-box; 
}
.btn_02_style{
    background: #539B7A;
}
.btn_02_style:hover{
    background: #E26E17;
    transition: .3s;
}
.form_box th.last_style{
    border-bottom: none;
}
.box_wrap_form .stlong_02{
    font-size: 14px;
    color: #ff9123;
}

@media screen and (max-width : 1230px){
    #contents_flex_00{
        flex-direction: column;
        width: 100%;
        max-width: 100%;
} 
    ul.article li{
        margin: 0;
}

    div.page_link{
        text-align: center;
}
    .pre_nav_list li{
        max-width: 24%;
        width: 100%;
    }
    .pre_nav_list .active{
        border-bottom: 1px solid #539B7A;
    }
    .pre_nav_list .active{
        border-left: 1px solid #539B7A;
    }
    .pre_nav_list li{
        margin: 0 0 20px 0;
    }
    .internet_wrap .tit_h3{
        margin: 0 20px;
    }
    .pre_list{
        margin: 0 20px;
    }
      .pre_nav_list li:nth-child(even){
        margin: 0 0 20px 0;
    }
    .osusume{
        margin: 0 20px;
    }
/* detail */
    .box_00{
        margin: 0 20px;
}
    
 /* brand */  
    #container_00{
        margin: 0 20px;
    }
  /* brand */    
    .hotel_list_00 li{
        width: 33%;
    }

    
@media screen and (max-width : 768px){
.txt_box_00{
    padding: 20px;
}

.privacy_box {
    padding: 20px 20px;
}
.pre_list li{
    flex-direction: column;
}
    .pre_nav_list .now a{
        padding: 8px 10px;
    }
  .pre_nav_list li{
        max-width: 30%;
        width: 100%;
    }
.list_flex_00{
    margin: 20px 0;
}
#tit_topics_list_00{
        font-size: 22px;
        width: 100%;
        border-bottom: 1px solid #939393;
}
    .benefits_00 .bene-title{
        margin: 0 0 20px 0;
}

    #right_box_00 .thumb img{
        width: 100%;
}
    .br_sp{
        display: block;
}
    .bene-title .tit_sub00{
        line-height: 1.8;  
}
    ul.article li {
        padding: 20px 0 20px 20px;
}
    .btn_00{
        width: 80px;
}
    .thumb_00{
       width: 30%; 
}
    .thumb_00 img{
       width: 100%;
}
    .link_btn{
        flex-direction: column;
    }
    /*faq*/
    .flex_fax .faq_span{
        max-width: 40px;
        width: 100%;
    }
    /* detail */
    .detail_box_00 {
        padding: 0;
    }

    .box_tit_flex{
        flex-direction: column;
        margin: 0 0 20px 0;
        border-bottom: none;
    }
    .btn_01{
        max-width: 200px;
        margin: 8px auto 0;
    }
    
     /* brand */  
    .list_pic_00{
        flex-direction: column;
    }  
    .list_left{
        width: 100%;
    }
    .list_right{
        margin: 0;
        width: 100%;
    }
    .list_right_00{
        margin: 0;
        width: 100%;
    }
    .hotel_list_00 li{
        width: 49%;
    }
    .hotel_list_00 :nth-child(odd){
        margin: 0 4px 0 0;
    }
    .hotel_list_00 li stlong{
        font-size: 10px;
        text-align: left;
    }
    .list_left img {
        width: 50%;
        margin: 0 auto;
}
    .list_left stlong{
        font-size: 14px;
        text-align: center;
        margin: 8px 0 10px 0;
    }
    .pc_br{
        display: none;
    }
    /*greeting*/
    .sp_br{
        display: block;
    }
    .fac_wap .tit_h3{
        font-size: 16px;
    }
    
    /* employ */
    .employ_box_02{
        padding: 0 0 20px;
    }
    .banner_box{
        flex-direction: column;
        text-align: center;
} 
    .banner_box img{
        width: 80%;
        margin: 0 0 20px 0;
}
    /*company*/
    .txt_04_day{
        font-size: 11px;
    }
    .campany_table_01 .txt_03,
    .campany_table_02 .txt_03,
    .campany_table_03 .txt_03{
        font-size: 13px;
    }
    .campany_table_01 tr,
    .campany_table_02 tr,
    .campany_table_03 tr{
        width: 100%;
    }
    .campany_table_01 td{
        font-size: 11px;
        padding: 4px;
        width: 30%;
    }
    .campany_table_02 td{
        font-size: 11px;
        padding: 4px;
        width: 70%;
    }
    .campany_table_03 td{
        font-size: 11px;
        padding: 4px;
        width: 70%;
    }
    .campany_table_01 th{
        width: 10%;
        font-size: 11px;
        padding: 4px;
    }
    .campany_table_02 th{
        width: 30%;
        font-size: 11px;
        padding: 4px;
    }

    .campany_table_03 th{
        width: 30%;
        font-size: 11px;
        padding: 4px;
    }
    .campany_table_01 .th_day{
        width: 20%; 
    }
    .campany_table_02 .td_add{
        width: 20%; 
    }
    .campany_table_03 th{
        width: 20%;
    }
    .campany_table_03 td.td_add{
        width: 10%;        
    }
    .campany_table_03 td{
        width: 50%;
    }
     /* form */
    .form_box tr{
       display: flex;
       flex-direction: column;
       width: 100%;
    } 
    .form_box table label{
       margin:0 0 10px 0;
    }
    .form_box th{
       max-width: 100%;
       padding: 10px 8px;
    }
    .form_box td{
        max-width: 100%;
        padding: 8px;
        box-sizing: border-box;
    }

    .form_box .stlong_02{
        display: inline-block;
    }
    }
    
    @media screen and (max-width : 380px){
       .pre_nav_list li{
        max-width: 48%;
        width: 100%;
    }
    }
}
.sp_view{
display: none;
}

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