@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font-style: normal;
/*text-align: left;*/
zoom: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
table {
border-collapse: collapse;
font-family: inherit;
}
h1,h2,h3,h4,h5 {
font-size: 100%;
font-weight: normal;
line-height: 1;
}
input,textarea,select {
font-family: inherit;
font-size: 16px;
}
input[type="button"],input[type="text"],input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
textarea {
resize: none;
-webkit-appearance: none;
border-radius: 0;
}
th,td {
border-collapse: collapse;
}
table th,table td {
white-space: nowrap;
}
ul,ol {
list-style-type: none;
}
img {
vertical-align: text-bottom;
vertical-align: -webkit-baseline-middle;
max-width: 100%;
height: auto;
width /***/:auto;
}
#cont{
    padding: 0;
}
.hed_title{
    font-size: 24px;
    text-align: left;
    width: 100%;
    margin: 10px auto 15px;
    color: #656565;
    font-family: serif;
    font-weight: bold;
}

/*動画　pc表示*/
.video_box {
width: 100%;
margin: auto;
padding-top: 20px;
display: none;
}

/*動画　スマホ表示*/
.video_box_sp {
width: 100%;
margin: auto;
padding-top: 20px;


}



/*パンクズリスト*/
.breadcrumb {
padding: 15px 0 0;
list-style: none;
max-width: 1200px;
margin: 20px 0;
width: 88%;
border: none;
font-size: 8px;
margin-left: 5%;

}

.breadcrumb li {
display: inline;/*横に並ぶように*/
list-style: none;
font-weight: bold;/*太字*/

}

.breadcrumb li:after {/* >を表示*/
content: '>';
padding: 0 0.2em;
color: #555;
}

.breadcrumb li:last-child:after {
content: '';
}

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

.breadcrumb li a:hover {
text-decoration: underline;
}
.breadcrumb span {
   color: #656565;
}


/*リンクテスト*/
.link_w {
display: inline-block;
border: solid 5px rgba(153, 125, 83, 1);
font-size: 14px;
font-weight: 700;
position: relative;
width: 100%;
margin-bottom: 30px;
padding: 15px; 

}
.b_content{
color: rgba(153, 125, 83, 1);
width: 100%;
font-size: 13px;
}
.b_content_f2{
color: rgba(153, 125, 83, 1);
width: 100%;
font-size: 12px;  
}

.link_w::before {
content: "";
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
border: solid 2px rgba(153, 125, 83, 1);
transition: 0.1s;
z-index: -1;
}

.link_w:hover::before {
border: solid 7px rgba(153, 125, 83, 1);
box-sizing: border-box;
}

.ibc_gra {
border: solid 5px rgba(153, 125, 83, 1);
transition: 0.1s;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 700;
width: 81%;
height: 45px;
background-color: #fff;
color: rgba(153, 125, 83, 1);
padding: 0 2%;
margin: 20px auto 0;
}
.ibc_gra:hover {
border: solid 10px rgba(153, 125, 83, 1);
}
.ibc_gra_s{
border: solid 5px rgba(153, 125, 83, 1);
transition: 0.1s;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
margin: 50px auto 0;
width: 100%;
height: 60px;
background-color: #fff;
color: rgba(153, 125, 83, 1);
padding: 0 3%;
text-align: center;
clear: left; /*float用*/
}
.ibc_gra_s:hover {
border: solid 10px rgba(153, 125, 83, 1);
}
.ibc_gra_p{
border: solid 5px rgba(153, 125, 83, 1);
transition: 0.1s;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 700;
width: 100%;
height: 60px;
background-color: #fff;
color: rgba(153, 125, 83, 1);
padding: 0 ;
margin: auto;
}
.ibc_gra_p:hover {
border: solid 10px rgba(153, 125, 83, 1);
}



/*リンク↑*/

.movie_item{
    position: relative;
}
#video_icon{
    position: absolute;
    width: 20%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color:transparent;
    display:inline-block;
    border-color: transparent;
}

.movie{
    position: relative;
    width: 100%;
    margin:0 auto;
    padding: 0;
}
.movie video{
    width: 100%;
}
.movie .play-btn1{
    display: block;
    width: 20%;
    position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit- transform: translateY(-50%) translateX(-50%);
}
.movie .play-btn2{
    display: block;
    width: 20%;
    position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit- transform: translateY(-50%) translateX(-50%);
}
.movie .play-btn3{
    display: block;
    width: 20%;
    position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit- transform: translateY(-50%) translateX(-50%);
}
.movie .play-btn1.playActive{display:none;}
.movie .play-btn2.playActive{display:none;}
.movie .play-btn3.playActive{display:none;}


