@charset "utf-8";

/*res start　768px*/
@media screen and (max-width: 768px) {
	img {
		max-width: 100%;
		height: auto;
	}
	
	.name_shop a {
		min-width: 9em;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {

    body {
        font-size: 3.6vw;
    }
    h2.entry-title {
        font-size: 1.3em;
    }
    h3.entry-title {
        font-size: 1.2em;
    }

	#tinymce .alignright, #tinymce img.alignright, .section .alignright, .section img.alignright,
	#tinymce .alignleft, #tinymce img.alignleft, .section .alignleft, .section img.alignleft {
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
		text-align: center;
		display: inline-block;
		width: 100% !important;
	}

	.wp-pagenavi a, .wp-pagenavi span {
		display: inline-block;
	}

	.section {
		word-break: break-all;
	}

	/* 電話番号のリンクイベント */
	a[href^="tel:"] {
		pointer-events: auto;
	}

}/*res end 480px*/

/* --------------------------------------------
   【header】
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.headerLogo .custom-logo-link,
	.hdr_slidemenu .custom-logo-link {
		display: block;
		width: 40vw;
	}
	.supported_area {
		margin-top: .5em;
	}
	/* モバイルメニュー */
	.hdr_slidemenu {
		opacity: 0;
		position: fixed;
		height: 100%;
		overflow-y: auto;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #333;
		transition: all 0.4s ease 0s;
		z-index: -1;
		transform: translateX(100%);
	}
	/* オープン時 */
	.hdr_slidemenu.select {
		opacity: 1;
		width: 100%;
		transform: translateX(0);
/*
		right: 0;
		-webkit-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
*/
		z-index: 101;	/*追従するモバイルロゴより上に*/
	}
	.hdr_slidemenu a {
		color: #fff;
	}
	.hdr_slidemenu_nav > li {
		padding: .3em;
		border-bottom: 1px dotted #999;
	}
	.hdr_slidemenu_nav > li > a {
		padding: .5em;
		font-size: .9em;
		display: block;
	}

	.hdr_slidemenu_nav > li > a:hover {
		background-color: #999;
	}

	.hdr_slidemenu_nav > li > a::before {
		content: ">";
		margin-right: .5em;
		display: inline-block;
		transform: scaleX(.5);
	}

	.hdr_slidemenu_nav_child li a:before {
		content: "-";
		margin-right: .3em;
	}

	.hdr_slidemenu_nav_child li a {
		font-size: .8em;
		padding: .3em 0 .3em 1.4em;
		display: block;
	}

	.hdr_slidemenu_nav_child li a:hover {
		opacity: .6;
	}

	/* モバイルメニュー */
	.menuTitle {
		font-size: .6rem;
	}
	.menu_bar {
		width: 1.9em;
		height: 1.9em;
		margin-left: auto;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 1.7em;
		color: #fff;
		background: #e50012;
	}
	.menu_bar i {
		font-size: 1.1em;
	}
	.menu_bar.select {
		position: relative;
/*		background-color: #333;*/
	}
	/* モバイルメニュー 追従 */
	.hdrLogo.scroll,
	.headerLogo.scroll {
		padding: 0 5vw;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		z-index: 100;
	}
	.hdr_slidemenu_logo {
		padding: 2.5vw 5vw;
	}

	/* モバイル お問い合わせ */
	.contact_area li {
	}
	.contact_area li a {
		padding: .5em;
		display: block;
		color: #fff;
		background-color: #333;
		border-right: 1px solid #fff;
		font-weight: bold;
	}
	.contact_area li a i {
		vertical-align: middle;
		margin-right: .5em;
	}
	.contact_area li a:hover {
		opacity: .7;
	}


	.hdrNavRes{
		display: block;
		clear: both;
		border-bottom: 1px dotted #aaa;
		position: relative;
		top:0;
		right:0;
		left:0;
		z-index: 9999;
	}
	.hdrNavRes.selected{
		position: fixed;
	}

	.hdrNavRes.selected li,
	.hdrNavRes.selected a,
	.hdrNavRes.selected span{
		font-size: 0.8em;
		padding: 10px;
		height: auto;
	}

	.hdrNavRes.selected li {
		padding: 0;
	}

	.hdrNavRes.accordion > li > ul.innerMenu a {
		font-size: 1rem;
	}

	.hdrNavRes.selected i {
		font-size: 1.5em;
	}

	.hdrNavRes li{
		width: 25%;
		height: 70px;
		display: block;
		float: left;
	}
	.hdrNavRes li:last-child{
		border-right: none;
	}
	.hdrNavRes li a {
		width: 100%;
		height: 70px;
		display: block;

		color:#999;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		padding-top:12px;
	}

	.hdrNavRes li a:hover,
	.hdrNavRes li span:hover {
		text-decoration: none;
	}


	/* 190522ハンバーガーメニューデザイン変更 */
	.slidemenu_navWrap {
		background-color: #F2F2F2;
		padding-bottom: 10%;
	}
	.slidemenu_navWrap img {
		width: 100%;
	}
	.slidemenu_bnrWrap {
		padding: 10px 20%;
	}
	.slidemenu_bnrOne,
	.slidemenu_bnrTwo {
		margin-top: 10px;
	}
	.slidemenu_bnrTwo {
		display: flex;
		justify-content: space-between;
	}
	.slidemenu_bnrTwo .slidemenu_bnrTwo_cnt {
		width: 49%;
	}
	.slidemenu_bnrTwo_cnt.orange_btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		background: linear-gradient(0deg, rgba(255, 117, 0, 1) 0%, rgba(255, 164, 0, 1) 7.39%);
		border-radius: 4px;
		padding: 1em 0;
	}
	.orange_btnTxt {
		font-family: "メイリオ", 'ヒラギノ角ゴ ProN W3';
		color: #FFFFFF;
		font-weight: bold;
		font-size: 1.375em;
	}
	.orange_btnImg {
		width: 2.438em;
		margin-right: .5em;
	}
	.slidemenu_listTitle {
		font-family: "メイリオ";
		font-weight: bold;
		background-color: #CCCCCC;
		color: #333333;
		margin-top: 1em;
		padding: .2em;
	}
	.slidemenu_listWrap {
		padding: 10px 20%;
	}
	.slidemenu_listWrap ul li {
		background-color: #FFFFFF;
		font-family: "メイリオ", 'ヒラギノ角ゴ ProN W3';
		border-radius: 4px;
		margin-top: 10px;
		border: solid 1px #e50012;
		list-style: none;
	}
	.slidemenu_listWrap ul li a {
		display: block;
		position: relative;
		color: #4D4D4D;
		padding: .5em 1.5em;
	}
	.slidemenu_listWrap ul li a::after {
		content: '＞';
		position: absolute;
		right: .5em;
		color: #e50012;
	}
	.slidemenu_listWrap ul li:hover {
		background-color: #e50012;
	}
	.slidemenu_listWrap ul li a:hover::after,
	.slidemenu_listWrap ul li a:hover {
		color: #FFFFFF;
	}

	/*  ▼　アコーディオンメニュー設置  */
	ul.accordion a {
	}
	ul.accordion span {
		display:block;
		font-weight:bold;
		padding-top:12px;
		font-size: 14px;
		text-align: center;
		height: 70px;
		width: 100%;
	}
	ul.accordion ul {
		display:none;
	}
	ul.accordion > li {
	}
	ul.accordion > li > p {
		cursor:pointer;
	}
	.hdrNavRes.accordion > li > ul.innerMenu {
		left: 0;
		position: absolute;
		width: 100%;
	}
	.hdrNavRes.selected > li > ul.innerMenu {
		position: fixed;
		height: 100%;
		overflow: auto;
	}
	.hdrNavRes.accordion > li > ul.innerMenu > li {
		float: none;
		height: auto;
		width: 100%;
		border-bottom:none;
		background-color: #555;
	}
	.hdrNavRes.accordion > li > ul.innerMenu > li:last-child {
		border-bottom:1px dotted #aaa;
	}
	.hdrNavRes.accordion > li > ul.innerMenu > li > a {
		height:auto;
		text-align: left;
		padding-left:20px;
		padding-top:8px;
		color:#fff;
	}
	.hdrNavRes.accordion > li > ul.innerMenu > li > a:before {
		content: "";
		display: inline-block;
		margin-right: 5px;
	}
	/*  ▲　アコーディオンメニュー設置  */

	.hdrNavRes.selected + .both {
		height: 80px;
	}
	.hdr_slider_msg{
		top:0;
	}
	.hdr_slider_container .slickslider{
		height: 40.5vw;
	}

	/* ヘッダーロゴ */
