@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;}
html{scroll-margin-top:100px;}
body{
	font-size:100%;
	font-weight:500;
	line-height:1.8;
	font-family: "Noto Sans JP", sans-serif;
	font-style:normal;
}

p{margin-bottom:24px;}
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:12px 10% 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;}
.txt_underline{text-decoration:underline;}

/* ===== 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;}

/* ===== 全体 ===== */
.l_wrap{max-width:1183px;margin:0 auto;}
.wrap{max-width:1000px;margin:0 auto;}
.pc{display: block;}
.l_pc,.sp,.br_sp,.tb{display: none;}
.clear:after{content:"";display:block;clear:both;}
.bg{background:#ececec;}
.en{font-family:"hiragino-kaku-gothic-pron", sans-serif;font-weight:300;font-style:normal;}
.catch{font-size:28px;font-weight:600;font-family:"Noto Serif JP", serif;font-style:normal;}

.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;}
/* 丸文字 */
.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{width:20px;height:2px;margin:3.5px 0;display:inline-block;position:absolute;top:50%;right:3%;transform:translateY(-50%);background-color:#FFFFFF;border-radius:9999px;}
.arrow::before,
.arrow::after{width:8px;height:2px;content:"";position:absolute;top:calc(50% - 0.5px);right:0;border-radius:9999px;background-color:#FFFFFF;transform-origin:calc(100% - 0.5px) 50%;}
.arrow::before{transform:rotate(30deg);}
.arrow::after{transform:rotate(-30deg);}
/* 丸棒矢印 */
.arrow_circle{width:50px;height:50px;position:relative;border:1px solid #FFFFFF;border-radius:50%;cursor:pointer;}
.arrow_circle::before{width:16px;height:2px;content:'';background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.arrow_circle::after{width:6px;height:6px;content:'';position:absolute;top:50%;left:24px;transform:translateY(-50%) rotate(45deg);border-top:2px solid #fff;border-right:2px solid #fff;}

.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;}
/* コンテンツのフェードイン表示 */
.fade-in{opacity:0;visibility:hidden;transition:opacity 1s ease, visibility 0s linear 1s;}
.fade-in.is-visible{opacity:1; visibility:visible;transition:opacity 2s ease, visibility 0s linear 0s;}
/* page-top */
#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;}
/* === btn_dsn === */
.btn_dsn1{width:380px;position:relative;font-size:18px;font-weight:600;text-align:center;}
.btn_dsn1 a{padding:24px 12px;display:block;background:#03265e;border:1px solid #03265e;border-radius:8px;box-sizing:border-box;color:#FFFFFF;line-height:1;transition:0.4s;}
.btn_dsn1 a:hover{background:#FFFFFF;color:#03265e;}
.btn_dsn1 a:hover .arrow,
.btn_dsn1 a:hover .arrow::before,
.btn_dsn1 a:hover .arrow::after{background-color:#03265e;}

/* ===== header ===== */
#header{width:100%;background-color:#FFFFFF;display:flex;justify-content:space-between;box-sizing:border-box;position:sticky;z-index:10;}
#logo{width:80px;padding:6px 0 6px 1%;}
#logo img{width:180px;}
#logo.lr_logo{width:200px;display:flex;align-items:center;}
#header .hd_logo_box{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;}
#header .hd_logo_box .partner , #header .hd_logo_box .sdgs_hd{width:80px;display:flex;align-items:center;}
#header .hd_logo_box .sdgs_hd{width:60px;margin-left:16px;}
/* ===== global_menu ===== */
#global_menu{margin:0 0 0 auto;}
#global_menu ul{height:100%;display:flex;justify-content:space-between;align-items:center;}
#global_menu ul li{margin:0 24px 0 0;font-size:15px;line-height:1.4;transition:0.2s;}
#global_menu ul li a{color:#000000;}
#global_menu ul li a small{display:block;font-size:14px;}
#global_menu ul li.recruit_btn{width:160px;padding:4px 0;margin:0;background:#03265E;border:1px solid #03265E;border-radius:25px;text-align:center;}
#global_menu ul li.recruit_btn a{display:block;color:#ffffff;-webkit-text-stroke:0!important;}
#global_menu ul li.head_contact{width:160px;height:100%;margin-right:0;margin-left:24px;display:flex;letter-spacing:0.05em;}
#global_menu ul li.head_contact a{width:100%;padding:42px 12px 0;display:block;background:#3e9cf9 url("image/main_icon.svg") no-repeat center 16px / 28px;border-bottom-left-radius:8px;color:#FFFFFF;text-align:center;}
/* home */
.home #header{width:100%;position:fixed;top:0;left:0;background-color:transparent;transition:background-color 0.4s ease;z-index:100;}
.home #header.is-scroll{background-color:#FFFFFF;box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.home #header.is-scroll .partner{margin-left:16px;}
.home #header #global_menu ul li a{-webkit-text-stroke:3px #FFFFFF;paint-order:stroke;}
.home #header #global_menu ul li.head_contact a{-webkit-text-stroke:inherit;paint-order:inherit;}
.home #header.is-scroll #global_menu ul li a , .home #header.is-scroll #global_menu ul li.recruit_btn a{-webkit-text-stroke:0;}
.home #header.is-scroll #global_menu ul li.recruit_btn a{color:#ffffff;}
.home #header #global_menu ul li.head_contact{height:92px;}
/* mainimage */
.mainimage{height:80vh;overflow:hidden;position:relative;}
.mainimage video{width:100%;height:100%;object-fit:cover;}
.mainimage .main_chatch{position:absolute;top:50%;left:10%;transform:translateY(-50%);color:#FFFFFF;text-shadow:2px 2px 8px #000000;}
.mainimage .main_chatch .catch{margin-bottom:16px;font-size:max(3.2vw, 36px);}
.mainimage .main_chatch .sub_catch{font-size:max(1.85vw, 20px);}
/* ===== contents ===== */
#contents{padding-bottom:12%;background:url("image/contents_bg.svg?202608161650") no-repeat center bottom / 70%;}
#contents section{padding:80px 0;}
/* head_title */
.head_title{margin-bottom:40px;}
.head_title span{position:relative;display:block;font-size:14px;font-weight:600;color:#0a9f5b;}
.head_title span::before{width:20px;margin-right:6px;position:relative;top:-4px;content:"";display:inline-block;border-bottom:1px solid #0a9f5b;}
.head_title .page_title{margin-top:-8px;font-size:30px;font-weight:600;letter-spacing:0.05em;}
/* === concept === */
#concept .catch{margin-bottom:12px;}
#concept p{margin-bottom:48px;font-size:18px;}
/* === technology === */
#technology .btn_dsn1{margin:40px auto 0;}
#technology .tec_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
#technology .tec_wrap .tec_item{width:24%;padding:10px;background:#ffffff;box-sizing:border-box;}
#technology .tec_wrap .tec_item h3{font-size:18px;text-align:center;}
#technology .tec_wrap .tec_item p{font-size:15px;}
/* === products === */
#products .pro_wrap{margin-bottom:0;display:flex;position:relative;}
#products .pro_wrap .pro_item{width:20%;height:430px;background:no-repeat center center;position:relative;text-align:center;color:#ffffff;}
#products .pro_wrap .pro_item:nth-child(1){background-image:url("image/pro_img01.jpg");}
#products .pro_wrap .pro_item:nth-child(2){background-image:url("image/pro_img02.jpg?202609011135");}
#products .pro_wrap .pro_item:nth-child(3){background-image:url("image/pro_img03.jpg");}
#products .pro_wrap .pro_item:nth-child(4){background-image:url("image/pro_img04.jpg?202609250700");}
#products .pro_wrap .pro_item:nth-child(5){background-image:url("image/pro_img05.jpg?202609250710");}
#products .pro_wrap .pro_item:nth-child(6){background:#03265e;}
#products .pro_wrap .pro_item .pro_txt{width:100%;position:absolute;left:50%;top:80px;transform:translateX(-50%);font-size:24px;letter-spacing:0.05em;line-height:1.5;}
#products .pro_wrap .pro_item .pro_txt span{font-size:16px;}
#products .pro_wrap .pro_item .arrow_circle{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);}
/* === welfare === */
.wel_wrap{margin-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.wel_wrap::before{content:"";display: block;width:24%;order:1;}
.wel_wrap::after{content:"";display: block;width:24%;}
.wel_wrap .wel_item{width:24%;padding:10px;position:relative;box-sizing:border-box;}
.wel_wrap .wel_item .wel_date{font-size:14px;color:#888888;}
.wel_wrap .wel_item .wel_title{font-size:15px;font-weight:800;}
.wel_wrap .wel_item .wel_txt{font-size:13px;}
#welfare .btn_dsn1{margin:40px auto 0;}
/* === news === */
#news .news_list{margin-bottom:40px;list-style:none;}
#news .news_list .news_item{margin-bottom:8px;padding-bottom:8px;display:flex;flex-wrap:wrap;border-bottom:1px solid #999999;}
#news .news_list .news_item a{color:#000000;}
#news .news_list .news_item .news_date{width:100px;}
#news .news_list .news_item .news_cat{width:200px;margin:0 20px;display:flex;justify-content:center;align-items:center;background:#3e9cf9;border-radius:25px;font-size:14px;color:#ffffff;text-align:center;}
#news .news_list .news_item .news_cat.tokushima-pref-adopt{background:#03265e;}
#news .news_list .news_item .news_cat.tokushima-city-park-adopt{background:#55d54c;}
#news .btn_dsn1{margin:40px auto 0;}
#news .news_list .post-categories{list-style:none;}
/* === recruit === */
#recruit{background:url("image/recruit_bg.jpg") no-repeat center center / cover;position:relative;color:#FFFFFF;}
#recruit::before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;background:url("image/dot.png") center repeat;z-index:1;}
#recruit .container{position:relative;z-index:3;}
#recruit .head_title, #recruit .head_title span{color:#FFFFFF;}
#recruit .head_title span::before{border-color:#FFFFFF;}
#recruit p{margin-bottom:48px;}
/* === company === */
#company .com_wrap{margin-bottom:64px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;}
#company .com_wrap::after{width:2px;height:100%;content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:#333333;}
#company .com_wrap .com_item{width:46%;}
#company .com_wrap .com_item dt{font-size:18px;font-weight:700;}
#company .com_wrap .com_item dd{margin-bottom:16px;font-size:15px;}
#company .com_item .com_tel, #company .com_item .com_fax{padding-left:34px;font-size:21px;font-weight:700;line-height:1.6;}
#company .com_item .com_tel{background:url(image/icon/i_tel.svg) no-repeat left center / 24px;}
#company .com_item .com_tel a{color:#000000;}
#company .com_item .com_fax{margin-bottom:24px;background:url(image/icon/i_fax.svg) no-repeat left center / 24px;}
#company .com_item .com_img_box{display:flex;flex-wrap:wrap;justify-content:space-between;}
#company .com_item .com_img_box .com_img{width:49%;}
#company .com_item .com_img_box .com_img img{width:100%;border-radius:8px;}
#company .btn_dsn1{margin:0 auto;}
/* === contact_box === */
#contact_box{padding:60px 0 48px;background:#03265E;color:#FFFFFF;}
#contact_box .head_title{text-align:center;}
#contact_box .head_title span{color:#FFFFFF;}
#contact_box .head_title span::before{display:none;}
#contact_box .head_title .page_title::after{width:20px;margin:0 auto;content:"";display:block;border-bottom:1px solid #FFFFFF;}
/* contact_btn */
.contact_btn{display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact_btn li{width:48%;line-height:1.4;}
.contact_btn li a{height:100%;padding:16px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #FFFFFF;border-radius:8px;box-sizing:border-box;color:#FFFFFF;text-align:center;transition:0.4s;}
.contact_btn li a span{padding-left:46px;background:url(image/icon/i_tel_w.svg) no-repeat left center / 32px;}
.contact_btn li.en{font-weight:600;}
.contact_btn li.en a{font-size:32px;}
.contact_btn li.en small{display:block;font-size:13px;}
.contact_btn li.mail a{background:#FFFFFF;font-weight:700;color:#03265E;}
.contact_btn li.mail a span{padding:12px 0 12px 60px;background-image:url(image/icon/i_mail.svg);background-size:42px;transition:0.4s;}
.contact_btn li.mail a:hover{background:#03265E;color:#FFFFFF;}
.contact_btn li.mail a:hover span{background-image:url("image/icon/i_mail_w.svg");}
/* ===== footer ===== */
#footer{padding:60px 0 24px;}
/* f_wrap */
#footer .f_wrap{margin-bottom:64px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .f_wrap .f_logo{width:280px;}
#footer .f_wrap .f_logo p{width:80%;margin:0 auto;}
/* f_menu */
#footer .f_wrap .f_menu{width:50%;display:flex;justify-content:space-between;flex-wrap:wrap;}
#footer .f_wrap .f_menu .f_menu_item{width:24%;}
#footer .f_wrap .f_menu .f_menu_item > ul{height:100%;display:flex;flex-direction:column;}
#footer .f_wrap .f_menu .f_menu_item ul > li{font-size:15px;font-weight:700;}
#footer .f_wrap .f_menu .f_menu_item ul li{padding-left:16px;position:relative;}
#footer .f_wrap .f_menu .f_menu_item ul li.last_list{margin-top:auto;}
#footer .f_wrap .f_menu .f_menu_item ul > li::before{content:"●";position:absolute;top:8px;left:0;font-size:8px;color:#0A9F5B;}
#footer .f_wrap .f_menu .f_menu_item ul li a{color:#000000;}
#footer .f_wrap .f_menu .f_menu_item ul ul{min-width:180px;position:relative;z-index:10;}
#footer .f_wrap .f_menu .f_menu_item ul ul li{padding-left:0;font-size:13px;font-weight:400;}
#footer .f_wrap .f_menu .f_menu_item ul ul li::before{content:"-";position:absolute;top:-5px;left:-15px;font-size:16px;color:#000000;}
/* copy */
#footer div.copy{text-align:center;font-size:11px;}

/* ===== 配下共通 ===== */
.page #contents section{padding:40px 0;}
/* === page_head === */
#page_head{background:url("image/about/about_bg.jpg?202608281500") no-repeat center center / cover;}
#page_head h1{padding:120px 10%;font-size:28px;font-weight:600;font-family:"Noto Serif JP", serif;color:#ffffff;line-height:1.2;}
#page_head h1 span{font-size:15px;font-weight:700;color:#0a9f5b;}
#page_head h1 span::before{width:20px;margin-right:6px;position:relative;top:-4px;content:"";display:inline-block;border-bottom:1px solid #0a9f5b;}
/* sub_title */
.page #contents h2.sub_title{max-width:1100px;margin:0 auto 32px;font-size:28px;text-align:center;}
.page #contents h2.sub_title::after{width:50px;height:3px;margin:12px auto 0;content:"";display:block;background:linear-gradient(90deg, #bfc1d8 0%, #bfc1d8 50%, #03265e 50%, #03265e 100%);}
/* h_sub_title */
.page #contents h2.h_sub_title{margin-bottom:32px;}
.page #contents h2.h_sub_title span{padding:0 24px;background:#03265e;font-size:28px;color:#FFFFFF;}
/* about_nav */
section#about_nav{padding:0!important;}
#contents .about_nav{background:#ececec;}
#contents .about_nav ul{padding:32px 20px;display:flex;justify-content:center;align-items:center;list-style:none;}
#contents .about_nav ul li{padding:0 20px;text-align:center;}
#contents .about_nav ul li:not(:last-child){border-right:1px solid #000000;}
#contents .about_nav ul li a{color:#000000;}
/* detail_wrap */
.detail_wrap{margin-bottom:20px;}
.detail_wrap dl{display:flex;flex-wrap:wrap;}
.detail_wrap dl dt{width:20%;padding:12px 20px;border-top:1px solid #333333;box-sizing:border-box;font-weight:700;display:flex;align-items:center;justify-content:center;}
.detail_wrap dl dd{width:80%;padding:12px 0 12px 20px;border-top:1px solid #cecece;box-sizing:border-box;}
.detail_wrap dl dt:last-of-type{border-bottom:1px solid #333333;}
.detail_wrap dl dd:last-of-type{border-bottom:1px solid #cecece;}

/* === 会社概要 === */
.about #page_head{background: url(image/about/about_bg.jpg?202608281500) no-repeat center 20% / cover;}
/* greeding */
#greeding{padding:40px 0 0!important;}
#greeding .greeding_box{background:#b5c8d2;}
#greeding .greeding_box .greeding_wrap{padding:40px 5% 0;display:flex;justify-content:space-between;}
#greeding .greeding_box .greeding_img{width:450px;margin-top:auto;order:2;}
#greeding .greeding_box .greeding_t_txt{width:150px;margin-top:auto;margin-bottom:48px;order:3;}
#greeding .greeding_box .greeding_t_detail{width:calc(100% - 620px);display:flex;flex-direction:column;justify-content:center;order:1;}
/* philosophy */
#philosophy{padding-top:120px!important;background:#ececec;}
#philosophy .philosophy_wrap{counter-reset:num;}
#philosophy .philosophy_wrap .philosophy_item{width:32%;padding:140px 16px 40px;position:relative;background:no-repeat center 48px / 80px;border:2px solid #03265E;box-sizing:border-box;counter-increment:num;}
#philosophy .philosophy_wrap .philosophy_item:nth-child(1){background-image:url("image/about/g_flow01.svg");}
#philosophy .philosophy_wrap .philosophy_item:nth-child(2){background-image:url("image/about/g_flow02.svg");}
#philosophy .philosophy_wrap .philosophy_item:nth-child(3){background-image:url("image/about/g_flow03.svg");}
#philosophy .philosophy_wrap .philosophy_item::before{padding:8px;background:#ececec;position:absolute;top:-50px;left:50%;transform:translateX(-50%);content:counter(num);font-size:60px;font-weight:700;color:#03265e;line-height:1.2;}
#philosophy .philosophy_wrap .philosophy_item dt{margin-bottom:12px;font-size:18px;font-weight:700;text-align:center;}
#philosophy .philosophy_wrap .philosophy_item dd{font-size:14px;}
#philosophy .philosophy_wrap .philosophy_item:nth-of-type(1) dd{letter-spacing:-0.002em;}
#philosophy .philosophy_txt .philosophy_sign{text-align:right;}
#philosophy .philosophy_txt .philosophy_sign span{padding-right:30px;}
#philosophy .philosophy_txt .philosophy_sign img{max-width:240px;}
/* a_concept */
#a_concept{padding:80px 0!important;background:url("image/about/concept_bg.jpg") no-repeat center center / 100%;color:#ffffff;scroll-margin-top:80px;background-size:cover;}
#a_concept .a_concept_detail{text-align:center;}
#a_concept .a_concept_txt01{font-size:25px;}
/* company_detail */
#company_detail .detail_wrap dl{margin-bottom:40px;font-size:15px;}
#company_detail .detail_wrap dt{padding:12px 0;display:block;}
#company_detail .detail_wrap dd ul{margin-left:24px;list-style:disc;}
/* owened */
#owned{scroll-margin-top:80px;}
#owned .owned_wrap{margin-bottom:40px;}
#owned .owned_wrap h3{margin-bottom:16px;font-size:18px;font-weight:600;}
#owned .owned_wrap h3 span{padding-left:8px;border-left:8px solid #03265e;}
#owned .owned_wrap .owned_box h4{margin-bottom:8px;}
#owned .owned_wrap .owned_box h4 span{padding:2px 24px;background:#03265e;font-size:15px;font-weight:600;color:#FFFFFF;letter-spacing:0.1em;}
#owned dl{margin-bottom:12px;padding:12px 0 12px 20px;background:#ececec;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:15px;color:#03265e;}
#owned dl dt{width:calc(100% - 96px);padding-right:12px;box-sizing:border-box;}
#owned dl dd{width:96px;padding:0 12px;border-left:1px solid #03265E;box-sizing:border-box;text-align:center;}
#owned ul.flex_box{padding-top:12px;}
/* history */
#history .history_list{width:640px;margin:0 auto;}
#history .history_list dl{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;}
#history .history_list dl::before{width:2px;height:calc(100% - 30px);background:#03265E;content:"";position:absolute;left:260px;top:50%;transform:translateY(-50%);}
#history .history_list dl dt{width:240px;margin-bottom:12px;font-size:64px;font-family:"Arial Black", Gadget, "sans-serif";color:#cecece;line-height:1;}
#history .history_list dl dd{width:calc(100% - 240px);margin-bottom:12px;padding:8px 20px 0 40px;box-sizing:border-box;position:relative;}
#history .history_list dl dd:first-of-type{padding-top:0;}
#history .history_list dl dd::after{width:10px;height:10px;background:#03265E;content:"";border-radius:50%;box-sizing:border-box;position:absolute;top:12px;left:16px;}
#history .history_list dl dd h3{margin-bottom:12px;font-size:18px;}
#history .history_list dl dd ul{margin-left:24px;list-style:disc;font-size:14px;}
/* === 事業内容 === */
.service #page_head{background-image:url("image/service/main_image.jpg?202609011200");}
.service .service_wrap{padding:24px 24px;background:#ececec;}
.service .service_wrap .service_detail{min-height:88px;margin-bottom:32px;padding-left:120px;background:no-repeat left center / 80px;}
.service .service_wrap .detail_wrap{margin-bottom:40px;font-size:15px;}
.service .service_wrap .large_box{padding-top:40px;}
.service .service_wrap h3{width:100%;margin-bottom:16px;font-size:18px;font-weight:600;}
.service .service_wrap h3 span{padding-left:8px;border-left:8px solid #03265e;}
.service .service_wrap .detail_wrap dt{padding:12px 0;display:block;}
.service .service_wrap .detail_wrap dl dt:last-of-type{border-bottom:1px solid #333333;}
.service .service_wrap .detail_wrap dl dd:last-of-type{border-bottom:1px solid #cecece;}
.service .service_wrap .detail_wrap .service_table_example{margin-top:12px;}
.service .service_wrap .detail_wrap .service_table_example a{color:#03265e;text-decoration:underline;}
.service .service_wrap .service_gallery:last-of-type{margin-bottom:0;}
.service .service_wrap .service_gallery,
.service .service_wrap .service_gallery.m_bottom{margin-bottom:24px;}
/* one_wrap */
.service .service_wrap .one_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.service .service_wrap .one_wrap .detail_wrap{width:55%;}
.service .service_wrap .one_wrap .detail_wrap dt{width:140px;}
.service .service_wrap .one_wrap .detail_wrap dd{width:calc(100% - 140px);font-size:14px;}
.service .service_wrap .one_wrap .service_gallery{width:40%;}
/* soumu */
.service #soumu{scroll-margin-top:80px;}
.service #soumu .service_wrap .service_detail{background-image:url("image/service/i_service01.svg");}
/* consultant */
.service #consultant{scroll-margin-top:80px;}
.service #consultant .service_wrap .service_detail{background-image:url("image/service/i_service02.svg");}
/* haken */
.service #haken{scroll-margin-top:80px;}
.service #haken .service_wrap .service_detail{background-image:url("image/service/i_service03.svg");}
/* doboku */
.service #doboku{scroll-margin-top:80px;}
.service #doboku .service_wrap .service_detail{background-image:url("image/service/i_service04.svg");}
/* sokuryo */
.service #sokuryo{scroll-margin-top:80px;}
.service #sokuryo .service_wrap .service_detail{background-image:url("image/service/i_service05.svg");}
/* === 社会貢献活動 === */
.csr #page_head{background-image:url("image/csr/main_image.jpg");}
.csr #contents a.link{color:#0a9f5b;text-decoration:underline;}
.csr #contents .btn_dsn1{margin:0 auto;}
/* ecoaction */
.csr #ecoaction .ecoaction_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.csr #ecoaction .ecoaction_wrap .ecoaction_img{width:300px;}
.csr #ecoaction .ecoaction_wrap .ecoaction_detail{width:calc(100% - 340px);font-size:15px;}
.csr #ecoaction .ecoaction_wrap .ecoaction_detail p{margin-bottom:12px;}
/* sdgs_about */
.csr #sdgs h3{margin-bottom:12px;font-size:24px;font-weight:700;}
.csr #sdgs .sdgs_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.csr #sdgs .sdgs_wrap .sdgs_bg{width:300px;object-fit:contain;}
.csr #sdgs .sdgs_about{width:calc(100% - 340px);margin-bottom:48px;}
.csr #sdgs .sdgs_img{height:auto;}
.csr #sdgs .sdgs_img img{width:100%;height:100%;object-fit:cover;}
.csr #sdgs .sdgs_detail_about dt{margin-bottom:12px;font-size:16px;font-weight:700;color:#03265e;}
.csr #sdgs .sdgs_detail_about dd{margin-bottom:24px;font-size:13px;}
.csr #sdgs .sdgs_wrap:nth-of-type(odd) .sdgs_img{order:2;}
.csr #sdgs .sdgs_wrap:nth-of-type(odd) .sdgs_detail_about{order:1;}
.csr #sdgs .sdgs_effort{margin-bottom:24px;padding:12px 24px;background:#ececec;}
.csr #sdgs .sdgs_effort dt{margin-bottom:8px;}
.csr #sdgs .sdgs_effort dd{font-size:13px;}
.csr #sdgs .sdgs_effort dd ul{margin-left:24px;}
.csr #sdgs .sdgs_effort dd ul li{list-style:disc;}
.csr #sdgs .sdgs_item{display:flex;justify-content:flex-start;}
.csr #sdgs .sdgs_item li{width:19%;margin:1%;}
.csr #sdgs .sdgs_item li img{width:100%;}
.csr #sdgs .sdgs_item li:last-of-type{margin-right:0;}
/* park_adopt */
.csr #park_adopt{background:#ececec;}
/* saigai */
.csr #saigai .saigai_img{height:auto;}
.csr #saigai .saigai_img img{width:100%;height:100%;object-fit:cover;}
.csr #saigai .saigai_detail dt{font-weight:700;}
.csr #saigai .saigai_detail dd{margin-bottom:24px;font-size:14px;}
.csr #saigai .saigai_detail dd ol{margin-left:24px;}
.csr #saigai .saigai_detail dd ol li{display:inline-block;}
.csr #saigai .saigai_detail dd ol li::after{padding:0 12px;content:"/";display:inline-block;}
.csr #saigai .saigai_detail dd ol li:last-of-type::after{padding:0;display:none;}
/* === お問い合わせ === */
.contact #page_head{background-image:url("image/contact/main_image.jpg");}
.contact #contact_head{padding:60px 0 48px;background:#03265E;color:#FFFFFF;}
.contact #contact_head h2{margin-bottom:24px;font-size:30px;font-weight:600;text-align:center;letter-spacing:0.05em;}
/* contact_btn */
.contact #contact_head .contact_btn{justify-content:center;}
.contact #contact_head .contact_btn li{width:520px;background-position:32px center;}
/* form_wrap */
.contact #form_wrap .form_head{margin-bottom:40px;}
.contact #form_wrap h2.mail_btn{margin-bottom:24px;padding:8px 20px;display:inline-block;background:#03265E;font-size:24px;color:#ffffff;}
/* contact_wrap */
.contact .contact_wrap{margin-bottom:48px;}
.contact .contact_wrap dl{display:flex;flex-wrap:wrap;}
.contact .contact_wrap dl dt{width:320px;padding:12px 20px;position:relative;border-top:1px solid #333333;box-sizing:border-box;font-weight:700;}
.contact .contact_wrap dl dt span{padding:0 12px;position:absolute;top:14px;right:48px;background:#03265e;border-radius:2px;color:#ffffff;font-size:14px;}
.contact .contact_wrap dl dd{width:calc(100% - 320px);padding:12px 0;border-top:1px solid #cecece;box-sizing:border-box;}
.contact .contact_wrap dl:last-child dt{border-bottom:1px solid #333333;}
.contact .contact_wrap dl:last-child dd{border-bottom:1px solid #cecece;}
/* privacy_policy */
.contact .privacy_wrap h1{margin-bottom:24px;}
.contact .privacy_policy{height:200px;margin-bottom:20px;padding:20px;overflow-y:scroll;border:1px solid #333;}
.contact .privacy_policy h2{margin-bottom:24px;font-size:16px;font-weight:600;}
.contact .privacy_policy dl{font-size:15px;}
.contact .privacy_policy dl dt{margin-bottom:4px;font-weight:700;}
.contact .privacy_policy dl dd{margin-bottom:16px;font-size:13px;}
.contact .privacy_policy dl dd ul{margin-left:24px;list-style:disc;}
/* approval_btn */
.contact .approval_btn{margin-bottom:40px;text-align:center;}
/* contact btn */
.contact .submit_btn{width:380px;margin:0 auto;position:relative;text-align:center;}
.contact .submit_btn input[type="submit"]{width:100%;padding:24px 12px;display:block;background:#03265e;border:1px solid #03265e;border-radius:8px;box-sizing:border-box;font-size:18px;font-weight:600;color:#FFFFFF;line-height:1;transition:0.4s;}
.contact .submit_btn input:hover{background:#FFFFFF;color:#03265e;}
/* contact（標準） */
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:8px;background:#f8fcff;border:1px solid #bfc1d8;box-sizing:border-box;font-size:100%;cursor:pointer;-webkit-appearance: none;appearance: none;}
.wpcf7 input[type="radio"] {margin:-4px 4px 0 0;vertical-align:middle;}
.wpcf7 input[type="submit"]{cursor:pointer;outline:none;-webkit-appearance:none;border-radius:0;clear:both;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#0F2350;}
.wpcf7 input::placeholder,textarea::placeholder{color:#dddddd;}
.wpcf7-form.hide_error_message .wpcf7-not-valid-tip{display: none;}
/* ===== single ===== */
.single #contents .single_head{margin-bottom:48px;}
.single #contents h1.page_title{margin-bottom:0;font-size:28px;font-weight:700;letter-spacing:0.05em;}
.single #contents .entry_data{font-size:11px;}
.two_column{display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_column .left_box{width:calc(100% - 300px);}
/* ===== sidebar ===== */
#sidebar{width:240px;}
/* サイド（右側部分） */
#sidebar .side_fix{position:sticky;top:80px;}
#sidebar .widget{margin-bottom:48px;}
#sidebar .widget dt{padding-bottom:8px;border-bottom:1px solid #343434;font-size:18px;}
#sidebar .widget dd ul li{font-size:14px;}
#sidebar .widget dd ul li a{padding:8px 0;display:block;border-bottom:1px solid #D9D9D9;color:#000000;}
#sidebar .widget dd ul li ul{margin-left:24px;}
#sidebar .widget dd ul li ul li{position:relative;}
#sidebar .widget dd ul li ul li:before{content:"├";position:absolute;left:-24px;top:50%;transform:translateY(-50%);}
#sidebar .widget dd ul li ul li:last-of-type:before{content:"└";}
#sidebar .widget dd select{width:100%;margin-top:18px;padding:8px;box-sizing:border-box;cursor:pointer;background: #FFFFFF;border: 1px solid #343434;color: #343434;}
/* ranking_box */
#sidebar .side_ranking dt{margin-bottom:12px;}
#sidebar .ranking_box{margin-bottom:12px;padding-bottom:12px;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid rgba(68,68,68,0.6);position:relative;}
#sidebar .ranking_box .ranking_image{width:80px;}
#sidebar .ranking_box .ranking_detail{width:100%;}
#sidebar .ranking_box .ranking_detail .ranking_date{font-size:10px;font-weight:500;}
#sidebar .ranking_box .ranking_detail .ranking_title{font-size:13px;font-weight:700;}
#sidebar .ranking_box .ranking_detail .starts_view{margin-left:12px;color:#999999;}
/* === archive === */
.news-list #page_head, .archive #page_head{background-image:url("image/archive_main.jpg?202609011200");}
.news-list #news .news_list .news_item a,
.archive #news .news_list .news_item a{width:100%;}

/* ===== 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: 1250px) {
/* === about === */
	#greeding .greeding_img_box .greeding_t_txt img{width:140px;}
	#greeding .greeding_img_box .greeding_t_detail{left:2%;font-size:14px;}
}

@media screen and (max-width: 1450px) {
	.l_pc{display:block;}
/* === about === */
	#greeding .greeding_box .greeding_wrap{justify-content:center;flex-wrap:wrap;}
	#greeding .greeding_box .greeding_t_detail{width:1000px;margin:0 auto 48px;text-align:center;}
}

@media screen and (max-width: 1320px) {
/* ===== footer ===== */
	#footer .f_wrap .f_menu{margin-right:4.5%;}
}

@media screen and (max-width: 1200px) {
	.l_wrap{width:90%;}
}

@media screen and (max-width: 1150px) {
/* ===== global_menu ===== */
	#global_menu ul li{margin-right:16px;font-size:14px;}
	#global_menu ul li a small{font-size:12px;}
	#global_menu ul li.recruit_btn{width:140px;}
	#global_menu ul li.head_contact{margin-left:16px;}
	#global_menu ul li.head_contact a{padding:38px 8px 8px}
}

@media screen and (max-width: 1050px) {
/* === about === */
	#greeding .greeding_img_box{margin-bottom: 20px;}
	#greeding .greeding_img_box .greeding_t_detail{display:none;}
	#greeding .greeding_sp{display:block;padding:0 20px;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
/* ===== header ===== */
	#header{justify-content:flex-start;}
	#logo{width:180px;}
	/* home */
	.home #header #logo{width:180px;padding:6px 0 6px 1%;position:relative;left:0;}
	.home #header .partner{margin-left:16px;}
	.home #header.is-scroll #logo{width:180px;}
	/* === overlayMenuBtn === */
	.overlayMenuBtn{height:12px;position:absolute;top:50%;right:3%;transform:translateY(-50%);cursor:pointer;z-index:100001;}
	.overlayMenuBtn span{width:32px;position:relative;display:block;border:1px solid #03265E;transition:.5s;background-color:#03265E;}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 8px;}
	/* 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:#03265E;color:#FFFFFF;}
/* ===== global_menu ===== */
	#global_menu{display:none;}
/* === products === */
	#products .pro_wrap{flex-wrap:wrap;}
	#products .pro_wrap .pro_item{width:calc(100% / 3);height:350px;}
/* === contact_box === */
	.contact_btn li, .contact_btn li.mail a{background-size:42px;}
/* ===== footer ===== */
	#footer .f_wrap .f_menu{width:100%;margin-right:0;}
	#footer .f_wrap .f_menu .f_menu_item ul ul{min-width:inherit;}
}

@media screen and (max-width: 980px) {
/* === about === */
	#greeding .greeding_img_box .greeding_t_txt{right:20%;}
	#greeding .greeding_img_box .greeding_t_txt img{width:100px;}
/* ===== single ===== */
	.single .two_column .left_box{width:100%;margin-bottom:64px;}
	.two_column .left_box{width:100%;}
/* ===== sidebar ===== */
	#sidebar{width:100%;}
	#sidebar .side_fix{position:inherit;top:inherit;}
}

@media screen and (max-width: 960px) {
/* === technology === */
	#technology .tec_wrap .tec_item{width:49%;margin-bottom:24px;}
	
/* ===== 配下ページ共通 ===== */
	#contents .about_nav ul li{padding:0 12px;font-size:14px;}
/* === about === */
	#philosophy .philosophy_wrap .philosophy_item{width:100%;margin-bottom:12px;padding-top:36px;padding-bottom:28px;display:flex;justify-content:space-between;flex-wrap:wrap;background:none!important;}
	#philosophy .philosophy_wrap .philosophy_item::before{left:0;}
	#philosophy .philosophy_wrap .philosophy_item dt{width:160px;margin-bottom:0;padding-top:64px;background:no-repeat center top / 64px;}
	#philosophy .philosophy_wrap .philosophy_item:nth-of-type(1) dt{background-image:url("image/about/g_flow01.svg");}
	#philosophy .philosophy_wrap .philosophy_item:nth-of-type(2) dt{background-image:url("image/about/g_flow02.svg");}
	#philosophy .philosophy_wrap .philosophy_item:nth-of-type(3) dt{background-image:url("image/about/g_flow03.svg");}
	#philosophy .philosophy_wrap .philosophy_item dd{width:calc(100% - 184px);display:flex;align-items:center;}
	#philosophy .philosophy_txt .philosophy_sign img{max-width:180px;}
}

@media screen and (max-width: 900px) {
/* === about === */
	#philosophy .philosophy_wrap .philosophy_item{width:100%;margin-bottom:60px;}
/* === service === */	
	.service .service_wrap .one_wrap .detail_wrap{width:100%;}
	.service .service_wrap .one_wrap .service_gallery{width:100%;}
}

@media screen and (max-width: 800px) {
	/* contents */
	#contents{background-size:110%;}
	/* products */
	section#products{padding-bottom:0;}	
	#products .pro_wrap .pro_item{width:50%;height:240px;background-size:cover;}
	#products .pro_wrap .pro_item .pro_txt{top:36px;}
	#products .pro_wrap .pro_item .arrow_circle{bottom:36px;}
	/* news */
	#news .news_list .news_item .news_date{width:80px;font-size:13px;}
	#news .news_list .news_item .news_cat{width:inherit;padding:0 24px;font-size:12px;}
	#news .news_list .news_item a{width:100%;}
	/* company */
	#company .com_wrap .com_item{width:100%;}
	#company .com_wrap .com_main{margin-bottom:20px;padding-bottom:40px;border-bottom:2px solid #333333;}
	#company .com_wrap::after{display:none;}
	#company .com_wrap .text-line{display:none;}
	/* contact_box */
	#contact_box .contact_btn li{width:80%;margin:0 auto 20px;}
	#contact_box .contact_btn li a{margin:8px 0;}
/* ===== footer ===== */
	#footer .f_wrap{margin-bottom:0;}
	#footer .f_wrap .f_logo , #footer .f_wrap .f_menu{width:100%;margin-bottom:20px;}
	#footer .f_wrap .f_menu{margin-bottom:20px;}
	#footer .f_wrap .f_menu .f_menu_item{width:48%;margin-bottom:20px;}
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(1){order:1;}
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(2){order:3;}
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(3){order:2;}
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(4){order:4;}
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(1) ul,
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(3) ul{display:flex;justify-content:space-between;flex-direction:inherit;flex-wrap:wrap;}
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(1) ul li,
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(3) ul li{width:49%;}
	
/* ===== 配下ページ共通 ===== */
	#page_head h1{padding:80px 10%;}
	#contents .about_nav ul{padding:16px 3%;justify-content:center;flex-wrap:wrap;}
	#contents .about_nav ul li{margin:4px 0;padding:0 12px;box-sizing:border-box;}
	.page #contents h2.h_sub_title span{font-size:21px;}
/* === about === */
	#greeding .greeding_img_box .greeding_t_txt img{width:80px;}
	#greeding .greeding_img_box .greeding_t_detail{display:none;}
	#greeding .greeding_flow .greeding_item{width:100%;margin-bottom:20px;}
	#greeding .greeding_box .greeding_wrap{justify-content:space-between;}
	#greeding .greeding_box .greeding_t_detail{width:100%;text-align:left;}
	#greeding .greeding_box .greeding_t_detail br.l_pc{display:none;}
	#greeding .greeding_box .greeding_img{width:76%;}
	#greeding .greeding_box .greeding_t_txt{width:24%;}
	#a_concept{background-size:cover;}
	#contents .detail_wrap dl dt{width:100%;justify-content:flex-start;}
	#contents .detail_wrap dl dd{width:100%;}
/* === service === */
	.service .service_wrap .one_wrap .service_gallery{margin-bottom:20px;}
/* === csr === */
	.csr #ecoaction .ecoaction_wrap .ecoaction_img{margin:0 auto;}
	.csr #ecoaction .ecoaction_wrap .ecoaction_detail{width:100%;}
	.csr #sdgs .sdgs_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.csr #sdgs .sdgs_wrap .sdgs_bg{width:100%;text-align:center;}
	.csr #sdgs .sdgs_about{width:100%;}
	.csr #sdgs .sdgs_img, .csr #saigai .saigai_img{width:100%;margin-bottom:12px;}
	.csr #sdgs .sdgs_detail, .csr #saigai .saigai_detail{width:100%;margin-bottom:48px;}
	.csr #sdgs .sdgs_wrap:nth-of-type(odd) .sdgs_img{order:1;}
	.csr #sdgs .sdgs_wrap:nth-of-type(odd) .sdgs_detail{order:2;}
	.csr #sdgs .sdgs_wrap:last-of-type .sdgs_detail{margin-bottom:0;}
	.csr #sdgs .sdgs_item li{width:90px;}
/* === contact === */
	.contact .contact_wrap dl dt{width:100%;padding:12px 0 0;}
	.contact .contact_wrap dl:last-child dt{border-bottom:none;}
	.contact .contact_wrap dl dt span{margin-left:24px;position:relative;top:inherit;right:inherit;}
	.contact .contact_wrap dl dd{width:100%;padding-top:8px;border-top:none;}
}

@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;}
	
	.tb{display:block;}
	.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%;}
/* contact_box */
	#contact_box .contact_btn li{width:90%;}
	
/* ===== 配下ページ共通 ===== */
	#page_head h1{padding:80px 10%;}
/* === about === */
	#owned dl{flex-wrap:nowrap;}
	#owned ul.flex_box li{width:48%;}
	#history .history_list{width:90%;}
	#history .history_list dl::before{left:200px;}
	#history .history_list dl dt{width:180px;font-size:48px;}
	#history .history_list dl dd{width:calc(100% - 180px);}
/* === service=== */
	.service .service_wrap .one_wrap .service_gallery.two_flex li.item,
	.service .service_wrap .service_gallery.two_flex li.item{width:48%;}
	.service .service_wrap .service_detail{padding:100px 0 0 0;background:no-repeat center top / 80px;font-size:15px;}
}

@media screen and (max-width: 640px) {
	#bread_crumbs{margin-bottom:12px;}
	.btn_dsn1{width:100%;}
	.head_title .page_title{font-size:24px;}
	.catch{font-size:19px;}
	#concept p{font-size:16px;}
	.br_sp{display:block;}
	.contact .submit_btn{width:100%;}
/* === header === */
	#header .hd_logo_box .partner{width:60px;}
	#header .hd_logo_box .sdgs_hd{width:36px;}
/* mainimage */
	.mainimage .main_chatch{left:20px;font-size:28px;}
	.mainimage{height:56vh;}
	.mainimage .main_chatch .catch{font-size:max(3.2vw, 30px);}
	.mainimage .main_chatch .sub_catch{font-size:max(1.85vw, 17px);}
/* technology */
	#technology .tec_wrap .tec_item{width:100%;}
/* news */	
	#news .news_list .news_item .news_cat{padding:0 10px;}
/* company */
	#company .com_item .com_tel, #company .com_item .com_fax{font-size:18px;}
/* product */
	#products .pro_wrap .pro_item{width:50%;height:240px;background-size:100%;}
/* ===== footer ===== */
	#footer .f_wrap .f_logo{width:280px;margin:0 auto 24px;}
	#footer .f_wrap .f_menu{margin-bottom:48px;}
	#footer .f_wrap .f_menu .f_menu_item{width:100%;margin-bottom:0;}
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(1) ul li,
	#footer .f_wrap .f_menu .f_menu_item:nth-of-type(3) ul li{width:100%;}
	#footer .f_wrap .f_menu .f_menu_item ul li.last_list{margin-top:0;}
	#footer .f_wrap .f_menu .f_menu_item ul li{border-bottom:1px solid #CCCCCC;}
	#footer .f_wrap .f_menu .f_menu_item ul li a{padding:8px 0;display:block;}
	#footer .f_wrap .f_menu .f_menu_item ul > li::before{top:16px;}
	#footer .f_wrap .f_menu .f_menu_item ul ul{display:none;}
	#footer .f_wrap .f_menu .f_menu_item ul ul li::before{top:4px;}
	#footer div.copy{padding:0 5%;font-size:10px;text-align:left;}
	
/* === 配下ページ共通 === */
	#contents section{padding:40px 0;}
	.page #contents h2.h_sub_title span{font-size:24px;}
	#contents .detail_wrap dl dd{padding:12px 0;}
	
/* === about === */
	#greeding .greeding_img_box .greeding_t_txt img{width:60px;}
	#greeding .greeding_box .greeding_img{width:72%;}
	#greeding .greeding_box .greeding_t_txt{width:28%;}
	#greeding .greeding_box .greeding_t_detail{margin-bottom:0;}
	#philosophy .philosophy_wrap .philosophy_item::before{left:50%;font-size:50px;}
	#philosophy .philosophy_wrap .philosophy_item dt{margin:0 auto 12px;}
	#philosophy .philosophy_wrap .philosophy_item dd{width:100%;}
	#a_concept .a_concept_txt01{font-size:24px;}
	#history .history_list dl::before{left:140px;}
	#history .history_list dl dt{width:120px;font-size:32px;}
	#history .history_list dl dd{width:calc(100% - 120px);}
/* === CSR === */
	.csr #sdgs .sdgs_item li{width:19%;}
	#saigai .flex_box .saigai_detail{margin:0;}
/* === contact === */
	.contact #contact_head h2{font-size:24px;}
	.contact #contact_head .contact_btn{margin:0 20px;}
	.contact #contact_head .contact_btn li{width:90%;}
	.contact_btn li.en a{font-size:26px;}
	.contact_btn li.en small{font-size:11px;}
	.contact .privacy_policy h2{font-size:15px;}
	.contact .privacy_policy p{font-size:14px;}
	
}

body.admin-bar #header{top:32px;}

@media screen and (max-width: 782px) {
	body.admin-bar #header{top:46px;}
}