/*動画↑*/
.newwp{
    width: 90%;
    margin: auto;
}
.fc_text{
margin-bottom: 18px;
font-size: 15px;
line-height: 1.8;
font-family: Hiragino Sans, "游ゴシック", YuGothic, "メイリオ", "meiryo", sans-serif;
}
.first_cont{
text-align: left;
margin: auto;
width: 90%;
}
.ttl{
margin-bottom: 25px;
font-family: serif;
font-weight: 700;
font-size: 26px;
line-height: 1.5;
    
}
.fc_link_wp{
margin:80px 0 30px;
}
.link_w:hover::before {
border: solid 10px rgba(153, 125, 83, 1);
box-sizing: border-box;
}
.link_w a {
z-index: -1;
display: block;
padding: 0;
text-align: center;
}
.fc_link_wp>.flb_btn> a{
margin-left: 0;
}
.csf_inner {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
margin-bottom: 30px;
}
.inner_btn_cont>.link_w a:hover{
 border: solid 8px rgba(153, 125, 83, 1);
box-sizing:border-box;
}
p{
margin: 0;
padding: 0;
}
li{
list-style: none;
}
.area_wp{
width: 100%;
margin: 80px auto 0;
max-width: 1200px;
}
.ch_title{
text-align: left;
font-size: 24px;
margin-bottom: 30px;
font-family: serif;
font-weight: 900;
}
.ch_title span{
font-size: 10px;
color: #767676;
}
#news{
width: 100%;
margin: auto;
border-top: none;
max-width: 1200px;
}
.news_cont{
display: flex;
justify-content: space-between;
}
.news_contl{
    font-size: 13px;
    padding-right: 10px;
}
.cht_news{
text-align: left;
margin-bottom: 0px;
font-size: 20px;
font-weight: 900;
font-family: serif;;
}
.news_contr{
padding-right: 15px;
}
.cht_news span{
font-size: 10px;
color: #767676;
}
.cht_news dt {
    display: block;
    text-align: left;
    width: 140px;
    padding: 10px 0;
    margin: 0 10px 0 0;
    float: left;
}
.to_news dd {
    display: block;
    text-align: left;
    padding: 20px 0;
    margin: 0;
    font-size: 12px;
/*    border-top: 1px solid rgba(0, 0, 0, 0.1);*/
}
.to_news{
margin: 30px 0px;
}
/*work↓*/
.work_area{
    max-width: 1200px;
    margin-bottom: 0px;
}
.work_wp{
    margin: 80px 0 0;
}
.work_content{
/*    display: flex;*/
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
}
.work_title{
    font-size: 22px;
    text-align: left;
    margin-bottom: 30px;
    font-weight: 700;
    font-family: serif;
}
.work_title span{
    font-size: 10px;
}
.work_area>.ch_title{
    margin-bottom: 10px;
}

.work_item{
    width: 100%;   
    margin: 30px 0 50px;
}

.work_img img{
    width: 100%;
    border-radius:5px;
}

.work_name{
    text-align:left;
    font-size: 16px;
    margin: 13px 0 8px;
    font-weight: 700;  
}
.work_detail{
    font-size: 14px;
    text-align: left;
    line-height: 1.7;
}
.mb1{
    margin-bottom: 20px;
}
.work_tt{
     text-align: left;
     font-size: 11px;
    margin-bottom: 30px;
}
.ws_title{
    font-size: 17px;
    margin-bottom: 16px;
    line-height: 1.8;
    font-weight: 700;
}
.ws_title span{
    padding-right: 15px;
    color: rgba(153, 125, 83, 1);
}
.ws_text{
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 2.0;
    font-weight: normal;
}
.ws_ol{
    text-align: left;
}
.wmv_content{
margin-bottom: 60px;
}
.work_mv_item{
    width: 100%;
    float: left;
    margin: 30px 0;
}
.work_mv_item:last-child{
    margin-bottom: 60px;
}
.wmi_name{
    text-align: left;
    font-size: 16px;
    color: rgba(153, 125, 83, 1);
    margin: 13px 0 8px;
    font-weight: 700;
}
.wmi_detail{
    font-size: 12px;
    text-align: left;
}
.skill_wp{
    padding: 0;
    margin-top: 80px;
}
.conditions_hed_wp{
    margin-top: 80px;
}

