/* ------------- */

/* 共通 */

/* ------------- */

body,
button {
	font-family:Futura,"Trebuchet MS",Arial,sans-serif;
	font-weight: 700;
	font-style: normal;
	/* max-width: 440px; */
	margin: 0 auto;
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	letter-spacing: 0px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

@media only screen and (max-width: 750px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
		width: 100%;
	}
}

h1 {
	color: #FF9900;
	font-weight: bold;
	font-size: 25px;
	letter-spacing: .04em;
	text-align: center;
	margin-top: 0;
}

h1::after {
	display: block;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.5;
	letter-spacing: .02em;
	content: attr(data-label);
	color: #333;
}

li{
	list-style: none;
}

li a{
	text-decoration: none;
}

h2,h1 {
	font-size: 37px;
}

p{
	font-size: 16px;
}

a{
	text-decoration: none;
	color: #333;
}

.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}

.inner_text{
	text-align: center;
}

section{
	padding: 50px 0;
}

section.btn_bg {
    background-color: #F0F0F0;
    margin-bottom: 0;
    padding: 40px 30px;
}

section.contact_btn {
	background-color: #FFF5E2;
	padding: 30px 0;
}


.top_title{
	padding: 15px 0;
	background-color: #FFD319;
	text-align: center;
	color: #fff;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(255, 170, 0, 0.2) 6px, rgba(255, 170, 0, 0.2)6px 18px);
}

.top_title h2{
	font-size: 30px;
} 

.img_flex{
	display: flex;
}

.img_flex img {
	width: 33.3%;
}

.content_title {
    text-align: center;
}

/*---------------

コンタクトボタン

-----------------*/
.btn_area{
    text-align: center;
    padding: 30px 0;
    width: 70%;
    margin: 0 auto;
    max-width: 880px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn_left {
    width: 60%;
}

.btn_area img {
    width: 100%;
    display: block;
    margin: 28px auto;
}

.btn_area img{
    width: 100%;
}

.flex_btn {
    width: 40%;
    margin: 0 auto;
}

.flex_btn img {
    width: 95%;
    margin: 10px 5%;
}

.cash {
	background-color: #fff;
	border: 1px solid #CBC9C9;
	margin-top: 20px;
	width: 85%;
	margin: 20px auto;
	max-width: 880px;
}

p.cash_ttl {
	background-color: #EDEAEA;
	text-align: center;
	padding: 10px 0;
	margin-top: 0;
}

span.c-bg_pink {
	background-color: #FCE7E7;
	padding: 5px;
	font-size: 12px;
	display: flex;
	align-items: center;
	/* height: 2em; */
}

.cash_flex {
	text-align: center;
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cash_flex img {
	width: 13%;
	margin: 6px 4px;
	height: auto;
}

img.cash_paypay {
	width: 32%;
}

.arrow-round {
	position: relative;
	display: inline-block;
	padding: 10px;
	border-radius: 50%;
	top: -5px;
}

.arrow-round.arrow-right::before {
	transform: rotate(45deg);
	left: 15px;
}

.arrow-round::before {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
}

	h1{
		font-size: 25px;
	}
	h2{
		font-size: 25px;
	}
	p{
		font-size: 16px;
	}
	.top_title h1{
		font-size: 1.5em;
	} 

	/* .main_visual {
		width: 100%;
	} */

	.btn_area img {
		width: 95%;
		display: block;
		margin: 12px auto;
	}

	section{
		margin-bottom: 0;
	}

	section.btn_bg {
		background-color: #F0F0F0;
		margin-bottom: 0;
		padding: 20px 10px;
	}

	section.page_top{
		padding: 0;
	}

	.flex_btn {
		width:100%;
		margin: 0 auto;
	}

.btn_area {
	text-align: center;
	padding: 35px 15px 10px;
	width: 80%;
	margin-top: 40px;
	display: block;
	background-color: #fff;
	border-radius: 26px;
	/* box-shadow: 4px 4px 12px 0px #E0DEDE; */
	position: relative;
}

/* .cb_item {
	background-color: #FFF3F3;
	width: 69%;
	padding: 0;
	font-size: 13px;
	margin: 0 auto;
	border-radius: 20px;
	border: 2px solid #FF7A00;
	margin-top: -57px;
	margin-bottom: 25px;
	color: #FF7A00;
	position: relative;
	padding: 5px 0;
} */

.cb_item {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transform: translateY(7px);
	width: 200px;
	margin: 0 auto;
	padding: 5px 0;
	border: 2px solid #FF7A00;
	border-radius: 17px;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .2));
	background-color: #fff;
	color: #FF7A00;
	font-size: 12px;
	margin-top: -58px;
	margin-bottom: 25px;
}

