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

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__CSSハック
5__プラグイン制御
*/
.sp{display:none;}

@media screen and (max-width:1040px) and (min-width: 751px){:root{font-size: 0.9vw;}}

@media screen and (min-width: 769px)
{
	.sp_im{display:none !important;}
}


html {
-webkit-text-size-adjust: 100%;
}
.c-list01_item:nth-child(1) .img {padding-left: 0.5rem;padding-right: 1.5rem;}
.c-list01_item:nth-child(2) .img {}
.c-list01_item:nth-child(3) .img {}
.c-list01_item:nth-child(4) .img {}
.c-list01_item:nth-child(5) .img {}
.c-list01_item:nth-child(6) .img {}
@media screen and (min-width: 601px) 
{
body.load_sp .nav{height: auto !important;}
body.load_sp .logo{position: fixed;}
body.load_sp header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
body.load_sp{padding-top:60px}

    }

@media screen and (max-width: 768px) and (orientation: portrait){
/*============================
1__全体設定
============================*/
/* -基本設定- */
.sp{display:block;}
.pc{display:none;}
	
.pc_im{display:none !important;}
	
body{ min-width:0;}
.contact_link{ display:none;}

/* -header- */
header{ display:none;}

/*20210311追加トップページ健康ロゴ掲載部分*/
.top_service_img a:nth-child(2){margin-left: 4vw;margin-bottom: 10px;}
.top_service_img a:nth-child(1){margin-left: -3vw;}

.bxSlider ul li {height: 272px}
body#topPage .main_visual .bxSlider li:nth-child(1) img {padding-top: 100px;height: auto;width: 290px;}
body#topPage .main_visual .bxSlider li:nth-child(2) img {padding-top: 17rem;width: 239px;height: 17rem;}
body#topPage .main_visual .bxSlider li:nth-child(3) img {padding-top: 18rem;width: 332px;}

	.section_title03, .section_title03 a {font-size: 2.3rem;}
	
/* -nav- */
nav{z-index: 100;position: fixed;width: 100%;height:70px;top: 0;left: 0;background:none;text-align:center;}
.navSp{position: relative;padding:10px 0;background:#fff;moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);box-shadow: 3px 3px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.navSp a{display: inline-block;z-index: 10;position: relative;}
.navSp a img{height: 35px;width: auto;}
.nav{overflow-y:auto;margin-bottom: -10px;position: absolute;background:#fff;border-top: 1px solid #D5D5D5;top: 91px;left: 0;width: 100%;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;transition: all 0s;-webkit-transition: all 0s;}
.nav > ul{}
.nav > ul > li{display: block;float: none;border-bottom: 1px solid #D5D5D5;margin-right: 0;padding:0 8px; position:relative;}
.nav > ul > li:before{content: "";position: absolute;border-top: 1px solid #D5D5D5;border-right: 1px solid #D5D5D5;width: 10px;height: 10px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 50%;right: 20px;margin-top: -5px;display: none;}
.nav > ul > li:nth-child(1){
    /* border-top: 1px solid #D5D5D5; */
}
.nav > ul > li:nth-child(3){margin-right: 0;}
.nav > ul > li:nth-child(4),.nav > ul > li:nth-child(-n + 3),.nav > ul > li:nth-child(n + 3){margin-left: 0;margin-right: 0;}
.nav > ul > li > a{height:55px;}
.nav > ul > li > a:before{ content:none;}
.nav_sub > ul > li:hover > a{ background:none;}
.navSns{padding:20px 0;}
.navSns > ul{line-height: 1; margin-bottom:15px;}
.navSns > ul:last-child{margin-bottom:0;}
.navSns > ul > li{display: inline-block;margin-right: 10px;}
.navSns > ul > li:last-child{margin-right:0;}
.navSns > ul > li > a{}
.header_left_sp_tel{position: absolute;left: 10px;width: 45px;top: 13px;}
.contactSp{border-bottom: 1px solid #dcdcdc; background:#fff;z-index: 1000000;z-index: 1000000;position:relative;top: 0;left: 0;}
.contactSp ul{font-size: 0;}
.contactSp ul li{display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;padding: 0 15px;text-align: center;}
.contactSp ul li a{font-size: 16px;display: inline-block;height: auto;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;height: 40px;}
.contactSp ul li.btn{padding: 0;}
.contactSp ul li.btn a{color: #fff;background:#0068B6;padding: 0 10px;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}

nav.on{height: 120%;box-shadow:none;}

/* -nav 現在位置表示- */
.nav_sub > ul > li:hover > a{ color:#000;}

/* -ナビの横移動- */
.nav_sub{width: 100%;position: absolute;left: 100%;top: 0;padding-top: 0;}
.nav > ul{ position:relative; left:0;}
.nav_sub > ul > li{border-bottom: 1px solid #D5D5D5;}
.nav_sub > ul > li a{height: 60px; padding-left:20px; background:none !important; color:#0068B6 !important;}
.nav_sub_back{background:#EAEAEA;position:relative; padding-left:20px;border-bottom: 1px solid #D5D5D5;}
.nav_sub_back:before{ position:absolute; content:"";border-top: 1px solid #000;border-right: 1px solid #000;width: 10px;height: 10px;-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top: 50%;left: 20px;margin-top: -5px;}
.nav_sub_back a{box-sizing: border-box;width: 100%;color: #000;height: 60px;padding-left: 20px;display: flex;align-items: center;-webkit-align-items: center;padding-left: 15px;}

.nav > ul.move > li{position: static;}
.nav_sub.move{ display:block;}
.nav > ul.move{left: -100%;}

/* -ハンバーガーメニュー- */
.menu-trigger_wrap{position: absolute;top: 0;right: 0;width: 94.53%;left: 0;margin: auto;bottom: 0;height: 30px;text-align: right;}
.menu-trigger_wrap span{}
.menu-trigger_wrap .menu{ font-size:10px;display: inline-block;position: absolute;bottom: -15px;-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);transform: scale(0.9);-webkit-transform: scale(0.9);font-weight: bold;right: -4px;}
.menu-trigger_wrap a{ position:relative;}
.menu-trigger_wrap a:before{ position:absolute; content:"";width: 250%;height: 250%;left: -75%;top: -75%;}
.menu-trigger_wrap a,
.menu-trigger_wrap a span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger_wrap a {position: relative;width: 25px;height: 18px;}
.menu-trigger_wrap a span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #0068B6;border-radius: 4px;}
.menu-trigger_wrap a span:nth-of-type(1) {top: 0;}
.menu-trigger_wrap a span:nth-of-type(2) {top: 50%;margin: -1px 0 0 0;}
.menu-trigger_wrap a span:nth-of-type(3) {bottom: 0;}

nav.on .menu-trigger_wrap a span:nth-of-type(1) {-moz-transform:translateY(8px) rotate(315deg) scale(0.8);-o-transform:translateY(8px) rotate(315deg) scale(0.8);-ms-transform:translateY(8px) rotate(315deg) scale(0.8);-webkit-transform:translateY(8px) rotate(315deg) scale(0.8);transform: translateY(8px) rotate(315deg) scale(0.8);}
nav.on .menu-trigger_wrap a span:nth-of-type(2) {width: 30px;height: 30px;background-color: transparent;border: 3px solid #fff;border-radius: 50%;margin: -15px 0 0 -4px;}
nav.on .menu-trigger_wrap a span:nth-of-type(3) {-moz-transform:translateY(-8px) rotate(-315deg) scale(0.8);-o-transform: translateY(-8px) rotate(-315deg) scale(0.8);-ms-transform: translateY(-8px) rotate(-315deg) scale(0.8);-webkit-transform:translateY(-8px) rotate(-315deg) scale(0.8);transform: translateY(-8px) rotate(-315deg) scale(0.8);}

/* -pankuzu- */
#pankuzu .section{padding: 7px 0;}
.pankuzu{overflow-x: auto;height: 30px;}
.pankuzu > ul{white-space: nowrap;display: flex;height: 100%;align-items: center;-webkit-align-items: center;}
.pankuzu > ul > li{ float:none;white-space: nowrap;}
.pankuzu > ul > li strong br{display:none;}

/* -main- */
.main_visual{}

/* -section- */
.section{ width:94.53%;padding-top: 50px;}
.section:last-child{padding-bottom: 65px;}
.section_title02{margin-bottom: 20px;}
.section_title02 span:before{top:4px;}
.section#sp_service{padding-top:27px;}
/* -footer- */
.footer{width: 94.53%;padding-top: 55px;margin-bottom: 40px;}
.footer_info{ float:none;width: 100%;}
.footer_info_inner{width:100%;text-align: center;}
.footer_info_contact_tel{float: none;margin-bottom: 20px;}
.footer_info_contact_sns{display:table;margin:0 auto;float: none;}
.footer_info_bottom{width:100%;text-align: left;display: flex;flex-wrap:wrap;justify-content: flex-start;}

.footer_link{float: none; text-align:center;}
.footer_link > ul{float: none;display: inline-block; text-align:left;vertical-align: top;border-left:none;}

.footer_info_bottom{justify-content: center;margin:0 auto 20px auto;max-width: 43rem;}
.footer_info_bottom:after {
    content: "";
    display: block;
    width: 47%;  /* .boxに指定したwidthと同じ幅を指定する */
	height: 0;}

/*============================
2__TOP設定
============================*/
/* -全体- */
body#topPage .main_visual,body#topPage .main_visual img{ height:auto;}
body#topPage .main_visual img{max-width: 100%;}
body#topPage .pankuzuSnsWrap{ width:94%;}
body#topPage .main_visual .bx-viewport li a{display:block;position:relative;}
body#topPage .main_visual .bx-viewport li a:before{content:"";display:block;height:100%;width:100%;;opacity:0.2;position: absolute;}
body#topPage .main_visual .bx-viewport li img{position:relative;z-index:0;}


	
body#topPage main article#content{display:flex;flex-wrap: wrap;flex-direction: column;width:100%;}
body#topPage main article#content section{width:100%;}
body#topPage main article#content section#service{order:1;}
body#topPage main article#content section#top_link{order:2;}
body#topPage main article#content section#reform{order:3;}
body#topPage main article#content section#blog{order:4;}
body#topPage main article#content section#voice{order:5;}
body#topPage main article#content section#greeting{order:6;}

.section_title02, .section_title02 a{word-break:break-all;}

/* -TOPリンク- */
#top_link .section{padding:50px 0;}
.top_link_head ul li{margin-right: 25px;width:80%; margin-bottom:0;}
.top_link_head ul li:nth-child(3n){ margin-right:25px;}
.top_link_head{overflow: hidden;}
#topPage .top_link_head ul li{width: 70vw !important;margin:0 0px 20px 0px;}
#topPage .top_link_head ul li img{width:100%;}

#topPage .top_link_head .bx-wrapper .bx-viewport{left: 15vw;position: relative;overflow: visible !important;}
#topPage .top_link_head li{}
.bx-pager{display:flex;justify-content: center;padding:5px 0 5px 0;width: 100%;}
.bx-pager .bx-pager-item {margin:0 5px;padding-top: 28px;}
.bx-pager .bx-pager-item a{font-size:0;}
.bx-pager .bx-pager-item a{display:block;height: 4px;width: 20px;background:#555;border-radius:10px;border-radius:30px;}
.bx-pager .bx-pager-item a.active{background:#0068B6;}

/* -サービス- */
#service{overflow: hidden;}
.top_service_block {}
/*.top_service_block ul li{padding:0 13px 23px 12px;background:#FFF;;box-sizing: border-box;}*/
.top_service_title{font-size: 20px;}
.top_service_title span{font-size: 15px;}
.top_service_text{padding: 0 10px;}
.top_service_block .bx-wrapper{position:relative;padding-top:60px;}
.top_service_block .bx-pager .bx-pager-item a{background:#FFF;}
.top_service_block .bx-pager .bx-pager-item a.active{background:#0068B6;}
.top_service_block .bx-controls-direction .bx-prev,
.top_service_block .bx-controls-direction .bx-next{font-size:0;position:absolute;top:50%;display:block;width:40px;height:40px; background: #0068B6;border-radius: 100px;transform: translate(-20px, 0px);}
.top_service_block .bx-controls-direction .bx-prev:before{content: "";border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: translate(-50%,-50%) rotate(225deg);position: absolute;left: 60%;top: 50%;width: 10px;height: 10px;}
.top_service_block .bx-controls-direction .bx-next{right:0;transform: translate(20px, 0px);}
.top_service_block .bx-controls-direction .bx-next:before{content: "";border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: translate(-50%,-50%) rotate(45deg);position: absolute;right: 35%;top: 50%;width: 10px;height: 10px;}
.top_service_block .bx-viewport{overflow:visible !important}
.top_service_block .bx-viewport li{background:#FFF;padding:20px;box-sizing: border-box}

/* -リフォーム- */
#reform{overflow: hidden;;}
.top_reform_link_block{position: relative;}
.top_reform_link_block img{width: 100%}
.top_reform_link_block ul li{margin-right: 2%;margin-bottom: 2%;width:31.92%;}
.top_reform_link_label{font-size: 14px;}
.top_reform_link_text{font-size: 14px;line-height: 26px;padding: 15px 20px 20px 20px;}
.top_reform_link_block .bx-controls-direction .bx-prev,
.top_reform_link_block .bx-controls-direction .bx-next{font-size:0;position:absolute;top:50%;display:block;width:40px;height:40px; background: #0068B6;border-radius: 100px;transform: translate(-20px, 0px);}
.top_reform_link_block .bx-controls-direction .bx-prev:before{content: "";border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: translate(-50%,-50%) rotate(225deg);position: absolute;left: 60%;top: 50%;width: 10px;height: 10px;}
.top_reform_link_block .bx-controls-direction .bx-next{right:0;transform: translate(20px, 0px);}
.top_reform_link_block .bx-controls-direction .bx-next:before{content: "";border-top: 2px solid #FFF;border-right: 2px solid #FFF;transform: translate(-50%,-50%) rotate(45deg);position: absolute;right: 35%;top: 50%;width: 10px;height: 10px;}

/* -ブログ- */
.top_blog_link_block{width: 100%;margin: 0 auto;}
.top_blog_link_block ul li{float: none;width: 48.3%;;display: inline-block;vertical-align: top;margin-bottom: 2rem;}
.top_blog_link_block ul li:nth-child(2n){margin-left: 1rem;}
.topSnsList .twitter,
.topSnsList .facebook{width:100%;float:none;margin:0 auto 10px auto;overflow:hidden;}
.topSnsList li:last-child{margin:0 auto }
.topSnsList .title a{position:relative;}
.topSnsList li a:before {
    content: "";
    border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    transform: translate(-50%,-50%) rotate(
45deg);
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
}
/* -お客さまの声- */
.top_voice_block ul li{min-width: 80%;white-space: nowrap;margin-right: 10px;}
.top_voice_block {}
.top_voice_block ul{  display: flex;overflow-x: scroll;}
.top_voice_text {white-space: normal;}

/*============================
3__下層設定
============================*/
/* -全体- */
.kasoLinkBoxBlock ul li{margin-bottom: 2%;width: 49%; margin-right:0;}
	.kasoLinkBoxBlock ul li:nth-child(odd){
    margin-right: 2%;
}
.kasoLinkBoxImgTextarea{padding-left: 10px;padding-right: 10px;}
.kasoLinkBoxImgTextarea_comment{font-size: 20px;}
.kaso_content_title{font-size: 24px;margin-bottom: 30px;}
.kaso_content_text{margin-bottom: 40px;}
.kaso_content_text_title{font-size: 20px;margin-bottom: 30px;}

/* -選ばれる理由- */
.repairList{width: 53%;}
.repairImg{width: 45%;}
.repairSection.typeImg_left .repairList{width: 55%;}
.repairSection.typeImg_left .repairImg{width: 40%;}

/* -ガス機器の故障- */
.repairContactBottomList{width: 48%;}
.repairContactBottomImg{left: 0;top: 0;width: 40%;vertical-align: top;}

/* -製品紹介- */
.products_list_section_box{width: 49%;margin-bottom: 2%;}
.products_list_section_box_name a{font-size: 22px;}
.products_list_section_box_bottom .products_list_section_box_bottom_contact a{float: none;width: auto;margin-bottom: 10px;}
.products_list_section_box_bottom ul li{ display:block;}
.products_list_section_box_bottom ul li a{ width:100%;}
.products_list_section_box_bottom ul li:nth-child(2n) a{float: none;}
.productsDetailImages{width: 45%;}
.productsDetailTextarea{width: 55%;}

/* -事業内容- */
.businessContent{ width:auto;}
.businessSecsionBottom_img{width: 45%;}
.businessSecsionBottom_text{width: 50%;}

/* -スタッフ紹介- */
.staffSectionBlock ul li{width: 49%;}
	.staffSectionBlock ul li.long_left{
    margin-bottom: 9.4rem;
}
.staffSectionLabel{font-size: 16px;}
.staffSectionBottom{text-align: center;}
.staffSectionBottomImg{float: none;text-align: center;}
.staffSectionBottomTextarea{float: none;width: auto;}
.staffSectionBottomTextarea_title{width: 240px;margin: 0 auto 17px;}

/* -施工事例- */
.case_search_block{ width:auto;}
.case_search_key dt{width: 23%;}
.case_search_key dd{width: 71%;}
.case_list_box_block{ width:auto;}
.case_list_box_block ul li{margin-right: 3%;margin-bottom: 3%;width: 48%;vertical-align: top;}
.case_list_box_block ul li:nth-child(2n){/* margin-right:0; */}
.case_detail_block{ width:auto;}
.case_list_box_block ul li:nth-child(odd){margin-right: 0;}
.case_detail_comment_title{ font-size:20px;}

/* -ブログ- */
.kasoSideNavContent{ width:100%;}
body .kaso_side_nav,.kasoSideNavContent > div{ float:none;}
body .kaso_side_nav{width: 100%;}
body .kaso_side_nav #calendar{max-width: 500px;margin: 0 auto;}
.asideCon{ width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:-webkit-calc(100% - 20px);}
.kasoSideNavContent > div:first-child{width: auto;}
.blogList ul li{margin-bottom: 4%;width: 48%;}
.blogDetailDay,.blogDetailContent{width: auto;}
.flowBtnBack{margin: 20px 0;}

/* -採用情報- */
body#companyPage.recruit .recruitVoiceBlock, body#companyPage.recruit .repairBlock{ width:auto;}
.repairContent{ padding:20px;}
.recruitVoiceListBlock > ul > li.rightImg{ width:auto;}
.recruitVoiceListBlock > ul > li.leftImg,.recruitVoiceListBlock > ul > li.rightImg{width: 94%;}
.recruitVoiceListBlock > ul > li.rightImg .recruitVoiceListImg,.recruitVoiceListBlock > ul > li.leftImg .recruitVoiceListImg{width: 45%;}
.recruitVoiceListBlock > ul > li.rightImg .recruitVoiceListText,.recruitVoiceListBlock > ul > li.leftImg .recruitVoiceListText{width: 50%;}
.rec_messegeBlockImg{width: 30%;}
.rec_messegeBlockTextarea{width: 67%;}
.recruitVoiceListBlock > ul > li.noImg{width: 94%;}
.recruitVoicePro{ width: 94%;}
.recruitVoiceProTextarea{ width:56%;margin: 24px 10px 19px 10px;}
.recruitVoiceProTextareaCopy{ font-size:22px;}
.rec_dl{ width:auto;}
.rec_timeListBlock{ width:94%;}
.rec_timeListBlock > ul > li.img .rec_timeListBoxText{width: 56%;}
.rec_timeListBoxImg{width: 40%;}
.rec_icon{right: -139px;top: -47px;width: 139px;}
.rec_icon.pc{display:block;}
.rec_icon.sp{display:none;}
.recruitVoiceProImg{width: 40%;}
.recruitSectionNav ul{width: 94%;}
.recruitSectionNav ul li{ margin-bottom:10px;}

/* -まごころ巡回- */
body#servicePage.magokoro .kaso_content_text_title{ font-size:16px;}
.repairContactServiceBlock{ width:auto;}
.repairContactServiceList > ul > li{margin-right: 5px;}
.repairContactServiceCenterText,.repairContactServiceCenterImg{ padding-top:0; padding-bottom:0;float:none; width:auto; margin-bottom:10px; text-align:center;}
.repairContactServiceBottom p,.repairContactServiceCenterText{ font-size:15px;}
.repairContactServiceMenuTitle{ font-size:20px;}
.repairContactServiceMenuTitle span{padding: 4px 10px;}
.repairContactServiceMenuTable table tbody th{width: 4em;font-size: 15px;}
.repairContactServiceMenuTable table tbody td{font-size: 14px;padding: 5px 10px;}
.repairContactServiceMenuTable table tbody td > ul > li,.repairContactServiceMenuTable table tbody td p:nth-last-child(n + 2){ margin-bottom:5px;}

/* -無料点検サービス- */
.magokoroTablefull{width: auto;}
.magokoroTablefullRight_input{width: 49%;}
.magokoroTablefullRight_input_text{width: 29%;font-size: 15px;}
body.patrol input{width: 66%;}
.magokoroTablefullRight_input_text{width: 32%;}
body.patrol input{width: 60%;}
.magokoroTablefullRight_input_inner{width: 87%;}
.magokoroTable table tbody th a{width: 94%;}
.magokoroTablefull_bottom_top ul li:nth-child(1){float: none;margin-bottom: 20px;}
.magokoroTablefull_bottom_top ul li:nth-child(1) a{width: 100%;float: none;padding:0 20px;font-size:18px;box-sizing: border-box;}
.magokoroTablefull_bottom_top ul li:nth-child(2){float: none;}
.magokoroTablefull_bottom_top ul li:nth-child(2) a{width: auto;}
.magokoroTable table thead th,
.magokoroTable table thead tr:first-child th:first-child{font-size: 16px;}

.magokoroTablefull_bottom_last_bottom_input{float: none;margin-right: 0}
.magokoroTablefull_bottom_last_bottom_input_inner{width: auto; margin-bottom:10px;}
body.patrol input{float: right;}
.magokoroTablefull_bottom_last_bottom_input:nth-child(n + 2) .magokoroTablefull_bottom_last_bottom_input_inner{ width:auto;}
.magokoroPoint3GraphTable{ width:auto;}
.magokoro_list_img{width: 45%;}
.magokoro_list{width: 50%;}
.magokoroTableInput label,.magokoroTableInput input{ border:none;}
.magokoroTableInput label{line-height:1.2;font-size:14px;}
.magokoroTableInput input:checked{ background:none;}
.consultationList{width: 94%;padding:15px;}
.consultationList.three > ul{ margin-right:10px;margin-bottom:10px;}
.top_service_title_magokoro{font-size:22px;}
.form_table select{padding:10px;}
/* -サイトマップ- */
.sitemapContent ul{ display:block; margin-bottom:15px; margin-right:0;}
.sitemapContent ul li,.sitemapContent ul:last-child{ margin-bottom:0;}

.magokoroTableTitle a{float:none;margin:0 auto;}
.pager ul{display:flex;justify-content: center;}

body#casePage .kaso_content_title{text-align:left:}

/*============================
4__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {

}

/* -IE- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}




/*============================
5__プラグイン制御
============================*/
/* -TOP- */
body#topPage #bx_pager{width: 94%;}
.slick-list{right: -13px;}
.slick-prev{ left:5px !important;z-index: 10;}
.slick-next{ right:5px !important;z-index: 10;}


}
@media screen and (max-width: 600px) and (orientation: portrait){
/*============================
1__全体設定
============================*/
/* -基本設定- */
.sp{display:block;}
.pc{display:none;}
	
.pc_im{display:none !important;}
/* -header- */

/* -nav- */

/* -pankuzu- */
.pankuzuSnsWrap{ display:none;}

/* -main- */
.main_visual{padding-top: 96px;}
/*sdgsへの取り組み*/
	.sdgs_midashi::before {
    top: 12px;
}
.sdgs_midashi {
    font-size: 18px;
}

.greeting_wrap .top_greeting_proflie {width: 26%;}	


.top_service_img:nth-child(1) {}
.top_service_img:nth-child(2) {}
.top_service_img:nth-child(3) {}	
	

.c-list01_item .text {font-size: 14px !important;}
	
	
#greeting .top_greeting_txt {font-size: 1.4rem;}	
	
	
/* -section- */
.section:last-child{ padding-bottom:50px;}
.section_title01,.section_title01 a{font-size: 22px;margin-bottom: 27px;}
.section_title02{font-size: 24px;}
.section_title03{ font-size:18px;}
.case_list_title{width: auto;font-size: 20px;}
.case_list_title_number{}
.section_title02, .section_title02 a{font-size: 24px;letter-spacing: 6px;}
.section_title02 span,
.section_title03, .section_title03 a{ font-size:14px;}

/* -footer- */
.footer_info_inner{float: none;width: auto;}
.footer_info_contact{margin-bottom: 10px;}
.footer_info_bottom{float: none;width: auto;margin-bottom: 30px;}
.footer_link > ul{ width:100%;}
.footer_link > ul > li{margin-bottom: 10px;}
.footer_link > ul > li > a br{ display:none;}
.footer_info_contact_sns ul li:last-child,
.footer_info_contact_sns ul li{width:45%;margin:0 2.5% 2.5% 2.5% !important;}
.footer_info_contact_sns ul.sns01{ float:none;margin:0 auto;width: 80%;}
.footer_info_contact_sns ul.sns02{width: auto;float: none;text-align:center;margin:10px 0;}
.footer_info_contact_sns ul.sns02 li{ width:100%;text-align:center}
.footer_info_contact_sns ul li a img{width:100%;}

.blog_main_list > ul > li > .content .img{}
/* 94.53% */
  
.top_voice_block ul li {min-width: 80%;white-space: nowrap;margin-right: 10px;}	

	
.greeting_wrap {max-width: 100%;display: flex;flex-wrap: wrap}	
.top_greeting_block { width: 63%;}	
.top_greeting_proflie_text span {font-size: 1rem;}	
.top_greeting_proflie_text {font-size: 1.4rem;}	
	
.cov_link {padding: 0;}
	
	
	
.bxSlider ul li {height: 200px}
body#topPage .main_visual .bxSlider li:nth-child(1) img {padding-top: 67px;height: auto;width: 240px;}
body#topPage .main_visual .bxSlider li:nth-child(2) img {padding-top: 6.6rem;width: 195px;height: auto;}
body#topPage .main_visual .bxSlider li:nth-child(3) img {padding-top: 7.5rem;width: 275px;height: auto;}
	

	
	
/*============================
2__TOP設定
============================*/
/* -サービス- */
.top_service_block > ul > li{margin-bottom: 80px;}
.top_service_block > ul > li{width: auto;margin-right: 0;float: none;}
.top_service_block > ul > li:last-child{margin-bottom: 0;}
.top_service_text{ height: 23.6rem;}


/* -リフォーム- */
.top_reform_link_block ul li{ margin-bottom:10px;width: auto;margin-right: 0;float: none;}
.top_reform_link_img{text-align:center;}

/* -ブログ- */
.top_blog_link_block{ width:auto;}

.top_blog_link_block ul{display:flex;width:100%;overflow:scroll;}
.top_blog_link_block ul li{margin-bottom:10px;width: 49%;min-width: 49%;box-sizing: border-box;padding-top: 34px;padding: 10px;}
.top_blog_link_block ul li a{display: block;}
.top_blog_link_block ul li:nth-child(odd){
    
}

	
.c-list01_item:nth-child(1) .img {padding-left: 1.2rem !important;}

.asideCon.calendar .cal_switch{position: absolute;top: 20px;margin-top: 0;margin-bottom: 0;box-sizing: border-box;padding: 0;height: 20px;}
body .kaso_side_nav #calendar{position: relative;}
.blogList_title{font-size: 16px;padding: 0;top: 0;margin-bottom: 10px;}
.blogList_img{position: relative;text-align: center;background: #f0f0f0;padding: 0;box-sizing: border-box;margin-bottom: 15px;}
.blogList_img img{
    max-height: 250px;
    width: auto;
}
.blogList_text{
    padding: 0;
    line-height: 1.8;
}
.blogList_category{
    margin-bottom: 15px;
}
body#blogPage.detail .blogList > ul > li{
    padding: 15px;
}
body#blogPage.detail .blogList_title_day{
    right: -15px;
}
.blogList_category span{
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-top;
}
body#blogPage.detail .flowBtn ul li{
    display: block;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
body#blogPage.detail .flowBtn ul li a{
    margin-left: auto;
    margin-right: auto;
    width: 15rem;
	font-size: 1.3rem;
}

.flowBtnBack {width:20rem;}
	
.sp {display: block;}



/* -お客さまの声- */
.top_voice_block ul li{width: auto;float: none; margin-bottom:10px;}
.top_voice_text_name,.top_voice_label{ font-size:16px;}

/* -代表挨拶- */
.top_greeting_proflie{width: auto;}
.top_greeting_proflie_img{float: none;text-align: center;margin-right: 0;}
.top_greeting_proflie_text{float: none;text-align: center;}
.top_greeting_txt{ font-size:1.3rem;}

section:nth-child(6) .section_title02, section:nth-child(6) .section_title02 a {font-size: 21px;letter-spacing: 0.7rem;text-indent: 0.7rem;}

/*============================
3__下層設定
============================*/
/* -全体- */
.kaso_content_title{font-size: 19px;margin-bottom: 30px;line-height: 3rem;z-index: 10;position: relative;}
	#whowearePage .kaso_content_title{z-index: 10;position: relative;}
.kaso_content_text_title{ font-size:18px;}
.kaso_content_title2{ font-size:20px; line-height:1.5;margin-bottom: 20px;}
.kaso_content_text{line-height: 1.7;font-size:16px; margin-bottom:30px; text-align:left;}
	.kasoLinkBoxBlock ul{
    display: block;
}
	.kasoLinkBoxBlock ul li:nth-child(odd){
    margin-right: 0;
}
.kasoLinkBoxBlock ul li:nth-child(3n),
.kasoLinkBoxBlock ul li{width: auto;float: none;margin-bottom: 20px;}
.kasoLinkBoxImg{text-align:center;}
.kasoLinkBoxImg img{width:100%;}
.kasoLinkBoxImgTextarea_comment{font-size: 18px;}
.kasoLinkBoxImgTextarea_text{font-size: 15px;}
.kasoLinkBoxImgTextarea:before{right: 12px;}
.kaso_content_box{ padding:20px;}
.kasoSectionTitle{ margin-bottom:30px; font-size:22px;}
body.kaso .main_visual > ul > li{    padding: 40px 0 50px 0;height: auto;position: relative;margin-top: 120px;}
/*20210405追加*/
body#companyPage .main_visual > ul > li{background-position: center 8px !important;}
body.kaso .kasoTitle{font-size: 20px; width: 94%;left: 0;right: 0;top:0; bottom:0;display: block;margin: auto;box-sizing: border-box;padding: 2% 2%;letter-spacing: 7px;text-indent: 7px;}

/* -選ばれる理由- */
body#whowearePage section#who01, body#whowearePage section#who02, body#whowearePage section#who03{ padding-top:50px; padding-bottom:50px;}
body#whowearePage section#who01 .section, body#whowearePage section#who02 .section, body#whowearePage section#who03 .section{padding: 0 20px 20px 20px;}
body#whowearePage .case_list_title{margin-bottom: 5px;}
.repairBlockTitle{font-size: 20px;margin-bottom: 35px;}
.repairBlockTitle span{display: block;margin-bottom: 10px;}
.repairImg{width: auto;}
.repairList{width: auto;float: none;margin-bottom: 10px;}
.repairList ul li{margin-bottom: 20px;}
.repairSection.typeImg_left .repairList,.repairSection.typeImg_left .repairImg{ width:auto; float:none;}
.repairSection.typeImg_left .repairList{ margin-bottom:10px;}

/* -ガス機器の故障- */
.repairContent{padding: 30px 10px 20px 10px;}
.repairContactTitle{font-size: 20px; line-height:30px; padding:10px 0;}
.repairContactInner{padding: 20px 10px;}
.repairContactTel{width: 90%;margin-bottom: 20px;}
.repairContactText{font-size: 15px;text-align: left;margin-bottom: 20px;}
.repairContactBottomList{width: auto;margin-bottom: 20px;}
.repairContactBottomList dt{ font-size:16px;}
.repairContactBottomList dd{ font-size:14px;}
.repairContactBottomImg{ width:auto;}

/* -製品紹介- */
.products_list_block{margin-bottom: 30px;}
.productsDetailBlock{margin-bottom: 30px;}
.productsDetailImages{width: auto;float: none;text-align: center;margin-bottom: 20px;}
.products_list_section_box_name a{ font-size:20px;}
.productsDetailTextarea{float: none;width: auto;}
.productsDetailTextarea_title{font-size: 16px;}
body#productsPage.detail .kasoSectionTitle{font-size: 22px;margin-bottom: 20px;}
.products_list_block_title{font-size: 16px;}
.productsDetailTextarea_point_list ul li{font-size: 20px;width: 100%;}
.products_list_section_box{ width:auto; margin-bottom:10px; float:none;}
.products_list_section_box:nth-child(2n){ float:none;}
.products_list_section_box_img{ min-height:0;}
.case_search_category dd ul li input{ border:none;}
.case_search_category dd ul li input:checked{ background:none;}
.products_list_table table tbody th, .products_list_table table tbody td{ display:block; width:auto;}
.products_list_table table tbody td a{word-break: break-all;}
.case_detail_thum ul{justify-content:center;}
.case_detail_thum ul li .cap{ font-size:14px; line-height:2;}

/* -お問い合せ- */
.contactContent .form_area table th,.contactContent .form_area table td{ display:block; width:auto;padding: 10px;}
.contactContent .form_area table td input{width: 100%;box-sizing: border-box;height: 40px !important;}

/* -お客様の声- */
body#voicePage.kaso .kasoTitle{width: 50%;}
body#voicePage.kaso .main_visual > ul > li{background-size: cover !important;}

/* -事業内容- */
.businessSecsion{ padding:20px; margin-bottom:20px;}
.businessSecsionTitle{ font-size:20px;}
.businessSecsionBottom_img,.businessSecsionBottom_text{ line-height:1.7;width:auto; float:none;}
.businessSecsionBottom_img{ margin-bottom:10px;}

/* -会社概要- */
.kaso_content_history_table{ width:auto;}
.kaso_content_overview_table th, .kaso_content_overview_table td{ display:block; width:auto;}
.kaso_content_history_table th{ font-size:13px; width:78px;}
.kaso_content_history_table table::before{left: 102px;}
.kaso_content_history_table td{ font-size:14px;}

/* -スタッフ紹介- */
.staffSectionLabel{ text-align:left;}
.staffSectionNav ul li{float: none;width: auto;margin-bottom: 3px; margin-right:0;}
.staffSectionBlock ul li{float: none; width:auto;margin-bottom: 30px;}
.staffSectionBlock ul li:nth-child(even){ float:none;}
.staffSectionNav ul li:before,body.staff_01 .staffSectionNav ul li:nth-child(1):before, body.staff_02 .staffSectionNav ul li:nth-child(2):before, body.staff_03 .staffSectionNav ul li:nth-child(3):before, body.staff_04 .staffSectionNav ul li:nth-child(4):before, body.staff_05 .staffSectionNav ul li:nth-child(5):before, .staffSectionNav ul li:hover:before{right: auto;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);}
body.staff_01 .staffSectionNav ul li:nth-child(1):before, body.staff_02 .staffSectionNav ul li:nth-child(2):before, body.staff_03 .staffSectionNav ul li:nth-child(3):before, body.staff_04 .staffSectionNav ul li:nth-child(4):before, body.staff_05 .staffSectionNav ul li:nth-child(5):before, .staffSectionNav ul li:hover:before{margin: auto;left: 10px;bottom: 0;top: 0;border-color: #fff;right: auto;}
.staffSectionNav ul li:before{margin: auto;left: 10px;bottom: 0;top: 0;border-color: #000;}

/* -施工事例- */
.case_list_title{margin-bottom: 30px;}
.case_search_category{padding: 20px;}
.case_search_category dt{display: block;width: auto;float: none;padding: 0;}
.case_search_category dd{float: none;}
.case_search_key{padding: 20px;}
.case_search_key dt{width: auto;float: none;padding: 0;margin-bottom: 10px;}
.case_search_key dd{width: auto;float: none;height: auto;}
.case_list_box_block ul li{width: auto;margin-right: 0;margin-bottom: 20px;}
.case_list_box_block ul li:nth-child(odd){/* margin-right:0; */}
.case_list_box_textarea_title{font-size: 20px;line-height: 1.5;}
.case_detail_comment{padding: 20px;}
.case_detail_comment_text{ text-align:left;}
.case_detail_comment_title{margin-bottom: 15px;}
.kaso_content_text .comment{ position:static; text-align:center;}
.kaso_content_text .comment .text{ color:#fff; background:#0068B6; padding:5px 20px; margin-bottom:10px;}
.case_detail_imageArea{margin:0 0 30px;}
.case_detail_imageArea_before:before,.case_detail_imageArea_after:before{ left:0;}
.case_detail_thum[type="before_after"] li:nth-child(odd):before{border-color: #41C8FF transparent transparent transparent;margin:  0;width:  0;left:  0;right:  0;margin:  auto;bottom: -63px;height:  0;top: auto;}
.case_detail_thum[type="before_after"] ul li .cap{padding: 18px 0 17px 0;right: -25px;top: -25px;width: 60px;font-size: 10px;}
.case_detail_thum[type="before_after"] li,
.case_detail_thum ul li:nth-child(2n){width: 92.5%;margin: 0 auto 20px auto;}
.case_detail_thum ul li{ width:92.5%;margin: 0 auto 20px auto;}

.case_detail_thum ul li .cap{color: #0068B6;font-weight: bold;}

/* -ブログ- */
.blogList ul li,body#blogPage.detail .blogList > ul > li:nth-child(2n){width: auto;float: none;}
.blogList > ul > li:nth-child(2n){ float:none; width:auto;}
body#blogPage.detail .blogList > ul > li{ margin-right:0;}

/* -採用情報- */
.main_article .recruitMain{ position:static;top: 60%; width:94%;}
body#companyPage.recruit .top_link_head{ margin-bottom:0;}
.recruitSectionNav ul{ display:block;}
.recruitSectionNav ul li{ width:94%; display:block; float:none; margin-right:auto; margin-left:auto; margin-bottom:10px;}
.recruitSectionNav ul li:last-child{ margin-right:auto;}
.recruitSectionNav ul li:nth-last-child{ margin-bottom:0;}
.recruitSectionNav ul li:before{right: auto;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);margin: auto;left: 10px;bottom: 0;top: 0;border-color: #000;}
.recruitSectionNav ul li.on:before{margin: auto;left: 10px;bottom: 0;top: 0;border-color: #fff;right: auto;}
.recruitVoiceBlock{ padding:40px 0;}
.recruitVoiceProImg,.recruitVoiceProTextarea{width: auto;float: none;text-align: center;}
.recruitVoiceProTextareaName{font-size: 22px;}
.recruitVoiceProTextareaEn{margin-bottom: 10px;}
.recruitVoiceProTextareaCopy{font-size: 18px;line-height: 1.5;}
.rec_timeListSection ul li{flex-direction: column;-webkit-flex-direction: column;padding:0;}
.rec_timeListSection dt{ position:relative;}
.rec_timeListSection ul li dl{width: auto}
.rec_timeListIcon{top: 0;}
.rec_timeListImg{width: auto;}
.rec_timeListSection ul li{margin-bottom: 30px;}
.rec_timeListImg span{padding-top: 5px;}
.rec_timeListTextareaTitle{ padding-left: 100px;}
.rec_messegeBlockImg{width: auto;float: none;text-align: center;margin-bottom: 20px;}
.rec_messegeBlockTextarea{width: auto;float: none;}
.rec_contact_tel{font-size: 22px;}
.contactContent .contactCheck label{display: block;}
.recruitVoiceListBlock > ul > li.rightImg .recruitVoiceListImg,.recruitVoiceListBlock > ul > li.leftImg .recruitVoiceListImg{width:auto; float:none;}
.recruitVoiceListBlock > ul > li.rightImg .recruitVoiceListText,.recruitVoiceListBlock > ul > li.leftImg .recruitVoiceListText{width:auto; float:none;}
.recruitVoiceListBlock > ul > li.rightImg .recruitVoiceListImg, .recruitVoiceListBlock > ul > li.leftImg .recruitVoiceListImg{margin-bottom:10px;max-width: 100%;}
.rec_dl dt{ width:auto;}
.recruitVoiceListBlock > ul > li.leftImg, .recruitVoiceListBlock > ul > li.rightImg,
.recruitVoiceListBlock > ul > li.leftImg, .recruitVoiceListBlock > ul > li.leftImg{ width:94%; margin-left:auto; margin-right:auto; }
.rec_dl{ padding:20px}
.recruitVoiceListBlock{margin-bottom: 30px;padding-bottom: 30px;}
.recruitVoicePro{padding: 10px 0;margin-bottom:20px;}
.recruitVoiceProTextareaName{ padding-bottom:10px;}
.recruitVoiceListBlock > ul > li{ margin-bottom:20px;}
.rec_timeListBlock > ul > li{padding: 50px 10px 10px 10px;}
.rec_timeListTime{font-size: 18px;width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:-webkit-calc(100% - 20px);width: calc(100% - 20px);top: 10px;left: 10px;}
.rec_timeListBlock > ul:before{ content:none;}
.rec_timeListBlock > ul > li.img .rec_timeListBoxText,
.rec_timeListBoxImg{ width:auto; float:none;}
.rec_timeListBoxText{ line-height:24px; margin-bottom:10px;}
.rec_timeListBoxText:last-child{margin-bottom:0;}
.rec_timeListBoxText b{ font-size:18px;}
.magokoroTablefull_bottom_last_center ul li{ text-align:left; padding-left:15px;margin:0 0 10px}
.consultationSection .consultationNote{text-align:left;}
.magokoroPoint3GraphTable table th,.magokoroPoint3GraphTable table td{ display:block; width:auto;}
.rec_icon{ position:static; background:#F4402A; text-align:center; width:auto; color:#fff; margin-bottom:5px;}
.rec_icon.pc{ display:none;}
.rec_icon.sp{ display:block;}
.rec_title{font-size: 20px;margin: 10px 0 30px 0;color: #0068B6;}
.rec_title .sub{font-size: 12px;background: #0068B6;}
.rec_timeListBlock:nth-last-child(n + 2){ margin-bottom:30px;}

/* -まごころ巡回- */
.repairContactServiceBlock{ padding:0 5px;}
.repairContactServiceList > ul > li{ display:block; margin-right:0; margin-bottom:15px;}
.repairContactServiceList > ul > li:last-child{ margin-bottom:0;}
.repairContactServiceMenuTitle{ line-height:1.5;font-size:18px;}
.repairContactServiceMenuTitle span{float: none;margin-top: 5px;text-align: center;}
.repairContactServiceMenuTable table tbody th, .repairContactServiceMenuTable table tbody td{ display:block; width:auto; text-align:left;padding: 5px;}
.repairContactServiceMenuTable table tbody td{ margin-bottom:10px;}
.repairContactServiceBottom p,.repairContactServiceCenterText{ text-align:left;line-height:1.7;}
	
	
/* -施工事例- */


/* -無料点検サービス- */
body.patrol .top_service_block > ul > li{ margin-bottom:10px;}
body.patrol .kasoTitle{ font-size:18px; line-height:1.2;}
.magokoroPoint3Title{ font-size:18px;}
.magokoroPoint3GraphTitle{ font-size:18px;}
.magokoroTableBlock{ margin-bottom:50px;}
body.patrol section#mago02 .section, body.patrol section#mago03 .section, body.patrol section#mago04 .section{ padding:10px;}
.magokoroTable{overflow-x: auto;position: relative;width: 100%;}
.magokoroTable table tbody th{font-size: 12px;padding: 15px 5px;width: 1em;}
.magokoroTable table tbody th a{ font-size:12px; position:static; margin-top:10px;height: auto;border: none;}
.magokoroTable table{width: 480px;;}
.form_table > tbody > tr > th,.form_table > tbody > tr > td{ width:auto; display:block;}
body.patrol input{height: 40px;float: right;}
.form_table .calendar{display: block;float: none;}
.form_table .cal_ex{position: static;}
.magokoroTablefull_bottom_last_top{ font-size:18px;}
body.patrol input{ float:none;}
.magokoroTablefullRight_input{margin-right: 0;width: auto;margin-bottom: 10px;display: flex;align-items: end;}
.magokoroTablefull_bottom_last_bottom_input{/*flex-direction: column;-webkit-flex-direction: column;*/margin-bottom: 20px;align-items: flex-end;}
.magokoroTablefull_bottom_last_bottom_input_inner{margin-bottom: 0;width:80%;}
/*.magokoroTablefull_bottom_last_bottom_input:last-child{flex-direction: column;-webkit-flex-direction: column;}*/
.magokoroTablefull_bottom_last_bottom_input:nth-child(n + 2) .magokoroTablefull_bottom_last_bottom_input_inner{width: 80%;}
.magokoroTablefull_bottom_last_bottom_input:last-child .magokoroTablefull_bottom_last_bottom_input_text{display: block;width: 100%;}
body.patrol input{width: 100%;box-sizing: border-box;}
.magokoroTablefullRight_input span{float: none;}
.magokoroTablefullRight_input_text{width: 100%;}
/*.magokoroTablefullRight_input_inner{ width:100%;}*/
.calendar{position:relative;width: -moz-calc(100% - 20px);width: -ms-calc(100% - 20px);width: -o-calc(100% - 20px);width: -webkit-calc(100% - 20px);padding-bottom:10px;background:#d5d0c9;margin-bottom:10px;margin-top:5px;}
.calendar table{width:auto;border-collapse:collapse;margin:0 auto;}
.calendar table th{width:26px;height:22px;line-height:22px;text-align:center;padding:0;font-size:11px;border:2px solid #d5d0c9!important;color:#fff;background:#d5d0c9;}
.calendar table td{width:26px;height:22px;line-height:22px;text-align:center;padding:0;font-size:12px;border:2px solid #d5d0c9;}
.calendar table td a{display:block;width:26px;height:22px;line-height:22px;text-align:center;background:#fff;color:#261b1b;text-decoration:none;}
.calendar .cal_switch{position:absolute;top:0;left:0;width:190px;padding:15px 20px;}
.calendar .cal_switch li a{display:block;text-indent:-9999px;width:15px;height:15px;line-height:10px;}
.calendar .cal_prev{float:left;}
.calendar .cal_next{float:right;}
.calendar .cal_prev a{background:#fff url(../img/cal_arrow.png) no-repeat 0 0;}
.calendar .cal_next a{background:#fff url(../img/cal_arrow.png) no-repeat 100% 0;}
.calendar .cal_title{text-align:center;font-size:13px;line-height:15px;padding-top:15px;color:#261b1b;}
.form_table .reserve_vtime{ width:auto; float:none;}
.form_table .cal_ex ul{display:flex;flex-wrap:wrap;}
.form_table .cal_ex li{height:auto;margin-right:10px;}
.show_cal{margin-bottom:10px;}
.reserve_vtime{margin-top:10px;}
.form_table tr.required th{border-right: none;border-bottom: 3px solid #0068B6;}
.magokoro_list_img{width: auto;float: none;margin-bottom: 10px;}
.magokoro_list{width: auto;float: none;}
.case_list_title_magokoro{ margin-bottom:10px;}
body.patrol section#mago02, body.patrol section#mago03, body.patrol section#mago04{ padding-bottom:50px;padding-top:50px;}
.magokoroPoint3GraphTable table td,.magokoroPoint3GraphTable table th{ font-size:14px;}
.repair_tab li{width: 100%; margin-bottom:3px;}
.repair_tab li:before,.repair_tab li.on:before{right:auto;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.repair_tab li:before{margin:auto;left: 10px;bottom:0;top: 0;border-color: #000;}
.repair_tab li.on:before{ margin:auto;left: 10px;bottom:0;top: 0;border-color: #fff; right:auto;}
.consultationSection{ margin-bottom:50px;}
.consultationList{}
.consultationListIcon{right: -15px;width: 70px;height: 70px;line-height: 15px;top: -20px;}
.consultationList.three > ul{ display:block; margin-right:0;max-width:100%;}
.consultationSection .consultationTitle{ font-size:16px;margin-bottom: 20px}
.consultationTitle span{ font-size:14px;}

/* -サイトマップ- */
.sitemapSection{ text-align:left;}
.sitemapSection > ul{ margin-bottom:30px; display:block;}

/* -よくあるご質問- */
.faq_section > .inner{padding: 10px;}
.faq_section .ques{font-size: 16px;line-height: 1.5;}

/* -プライバシーポリシー- */
.privacyContent h4{ font-size:20px;}



.youtube_block ul{flex-wrap: wrap;}
.youtube_block ul li{width:100%;}
.youtube_block ul li iframe{height:210px;}
.youtube_block ul li:nth-child(1){width:100%;margin-right:0;margin-bottom: 1rem}
	.youtube_block ul li:nth-child(2){width:100%;}

.top_service_title{font-size:15px;margin:0 0 10px;}
.top_feauture{margin:0;padding:20px 20px 10px 20px; border:none}
.top_service_img{margin:0 0 20px 0;height: 13rem;}
.bnr_enefarm{margin:0 0 10px;}
section#sp_service{padding:20px 0 0 0;}
.top_greeting_txt p{text-align:left;}
.top_greeting_txt p br{display:none;}
.top_voice_block ul{display:flex;}
.top_voice_block{overflow: scroll;}
.top_voice_block ul li{min-width: 80%;white-space: nowrap;margin-right: 10px;}
.top_voice_block ul li:nth-child(2n){float:none;}
.top_voice_block ul li .top_voice_text{white-space: normal;}
	

.bxSlider ul li{}
	
	
	
/*============================
4__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {

}

/* -IE- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}




/*============================
5__プラグイン制御
============================*/
/* -TOP- */
body#topPage #bx_pager{width: auto;height: 3px;bottom: 0;}
body#topPage #bx_pager a{margin-right: 0;width: 33.3333%;}
body#topPage #bx_pager a.active{ background:#0068B6;}


/*patrol.html*/
.patrol .consultationList{    margin-top: 50px;}
.patrol .sp_fs12{font-size:12px;}
.patrol .kaso_content_title img.person{top: 110px;    right: 15px;    width: 60px;}
.patrol .sp_mt40{margin-top:40px;}
.patrol .consultationList .title{padding: 3% 8%;}
.patrol #mago01 .section .mt70.sp_mt40{    position: relative;    left: -21px;}
.patrol #mago01 .section .fs17.sp_fs12.bold{ line-height: 2;    margin-bottom: 10px;}


/*cov*/
.cov_link ul{column-count: 2;}
.cov_link ul li{display: inline-block;}
.cov_link li a {color: #FFF;text-decoration: underline;padding: 1.2rem;display: inline-block;font-size: 1.6rem;}

.cov_link ul li.sdgs_banner a span{margin-bottom: 5px;display: block;}
.cov_link ul li.sdgs_banner a{background: #fff;color:#0068B6;position: relative;}


.top_blog_link_block ul li:nth-child(n + 3){display:none;}
.topSnsList .title a{display:block;color:#FFF;}



.topSnsList .widget{display:block;}
.topSnsList .widget{overflow:auto;height:auto;}
.fb_iframe_widget iframe{position:relative !important;width:100% !important;height:100% !important;}
.fb_iframe_widget_fluid,
.fb_iframe_widget span{display:block !important}
.widget{position:relative; !important}
.widget iframe{top:0;left:0;position:relative !important}

}






@media screen and (max-width: 768px) and (orientation: landscape){
.nav{ height:auto !important;}
nav{top: 60px;}
/* -先輩社員の一日- */
.rec_timeListBlock{font-size:  0;position:  relative;}
.rec_timeListBlock h4{font-size:18px; margin-bottom:5px;}
.rec_timeListBlock:before{position: absolute;content: "";background: #3386C5;width: 2px;height: calc(100% - 159px);height: -webkit-calc(100% - 159px);z-index: 1;top: 159px;left: 0;right: 0;margin: auto;}
.rec_timeListBlock > ul{display:  inline-block;width: 45%;margin-right: 10%;vertical-align:  top;}
.rec_timeListBlock > ul:nth-of-type(2n){margin-top: 30px;}
.rec_timeListBlock > ul:before{top: 50px;display: none;}
.rec_timeListBlock > ul > li{padding: 15px;float: none;box-sizing:  border-box;width: 90%;margin-bottom: 20px;position:relative;}
.rec_timeListBlock > ul > li:before{content:"";position:absolute;width:  0;height:  0;border-width:  10px;border-style:  solid;border-color: transparent transparent transparent #fff;right: -20px;top: 0;bottom:  0;margin:  auto;}
.rec_timeListBlock > ul > li > .rec_timeListTime{right: -145px;left: auto;top: 0;bottom:  0;height:  32px;margin:  auto;}
.rec_timeListBlock > ul > li > .rec_timeListBox{}
.rec_timeListBlock > ul > li > .rec_timeListBox > .rec_timeListBoxText{width:  auto;}
.rec_timeListBlock > ul > li > .rec_timeListBox > .rec_timeListBoxText > b{}

.rec_timeListBlock > ul:nth-of-type(2n) > li{margin-left: 10%;}
.rec_timeListBlock > ul:nth-of-type(2n) > li:before{right:  auto;left:  -20px;border-color: transparent #fff transparent transparent;}
.rec_timeListBlock > ul:nth-of-type(2n) > li > .rec_timeListTime{right: auto;left:  -145px;}

/* -先輩社員の一日(お客様営業)- */
#customer .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(1){margin-bottom: 20px;}
#customer .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(2){margin-bottom: 60px;}
#customer .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(3){margin-bottom: 90px;}
#customer .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(4){margin-bottom: 70px;}
#customer .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(5){}
#customer .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(6){}
#customer .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(7){}
#customer .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(1){margin-bottom: 60px;}
#customer .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(2){margin-bottom: 70px;}
#customer .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(3){margin-bottom:  60px;}
#customer .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(4){}
#customer .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(5){}
#customer .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(6){}
#customer .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(7){}

/* -先輩社員の一日(営業サービス)- */
#service_tab .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(1){margin-bottom:  50px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(2){margin-bottom:  50px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(3){margin-bottom:  50px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(4){margin-bottom:  80px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(5){margin-bottom:  90px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(6){}
#service_tab .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(7){}
#service_tab .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(1){margin-top:  40px;margin-bottom:  50px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(2){margin-bottom:  60px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(3){margin-bottom:  90px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(4){margin-bottom:  80px;}
#service_tab .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(5){}
#service_tab .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(6){}
#service_tab .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(7){}

/* -先輩社員の一日(設備営業)- */
#seko .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(1){margin-bottom:  50px;}
#seko .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(2){margin-bottom: 70px;}
#seko .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(3){margin-bottom:  110px;}
#seko .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(4){}
#seko .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(5){}
#seko .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(6){}
#seko .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(7){}
#seko .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(1){margin-bottom:  50px;}
#seko .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(2){}
#seko .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(3){margin-bottom:  70px;}
#seko .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(4){}
#seko .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(5){}
#seko .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(6){}
#seko .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(7){}

/* -先輩社員の一日(設備営業)- */
#reform .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(1){margin-bottom:  70px;}
#reform .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(2){margin-bottom:  70px;}
#reform .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(3){margin-bottom:  90px;}
#reform .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(4){margin-bottom:  15px;}
#reform .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(5){margin-bottom:  70px;}
#reform .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(6){}
#reform .rec_timeListBlock > ul:nth-of-type(odd) > li:nth-child(7){}
#reform .rec_timeListBlock > ul:nth-of-type(2n){margin-top:  60px;}
#reform .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(1){margin-bottom: 80px;}
#reform .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(2){margin-bottom: 40px;}
#reform .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(3){margin-bottom: 50px;}
#reform .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(4){margin-bottom:  35px;}
#reform .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(5){}
#reform .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(6){}
#reform .rec_timeListBlock > ul:nth-of-type(2n) > li:nth-child(7){}

/* -先輩社員の一日(受付事務)- */
#uketsuke .rec_timeListBlock{}
#uketsuke .rec_timeListBlock:nth-child(3){margin-bottom: 80px;}
#uketsuke .rec_timeListBlock:nth-child(3):before{top: 481px;height: calc(100% - 481px);height: -webkit-calc(100% - 481px);}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(1){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(2){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(2):before{bottom:  auto;top: 50px;}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(2) > .rec_timeListTime{bottom:  auto;top: 45px;}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(3){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(3):before{bottom:  auto;top: 5px;}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(3) > .rec_timeListTime{bottom:  auto;top: 0px;}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(4){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(5){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(6){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(odd) > li:nth-child(7){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(2n){margin-top:  60px;}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(2n) > li:nth-child(1){margin-bottom: 90px;}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(2n) > li:nth-child(2){margin-bottom: 220px;}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(2n) > li:nth-child(3){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(2n) > li:nth-child(4){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(2n) > li:nth-child(5){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(2n) > li:nth-child(6){}
#uketsuke .rec_timeListBlock:nth-child(3) > ul:nth-of-type(2n) > li:nth-child(7){}
#uketsuke .rec_timeListBlock:nth-child(4){}
#uketsuke .rec_timeListBlock:nth-child(4):before{top: 80px;}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(odd) > li:nth-child(1){margin-bottom: 150px;}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(odd) > li:nth-child(2){margin-bottom:  180px;}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(odd) > li:nth-child(3){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(odd) > li:nth-child(4){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(odd) > li:nth-child(5){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(odd) > li:nth-child(6){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(odd) > li:nth-child(7){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(1){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(2){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(2):before{bottom:  auto;top: 60px;}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(2) > .rec_timeListTime{top: -100px;}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(3){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(4){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(5){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(6){}
#uketsuke .rec_timeListBlock:nth-child(4) > ul:nth-of-type(2n) > li:nth-child(7){}


/* -施工事例 (特殊対応)- */
body#casePage.detail_000013 .case_detail_thum ul{justify-content: space-between;-webkit-justify-content: space-between;}
body#casePage.detail_000013 .case_detail_thum ul li{width: 43%; position:relative;}
body#casePage.detail_000013 .case_detail_thum ul li:nth-child(2n){ float:right;}
body#casePage.detail_000013 .case_detail_thum ul li .cap{display: block;line-height: 30px;position: absolute;font-size: 20px;color: #fff;background: #0068B6;text-align: center;right: -55px;top: -55px;width: 110px;padding: 40px 0;-moz-border-radius: 60px;-ms-border-radius: 60px;-o-border-radius: 60px;border-radius: 60px;-webkit-border-radius: 60px;}


	


	
/*navの修正20200409*/
body.fixed nav {top: 0px;}



}



/* serviceの改修 20220224 */
@media screen and (max-width: 768px){

.nav>ul:nth-child(2) {display: block;}
.c-list01 {display: flex;width: 100%;margin: auto;flex-wrap: wrap;justify-content: center;}
.c-list01_item {position: relative;width: 49%;margin-bottom:2%;overflow:hidden;}
.c-list01_item a {display: flex;position: relative;width: 100%;margin: auto;padding: 10px 0;align-items: center;background:#0B62A9;color:#FFF;}
.c-list01_item .img {width: 22%;padding: 0 5%;margin-right: 3%;}
.c-list01_item .img img {object-fit:contain;width:50px;height:50px;}
.c-list01_item .text {position: relative;font-size: 16px;color: #fff;text-align: left;font-weight: bold;}
	/*
	object-fit:contain;
	width:50px;
	height:50px;
	*/
/*
.c-list01_item .img.-adj {}
.c-list01_item .img.-adj img {display: block;width: auto;margin: auto;}
*/
	
.c-list01_item:nth-child(1) .img {width: 25%;padding: 0 5%;margin-right: 0%;padding-left: 2.2rem;}
.c-list01_item:nth-child(2) .img {}
.c-list01_item:nth-child(3) .img {width: 24%;padding: 0 6%;margin-right: 0%;}
.c-list01_item:nth-child(4) .img {width: 21%;margin-right: 4%;}
.c-list01_item:nth-child(5) .img {width: 23%;padding: 0 6%;margin-right: 1%;}
.c-list01_item:nth-child(6) .img {}


/*.c-list01_item a:before {display: block;position: absolute;top: 50%;right: 8%;width: 7px;height: 7px;border-top: solid 2px #fff;border-right: solid 2px #fff;content: "";transform: rotate(45deg) translateY(-50%);}*/
.c-list01_item:nth-child(odd) {/* border-right: 3px solid #D2D2D2; */margin-right:2%;/* padding-right: 10px; */}
.c-list01_item:nth-child(5) {border-bottom: none;}
.c-list01_item:nth-child(6) {border-bottom: none;}

.c-list01_item:before {transform: rotate(45deg);position: absolute;content: "";width: 0.8rem;height: 0.8rem;border-top: 1px solid #FFF;z-index: 1;border-right: 1px solid #FFF;top: 50%;margin-top: -0.4rem;right: 1.5rem;}

	
/*TOP news_list*/
.news_list_box {background:#F2F2F2;padding:10px 20px;}
.news_list_box li{margin:0 0 5px;}

.news_list_box li a{display:block;position:relative;}
.news_list_box li .top_blog_link_text_txt,
.news_list_box li .top_blog_link_img{display:none;}
.news_list_box li .top_blog_link_text{display:flex;justify-content: space-between;align-items: center;padding:0;}
.news_list_box li .top_blog_link_text_title{font-size:12px;width:65%;padding:5px 0;margin:0;}
.news_list_box li .top_blog_link_text_day{font-size:10px;padding:5px;position:inherit;width:28%;text-align: center;margin:0;}

	
.top_blog_link_img{display: block;margin-right: 0;width: auto;text-align: center;}
.top_blog_link_img img{
    max-height: 150px;}
.top_blog_link_text{width: auto;padding-top: 20px;}
.top_blog_link_text_title{font-size: 16px;padding: 0 !important;}
	body.kaso .main_visual li { padding-top: 25.8rem;	}

	
#topPage .main_visual{padding-top:97px;}

/* header */
.nav_title{
    background: #0068B6;
    color: #fff;
    padding: 15px 0;
}
.c-list01.-nav {
    padding: 20px 5px 0;
	box-sizing: border-box;
}
.c-list01.-nav .c-list01_item {
    border-bottom: none;
}
.c-list01.-nav .c-list01_item a {}
.c-list01.-nav .c-list01_item .img {}
.c-list01.-nav .c-list01_item .img img {max-height: 48px;width: auto;}
.c-list01.-nav .c-list01_item .text {}

.c-list01.-nav .c-list01_item .img.-adj {}
.c-list01.-nav .c-list01_item .img.-adj img {}
.c-list01.-nav .c-list01_item a:before {}
.c-list01.-nav .c-list01_item:nth-child(odd) {}
.c-list01.-nav .c-list01_item:nth-child(5) {}
.c-list01.-nav .c-list01_item:nth-child(6) {}
.c-list01.-nav .c-list01_item:nth-child(odd):before {
    display: none;
}

.top_blog_link_text_day{
    font-size: 11px;
    padding: 4px 10px;
    line-height: 18px;
    top: 0;
}

.drag_wrap{width:100%;}
.contactContent .form_area table td .drag_wrap input{height:100% !important}
.drag_wrap.import > .thum > .img > ul > li > .name{display:none;}
.drag_wrap.import > .thum > .img > ul > li{max-width: 40%;}
.drag_wrap > .thum > .img > ul > li{margin: 2% 5%;}

/*cov*/
.cov_link{padding:0;}
.cov_link ul{column-count: 2;}
.cov_link ul li:nth-child(1),
.cov_link ul li:nth-child(2){width: 100%; background: #fff;}
.cov_link li a {padding: 1.2rem;}
.cov_link ul li.sdgs_banner{position: relative;}

.cov_link li.sdgs_banner:nth-child(2)::before {
  position: absolute; /*positionをabsoluteに指定*/
  content: "";
  background-color: #ccc; /*下線の色*/
  width: 100%; /*線の幅*/
  height: 1px; /*線の太さ*/
  top: 0%;
  left: 0%;  /*線のヨコ位置*/
  z-index: 1;}
}

#blogPage .kaso_content_title span{margin-bottom:5px;display:block;}
.pankuzu > ul > li br{display:none;}

	

@media screen and (max-width: 280px){

.c-list01_item .text{font-size:11px;}	
.news_list_box li 
.top_blog_link_text_title {font-size: 10px;}
.news_list_box li 
.top_blog_link_text_day {font-size: 7px;}

}


@media screen and (max-width: 768px){
.top_service_block > ul > li{margin-bottom: 80px;}
.top_service_block > ul > li{width: auto;margin-right: 0;float: none;}
.top_service_block > ul > li:last-child{margin-bottom: 0;}

#greeting .top_greeting_txt {font-size: 1.4rem;}
}

@media screen and (max-width: 768px){ 
.footer_info_add ul{display: flex;justify-content: center;}
.footer_info_add ul li{margin-right:3rem;}
.footer_info_add ul li:last-child {float: none;}	
.blog_main_list > ul > li{margin-right: 0;width: 100%;}
body#blogPage.index .blog_main_list > ul > li{
    width: 100%;
    padding-right: 0;
}
body#blogPage.index .blog_main_list > ul > li:nth-child(odd){
    border: 1px solid #D2D2D2;
    margin: 0;
}
body#blogPage.index .blog_main_list > ul > li:nth-child(even){
    border: 1px solid #D2D2D2;
    border-top: none;
    margin: 0;
}
.blog_main_list > ul > li > .content .img.noimage{display: none;}
.staffSectionBottomImg {max-width: 100% !important;}
	.staffSectionBottomImg img {
    width: 24rem;
    height: 20rem;
}
.staffSectionBottomTextarea_text {font-size: 1.5rem;}
.products_list_block_title {font-size: 2rem;}

}
#staff01{
    scroll-margin-top: 12rem;
}
#staff02{
    scroll-margin-top: 12rem;
}
#staff03{
    scroll-margin-top: 12rem;
}
#staff04{
    scroll-margin-top: 12rem;
}
#staff05{
    scroll-margin-top: 12rem;
}
@media screen and (max-width: 1040px){
.footer_info_contact_sns ul li a {width: 19rem;}
.footer_info_bottom a {vertical-align: top;margin-bottom: 0.8rem;width:47%;}
.greeting_wrap .top_greeting_proflie {width: 26%;}	
.staffSectionBottomImg {max-width: 52%}
}

@media screen and (max-width: 750px){
body#topPage .main_visual .bxSlider li:nth-child(1) img {padding-top: 100px;height: auto;width: 290px;}
body#topPage .main_visual .bxSlider li:nth-child(2) img {padding-top: 10rem;width: 239px;height: 12rem;}
body#topPage .main_visual .bxSlider li:nth-child(3) img {padding-top: 10rem;width: 332px;}
.flowBtn ul li a {font-size: 1.3rem;}
}

@media screen and (max-width: 430px){
.footer_info_bottom a {width: 18rem;}
	
.greeting_wrap .top_greeting_proflie {width: 40%;;margin-left: 0.6rem;margin-bottom: 1.7rem;}
.top_greeting_block {width: 58%;}	
#greeting .top_greeting_txt {font-size: 1.2rem;}	
.greeting_wrap .kaso_content_text {width: 100%;order: 2;}
.kaso_content_text {font-size: 15px;}}

@media screen and (max-width: 691px){
    .staffSectionBlock ul li.long {
        margin-bottom: 4.7rem;
    }
    }
    @media screen and (max-width: 651px){
        .staffSectionBlock ul li.long {
            margin-bottom: 4.1rem;
        }
        }   
@media screen and (max-width: 600px){
body#topPage .main_visual .bxSlider li:nth-child(1) img {padding-top: 65px !important;}
body#topPage .main_visual .bxSlider li:nth-child(2) img {padding-top: 6rem;width: 239px;height: 12rem;}
body#topPage .main_visual .bxSlider li:nth-child(3) img {padding-top: 7rem;width: 332px;}	
}


@media screen and (max-width: 414px){
	.footer_info_bottom:after {
    content: "";
    display: block;
    width: 48%;  /* .boxに指定したwidthと同じ幅を指定する */
	height: 0;}
	 #who03 .repairList ul li:first-child {
    margin-bottom: 6rem;
}
    #who03 .repairList ul li {
    margin-bottom: 5rem;
}
}


@media screen and (max-width: 400px){
.footer_info_bottom a {width: 18rem;}
	}

@media screen and (max-width: 380px){
.footer_info_bottom a {width: 17rem;}
	}

@media screen and (max-width: 360px){
.footer_info_bottom a {width: 16rem;}
	}

@media screen and (max-width: 280px){
.footer_info_bottom a {width: 12.8rem;}
	}
	
@media screen and (max-width: 750px){
#companyPage #kaso_content section p.sdgs_health{width: 25rem;}
}	

@media screen and (max-width: 750px){
.alert_box .inner_box{margin: auto;width:95%;}
.alert_box .inner_box .text{font-size:1.4rem;}
}
@media screen and (max-width: 530px){
.alert_box .inner_box a{padding:1rem 0;}
.alert_box .inner_box .img{width:1.5rem;}
.alert_box .inner_box .text{font-size:1rem;font-weight:bold;}
    #who03 .repairList ul li img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    #who03 .section{padding-bottom: 3rem !important;}
}
@media screen and (max-width: 750px) and (min-width: 601px) {

    .repairImg {
        width: 100%;
        float: inherit;
        text-align: center;
        padding-top: 3rem;
    }
        .repairList {
        width: 100%;
            float: inherit;
    }
    #who03 .repairList ul li {
    display: block
;
}
#who03 .repairList ul li .text {
    width: 100%;
    margin-right: 0;
}
#who03 .repairList ul li img {
    max-width: 100%;
    padding-top: 2rem;
    width: 100%;
}
    .repairSection.typeImg_left .repairImg {
        width: 100%;
    }
    .repairSection.typeImg_left .repairImg img {
        width: 100%;
    }
       #who01 .repairImg {
        width: 100%;
    }
       #who01 .repairImg img{
        width: 100%;
    }
}

@media screen and (max-width: 600px){
.top_feauture{padding:5rem 0 0 ;}
.top_service_title{margin-bottom:3rem;font-size:1.8rem;}
.top_service_img{display:flex;justify-content: center;height:auto;margin-bottom:0;}
.top_service_img a{display:block;margin:0;width:20%;margin:0 1% 0% 1%!important;text-align: center;}
.top_service_img a img{max-width:100% !important;height: 10rem;object-fit: contain;}
.top_service_img a:nth-child(3){width:25%;}
.top_service_img a:nth-child(4) img{width:80%;}
}