/*
Theme Name: syusoku2024_summer_online_honban
Author: 
Author URI: 
Version: 1.0
*/

body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:100%;
	line-height:180%;
	color: #222;
    overflow-x: hidden;
    background: url("http://kochi-iju.jp/lp/kochi-job/olfair/wp-content/uploads/2025/05/bg.jpg") repeat top center;
    background-size:cover;
    background-attachment: fixed;
}
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: 0;
	font-size: 100%;
    list-style:none;
	vertical-align: baseline;
    -webkit-appearance: none;
}
iframe { border: none;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    backface-visibility: hidden;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd { box-sizing:border-box;}
img { border: none; vertical-align:bottom;}

a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}

#wrapper {}
i.material-icons { vertical-align: middle;}
.pc {display:block;}
.sp {display:none;}
.inner { margin: auto; width: 90%; max-width:920px;}
@media only screen and (min-width:800px){
    a:hover img { opacity: 0.7; filter: alpha(opacity=70);}
}
@media only screen and (max-width:800px){
	body { min-width:375px; font-size:100%;}
	#header { width:100%;}
	#content{ width:100%;}
	#footer { width:100%;}
	#wrapper {overflow:hidden;}
	#base { width:100%;}
	.pc { display:none !important;}
	.sp { display:block !important;}
}