.wm_content{
    justify-content: space-between;
    display: block;
    text-align: left;
}
.work_mstitle{
    flex-basis: 40%;
    font-size: 20px;
    font-weight: 700;
    
    padding-top: 8px;
}
.work_mstext{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 1.8;
    margin-top: 20px;
    width: 100%;
}
.wm_cnt_center{
        flex-basis: 60%;
}
.wmc_list_item{
    border: none;
    margin: 0;
    padding-top: 30px;
    border-bottom: 1px solid #7676;
}
.wmc_list_item a{
    color: #323232;
    gap: 0 30px;
    text-decoration: none;
}
.mac_list_item_eyecatch{
    line-height: 0;
    overflow: hidden;
    width: 100%;
}
.wmc_list_item_summary{
    width: 100%;
    padding: 20px 0 0;
}

.wmfl_name{
    padding: 10px 0 20px;
    font-size: 14px;
    line-height: 1.8;
}
.wmc_list_name{
    font-weight: 700;
    font-size: 18px;
}

.work_title span{
    font-size: 10px;
    color: #767676;
}
/*
.wm_fl{
    display: flex;
    text-align: left;
}
.wm_fl_left{
    width: 50%;
    text-align: left;
    padding-right: 10%;
}
.work_mstitle{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}
.wmr_cont{
    display: flex;
    width: 45%;
}
.wm_fl_center{
    width: 60%;
}
.wm_fl_right{
    padding: 0 10%;
    text-align: left;
}
*/


/*
.box_inner_main{
position: relative;
}
.box_inner_main img{
width: 100%;
}
.main_box{
position: absolute;
background-color: rgba(153, 125, 83, 1);
bottom: -20px;
padding: 50px 25px;
left: 40px;
color: #fff;
}
*/
/*
.mb_title{
font-size: 20px;
}
.mb_text{
font-size: 14px;
margin-top: 15px;
}
.box_inner_sb{
margin-top: 45px;
text-align: left;
}
*/
/*work⇧*/
.chb_ul{
list-style: none;
display: flex;
width: 100%;
justify-content: space-between;
margin-bottom: 40px;
font-size: 14px;
}
.chb_ul ul li{
background-repeat: no-repeat;
background-size:  auto 60px;
padding-left: 100px;
padding-right: 25px;
line-height:20px;
background-position: 10px;
margin-bottom: 30px;
background-image: url("../img/company/icon_down.jpg");
}
.chb_li a{
display: block;
padding: 15px 10px;
text-decoration: underline;
font-size: 12px;
}
.chb_li a::after{
content: "";
display: inline-block;
width: 9px;
height: 9px;
background: url("../img/company/icon_down.jpg") no-repeat;
background-size: contain;
margin-right: 4px;
position: relative;
bottom: -1px;
left: 10px;
}
.chb_li{
border: 1px solid;
border-radius: 10px;
width: 190px;
}
.cs_title{
font-size: 16px;
font-weight: 700;
text-align: left;
margin-bottom: 40px;
margin-top: 70px;
}
.conditions_area{
text-align: left;
margin-bottom: 50px;
}
.ca_flex_box{
padding-bottom: 40px;
font-size: 14px;
}
.cafb_item_left{
font-weight: 700;
margin-bottom: 10px;
font-size: 14px;
}
.csf_list-item-content-number-line{
position: absolute;
left: 30%;
transform: translate(-50%,-50%);
background: #9b9b9b;
top: -16%;
width: 2px;
height: 20px;   
}
.csf_list-item-content-number {
position: relative;
margin-right: 10px;
width: 5%;
height: 40px;
line-height: 40px;
font-size: 18px;
text-align: left;
}
.ch_btn_area{
margin-bottom: 50px;
}
.cha_box{
font-size: 14px;
padding: 10px 100px;   
}
.csf_list-item {
border-top: 1px solid #ddd;
width: 100%;
}    
.csf_list-item {
border-top: 0;
}
.csf_list-item:nth-of-type(1) {
border-top: 0;
}
.csf_list-item-content {
margin-left: auto;
margin-right: auto;
max-width: 1100px;
display: flex;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
flex-wrap: wrap;
}

.csf_list-item-content.one {
padding-top: 0;
}


