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

/*
Theme Name: 有限会社 阿南共同生コン
Version: 3.1
Author: k-design
*/

@import url(css/post.css);

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}

body{
	font-size:100%;
	line-height:1.8;
	font-family:"Noto Sans JP", sans-serif;
	font-weight:500;
}

p{margin-bottom:16px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 3% 40px;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;font-weight:700;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#FF0000;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{padding:24px 0;line-height:18px;overflow:hidden;clear:both;border-bottom:1px dotted #CCCCCC;}
.navigation a{position:relative;}
.navigation a:before,.navigation a:after{width: 6px;height: 6px;position: absolute;content: "";top: 50%;z-index: 0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;}
.nav-next{float:right;text-align:right;width:40%;}
.nav-next a{padding-right:24px;}
.nav-previous a:before{border-top: 2px solid #10193A;border-left: 2px solid #10193A;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #10193A;border-right: 2px solid #10193A;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}
.wp-pagenavi {padding:40px 0;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #001433;background-color: #FFFFFF;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #10193A;display: inline-block;}
.wp-pagenavi a:hover{color: #FFFFFF;background-color: #10193A;}
.wp-pagenavi span.current{color: #FFFFFF;background-color: #10193A;}

/* ===== 全体 ===== */
.l_wrap{width:1200px;margin:0 auto;}
.wrap{width:1000px;margin:0 auto;}
.s_wrap{width:800px;margin:0 auto;}
.pc{display: block;}
.sp, .mobile{display: none;}
.clear:after{content:"";display:block;clear:both;}
.en{font-family:"Almarai", sans-serif;font-optical-sizing:auto;font-weight:900;letter-spacing:0.05em;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/* Google mapの下余白&レスポンシブ */
.map iframe{vertical-align:bottom;}
/* ※ */
.kome > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.kome > li:before{content:"※";position:absolute;top:0;left:0;}
/* ◆ */
.diamond > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.diamond > li:before{content:"◆";position:absolute;top:0;left:0;}
/* 丸文字 */
.maru{margin:0;padding:0;counter-reset:my-counter;}
.maru > li{margin-left:0!important;padding-left:30px;list-style:none!important;position:relative;}
.maru > li::before{width:18px;height:18px;content:counter(my-counter);counter-increment:my-counter;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:85%;line-height:1;position:absolute;top:4px;left: 0;}

.arrow{position:relative;display:inline-block;padding:10px;}
.arrow::before{content:'';width:10px;height:10px;border-top:solid 2px #FFFFFF;border-right:solid 2px #FFFFFF;position:absolute;left:48%;bottom:8px;transform:translateX(-48%);transition:0.4s;}
.arrow:hover::before{bottom:0;}
.arrow.arrow-bottom::before{transform:rotate(135deg);}.btn_dsn2{width:240px;text-align:center;}

.stickarrow::after{width:60px;height:4px;margin-left:12px;content:"";display:inline-block;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);transition:0.2s;}

#page-top{position:fixed;bottom:0;right:16px;background-color:rgba(0,0,0,0.6);font-size:12px;}
#page-top a{width:40px;height:40px;line-height:40px;color:#FFFFFF;text-decoration: none;text-align: center;display: block;position:relative;}

/* ===== header ===== */
#header{padding:0 0 0 5%;display:flex;justify-content:space-between;background:rgba(255,255,255,0.8);position:relative;z-index:999;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
#logo{display:flex;align-items:center;font-size:26px;font-weight:800;letter-spacing:0.02em;}
#logo a{text-decoration:none;color:#333333;}

/* ===== global_menu ===== */
#global_menu ul{height:80px;display:flex;justify-content:flex-end;flex-wrap:wrap;}
#global_menu ul li{font-size:15px;}
#global_menu ul li a{height:100%;padding:0 16px;display:flex;align-items:center;color:#333333;text-decoration:none;}

#global_menu ul li.recruit_btn{margin-left:12px;}
#global_menu ul li.recruit_btn a{background:#1dd8b9;}
#global_menu ul li.recruit_btn a:hover{background:#00e691;}

#global_menu ul li.head_con a{background:#ff33a8;}
#global_menu ul li.head_con a:hover{background:#e6008c;}

#global_menu ul li.recruit_btn,
#global_menu ul li.head_con{width:150px;}
#global_menu ul li.recruit_btn a,
#global_menu ul li.head_con a{padding:0;justify-content:center;color:#FFFFFF;transition:0.4s;}
#global_menu ul li.recruit_btn a:hover,
#global_menu ul li.head_con a:hover{opacity:0.85;box-shadow: 0 4px 12px rgba(0,0,0,0.15);}

/* mainimage */
.mainimage{height:98vh;margin-top:-80px;text-align:center;position:relative;}
.mainimage img{width:100%;height:100%;object-fit:cover;object-position:center bottom;}
.mainimage h2{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:50px;font-weight:900;color:#FFFFFF;text-shadow:2px 5px 3px rgba(0,0,0,0.8);letter-spacing:0.05em;}

/* ===== contents ===== */
#contents{position:relative;}
#contents section{padding:80px 0;}
#contents h2.page_title{margin-bottom:32px;font-size:78px;color:#1dd8b9;text-align:center;letter-spacing:0.05em;}
#contents h2.page_title::after{width:70px;height:5px;margin:-18px auto 0;content:"";display:block;background:#1dd8b9;}
#contents .title_txt{font-size:24px;font-weight:800;color:#000;}

/* === news === */
#news{margin:0 auto;background:#FFFFFF;position:absolute;top:-50px;left:50%;transform:translateX(-50%);z-index:99;}
#news h2{width:280px;display:flex;justify-content:center;align-items:center;background:#1dd8b9;font-size:24px!important;font-weight:700;color:#FFFFFF;}
#news .news_item_box{width:calc(100% - 280px);height:100px;margin-bottom:12px;padding:12px 32px;box-sizing:border-box;background:#FFFFFF;overflow-Y:scroll;}
#news .news_item_box li{display:flex;justify-content:space-between;flex-wrap:wrap;}
#news .news_item_box .news_date{width:100px;}
#news .news_item_box .news_txt{width:calc(100% - 120px);display:block;color:#000;text-decoration: none;}
/* === concept === */
#concept{background:url("image/concept_bg.png") no-repeat center top / cover;}
#concept .concept_head{margin-bottom:40px;font-size:28px;font-weight:900;}
#concept .concept_img{margin-bottom:64px;}
#concept .concept_txt{margin-bottom:24px;font-size:15px;font-weight:800;text-shadow:2px 2px 4px #FFFFFF;}
/* === our service === */
#service{padding:0!important;background:#1dd8b9;}
#service .service_title{padding:40px 0 12px;color:#FFFFFF;text-align:center;}
#service .service_title h2.page_title{color:#FFFFFF;}
#service .service_title h2.page_title::after{background:#FFFFFF;}
/* service_box */
#service .service_box{margin-bottom:0;counter-reset:number 0;}
#service .service_box .service_item{width:50%;position:relative;overflow:hidden;}
#service .service_box .service_item img{width:100%;height:100%;display:block;object-fit:cover;transition:0.3s;}
#service .service_box .service_item:hover img{transform:scale(1.02);}
#service .service_box .service_item h3{position:absolute;bottom:5%;left:5%;font-size:24px;color:#FFFFFF;line-height:1.4;transition:0.3s;}
#service .service_box .service_item:hover h3{color:#1dd8b9;}
#service .service_box .service_item h3 span.en{display:block;font-size:38px;}
#service .service_box .service_item h3::before{content:"0" counter(number);counter-increment:number 1;font-family:"Almarai", sans-serif;font-optical-sizing:auto;font-size:24px;font-weight:900;color:#1dd8b9;letter-spacing:0.05em;}
/* car_box */
#service .car_box{padding-top:120px;}
#service .car_box .slick-slide {padding:0 30px;}
#service .car_box .cc_slider02 {transform:scaleX(-1);}
#service .car_box .cc_slider02 .slick-slide{height:auto;transform: scaleX(-1);}
#service .car_box .cc_slider02 .slick-track{display:flex!important;align-items:flex-end;}
#service .car_box .cc_slider02 img{height:auto;display:block;}
/* === greeting === */
#greeting{background:url("image/greeting_bg.png") no-repeat center center / cover;}
/* greeting_box */
#greeting .greeting_box{position:relative;background:#FFFFFF;}
#greeting .greeting_box::before{width:100%;height:30px;content:"";position:absolute;top:-15px;left:0;background:repeating-linear-gradient(-45deg, #1dd8b9 0 10px, transparent 10px 30px);}
#greeting .greeting_box::after{width:100%;height:30px;content:"";position:absolute;bottom:-10px;left:0;background:repeating-linear-gradient(-45deg, #1dd8b9 0 10px, transparent 10px 30px);}
/* greeting_detail */
#greeting .greeting_detail{width:50%;padding:80px 0 40px 40px;display:flex;justify-content:center;flex-direction:column;box-sizing:border-box;}
#greeting .greeting_detail h3{margin-bottom:16px;font-size:30px;font-weight:900;}
#greeting .greeting_detail p{font-size:14px;}
#greeting .greeting_detail .sign_img{margin-bottom:24px;text-align:right;font-size:18px;font-weight:700;}
/* greeting_img */
#greeting .greeting_img{width:50%;display:flex;text-align:center;}
#greeting .greeting_img img{margin:auto auto 0;display:block;}
#greeting .greeting_img img{margin:auto auto 0;display:block;}
/* === recruit === */
#recruit{background:url("image/recruit_bg.jpg?202602041400") no-repeat center center / cover;}
#recruit .recruit_head{text-align:center;}
#recruit h2.page_title{color:#FFFFFF;}
#recruit h2.page_title::after{background:#FFFFFF;}
/* recruit_box */
#recruit .recruit_box{margin-bottom: 0;}
#recruit .recruit_item{width:30%;}
#recruit .recruit_item:nth-child(2){margin-top: 40px;}
#recruit .recruit_item:nth-child(3){margin-top: 80px;}
#recruit .recruit_item .recruit_img{margin-bottom:8px;position:relative;}
#recruit .recruit_item .recruit_catch{position:absolute;left:20px;bottom:32px;font-size:16px;font-weight:700;color:#FFFFFF;text-indent:-28px;}
#recruit .recruit_item .recruit_catch span{padding:6px 12px;background:#ff33a8;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-sizing:border-box;line-height:3;}
#recruit .recruit_item .recruit_year{font-size:20px;font-weight:700;line-height:1.6;}
#recruit .recruit_item .recruit_year small{padding-right:16px;font-size:15px;letter-spacing:0.1em;}
#recruit .recruit_item .recruit_year small span{font-size:16px;}
/* recruit_btn */
#recruit .recruit_btn{width:320px;margin:0 auto;font-weight:800;text-align:center;}
#recruit .recruit_btn a{padding:8px 0;display:block;background:#FFFFFF;border:5px solid #333;box-sizing:border-box; color:#000;text-decoration:none;transition:0.4s;}
#recruit .recruit_btn a:hover{background:#000000;color:#FFFFFF;}
/* === access === */
#access .access_img{height:60vh;margin-bottom:24px;}
#access .access_img img{width:100%;height:100%;object-fit:cover;}
/* access_box */
#access .access_box .access_item{width:48%;}
#access .access_box .access_item h3{margin-bottom:8px;font-size:24px;font-weight:800;color:#1dd8b9;}
#access .access_box .access_detail_box{margin-left:24px;padding:28px 0 28px 28px;border-left:5px solid #1dd8b9;}
#access .access_box .access_detail span.tel{font-size:18px;font-weight:900;}
#access .access_box .access_detail span.tel a{font-size:24px;color:#000000;}
#access .access_box .sns_box{padding:12px 24px;display:flex;justify-content:space-around;background:#ff33a8;}
#access .access_box .sns_box li{width:52px;}
#access .access_box .access_item iframe{height:100%;}
/* gallery */
#access .gallery li{margin:0 12px;}
/* ===== footer ===== */
#footer{padding:64px 0 0;background:#e2f2ef;}
#footer .footer_wrap{padding-bottom:40px;background:url("image/f_bg.svg") no-repeat left bottom / contain;}
#footer .footer_wrap .flex_box{margin-bottom:0;padding:40px 0;align-items:center;}
#footer .footer_wrap .f_acc_item{width:48%;}
/* f_adress */
#footer .f_adress h2{font-size:28px;font-weight:800;letter-spacing:0.05em;}
#footer .f_adress p{font-size:15px;line-height:1.5;}
#footer .f_adress .tel{font-size:18px;font-weight:900;}
#footer .f_adress .tel a{font-size:24px;color:#000000;}
/* f_menu */
#footer .f_menu ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .f_menu ul li{width:48%;margin:10px 0;padding-bottom:8px;border-bottom:1px solid #333;font-size:18px;line-height:1.3;}
#footer .f_menu ul li a{display:block;color:#000;text-decoration:none;}
#footer .f_menu ul li span{display:block;font-size:14px;color:#1dd8b9;}
/* copy */
#footer div.copy{padding:16px 0;background:#1dd8b9;font-size:12px;font-weight:700;color:#FFFFFF;text-align:center;letter-spacing:0.05em;}

/* === 配下共通 === */
#sub_head h2{margin-bottom:32px;font-size:78px;color:#1dd8b9;text-align:center;letter-spacing:0.05em;}
#sub_head h2::after{width:70px;height:5px;margin:-18px auto 0;content:"";display:block;background:#1dd8b9;}
#sub_head .bg_img img{width:100%;}
#contents .sub_title{font-size:45px;font-weight:800;line-height:1.2;letter-spacing:0.05em;}
#contents .sub_title small{display:block;font-size:24px;color:#1dd8b9;}
/* info_tbl */
table.info_tbl{width:100%;margin-top:40px;}
table.info_tbl tr{border-bottom:2px solid #ababab;}
table.info_tbl th, table.info_tbl td{padding:16px 0;font-size:16px;font-weight:700;}
table.info_tbl th{width:180px;}
/* inquiry */
#inquiry{background:url("image/recruit_page/inquery_bg.jpg?202602052143") no-repeat center center / cover;color:#fff;}
#inquiry .inquiry_head h3{margin-bottom:24px;text-shadow:2px 2px 3px #696767;}
#inquiry .inquiry_head h3 small{display:block;color:#FFFFFF;}
#inquiry .inquiry_txt{margin-bottom:24px;font-size:16px;}
#inquiry .tel_wrap{background:#FFFFFF;font-size:70px;font-weight:900;}
#inquiry .tel_wrap a{padding:24px 0;display:block;color:#1dd8b9;line-height:1;}
#inquiry .tel_wrap a span{padding-left:70px;background:url(image/recruit_page/tel_icon.png) no-repeat left center / 60px;}

/* === 会社概要 === */
/* company */
#company .map_icon{padding-left:18px;}
/* history */
#history .timeline_wrap{margin-top:40px;padding:32px 40px;background:#e2f2ef;}
#history .timeline{position: relative;}
#history .timeline dl{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;}
#history .timeline dl:before{width:1px;height:90%;background:#ff33a8;position:absolute;top:30px;left:239px;display:block;content:"";}
#history .timeline dl dt{width:290px;position:relative;font-size:40px;font-weight:800;color:#ff33a8;line-height:1;}
#history .timeline dl dt small{font-size:24px;}
#history .timeline dl dt:before{width:8px;height:8px;background:#ff33a8;content:"";display:block;position:absolute;top:26px;right:46px;}
#history .timeline dl dt:after{width:100px;height:1px;background:#ff33a8;content:"";position:absolute;top:30px;right:0;transform:translateY(-50%);display:block;}
#history .timeline dl dd{width:calc(100% - 314px);margin-bottom:24px;padding-top:8px;font-size:16px;}
#history .timeline dl dd span{padding-bottom:4px;display:block;font-size:20px;font-weight:700;}

/* === 採用情報 === */
.recruit #contents{overflow:hidden;}
.recruit #contents section:first-of-type{padding:40px 0 0;}
#industry_box h3.sub_title{margin-bottom:80px;}
/* industry_wrap */
.industry_wrap{margin-bottom:80px;}
/* industry_head */
.industry_head{margin-bottom:24px;position:relative;}
.industry_head .industry_title{padding:16px 48px 16px 12px;display:flex;align-items:center;position:absolute;top:-20px;left:0;background:#1dd8b9;color:#FFFFFF;font-size:21px;letter-spacing:0.05em;}
.industry_head .industry_title span{padding-right:16px;border-right:1px solid #FFFFFF;line-height:1;}
.industry_head .industry_title small{padding-left:16px;font-size:12px;}
.industry_head .industry_img{width:150%;}
.industry_head .industry_img img{width:100%;}
.industry_wrap p{margin:32px 0;font-size:18px;}
/* industry_box */
.industry_wrap .industry_box{padding:16px 24px;background:#e2f2ef;}
.industry_wrap .industry_box h4{margin-bottom:12px;font-size:21px;font-weight:700;color:#358475;}
/* industry_detail */
.industry_wrap .industry_detail{margin-bottom:0;}
.industry_wrap .industry_detail .industry_item{margin-bottom:24px;}
.industry_wrap .industry_detail .industry_img{margin-bottom:8px;}
.industry_wrap .industry_detail .industry_img img{width:100%;}
.industry_wrap .industry_detail dl dt{margin-bottom:8px;font-size:18px;font-weight:700;color:#358475;}
.industry_wrap .industry_detail dl dd{font-size:14px;}
/* voice */
#voice{padding:64px 0 40px!important;background:#e2f2ef;}
#voice .voice_wrap{margin:32px 0;padding:24px;background:#ffffff;}
#voice .voice_wrap .voice_img{width:280px;}
#voice .voice_wrap .voice_detail{width:calc(100% - 320px);}
#voice .voice_wrap .voice_detail dt{margin-bottom:16px;font-size:24px;font-weight:900;color:#ff33a8;line-height:1.5;letter-spacing:0.02em;}
#voice .voice_wrap:nth-of-type(even) .voice_img{order:2;}
#voice .voice_wrap:nth-of-type(even) .voice_detail{order:1;}
/* recruitment */
#recruitment ul.disc li{margin-left:24px;list-style:disc;}
#recruitment .recruit_btn a {width:250px;padding: 8px 0;display: block;text-align:center;background: #FFFFFF;border: 5px solid #333;box-sizing: border-box;color: #000;text-decoration: none;transition: 0.4s;}

/* contact */
#contact{text-align:left;}
#contact dt{margin-bottom:4px;}
#contact dt span.red{margin-left:16px;padding:0 8px;background:#D90000;color:#FFFFFF;font-size:11px;}
#contact dd{margin-bottom:16px;}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:8px;font-size:100%;cursor:pointer;-webkit-appearance: none;appearance: none;}
.wpcf7 input[type="submit"]{display:block;width:200px;margin:0 auto;padding:4px 0;border:1px solid #0F2350;cursor:pointer;outline: none;background:#0F2350;color:#FFFFFF;box-sizing: border-box;-webkit-appearance: none;border-radius:0;clear:both;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#0F2350;}

/* ===== single ===== */
.single #contents h2.page_title{padding: 0.2em 0;border-top: solid 3px #333333;border-bottom: solid 3px #333333;color:#333333}
.entry_data{font-size:11px;text-align:right;}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents h2{border-bottom:none;}
.error404 #contents p a{text-decoration:underline;}


@media screen and (min-width: 1025px) {
	#global_menu{display:block !important;}
}
@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1240px) {
	.l_wrap{width:90%;}
/* === 配下共通 === */
	#sub_head .bg_img{height:280px;}
	#sub_head .bg_img img{width:100%;height:100%;object-fit:cover;}
}

@media screen and (max-width: 1080px) {
	#contents h2.page_title{font-size:64px;}
	#contents .title_txt{font-size:21px;}
/* === our service === */
	/* service_box */
	#service .service_box .service_item h3{font-size:18px;}
	#service .service_box .service_item h3 span.en{font-size: 28px;}
	
/* === recruit === */
	#recruit .recruit_head{width:90%;margin-bottom:40px;padding:0 24px;text-align:left;}
	#recruit h2.page_title{margin-bottom:0;text-align:left;}
	#recruit h2.page_title::after{margin:-18px 0 0;}
	/* recruit_box */
	#recruit .recruit_box{width:90%;}
	#recruit .recruit_item{width:45%;}
	#recruit .recruit_item .recruit_img img{width:100%;}
	#recruit .recruit_item:nth-child(1){margin-top:80px;}
	#recruit .recruit_item:nth-child(2){margin-top:-180px;}
	#recruit .recruit_item:nth-child(3){margin:-230px 0 32px auto;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
	
	#header{padding:12px 3%;position:sticky;top:0;}
	/* === overlayMenuBtn === */
	.overlayMenuBtn{height:32px;position:absolute;top:50%;right:3%;transform:translateY(-50%);cursor:pointer;z-index:100001;}
	.overlayMenuBtn span{width:32px;position:relative;display:block;border:2px solid #229F9A;transition:.5s;background-color:#229F9A;}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 6px;}
	.overlayMenuBtn small{margin-top:12px;display:block;font-size:11px;color:#229F9A;}
	/* overlayMenu */
	.overlayMenu{width:100%;height:100vh;display:none;position:fixed;overflow:auto;background:#FFFFFF;z-index:100000;color:#333333;top:0;left:0;}
	.overlayMenuInner{padding:64px 4% 40px;}
	/* overlayMenuItem */
	.overlayMenuItem ul.sp_menu{margin:20px 0 40px;padding:0;list-style-type:none;}
	.overlayMenuItem ul.sp_menu li{border-top:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li:last-child{border-bottom:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li a{width:100%;padding:12px 24px;display:block;box-sizing:border-box;color:#333333;text-decoration:none;transition:.5s;}
	.overlayMenuItem ul.sp_menu li a:hover{background-color:#229F9A;color:#FFFFFF;}
	/* ===== global_menu ===== */
	#global_menu{display:none;}
}

@media screen and (max-width: 980px) {
/* mainimage */
	.mainimage{height:80vh;}
	.mainimage h2{font-size:clamp(18px, 5vw, 48px);}
/* === news === */
	#news h2{width:100px;font-size:18px!important;}
	#news .news_item_box{width:calc(100% - 100px);max-height:120px;}
}

@media screen and (max-width: 820px) {
	.wrap .s_wrap{width:100%;}
	.s_wrap{width:90%;}
}

@media screen and (max-width: 800px) {
	.mainimage{height:72vh;}
/* ===== footer ===== */
	#footer{padding:12px 0 0;}
	#footer .footer_wrap{padding-bottom:12px;background-size:40%;}
	#footer .footer_wrap .flex_box{padding:24px 0;}
	#footer .footer_wrap .f_acc_item{width:100%;}
	/* f_adress */
	#footer .f_adress{order:2;text-align:center;}
	#footer .f_adress h2{font-size:24px;font-weight:700;}
	#footer .f_adress .tel a{font-size:28px;}
	/* f_menu */
	#footer .f_menu{margin-bottom:24px;order:1;}
	#footer .f_menu ul::after{width:31%;content:"";display:block;}
	#footer .f_menu ul li{width:31%;font-size:16px;}
	#footer .f_menu ul li span{font-size:12px;}
	/* copy */
	#footer div.copy{padding:12px 0;font-size:11px;}
/* === concept === */
	#concept .concept_head{font-size:20px;}
/* === our service === */
	/* service_box */
	#service .service_box .service_item{width:100%;}
	/* car_box */
	#service .car_box{padding-top:60px;}
/* === greeting === */	
	/* greeting_detail */
	#greeting .greeting_detail{width:100%;padding:40px 0 0;}
	#greeting .greeting_detail h3{font-size:23px;}
	/* greeting_img */
	#greeting .greeting_img{width:100%;}
/* === access === */
	#contents #access{padding:40px 0px!important;}
	#access .access_img{height:30vh;}
	/* access_box */
	#access .access_box .access_item{width:100%;}
	#access .access_box .access_detail_box{margin-left:0px;}
	
/* === 配下共通 === */
	#sub_head h2{font-size:64px;}
	/* inquiry */
	#inquiry{padding:60px 20px!important;}
	#inquiry .tel_wrap{font-size:clamp(21px,8.5vw,70px);}
	#inquiry .tel_wrap a{padding:12px 0;}
	#inquiry .tel_wrap a span{padding-left:12%; background-size:12%;}
	
/* === 採用情報 === */
	/* voice */
	#voice{padding:40px 0!important;}
	#voice .voice_sp_flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
	#voice .voice_sp_flex .voice_wrap{width:48%;padding:12px;box-sizing:border-box;}
	#voice .voice_wrap .voice_img{width:100%;margin-bottom:24px;}
	#voice .voice_wrap .voice_detail{width:100%;}
	#voice .voice_wrap .voice_detail dt{margin-bottom:12px;font-size:18px;}
	#voice .voice_wrap .voice_detail dd{font-size:15px;}
	#voice .voice_wrap:nth-of-type(even) .voice_img{order:1;}
	#voice .voice_wrap:nth-of-type(even) .voice_detail{order:2;}
/* === 会社概要 === */
	#contents section{padding:40px 5%;}
}

@media screen and (max-width: 740px) {
	.table_scroll{overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #333;}
	.table_scroll::-webkit-scrollbar-thumb {background: #999;}
	.table-scroll table{width:100%;}
	a[href^="tel:"]{text-decoration:none;color:#000000;}
	
	.two_flex .item{width:100%;margin:0 0 40px;}
	.three_flex .item{width:100%;}
	.four_flex .item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
	
	#contents section{padding:40px 5%;}
	/* === news === */
	#news{width:100%;position:relative;top:inherit;left:inherit;transform:translateX(0);}
	#news h2{width:100px;font-size:18px!important;}
	#news .news_item_box{width:calc(100% - 100px);height:180px;padding:12px 16px;}
	#news .news_item_box li{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #555555;}
	#news .news_item_box .news_date{font-size:14px;color:#555555;}
	#news .news_item_box a{width:100%;}
	
	#concept .concept_txt{text-align:left;}
/* === 会社概要 === */
	/* company */
	#company .map_icon{padding-left:18px;}
	/* history */
	#history .timeline_wrap{padding:16px 24px;}
	#history .timeline dl:before{height:95%;top:15px;left:149px;}
	
	#history .timeline dl dt{width:180px;font-size:24px;}
	#history .timeline dl dt small{font-size:14px;}
	
	#history .timeline dl dt:before{width:8px;height:8px;background:#ff33a8;content:"";display:block;position:absolute;top:11px;right:26px;}
	
	#history .timeline dl dt:after{width:60px;top:15px;right:0;}
	
	#history .timeline dl dd{width:calc(100% - 204px);padding-top:0;font-size:15px;}
	#history .timeline dl dd span{font-size:17px;}
}

@media screen and (max-width: 720px) {
/* === recruit === */
	#recruit .recruit_head{text-align:center;}
	#recruit h2.page_title{text-align:center;}
	#recruit h2.page_title::after{margin: -5px auto 0;}
	
	/* recruit_box */
	#recruit .recruit_item{width:380px;margin:0 auto;}
	
	#recruit .recruit_item:nth-child(1), #recruit .recruit_item:nth-child(2), #recruit .recruit_item:nth-child(3){margin:0 auto 24px;}
}

@media screen and (max-width: 640px) {
/* 共通 */
	.mobile{display:block;}
/* パンくず */
	.bread_crumbs{margin:0 3% 16px;}
/* ===== contents ===== */
	#contents h2.page_title{font-size:52px;}
	#contents #service h2.page_title{font-size:40px;}
	#contents #service h2.page_title::after{margin: -5px auto 0;}
	#contents .title_txt {font-size:18px;}
/* ===== header ===== */
	#logo{font-size:22px;}
/* ===== contents ===== */
	.mainimage{height:60vh;}
	.mainimage h2{font-size:7vw;}
	/* === news === */
	#news h2{width:100%;padding:8px 0;}
	#news .news_item_box{width:100%;max-height:240px;}
/* ===== footer ===== */
	/* f_menu */
	#footer .f_menu ul li{font-size:15px;text-align:center;}
/* === concept === */
	#concept .concept_head{font-size:20px;}
/* === our service === */
	#service{padding:0!important;background:#1dd8b9;}
	#service .service_title{padding:40px 0 12px;color:#FFFFFF;text-align:center;}
	#service .service_title h2.page_title{color:#FFFFFF;}
	#service .service_title h2.page_title::after{background:#FFFFFF;}
	/* service_box */
	#service .service_box .service_item{width:100%;}
	/* car_box */
	#service .car_box{padding-top:60px;}
/* === greeting === */
	/* greeting_box */
	#greeting .greeting_box{width:100%;position:relative;background:#FFFFFF;}
	/* greeting_detail */
	#greeting .greeting_detail{width:100%;padding:40px 0 0;}
	#greeting .greeting_detail h3{font-size:23px;}
	/* greeting_img */
	#greeting .greeting_img{width:100%;}
/* === recruit === */
	#recruit h2.page_title{font-size:52px;}
	#contents .title_txt{font-size:18px;}
	/* recruit_box */
	#recruit .recruit_box{width:100%;}
/* === access === */
	#contents #access{padding:40px 0px!important;}
	#access .access_img{height:30vh;}
	/* access_box */
	#access .access_box .access_item{width:100%;}
	#access .access_box .access_detail_box{margin-left:0px;}
	
/* === 配下共通 === */
	#sub_head h2{font-size:52px;}
	#sub_head .bg_img{height:200px;}
	#contents .sub_title{font-size:36px;}
	#contents .sub_title small{font-size:21px;}
	/* info_tbl */
	table.info_tbl tr{border-bottom:1px solid #ababab;}
	table.info_tbl th, table.info_tbl td{width:100%;font-size:15px;display:block;}
	table.info_tbl th{padding:8px 0 0;font-size:16px;color:#1dd8b9;}
	table.info_tbl td{padding:0 0 8px;font-weight:600;}
	table.info_tbl td img{width:28px;}
	/* inquiry */
	#inquiry .inquiry_head h3{font-size:36px;}
	
/* === 採用情報 === */
	#industry_box h3.sub_title{margin-bottom:64px;}
	.industry_head .industry_title{padding:12px 16px 12px 12px;left:-5%;}
	.industry_head .industry_title{font-size:18px;}
	.industry_head .industry_title small{font-size:11px;}
	.industry_wrap .industry_box{padding:16px 12px;}
	/* voice */
	#voice .voice_sp_flex .voice_wrap{width:90%;margin:24px auto;}
	#voice .voice_wrap .voice_img img{width:100%;}
}

@media screen and (max-width: 600px) {
/* === 会社概要 === */
	#history .timeline dl:before{height:96.5%;left:4px;}
	#history .timeline dl dt{margin-bottom:8px;padding-left:32px;}
	#history .timeline dl dt:after{width:24px;left:0;}
	#history .timeline dl dt:before{left:0;}
	#history .timeline dl dd{width:100%;padding-left:32px;}
}