#content { padding: 150px 0;}
h2.sbtit { 
    margin-bottom: 60px;
    padding: 20px 0;
    font-size:350%;
    text-align: center;
    color: #fff;
    /*background: url("img/winter_online/bg1.jpg") repeat center center;*/
}
h2.sbtit small { display: block; font-size: 20px; margin-bottom: 10px;}
h3.sbmid b { font-weight:bold; font-size: 287.5%;}
h3.sbmid small { display: block; font-size: 100%; margin-top: 40px;}
.note { padding-left:17px; text-indent:-25px; font-size:10px; line-height: 140%;}
.note::before { margin-left: 10px; content:"※";}
.btn1,
.btn2 {
    border-radius: 50px;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.40);
}
.btn1 a,
.btn2 a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: url("http://kochi-iju.jp/lp/kochi-job/olfair/wp-content/uploads/2025/06/arrow2.png") no-repeat 93% center !important;
}
.btn1 a {
    display: block;
    padding: 15px 90px 15px 30px;
    font-size: 137%;
    background-size: 40px auto !important;
}
.btn2 a {
    display: block;
    padding: 22px 90px 22px 30px;
    font-size: 137%;
    text-align: center;
    background-size: 40px auto !important;
}
.btn1.b_green,
.btn2.b_green { background:#30D1D1}
.btn1.b_red,
.btn2.b_red{ background: linear-gradient(70deg, #ff4646, #ff4646, #ffc400, #ff9e2c);}
.btn1.b_blue,
.btn2.b_blue{ background: linear-gradient(180deg, #0091bf, #0091bf, #2ca5bc, #2ca5bc);}
.btn1.b_orange,
.btn2.b_orange{ background: linear-gradient(135deg, #FF4646, #FF4646, #FFC400, #FF9E2C);}
.entry_btn dl { max-width: 470px;}
.entry_btn dl dt {
    position: relative;
    margin-bottom: 20px;
    padding: 0 45px;
    font-size: 175%;
    font-weight: bold;
    color:#224069;
    text-align: center;
}
.entry_btn dl dt::before,
.entry_btn dl dt::after {
    position: absolute; bottom: 0;
    display: block; clear: both; content: "";
    width: 25px; height: 25px;
    background: url("http://kochi-iju.jp/lp/kochi-job/olfair/wp-content/uploads/2025/06/fukidasi_blue.png") no-repeat;
    background-size: 100% auto;
}
.entry_btn dl dt::before { left: 0; }
.entry_btn dl dt::after { right: 0; transform: scale(-1, 1);}
.entry_btn.ore dl dt { font-size: 125%; color:#EE6E01; }
.entry_btn.ore dl dt::before,
.entry_btn.ore dl dt::after {
    background: url("http://kochi-iju.jp/lp/kochi-job/olfair/wp-content/uploads/2025/06/fukidasi_orange.png") no-repeat;
    background-size: 100% auto;
}
@media only screen and (max-width:800px){
    #content { padding-top: 100px;}
    .note { font-size:75%;}
    h2.sbtit { 
        padding: 20px 0;
        font-size:200%;
    }
    h3.sbmid { text-align: center;}
    h3.sbmid b { font-size: 180%;}
    h3.sbmid small { margin-top:0;}
    .btn1 a,
    .btn2 a {
        display: block;
        padding: 15px 40px 15px 15px !important;
        font-size: 125% !important;
        background-size: 25px auto !important;
    }
    .entry_btn dl dt { padding: 0 25px;}
    .entry_btn dl dt { font-size: 125%; }
}

#header2,
#footer2 { display: none;}

.linknone { pointer-events: none !important; filter: grayscale(1) !important;}
.linknone a { pointer-events: none !important;}


/*=============================================
  HEADER
=============================================*/
#header {
    position: fixed; left: 0; top: 0; z-index: 99999999999;
    display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center;
    width: 100%; 
    padding:  0 40px;
    transition: .3s;
}
#header h1 { width:290px; color: #fff;}
#header h1 a { display: block; width: 100%; box-sizing: border-box;}
#header h1 img { width: auto; height:40px;}
#header .nav_btn { display: none;}
#header .nav-list { 
    display: flex; flex-wrap: wrap; gap:20px; align-items: center;
    padding:20px 0;
}
#header .nav-list a { color: #fff; text-decoration: none;  font-size: 137%; line-height: 30px;}


#header .nav-list li.b_search,
#header .nav-list li.b_entry { width: 250px; border-radius: 50px; transition: .3s;}
#header .nav-list li.b_search a,
#header .nav-list li.b_entry a { display: block; padding:20px 25px;}
#header .nav-list li.b_search {
    text-align: center;
    background: linear-gradient(180deg, #BBD672, #28CBA5);
}
#header .nav-list li.b_entry {
    background: linear-gradient(135deg, #ff4646, #ff4646, #ffc400, #ff9e2c);
}
#header .nav-list li.b_entry a {
    background: url("http://kochi-iju.jp/lp/kochi-job/olfair/wp-content/uploads/2025/06/arrow2.png") no-repeat 90% center;
    background-size: 29px auto;
}
@media only screen and (min-width:800px){
    #header .nav-list li { position: relative;}
    #header .nav-list li.b_search:hover { background: linear-gradient(180deg, #28CBA5, #28CBA5);}
    #header .nav-list li.b_entry:hover { background: linear-gradient(135deg, #ff9e2c, #ff9e2c, #ff9e2c, #ff9e2c);}
}
@media only screen and (max-width:800px){
    #header { display: block; padding: 0;}
    #header h1 { width:220px; height: 70px; position: relative; left: 15px;}
    #header h1 a { text-align: left; padding-top:20px;}
    #header h1 img { width: auto; height:30px;}
    #header .nav_btn {
        display: block;
        cursor: pointer;
        position: absolute; top:0; right:0;
        padding: 20px;
        width: 60px; height: 70px;
    }
    #header .nav_btn:hover span { opacity: 0.7;}
    #header .nav_btn span {
        display: inline-block;
        position: absolute; left:0; right: 0; margin:auto;
        width:30px; height: 2px;
        background: #fff;
        border-radius: 3px;
        transition: all .3s;
    }
    #header .nav_btn span:nth-of-type(1) {top:27px;}
    #header .nav_btn span:nth-of-type(2) {top:34px;}
    #header .nav_btn span:nth-of-type(3) {top:42px;}
    #header .nav_btn.active span:nth-of-type(1) { top:33px; transform:rotate(-45deg);}
    #header .nav_btn.active span:nth-of-type(2) {opacity: 0;}
    #header .nav_btn.active span:nth-of-type(3) { top:33px; transform:rotate(45deg); }
    #header .nav-container {
        display: none;
        position: absolute; top: 70px; left: 0;
        width: 100%; height: calc(100vh - 70px);
        padding: 50px 30px;
        background: linear-gradient(135deg, #00999E, #1FA57C, #224069);
        overflow: hidden;
        z-index: 9999 !important;
    }
    #header .nav-list { flex-direction: column; gap:10px; position: relative; top: 0; padding: 0; }
    #header .nav-list li a {
        display: block;
        padding:5px 0;
        color: #fff;
        text-decoration: none;
        line-height:150%;
    }

}



/*=============================================
  FIX NAV and TOPPAGE
=============================================*/
#fix_nav { position:fixed; bottom:0; left: 0; width: 100%; overflow: hidden; background: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);}
#fix_nav p { float: left; width: 50%; text-align: center;}
#fix_nav p a { display: block; text-align: center;}
#fix_nav p a:hover { opacity: 0.7;}
#fix_nav p a img { width:187px; height: auto;;}
#fix_nav p:nth-child(1) a { background: #005083;}
#fix_nav p:nth-child(2) a { background: #ed6c00;}
@media only screen and (min-width:800px){
    #fix_nav p a img { width: auto; height: 60px;}
}
#pagetop { position:fixed; bottom:80px; left: 0; right:0; margin:auto; width:45px; ;}
#pagetop img { width: 100%; height:auto; border-radius:45px;}



/*=============================================
  FOOTER
=============================================*/
#footer {
    padding: 120px 0;
    color: #fff;
    background: linear-gradient(135deg, #00999E, #1FA57C, #224069);
}
#footer .inner {
    display: flex; flex-direction: column; gap:150px;
    max-width: 1420px;
}

/* BANNER */
#footer .bana {
    display: flex; gap:40px; align-items: center;
    margin: auto; max-width: 1155px;
}
#footer .bana p { width: 50%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);}
#footer .bana p img { width:100%; height: auto;}