.csf_ist-item-content-number-line {
position: absolute;
top: -36%;
left: 50%;
transform: translate(-50%,-50%);
width: 4px;
height: 66px;
background: #9b9b9b;
}
.csf_list-item-content one{
text-align: left;
}
.csf_list-item-content-title {
flex-basis: 260px;
font-weight: 700;
margin-right: 0;
width: 70%;
font-size: 13px;
text-align: left;
}
.csf_list-item-content-description {
line-height: 1.5;
margin-left: 60px;
max-width: 260px;
font-weight: normal;
font-size: 13px;
}
.selection_flow_area{
margin-bottom:100px;
width: 100%;
}
.sf_inner{
text-align: left;
margin-bottom: 100px;
}
.sfi_box{
border-top: 1px solid;
border-bottom: 1px solid;
}
.sf_question{
margin: 30px 0 0;
font-weight: 700;
font-size: 16px;
}
.sf_question::before{
content: "Q.";
font-size: 18px;
padding-right: 10px;
}
.sf_answer{
font-size: 12px;
padding: 20px 0;
}
.sf_answer::before{
content: "A.";
font-size: 18px;
padding-right: 10px;
}
.sfi_box:nth-child(1){
border-bottom: none;
}
.flb_btn a{
border: 8px solid;
padding: 20px 25px;
font-size: 18px;
font-weight: 700;
width: 90%;
display: block;
margin: auto;
background-color: #fff;
}
.flb_btn{
margin: 30px 0;
text-align: center;
}
.selection_footer_link_box a{
display: block;
padding: 20px 35px 20px 60px;
text-align: center;
}
.b_content::after{
content: ">";
padding-left: 6%;
}
.b_content_f2::after{
content: ">";
padding-left: 3%;
}
.stories_li {
display: flex;
justify-content: space-between;
}
.stories_li::after{
content: ">";
padding-right: 15px;
}
.r_icon{
margin: 5px 8px 0;
font-size: 12px;
}
.selection_footer_link_box{
margin: 50px 0 70px;
text-align: center;
}
.border_color a{
pointer-events: none;
border-color: gray;
color: gray;
box-shadow: 0 5px 15px;
}
.cr_t{
font-weight: 700;
margin-bottom:10px
}
.ci_lm{
margin-bottom: 20px;
}
#mainimg .pc_mainimg{
display: block;
}
address.adrs{
position: relative;
}
.mgt6{
margin-top: 0;
width: 100%;
margin: auto;
}
.scroll{
white-space: normal;
}
.chb_ul li:nth-child(2){
margin-left:26px;
}
.chb_ul li:nth-child(3){
margin-left:26px;
}
.br_font{
text-indent: 1rem;
}
.privacy_title{
font-size: 14px;
font-weight:700;
margin-bottom: 20px;
}
.destination{
margin-top: 50px;
}
.pc_none{
    display: block;
}
.sp_none{
    display: none;
}
.to_news dd:last-child{
/*border-bottom: 1px;*/
}
.application_requirements{
margin: 50px 0;
}
.required_documents{
text-align: left;
}
.tabs {
flex-wrap: wrap;
}
.tab_label {
color: #000000;
font-weight: bold;
position: relative;
z-index: 1;
cursor: pointer;
flex: 1;
padding: 15px 30px;
margin: 3px 0px;
background-color: #d3ccbf;
}
.tab_label:hover {
opacity: 0.75;
}
.tab_content {
flex: 100%;
display: none;
overflow: hidden;
}
input[name="tab_switch"] {
display: none;
}
.tabs input:checked + .tab_label {
color: #fff;
background-color: #997D53;
padding: 15px 50px;
}
#tab01:checked ~ #tab01_content,
#tab02:checked ~ #tab02_content,
#tab03:checked ~ #tab03_content {
display: block;
}
.tab_content{
position: relative;
animation: fadeIn 1s ease;
margin-top: 50px;
}
.ng_stitole{
margin: 0px 0 30px;
font-size: 18px;
font-weight: 900;
font-family: serif;
}
.fd_btn_area{
width: 100%;
margin: 50px 0;
background-image: url("https://www.hotelnikko-fukuoka.com/img/restaurant/img_rest_serena_f1.jpg");
background-size: cover;
}
.fdb_inner{
height: 280px; 
/*height: 210px;   バナー1つ*/
background-color: rgba(0,0,0,0.4);
}
.fdb_inner>.inner_btn_cont>.link_w{
background-color: #fff;
}
.fd_title{
color: #fff;
padding: 20px 0;
font-weight: 700;
margin-top: 30px;
font-size: 11px;
}
.fd_text{
color: #fff;
font-size: 13px;
font-weight: 700;
padding: 0 43px;
text-align: left;
}