.cb_item::before,
.cb_item::after {
	position: absolute;
	top: 100%;
	content: '';
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
}


.cb_item::before {
	width: 16px;
	height: 8px;
	background-color: #FF7A00;
}

.cb_item::after {
	width: 12px;
	height: 6px;
	background-color: #fff;
}

/* ------------- */

/*ぱんくずリスト*/

/* ------------- */
.breadcrumb-001 {
	display: flex;
	gap: 0 22px;
	list-style: none;
	padding: 5px 0;
	font-size: 10px;
	margin-top: 71px;
	background-color: #EFEFEF;
	justify-content: center;
	margin-bottom: 0;
}

.breadcrumb-001 li {
	display: flex;
	align-items: center;
}

.breadcrumb-001 li:first-child::before {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 4px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.7%207.5%204%2013.8v6.8c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-4c0-.4.3-.7.7-.7h2.7c.4%200%20.7.3.7.7v4c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-6.8l-7.7-6.3h-.9zm12.1%204.4L20.3%209V3.2c0-.3-.2-.5-.5-.5h-2.3c-.3%200-.5.2-.5.5v2.9L13.3%203c-.7-.6-1.8-.6-2.5%200L.2%2011.8c-.2.2-.3.5-.1.7l1.1%201.3c.2.2.5.2.7.1l9.8-8.1h.6l9.8%208.1c.2.2.5.1.7-.1l1.1-1.3c.2-.2.1-.5-.1-.6z%22%20style%3D%22fill%3A%23333333%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	content: '';
}

.breadcrumb-001 li:not(:last-child)::after {
	display: inline-block;
	transform: rotate(45deg);
	width: .3em;
	height: .3em;
	margin-left: 10px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	content: '';
}

.breadcrumb-001 a {
	color: #333333;
	text-decoration: none;
}

	/* -----SP header----- */
	img.h-logo {
		width: 94%;
		display: inline-flex;
		padding-left: 5px;
		height: 71px;
	}
	.h-top {
		width: 100%;
		height: 71px;
		display: inline-flex;
	}
	header {
		width: 100%;
		position: fixed;
		z-index: 9999;
		background-color: #fff;
		display: flex;
		height: 71px;
		justify-content: flex-end;
		align-items: center;
		top: 0;
		/* max-width: 440px; */
	}

	/* ハンバーガーメニュー */
    .nav{
		visibility: hidden;
		opacity: 0;
		width: 100%;
		height: 72vh;
		background-color: #fff;
		position: fixed;
		top: 70px;
		left: 0;
		transition: all .5s;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-left: 0;
		margin-top: 0;
		align-items: initial;
    }
	/* .nav_line{
		border-top: 1px solid #FFA700;
	} */
    .nav.fade {
        visibility: visible;
        opacity: 1;
    }

.nav li {
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFA700;
	color: #FFA700;
	font-family: Futura, 'Century Gothic', 游ゴシック体, YuGothic;
	font-weight: bold;
	max-width: 440px;
	margin: 0 auto;
	width: 90%;
}

	.nav a li{
		color: #000;
	}
	
.nav_btn {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	background-color: #FF7A00;
	width: 81px;
	height: 71px;
	color: #fff;
	/* padding: 10px 0; */
}
    