/* ADDRESS */
#footer .add { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#footer .add .cont_l { width: 35%;  align-self: center;}
#footer .add .cont_r { width: 60%; display: flex; flex-direction: column; gap:40px;}
#footer .add .cont_c { width:100%; text-align: center;}
#footer .add a { color: #fff; text-decoration: none;}
#footer .logo img { width: 100%; height: auto;}
#footer .jimukyoku {
    display: flex; flex-direction: column;  gap:15px;
    padding: 30px;
    font-family: "M PLUS Rounded 1c", sans-serif;
    background: rgba(255,255,255,0.15);
}
#footer .jimukyoku dl { display: flex; gap:10px;}
#footer .jimukyoku dt,
#footer .jimukyoku dd { font-weight: bold; line-height:100%;}
#footer .jimukyoku dt { 
    padding: 10px 15px 5px;
    min-width: 100px;
    text-align: center;
    border: 2px solid #fff;
}
#footer .jimukyoku dd { padding: 5px 15px;}
#footer .jimukyoku dt { font-size:150%;}
#footer .jimukyoku dd { font-size:187.5%;}
    
/* ADDRESS */
#footer .address { display: flex; flex-direction: column; gap:10px;}
#footer .address .tit { font-size:100%; font-weight:bold;}
#footer .address .tel,
#footer .address .mail { font-weight:bold;}

/* COPYRIGHT */
#footer .copy { padding-top: 40px; line-height: 150%;}


@media only screen and (max-width:1350px){
    #footer .jimukyoku dt { font-size:130%;}
    #footer .jimukyoku dd { font-size:150%;}
}
@media only screen and (max-width:1160px){
    #footer .jimukyoku dt { min-width:90px;}
    #footer .jimukyoku dt { font-size:110%;}
    #footer .jimukyoku dd { font-size:130%;}
}
@media only screen and (max-width:1035px){
    #footer .jimukyoku { padding: 20px; gap:10px;}
    #footer .jimukyoku dt { font-size:100%;}
    #footer .jimukyoku dd { font-size:110%;}
}
@media only screen and (max-width:900px){
    #footer {padding:70px 0;}
    #footer .inner { gap:50px;}
    #footer .bana { flex-direction: column; gap:20px;} 
    #footer .bana p { width: 100%;}
    #footer .add { flex-direction: column; gap:50px;}
    #footer .add .cont_l,
    #footer .add .cont_r,
    #footer .add .cont_c { width:100%;}
    #footer .jimukyoku dl { flex-direction: column;}
    #footer .jimukyoku dt { border: 1px solid #fff;}
    #footer .jimukyoku dd { padding: 0; font-size:100%;}
    #footer .address { gap:5px;}
    #footer .address .tit,
    #footer .address .tel,
    #footer .address .mail { font-size:87.5%;}
    #footer .address .organizer { font-size:87.5%;}
    #footer .copy { padding-top:0; font-size:87.5%;}
}



