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

body {
	margin: 0;
	padding: 0;
	font-family: 'Zen Kaku Gothic New', "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:100%;
	line-height:180%;
	color: #222;
    overflow-x: hidden;
    background:#EFEFEF;
}
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:468px; font-size:100%;}
	#header { width:100%;}
	#content{ width:100%;}
	#footer { width:100%;}
	#wrapper {}
	#base { width:100%;}
	.pc { display:none !important;}
	.sp { display:block !important;}
}



/*=============================================
  HEADER
=============================================*/
#header {
    position: fixed; top:30px; left: 0; right: 0; z-index: 99999999999;
	margin: auto;
    width: 96%;
	transition: .3s;
	background:rgba(255,255,255,1.00);
	border-radius: 100px;
}
#header .inner {
	position: relative;
	display: flex; justify-content: space-between; align-items: center; gap:20px;
	width: 90%; max-width: 1000px;
}
#header h1 { width:145px;}
#header h1 img { width: 100%; height:auto;}
#header .nav_btn { display: none;}
#header .nav-list { 
    display: flex; flex-wrap: wrap; gap:30px; align-items: center;
    padding:20px 0;
}
#header .nav-list a {
	font-size: 125%;
	font-weight: 300;
	color: #222;
	text-decoration: none;
	line-height: 30px;
}
#header.fix_nav { top:10px;}
#header.fix_nav .nav-list { padding:15px 0;}
@media only screen and (min-width:800px){
    #header .nav-list li a:hover { font-weight: 500;}
}
@media only screen and (max-width:968px){
	#header .nav-list { gap:20px;}
	#header .nav-list a { font-size: 112.5%;}
}
@media only screen and (max-width:868px){
	#header .nav-list { gap:20px;}
}
@media only screen and (max-width:800px){
    #header { display: block; top:0 !important; width: 100%; border-radius: 0;}
    #header .inner { width: 100%; border-radius: 0;}
	#header h1 { padding: 10px;}
    #header .nav_btn {
        display: block;
        cursor: pointer;
        position: absolute; top:2px; right:0;
        padding: 20px;
        width: 60px; height: 60px;
    }
    #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: #000;
        border-radius: 3px;
        transition: all .3s;
    }
    #header .nav_btn span:nth-of-type(1) {top:20px;}
    #header .nav_btn span:nth-of-type(2) {top:30px;}
    #header .nav_btn span:nth-of-type(3) {top:40px;}
    #header .nav_btn.active span:nth-of-type(1) { top:30px; transform:rotate(-45deg);}
    #header .nav_btn.active span:nth-of-type(2) { opacity: 0;}
    #header .nav_btn.active span:nth-of-type(3) { top:30px; transform:rotate(45deg); }
    #header .nav-container {
        display: none;
        position: absolute; top: 60px; left: 0;
        width: 100%; height: calc(100vh - 60px);
        padding: 50px 30px;
        background:#fff;
        overflow: hidden;
        z-index: 9999 !important;
    }
    #header .nav-list {
		flex-direction: column; gap:10px;
	}
    #header .nav-list li a {
        display: block;
        padding:5px 0;
		font-size: 125%;
        color: #000;
        text-decoration: none;
        line-height:150%;
    }
}



/*=============================================
  CONTACT
=============================================*/
#content { padding-top:180px;}



/*=============================================
  FOOTER
=============================================*/
#footer {
    padding: 100px 0;
    color: #fff;
    background:#000;
}
#footer .inner {
    display: flex; flex-wrap: wrap; justify-content: space-between;
    max-width: 1400px;
}
#footer .logo {
	margin-bottom: 20px;
	font-size: 187.5%;
	font-weight: bold;
}
#footer .organizer {}
#footer .copy { padding:60px 0 0; font-size: 87.5%;}
#footer  ul { display: flex; flex-direction: column; gap:5px;}
#footer  ul li a { color: #fff; text-decoration: none;}
@media only screen and (min-width:800px){
	#footer  ul li a:hover { text-decoration:underline;}
}
@media only screen and (max-width:800px){
	#footer { padding: 70px 0; text-align: center;}
	#footer .inner { flex-direction: column; gap:60px;}
	#footer .organizer span { display: none;}
	#footer  ul { display: none;}
}