.nav_btn span:first-child {
	content: "";
	display: block;
	width: 36px;
	height: 4px;
	border-radius: 0px;
	margin-bottom:7px;
	background: #fff;
}
    
    .nav_btn span:nth-child(2){
		content: "";
		display: block;
		width: 36px;
		height: 4px;
		border-radius: 0px;
		margin-bottom: 7px;
		background: #fff;
        }
    
    .nav_btn span:nth-child(3){
		content: "";
		display: block;
		width: 36px;
		height: 4px;
		margin-bottom: -3px;
		border-radius: 0px;
		background: #fff;
    }

	 .nav_btn span:last-child {
	  	content: "";
		display: block;
		margin-bottom: 6px;
	  	border-radius: 0px;
	   }
    
.nav_btn.close span:first-child {
	background: #fff;
	transform: translate(4%, 20px) rotate(45deg);
	transition: transform .5s;
	width: 38px;
}

    .nav_btn.close span:nth-child(2){
        background: #fff;
        opacity: 0;
        transition: opacity .5s;
    }

  .nav_btn.close span:last-child {
	  	background: #fff;
		opacity: 0;
		transition: opacity .5s;
	 }
    
.nav_btn.close span:nth-child(3) {
	background: #fff;
	transform: translate(6%, -2px) rotate(-45deg);
	transition: .5s;
	width: 38px;
}

	.navlist{
		position: relative;
	}
	.navlist::before{
		position: absolute;
		content: '';
		top: 57%;
		right: 10px;
		width: 12px;
		height: 3px;
		background: #FFA700;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		rotate: -45deg;
	}
	.navlist::after {
		position: absolute;
		content: '';
		top: 43%;
		right: 11px;
		width: 13px;
		height: 3px;
		background: #FFA700;
		rotate: 45deg;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.nav-01 summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		color: #000;
		cursor: pointer;
		list-style-type: none
	}
	
	.nav-01 summary::before {
		position: absolute;
		content: '';
		top: 50%;
		right: 10px;
		width: 18px;
		height: 3px;
		background: #FFA700;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.nav-01 summary::after {
		position: absolute;
	    content: '';
	    top: 48%;
	    right: 11px;
		width: 18px;
	    height: 3px;
	    background: #FFA700;
		rotate: 90deg;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}

		.nav-01[open] summary::after {
			display: none;
		}
	
		.nav_txt {
			position: relative;
			transform: translateY(-10px);
			opacity: 0;
			margin: 0;
			color: #FFA700;
			transition: transform .5s, opacity .5s;
			font-weight: bold;
			padding-left: 50px;
			text-align: left;
		}
	
		.nav-01[open] p {
			transform: none;
			opacity: 1;
		}
	
		.fuyouhin::before {
			background: url(../../common/img/fuyouhin_icon.png);
	        content: '';
	        position: absolute;
	        background-size: contain;
	        background-repeat: no-repeat;
	        left: 6px;
	        width: 29px;
	        height: 33px;
	        top: 50%;
	        -webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
		}
		.gomiyashiki::before {
			background: url(../../common/img/gomi_icon.png);
			content: '';
			position: absolute;
			background-size: contain;
			background-repeat: no-repeat;
			top: 50%;
			left: 9px;
	        width: 34px;
	        height: 36px;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		.hikkoshi::before {
			background: url(../../common/img/hikkoshi_icon.png);
			content: '';
			position: absolute;
			background-size: contain;
			background-repeat: no-repeat;
			top: 50%;
            left: 1px;
			width: 42px;
			height: 33px;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
				
		.ihin::before {
			background: url(../../common/img/ihin_icon.png);
			content: '';
			position: absolute;
			background-size: contain;
			background-repeat: no-repeat;
			top: 50%;
			left: 9px;
			width: 31px;
			height: 29px;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	
		details summary {
			cursor: pointer;
		}
	
		details summary::-webkit-details-marker {
			display: none;
		}
		.nav_service_inner {
			display: flex;
		    flex-wrap: wrap;
		    justify-content: space-evenly;
		    width: 95%;
		    background-color: #F8F8F8;
		    margin: 10px 0;
		    padding: 10px 8px;
		    text-align: inherit;
			align-items: center;
		}
		.nav_service_inner a {
			/* display: block; */
			width: 157px;
		}

/* sp 追従 */
.header-2 {
	width: 100%;
	position: fixed;
	z-index: 9999;
	background-color: #857C6E;
	/* display: flex; */
	height: 95px;
	/* opacity: 0.9; */
	bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
	max-width: 440px;
}

.h-bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 100%;
}

.header-2.sp span {
	text-align: center;
	display: flex;
	justify-content: center;
	font-size: 12px;
	padding-bottom: 4px;
	color: #fff;
}

.h-bottom img {
	width: 90%;
	margin: 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hd-banner {
	display: none;
	position: fixed;
	margin: 15px 20px;
	z-index: 99998;
	bottom: 91px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 75%;
	margin: 0px auto;
	text-align: center;
}

.banner-close {
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: -4px;
	z-index: 99999;
	padding: 0px 6px;
	border: none;
	background-color: #f8f8f8;
	border-radius: 25px;
	cursor: pointer;
	-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
	box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

.banner-copy {
	font-size: 13px;
	padding: 8px 0;
	border-radius: 6px;
	background-color: #857C6E;
	opacity: .9;
	color: #fff;
	margin-bottom: 20px;
}

/* -----SP footer----- */

.overview{
    display: flex;
    color: #000;
    justify-content: center;
    padding: 1em 0;

}

.overview_content {
	width: 90%;
}

.overview_items {
    display: block;
    text-align: initial;
}

p.item {
    background-color: #F8E6BE;
    padding-left: 8px;
}

p.item_inr {
    padding-left: 8px;
}

.copy_area {
    color: #000;
    text-align: center;
    font-size: 12px;
    padding-bottom: 110px;
    /* background-color: #ccc; */
    display: flex;
    justify-content: center;
    align-items: center;
}

footer {
    padding-top: 0;
	text-align: center;
}

.ft_flex {
    text-align: left;
}

.footer_nav {
	background-color: #ECE5DB;
	padding: 25px 10px;
}

.footer_nav_area {
	display: flex;
	font-size: 14px;
	padding-left: 15px;
}

ul.f_nav_list.f_nav_fst {
	width: 45%;
}

ul.f_nav_list li {
	font-size: 16px;
	padding: 5px 0 0;
}

ul.f_nav_list {
	text-align: start;
	padding: 0 1px;
	width: 35%;
}

ul.f_nav_list span {
	display: block;
	font-size: 14px;
	text-align: start;
	margin: 3px 0;
}

img.f_logo {
	width: 45%;
}

/*ページトップスクロール */
#pagetop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 5px;
	bottom: 146px;
	background: #FF7A00;
	opacity: .8;
	border-radius: 50%;
	z-index: 999999;
}

#pagetop a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	text-align: center;
}

#pagetop a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f106';
	font-weight: 900;
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 10px;
	bottom: 23px;
	right: 0;
	left: 0;
	margin: auto;
}

/*ーーーーーー
 サービス一覧
ーーーーーー*/
section.service_list {
	background-color: #fff;
}

.list_box img {
	width: 100%;
	border-radius: 20px 20px 0 0;
}

.service_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.list_box {
	background-color: #F5F3E7;
	width: 70%;
	margin: 10px auto;
	padding: 15px 15px 5px;
	border-radius: 0 35px 0 0;
	text-align: center;
	position: relative;
}

.service_area a {
	width: 50%;
}

.list_box::after {
	content: '';
	position: absolute;
	top: 8px;
	right: -3px;
	border: 20px solid transparent;
	border-top: 22px solid #FFD319;
	border-bottom: 0px;
	rotate: 49deg;
	border-radius: 4px;
}

.list_box img {
	width: 70%;
}

.list_box p {
	margin-bottom: 5px;
	margin-top: 5px;
}

/*ーーーーーー
 エリア
ーーーーーー*/
section.area{
	background-color: #FFFEF4;
}

img.area_image {
	display: flex;
	width: 70%;
	margin: 0px auto;
	padding-left: 40px;
}

/*アコーディオン全体*/
.accordion-area {
	list-style: none;
	width: 90%;
	margin: 22px auto;
	padding-left: 0;
}

.accordion-area li {
	margin: 0.7em 0;
	background: #FF9900;
}

.accordion-area section {
	border: 0.5px solid #fff;
	padding: 0;
}

/*アコーディオンタイトル*/
.area_title {
	position: relative;
	cursor: pointer;
	font-size: 1.2em;
	padding: 1% 50px 1% 1%;
	transition: all .5s ease;
	color: #fff;
	text-align: center;
}

.area_title a{
	text-decoration: underline;
	color: #fff;
}

/*アイコンの＋と×*/
.area_title::before,
.area_title::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 2px;
	background-color: #fff;

}