/*=============================================
  ENTRY
=============================================*/
.contact_list { display: flex; flex-direction: column; gap:60px; padding: 100px 0;}
.contact_list .box { 
    margin: auto; padding: 100px 0;
    width:90%; max-width: 1220px;
    border-radius: 40px;
}
.contact_list .inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:40px;}
.contact_list .step1 { background:#F0FCFF;}
.contact_list .step2 { background:#FFFCDB;}
.contact_list .step3 { background:#EEFFEA;}
.contact_list .catch { margin-top: 20px; font-size:200%; line-height: 150%; font-weight: bold;}
.contact_list .come { color:#224069;}
.contact_list .entry_btn { display: flex; flex-direction: column; gap:40px; width: 430px;}
@media only screen and (max-width:800px){
    .contact_list { padding: 50px 0;}
    .contact_list .box { padding: 50px 0;}
    .contact_list .inner { justify-content: center;}
    .contact_list .catch { font-size:112.5%; text-align: center;}
    .contact_list .entry_btn { width: 100%;}
    .contact_list .step3 .entry_btn a { letter-spacing: -2px;}
}

.contact_end {display: flex; flex-direction: column; gap:60px;}
.contact_end .inner {
    display: flex; flex-direction: column; gap:40px;
    padding: 100px 50px;
    max-width: 1200px;
    color: #224069;
    text-align: center;
    background:#F0FCFF;
    border-radius: 40px;
}
@media only screen and (max-width:800px){
    .contact_end .inner { padding:50px 30px;}
    .contact_end p { text-align: left;}
    .contact_end p span { display: none;}
}



/*=============================================
  SEARCH
=============================================*/
.search_sub { background: #fff;}
.search_sub #search  { margin: auto; padding:80px 0; width: 90%; max-width: 900px; }
.search_tit {
    padding: 20px 0;
    font-family: "M PLUS 1", sans-serif;
    font-size: 300%;
    color: #009fe8;
    line-height: 100%;
    background: #fff; 
}
.search_tit span { display: block; margin: auto; width: 90%; max-width: 900px; }
#search .search_list { display: flex; flex-wrap: wrap; flex-direction: column;gap:30px;}
#search .search_list dl { display: flex; flex-wrap:wrap; gap:20px;}
#search .search_list dt { align-self: flex-start; width: 155px; padding: 20px; color: #707070; text-align: center; background:#E9F4EC; }
#search .search_list dd { width: calc(100% - 175px);  font-size: 87.5%;}
#search .search_list dd label { cursor: pointer;}
#search .search_list .col1 { display: flex; flex-wrap:wrap; flex-direction: column; gap:5px 15px;}
#search .search_list .col2,
#search .search_list .col3,
#search .search_list .col4,
#search .search_list .col5 { display: flex; flex-wrap:wrap; flex-direction: row; gap:5px 2%;}
#search .search_list .col1 { align-items:flex-start;}
#search .search_list .col2 label { display: block; width: 48%;}
#search .search_list .col3 label { display: block; width: 32%;}
#search .search_list .col5 label { display: block; width: 18.4%; text-align: center; line-height: 150%;}
#search .search_list .mid { margin-bottom: 10px; padding: 0 10px 10px; font-weight: bold; color: #224069; border-bottom: 2px solid #224069;}
#search .search_list .box + .box .mid { padding-top: 10px; }
#search .search_list label input[type=checkbox] { cursor: pointer;margin-right: 10px; width: 18px; height: 18px; border-radius: 5px;}
#search .search_list select { height: 40px; line-height:40px;}
#search .search_list input[type=text] { height: 40px; line-height:40px; width: 100%;}
#search .search_list input[type="checkbox"] + .check_icon img { cursor: pointer; display: none; width: 100%; height: auto;}
#search .search_list .icontuki input[type="checkbox"] { display: none;}
#search .search_list .check_icon { display: block; margin-bottom: 10px;}
#search .search_list input[type="checkbox"]:checked + .check_icon img.on { display: block;}
#search .search_list input[type="checkbox"]:checked + .check_icon img.off { display: none;}
#search .search_list input[type="checkbox"] + .check_icon img.on { display: none;}
#search .search_list input[type="checkbox"] + .check_icon img.off { display: block;}
#search .search_list input[type="checkbox"] + .check_icon img.off { display: block;}
#search .search_list .freeword dd { padding: 15px 0;}

#search .search_list .pull { display: block; background:#fff; width:100%;}
#search .search_list .pull dt { position: relative; cursor: pointer; width: 100%; padding: 10px; text-align: left; background-color:#E9F4EC !important; padding-right: 50px;}
#search .search_list .pull dt .pull_btn {
    position: absolute; top: 0; right: 0;
    width: 45px; height: 45px;
    text-indent: -9999px;
}
#search .search_list .pull dt { background: url("img/accordion_off.png") no-repeat; line-height: 20px; width:100%;}
#search .search_list .pull dt.active { background: url("img/accordion_on.png") no-repeat;}
#search .search_list .pull dt,
#search .search_list .pull dt.active { background-position: 98% center !important; background-size: 30px !important;}
#search .search_list .pull dd { display: block; padding:10px 20px; width: 100%; }
#search .search_list .pull dt + dd {  display:none;}


#search .search_list .pull2 { display: block;}
#search .search_list .pull2 .pull2_tit { 
    position: relative; cursor: pointer;
    width: 100%;
    padding: 10px 15px 10px 60px;
    text-align: left;
    color: #fff;
    background-color: #224069 !important;
}
#search .search_list .pull2 .pull2_tit { background: url("img/accordion_off2.png") no-repeat;}
#search .search_list .pull2 .pull2_tit.active { background: url("img/accordion_on2.png") no-repeat;}
#search .search_list .pull2 .pull2_tit,
#search .search_list .pull2 .pull2_tit.active { background-position: 15px center !important; background-size: 30px !important;}
#search .search_list .pull2 .pull2_cont { display: none; padding: 30px 0 0; }

#search .b_btn {
    cursor: pointer;
    display: block;
    margin:40px auto 0; padding:10px 20px;
    width:80%;
    max-width: 300px;
    color: #fff;
    font-size: 162.5%;
    font-weight: bold;
    background: #6ab62d;
    border-radius: 50px;
    border: none;
}
#search .b_reset {
    cursor: pointer;
    display: block;
    margin:10px auto 0; padding:10px 20px;
    width:80%;
    max-width: 300px;
    color: #000;
    font-size: 100%;
    font-weight: bold;
    background: #ddd;
    border-radius: 50px;
    border: none;
}




@media only screen and (min-width:800px){
    #search .b_btn:hover { opacity: 0.7;}
}
@media only screen and (max-width:800px){
    .search_tit {font-size:24px;}
    .search_sub #search  {padding:40px 0; }
    #search .search_list { gap:10px;}
    #search .search_list dl { flex-direction: column; gap:10px;}
    #search .search_list dt { width:80px; padding: 5px; }
    #search .search_list dd { width:100%; padding: 0; }
    #search .search_list dl.freeword { margin-top: 20px; flex-direction: column; }
    #search .search_list dl.freeword dt { width: 150px; }
    #search .search_list .col1 { gap:5px;}
    #search .search_list .col2 label,
    #search .search_list .col3 label { display: block; width:100%;}
    #search .search_list .col5 label { display: block; width:32% !important; font-size: 10px; line-height: 10px;}
    #search .search_list .freeword dd { padding:0; width: 100%;}
    #search .search_list .col_gyosyu label:nth-child(1),
    #search .search_list .col_gyosyu label:nth-child(2),
    #search .search_list .col_gyosyu label:nth-child(3),
    #search .search_list .col_gyosyu label:nth-child(4) { width:48% !important;}
    #search .b_btn { padding:10px 20px; font-size:112.5%; }
}



/*=============================================
  RESULT 
=============================================*/
#result { padding:50px 20px; background:#224069;}
#result .result_total { padding:0 0 50px; color: #fff; font-weight: bold; text-align: center !important;}
#result .result_total span:nth-child(1) { font-size:48px;}
#result .result_total span:nth-child(2) { font-size: 60px; margin: 0 10px;}
#result .result_total span:nth-child(3) { font-size: 40px;}
#result .result_total span:nth-child(4) { font-size: 40px;}
#result .kigyo_box {
    margin:0 auto; width: 90%; max-width: 1200px;
    background: #fff;
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
}
#result .kigyo_box + .kigyo_box { margin-top: 40px;}
#result .kigyo_box .catch {
    padding: 10px;
    text-align: center;
    color: #fff;
    background: #224069;
    border: 2px solid #fff;
}
#result .kigyo_box .cont {
    display: flex; flex-wrap: wrap; justify-content: space-between; gap:4%;
    margin: auto; padding: 50px; width: 90%; max-width: 1000px; 
}
#result .kigyo_box .cont1 { width: 48%;}
#result .kigyo_box .cont2 { width: 48%;}