.hdr_logo-wrapper {
	background: none;
	margin: 0;
	padding: 0;
	width: 62%;
	font-size: 1.5vw;
}


}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.hdrLogo.scroll,
	.headerLogo.scroll {
		padding: 0 2.5vw;
	}
	.headerLogo .custom-logo-link,
	.hdr_slidemenu .custom-logo-link {
		width: 58vw;
	}
	.hdr_slidemenu_logo {
		padding: 2.5vw;
	}
	.supported_area dt p {
		text-align: left;
	}
	.supported_area dt {
		width: 3.5em;
	}
	.supported_area dd {
		width: calc(100% - 3.5em);
		padding: .5em .3em .5em .5em;
		font-size: .72em;
	}
	.menu_bar {
		font-size: 6vw;
	}
	/* 190522ハンバーガーメニューデザイン変更 */
	.slidemenu_bnrWrap {
		padding: 10px;
	}
	.slidemenu_listWrap {
		padding: 10px 25px 40px 25px;
	}
	.orange_btnTxt {
		font-size: 1em;
	}
	.orange_btnImg {
		width: 1.8em;
	}
	.hdr_slider_container .slickslider{
		height: 42.5vw;
	}

		/* ヘッダーロゴ */
.hdr_logo-wrapper {
	width: 87%;
	font-size: 2.1vw;
}

}/*res end 480px*/

/* --------------------------------------------
   【sidebar】
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
}/*res end 480px*/