.area_title::before {
	top: 48%;
	right: 15px;
	transform: rotate(0deg);

}

.area_title::after {
	top: 48%;
	right: 15px;
	transform: rotate(90deg);

}

/*　closeというクラスがついたら形状変化　*/
.area_title.close::before {
	transform: rotate(45deg);
}

.area_title.close::after {
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.box {
	display: none;
	/*はじめは非表示*/
	background: #FFF5E2;
	margin: 0 3% 3% 3%;
	padding: 3%;
}

.box p {
	letter-spacing: 3px;
}

/*ーーーーーー
 エリア(各都県)
ーーーーーー*/
.accordion-title {
	font-weight: bold;
	padding: 10px 15px;
	font-size: 18px;
}

.accordion-container {
	max-width: 980px;
	margin: 20px auto 0;
	width: 90%;
}

.accordion-content a {
	text-decoration: underline;
	font-size: 16px;
	padding: 1px 1px;
}

.accordion-content {
	padding: 10px 10px;
	border-top: 1px solid #ccc;
	text-align: start;
}

.accordion-item {
	border: 2px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	overflow: hidden;
}

.accordion-item[open] .accordion-title {
	background-color: #FF9900;
	color: #fff;
}

.area_type-2 {
	background-color: #FFD319;
	padding: 25px 0;
	margin-top: 30px;
	text-align: center;
}

.area_type-2 h1{
	color: #fff;
}

.area_type-2 a {
	text-decoration: underline;
	padding: 0 3px;
}

.area_type-2 h1 {
	color: #000;
	margin-bottom: 0;
}

/*ーーーーーー
 ページ内スクロール（下層）
ーーーーーー*/
.scloll_tab {
	background-color: #fff;
	width: 47.2%;
	height: 50px;
	/* border-radius: 40px; */
	/* margin: 7px 3px; */
	font-size: 12px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
}

.flex.st_flex {
	flex-wrap: wrap;
}

.scloll_tab:first-child {
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	border-top: 1px solid #FF9900;
}

.scloll_tab:nth-child(3){
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
}

.scloll_tab:nth-child(2) {
	border-bottom: 1px solid #FF9900;
	border-top: 1px solid #FF9900;
}

.scloll_tab:last-child{
	border-bottom: 1px solid #FF9900;
}

.scloll_tab::before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #FF9900;
}