/* kaijyo */
#result .kigyo_box .kaijyo_icon .kaijyo_list { display:none/* flex*/; gap:10px; margin-bottom: 10px;}
#result .kigyo_box .kaijyo_icon .kaijyo_list p { 
    width: 100%;
    font-family: "M PLUS 1", sans-serif;
    font-weight: bold;
    font-size: 112.5%;
    color: #dbdcdc;
    text-align: center;
    height: 35px;
    line-height: 35px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    border-radius: 50px;
}
#result .kigyo_box .kaijyo_icon .kaijyo_list p.kaijyo1.selected { color: #fff100; background: #009fe8;}
#result .kigyo_box .kaijyo_icon .kaijyo_list p.kaijyo2.selected { color: #009fe8; background:#fff100;}
#result .kigyo_box .kaijyo_icon .kaijyo_choise { display:none;}

/* photo */
#result .kigyo_box .photo {position: relative; width:100%;}
#result .kigyo_box .photo img { width: 100%; height: auto;}

/* namae */
#result .kigyo_box .tit {
    padding: 20px 0;
    font-family: "M PLUS 1", sans-serif;
    font-size: 150%;
    font-weight: bold;
    color:#224069;
}
#result .kigyo_box .tit a {
    color:#224069; text-decoration:none;
}