.tab-3 {
        flex-wrap: wrap; /* フレックスアイテムを折り返して表示 
    }

    .tab-3 > label {
        width: auto; /* ラベルの幅を自動調整 */
        margin: 0; /* マージンを調整してラベルを縦に配置 */
    }

    .tab-3 > div {
        width: calc(100% - 30px); /* ディスプレイ幅から30pxを差し引いた幅を設定 */
        margin: 0 auto 20px; /* 中央揃えと下部のマージンを設定 */
    }
}
/* 全ての.toggleクラスに対して非表示のスタイルを適用 */
.toggle {
    display: none;
}

/* .tab-3クラスに対するスタイル */
.tab-3 {
    display: flex; /* フレックスボックスを使用して子要素を水平に配置 */
    flex-wrap: wrap; /* 子要素を折り返さずに表示 */
    justify-content: center; /* 子要素を中央に配置 */
}

/* .tab-3直下のdiv要素に対するスタイル */
.tab-3 > div {
    display: none; /* 初期状態では子要素を非表示 */
    width: 100%; /* 幅を100%に設定 */
    padding: 1.5em 1em; /* 内側の余白を設定 */
}

/* チェックされたラベルに対するスタイル */
.tab-3 label:has(:checked) {
    background-color: #997d53; /* 背景色を変更 */
    color: #fff; /* 文字色を変更 */
    padding: 12px 0; /* 上下の余白を調整 */
    height: 42px; /* 高さを指定 */
    font-size: 12px; /* 文字サイズを指定 */
    margin: 0 15px 0 0; /* マージンを調整 */
    height: auto; /* 高さを自動調整 */
}

/* チェックされたラベルの直後のdiv要素に対するスタイル */
.tab-3 label:has(:checked) + div {
    display: block; /* 初期状態では非表示 */
}

/* .tab-3直下のlabel要素に対するスタイル */
.tab-3 > label {
    width: 200px; /* 幅を指定 */
    flex: 1 1; /* フレックスアイテムの伸縮を設定 */
    order: -1; /* 順序を設定 */
    min-width: 70px; /* 最小幅を指定 */
    padding: .7em 1em .5em; /* 内側の余白を設定 */
    background-color: #fff; /* 背景色を設定 */
    color: #000; /* 文字色を設定 */
    font-weight: 700; /* フォントの太さを指定 */
    text-align: center; /* テキストを中央揃えにする */
    cursor: pointer; /* カーソルをポインターにする */
    margin-right: 15px; /* 右側のマージンを指定 */
    border-bottom: 2px solid #997d53; /* 下部のボーダーを設定 */
    font-size: 12px; /* 文字サイズを指定 */
}

.stories_wp{
margin:auto;
width: 100%;
}
.stories_content{
width: 100%;
}
.stories_cleft{
width: 100%;
margin: 50px auto;
}
.stories_cleft img{
width: 100%;
}
.stories_cright{
text-align: left;
}
.stories_title{
text-align: left;
font-size: 20px;
font-weight: 900;
font-family: serif;
}
.stories_title span{
font-size: 10px;
color: #767676;
}
.stories_copy{
font-size: 16px;
color: rgba(153, 125, 83, 1);
font-weight: 700;
}
.st_list{
margin-top: 30px;
}
.st_list li{
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
font-size: 13px;
padding: 15px 0;
}
.tab-3 > label:hover {
opacity: .8;
}
.tab_size{
width: 30%;
}
.tab-3 input {
display: none;
}
.tab-3 > div {
display: none;
width: 100%;
padding: 1.5em 1em;
background-color: #fff;
}

/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox{
width: auto;
font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
margin:0; /* ボックス全体の位置調整 */
}

.acbox label{
width: auto;
font-size: 14px; /* ラベルの文字サイズ */
font-weight: bold;
text-align: left;
background: #fff; /* ラベルの背景色 */
position: relative;
display: block;
padding:0;
cursor: pointer;
color: #000;
padding-right: 16px;
line-height: 2.0;
    
}

.acbox label:hover{
background: #fff; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
display: none;
}

.acbox label:after{
color: #000;
content:"＋"; /* ラベルのアイコン */
transform:rotateZ(180deg); 
position: absolute;
top: 20%;
right: 0px;
margin-top: -14px;
}

.acbox input:checked ~ label::after {
content:"ー"; /* ラベルをクリックした後のアイコン */
}

.acbox div{
height: 0px;
overflow: hidden;
opacity: 0;
transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
height: auto;
padding: 15px 0 10px; /* 開いた部分の枠内の余白 */
border-radius: 0px;
opacity: 1;
text-align: left;
text-indent: 0;
padding-left: 0;
font-size: 16px;
line-height: 2.0;
}