.scloll_tab::after {
	right: 8px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}

.arrow-2 {
	position: relative;
	padding: 0px;
	padding-right: 10px;
}

.arrow-2::before,
.arrow-2::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 4.5px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.arrow-2::after {
	right: 7px;
	rotate: 90deg;
	top: 6px;
}

/*---------------------

ポップアップ

----------------------- */
/* .popup-wrap {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}

.popup-wrap.active {
	opacity: 1;
	visibility: visible;
}

.popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 85%;
	text-align: center;
}

button#button {
	position: absolute;
	right: 0px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	top: -12px;
	border: none;
	font-size: 22px;
}

.popup-content img {
	width: 100%;
} */

/* #modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
} */

#modal-overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-mask {
	position: absolute;
	width: 100%;
	height: 100vh;
	opacity: 0.2;
	background: rgba(123, 123, 123, 0.2);
	/* 背面のbodyを少しだけ暗くし、操作できないニュアンスを出す */
}

.modal-container {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 95%;
	transform: translate(-50%, -50%);
}

.modal-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 85%;
	text-align: center;
	margin: 10px auto;
	height: auto;
}

button.modal_close {
	position: absolute;
	position: absolute;
	right: -5px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	top: -12px;
	border: none;
	font-size: 22px;
}

.modal-inner img {
	width: 100%;
}