/* message */
#result .kigyo_box .message { display: flex; flex-direction: column; gap:10px;}
#result .kigyo_box .message dt { font-size: 87.5%; line-height: 150%;}
#result .kigyo_box .message dd { font-size: 75%; line-height: 180%;}

/* detail */
#result .kigyo_box .detail { display: flex; flex-direction: column; gap:20px; margin-bottom: 20px;}
#result .kigyo_box .detail dl { position: relative; display: flex; flex-wrap: wrap; gap:10px; font-size:87.5%;}
#result .kigyo_box .detail dt { color: #707070;  line-height:22px; width: 75px; text-align: center; background: #c4e6ff; align-self: flex-start;}
#result .kigyo_box .detail dd { width: calc(100% - 95px); line-height: 130%; color: #707070;}

/* other1 */
#result .kigyo_box .other1 { display: flex; flex-direction: column; gap:20px; margin-bottom: 20px;}
#result .kigyo_box .other1 dl {}
#result .kigyo_box .other1 dt { position: relative; width: 100%; margin-bottom: 5px;}
#result .kigyo_box .other1 dt span { position: relative; padding-right: 20px; font-size: 14px; background: #fff; z-index: 999;}
#result .kigyo_box .other1 dt::before {
    position: absolute; top: 0; bottom: 0;
    display: block; clear: both; content:"";
    margin: auto;
    width: 100%; height: 1px;
}
#result .kigyo_box .other1 dd { display: flex; flex-wrap: wrap; gap:5px;}
#result .kigyo_box .other1 dd span { padding: 0 15px; color: #fff; font-size: 14px; height: 25px; line-height: 25px; border-radius: 30px;}
#result .kigyo_box .other1 dl:nth-child(1) dt { color: #ef8200;}
#result .kigyo_box .other1 dl:nth-child(1) dt::before  { background: #ef8200;}
#result .kigyo_box .other1 dl:nth-child(1) dd span { background: #ef8200;}
#result .kigyo_box .other1 dl:nth-child(2) dt { color: #0068b6;}
#result .kigyo_box .other1 dl:nth-child(2) dt::before  { background: #0068b6;}
#result .kigyo_box .other1 dl:nth-child(2) dd span { background: #0068b6;}

#result .kigyo_box .other2 dl { font-size:87.5%;}
#result .kigyo_box .other2 dt { color: #009fe8;}
#result .kigyo_box .other2 dd { font-size: 75%;}
#result .kigyo_box .other2 dd .jishin_list { display: flex; gap:10px;}
#result .kigyo_box .other2 dd .jishin_list p { width:20%; padding-top: 19%; background-size: 100% auto !important; }
#result .kigyo_box .other2 dd .jishin_list p small { display: block; font-size: 10px; line-height: 10px; text-align: center;}
#result .kigyo_box .other2 dd .jishin_choise { display: none;}
#result .kigyo_box .other2 dd .jishin1 { background: url("img/jishin/jishin1_off.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin2 { background: url("img/jishin/jishin2_off.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin3 { background: url("img/jishin/jishin3_off.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin4 { background: url("img/jishin/jishin4_off.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin5 { background: url("img/jishin/jishin5_off.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin1.selected { background: url("img/jishin/jishin1_on2.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin2.selected { background: url("img/jishin/jishin2_on2.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin3.selected { background: url("img/jishin/jishin3_on2.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin4.selected { background: url("img/jishin/jishin4_on2.gif") no-repeat;}
#result .kigyo_box .other2 dd .jishin5.selected { background: url("img/jishin/jishin5_on2.gif") no-repeat;}