.acbox input:checked ~ label {
background: #fff; /* クリック後のラベルの背景色 */
}

.acbox-under{
font-size: 15px; /* 開いた部分の文字サイズ */
color: #000; /* 開いた部分の文字色 */
}

.hr_line{
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.icon_q::before{
content: "Q.";
font-family: HelveticaNowDisplay-XBd, sans-serif;
padding-right: 15px;
font-size: 18px;
padding: 10px 0;
padding-right: 10px;
/*display: flex;*/
}
.icon_a::before{
content: "A.";
font-family: HelveticaNowDisplay-XBd, sans-serif;
padding-right: 13px;
font-size: 18px;
font-weight: 700;
display: flex;
padding: 10px 0;
}
.to_news dt{
    font-size: 10px;
    color: #767676;
}
.icon_q span{
    width: 90%;
    display: inline-flex;
}

@media screen and (min-width:768px) {
.ch_title{
font-size: 24px;
margin-bottom: 60px;
  font-weight: 700;
}
.ch_title span{
font-size: 14px;
color: #767676;
}
.chb_li{
    width: 46%;
    padding-right: 8px;
}
.chb_li a{
    font-size: 16px;
}
.cs_title{
    font-size: 19px;
}
.cafbth_right{
    font-size: 14px;
    width: 65%;
    margin-bottom: 20px;
}
.cafbth_right span{
    font-size: 80%;
    line-height: 20px;
}
 .cafb_item_left{
    font-size: 14px;
    margin-right: 6%;
    width: 15%;
     margin-bottom: 20px;
}
.ca_flex_box{
    display: flex;
    font-size: 20px;
    padding: 0;
    padding-bottom: 20px;
}
.csf_list-item-content-number{
    font-size: 18px;
    height: 38px;
}
.csf_list-item-content-title{
    font-size: 16px;
    flex-basis:80%;
}

.csf_list-item-content-number-line{
    transform: translate(-50%,-50%);
    left: 17%;
    height: 19px 
    }
.sf_question{
    font-size: 18px;
}
.sf_answer{
    font-size: 14px;
}
.selection_footer_link_box a{
    font-size: 24px;
     width: 83%;
}
.flb_btn a{
    font-size: 24px;
     width: 83%;
}
.chb_li{
    padding-right: 0;
}
.chb_li a::after{
left: 15px;
}
.csf_list-item-content{
margin-right: 0;
margin-left: 0;

}
.conditions_area{
margin-bottom: 70px;
}
.chb_ul{
justify-content:flex-start;
margin-bottom: 60px;
}
.chb_ul li:nth-child(2){
margin-left:30px;
}
#news{
width: 86%;
}

.w50{
    width: 100%;
}
.work_box{
    display: flex;
    justify-content: space-around;
    margin-bottom: 60px;
}

.mgt6{
width: 86%;
}

.area_wp{
background-color: #F3F1EF;
padding: 50px 40px 5px;
}
.wmc_list_item a{
    color: #323232;
    display: flex;
    gap: 0 30px;
    text-decoration: none;
    padding-bottom: 25px;
}
.mac_list_item_eyecatch{
    width: 55%;
}
    .wmc_list_item_summary{
        padding: 0 0 0 30px;
    }
    .work_item{
        padding: 0 5px;
    }
    .work_mstitle{
        flex-basis: 60%;
    }
    .wm_cnt_center{
         flex-basis: 100%;
    }
    .wmc_flcont{
        display: flex;
    }
    .wmc_list_item_summary{
        padding-right: 15px;
    }
    .wmc_list_item{
        padding: 20px 0 10px;
    }
    .mac_list_item_eyecatch{
        width: 100%;
    }
    .fd_text{
        text-align: center;
    }
    .acbox label:after{
        top: 33%;
    }
}
@media screen and (min-width:1024px) {
.cafb_item_left{
width: 12%;
}
.csf_list-item-content-number-line{
transform: translate(-50%,-50%);
left: 12%;

}
.chb_li a{
display: block;
padding: 10px;
}
.chb_ul{
justify-content:flex-start;
margin-bottom: 60px;
}
.chb_ul li:nth-child(2){
margin-left:30px;
}
.ch_title{
    font-size: 30px;
    font-weight: 700;
}
.ch_title span{
    font-size: 14px;
}

.cafbth_right{
    font-size: 17px;
}
.chb_li a{
    font-size: 18px;
}
.ch_btn_area {
margin-bottom: 0px;
}
.csf_list-item-content-title{
    font-size: 18px;
}
.csf_list-item-content-number{
    font-size: 20px;
}
.ca_flex_box{
    padding-bottom: 0;
}
.flb_btn{
    width: 45%;
}
.flb_btn a {
font-size: 15px;
padding: 20px 20px;
/*    max-width: 40%;*/
}
.selection_footer_link_box a {
font-size: 15px;
padding: 20px 20px;
max-width: 40%;
}
.new_graduate:before {
content: "";
display: block;
height: 100px; /* 調整したい高さ（固定ヘッダーの高さ） */
margin-top: -100px; /* heightと同じ分のネガティブマージン */
visibility: hidden;
}
#part_time:before {
content: "";
display: block;
height: 30px; /* 調整したい高さ（固定ヘッダーの高さ） */
margin-top: -30px; /* heightと同じ分のネガティブマージン */
visibility: hidden;
}
#chef_staff:before {
content: "";
display: block;
height: 30px; /* 調整したい高さ（固定ヘッダーの高さ） */
margin-top: -30px; /* heightと同じ分のネガティブマージン */
visibility: hidden;
}
.chb_li{
width: 27%;
padding: 10px 0;
}