@media only screen and (min-width: 750px) {
img.pc {
	width: 100%;
}

.pc_flex{
	display: flex;
	justify-content: space-between;
}

h1 {
	color: #FF9900;
	font-weight: bold;
	font-size: 25px;
	letter-spacing: .04em;
	text-align: center;
	margin-top: 0;
}

h1::after {
	display: block;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.5;
	letter-spacing: .02em;
	content: attr(data-label);
	color: #333;
}

li {
	list-style: none;
}

li a {
	text-decoration: none;
}

h2,
h1 {
	font-size: 45px;
}

p {
	font-size: 20px;
}

section{
	padding: 100px 0;
}

.arrow-round {
	position: relative;
	display: inline-block;
	padding: 10px;
	border-radius: 50%;
	top: -7px;
}

.arrow-round::before {
	content: '';
	width: 11px;
	height: 11px;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
	position: absolute;
}

.top_title {
	padding: 25px 0;
}

.top_title h2 {
	font-size: 55px;
}

.breadcrumb-001 {
	list-style: none;
	padding: 15px 0;
	font-size: 14px;
}

/* スクロールタブ */
.scloll_tab {
	background-color: #fff;
	width: 48.9%;
	height: 100px;
	font-size: 25px;
}

.scloll_tab::before {
	width: 33px;
	height: 33px;
}

.scloll_tab::after {
	right: 8px;
	box-sizing: border-box;
	width: 16px;
	height: 11px;
	border: 11px solid transparent;
	border-left: 11px solid #fff;
}

.arrow-2::before,
.arrow-2::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 17px;
}

.arrow-2::after {
	right: 22px;
	rotate: 90deg;
	top: 14px;
}

.scloll_tab:first-child {
	border-right: 3px solid #FF9900;
	border-bottom: 3px solid #FF9900;
	border-top: 3px solid #FF9900;
}

.scloll_tab:nth-child(2) {
	border-bottom: 3px solid #FF9900;
	border-top: 3px solid #FF9900;
}

.scloll_tab:nth-child(3) {
	border-right: 3px solid #FF9900;
	border-bottom: 3px solid #FF9900;
}

.scloll_tab:last-child {
	border-bottom: 3px solid #FF9900;
}

/* エリア */
img.area_image {
	display: flex;
	width: 40%;
	margin: 35px auto;
	padding-left: 40px;
}

.accordion-area {
	list-style: none;
	width: 80%;
	margin: 22px auto;
	padding-left: 0;
	font-size: 23px;
}

/* サービスエリア */
.list_box img {
	width: 65%;
}

.list_box {
	background-color: #F5F3E7;
	width: 80%;
}

.service_area a {
	width: 23%;
}

.list_box p {
	margin-bottom: 10px;
	margin-top: 8px;
	font-size: 25px;
}

/* ナビゲーション */
.nav li {
	font-size: 25px;
	font-weight: bold;
	padding: 10px 0 10px 15px;
	border-bottom: 2px solid #FFA700;
	color: #FFA700;
	font-family: Futura, 'Century Gothic', 游ゴシック体, YuGothic;
	font-weight: bold;
	max-width: none;
	margin: 0 auto;
	width: 90%;
}

.nav_line {
	border-top: 2px solid #FFA700;
}

.nav_service_inner{
	padding: 30px 8px;
	width: 90%;
	justify-content: space-between;
}

.nav_service_inner a{
	width: 20%;
}

/* footer */
.overview {
	margin: 45px 0px;
}

.copy_area p{
	font-size: 15px;
}

.copy_area{
	padding-bottom: 0;
}

