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

/*
Theme Name: 株式会社MYSコンフォート
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%;
	font-weight:500;
	line-height:1.8;
	font-family:"Noto Sans JP", sans-serif;
}

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 0 40px;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;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: #fff;background-color: #10193A;}
.wp-pagenavi span.current{color: #fff;background-color: #10193A;}

/* ===== 全体 ===== */
.wrap{max-width:1180px;margin:0 auto;}
.m_wrap{max-width:1000px;margin:0 auto;}
.s_wrap{max-width:800px;margin:0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}
.en{font-family: "League Spartan", sans-serif;font-optical-sizing:auto;font-weight: 900;}

.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;}
/* 画像ポップアップ */
.lightbox-target{width:100%;position:fixed;top:-100%;left:0;background:rgba(0, 0, 0, 0.7);opacity:0;transition:opacity 0.5s ease-in-out;overflow:hidden;z-index:300;}
.lightbox-target .container{margin:auto;position:absolute;top:50vh;left:50vw;background-color:white;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3);transition:0.5s ease-in-out;text-align:left;transform:translate3d(-50%, -50%, 0);}
a.lightbox-close{width:50px;height:50px;line-height:50px;margin:0;display:block;background:white;color:black;text-decoration:none;position:absolute;top:0;right:0;text-align:center;}
.lightbox-target:target{opacity:1;top:0;bottom:0;}
.lightbox-target:target img{max-height:560px;vertical-align:top;}
/* ※ */
.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;}
/* 丸文字 */
.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 */
.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 */
.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;}
/* btn_dsn1 */
.btn_dsn1{width:320px;font-size:24px;font-weight:700;text-align:center;letter-spacing:0.1em;line-height:1;}
.btn_dsn1 a{padding:10px 24px;background:#E84619;display:block;border:1px solid #E84619;border-radius:32px;box-sizing:border-box;color:#FFFFFF;transition:0.4s;}
.btn_dsn1 a:hover{background:#FFFFFF;color:#E84619;}
/* btn_dsn2 */
.btn_dsn2{width:320px;font-size:28px;font-weight:700;text-align:center;letter-spacing:0.1em;line-height:1;}
.btn_dsn2 a{padding:10px 24px;background:#101254;display:block;border:1px solid #101254;border-radius:32px;box-sizing:border-box;color:#FFFFFF;transition:0.4s;}
.btn_dsn2 a:hover{background:#FFFFFF;color:#101254;}

#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{position:relative;z-index:10;}
#header .header{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;}
#logo{width:160px;background:#101254;text-align:center;}
#logo a{padding:20px 30px;display:block;}
h1#logo a{padding:50px 30px;}
/* ===== global_menu ===== */
#global_menu{width:calc(100% - 180px);padding-top:40px;}
#global_menu ul{display:flex;justify-content:flex-end;align-items:center;}
#global_menu ul li{margin:0 12px;font-size:14px;font-weight:700;line-height:1;}
#global_menu ul li a{color:#000000;}
.home #global_menu ul li a{color:#FFFFFF;}
#global_menu ul li.head_rec{margin:0 0 0 24px;}
#global_menu ul li.head_rec a{padding:10px 24px;background:#E84619;display:block;border:1px solid #E84619;border-radius:32px;box-sizing:border-box;color:#FFFFFF;transition:0.4s;}
#global_menu ul li.head_rec a:hover{background:#FFFFFF;color:#E84619;}

body.home{background:url("image/bg_txt.svg") repeat-y right 8px top / 1%;}
/* === mainimage === */
.mainimage{margin:-160px 3% 0 0;position:relative;}
.mainimage > img{width:100%;}
.mainimage img.image_logo{width:25%;position:absolute;right:3%;bottom:-9.5%;}
/* ===== contents ===== */
#contents section{padding:40px 0;}
#contents .page_title{margin-bottom:24px;font-size:40px;font-weight:900;line-height:1.4;}
#contents .page_title small{display:block;font-size:28px;color:#101254;}
/* === concept === */
#concept{margin-right:3%;padding:0!important;background:url("image/concept_bg.svg") no-repeat center center / cover;}
#concept .concept_wrap{margin-left:3%;padding:40px 0 40px 3%;background:#FFFFFF;}
#concept .concept_wrap p{width:50%;}
#concept .concept_box{padding:0 3% 64px 0;background:#FFFFFF;position:relative;}
#concept .concept_box h3{position:absolute;right:10%;top:0;font-size:40px;font-weight:700;writing-mode: vertical-rl;line-height:1.4;}
#concept .concept_box h3 small{display:block;font-size:32px;color:#101254;}
#concept .concept_box .concept_img1{width:60%;height:640px;object-fit:cover;}
#concept .concept_box .concept_img2{width:60%;margin:-320px 0  48px auto;}
#concept .concept_box .concept_img2 img{border:5px solid #FFFFFF;box-sizing:border-box;}
/* === 企業理念 === */
#philosophy{padding:120px 0!important;background:url("image/philosophy_bg.jpg") no-repeat center center / cover;}
#philosophy p{font-size:clamp(24px, 3.51vw, 48px);font-weight:900;color:#FFFFFF;text-align:center;}
/* === サービス内容 === */
.service_list h3{margin-bottom:12px;font-weight:900;}
.service_list ul{margin-bottom:12px;}
.service_list ul li{display:inline-block;}
.service_list ul li::after{padding:0 12px;content:"/";display:inline-block;}
.service_list ul li:last-of-type::after{display:none;}
/* service */
#service{padding:0!important;display:flex;justify-content:space-between;flex-wrap:wrap;}
#service .service_detail{width:50%;padding:120px 5%;background:#000000;box-sizing:border-box;color:#FFFFFF;}
#service .service_detail h3{font-size:32px;}
#service .service_detail ul{margin-bottom:40px;}
#service .service_detail ul li{font-size:18px;}
#service .service_image{width:50%;}
#service .service_image img{height:100%;object-fit:cover;object-position:center;}
/* === 採用情報 === */
#recruit{background:#FFFFFF;}
#recruit .recruit_wrap{margin-bottom:40px;padding:120px 0 40px;background:url("image/recruit_bg.svg") no-repeat center center;text-align:center;}
#recruit .recruit_wrap p{max-width:800px;margin:0 auto 40px;}
#recruit .recruit_wrap .btn_dsn1{margin:0 auto;}
#recruit ul.recruit_gallery .slick-slide{margin-right: 1vw!important;margin-left: 1vw!important;}
/* === アクセス === */
#access{background:#FFFFFF;}
#access .acc_wrap{padding-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#access .acc_detail{width:42%;padding:64px 0;order:2;}
#access .acc_detail p strong{font-size:21px;font-weight:900;}
#access .acc_detail p.acc_txt{font-size:15px;}
#access .acc_detail p:last-of-type{margin-bottom:0;}
#access .acc_map{width:48%;order:1;}
#access .acc_map .map_area{height:100%;}
#access .acc_map .map_area iframe{width:100%;height:100%;}
/* ===== footer ===== */
#footer{padding:40px 5%;background:#000000;color:#FFFFFF;}
#footer .f_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .f_wrap .f_acc{width:30%;}
#footer .f_wrap .f_acc #f_logo{width:60%;margin-bottom:12px;}
#footer .f_wrap .f_acc h2{margin-bottom:4px;font-size:28px;font-weight:900;}
#footer .f_wrap .f_acc p{margin-bottom:40px;}
#footer div.copy{font-size:11px;}
#footer .f_wrap .f_menu{width:30%;}
#footer .f_wrap .f_menu h3{font-size:24px;}
#footer .f_wrap .f_menu ul li{font-size:12px;}
#footer .f_wrap .f_con{width:30%;}
#footer .f_wrap .f_con a{width:160px;height:160px;margin:0 auto;background:#101254; display:block;position:relative;top:-40px;font-size:24px;color:#FFFFFF;text-align:center;line-height:160px;transition:0.4s;}
#footer .f_wrap .f_con a:hover{background:#FFFFFF;color:#101254;}

/* ===== 共通ページ ===== */
#page_head{padding:48px 0;}
#page_head .page_title{margin-bottom:24px;font-size:40px;font-weight:900;line-height:1.4;letter-spacing:0.2em;}
#page_head .page_title small{display:block;font-size:28px;color:#101254;text-transform:uppercase;letter-spacing:0;}
.page #contents .post .des{margin-bottom:120px;}
#contents h2.head_title{margin-bottom:24px;font-size:28px;font-weight:700;text-align:center;line-height:1.2;}
#contents h2.head_title small{display:block;font-size:21px;color:#101254;}

/* === 会社概要 === */
.company #contents #company{padding:0 0 60px;}
/* company */
.company #company dl{padding:12px 0;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #000000;}
.company #company dl:first-of-type{border-top:1px solid #000000;}
.company #company dl dt{width:180px;font-weight:700;}
.company #company dl dd{width:calc(100% - 180px);}
/* corp_service */
.company #corp_service{background:#F2F2F2;}
#corp_service .corp_service_list{margin-bottom:0;}
#corp_service .corp_service_list li{margin-bottom:8px;font-size:15px;text-align:center;}
#corp_service .corp_service_list li img{margin-bottom:8px;}
/* corp_btn */
.company #corp_btn{padding:60px 0!important;}
.company #corp_btn .list_center li{margin:0 12px;font-size:18px;}
.company #corp_btn .list_center li a{padding:24px;}
/* === 事業案内 === */
.service #concept .concept_box .concept_txt{width:40%;margin-left:auto;padding:0 4%;box-sizing:border-box;}
.service #concept .concept_box .concept_txt h2{margin-bottom:12px;font-size:28px;font-weight:700;}
.service #concept .concept_box .concept_img1{margin-top:-180px;}
.service .service_wrap{background:#101254;color:#FFFFFF;}
.service .service_wrap .service_wrap_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.service .service_wrap_box .service_detail{width:50%;margin-bottom:48px;padding:120px 5% 60px;box-sizing:border-box;}
.service .service_wrap_box .service_detail h3{margin-bottom:24px;font-size:40px;font-weight:900;}
.service .service_wrap_box .service_detail .service_catch{margin-bottom:24px;font-size:24px;font-weight:700;}
.service .service_wrap_box .service_detail p{margin-bottom:32px;font-size:16px;}
.service .service_wrap_box .service_detail ul li{display:inline-block;}
.service .service_wrap_box .service_detail ul li::after{padding:0 12px;content:"/";display:inline-block;}
.service .service_wrap_box .service_detail ul li:last-of-type::after{display:none;}
.service .service_wrap_box .service_img{width:50%;height:680px;margin-bottom:48px;}
.service .service_wrap_box .service_img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.service .service_wrap_box .service_gallery{width:100%;margin-bottom:48px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.service .service_wrap_box .service_gallery li{width:32%;}
.service .service_wrap.bg_white{background:#FFFFFF;color:#000000;}
/* === 採用情報 === */
.recruit #contents .page_title small{color:#E84619;}
#recruit_about{padding-top:0!important;}
#recruit_about .recruit_about_img{margin-bottom:24px;}
/* message */
#message{padding:0 0 240px!important;background:#101254;display:flex;justify-content:space-between;flex-wrap:wrap;color:#FFFFFF;}
#message .message_detail{width:50%;padding:48px 5% 0;box-sizing:border-box;}
#message .message_detail .message_catch{margin-bottom:12px;font-size:24px;font-weight:700;}
#message .message_img{width:50%;}
/* recruit_gallery */
.recruit_page_gallery{margin-top:-120px;margin-bottom:48px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.recruit_page_gallery li{width:31%;}
/* interview */
#interview h2.page_title{margin-bottom:40px;text-align:center;}
#interview h2.page_title small{color:#101254!important;}
#interview .interview_box{margin-bottom:60px;}
#interview .interview_wrap{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#interview .interview_wrap .interview_img{width:400px;}
#interview .interview_wrap .interview_detail{width:calc(100% - 440px);display:flex;flex-direction:column;justify-content:center;color:#101254;}
#interview .interview_wrap .interview_detail h3{margin-bottom:12px;font-size:28px;font-weight:900;}
#interview .interview_box:nth-of-type(even) .interview_img{order:2;}
#interview .interview_box:nth-of-type(even) .interview_detail{order:1;}
/* recruit_contact */
#recruit_contact{background:#101254;color:#FFFFFF;}
#recruit_contact h2.page_title{margin-bottom:32px;text-align:center;}
#recruit_contact p{margin-bottom:48px;}
#recruit_contact .btn_dsn1{margin:0 auto 40px;font-size:21px;}
#recruit_contact .btn_dsn1 a{padding:20px 24px;}

/* === お問い合わせ === */
.contact #form p{margin-bottom:40px;}
.contact #contents .submit_btn{margin-bottom:60px;}
/* contact */
#contact{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#contact dt{width:240px;margin-bottom:12px;}
#contact dt span.red{margin-left:16px;padding:0 8px;background:#D90000;color:#FFFFFF;font-size:11px;}
#contact dd{width:calc(100% - 240px);margin-bottom:12px;}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:8px;border:1px solid #999999;font-size:100%;cursor:pointer;-webkit-appearance: none;appearance: none;box-sizing:border-box;}
/* submit */
.wpcf7 input[type="submit"]{width:320px;margin:0 auto;padding:16px 0;display:block;border:1px solid #E84619;cursor:pointer;outline: none;background:#E84619;box-sizing: border-box;-webkit-appearance: none;border-radius:32px;font-size:18px;font-weight:700;text-align:center;letter-spacing:0.1em;color:#FFFFFF;transition:0.4s;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#E84619;}

/* ===== 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: 1300px) {
/* === header === */
	#header .header{width:90%;}
/* === concept === */
	#concept .concept_wrap p{width:70%;}
/* === footer === */
	#footer .f_wrap .f_acc{width:calc((100% - 180px) / 2);}
	#footer .f_wrap .f_menu{width:calc((100% - 180px) / 2);}
	#footer .f_wrap .f_con{width:160px;}
}

@media screen and (max-width: 1180px) {
	.wrap{width:90%;}
/* === concept === */
	#concept .concept_box .concept_img2{margin-top:-180px;}
/* === 事業案内 === */
	.service #concept .concept_box .concept_txt{width:100%;margin:0 0 48px;}
	.service #concept .concept_box .concept_img1{width:80%;height:580px;margin-top:0;}
	.service #concept .concept_box .concept_img2{width:60%;margin-top:-180px;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.m_wrap{width:90%;}
	/* === overlayMenuBtn === */
	.overlayMenuBtn{height:32px;position:absolute;top:10%;right:3%;cursor:pointer;z-index:100001;}
	.page .overlayMenuBtn{right:0;}
	.overlayMenuBtn span{width:32px;position:relative;display:block;border:2px solid #FFFFFF;transition:.5s;background-color:#FFFFFF;}
	.page .overlayMenuBtn span{border-color:#101254;background:#101254;}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 8px;}
	.overlayMenuBtn span:nth-child(3){top: 16px;}
	/* overlayMenu */
	.overlayMenu{width:100%;height:100vh;display:none;position:fixed;overflow:auto;background:#000000;z-index:100000;color:#FFFFFF;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 12px;display:block;box-sizing:border-box;color:#FFFFFF;text-decoration:none;transition:.4s;}
	
	.h_acc{text-align:center;}
	.h_acc #h_logo{width:50%;margin:0 auto 12px;}
	.h_acc h2{margin-bottom:12px;font-size:18px;font-weight:900;}
	.h_acc p{margin-bottom:48px;font-size:14px;}
	/* ===== global_menu ===== */
	#global_menu{display:none;}
	
	body.home{background-size:1.2%;}
/* === mainimage === */
	.mainimage img.main_img{height:520px;object-fit:cover;}
/* === concept === */
	#concept .concept_wrap{padding:40px 5%;}
	#concept .concept_wrap p{width:100%;}
	#concept .concept_box h3{font-size:32px;right:3%;}
	#concept .concept_box .concept_img1{height:inherit;margin-bottom:40px;display:block;}
	#concept .concept_box .concept_img2{width:90%;margin-top:0;}
/* === service === */
	#service .service_detail{width:100%;padding:80px 5%;order:2;}
	#service .service_image{width:100%;order:1;}
	#service .service_image img{width:100%;height:480px;}
/* === recruit === */
	#recruit .recruit_wrap{width:90%;margin:0 auto 40px;}
/* === access === */
	#access .acc_wrap{width:80%;}
	#access .acc_detail{width:100%;margin-bottom:40px;order:1;text-align:center;}
	#access .acc_map{width:100%;order:2;}
	#access .acc_map .map_area iframe{height:400px;}
/* ===== footer ===== */
	#footer{padding:0 0 40px;}
	#footer .f_wrap .f_acc{width:100%;padding-top:64px;order:2;text-align:center;}
	#footer .f_wrap .f_acc #f_logo{width:320px;margin:0 auto 24px;}
	#footer .f_wrap .f_menu{display:none;}
	#footer .f_wrap .f_con{width:100%;order:1;}
	#footer .f_wrap .f_con a{width:100%;height:inherit;padding:40px 0;top:0;font-size:40px;line-height:1;}
/* === 事業案内 === */
	.service .service_wrap_box .service_detail{width:100%;padding:48px 5%;order:2;}
	.service .service_wrap_box .service_img{width:100%;height:480px;order:1;}
	.service .service_wrap_box .service_gallery{order:3;}
/* === 採用情報 === */
	.recruit #footer .f_wrap .f_con{display:none;}
	#message .message_detail{width:100%;order:2;}
	#message .message_img{width:100%;order:1;}
}

@media screen and (max-width: 800px) {
	.s_wrap{width:90%;}
	.mainimage img.image_logo{bottom:-6.5%;}
/* === concept === */
	#concept .concept_box h3{font-size:24px;}
/* === service === */
	#service .btn_dsn1{margin:0 auto;}
/* === recruit === */
	#recruit .recruit_wrap{padding-top:60px;background-position:center top;}
/* === access === */
	#access .acc_detail p:last-of-type{text-align:left;}
	
/* ===== 会社概要 ===== */
	.company #corp_btn .list_center li{width:400px;margin:8px 0;}
/* ===== 事業案内 ===== */
	.service #concept .concept_box{padding-right:0;}
	.service #concept .concept_box .concept_txt{padding-right:0;}
	.service #concept .concept_box .concept_img1{height:380px;}
	.service .service_wrap_box .service_gallery{width:90%;}
/* === 採用情報 === */
	#interview .interview_wrap .interview_img{width:100%;margin-bottom:24px;}
	#interview .interview_wrap .interview_detail{width:100%;}
	#interview .interview_box:nth-of-type(even) .interview_img{order:1;}
	#interview .interview_box:nth-of-type(even) .interview_detail{order:2;}
}

@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%;}
	
	.btn_dsn1{font-size:21px;}
	#page_head{padding:24px 0;}
	#page_head .page_title{font-size:32px;line-height:1.2;}
	#page_head .page_title small{font-size:24px;}
	
	body.home{background-position:right 4px top;background-size:2%;}
/* === philisophy === */
	#philosophy p{margin:0;padding:0 5%;}
/* === recruit === */
	#recruit h2.page_title{font-size:32px;}
	
/* ===== お問い合わせ ===== */
	.contact #form{padding-top:0;}
}

@media screen and (max-width: 640px) {
	.btn_dsn1{width:100%;}
	#logo{width:120px;}
	h1#logo a{padding:40px 20px;}
/* === 共通 === */
	#contents .page_title{font-size:24px;}
/* === mainimage === */
	.mainimage img.main_img{height:420px;}
	.mainimage img.image_logo{width:40%;}
/* === concept === */
	#concept .concept_box h3{font-size:18px;}
	#concept .concept_box h3 small{font-size:24px;}
	#concept .concept_box .concept_img2{margin-bottom:0;}
/* === philosophy === */
	#philosophy{padding:80px 0!important;}
/* === service === */
	#service .service_detail{padding:60px 10%;}
	#service .service_detail h3{font-size:28px;}
	#service .service_detail ul li{font-size:14px;}
	#service .service_image img{height:400px;}
/* === recruit === */
	#recruit h2.page_title{font-size:24px;}
/* === access === */
	#access .acc_wrap{width:90%;}
	#access h2.page_title{font-size:32px;line-height:1.2;}
	#access h2.page_title small{font-size:24px;}
	#access .acc_detail p.acc_txt{font-size:13px;}
/* ===== footer ===== */
	#footer .f_wrap .f_acc #f_logo{width:240px;}
	#footer .f_wrap .f_acc h2{font-size:21px;}
	#footer .f_wrap .f_acc p{font-size:13px;}
	
/* ===== 会社概要 ===== */
	.company #company dl dt{width:100%;}
	.company #company dl dd{width:100%;font-size:15px;}
	.company #corp_btn .list_center li{width:90%;}
/* ===== 事業案内 ===== */
	.service #concept .concept_box .concept_img1{height:180px;}
	.service #concept .concept_box .concept_img2{margin-top:-80px;}
	.service .service_wrap_box .service_img{height:260px;}
	.service .service_wrap_box .service_detail{margin-bottom:24px;padding:24px 5%;}
	.service .service_wrap_box .service_detail h3{font-size:28px;}
	.service .service_wrap_box .service_detail .service_catch{font-size:21px;}
	.service .service_wrap_box .service_detail p{font-size:14px;}
	.service .service_wrap_box .service_detail ul li{font-size:14px;}
	.service .service_wrap_box .service_img{margin-bottom:24px;}
/* ===== 採用情報 ===== */
	#message{padding-bottom:120px!important;}
	.recruit_page_gallery{margin-top:-60px;}
/* === お問い合わせ === */
/* contact */
	#contact dt{width:100%;margin-bottom:4px;}
	#contact dd{width:100%;}
}