.csf_list-item-content-number{
    margin-right: 15px;
}
.cafbth_right{
    width: 100%;
    font-size: 18px;
}
.news_contl{
    font-size: 18px;
    padding: 0;
}

.to_news dd{
    font-size: 17px;
}
.cafb_item_left{
    margin-top: -30px;
    padding-top: 30px;
    margin-right: 5%;
    font-size: 18px;
    width: 208px;
}
.pc_none{
    display: none;
}
.link_w {
    box-sizing: border-box;
}
.fd_text{
    font-size: 24px;
    text-align: center;
    padding: 0;
}
.breadcrumb li {
display: inline;/*横に並ぶように*/
list-style: none;
font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
content: '>';
padding: 0 0.2em;
color: #555;
}

.breadcrumb li:last-child:after {
content: '';
}

.breadcrumb li a {
text-decoration: none;
color: #767676;
}

.breadcrumb li a:hover {
text-decoration: underline;
}
.ttl{
font-size: 36px;
margin-bottom: 25px;

}  
.fc_text{
font-size: 16px;
}
.link_w a {
z-index: -1;
display: block;
padding: 10px 25px 10px 25px;
text-align: center;
}
.fc_link_wp{
display: flex;
margin: 80px 0;
justify-content: space-between;
}
.link_w {
border: solid 5px rgba(153, 125, 83, 1);
font-size: 18px;
font-weight: 700;
position: relative;
width: 46%; 
} 

.to_news{
margin: 30px 0px;
}
.to_news dt{
    font-size: 13px;
    padding-top: 24px;
}
.to_news dd{
    font-size: 18px;
}
.stories_wp{
margin: 50px 0 80px;
}
.stories_content{
display: flex;
width: 100%;
margin-top: 80px;
}
.stories_cleft{
width: 80%;
margin-top: 0;
}
.stories_title span{
font-size: 14px;
color: #767676;
}
.stories_title{
text-align: left;
font-size: 30px;
font-weight: 900;
font-family: serif;
}

.stories_copy{
font-size: 24px;
margin-top: 10px;
line-height: 1.6;
}
.st_list li{
font-size: 18px;
padding: 15px 0;
}
.stories_cright{
margin-left: 5%;
}
.area_wp{
margin: auto;
padding: 50px 80px 5px;
}
.fc_text{
margin-bottom: 15px;
font-size: 18px;
line-height: 2.0;
}

.ng_stitole{
margin: 0 0 50px;
font-size: 26px;
text-align: center;
}
.tab-3 {
display: flex;
flex-wrap: wrap;
justify-content: center;

}
.tab-3 > div {
display: none;
width: 100%;
padding: 1.5em 1em;
}

.tab-3 label:has(:checked) {
background-color: #997d53;
margin: 0 15px 0 0;
font-size: 20px;
height: auto;
}
    