p.item {
	padding-left: 8px;
	font-size: 22px;
	padding: 5px 15px;
	margin: 15px 0;
}

p.item_inr {
	padding-left: 15px;
	font-size: 22px;
	margin: 0;
}

.btn_area {
	text-align: center;
	padding: 35px 55px 30px;
	width: 100%;
}

.btn_area img {
	width: 98%;
}

.pc_f_flex {
	display: flex;
	align-items: flex-start;
	padding-left: 40px;
	padding-top: 35px;
	padding-bottom: 20px;
}

img.f_logo {
	width: 25%;
}

.footer_nav_area {
	padding-left: 15px;
	width: 100%;
	padding-left: 77px;
}

ul.f_nav_list.f_nav_fst {
	width: 45%;
}

ul.f_nav_list li {
	font-size: 22px;
	padding: 5px 0 0;
}

ul.f_nav_list span {
	font-size: 20px;
	padding-left: 1em;
	text-align: start;
	margin: 3px 0;
}


/* コンタクトボタン */
.cb_item {
	width: 322px;
	margin: 0 auto;
	padding: 5px 0;
	border: 2px solid #FF7A00;
	border-radius: 18px;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .2));
	background-color: #fff;
	color: #FF7A00;
	font-size: 18px;
	margin-top: -58px;
	margin-bottom: 25px;
}

.contact_flex{
	display: flex;
}

.cash {
	background-color: #fff;
	border: 2px solid #CBC9C9;
	margin-top: 40px;
	margin-bottom: 40px;
}

.cash_flex img {
	width: 7%;
	margin: 0 6px;
}

img.cash_paypay {
	width: 17%;
}

span.c-bg_pink {
	background-color: #FCE7E7;
	padding: 5px 12px;
	font-size: 16px;
	margin-left: 13px;
	margin-right: 0;
}

p.cash_ttl {
	padding: 20px 0;
}

/* エリア(各都県) */
.accordion-container {
	max-width: 980px;
	margin: 30px auto 0;
	width: 80%;
}

.accordion-item {
	border: 2px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	overflow: hidden;
}

.accordion-title {
	font-weight: bold;
	padding: 15px 15px;
	font-size: 20px;
}

.accordion-content {
	padding: 20px 25px;
	border-top: 1px solid #ccc;
	text-align: start;
}

.accordion-content a {
	text-decoration: underline;
	font-size: 20px;
	padding: 10px 5px;
}

.area_type-2 {
	background-color: #FFD319;
	padding: 25px 0;
	margin-top: 60px;
	text-align: center;
}

.area_type-2 h1 {
	font-size: 30px;
	margin-top: 15px;
}

/* ポップアップ */
.modal-inner{
	width: 35%;
	top: 55%;
}

/* pc追従 */
.header-2_pc {
	width: 100vw;
	position: fixed;
	z-index: 9999999999;
	height: 95px;
	justify-content: flex-end;
	align-items: center;
	bottom: 0px;
	padding-bottom: 0px;
	background-color: #615D5D;
}

.h-2_flex {
	display: flex;
	align-items: center;
	width: 85%;
	margin: 20px auto;
	max-width: 1260px;
	text-align: center;
}

.h-2_flex span {
	color: #fff;
	width: 78%;
	font-size: 17px;
}

.h-2_flex img {
	width: 31%;
	margin: 0 7px;
}

.hd-banner {
	bottom: 100px;
	left: 50%;
	width: 47%;
	margin: 0px auto;
}

.banner-copy {
	font-size: 20px;
	padding: 12px 0;
}

.banner-close {
	top: 10px;
	right: -4px;
	padding: 0px 8px;
	border-radius: 25px;
	font-size: 20px;
}

/* ページトップスクロール */
#pagetop {
	width: 65px;
	height: 65px;
	right: 35px;
	bottom: 120dpx;
}

#pagetop a {
	width: 65px;
	height: 65px;
}

#pagetop a::before {
	font-weight: 900;
	font-size: 45px;
	width: 26px;
	height: 70px;
	top: 10px;
	bottom: 10px;
}
}