#result .kigyo_box .day { font-size:75%; text-align: right;}
#result .b_link { clear: both; margin: auto; max-width: 300px;}
#result .b_link a {
    display: block;
    padding: 20px;
    color: #005083;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    background: url("img/btn_bg.png") no-repeat center center;
    background-size: 100% 100%;
}
@media only screen and (max-width:800px){
    #result .result_total span:nth-child(1) { font-size:18px;}
    #result .result_total span:nth-child(2) { font-size:20px; margin: 0 5px;}
    #result .result_total span:nth-child(3) { font-size:14px;}
    #result .result_total span:nth-child(4) { font-size:14px;}
    #result .kigyo_box .cont { flex-direction: column; gap:20px; padding:0; }
    #result .kigyo_box .cont1 { width:100%; padding: 40px 0 20px;}
    #result .kigyo_box .cont2 { width:100%; padding: 0 0 20px;}
    #result .kigyo_box .other2 dd .jishin_list { flex-wrap: wrap; gap:5px; padding-top: 10px;}
    #result .kigyo_box .other2 dd .jishin_list p { padding-top: 27%;  width:32%; background-size: 80% auto !important; background-position: top center !important;}
}


/* PAGENATION */
.pagination { margin: 60px 0; text-align: center;}
.pagination ul { display: inline-block;}
.pagination ul li { display: inline-block;}
.pagination ul li .page-numbers {
    display: block;
    width: 35px; height: 35px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    text-decoration: none;
     border: 2px solid #fff;
    border-radius: 35px;
}
.pagination ul li .page-numbers.current { color:#fff; background: #009fe8;}
.pagination ul li .page-numbers.prev,
.pagination ul li .page-numbers.next,
.pagination ul li .page-numbers.dots { color:#fff; background:none; font-weight: bold;}
@media only screen and (min-width:800px){
    .pagination ul li .page-numbers:hover { opacity: 0.7;}
}
@media only screen and (max-width:800px){
    .pagination { margin: 60px 0;}
}



/*一時的制限
#header .entry{ display: none !important;}
#toppage .mainimg ul li:nth-child(2) .btn2 { position: relative;}
#toppage .mainimg ul li:nth-child(2) .btn2::before { padding-top:20px; position: absolute; top:0; left: 0; z-index: 999; display: block; clear: both; content:"【準備中】8/10より事前申込受付開始"; font-size: 20px; text-align: center; color: #fff; width: 100%; height: 100%; background:rgba(159,159,159,0.90); border-radius: 100px; box-sizing:border-box;}
#toppage .mainimg ul li:nth-child(2) .btn2 a { pointer-events: none !important;}
#toppage .cont2 .btn2 { position: relative;}
#toppage .cont2 .btn2::before { padding-top:20px; position: absolute; top:0; left: 0; z-index: 999; display: block; clear: both; content:"【準備中】8/10より事前申込受付開始"; font-size: 20px; text-align: center; color: #fff; width: 100%; height: 100%; background:rgba(159,159,159,0.90); border-radius: 100px; box-sizing:border-box;}
#toppage .cont2 .btn2 a { pointer-events: none !important;}
#toppage .cont3 { position: relative;}
#toppage .cont4 .entry { position: relative;}
#toppage .cont4 .entry::before { padding-top:200px; position: absolute; top:0; left: 0; z-index: 999; display: block; clear: both; content:"【準備中】8/10より事前申込受付開始"; font-size: 20px; text-align: center; color: #fff; width: 100%; height: 100%; background:rgba(159,159,159,0.90); border-radius: 30px; position: absolute; top:0; left: 0; z-index: 999;}
#toppage .cont4 .entry .btn2 a { pointer-events: none !important;}
#toppage .sp_fix {  display: none !important;}
@media only screen and (max-width:800px){
	#toppage .cont4 .entry::before { padding-top:150px; border-radius: 10px;}
	#toppage .mainimg ul li:nth-child(2) .btn2::before,
	#toppage .cont2 .btn2::before,
	#toppage .cont4 .entry::before { font-size:14px;}
}*/