/* --------------------------------------------
   【footer】
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

	.pagetop {
		display: none !important;
	}

	.ftr {
		margin-top: 1.5em;
		/* padding-bottom: 8%; */
	}

	.wrap_brunch {
		font-size: 1.7vw;
	}
	.ftr_link {
		font-size: 2vw;
		width: 36em;
		margin: 2.5em auto 0;
		flex-wrap: wrap;
			justify-content: center;
	}
	.ftr_link ul {
		padding-right: 1.5em;
	}
	.w53,
	.w47,
	.ftr_link__box.box_first,
	.ftr_link__box.box_second,
	.ftr_link__box.box_third {
		width: auto;
	}
	.ftr_link__box.box_first {
		margin-bottom: 2em;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {

	.ftr {
    	/* padding-bottom: 15%; */
	}
	.brunch_higashihiroshima {
		clear: both;
	}
	.brunch_kabe {
		margin-bottom: 3%;
	}
	.ftrInfo .brunch_kabe, .ftrInfo .brunch_higashi {
		width: 100%;
	}
	.wrap_brunch {
		font-size: 3.5vw;
	}
	.box_brunch {
		width: 100%;
	}
	.ftr_link {
		width: 100%;
		font-size: 3.2vw;
		justify-content: flex-start;
	}
	.ftr_link__box.box_second {
		width: 54%;
	}
	.ftr_link__box.box_third {
		width: 46%;
	}
	.ftr_link .box_first ul {
		padding-right: 4.5em;
	}
	.ftr_link .box_second ul {
		padding-right: 0;
	}/*res end 480px*/
	.ftr_link dd {
		line-height: 2;
	}
	.copy {
		margin-top: 2em;
	}
	.copy::before {
		height: 12em;
	}
}

/* --------------------------------------------
   index
-------------------------------------------- */
/*res start　1200px*/
@media screen and (max-width: 1200px) {
	.consul-form {
		font-size: 1.3vw;
		white-space: nowrap;
	}
}

/*res start　768px*/
@media screen and (max-width: 768px) {
	.mct {
		float: none;
		width: 100%;
	}

	.cnt {
	    padding: 20px 0;
	}

	/* もっと見るボタン */
	a.mct_cmn_more_top {
		/* position: relative;
		right: auto;
		top: auto;
		display: inline-block;
		margin-top: 30px; */
		font-size: 3.3vw;
	}

	/* インフォメーション */
	.mct_info_cnt_top {
		padding: 0;
	}
		.rss_btn {
			position: absolute;
			top: -5px;
			right: 10px;
		}

	/* コンタクトバナー */
	.snsText::after {
		content: none;
	}

	/* SNSボタン */
	.snsText::after {
		content: none;
	}
	.sns {
		margin: 0 auto;
		text-align: center;
	}
	.sns ul {
		list-style: outside none none;
		margin: 0 auto 2% -2%;
	}
	.sns li {
		float: left;
		margin-bottom: 2%;
		margin-left: 1%;
		width: 24%;
	}
	.sns li a {
		border-radius: 6px;
		color: #fff;
		display: block;
		font-size: .9em;
		padding: 10px 2px;
		position: relative;
		text-align: center;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	}
	.sns li:nth-child(4n) {
		margin-right: 0;
	}
	.sns li a:hover {
		box-shadow: none;
		transform: translate3d(0px, 5px, 1px);
	}
	.sns .twitter a {
		background: #00acee none repeat scroll 0 0;
		box-shadow: 0 5px 0 #0092ca;
	}
	.sns .twitter a:hover {
		background: #0092ca none repeat scroll 0 0;
	}
	.sns .facebook a {
		background: #3b5998 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #2c4373;
	}
	.sns .facebook a:hover {
		background: #2c4373 none repeat scroll 0 0;
	}
	.sns .googleplus a {
		background: #db4a39 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #ad3a2d;
	}
	.sns .googleplus a:hover {
		background: #ad3a2d none repeat scroll 0 0;
	}
	.sns .hatebu a {
		background: #5d8ac1 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #43638b;
	}
	.sns .hatebu a:hover {
		background: #43638b none repeat scroll 0 0;
	}
	.sns .line a {
		background: #25af00 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #219900;
	}
	.sns .line a:hover {
		background: #219900 none repeat scroll 0 0;
	}
	.sns .pocket a {
		background: #f03e51 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #c0392b;
	}
	.sns .pocket a:hover {
		background: #c0392b none repeat scroll 0 0;
	}
	.sns .rss a {
		background: #ffb53c none repeat scroll 0 0;
		box-shadow: 0 5px 0 #e09900;
	}
	.sns .rss a:hover {
		background: #e09900 none repeat scroll 0 0;
	}
	.sns .feedly a {
		background: #87c040 none repeat scroll 0 0;
		box-shadow: 0 5px 0 #74a436;
	}
	.sns .feedly a:hover {
		background: #74a436 none repeat scroll 0 0;
	}

	.wrap_btns {
		font-size: 1.5vw;
	}
	.wrap_trouble_list {
		font-size: 1.7vw;
	}
	.mct_trouble_h4_top {
		font-size: 1.6em;
	}
	.supported_area__inner {
		display: block;
	}
	.supported_area__map {
		width: 65%;
		margin: 0 auto;
	}
	.supported_area__name {
		width: 100%;
		padding-left: 0;
	}
	.wrap_top_voices,
	.wrap_top_cases {
		width: 80%;
		margin: 0 auto;
	}
	.cpt_main_img.voices_top {
		height: 23vw;
	}
	.section_about__inner {
		flex-wrap: wrap;
		justify-content: center;
	}
	.section_about__txt {
		width: auto;
	}
	.section_about__txt p {
		padding-top: 0;
		font-size: 2.5vw;
	}
	.section_about__img {
		width: 60%;
		margin-top: 1em;
	}
	.about_banner_wrap {
		width: 75vw;
	}
	.about_banner_bottom {
		padding: 0 2em 2.5em;
	}
	.freepaper dd {
		padding: 1em 2em 1.3em;
	}
	.sns_search {
		width: 70%;
		margin: 1.5em auto 0;
		display: block;
	}

	.search_wrap {
		max-width: none;
		margin-left: 1.5em;
		margin: 1em 0 0;
		width: 100%;
	}
	/*フッターコンバージョン*/
	.consul-form {
		height: 3.2em;
		width: 15em;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.wrap_btns {
		font-size: 3.2vw;
		display: block;
	}
	.box_btn {
		width: 100%;
	}
	.box_btn + .box_btn {
		margin-top: 1.5em;
	}
	.wrap_trouble_list {
		width: 85%;
		font-size: 3vw;
	}
	.wrap_trouble_list .mt30 {
		margin-top: 1.5em !important;
	}
	.mct_trouble_upper_top {
		height: 32vw;
		padding: .7em 0 0 42%;
	}
	.mct_trouble_h4_top {
		line-height: 1.5;
	}
	.wrap_banners__inner {
		width: 67%;
		margin: 0 auto;
		display: block;
	}
	.box_banner {
		width: 100%;
	}
	.box_banner + .box_banner {
		margin-top: 1.5em;
	}
	.wrap_banners {
		margin-top: 0;
		border-top: 0;
		padding: 1.8em 1em 2.5em;
	}
	.supported_area_intro {
		font-size: 4vw;
		text-align: left !important;
	}
	.supported_area__map {
		width: 95%;
	}
	.supported_area__name {
		font-size: 2.9vw;
	}
	.mt30_sp {
		margin-top: 30px !important;
	}
	.wrap_top_voices,
	.wrap_top_cases {
		width: 100%;
		font-size: 3vw;
	}
	.cpt_main_img.voices_top {
		height: 28vw;
	}
	.mct_voice_h4_top {
		margin-top: 0;
		padding-left: 1.8em;
	}
	.section_about__txt p {
		font-size: 3.3vw;
	}
	.section_about__img {
		width: 85%;
	}
	.about_banner_wrap {
		width: 70vw;
		display: block;
	}
	.about_banner_box {
		width: 100%;
	}
	.about_banner_box + .about_banner_box {
		margin-top: 1em;
	}
	.about_banner_bottom {
		padding: 0 .5em 2.5em;
	}
	.freepaper dt {
		font-size: 1.1em;
	}
	.freepaper dd {
		padding: 1em 3.5em;
	}
	.freepaper_btns {
		display: block;
	}
	.freepaper_btn {
		width: 100%;
	}
	.freepaper_btn + .freepaper_btn {
		margin-top: 1em;
	}

	.mct_cmn_h3_top {
		font-size: 5vw;
		position: relative;
		z-index: 1;
	}
	.mct_cmn_h3_top::after {
		content: "";
		width: 120%;
		height: 2px;
		background: #D3101A;
		position: absolute;
		left: -10%;
		bottom: -2px;
	}
	.info_bottom_banner__box {
		width: 32%;
	}
	/* インフォメーション */
	.mct_info_h3_top {
		font-size: 23px;
	}
	.conversion-box {
		flex-direction: column;
	}
	.sns_search {
		width: 100%;
		padding: 1.2em 0 1.5em;
		position: relative;
		z-index: 1;
	}
	.sns_search::before {
		content: "";
		width: 120%;
		height: 100%;
		background: #f2f2f2;
		position: absolute;
		left: -10%;
		top: 0;
		z-index: -1;
	}
	.searchBlock {
		margin: 0 .5em;
		background: #fff;
		border: solid 1px #999999;
	}
	.l_submit {
		color: #888;
	}
	.mct_voice_h4_top {
		font-size: 1.2em;
		padding-left: 1.7em;
		background-size: 1.4em;
	}
	.mct_cmn_more_top--info {
		font-size: 2.5vw;
	}
	/*フッターコンバージョン*/
	.consul-form {
		width: 8em;
		font-size: .8em;
		height: 5.1em;
	}
	.ftr-conversion {
		padding: .6em;
	}
	.ftr-conversion-wrap {
		height: 5em;
	}
	.ftr-conversion__item--04 .consul-form .text-wrap{
		text-align: left;
	}
	.consul-form .text-wrap{
		font-size: .9em;
		line-height: 1.3;
	}
	.line-icon {
		width: 2em;
		margin-right: 0.2em;
	}


}/*res end 480px*/

/* インフォメーション下のバナー集 */

/*res start　768px*/
@media screen and (max-width: 768px) {
	.cashlessBnr {
		font-size: 1.5vw;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.info_bottom_banner__wrap {
		flex-wrap: wrap;
	}

	.info_bottom_banner__box {
		width: 48%;
		margin: 0 1%;
	}

	.info_bottom_banner__box:nth-of-type(3),
	.info_bottom_banner__box:nth-of-type(4) {
		margin-top: 10px;
	}

.cashlessBnr {
	font-size: 3vw;
	padding: 2% .5% 1%;
}

.cashlessBnr__txt {
	line-height: 1.3;
}
}/*res end　480px*/

/* ---------------------------------------------------------
   【レイアウト】
--------------------------------------------------------- */
/*res start 768px*/
@media screen and (max-width: 768px) {
	.widthBase {
		width: 90%;
		padding: 0;
	}

	.pc {
		display: none;
	}

	.tab {
		display: block;
	}

	.tab_und {
		display: block;
	}

	.tab_center { text-align: center; }
	.tab_left { text-align: left; }
	.tab_right { text-align: right; }

	.col_tab_reset[class*="col"] {
		margin-right: 2.857142857142857%;
	}

	.gm_small .col_tab_reset[class*="col"] {
		margin-right: 1.408450704225352%;
	}

	.col2_tab:nth-of-type(even),
	.col3_tab:nth-of-type(3n),
	.col4_tab:nth-of-type(4n),
	.col5_tab:nth-of-type(5n),
	.col6_tab:nth-of-type(6n),
	.col7_tab:nth-of-type(7n),
	.col8_tab:nth-of-type(8n) {
		margin-right: 0 !important;
	}

	.col2_tab {
		width: 48.57142857142857%;
	}

	.col3_tab {
		width: 31.42857142857143%;
	}

	.col4_tab {
		width: 22.85714285714286%;
	}

	.gm_small .col2_tab {
		width: 49.29577464788732%;
	}

	.gm_small .col3_tab {
		width: 32.3943661971831%;
	}

	.gm_small .col4_tab {
		width: 23.94366197183099%;
	}

	.col_tab_all_reset {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}/*res end　768px*/


/*res start　650px*/
@media screen and (max-width: 650px) {
	.mct_trouble_top .col_650_all_reset {
		width: 340px;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
}/*res end　650px*/


/*res start 480px*/
@media screen and (max-width: 480px) {
	.widthBase {
		width: 95%;
	}
	.tab {
		display: none;
	}

	.tab_over {
		display: none;
	}

	.sp {
		display: block;
	}
	.sp_ib {
		display: inline-block;
	}

	.sp_center { text-align: center; }
	.sp_left { text-align: left; }
	.sp_right { text-align: right; }

	.col_sp_reset[class*="col"] {
		margin-right: 2.857142857142857%;
	}

	.gm_small .col_sp_reset[class*="col"] {
		margin-right: 1.408450704225352%;
	}

	.col2_sp:nth-of-type(even),
	.col3_sp:nth-of-type(3n),
	.col4_sp:nth-of-type(4n),
	.col5_sp:nth-of-type(5n),
	.col6_sp:nth-of-type(6n),
	.col7_sp:nth-of-type(7n),
	.col8_sp:nth-of-type(8n) {
		margin-right: 0 !important;
	}
	.col2_sp {
		width: 48.57142857142857%;
	}

	.col3_sp {
		width: 31.42857142857143%;
	}

	.col4_sp {
		width: 22.85714285714286%;
	}

	.gm_small .col2_sp {
		width: 49.29577464788732%;
	}

	.gm_small .col3_sp {
		width: 32.3943661971831%;
	}

	.gm_small .col4_sp {
		width: 23.94366197183099%;
	}

	.col_sp_all_reset {
		width: 100%;
		float: none;
		margin-right: 0;
	}

}/*res end 480px*/

/*res start 380px*/
@media screen and (max-width: 380px) {
	.mct_trouble_top .col_650_all_reset {
		width: 100%;
	}
}/*res end 380px*/

/* ---------------------------------------------------------
   【utility】
--------------------------------------------------------- */
/*res start　1024px*/
@media screen and (max-width: 1024px) {
	/* （親）フレックスボックス基本設定 */
	.u-flex-t-l {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	/* （親）上から下へ垂直方向に配置 */
	.u-flex-fdc-t-l {
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	/* （親）横複数行に配置 */
	.u-flex-fww-t-l {
		flex-wrap: wrap;
	}

	/* （親）親要素の高さいっぱいに配置 */
	.u-flex-ais-t-l {
		-ms-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		height: auto;
	}

	/* （親）クロス軸の中央に配置 */
	.u-flex-aic-t-l {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}

	/* （親）中央に配置 */
	.u-flex-jcc-t-l {
		justify-content: center;
	}


	/* （親）等間隔に配置 */
	.u-flex-jcsa-t-l {
		justify-content: space-around;
	}

	/* （親）最初と最後のアイテムは端に、残りは等間隔で配置 */
	.u-flex-jcsb-t-l {
		justify-content: space-between;
	}

	/* 最初のメインとなるサイズを元に、幅と高さのプロパティを同じ値に */
	.u-flex-item-fb-half-t-l {
		flex-basis: 49%;
        max-width: 49%;
	}
	.u-flex-item-fb-full-t-l {
		flex-basis: 100%;
            max-width: 100%;
	}

	/* 表示優先度 */
	.u-flex-item-o-0-t-l {
		order: 0;
	}
	.u-flex-item-o-1-t-l {
		order: 1;
	}
}/*res end 1024px*/

/*res start　768px*/
@media screen and (max-width: 768px) {
	/* （親）フレックスボックス基本設定 */
	.u-flex-t {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	/* （親）上から下へ垂直方向に配置 */
	.u-flex-fdc-t {
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	/* （親）横複数行に配置 */
	.u-flex-fww-t {
		flex-wrap: wrap;
	}

	/* （親）親要素の高さいっぱいに配置 */
	.u-flex-ais-t {
		-ms-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		height: auto;
	}

	/* （親）クロス軸の中央に配置 */
	.u-flex-aic-t {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}

	/* （親）中央に配置 */
	.u-flex-jcc-t {
		justify-content: center;
	}

	/* （親）等間隔に配置 */
	.u-flex.u-flex-jcsa-t {
		justify-content: space-around;
	}

	/* （親）最初と最後のアイテムは端に、残りは等間隔で配置 */
	.u-flex-jcsb-t {
		justify-content: space-between;
	}

	/* 最初のメインとなるサイズを元に、幅と高さのプロパティを同じ値に */
	.u-flex-item-fb-half-t {
		flex-basis: 49%;
        max-width: 49%;
	}
	.u-flex-item-fb-full-t {
		flex-basis: 100%;
            max-width: 100%;
	}

	/* 表示優先度 */
	.u-flex-item-o-0-t {
		order: 0;
	}
	.u-flex-item-o-1-t {
		order: 1;
	}


	/* アコーディオン */
	.accordion-tab {
		cursor: pointer;
		position: relative;
	}
	.u-hide-tab {
		display: none;
	}

	/* アコーディオン矢印（任意） */
	.accordion-tab::after {
		content: ">";
		transform: rotate(90deg);
	}

	.accordion-tab.open::after {
		transform: rotate(-90deg);
		right: 1.4em;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	/* （親）フレックスボックス基本設定 */
	.u-flex-s {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	/* （親）上から下へ垂直方向に配置 */
	.u-flex-fdc-s {
		-moz-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	/* （親）横複数行に配置 */
	.u-flex-fww-s {
		flex-wrap: wrap;
	}

	/* （親）親要素の高さいっぱいに配置 */
	.u-flex-ais-s {
		-ms-align-items: stretch;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-ms-grid-row-align: stretch;
		align-items: stretch;
		height: auto;
	}

	/* （親）クロス軸の中央に配置 */
	.u-flex-aic-s {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
	}

	/* （親）中央に配置 */
	.u-flex-jcc-s {
		justify-content: center;
	}

	/* （親）等間隔に配置 */
	.u-flex.u-flex-jcsa-s {
		justify-content: space-around;
	}

	/* （親）最初と最後のアイテムは端に、残りは等間隔で配置 */
	.u-flex-jcsb-s {
		justify-content: space-between;
	}

	/* 最初のメインとなるサイズを元に、幅と高さのプロパティを同じ値に */
	.u-flex-item-fb-half-s {
		flex-basis: 49%;
        max-width: 49%;
	}
	.u-flex-item-fb-full-s {
		flex-basis: 100%;
            max-width: 100%;
	}

	/* 表示優先度 */
	.u-flex-item-o-0-s {
		order: 0;
	}
	.u-flex-item-o-1-s {
		order: 1;
	}


	/* アコーディオン */
	.accordion-sp {
		cursor: pointer;
		position: relative;
	}
	.u-hide-sp {
		display: none;
	}

	/* アコーディオン矢印（任意） */
	.accordion-sp::after {
		content: ">";
		transform: rotate(90deg);
	}

	.accordion-sp.open::after {
		transform: rotate(-90deg);
		right: 1.4em;
	}
}/*res end 480px*/

/* --------------------------------------------
   PageNavi
-------------------------------------------- */
@media only screen and ( max-width: 768px ) {
  .pagination li.first,
  .pagination li.last {
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 600px ) {
  .pagination li {
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
	position: initial;
	top: initial;
	left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 480px ) {
  .pagination li.first,
  .pagination li.last {
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

/* ---------------------------------------------------------
   【テキストスタイル】
--------------------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
}/*res end 480px*/

/* ---------------------------------------------------------
   【font-size 13px 100%】
--------------------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
}/*res end 480px*/

/* ---------------------------------------------------------
   【フロート】
--------------------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.fl.tab_set,
	.fr.tab_set {
		float: none;
	}

	.table01 th.tab_set,
	.table01 td.tab_set,
	.section th.tab_set,
	.section td.tab_set {
		display: block;
		width: 100%;
	}

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.fl.sp_set,
	.fr.sp_set {
		float: none;
	}

	.table01 th.sp_set,
	.table01 td.sp_set,
	.section th.sp_set,
	.section td.sp_set {
		display: block;
		width: 100%;
	}

}/*res end 480px*/

/* --------------------------------------------
   【mailformpro】
-------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

	form#mailformpro dl dt,
	form#mailformpro dl dd {
		font-size: 16px;
	}

	form#mailformpro dl dt {
		float:none !important;
		width:100% !important;
		text-align:left !important;
		padding-bottom:0 !important;
	}

	form#mailformpro dl dd {
		padding-left:10px !important;
		border:none !important;
	}

	form#mailformpro li, form#mailformpro li {
		margin-bottom: .5em;
	}

	div.mailform .mfp {
		padding-left: 0;
	}

	.mailform input, .mailform textarea {
		width:95% !important;
		margin: 1% 0;
		font-size: 16px;
	}

	.mfp_not_checked,
	.mfp_checked {
		padding: 3% 0.5% 2%;
		font-size: 16px;
	}

	.mailform label > input {
		width: 5% !important;
	}

	dd.mfp_achroma > a {
		display: block;
	}

	form#mailformpro label.mfp_checked,
	form#mailformpro label.mfp_not_checked {
		border: 1px solid #eee;
	}

	div#mfp_phase_confirm h4 {
		font-size: 1rem;
	}

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {

	.mailform input, .mailform textarea {
		padding: 4% !important;
		font-size: 18px !important;
	}

	#mfp_overlay_inner {
		width:80% !important;
	}

	.mfp_not_checked,
	.mfp_checked {
		padding: 5% !important;
	}

	form#mailformpro ol li {
		margin-right: 0;
		display: block;
	}

	div.mailform {
		padding: 1em 0;
	}

	div.mailform .mfp {
		padding-left: 0;
	}

	form#mailformpro label,
	form#mailformpro label.mfp_checked{
		display: block;
	}

	table#mfp_confirm_table tr th {
		width:100% !important;
		display:block !important;
		background-color: #DEE1E9 !important;
	}

	table#mfp_confirm_table tr td {
		width:100% !important;
		display:block !important;
		border:none !important;
		background-color:#FFF !important;
	}

}/*res end　480px*/


/* ----------------------------------------------
テーブル
---------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.table01.tab_set th
	, .table01.tab_set td
	{
		display: block;
		width: 100%;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.table01.sp_set th
	, .table01.sp_set td {
		display: block;
		width: 100%;
	}
}/*res end 480px*/


/* ----------------------------------------------
会社概要
---------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.table01 th {

	}
	.table01 td {
		margin: 0 0 0;
		border: none;
	}

	.gmap {
		padding-bottom: 200px;
		margin-bottom: -200px;
	}
}/*res end 480px*/

/* ----------------------------------------------
お客様の声
---------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.cpt_main_img.voices{
		height: 350px;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}
	.cpt_main_img.voices img.longH,
	.cpt_main_img.voices_top img.longH,
	.cpt_main_img.cases img.longH,
	.cpt_main_img.cases_top img.longH{
		top: -10%;
	}
/*	.cpt_main_img.voices_top{height: 120px;}*/
	.cpt_main_img.voices .noImgArea{
		background-size: 40% auto;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.cpt_main_img.voices {
		height: 200px;
	}
}/*res end 480px*/

/* ----------------------------------------------
トラブル解決事例
---------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	/*topページ*/
	.mct_solution_top .case-ca-top .left_cnt .mct_solution_h4_top a{
		display: block;
		width:100%;
	}
    .link_btn_wrap ul li{
        width: 50%;
    }

	.cpt_main_img.cases{
		height: 250px;
		margin: 0 auto;
		width: 80%;
	}
	.cpt_main_img.cases_top {
		height: 28vw;
	}
	.cpt_main_img {
		height: 200px;
		text-align: center;
	}

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.mct_solution_top .case-ca-top a,
	.mct_solution_top .case-ca-top .left_cnt{
		width:100%;
	}

	.cpt_main_img.cases{
		height: auto;
	}

/*
	.cpt_main_img {
		position: relative;
		height: auto;
		padding-bottom: 80%;
	}

	.cpt_main_img img {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		display: block;
		margin: auto;
	}
*/

	.cpt_main_img img.longW {
		width: 100%;
		max-height: initial;
	}

	.cpt_main_img img.longH{
		height: 100%;
	}
}/*res end 480px*/

/* ----------------------------------------------
初めての方へ
---------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {
	.supported_area_box__img {
		width: 100%;
	}
}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
	.supported_area_box {
		width: 100%;
	}
}/*res end 480px*/

/* ----------------------------------------------
トラブル解決までの流れ
---------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {
.tro_flow_wrap .tro_flow_text{
	padding-left:0px;
	padding-bottom:70px;
	background-position: center bottom;
}
}/*res end 480px*/

/* ----------------------------------------------
なごみ
---------------------------------------------- */
/*res start　768px*/
@media screen and (max-width: 768px) {

.category-nagomi .section h5 {
    padding: 0.1em 1em;
    height: 47px;
}

}/*res end　768px*/

/*res start　480px*/
@media screen and (max-width: 480px) {

.bubble-left::after {
    display: none;
}

a.pageBtn {
	margin-bottom: 10px;
}

.bgDog {
background: none;
}

}/*res end 480px*/


/* ----------------------------------------------
サービス内容
---------------------------------------------- */

/*res start　480px*/
@media screen and (max-width: 480px) {
	.welfare_staff_Box {
	margin-bottom: 20px
	}
	.welfare_box dt {
	font-size: 3vw;
	}
}/*res end 480px*/

/* ----------------------------------------------
リフォームメニュー
---------------------------------------------- */
@media screen and (max-width: 768px) {
	.rm_topbox {
		width: 100%;
		max-width: initial;
	}

	.rf_box_title,
	.rf_main_box {
		font-size: 2.3vw;
	}

	.rf_main_box {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	.rm-list-row .rm_box_sellingprice {
		font-size: 5em;
	}

	.rm-description {
		display: block;
	}

	.rm_box_description {
		margin-left: 0;
		margin-top: .5em;
	}
}

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

	.rf_box_title {
		font-size: 3.6vw;
	}

	.rf_main_box {
		font-size: 2.8vw;
	}

	.rm_box_description,
	.rm-note {
		font-size: 1em;
	}

	.rm-list-row .rm_box_price {
		margin-left: 0;
	}

	.rm-list-row .rm_box_listprice {
		font-size: 1.4em;
		background: transparent;
	}

	.rm-list-row .rm_box_sellingprice {
		/* font-size: 6em; */
	}

	.rm_step {
		padding: 0;
		margin-bottom: 1em;
	}

	.rm_step:not(:first-of-type) {
		margin-bottom: 2.8em;
	}

	.rm_step_box {
		padding-top: .8em;
		padding-bottom: .6em;
	}

	.rm_step:not(:first-of-type) .rm_step_box {
		margin-left: 0;
		margin-top: 10%;
		padding-top: .6em;
		padding-bottom: .4em;
	}

	.rm_step:not(:first-of-type) .rm_step_box::before {
		background: url(http://www.nplan-kure.jp/wp/wp-content/themes/rcnt/images/page/icon_arr_flow_t-b.png) center top no-repeat;
		background-size: 50%;
		left: 0;
		right: 0;
		top: -45%;
		bottom: auto;
	}
}

/* ----------------------------------------------
用語集
---------------------------------------------- */
@media screen and (max-width: 768px) {
    .category-glossary .type-post {
        padding-top: 11.5em;
        margin-top: -11.5em;
    }
}

@media screen and (max-width: 480px) {
    .category-glossary .type-post {
        padding-top: 6.5em;
        margin-top: -6.5em;
    }
    .glossary_anchor li {
        width: calc(100% / 5);
        padding: .2em;
        list-style: none;
        text-align: center;
    }

}

/* ----------------------------------------------
よくある質問
---------------------------------------------- */
@media screen and (max-width: 768px) {
    .faq dt a {
        padding-top: 25vw;
        margin-top: -25vw;
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .faq dt a {
        padding-top: 28vw;
        margin-top: -28vw;
        display: block;
    }
}

/* ----------------------------------------------
サービス内容
---------------------------------------------- */
@media screen and (max-width: 768px) {
    .font-15 {
        font-size: .9em;
    }
    .trouble_intro {
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    .trouble_intro {
        display: block;
    }
    .trouble_intro_txt {
        width: 100% !important;
        padding-right: 0;
    }
    .trouble_intro_img {
        width: 70% !important;
        padding: 0 .5em !important;
        margin: 1em auto 0;
        text-align: center;
    }
    .border_box {
        font-size: 1.2em;
    }
    .box_primary_title {
        font-size: 1.1em;
    }
    .box_primary_wrap {
        display: block;
    }
    .box_primary_txt {
        width: 100% !important;
        padding-left: 0;
    }
    .box_primary_img {
        width: 70% !important;
        margin: 1em auto 0;
    }
    .list_card li {
        width: 48% !important;
        margin: .4em 1% !important;
        font-size: .8em;
    }
    .comment_trouble_other {
        font-size: 1em;
    }
    .list_trouble_cases li {
        width: 100%;
    }
    .service_reform_intro {
        display: block;
    }
    .area_comment {
        margin: 3em .5em 0;
    }
    .box_txt_img_wrap {
        display: block;
    }
    .comment_trouble_other.second {
        display: block;
    }
    .second .comment_trouble_other_img {
        width: 8em;
        margin: 1em auto 0;
    }
    .area_padding_second {
        padding: .5em;
    }
    .construction_wrap {
        padding: .5em 1.5em 1em;
        display: block;
    }
    .construction_box {
        width: 100%;
    }
    .construction_box + .construction_box {
        margin-top: .5em;
    }
    .area_pink {
        margin: 1.5em auto;
    }
    .box_txt_img {
        width: 80%;
        text-align: center;
        margin: 1.5em auto 0;
    }
    .service_reform_intro_title {
        text-align: center;
        display: block;
    }
    .wrap_list_img {
        padding: 1em 1em .5em;
        display: block;
    }
    .wrap_list_img .box_list {
        width: 100%;
    }
    .wrap_list_img .box_list ul {
        margin: 0;
    }
    .wrap_list_img .box_img {
        width: 70%;
        margin: 1em auto 0;
    }
    .list_box {
        width: 100%;
        margin-left: 0;
        padding: 0 3.5em 0 1em;
    }
    .list_box::after {
        right: 3em;
    }
    a.btn_arrow {
        font-size: 1.23em;
    }
}

/* ----------------------------------------------
会社案内
---------------------------------------------- */
@media screen and (max-width: 768px) {
    .about_branch__inner  {
		display: block;
    }
	.about_branch__img {
		width: 90%;
		padding-top: 0;
		margin: 0 auto;
	}
	.about_branch__txt {
		width: 100%;
		padding-left: 0;
		margin: 1em auto 0;
	}

	.suidokyoku-table-wrapper {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.suidokyoku-table {
		width: 100%;
	}

	p.suidokyoku-table-title {
		width: 100%;
		margin: 0 auto;
	}

	tr.suidokyoku-table-takehara,
	.suidokyoku-table-takehara th,
	.suidokyoku-table-takehara td {
    border-bottom: none;
}

tr.suidokyoku-table-kure,
.suidokyoku-table-kure th,
.suidokyoku-table-kure td {
    border-top: none;
}

.suidokyoku-table-top {
	border-bottom: none;
}

.instagram-bnr {
	margin: 1em auto;
}

.about_flex_insta {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.about_flexbox .about_branch__txt{
    flex:auto;
	width: 100%;
	margin-right: 0;

}
.about_flex_insta .instagram-bnr{
    margin-left: 0;
}
.about_branch__img + .about_branch__img {
    margin-left: .5em;
}



}

@media screen and (max-width: 480px) {
	.about_branch__img {
		width: 97%;
	}

	.instagram-bnr {
		width: 100%;
		padding: .8em .5em .5em;
	}

	
}


/* ----------------------------------------------
ブログ
---------------------------------------------- */
@media screen and (max-width: 768px) {


}

@media screen and (max-width: 480px) {
	.blog-staff-intro__image{
		width: 7.25em;
	}
}



@media screen and (max-width: 768px) {
    /* Contact Form 7 */
    .contact_top {
      font-size: 3vmin;
    }
    .contact_top .fa-mobile {
      margin-top: -10px;
      font-size: 25px;
    }
    form.wpcf7-form input.wpcf7-submit {
      margin: 0 auto;
    }
  }
  
  @media screen and (max-width: 480px) {
    /* Contact Form 7 */
    .contact_top {
      margin-bottom: 8px;
      font-size: 6vw;
    }
    a.contact_tel {
      display: block;
      margin-bottom: 5px;
    }
    form.wpcf7-form dl dt {
      width: 100%;
      float: none;
      font-size: 12px;
      text-align: left;
    }
    form.wpcf7-form dl dd {
      padding: 10px 5px 20px 0;
      border-top: none;
    }
    .alertlabel {
      padding: 5px 0;
      font-size: 1rem;
    }
    form.wpcf7-form input {
      width: 100%;
    }
    form.wpcf7-form .wpcf7-radio input {
      width: auto;
    }
    form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox input {
      width: auto;
    }
    form.wpcf7-form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
      display: block;
      width: 100%;
    }
    .wpcf7-form-control-wrap.reason {
      margin-left: 0;
    }
    form.wpcf7-form input.wpcf7-submit,
    form.wpcf7-form input.wpcf7-confirm {
      padding: 5% 5px;
      font-size: 18px !important;
    }
  }
  

@media screen and (max-width: 910px) {
	a.area-eco-bnr_link {
		width: 30%;
	}
}
@media screen and (max-width: 768px) {
	.area-eco {
		background-size: 100%;
		background-position: top;
		padding: 14% 1.5em 1.5em;
	}
}
@media screen and (max-width: 480px) {
	.area-eco {
		padding-top: 36%;
		background-image: url(../images/top/bg_eco_sp.jpg);
	}
	.area-eco-bnr {
		justify-content: center !important;
	}
	a.area-eco-bnr_link {
		width: 22.1875em;
		margin-top: 0.5em;
	}
}

/* ----------------------------------------------
なごみスタイル
---------------------------------------------- */
@media screen and (max-width: 768px) {
	.nagomi-scene__item {
		height: 6.25em!important;
	}
	.nagomi-list_box {
		width: 100%!important;
	}
	.nagomi-flow__cnt {
		gap: 1em!important;
	}
	.nagomi-blog__box-item {
		width: 33%!important;
	}
}
@media screen and (max-width: 480px) {
	.nagomi-top__txt {
		width: 100%!important;
	}
	.nagomi-top__img {
		width: 100%!important;
	}
	.nagomi-flow__btn {
		gap: 0.5em!important;
		text-align: center!important;
	}
	.nagomi-case__box {
		grid-template-columns: repeat(2, 1fr)!important;
	}
	.nagomi-activity__box-item {
		width: 100%!important;
	}
	.nagomi-blog__box {
        display: flex!important;
        flex-wrap: nowrap!important;
        overflow-x: auto!important; 
        gap: 1em!important; 
        padding: 0 .75rem .5rem!important;
        scroll-behavior: smooth!important;
		justify-content: unset!important;
    }
    .nagomi-blog__box-item {
        min-width: 90vw!important;
        width: 100%!important; 
	}
}