/*=============================================
  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;}



/*=============================================
  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:#5296E1;}
.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;}
}



/*=============================================
  SEARCH
=============================================*/
/* 検索ページのタイトル ========================*/
.search_sub {
	position: relative;
	margin: auto;
	padding: 30px;
	width: 90%;
	border: 6px solid #000;
	border-radius: 30px;
}
.search_sub .search_tit {
	position: absolute; top:-35px; left: 0; right: 0;
	width: 400px;
	margin: auto;
	padding: 15px 20px;
    font-size: 150%;
    color: #000;
    text-align: center;
    line-height: 100%;
    background:#EFEFEF;
	border: 6px solid #000;
	border-radius:100px;
}
.search_sub #search { margin: auto; padding:80px 0; 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:190px; padding:5px 20px; color: #fff; font-size:125%; text-align: center; font-weight: bold; background:#000; border-radius:10px;}
#search .search_list dd { width: calc(100% - 190px - 30px);}
#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: #000; border-bottom: 2px solid #000;}
#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:none; width:100%;}
#search .search_list .pull dt {
	position: relative; cursor: pointer;
	width: 100%;
	padding: 10px;
	padding-right: 50px;
	color: #000;
	text-align: left;
	background-color: #ddd !important;
	border-radius: 0;
}
#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%; font-size: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: #000 !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;
	font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: #000;
    background:#01CAFC;
	border: 3px solid #000;
    border-radius: 50px;
}
#search .b_reset {
    cursor: pointer;
    display: block;
    margin:40px auto 0;
	padding:10px 20px;
    width:80%; max-width: 300px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: #000;
    background:#ddd;
	border: 3px solid #000;
    border-radius: 50px;
}
@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:190px; 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;}
#result .result_total { padding:0 0 50px; color: #000; 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: #000;
    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-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: #006837;}
#result .kigyo_box .kaijyo_icon .kaijyo_list p.kaijyo2.selected { color: #006837; 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-size: 150%;
    font-weight: bold;
    color: #006837;
}
#result .kigyo_box .tit a {
    color: #006837; 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: #000;  line-height:22px; width: 75px; text-align: center; background: #ddd; 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: #006837;}
#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 {width:100%;}
    #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: #000;
    text-align: center;
    text-decoration: none;
     border: 2px solid #000;
    border-radius: 35px;
}
.pagination ul li .page-numbers.current { color:#fff; background: #000;}
.pagination ul li .page-numbers.prev,
.pagination ul li .page-numbers.next,
.pagination ul li .page-numbers.dots { color:#000; 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;}
}


/*-----------------------------------------------------------------------------------
  CONTACT LIST
-----------------------------------------------------------------------------------*/
#contact_list {
    margin: auto; width:90%; max-width: 1220px;
	padding-bottom:100px;
    display: flex; flex-wrap: wrap; flex-direction: column; gap: 60px;
}
#contact_list .step1 { background:#F0FCFF;}
#contact_list .step2 { background:#FFFCDB;}
#contact_list .step3 { background:#EEFFEA;}
#contact_list .box { position: relative; padding: 100px 0; border-radius:30px;}
#contact_list .box .inner { display: flex; justify-content: space-between; gap:60px;}
#contact_list .box h3 { margin-bottom:30px; text-align: left; color: #006837;}
#contact_list .box h3 small { font-size: 112.5%; color: #76ABE7; margin-top: 20px;}
#contact_list .box .come { font-size:180%; font-weight: 700; color: #006837; line-height: 150%;}
#contact_list .entry_btn {
    display: flex; flex-direction: column; align-content: center; justify-content: center; gap: 60px;
    width: 420px;
}
@media only screen and (max-width:800px){
    #contact_list .box { padding: 50px 0 10px; border-radius: 10px;}
    #contact_list .box .inner { flex-direction: column; gap:30px;}
    #contact_list .box h3 { margin-bottom:20px; padding-left: 10px; text-align: center;}
    #contact_list .box h3 small { margin-top: 0;}
    #contact_list .box .come { font-size:125%; text-align: center;}
    #contact_list .entry_btn { flex-direction: column; gap:40px; width: 100%;}
}
@media only screen and (max-width:468px){
    #contact_list .box { padding: 50px 0 10px; border-radius: 10px;}
    #contact_list .box .inner { flex-direction: column; gap:30px;}
    #contact_list .box h3 { margin-bottom:20px; padding-left: 10px; text-align: center;}
    #contact_list .box h3 small { margin-top: 0;}
    #contact_list .box .come { font-size:112.5%; text-align: center;}
    #contact_list .entry_btn a { font-size: 100% !important;}
}




/*=============================================
  404
=============================================*/
#error404 { margin: auto; padding:80px 0; width:96%; text-align: center;}
#error404 img { width:100%; height:auto;}
#error404 .img { margin: auto; max-width:350px;}




/*=============================================
  フォーム強制調整
=============================================*/
#contact iframe { margin-bottom: 100px;}
.ui.grid > .row > .column{ width: 100%;}
.el-form-item img { max-width: 100%; height: auto;}