.tab-3 label:has(:checked) + div {
display: block;
}
.tab-3 > label {
width: 200px;
flex: 1 1;
order: -1;
min-width: 70px;
padding: .7em 1em .5em;
background-color: #fff;
color: #000;
font-weight: 700;
text-align: center;
cursor: pointer;
margin-right: 15px;
border-bottom: 2px solid #997d53;
font-size: 20px;
}
.ibc_gra_p{
border: solid 5px rgba(153, 125, 83, 1);
transition: 0.1s;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
width: 400px;
height: 60px;
background-color: #fff;
color: rgba(153, 125, 83, 1);
padding: 0 35px;
margin: auto;
}
.ibc_gra_p:hover {
border: solid 10px rgba(153, 125, 83, 1);
}
.cs_title{
font-size: 24px;
margin-bottom: 40px;
margin-top: 80px;
}
.acbox label{
font-size: 18px; /* ラベルの文字サイズ */
padding:20px 0 10px;

}
.acbox label:after{
color: #000;
content:"＋"; /* ラベルのアイコン */
transform:rotateZ(180deg); 
position: absolute;
top: 56%;
right: 15px;
margin-top: -14px;
}
.icon_q::before{
content: "Q.";
font-family: HelveticaNowDisplay-XBd, sans-serif;
padding-right: 17px;
font-size: 18px;
/*display: block;*/
}
.acbox input:checked ~ div{
height: auto;
padding: 18px 10%; /* 開いた部分の枠内の余白 */
text-indent: -2em;
padding-left: 2em;
font-size: 18px;
line-height: 2.0;
}
.fd_title{
color: #fff;
padding: 20px 0;
font-weight: 700;
margin-top: 30px;
font-size: 16px;
}
.inner_btn_cont{
display: flex;
justify-content: space-around;
margin: 0 115px;
}
.fdb_inner>.inner_btn_cont{
margin-top: 30px;
}

.fdb_inner{
height: 280px; 
/*height: 210px;   バナー1つ*/
background-color: rgba(0,0,0,0.4);
}
.ibc_gra {
border: solid 5px rgba(153, 125, 83, 1);
transition: 0.1s;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
width: 340px;
height: 60px;
background-color: #fff;
color: rgba(153, 125, 83, 1);
padding: 0 3%;
}
.selection_flow_area{
margin-bottom:100px;
width: 100%;
margin-top:0px;
}
.ibc_gra_s{
    border: solid 5px rgba(153, 125, 83, 1);
    transition: 0.1s;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    margin: auto;
    width: 545px;
    height: 85px;
    background-color: #fff;
    color: rgba(153, 125, 83, 1);
    padding: 0 3%;
    text-align: center;
}
    .pta_faq{
        margin: 80px 0 0;
    }
.work_title{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 35px;
    
}
.work_title span{
    font-size: 10px;
}
.work_area>.ch_title{
    margin-bottom: 20px;
}

.work_item{
    width: 86%;
    margin:auto;
}
.work_item:hover{
    opacity: 0.5 ;
}
.b_content{
font-size: 18px;
}
.b_content_f2{
font-size: 15px;
}
.video_box {
/*max-width: 1200px;*/
width: 100%;
margin: auto;
padding-top: 34px;
display: block;
}
.video_box_sp {
/*max-width: 1200px;*/
width: 100%;
margin: auto;
padding-top: 34px;
display: none;
}
.breadcrumb {
width: 86%;
font-size: 12px;
padding-top: 80px;
max-width: 1200px;
margin: 0 auto;
}
.sp_none{
    display: block;
}
.work_mv_item{
    width: 45%;
    margin: 30px 2%;
}
.mr1{
    margin-right: 30px;        
}
.first_cont{
width: 100%;
}
.newwp{
width: 100%;

}
.work_mstext{
    font-size: 18px;
    line-height: 2.0;
}
.work_mstitle{
    font-size: 26px;
    margin-bottom: 20px;
    margin-right: 40px;
}
.wmc_list_item_summary{
    width: 100%;
    padding: 10px 0px 0px 20px;
}
    .wmc_list_item{
        padding: 20px 0; 
        
    }
    .wmc_flcont{
        display: flex;
    }
.cht_news{
font-size: 30px;
}
.cht_news span{
font-size: 14px;
}
.wmc_list_name{
font-size: 24px;
}
.work_tt{
     font-size: 16px;
}
.ws_title{
    font-size: 18px;
    margin-bottom: 20px;
}
.ws_text{
    padding-left: 33px;
    font-size: 18px;
    line-height: 2.0;
}
.work_area{
    margin-bottom: 80px;
}
.work_wp{
    margin: 80px 0;
}
.work_name{
    font-size: 16px;
}
#part_time{

height: 50px; /* 調整したい高さ（固定ヘッダーの高さ） */
/*margin-top: -50px;  heightと同じ分のネガティブマージン */
}
.wm_content{
    display: flex;
}
.mac_list_item_eyecatch{
    widows: 55%;
}
    .hed_title{
    font-size: 28px;
    text-align: left;
    max-width: 100%;
    padding-top: 15px;
    margin: 0 auto 20px;
}