/* CSS Document */

/* ========================================================================
  Common style
======================================================================== */
img,
picture {
    width: 100%;
    height: auto;
}
@media screen and (min-width:1080px) {
	img,
	picture{
		max-width: 100%;
		width: auto;
	}
}
.wrap{
	border-top: 3px solid #dc0e09;
	overflow: hidden;
}
@media screen and (min-width:1080px) {
	.wrap{
		border-top: 2px solid #dc0e09;
	}
}
.header{
	background-position: top 7px right 40px, top left;
}
@media screen and (min-width:1080px) {
	.header{
		background-image: url("../img/common/bg_header_staff.png") ,url("../img/common/bg_header.jpg");
		background-repeat:no-repeat,repeat-x;
		background-position: top 7px right 40px, top left;
	}
}
.header__block{
	align-items: center;
	display: flex;
	padding: 2.8% 3.6% 2.93% 2.66%;
	position: relative;
}
@media screen and (min-width:1080px) {
	.header__block{
		align-items: center;
		display: flex;
		padding: 28px 0 24px;
		max-width: 1080px;
		margin: 0 auto;
	}
}
.header__logo{
	margin: 0 5.06% 0 0;
	width: 32.1%;
}
@media screen and (min-width:1080px) {
	.header__logo{
		margin: 0 24px 0 0;
		width: auto;
	}
}
.header__txt_sp{
	display: block;
	margin: 0 5.06% 0 0;
	width: 30.6%;
}
@media screen and (min-width:1080px) {
	.header__txt_sp{
		display: none;
	}
}
.header__txt_pc{
	display: none;
}
@media screen and (min-width:1080px) {
	.header__txt_pc{
		display: block;
		margin: 0 24px 0 0;
	}
}
.header-nav{
	display: none;
}
@media screen and (min-width:1080px) {
	.header-nav{
		background-color: #d00b07;
		display: block;
		padding: 11px 0;
	}
}
@media screen and (min-width:1080px) {
	.header-nav__list{
		align-items: center;
		display: flex;
		max-width: 1080px;
		margin: 0 auto;
	}
}
.header-nav__list li{
	border-bottom: 1px solid #ccc;
}
@media screen and (min-width:1080px) {
	.header-nav__list li{
		border-bottom: none;
		flex-basis: calc(100%/7);
	}
}
.header-nav__list li a{
	background-image: url("../img/common/sp/icon_nav.png");
	background-repeat: no-repeat;
	background-position: center left 5%;
	background-size: 6%;
	display: block;
	text-align: left;
	padding: 6.4% 0 6.4% 13%;
}
@media screen and (min-width:768px) {
	.header-nav__list li a{
		font-size: 3vw;
	}
}
@media screen and (min-width:1080px) {
	.header-nav__list li a{
		align-items: center;
		background-image: url("../img/common/line_nav.gif");
		background-position: top right;
		background-repeat: repeat-y;
		background-size: 2px;
		display: flex;
		justify-content: center;
		padding: 12px 0;
	}
}

@media screen and (min-width:1080px) {
	.header-nav__list li:last-child a{
		background-image: none;
	}
}
.header__tel_pc{
	display: none;
}
@media screen and (min-width:1080px) {
	.header__tel_pc{
		display: block;
	}
}
.header__tel_sp{
	border-right: 1px solid #c5c5c5;
	padding: 1% 5% 1% 0;
	display: block;
	width: 13%;
}
@media screen and (min-width:1080px) {
	.header__tel_sp{
		display: none;
	}
}
.header__tel_sp a{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.header__tel_img{
	margin:0 auto 5px;
}
.header__tel_txt{
	color: #dc0e09;
	font-size: 2.66vw;
	font-weight: bold;
}
@media screen and (min-width:1080px) {
	.header__menu{
		display: none;
	}
}

#menu .dl-trigger {
	position: absolute;
	top: 0.3%;
	right: 0;
	cursor: pointer;
}
#menu .dl-trigger img {
	height: 15vw;
}
.global-nav {
	position: fixed;
	right: -100%;
	top: calc(18vw);
	width: 71vw;
	height: 100vh;
	background-color: #fff;
	transition: all .6s;
	z-index: 200;
	overflow-y: auto;
	font-size: 3.5vw;
}
.hamburger {
	position: absolute;
	right: 3.6%;
	top: 7%;
	width: 8.4%;
	cursor: pointer;
	padding-top: 8.4%;
	z-index: 300;
}
@media screen and (min-width:480px) {
	.hamburger {
		top: 18.5%;
	}
}
@media screen and (min-width:768px) {
	.hamburger {
		top: 25%;
	}
}
.hamburger img {
	height: 15vw;
	width: auto;
}
.nav-open .hamburger {
	position: fixed;
	top: 1.3%;
}
@media screen and (min-width:480px) {
	.nav-open .hamburger {
		top: 4.7%;
	}
}
@media screen and (min-width:768px) {
	.nav-open .hamburger {
		top: 10%;
	}
}
.global-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.global-nav .menu_ttl {
	background: #e3e3e3;
	padding: 5%;
	font-weight: bold;
	border-bottom: 2px solid #cbc7c4;
}
.global-nav__item a {
	display: block;
	padding: 5% 5% 5% 14%;
	background: url(../img/common/icon_nav.png) no-repeat 5% 50%;
	background-size: 6%;
	border-bottom: 2px solid #cbc7c4;
	text-decoration: none;
	color: #111;
}
.global-nav__item a:hover {
	background-color: #eee;
}
.black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 100;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
	right: 0;
}
.nav-open .black-bg {
	opacity: .8;
	visibility: visible;
}
.hamburger__line {
    position: absolute;
    left: 0;
	right: 0;
	margin: auto;
    width: 80%;
    height: 3px;
    background-color: #dc0e09;
    transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 21px;
}
@media screen and (min-width:768px) {
	.hamburger__line--2 {
	  top: 23px;
	}
}
.hamburger__line--3 {
  top: 28px;
}
@media screen and (min-width:768px) {
	.hamburger__line--3 {
	  top: 32px;
	}
}
.header__memu_txt{
	color: #dc0e09;
	font-weight: bold;
	font-size: 2.66vw;
	position: absolute;
	top: 39px;
}
@media screen and (min-width:768px) {
	.header__memu_txt{
		top: 50px;
	}
}
.nav-open .header__memu_txt{
	color: #fff;
}
.nav-open .hamburger__line--1 {
	background-color: #fff;
	transform: rotate(45deg);
	top: 20px;
}
.nav-open .hamburger__line--2 {
	width: 0;
	left: 50%;
}
.nav-open .hamburger__line--3 {
	background-color: #fff;
	transform: rotate(-45deg);
	top: 20px;
}

.cv{
	padding: 4% 0 0 0;
}

.cv__txt{
	color: #fff;
	font-weight: bold;
	font-size: 6.13vw;
	position: absolute;
	text-align: center;
	text-shadow: -0.682px -0.731px 1px rgba(0, 0, 0, 0.21);
	top: 5.5%;
	left: 34%;
}
@media screen and (min-width:1080px) {
	.cv{
	}
}
.second .cv{
	padding: 0;
}
.cv .container{
	position: relative;
}
@media screen and (min-width:1092px) {
	.cv .container{
		max-width: 1092px;
		margin: 0 auto;
	}
}
@media screen and (min-width:768px) {
	.second .cv .container{
		padding: 0 3%;
	}
}
@media screen and (min-width:1098px) {
	.second .cv .container{
		padding: 0;
	}
}

@media screen and (min-width:899px) {
	.cv__ttl{
		margin: 0 1.08% 0 0;
	}
	.cv__img{
		margin: 0 1.08% 0 0;
	}
}
@media screen and (min-width:899px) {
	.cv__txt{
		font-size: 4.26vw;
		top: 13%;
		left: 26%;
	}
}
@media screen and (min-width:1080px) {
	.cv__txt{
		font-size: 50px;
		top:103px;
		left: 22%;
	}
}
@media screen and (min-width:1080px) {
	.second .cv__txt{
		top:103px;
	}
}
.cv__txt span{
	font-size: 4.53vw;
}
@media screen and (min-width:1080px) {
	.cv__txt span{
		font-size: 42px;
	}
}
.cv__time{
	background-color: #fff;
	border: 2px solid #191919;
	border-radius: 4px;
	font-size: 3vw;
	font-weight: bold;
	position: absolute;
	top: 54%;
	left: 6.5%;
	padding: 0;
	line-height: 1.6;
	width: 60%;
	text-align: center;
}
.cv__txt .is_sp{
	display: block;
}
@media screen and (min-width:900px) {
	.cv__txt .is_sp{
		display: none;
	}
}
@media screen and (min-width:900px) {
	.cv__time{
		border: none;
		border-radius: 4px;
		font-size: 18px;
		top: inherit;
		bottom: 117px;
		right: 62px;
		left: inherit;
		padding: 16px 0 14px;
		line-height: 1.6;
		width: 202px;
	}
}
.cv__time > span{
	color: #dc0e09;
	font-size: 3.73vw;
}
@media screen and (min-width:900px) {
	.cv__time > span{
		font-size: 2vw;
	}
}
@media screen and (min-width:1080px) {
	.cv__time > span{
		font-size: 24px;
	}
}
.cv__time br{
	display: none;
}
@media screen and (min-width:900px) {
	.cv__time br{
		display: block;
	}
}
.cv__time::after {
	background-image:url("../img/index/sp/arrow_cv_time.jpg");
	background-size: 100%;
	content: "";
	display: block;
	width: 8px;
	height:11px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -11px;
	margin: auto;
}
@media screen and (min-width:1080px) {
	.cv__time::after {
		display: none;
	}
}
.cv__call{
	position: absolute;
	top:65%;
	left: 0;
	right: 0;
	margin: auto;
	width: 87%;
}


@media screen and (min-width:900px) {
	.cv__call{
		display: none;
	}
}
.footer{
	background-color: #2d2d2d;
	padding: 12.6% 0 17.46%;
}
@media screen and (min-width:768px) {
	.footer{
		background-color: #2d2d2d;
		padding: 6.3% 0 8.5%;
	}
}
@media screen and (min-width:1080px) {
	.footer{
		padding: 60px 0 80px;
	}
}
@media screen and (min-width:1080px) {
	.footer .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.footer-nav__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0 8.8% 6%;
}
@media screen and (min-width:1080px) {
	.footer-nav__list{
		justify-content: space-between;
		margin:0 auto 63px;
		width: 980px;
	}
}
.footer-nav__list li{
	display: flex;
	flex-basis: 50%;
	flex-wrap: wrap;
	margin-bottom: 6%;
}
@media screen and (min-width:1080px) {
	.footer-nav__list li{
		display: flex;
		flex-basis: 20%;
		margin-bottom: 20px;
	}
}
.footer-nav__list li a{
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 2.93vw;
	flex-wrap: nowrap;
	padding: 0 0 0 5%;
	position: relative;
	width: 100%;
}
@media screen and (min-width:768px) {
	.footer-nav__list li a{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.footer-nav__list li a{
		font-size: 16px;
		padding: 0 0 0 6%;
	}
}
.footer-nav__list li a::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 24%;
	left: 0;
}
@media screen and (min-width:768px) {
	.footer-nav__list li a::before{
		border-width: 6.5px 0 6.5px 7px;
		margin: 0 10px 0 0;
	}
}
@media screen and (min-width:1080px) {
	.footer-nav__list li a::before{
		top: 12%;
	}
}
.footer-nav__list li a:hover{
	text-decoration: underline;
}
.footer__copy{
	color: #fff;
	display: flex;
	font-size: 2.93vw;
	justify-content: center;
}
@media screen and (min-width:768px) {
	.footer__copy{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.footer__copy{
		font-size: 18px;
	}
}
.breadcrumbs .container{
	max-width: 1080px;
	margin: 0 auto;
}
.breadcrumbs__list{
	display: flex;
	padding: 2.93% 0 8.26% 4%;
}
@media screen and (min-width:1080px) {
	.breadcrumbs__list{
		padding: 13px 0 75px;
	}
}
.breadcrumbs__list > li{
	font-size: 2.13vw;
}
@media screen and (min-width:1080px) {
	.breadcrumbs__list > li{
		font-size: 13px;
	}
}
.breadcrumbs__list > li a{
	color: #3c54ab;
	text-decoration: underline;
}
.breadcrumbs__list > li a::after{
	content: " > ";
	display: inline-block;
	margin: 0 10px;
}

.is_pc{
	display: none;
}
@media screen and (min-width:1080px) {
	.is_pc{
		display: block;
	}
}
.is_sp{
	display: block;
}
@media screen and (min-width:1080px) {
	.is_sp{
		display: none;
	}
}
/* ========================================================================
 01 Top
======================================================================== */
.key{
	padding: 0;
}
@media screen and (min-width:769px) {
	.key{
		background-image: url("../img/index/bg_key.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 20px 5% 0;
	}
}
@media screen and (min-width:1024px) and (max-width:1600px) {
	.key{
		background-image: url("../img/index/bg_key.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 20px 0 0 0;
	}
}
@media screen and (min-width:1600px) {
	.key{
		background-image: url("../img/index/bg_key.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 1600px;
	}
}
.key .container{
	position: relative;
}
@media screen and (min-width:1080px) {
	.key .container{
		max-width: 1160px;
		margin: 0 auto;
	}
}
.key__copy{
	background-color: #dc0e09;
	font-size: 4.8vw;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 19%;
	left: 5%;
	padding: 1.5% 3%;
}
@media screen and (min-width:769px) {
	.key__copy{
		font-size: 3.2vw;
		top: 14%;
		left: 5%;
		padding: 1.5% 3%;
	}
}
@media screen and (min-width:1080px) {
	.key__copy{
		font-size: 28px;
		padding: 12px 19px;
		top: 115px;
		left: 18px;
	}
}

.measures{
	background-image: url("../img/index/bg_measures.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 6.66% 2.66% 7.33%;
}
@media screen and (min-width:1080px) {
	.measures{
		padding: 55px 0 45px;
	}
}
.measures .container{
}
@media screen and (min-width:1080px) {
	.measures .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.measures .measures__ttl{
	display: flex;
	justify-content: center;
	margin:0 auto 6.66%;
	width: 63.7%;
}
@media screen and (min-width:1080px) {
	.measures .measures__ttl{
		margin-bottom: 55px;
		width: auto;
	}
}
.measures__list{
	display: flex;
	justify-content: space-between;
}
.measures__list li{
	flex-basis: 22.9%;
}
@media screen and (min-width:1080px) {
	.measures__list li{
		flex-basis: 246px;
	}
}
.medal{
	background-image: url("../img/index/sp/bg_medal.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 10.6% 2.66% 6.4%;
}
@media screen and (min-width:1080px) {
	.medal{
		background-image: url("../img/index/bg_medal.jpg");
		padding: 75px 0 36px;
	}
}
.medal .container{
}
@media screen and (min-width:1080px) {
	.medal .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.medal__ttl{
	display: flex;
	justify-content: center;
	margin-bottom: 6.66%;
}
@media screen and (min-width:1080px) {
	.medal__ttl{
		margin-bottom: 25px;
	}
}
.medal__img{
	display: flex;
	justify-content: center;
	margin-bottom: 5.86%;
}
@media screen and (min-width:1080px) {
	.medal__img{
		margin-bottom: 15px;
	}
}
.medal__notice{
	font-size: 2.13vw;
	line-height: 1.4;
	text-indent: -1.3em;
	padding-left: 1.3em;
}
@media screen and (min-width:768px) {
	.medal__notice{
		font-size: 1.6vw;
	}
}
@media screen and (min-width:1080px) {
	.medal__notice{
		font-size: 12px;
		margin: 0 0 0 140px;
	}
}

.secret{
	background-image: url("../img/index/sp/bg_secret01.jpg"),url("../img/index/sp/bg_secret02.jpg");
	background-repeat: no-repeat;
	background-position: top center,top 100% center;
	background-size: 100%;
	padding: 8.8% 6.66%;
}
@media screen and (min-width:1080px) {
	.secret{
		background-image: url("../img/index/bg_secret01.jpg"),url("../img/index/bg_secret02.jpg");
		background-repeat: no-repeat;
		background-position: top center,top 1000px center;
		background-size: 1600px;
		padding: 75px 0 36px;
	}
}
@media screen and (min-width:1080px) {
	.secret .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.secret__ttl{
	display: flex;
	justify-content: center;
	margin-bottom: 8%;
}
@media screen and (min-width:768px) {
	.secret__ttl{
		width: 60%;
		margin: 0 auto 5%;
	}
}
@media screen and (min-width:1080px) {
	.secret__ttl{
		margin-bottom: 60px;
	}
}
.secret__list{
	padding: 6% 0 0 0;
}
@media screen and (min-width:768px) {
	.secret__list{
		padding: 0;
	}
}
.secret__list li{
	margin-bottom: 10.6%;
}
@media screen and (max-width:375px) {
	.secret__list li{

	}
}
@media screen and (min-width:376px) and ( max-width:768px) {
	.secret__list li{

	}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.secret__list li{

		margin-bottom: 5.6%;
	}
}
@media screen and (min-width:1080px) {
	.secret__list li{
		margin-bottom: 66px;

	}
}
.secret__list li:last-child{
	margin-bottom: 0;
}
@media screen and (min-width:1080px) {
	.secret__list li:last-child{
		margin-bottom: 66px;
	}
}
.secret__block{
	background-image: url("../img/index/sp/bg_secret_block.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom center;
	position: relative;
	margin-bottom: 0;
	padding: 0 0 9%;
}
@media screen and (min-width:768px) {
	.secret__block{
		align-items: center;
		background-image: url("../img/index/bg_secret_block.png");
		background-repeat: no-repeat;
		display: flex;
		padding: 6px;
	}
}
@media screen and (min-width:1080px) {
	.secret__block{
		padding: 8px;
	}
}
.secret__balloon{
	position: absolute;
	top: -6%;
	left: 0;
	right: 0;
	margin: auto;
	width: 43.8%;
}
@media screen and (min-width:768px) {
	.secret__balloon{
		display: none;
	}
}
.secret__img{
	margin-bottom: 6.3%;
}
@media screen and (min-width:768px) {
	.secret__img{
		flex-basis: 45.4%;
		margin: 0 3% 0 0;
	}
}
@media screen and (min-width:1080px) {
	.secret__img{
		flex-basis: 46%;
		margin: 0 58px 0 0;
	}
}
.secret__detail{
	flex-basis: 50%;
}
@media screen and (min-width:1080px) {
	.secret__detail{
	}
}
.secret__block:first-child .secret__sttl{
	width: 73.6%;
	margin: 0 auto 6.3%;
}
@media screen and (min-width:768px) {
	.secret__block:first-child .secret__sttl{
		margin: 0 0 5%;
	}
}
@media screen and (min-width:1080px) {
	.secret__block:first-child .secret__sttl{
		margin: 0 0 50px;
		width: auto;
	}
}
.secret__block:nth-child(2) .secret__sttl{
	width: 67%;
	margin: 0 auto 6.3%;
}
@media screen and (min-width:768px) {
	.secret__block:nth-child(2) .secret__sttl{
		margin: 0 0 5%;
	}
}
@media screen and (min-width:1080px) {
	.secret__block:nth-child(2) .secret__sttl{
		margin: 0 0 40px;
		width: auto;
	}
}
.secret__block:last-child .secret__sttl{
	width: 49.0%;
	margin: 0 auto 4.26%;
}
@media screen and (min-width:768px) {
	.secret__block:last-child .secret__sttl{
		margin: 0 0 5%;
	}
}
@media screen and (min-width:1080px) {
	.secret__block:last-child .secret__sttl{
		margin: 0 0 40px;
		width: auto;
	}
}
.secret__txt{
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
@media screen and (min-width:768px) {
	.secret__txt{
		font-size: 2.2vw;
		text-align: left;
	}
}
@media screen and (min-width:1080px) {
	.secret__txt{
		font-size: 28px;
		width: 480px;
	}
}
.secret__txt > span{
	color: #dc0e09;
}
.tv{
	background-image: url("../img/index/sp/bg_tv.jpg");
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 100%;
	padding: 6.66% 5.33%;
}
@media screen and (min-width:1080px) {
	.tv{
		background-image: url("../img/index/bg_tv.jpg");
		background-position: top center;
		background-repeat: repeat-y;
		background-size: 1600px;
		padding: 88px 0 59px;
	}
}
@media screen and (min-width:1080px) {
	.tv .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
@media screen and (min-width:1080px) {
	.tv-head{
		display: flex;
		justify-content: center;
		margin-bottom: 40px;
	}
}
.tv-head__ttl{
	width: 66.6%;
	margin: 0 auto 7.73%;
 }
@media screen and (min-width:1080px) {
	.tv-head__ttl{
		width: auto;
		margin: 25px 40px 0 0;
	}
}
.tv-head__img{
	display: none;
}
@media screen and (min-width:1080px) {
	.tv-head__img{
		display: block;
	}
}
.tv-program__block{
	background-color: #fff;
	padding: 5.33%;
}
@media screen and (min-width:1080px) {
	.tv-program__block{
		display: flex;
		justify-content: space-between;
		padding: 54px 14px 54px 50px;
	}
}
.tv-program__list li{
	font-size: 3.2vw;
	margin-bottom: 10px;
}
@media screen and (min-width:768px) {
	.tv-program__list li{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.tv-program__list li{
		font-size: 15px;
		margin-bottom: 15px;
	}
}
.tv-program__list li::before{
	color: #c80000;
	content: "●";
	display: inline-block;
	margin: 0 4px 0 0;
}
.tv-program__list li > span{
	color: #c80000;
}


.license{
	padding: 13.8% 5.33% 4.26%;
}
@media screen and (min-width:1080px) {
	.license{
		padding: 100px 0;
	}
}
@media screen and (min-width:1080px) {
	.license .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.license__ttl{
	background-color: #303030;
	padding: 4.47% 19.4%;
}
@media screen and (min-width:1080px) {
	.license__ttl{
		text-align: center;
		padding: 25px 0;
		width: auto;
	}
}
.license__block{
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	padding: 6%;
}
@media screen and (min-width:1080px) {
	.license__block{
		align-items: center;
		border-bottom: 4px solid #000;
		border-left: 4px solid #000;
		border-right: 4px solid #000;
		display: flex;
		padding: 47px 64px;
	}
}
.license__img{
	margin-bottom: 8.95%;
}
@media screen and (min-width:1080px) {
	.license__img{
		margin-bottom: 0;
		margin-right: 50px;
	}
}
.license__list > li{
	font-size: 3.26vw;
	line-height: 1.6;
	position: relative;
	padding-left: 4%;
}
@media screen and (min-width:768px) {
	.license__list > li{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.license__list > li{
		font-size: 18px;
		padding-left: 14px;
	}
}
.license__list > li::before{
	background-color: #c80000;
	border-radius: 50%;
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 7px;
	left: 0;
}
@media screen and (min-width:1080px) {
	.license__list > li::before{
		width: 6px;
		height: 6px;
		top: 10px;
	}
}


@media screen and (min-width:768px) {
	.comparison{
		padding: 0 5.33% 6.4%;
	}
}
@media screen and (min-width:1080px) {
	.comparison{
		background-image: url("../img/index/bg_comparison.jpg");
		background-repeat: repeat-x;
		background-position: top left;
		padding: 0 0 100px;
	}
}
@media screen and (min-width:1080px) {
	.comparison .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}

.comparison_ttl{
	display: flex;
	justify-content: center;
}
.comparison_img{
	display: flex;
	justify-content: center;
}


.estimate{
	background-image: url("../img/index/bg_estimate.jpg");
	background-repeat: repeat;
	padding: 8% 5.33% 10%;
}
@media screen and (min-width:1080px) {
	.estimate{
		padding: 60px 0;
	}
}
@media screen and (min-width:1080px) {
	.estimate .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.estimate__ttl{
	background-color: #303030;
	display: flex;
	justify-content: center;
	padding: 3.58% 11.9%;
	margin-bottom: 5.86%;
}
@media screen and (min-width:1080px) {
	.estimate__ttl{
		display: flex;
		justify-content: center;
		padding: 22px 0 18px;
		margin-bottom: 45px;
	}
}
.estimate__list{
}
@media screen and (min-width:1080px) {
	.estimate__list{
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
	}
}
.estimate__list li{
	align-items: center;
	display: flex;
	justify-content: space-between;
	flex-basis: 320px;
	position: relative;
	padding-bottom: 12.6%;
}
@media screen and (min-width:1080px) {
	.estimate__list li{
		flex-basis: 320px;
		flex-wrap: wrap;
		position: relative;
		padding-bottom: 0;
	}
}
.estimate__list li:last-child{
	padding-bottom: 0;
}
.estimate__list li:not(:last-child)::after{
	background-image: url("../img/index/sp/arrow_estimate.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	content: "";
	display: block;
	width: 19.5px;
	height: 24px;
	position: absolute;
	bottom:5.5%;
	right:0;
	left: 0;
	margin: auto;
}
@media screen and (min-width:1080px) {
	.estimate__list li:not(:last-child)::after{
		background-image: url("../img/index/arrow_estimate.png");
		background-position: 0 0;
		background-size: 100%;
		content: "";
		display: block;
		width: 40px;
		height: 31px;
		position: absolute;
		top:145px;
		right: -49px;
		bottom: inherit;
		left: inherit;
	}
}
.estimate__img{
	flex-basis: 47%;
}
@media screen and (min-width:1080px) {
	.estimate__img{
		flex-basis: auto;
		margin-bottom: 25px;
	}
}
.estimate__detail{
	flex-basis: 45.9%;
}
@media screen and (min-width:1080px) {
	.estimate__detail{
		flex-basis: 100%;
		margin-bottom: 25px;
	}
}
.estimate__sttl01,
.estimate__sttl02,
.estimate__sttl03{
	align-items: center;
	display: flex;
	margin-bottom: 12.2%;
}
@media screen and (min-width:1080px) {
	.estimate__sttl01,
	.estimate__sttl02,
	.estimate__sttl03{
		align-items: center;
		display: flex;
		height: 60px;
		margin-bottom: 25px;
	}
}
.estimate__sttl01{
	width: 90.5%;
}
@media screen and (min-width:1080px) {
	.estimate__sttl01{
		width: auto;
	}
}
.estimate__sttl02{
	width: 65.1%;
}
@media screen and (min-width:1080px) {
	.estimate__sttl02{
		width: auto;
	}
}
.estimate__sttl03{
	width: 75%;
}
@media screen and (min-width:1080px) {
	.estimate__sttl03{
		width: auto;
	}
}
.estimate__txt{
	font-size: 3.2vw;
	line-height: 1.6;
}
@media screen and (min-width:768px) {
	.estimate__txt{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.estimate__txt{
		font-size: 18px;
	}
}

.call-center{
	background-color: #fbebeb;
	padding: 8% 5.33%;
}
@media screen and (min-width:1080px) {
	.call-center{
		padding: 50px 0 60px;
	}
}
@media screen and (min-width:1080px) {
	.call-center .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.call-center__ttl{
	margin:0 auto 7%;
	width: 65.6%;
}
@media screen and (min-width:1080px) {
	.call-center__ttl{
		display: flex;
		justify-content: center;
		margin-bottom: 55px;
		width: auto;
	}
}
.call-center__list{
	display: flex;
	justify-content: space-between;
}
@media screen and (min-width:1080px) {
	.call-center__list{
		width: 918px;
		margin: 0 auto;
	}
}
.call-center__list li{
	border: 3px solid #f1b5b5;
	flex-basis: 30%;
}
@media screen and (min-width:1080px) {
	.call-center__list li{
		border: 5px solid #f1b5b5;
		flex-basis: auto;
	}
}
.guarantee{
}
@media screen and (min-width:1080px) {
	.guarantee{
		background-image: url( "../img/index/bg_guarantee01.jpg"),url("../img/index/bg_guarantee_block.jpg");
		background-repeat: repeat-x, no-repeat;
		background-position: top left, top 201px center;
		background-color: #555;
		background-image: 1px ,1600px;
	}
}
@media screen and (min-width:1080px) {
	.guarantee .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.guarantee__ttl{
	background-color: #dc0d03;
	display: flex;
	justify-content: center;
	padding: 5.33% 8.53% 5.33%;
	position: relative;
}
@media screen and (min-width:1080px) {
	.guarantee__ttl{
		background-image: url("../img/index/bg_guarantee_ttl.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		display: flex;
		justify-content: center;
		padding: 37px 0 34px;
		position: relative;
	}
}
@media screen and (min-width:1080px) {
	.guarantee__ttl::after{
		background-image: url("../img/index/arrow_guarantee_ttl.png");
		background-repeat: no-repeat;
		background-position: top left;
		content: "";
		display: block;
		width: 61px;
		height: 36px;
		position: absolute;
		bottom:-35px;
		left: 0;
		right: 0;
		margin: auto;
	}
}
.guarantee__block{
	background-image: url("../img/index/sp/bg_guarantee_block.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 12% 8%;
}
@media screen and (min-width:1080px) {
	.guarantee__block{
		background-image: none;
		padding: 123px 0 109px;
	}
}
@media screen and (min-width:1080px) {
	.guarantee__list{
		display: flex;
		justify-content: space-between;
	}
}
.guarantee__list li{
	background-color: rgba(255,255,255,0.90);
	padding:0 0 9%;
	margin-bottom: 5.33%;
}
@media screen and (min-width:768px) {
	.guarantee__list li{
		margin-bottom: 0;
	}
}
@media screen and (min-width:1080px) {
	.guarantee__list li{
		flex-basis: 520px;
		padding: 0 0 64px;
		margin-bottom: 0;
	}
}
.guarantee__balloon01,
.guarantee__balloon02{
	background-color: #212121;
	display: flex;
	justify-content: center;
	position: relative;
}
@media screen and (min-width:1080px) {
	.guarantee__balloon01,
	.guarantee__balloon02{
		display: flex;
		justify-content: center;

	}
}
.guarantee__balloon01{
	padding: 4.76% 15.3%;
}
@media screen and (min-width:1080px) {
	.guarantee__balloon01{
		padding: 35px 0;
	}
}
.guarantee__balloon02{
	padding: 4.76% 23%;
}
@media screen and (min-width:1080px) {
	.guarantee__balloon02{
		padding: 35px 0;
	}
}
.guarantee__balloon01::after,
.guarantee__balloon02::after{
	background-image: url("../img/index/arrow_guarantee.png");
	content: "";
	display: block;
	width: 24px;
	height: 20px;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: auto;
}
.guarantee__sttl01,
.guarantee__sttl02{
	align-items: center;
	display: flex;
	justify-content: center;
}
@media screen and (min-width:1080px) {
	.guarantee__sttl01,
	.guarantee__sttl02{
		align-items: flex-start;
		margin:60px 0 0;
		min-height: 140px;
	}
}
.guarantee__sttl01{
	margin:9.52% 36.4% 6.34%;
}
@media screen and (min-width:1080px) {
	.guarantee__sttl01{
		margin:60px 0 0;
	}
}
.guarantee__sttl02{
	margin:9.52% 22.8% 6.34%;
}
@media screen and (min-width:1080px) {
	.guarantee__sttl02{
		margin:60px 0 0;
	}
}

.guarantee__txt{
	font-size: 3.2vw;
	line-height: 1.6;
	margin: 0 6.34%;
}
@media screen and (min-width:768px) {
	.guarantee__txt{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.guarantee__txt{
		font-size: 18px;
		margin: 0 40px;
	}
}
@media screen and (min-width:1080px) {
	.guarantee__txt{
		font-size: 18px;
		margin: 0 40px;
	}
}

.warning{
	background-color: #fbd500;
}


@media screen and (min-width:1080px) {
	.payment__notice{
		font-size: 12px;
		text-align: right;
	}
}


/* ========================================================================
  10 お問い合わせ contact
======================================================================== */

#contact .key{
	background-image: url("../img/contact/sp/bg_key.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	padding: 13.0% 4.66% 12.5%;
}
@media screen and (min-width:1080px) and (max-width:1600px) {
	#contact .key{
		background-image: url("../img/contact/bg_key.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 1600px;
		background-color: #f4f4f4;
		padding: 0;
	}
}
@media screen and (min-width:1080px) {
	#contact .key .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
#contact h1{
	width: 24.4%;
}
@media screen and (min-width:1080px) {
	#contact h1{
		align-items: center;
		display: flex;
		height: 220px;
	}
}
.contact-contents{
	padding: 0 6.66% 35px;
}
@media screen and (min-width:1080px) {
	.contact-contents{
		padding: 0 0 80px;
	}
}
.contact-contents .container{
}
@media screen and (min-width:1080px) {
	.contact-contents .container{
		max-width: 1080px;
		margin: 0 auto;
	}
}
.contact-form{
	margin:0;
}
@media screen and (min-width:1080px) {
	.contact-form{
		margin: 0 100px;
	}
}
.contact-form__table{
	align-items: center;
	border-bottom: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12.3%;
}
@media screen and (min-width:1080px) {
	.contact-form__table{
		align-items: center;
		border-bottom: dotted 1px #828282;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;
	}
}
.contact-form__table:last-child{
	border-bottom: none;
}
.contact-form__table dt{
	align-items: center;
	background-color: #e4e4e4;
	display: flex;
	flex-basis: 100%;
	font-size: 4.26vw;
	font-weight: bold;
	padding: 3.53% 4.46%;
	margin-bottom: 9.23%;
}
@media screen and (min-width:768px) {
	.contact-form__table dt{
		font-size: 3.2vw;
		padding: 2% 2.2%;
		margin-bottom: 4.6%;
	}
}
@media screen and (min-width:1080px) {
	.contact-form__table dt{
		align-items: center;
		background-color: transparent;
		display: flex;
		flex-basis: 30%;
		font-size: 18px;
		font-weight: bold;
		padding: 20px 0;
		margin-bottom: 0;
	}
}
.contact-form__table input{
	border: 1px solid #5e5e5e;
	border-radius: 4px;
	font-size: 4.26vw;
	margin: 0 20px 0 0;
	padding: 5px;
	width: 47%;
}
@media screen and (min-width:768px) {
	.contact-form__table input{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.contact-form__table input{
		font-size: 18px;
		margin: 0 20px 0 0;
		padding: 5px;
	}
}
.contact-form__table dd{
	flex-basis: 100%;
}
@media screen and (min-width:1080px) {
	.contact-form__table dd{
		flex-basis: 70%;
		padding: 30px 0;
	}
}
.contact-form__name{
	align-items: center;
	display: flex;
}
.contact-form__name input:last-child{
	margin: 0;
}
.contact-form__kana{
	align-items: center;
	display: flex;
}
.contact-form__kana input:last-child{
	margin: 0;
}
.contact-form__mail{
	align-items: center;
	display: flex;
}
.contact-form__mail input{
	border: 1px solid #5e5e5e;
	border-radius: 4px;
	width: 100%;
	margin: 0;
}
@media screen and (min-width:1080px) {
	.contact-form__mail input{
		width: 450px;
	}
}
.contact-form__address .contact-form__block{
	align-items: center;
	display: flex;
	margin-bottom: 20px;
}
.contact-form__address .contact-form__block span{
	flex-basis: 90px;
	font-size: 18px;
}
.contact-form__address input{
	border: 1px solid #5e5e5e;
	border-radius: 4px;
	width: 70%;
	margin: 0;
}
@media screen and (min-width:1080px) {
	.contact-form__address input{
		width: 50%;
		margin: 0;
	}
}
.contact-form__address #post_code{
	width: 42%;
	margin: 0;
}
@media screen and (min-width:1080px) {
	.contact-form__address #post_code{
		width: 24.3%;
		margin: 0;
	}
}
.contact-form__address select{
	background-color: #fff;
	border: 1px solid #5e5e5e;
	border-radius: 4px;
	padding: 15px 5px;
}
.contact-form__textarea textarea{
	border: 1px solid #5e5e5e;
	border-radius: 4px;
	width: 100%;
	padding: 5px;
	height: 140px;
}
@media screen and (min-width:1080px) {
	.contact-form__textarea textarea{
		width: 590px;
		height: 220px;
		padding: 5px;
	}
}
.required{
	background-color: #dc0e09;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 2.93vw;
	padding: 1.6% 0 1.1%;
	margin: 0 0 0 6px;
	text-align: center;
	width: 13%;
}
@media screen and (min-width:768px) {
	.required{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.required{
		border-radius: 5px;
		font-size: 14px;
		padding: 5px 0;
		margin: 0 20px 0 6px;
		width: 60px;
	}
}
.privacy-area__block{
	border: 3px solid #cacaca;
	padding: 7.38% 5%;
	margin: 3.3% 0 6%;
}
@media screen and (min-width:1080px) {
	.privacy-area__block{
		border: 6px solid #cacaca;
		padding: 40px;
		margin: 50px 0 90px;
	}
}
.privacy-area__head{
	font-weight: bold;
	font-size: 4.26vw;
	margin-bottom: 8.46%;
	text-align: center;
}
@media screen and (min-width:768px) {
	.privacy-area__head{
		font-size: 3.2vw;
	}
}
@media screen and (min-width:1080px) {
	.privacy-area__head{
		font-size: 22px;
		margin-bottom: 40px;
	}
}
.privacy-area__txt{
	font-size: 2.93vw;
	line-height: 1.6;
	margin-bottom: 11.38%;
}
@media screen and (min-width:768px) {
	.privacy-area__txt{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.privacy-area__txt{
		font-size: 14px;
		margin-bottom: 55px;
	}
}
.privacy-area__agree{
	align-items: center;
	display: flex;
	font-size: 2.6vw;
	font-weight: bold;
	justify-content: space-between;
}
@media screen and (min-width:768px) {
	.privacy-area__agree{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.privacy-area__agree{
		font-size: 18px;
		justify-content: center;
	}
}
.privacy-area__agree input[type="checkbox"]{
	width: 13px;
	height: 13px;
	margin: 0 5px 0 0;
}
@media screen and (min-width:1080px) {
	.privacy-area__agree input[type="checkbox"]{
		width: 26px;
		height: 26px;
		margin: 0 10px 0 0;
	}
}
.submit-btn{
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
}
.submit-btn .submit {
	background-color: #fff;
    background-image: url(../img/contact/btn_submit.png);
    background-repeat: no-repeat;
    background-position: 0 0;
	background-size: 100%;
    border: none;
    cursor: pointer;
	display: flex;
    width: 90%;
	padding-top: 16%;
	justify-content: center;
	margin: 0 auto;
}
@media screen and (min-width:1080px) {
	.submit-btn .submit {
		background-image: url(../img/contact/btn_submit.png);
		width: 412px;
		height: 110px;
		padding: 0;
	}
}
.submit-btn .submit:disabled {
    background-image: url(../img/contact/btn_submit_off.png);
}
.contact-comfirm{
	max-width: 960px;
	margin: 0 auto;
}
.contact-comfirm__txt{
	font-size: 3.73vw;
	line-height: 1.6;
	margin-bottom: 30px;
}
@media screen and (min-width:768px) {
	.contact-comfirm__txt{
		font-size: 2vw;
	}
}
@media screen and (min-width:1080px) {
	.contact-comfirm__txt{
		font-size: 18px;
	}
}
.contact-comfirm table{
	border-top: 1px solid #ededed;
	margin-bottom: 60px;
}
.contact-comfirm table th{
	background-color: #ededed;
	border-bottom: 1px solid #fff;
	font-size: 3.73vw;
	padding: 5%;
	width: 30%;
}
@media screen and (min-width:768px) {
	.contact-comfirm table th{
		font-size: 2vw;
	}
}
@media screen and (min-width:1080px) {
	.contact-comfirm table th{
		font-size: 16px;
		padding: 10px;
	}
}
.contact-comfirm table td{
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 3.73vw;
	line-height: 1.6;
	padding: 5%;
	width: 70%;
}
@media screen and (min-width:768px) {
	.contact-comfirm table td{
		font-size: 2vw;
	}
}
@media screen and (min-width:1080px) {
	.contact-comfirm table td{
		font-size: 16px;
		padding: 10px;
	}
}
.contact-error{
	max-width: 960px;
	margin: 0 auto;
}
.contact-error table{
	margin-bottom: 60px;
}
.contact-error table td{
	font-size: 4.26vw;
	padding: 10px 0;
}
@media screen and (min-width:768px) {
	.contact-error table td{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.contact-error table td{
		font-size: 18px;
		padding: 10px 0;
	}
}
.contact-error .attention{
	color: #f00;
}
.contact-error__txt{
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 30px;
}

.contact-error .submit-btn{
	display: flex;
	justify-content: center;
}
@media screen and (min-width:1080px) {
	.contact-error .submit-btn{
		margin: 0 auto;
	}
}
.contact-thanks{
	max-width: 960px;
	margin: 0 auto;
}
.contact-thanks__txt{
	font-size: 3.73vw;
	line-height: 1.6;
}
@media screen and (min-width:768px) {
	.contact-thanks__txt{
		font-size: 2vw;
	}
}
@media screen and (min-width:1080px) {
	.contact-thanks__txt{
		font-size: 18px;
		padding: 10px 0;
	}
}
@media screen and (min-width: 767px) {.price_text{
background-image: url(../img/index/price_text_pc.png);
            width: 990px;
    height: 730px;
    padding: 300px 30px 0px 50px !important;
        margin: 20px auto 0px;
}
.price_text p a{
    text-decoration: underline;
	color:blue;
}
}
@media screen and (max-width: 768px) {.price_text{
background-image: url(../img/index/price_text_sp.png);
            idth: 100%;
    height: 100%;
    padding: 80% 4% 150% !important;
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 3vw;
}
.price_text p{
    font-size: 3vw;
}
.price_text p a{
    text-decoration: underline;
	color:blue;
}
}
@media screen and (min-width: 769px) {
    .sp_hide{
        display:none;
    }
}
@media screen and (max-width: 768px) {
    .pc_hide{
        display:none;
    }
}


/*WEB依頼ボタン*/

@media screen and (min-width: 900px) {
  .cv__web{
      display: inline-block;
      text-align: center;
      position: absolute;
      bottom: 12.5%;
      left: 17%;
  }
  .cv__web a{
      padding: 10px 20px;
      display: block;
  }
  .cv__web a:hover{
      opacity: 0.8;
  }
  .cv__call_a{
    display: none;
  }
  .cv__time_a{
        border: none;
        border-radius: 4px;
        font-size: 18px;
        font-weight: bold;
        bottom: 117px;
        right: 62px;
        padding: 16px 16px;
        line-height: 1.6;
        width: 212px;
        position: absolute;
        z-index: 999;
        background-color: #fff;
        text-align: center;
    }
    .cv__time_a > span{
        color: #dc0e09;
        font-size: 2vw;
    }
    .cv.web_counter .cv__web{
        bottom: 11.5%;
    }
    .cv.web_counter .cv__time{
        bottom: 315px;
    }
    .cv.web_counter .cv__time .pc_hide{
        display: none;
    }
}
@media screen and (max-width: 899px) {
  .cv__web{
      display: inline-block;
      text-align: center;
      position: absolute;
      bottom: 5%;
      left: 3.5%;
      width: 64%;
  }
  .cv__web a{
      padding: 10px 20px;
      display: block;
  }
  .cv__time_a{
    background-color: #fff;
    border: 2px solid #191919;
    border-radius: 4px;
    font-size: 3vw;
    font-weight: bold;
    position: absolute;
    top: 49%;
    left: 6.5%;
    padding: 0;
    line-height: 1.6;
    width: 60%;
    text-align: center;
  }
  .cv__time_a > span{
    color: #dc0e09;
    font-size: 3.73vw;
  }
  .cv__time_a > br{
    display: none;
  }
  .cv__time_a::after {
    background-image:url("../img/index/sp/arrow_cv_time.jpg");
    background-size: 100%;
    content: "";
    display: block;
    width: 8px;
    height:11px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    margin: auto;
  }
  .cv__call_a{
    position: absolute;
    top:58%;
    left: 0;
    right: 0;
    margin: auto;
    width: 87%;
  }
    .cv.web_counter .cv__call {
        top: 58%;
    }
    .cv.web_counter .cv__web{
        bottom: 4.5%;
    }
    .cv.web_counter .cv__time{
        bottom: inherit;
        font-size: 2.4vw;
        top: 82%;
        left: inherit;
        line-height: 1.2;
        right: 6.5%;
        width: 26%;
        text-align: left;
        padding:4px 0 4px 10px;
    }
    .cv.web_counter .cv__time > span{
        display: block;
    }
    .cv.web_counter .cv__time::after{
        display: none;
    }
    .cv.web_counter .cv__time .pc_hide{
        display: block;
    }
}
@media screen and (max-width: 480px) {
  .cv__web{
      left: 1.5%;
  }
}
/*追従バナー*/
.fixed-offer {
    background-color:rgba(255,255,255,0.9);
	bottom: 0;
	left: 0;
    right: 0;
	opacity: 0;
	position: fixed;
	transition: opacity .3s linear 0s;
    margin: auto;
    padding: 10px 0 6px;
}
@media screen and (max-width: 768px) {
    .fixed-offer {
        padding: 40px 2.66% 25px;
    }
}
@media screen and (max-width: 480px) {
    .fixed-offer {
        padding: 20px 2.66% 10px;
    }
}
.fixed-offer__inner{
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 640px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .fixed-offer__inner{
        max-width: 100%;
    }
}
.fixed-offer-is-invisible {
	opacity: 0;
}

.fixed-offer-is-invisible.fixed-offer-is-ended {
	left: 100%;
}

.fixed-offer-is-visible {
	opacity: 1 !important;
}
.fixed-offer .counter__item {
    font-size: 16px;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width: 768px) {
    .fixed-offer .counter__item {
        font-size: 2.8vw;
    }
}
@media screen and (max-width: 480px) {
    .fixed-offer .counter__item {
        font-size: 3.73vw;
    }
}
.fixed-offer__tel{
    pointer-events: none;
    flex-basis: 78%;
}
@media screen and (max-width: 768px) {
    .fixed-offer__tel{
        flex-basis: 76%;
        pointer-events: auto;
    }
}
.fixed-offer__btn{
    flex-basis: 16%;
}
@media screen and (max-width: 768px) {
    .fixed-offer__btn{
        flex-basis: 21.5%;
    }
}
.fixed-offer__btn:hover{
    opacity: 0.8;
}

/*申し込み人数の表示*/
.cv .cv__counter{
    width: 580px;
    position: absolute;
    bottom: 310px;
    left: 40px;
}
@media screen and (max-width: 768px) {
    .cv .cv__counter{
        width: 60%;
        top: 49%;
        left: 6%;    
    }
}
@media screen and (max-width: 480px) {
    .cv .cv__counter{
        width: 236px;
        top: 49%;
        left: 6%;    
    }
}
.fixed-offer .cv__counter{
    width: 420px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 0 0 24.5%;
}
@media screen and (max-width: 768px) {
    .fixed-offer .cv__counter{
        width: 80%;
        top: -24px;
        left: 0;
        right: 0;
        margin: auto;
    }
}
@media screen and (max-width: 480px) {
    .fixed-offer .cv__counter{
        width: 90%;
        top: -24px;
    }
}
.cv.web_counter .cv__counter{
    bottom: 406px;
}
@media screen and (max-width: 768px) {
    .cv.web_counter .cv__counter{
        bottom: inherit;
        top: 48%;
    }
}
.counter__item {
    background-color: #2e2e2e;
    border-radius: 8px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    text-align: center;
    padding: 8px 0;
    width: 100%;
    position: absolute;
}
@media screen and (max-width: 768px) {
    .counter__item {
        font-size: 2.4vw;
    }
}
@media screen and (max-width: 480px) {
    .counter__item {
        font-size: 2.89vw;
    }
}
.counter__item.active {
    opacity: 1;
}
.counter__item::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0px 0 17px;
    border-color: #2e2e2e transparent transparent transparent;
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .counter__item::after{
        border-width: 15px 0px 0 12px;
        bottom: -15px;
    }
}
@media screen and (max-width: 480px) {
    .counter__item::after{
        border-width: 10px 0px 0 7px;
        bottom: -10px;
    }
}
.fixed-offer .counter__item::after{
    border-width: 13px 0px 0 9px;
    bottom: -13px;
}
@media screen and (max-width: 480px) {
    .fixed-offer .counter__item::after{
        border-width: 9px 0px 0 7px;
        bottom: -9px;
    }
}
@media screen and (max-width: 768px) {
    .cv_count .cv__call{
        top: 58%;
    }
}
@media screen and (max-width: 480px) {
    .cv_count .cv__call{
        top: 60%;
    }
}
@media screen and (max-width: 768px) {
    .cv_count .cv__time {
        top: 85%;
    }
}
@media screen and (max-width: 480px) {
    .cv_count .cv__time {
        top: 85%;
    }
}
@media screen and (max-width: 768px) {
    .cv_count .cv__time::after{
        display: none;
    }
}
.cv_count .cv__time .pc_hide{
    display: none;
}
@media screen and (max-width: 767px) {
    .cv_count .cv__time .pc_hide{
        display: block;
    }
}

.trouble__safe{
    background-color: #fff;
    border: 8px solid #dadada;
    padding: 80px 35px;
}
@media screen and (max-width: 767px) {
    .trouble__safe{
        border: 6px solid #dadada;
        padding: 5.33%;
        margin: 0 2.66%;
    }
}
.trouble__safe_sttl{
    margin: -150px 0 30px 0;
}
@media screen and (max-width: 767px) {
    .trouble__safe_sttl{
        margin: -13% 0 20px;
    }
}
.trouble__safe_txt{
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
    .trouble__safe_txt{
        font-size: 3.73vw;
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 767px) {
    .trouble__safe_txt br{
        display: none;
    }
}
.trouble__safe_link{
    font-size: 18px;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .trouble__safe_link{
        font-size: 3.73vw;
    }
}
.trouble__safe_link::before{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 6px;
    border-color: transparent transparent transparent #386ba5;
    margin-right: 10px;
}
@media screen and (max-width: 767px) {
    .trouble__safe_link::before{
        margin-right: 6px;
    }
}
.trouble__safe_link a{
    color: #386ba5;
    text-decoration: underline;
}
.trouble__safe_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.trouble__safe_list li{
    flex-basis: 48%;
}
@media screen and (max-width: 767px) {
    .trouble__safe_list li{
        flex-basis: 100%;
        margin-bottom: 20px;
    }
    .trouble__safe_list li:last-child{
        margin-bottom: 0;
    }
}










/* ========================================================================
   ハチ駆除救急110番 LP スタイル
   ブレークポイント: SP < 769px / PC >= 769px
   鍵LPと同様、基本的に画像書き出しで対応。
   テキスト系コンテンツ（Q&A・警告文・都道府県一覧）のみCSSで整形。
======================================================================== */

/* ---- 共通上書き ---- */
.bee.top .wrap {
	border-top: 4px solid #f88c00;

}

/* ---- コンテナ共通 ---- */
.hero__container,
.trouble .container,
.risk .container,
.diy .container,
.bridge .container,
.bee-cv .container,
.reasons .container,
.price .container,
.location .container,
.flow .container,
.method .container,
.strengths .container,
.payment .container,
.staff .container,
.warning .container,
.faq .container,
.anytime .container,
.request .container {
	max-width: 1080px;
	margin: 0 auto;
}

/* ========================================================================
   01 ヒーロー
======================================================================== */
.hero {
	position: relative;
	overflow: hidden;
}
@media screen and (min-width: 769px) {
	.hero {
		background-color: #88c1ff;
		background-image: url(../img/index/key_bg.png);
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center center;
	}
}

.hero__logo{
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 4;
}

.hero__pc {
	position: relative;
	height: 100%;
	width: 100%;
}
.hero__container {
	position: relative;
	z-index: 3;
}
.hero__copy {
	display: inline-block;
	position: absolute;
	background-color: #f88c00;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	top: 17%;
	left: 1%;
	padding: 8px 16px;
}
.hero__main {
	display: block;
	width: auto;
	max-width: none;
	height: auto;
}
.hero__deco-left {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width:auto;
}
.hero__deco-right {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	width:auto;
}
.hero__sp img {
	display: block;
	width: 100%;
}
@media screen and (min-width: 769px) {
	.hero {
		height: 744px;
	}
}

@media screen and (max-width: 768px) {
	.hero__logo{
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 4;
		width: 155px;
	}


	.hero__copy {
		display: inline-block;
		position: absolute;
		background-color: #f88c00;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		top: 36%;
		left: 4%;
		padding: 8px 16px;
	}
}

/* ========================================================================
   02 CV
======================================================================== */
.cv {
	padding: 4% 0 0;
}
.cv .container {
	position: relative;
	max-width: 1092px;
	margin: 0 auto;
}
.cv__img {
	position: relative;
}
.cv__time > span {
	color: #e73604;
	font-size: 3.73vw;
}
.cv__time br {
	display: none;
}
/* 電話ボタン（SP: 画像上に絶対配置、PC: 非表示） */
.cv__call {
	position: absolute;
	top: 65%;
	left: 0;
	right: 0;
	margin: auto;
	width: 87%;
}
/* メール相談ボタン */
.cv__mail {
	padding: 0 4% 2%;
}
.cv__mail a img {
	transition: filter 0.2s;
}
.cv__mail a:hover img {
	filter: brightness(1.1);
}
/* エリアテキスト */
.cv__txt {
	color: #fff;
	font-weight: bold;
	font-size: 6.13vw;
	position: absolute;
	text-align: center;
	top: 5.5%;
	left: 34%;
}
.cv__txt span {
	font-size: 4.53vw;
}

@media screen and (min-width: 1080px) {
	.cv__txt {
		font-size: 50px;
		top: 103px;
		left: 22%;
	}
	.cv__txt span {
		font-size: 42px;
	}
}

@media screen and (min-width: 900px) {
	.cv__txt {
		font-size: 4.26vw;
		top: 13%;
		left: 26%;
	}

	.cv__time {
		font-size: 18px;
		top: auto;
		bottom: 184px;
		right: 62px;
		left: auto;
		padding: 16px 0 14px;
		width: 202px;
		border: none;
	}
	.cv__time > span {
		font-size: 24px;
	}
	.cv__time br {
		display: block;
	}
	.cv__call {
		display: none;
	}
	.cv__mail {
		position: absolute;
		bottom: 24%;
		left: 11%;
		padding: 0;
		margin: 0;
	}
}

@media screen and (max-width: 899px) {
	.cv {
		padding: 8% 0 0;
	}
	/* 時刻表示（SP: 画像上に絶対配置） */
	.cv__time {
		background-color: #fff;
		border: 2px solid #191919;
		border-radius: 4px;
		font-size: 3vw;
		font-weight: bold;
		position: absolute;
		top: 42%;
		left: 8.5%;
		padding: 0;
		line-height: 1.6;
		width: 60%;
		text-align: center;
	}
	.cv__call {
		top: 52%;
		left: 1%;
	}
	.cv__mail {
		position: absolute;
		bottom: 16%;
		left: 50%;
		padding: 0;
		margin: 0;
		width: 64%;
		transform: translateX(-50%);
	}
}




/* ========================================================================
   03 こんなトラブルが
======================================================================== */

.trouble {
	background: #1A1A1A url(../img/index/trouble_bg.png) no-repeat top center;
	background-size: cover;
	padding: 12% 0;
	text-align: center;
}
.trouble__ttl{
	margin-bottom: 8%;
}
.trouble__list {
	display: flex;
	flex-wrap: wrap;
	gap: 3%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.trouble__list li {
	width: calc(50% - 1.5%);
}
.trouble__list li picture,
.trouble__list li img {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.trouble {
		background: #262626 url(../img/index/sp/trouble_bg.jpg) no-repeat top center;
		background-size: 100% auto;
		padding: 12.5% 0;
	}
	.trouble__ttl{
		width: 80%;
		margin: 0 auto 8%;
	}
	.trouble__list{
		padding: 0 20px;
		gap: 10px;
	}
	.trouble__list li {
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 769px) {
	.trouble {
		padding: 100px 0;
	}
	.trouble__list li {
		width: calc(25% - 2.25%);
	}
}



/* ========================================================================
   04放置すると被害が
======================================================================== */
.risk {
	background: #262626;
	padding: 0 0 80px;
}
.risk__arrow {
	text-align: center;
	padding: 0 0 20px;
}
.risk__arrow img {
	display: inline-block;
	width: auto;
}
.risk__ttl {
	text-align: center;
	margin:40px 0 90px;
}
.risk__ttl img {
	max-width: 100%;
}
.risk__list {
	display: flex;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}
.risk__list li {
	flex: 0 0 auto;
}
.risk__list li img {
	display: block;
	max-width: 100%;
	width: auto;
}

@media screen and (min-width: 769px) {
	.risk__ttl {
		width: 72%;
		margin: 0 auto 64px;
	}
}

@media screen and (max-width: 768px) {
	.risk{
		margin: -1px;
		padding-bottom: 60px;
	}

	.risk__ttl {
		width: 60%;
		text-align: center;
		margin:20px auto 30px;
	}

	.risk__list {
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		padding: 0 20px;
		justify-content: center;
	}

	.risk__list li {
		width: calc(50% - 8px);
	}

	.risk__list li:first-child {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.risk__list li:first-child picture {
		width: calc(50% - 8px);
	}

	.risk__arrow{
		width: 30%;
		margin: 0 auto;
	}
}

/* ========================================================================
   05 DIYトラブル
======================================================================== */
.diy {
	background: #262626;
	padding: 0 0 80px;
}
.diy__arrow {
	text-align: center;
	padding: 0 0 10px;
}
.diy__arrow img {
	width: auto;
}
.diy__conclusion {
	position: relative;
	padding: 60px 0 50px;
}
.diy__conclusion-img {
	display: block;
	max-width: 70%;
	margin: 0 auto;
}
.diy__staff {
	position: absolute;
	right: 20px;
	bottom: 0;
	max-width: 36%;
	width: auto;
}
.diy__box {
	position: relative;
	background-color: #fff;
	border-radius: 8px;
	padding: 30px 30px 50px;
	overflow: hidden;
}
.diy__bg {
	position: absolute;
	top: 15px;
	left: 60px;
	width: 231px;
	height: 204px;
	z-index: 0;
}
.diy__ttl,
.diy__list {
	position: relative;
	z-index: 1;
}
.diy__ttl {
	margin: 30px 0 60px;
	text-align: center;
}
.diy__ttl img {
	display: inline-block;
	max-width: 100%;
	width: auto;
}
.diy__list {
	display: flex;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}
.diy__list li {
	flex: 0 0 auto;
}
.diy__list li {
	flex: 1;
	text-align: center;
}
.diy__list li img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
}
.diy__sttl {
	color: #000;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin: 2px 0 0;
	line-height: 1.3;
}
.diy__emphasis {
	color: #e73604;
	font-weight: 900;
}
.diy__txt {
	font-size: 18px;
	color: #000;
	text-align: center;
	margin: 8px 0 0;
	line-height: 1.8;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.diy {
		background: #262626;
		padding: 0 20px 40px;
	}
	.diy__ttl {
		margin: 10px auto 60px;
		text-align: center;
		width: 90%;
	}
	.diy__sttl {
		color: #000;
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		margin: 2px 0 0;
		line-height: 1.3;
	}
	.diy__list {
		flex-direction: column;
		gap: 24px;
	}
	.diy__item-label {
		font-size: 16px;
	}
	.diy__conclusion {
		position: relative;
		padding: 30px 0;
	}
	.diy__box {
		position: relative;
		background-color: #fff;
		border-radius: 8px;
		padding: 20px 20px 32px;
		overflow: hidden;
	}

	.diy__conclusion-img {
		max-width: 100%;
	}
	.diy__staff {
		display: none;
	}
	.diy__arrow {
		width: 30%;
		margin: 0 auto;
	}
	.diy__bg {
		position: absolute;
		top: 15px;
		left: 20px;
		width: 115px;
		height: 102px;
		z-index: 0;
	}
	.diy__list li {
		flex: 1;
		text-align:left;
	}
	.diy__list_block{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.diy__list_block_img{
		width: 45%;
	}

	.diy__list_block_txt{
		text-align: left;
		width: 50%;
	}

	.diy__txt {
		font-size: 14px;
		color: #000;
		text-align: justify;
		margin: 8px 0 0;
		line-height: 1.4;
		font-weight: 500;
	}
}

/* ========================================================================
   06 プロに任せると安心
======================================================================== */
.bridge .container {
	padding: 130px 0 0 0;
	text-align: center;
}
.bridge .container img {
	display: inline-block;
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.bridge__ttl{
		width: 80%;
		margin: 0 auto 0px;
	}
	.bridge .container {
		padding: 60px 0 0 0;
		text-align: center;
	}
}


/* ========================================================================
   07 選ばれる3つの理由
======================================================================== */
.reason {
	background-image: url("../img/index/reason_bg01.jpg"), url("../img/index/reason_bg02.jpg");
	background-position: top center, top 800px center;
	background-size: 1600px;
	padding: 105px 0 120px;
	background-color: #fce37b;
}

.reason .container {
	max-width: 1080px;
	margin: 0 auto;
}

.reason__ttl {
	display: flex;
	justify-content: center;
	margin: 5.33% 12.5%;
}



.reason__block{
	max-width: 1080px;
	width: 100%;
	margin-inline: auto;
	display: flex;
	align-items: stretch;
	background-image: url(../img/index/bg_secret_block.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding: 8px;
	box-sizing: border-box;
	gap: 0;
	margin-bottom: 40px;
}



/* ======================
左画像
====================== */
.reason__img,.reason__img02{
	width: 45%;
	flex-shrink: 1;
	overflow: hidden;
}

.reason__img img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}


/* ======================
右テキスト
====================== */
.reason__detail{
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(20px, 3vw, 50px);
	box-sizing: border-box;
}


.reason__title{
	max-width: 530px;
	width: 100%;
	margin-bottom: clamp(16px, 2vw, 24px);
}

.reason__title img{
	width: 100%;
	height: auto;
	display: block;
}

.reason__sttl01{
	width: 54%;
	margin: 0 0 24px 0;
}

.reason__sttl02{
	width: 64%;
	margin: 0 0 24px 0;
}

.reason__sttl03{
	width: 44%;
	margin: 0 0 24px 0;
}


.reason__txt,.reason__txt02{
	font-size: clamp(14px, 1.4vw, 24px);
	line-height: 1.8;
	font-weight: 600;
}

.reason__balloon{
	display: none;
}




@media screen and (max-width: 768px) {
	.reason {
		background-image: url("../img/index/sp/reason_bg.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		padding: 10.6% 5% 10.5%;
	}

	.reason__img,.reason__img02{
		width: 100%;
	}

	.reason__block {
		background-image: url("../img/index/sp/bg_secret_block01.png"), url("../img/index/sp/bg_secret_block02.png");
		background-repeat: no-repeat;
		background-position: top center, bottom center;
		background-size: 100%, 100%;
		padding: 0 0 8.57%;
		position: relative;
		margin: 5.5% 0 15% 0;
		flex-direction: column;
	}
	.reason__ttl {
		margin: 5.33% 12.5% 10%;
	}
	.reason__block:nth-child(2) {
		display: flex;
		flex-direction: column-reverse;
	}
	.reason__sttl01 {
		width: 90.3%;
		margin: 0 auto 5%;
	}
	.reason__sttl02 {
		width: 90.3%;
		margin: 0 auto 5%;
	}
	.reason__sttl03 {
		width: 80.6%;
		margin: 0 auto 5%;
	}

	.reason__balloon {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: -5.5%;
		margin: auto;
		width: 43.8%;
	}

	.reason__detail{
		width: 100%;
	}
}


/* ========================================================================
   08 料金
======================================================================== */
.price {
	background: url(../img/index/price_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 8% 0 10%;
}
.price .container {
	padding: 0 4%;
}
/* タイトル + りす */
.price__head {
	position: relative;
	text-align: center;
	margin-bottom: 6%;
}
.price__ttl img {
	max-width: 100%;
}
.price__squirrel {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 185px;
	height: 172px;
}
/* 白いボックス */
.price__box {
	background: #fff;
	border-radius: 10px;
	padding: 6% 5%;
}
/* 3種ハチ */
.price__types {
	list-style: none;
	padding: 0;
	margin: 0 0 6%;
	display: flex;
	justify-content: center;
	gap: 4%;
}
.price__type {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	flex: 1;
	margin-bottom: 16px;
	
}
.price__type img{
	display: block;
	width: 100%;
	height: auto;
}
/* 作業写真2枚 */
.price__services {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 4%;
}
.price__service {
	flex: 1;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	overflow: hidden;
}
.price__service-photo {
	width: 100%;
	display: block;
	height: 50vw;
	object-fit: cover;
}
.price__service-body {
	background: #ffd800;
	padding: 80px;
	flex: 1;
}
.price__service-ttl {
	margin-bottom: 3%;
}
.price__service-ttl img {
	width: auto;
	display: block;
}
.price__service-txt {
	font-size: 3.2vw;
	color: #060606;
	line-height: 1.8;
}

@media screen and (max-width: 768px) {
	.price {
		background: url(../img/index/sp/price_bg.png) no-repeat top center;
		background-color: #8fd2f7;
		background-size: cover;
		padding: 8% 0 10%;
	}
	.price__ttl {
		width: 80%;
		margin: 0 auto;
	}
	.price__types {
		flex-wrap: wrap;
		row-gap: 6px;
		column-gap: 16px;
		padding: 0 20px;
		height: auto;
		margin-bottom: 16px;
	}

	.price__type {
		flex: none;
		width: calc(50% - 8px);
	}

	.price__type:first-child {
		width: 100%;
		align-items: center;
	}

	.price__type:first-child img {
		max-width: calc(50% - 8px);
	}
	.price__services {
		flex-direction: column;
	}
	.price__service {
		flex-direction: row;
		margin-bottom: 4%;
	}
	.price__service picture {
		width: 50%;
	}
	.price__service-photo {
		height: 50vw;
	}
	.price__service-body {
		padding: 32px 16px 16px 16px;
		width: 50%;
		align-items: center;
	}
	.price__service-ttl {
		margin:10% 0 6%;
		width: 80%;
	}
	.price__service-ttl02 {
		margin:10% 0 6%;
		width: 98%;
	}
	.price__service-ttl img , .price__service-ttl02 img, {
		width: auto;
		display: block;
	}
}

@media screen and (min-width: 769px) {
	.price {
		padding: 60px 0 80px;
	}
	.price__head {
		margin-bottom: 40px;
	}
	.price__ttl{
		width: 80%;
		margin: 0 auto;
	}
	.price__squirrel {
		width: auto;
		max-width: 185px;
	}
	.price__box {
		padding: 80px;
	}
	.price__types {
		margin-bottom: 40px;
		gap: 40px;
	}
	.price__type {
		gap: 12px;
	}
	.price__services {
		gap: 30px;
		margin-top: 80px;
	}
	.price__service-photo {
		height: 280px;
	}
	.price__service-body {
		padding: 40px;
	}
	.price__service-ttl,.price__service-ttl02 {
		margin-bottom: 12px;
	}
	.price__service-txt {
		font-size: 18px;
		font-weight: 600;
	}
}

@media screen and (min-width: 1080px) {
	.price .container {
		padding: 0 20px;
	}
}


/* ========================================================================
   09 こんな場所
======================================================================== */
.location {
	position: relative;
	background: url(../img/index/location_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 8% 0 12%;
	overflow: hidden;
}
.location .container {
	position: relative;
	z-index: 1;
	padding: 0 4%;
}
/* タイトル + スタッフ */
.location__head {
	margin-bottom: 6%;
	text-align: center;
}
.location__ttl img {
	max-width: 100%;
}
.location__staff {
	position: absolute;
	right: 0;
	bottom: 0;
}
/* 10マスグリッド */
.location__grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	border: 4px solid #060606;
	border-radius: 8px;
	background-color: #3b3b3b;
}
.location__grid li {
	display: flex;
	flex-direction: column;
	border-right: 2px solid #060606;
	border-bottom: 2px solid #060606;
}
.location__grid li:nth-child(2n) {
	border-right: none;
}
.location__grid li:nth-last-child(-n+2) {
	border-bottom: none;
}
.location__grid li img {
	width: 100%;
	display: block;
}
.location__grid li span {
	background: #060606;
	color: #fff;
	font-size: 3vw;
	font-weight: bold;
	text-align: center;
	padding: 2% 4%;
	line-height: 1.4;
}
/* 左下・右下デコ画像 */
.location__bg-left {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
	max-width: 30%;
	width: auto;
}
.location__bg-right {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	max-width: 30%;
	width: auto;
}

@media screen and (max-width: 768px) {
	.location {
		position: relative;
		background: url(../img/index/sp/location_bg.png) no-repeat top center;
		background-size: 100%;
		background-color: #8fd2f7;
		padding: 8% 0 24%;
		overflow: hidden;
	}
	/* 左下・右下デコ画像 */
	.location__bg-left {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0;
		max-width: 40%;
	}
	.location__bg-right {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 0;
		max-width: 40%;
	}
}
@media screen and (min-width: 769px) {
	.location {
		padding: 40px 0 120px;
	}
	.location__ttl{
		width: 72%;
		margin: 0 auto;
	}
	.location__head {
		margin-bottom: 60px;
	}
	.location__staff {
		display: block;
		position: absolute;
		right: -20px;
		top: 0px;
		max-height: 280px;
	}
	.location__grid {
		grid-template-columns: repeat(5, 1fr);
	}
	.location__grid li:nth-child(2n) {
		border-right: 2px solid #060606;
	}
	.location__grid li:nth-child(5n) {
		border-right: none;
	}
	.location__grid li:nth-last-child(-n+2) {
		border-bottom: 2px solid #060606;
	}
	.location__grid li:nth-last-child(-n+5) {
		border-bottom: none;
	}
	.location__grid li span {
		font-size: 13px;
		padding: 8px 10px;
	}
	.location__bg-left,
	.location__bg-right {
		max-width: none;
	}
}
@media screen and (min-width: 1080px) {
	.location .container {
		padding: 0 20px;
	}
}

/* ========================================================================
   10 ご利用の流れ
======================================================================== */
.flow{
		background-image: url("../img/index/flow_bg.jpg");
		background-position: top left;
		background-color: #fff3d9;
		background-repeat: repeat-x;
		padding: 120px 0 60px;
}
.flow__ttl{
	width: 74.6%;
	margin:0 auto 7%;
}
.flow__list{
	margin-bottom: 8%;
}
.flow__block{
	border: 4px solid #dadada;
	padding: 27px 0 0 5.5%;
	margin: 0 2.66%;
}
.flow__sttl{
	border-bottom: 1px solid #d3d3d3;
	display: flex;
	justify-content: center;
	padding: 0 8.6% 5.5%;
	margin:0 5.5% 5.5% 0;
}

@media screen and (max-width: 768px) {
	.flow{
		background-image: url("../img/index/flow_bg.jpg");
		background-position: top left;
		background-color: #fff3d9;
		background-repeat: repeat-x;
		padding: 60px 20px 20px;
	}

}

@media screen and (min-width:1080px) {
	
	.flow .container{
		max-width: 1080px;
		margin: 0 auto;
	}
	.flow__ttl{
		display: flex;
		justify-content: center;
		width: auto;
		margin:0 auto 80px;
	}
	.flow__list{
		margin-bottom: 95px;
	}
	.flow__block{
		border: 8px solid #dadada;
		padding: 27px 0 0 32px;
		margin: 0 20px;
	}
	.flow__sttl{
		padding: 0 0 32px;
		margin:0 32px 32px 0;
	}
}


/* ========================================================================
   11 駆除方法
======================================================================== */

.situation{
		background-image: url("../img/index/sp/situation_bg.jpg");
		background-repeat: no-repeat;
		background-color: #cbdff6;
		background-position: bottom center;
		background-size: 100%, 100%;
		padding: 10.4% 5.33% 16%;
	}


.situation-security__ttl{
	margin-bottom: 8%;
}
.situation-security__list{
	display: flex;
	flex-wrap: wrap;
}
.situation-security__list li:last-child{
	margin-bottom: 0;
}
.situation-security__img{
	flex-basis: 50.0%;
	margin: 0 5.22% 0 0;
}
.situation-security__detail{
	flex-basis: 40.3%;
}
.situation-security__detail h3{
	display: flex;
	justify-content: center;
	margin: 0 0 7.57%;
}
.situation-security__sttl01{
	width: 96.6%;
}
.situation-security__sttl02{
	width: 82.7%;
}
.situation-security__txt{
	font-size: 3.2vw;
	line-height: 1.4;
	margin: 0;
}
@media screen and (max-width:768px) {
	.situation{
		background-image: url("../img/index/sp/situation_bg.jpg");
		background-repeat: no-repeat;
		background-color: #cbdff6;
		background-position: bottom center;
		background-size: 100%, 100%;
		padding: 10.4% 5.33% 16%;
	}
	
	.situation-security__ttl{
		width: 80%;
		margin: 0 auto 10%;
	}
	
	.situation-security__list .situation-security__block{
		align-items: center;
		background-image: url("../img/index/sp/bg_situation_list01.png"),url("../img/index/sp/bg_situation_list02.png");
		background-position: top center,bottom center;
		background-repeat: no-repeat;
		background-size: 100%;
		display: flex;
		flex-basis: 100%;
		margin-bottom: 6.4%;
		min-height: 180px;
		vertical-align: top;
	}
	.situation-security__sttl01{
		width: 82.7%;
	}
	.situation-security__sttl02{
		width: 82.7%;
	}

}
@media screen and (min-width:769px) {
	.situation-security__ttl{
		width: 80%;
		margin: 0 auto 5%;
	}
	.situation-security__list{
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	.situation-security__list .situation-security__block{
		background-image: url("../img/index/bg_situation_list.png");
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: 100%;
		flex-basis: 48%;
		flex-wrap: wrap;
	}
	.situation-security__img{
		flex-basis: 100%;
		margin: 0;
	}
	.situation-security__img img{
		width: 100%;
	}
	.situation-security__detail{
		flex-basis: 100%;
		padding: 6%;
	}
	.situation-security__detail h3{
		margin: 0 auto 24px;
	}
	.situation-security__txt{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.situation{
		background-image: url("../img/index/situation_bg.jpg");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto, 100%;
		padding: 94px 0 152px;
	}
	.situation .container{
		max-width: 1080px;
		margin: 0 auto;
	}
	.situation-security__ttl{
		display: flex;
		justify-content: center;
		margin-bottom: 80px;
	}
	.situation-security__list .situation-security__block{
		background-image: url("../img/index/bg_situation_list.png");
		flex-basis: 519px;
		flex-wrap: wrap;
		padding: 0 0 34px;
		margin-bottom: 0;
		vertical-align: top;
	}
	.situation-security__img{
		flex-basis: 100%;
		margin: 0 0 35px;
	}
	.situation-security__detail{
		flex-basis: 100%;
		padding: 0;
	}
	.situation-security__sttl01{
		width: auto;
	}
	.situation-security__sttl02{
		width: auto;
	}
	.situation-security__txt{
		font-size: 18px;
		margin: 0 0 0 80px;
		font-weight: 600;
	}
}


/* ========================================================================
   12 10個の強み
======================================================================== */
.secret-ten{
	background-image: url("../img/index/strength_bg.jpg");
	background-repeat: repeat;
	padding: 10% 6.66% 8.4%;
}
.secret-ten__ttl{
	display: flex;
	justify-content: center;
	margin-bottom: 8%;
	width: 56%;
}
.secret-ten__block{
	background-color: #fff;
	border: 2px solid #dc0e09;
	border-radius: 5px;
	padding: 5.53%;
}
.secret-ten__list{
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
}
.secret-ten__list li{
	align-items: flex-start;
	border-bottom: 1px solid #303030;
	display: flex;
	justify-content: center;
	flex-basis: 50%;
	padding: 7% 0;
}
.secret-ten__list li img{
	margin: 0 auto;
	display: flex;
}
.secret-ten__list li:nth-child(odd){
	border-right: 1px solid #303030;
}
.secret-ten__list li:nth-child(1),
.secret-ten__list li:nth-child(2){
	padding: 0 0 7%;
}
.secret-ten__list li:nth-child(9){
	border-bottom: none;
	padding: 7% 0 0;
}
.secret-ten__list li:nth-child(10){
	border-bottom: none;
	padding: 7% 0 0;
}
.secret_ten01 img{ width: 55.6%; }
.secret_ten02 img{ width: 84.6%; }
.secret_ten03 img{ width: 67.9%; }
.secret_ten04 img{ width: 51.7%; }
.secret_ten05 img{ width: 63.0%; }
.secret_ten06 img{ width: 59.5%; }
.secret_ten07 img{ width: 66.5%; }
.secret_ten08 img{ width: 85.2%; }
.secret_ten09 img{ width: 64.0%; }
.secret_ten10 img{ width: 65.1%; }

@media screen and (max-width:768px) {
	.secret-ten__ttl{
		display: flex;
		justify-content: center;
		margin: 0 auto 8%;
		width: 80%;
	}

	.secret_ten01 img{ width: 84.6%; }
	.secret_ten02 img{ width: 84.6%; }
	.secret_ten03 img{ width: 84.6%; }
	.secret_ten04 img{ width: 84.6%; }
	.secret_ten05 img{ width: 84.6%; }
	.secret_ten06 img{ width: 84.6%; }
	.secret_ten07 img{ width: 84.6%; }
	.secret_ten08 img{ width: 84.6%; }
	.secret_ten09 img{ width: 84.6%; }
	.secret_ten10 img{ width: 84.6%; }

}

@media screen and (min-width:769px) {
	.secret-ten__ttl{
		width: 56%;
		margin: 0 auto 5%;
	}
	.secret-ten__block{
		padding: 2.6%;
	}
	.secret_ten02 img{
		width: 52%;
	}
	.secret_ten08 img{
		width: 59.5%;
	}
}
@media screen and (min-width:769px) {
	.secret-ten__list li{
		align-items: flex-start;
		display: flex;
		justify-content: center;
		flex-basis: 20%;
	}
	.secret-ten__list li img{
		margin-bottom: 0;
	}
	.secret-ten__list li:nth-child(1),
	.secret-ten__list li:nth-child(2),
	.secret-ten__list li:nth-child(3),
	.secret-ten__list li:nth-child(4){
		border-bottom: 1px solid #303030;
		border-right: 1px solid #303030;
		padding: 3px 0 40px;
	}
	.secret-ten__list li:nth-child(5){
		border-bottom: 1px solid #303030;
		border-right: none;
		padding: 3px 0 0 0;
	}
	.secret-ten__list li:nth-child(6),
	.secret-ten__list li:nth-child(7),
	.secret-ten__list li:nth-child(8),
	.secret-ten__list li:nth-child(9){
		border-right: 1px solid #303030;
		border-bottom: none;
		padding: 26px 0 35px;
	}
	.secret-ten__list li:nth-child(9){
		padding: 26px 0 35px;
	}
	.secret-ten__list li:nth-child(10){
		padding: 26px 0 35px;
	}
}
@media screen and (min-width:1080px) {
	.secret-ten .container{
		max-width: 1080px;
		margin: 0 auto;
	}
	.secret-ten{
		padding: 107px 0 78px;
	}
	.secret-ten__ttl{
		display: flex;
		justify-content: center;
		margin-bottom: 65px;
	}
	.secret-ten__block{
		border: 4px solid #dc0e09;
		border-radius: 10px;
		padding: 40px;
	}
	.secret-ten__list li img{
		width: auto;
	}
}

/* ========================================================================
   13 支払い方法
======================================================================== */


.payment{
	background-image: url("../img/index/bg_payment.jpg");
	background-repeat: repeat;
	padding: 8% 5.33%;
}
.payment .container {
	padding: 0 4%;
}
.payment__ttl{
	display: flex;
	justify-content: center;
	margin:0 auto 7.46%;
	width: 64%;
}
	
.payment__list {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.payment__list li {
	width: calc(33.33% - 1.34%);
	background-color: #fff;
	border-radius: 0 0 8px 8px;
}
.payment__notice{
	font-size: 2.4vw;
	text-align: left;
}
.payment__txt{
	font-size: 18px;
	font-weight: 600;
	padding: 20px;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.payment{
		padding: 10% 0 8.4%;
	}
	.payment__ttl{
		padding: 2.68% 2.5%;
		width: 100%;
	}
	.payment__list {
		flex-direction: column;
	}
	.payment__list li {
		width: calc(100% - 1.34%);
		margin-bottom: 4%;
	}

	.payment__list_block{
		display: flex;
		padding: 15px;
		justify-content: space-between;
		align-items: center;
	}

	.payment__list_block picture{
		width: 48%;
	}
	.payment__txt{
		font-size: 16px;
		font-weight: 400;
		padding: 0px 0px 0px 0px;
		line-height: 1.5;
		width: 48%;
		text-align: justify;
	}
}
@media screen and (min-width: 769px) {
	.payment {
		padding: 80px 0 120px;
	}
}
@media screen and (min-width: 1080px) {
	.payment {
		padding: 50px 0;
	}
	.payment .container {
		padding: 0 20px;
	}
	.payment__ttl {
		padding: 22px 0;
		margin-bottom: 60px;
	}
}

/* ========================================================================
   14 スタッフ
======================================================================== */

.staff{
	background-image: url("../img/index/staff_bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ffa856;
	text-align: center;
	padding: 110px 0 0 0;
}
.staff__ttl{
	display: flex;
	justify-content: center;
	margin:0 17.3% 10.1%;
}
.staff__img{
	align-items: center;
	display: flex;
}
@media screen and (max-width:768px) {
	.staff{
		padding: 50px 0 0 0;
		background-image: url("../img/index/sp/staff_bg.jpg");
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #ffa856;
		text-align: center;
	}
	.staff__ttl{
		margin:0 8.1% 4.1%;
	}
}
@media screen and (min-width:1080px) {
	.staff .container{
		max-width: 1137px;
		margin: 0 auto;
	}
	.staff__ttl{
		margin:0 0 24px;
	}
}


/* ========================================================================
   15 こんな業者にご注意
======================================================================== */
.warning {
	position: relative;
	background: #FFD700;
	padding: 8% 0 12%;
	overflow: hidden;
}
.warning .container {
	position: relative;
	padding: 0 4%;
}
.warning__ttl {
	text-align: center;
	margin-bottom: 8%;
}
.warning__ttl img {
	max-width: 100%;
}
.warning__cards {
	display: flex;
	flex-direction: column;
	gap: 5%;
}
.warning__block {
	position: relative;
	padding: 24px;
	background: #fdea80;
	border-radius: 16px;
	z-index: 0;
}
.warning__block::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 10px;
	border-radius: 16px;
	background: repeating-linear-gradient(
		45deg,
		#fdea80 0px,
		#fdea80 2px,
		#fbd500 2px,
		#fbd500 4px
	);
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask-composite: exclude;
	z-index: -1;
}
.warning__sttl {
	margin-bottom: 4%;
}
.warning__sttl img {
	max-width: 100%;
}
.warning__txt {
	font-size: 14px;
	color: #333;
	line-height: 1.8;
}
.warning__char {
	display: block;
	position: absolute;
	bottom: 12%;
	left: 50%;
	transform: translateX(-50%);
	width:325px;
}
.warning__man {
	display: block;
	position: absolute;
	bottom: 0;
	right: 50%;
	transform: translateX(260%);
}
.warning__emphasis {
	font-weight: bold;
	color: #c30000;
}

@media screen and (max-width: 768px) {
	.warning__sttl01{
		width: 60%;
	}
	.warning__sttl02{
		width: 80%;
	}
	.warning__block {
		position: relative;
		padding: 24px;
		background: #fdea80;
		border-radius: 16px;
		z-index: 0;
		margin-bottom: 24px;
	}
	.warning__char {
		display: none;
		position: absolute;
		bottom: 12%;
		left: 50%;
		transform: translateX(-50%);
	}
	.warning__man {
		display: block;
		position: absolute;
		bottom: 0;
		right: 4%;
		width: 36%;
		transform: translateX(0);
	}

}

@media screen and (min-width: 769px) {
	.warning {
		padding: 60px 0 120px;
	}
	.warning__ttl {
		margin-bottom: 80px;
	}
	.warning__cards {
		flex-direction: row;
		gap: 0;
		justify-content: space-between;
	}
	.warning__block {
		width: 38%;
		padding: 40px;
	}
	.warning__sttl {
		margin-bottom: 16px;
	}
	.warning__txt {
		font-size: 18px;
		font-weight: 600;
	}
}

@media screen and (min-width: 1080px) {
	.warning .container {
		padding: 0 20px;
	}
}


/* ========================================================================
   16Q&A
======================================================================== */

.faq {
	background-image: url("../img/index/faq_bg02.png"),url("../img/index/bg_faq03.jpg");
	background-repeat: no-repeat,repeat;
	background-position: bottom center,top left;
	background-size: 867px, 12px;
}
.faq__head {
	position: relative;
}
.faq__staff01 {
	position: absolute;
	left: 0;
	bottom: 0;
	width:275px;
}
.faq__staff02 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 325px;
}
.faq__ttl{
	display: flex;
	justify-content: center;
	margin:0 auto 10.6%;
	width: 52.2%;
}
.faq__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faq__list li{
	background-color: #fff;
	border: 8px solid #fbd584;
	flex-basis: 100%;
	padding: 5%;
	margin-bottom: 4%;
}
.faq__list li:last-child{
	margin-bottom: 0;
}
.faq__list h3{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 4vw;
	font-weight: bold;
	color: #333;
	line-height: 1.3;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 3.16%;
	margin-bottom: 3.16%;
	font-feature-settings: "palt";
}
.faq__list h3 img{
	flex-shrink: 0;
}
.faq__txt{
	font-size: 14px;
	line-height: 1.6;
}
.faq__sttl01 img,
	.faq__sttl02 img,
	.faq__sttl03 img,
	.faq__sttl04 img,
	.faq__sttl05 img,
	.faq__sttl06 img{
		width: 61px;
	}

@media screen and (max-width:768px) {
	.faq {
		padding: 40px 20px 190px;
		background-image: url("../img/index/sp/faq_bg02.png"),url("../img/index/bg_faq03.jpg");
		background-repeat: no-repeat,repeat;
		background-position: bottom center,top left;
		background-size: 366px, 12px;
	}
	
	.faq__head {
		position: relative;
	}
	.faq__ttl{
		display: flex;
		justify-content: center;
		margin:0 auto ;
		width: 52.2%;
		padding-bottom: 24px;
	}
	.faq__staff01 {
		width: 26%;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.faq__staff02 {
		width: 24%;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	
	.faq__sttl01 img,
	.faq__sttl02 img,
	.faq__sttl03 img,
	.faq__sttl04 img,
	.faq__sttl05 img,
	.faq__sttl06 img{
		width: 14%;
	}
}
@media screen and (min-width:480px) {
	.faq{
		padding: 115px 0 360px;
	}
	.faq__txt{
		font-size: 3vw;
	}
}
@media screen and (min-width:768px) {
	.faq__ttl{
		margin:0 auto 0;
		width: 40%;
	}
}
@media screen and (min-width:769px) {
	.faq__list h3{
		font-size: 24px;
		line-height: 1.3;
	}
	.faq__txt{
		font-size: 2.2vw;
	}
}
@media screen and (min-width:1080px) {
	.faq{
		padding: 115px 0 280px;
	}
	.faq .container{
		max-width: 1080px;
		margin: 0 auto;
	}
	.faq__head{
		height: 280px;
	}
	.faq__ttl{
		width: auto;
	}
	.faq__list li{
		flex-basis: 520px;
		padding: 20px;
		margin-bottom: 40px;
	}
	.faq__list li:last-child{
		margin-bottom: 40px;
	}
	.faq__list h3{
		padding-bottom: 23px;
		margin-bottom: 23px;
	}
	.faq__txt{
		font-size: 18px;
	}
}

/* ========================================================================
   17 日本全国365日
======================================================================== */
.anytime{
		background-image: url("../img/index/anytime_bg.png");
		background-size: auto 100%;
		padding: 63px 0 98px;
		background-color: #c9eaf7;
		background-position: top center;
		background-repeat: no-repeat;
	}

	


.anytime_ttl{
	margin:0 6.13% 6.13%;
}
.anytime_img{
	margin:0 2.93%;
}
.anytime__block{
	display: flex;
	border: 6px solid #a6d5e7;
	margin: 0;
	background: #fff;
	justify-content: space-between;
	text-align: left;
}

.anytime__sttl{
		width: 26%;
	}
.anytime__body{
		padding:24px;
		width: 74%;
		text-align: left;
	}
.anytime__area{
		line-height: 1.6;
		font-size: 16px;
		text-align: justify;
	}
.anytime__note{
		font-size: 13px;
		margin-top: 24px;
	}

@media screen and (max-width:768px) {
	.anytime{
	background-image: url("../img/index/sp/bg_anytime.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 100%;
	padding: 10.4% 0 19.3%;
	text-align: center;
}
	.anytime{
		padding: 20px;

	}
	.anytime__ttl{
		width: 90%;
		margin:16px auto 40px;
	}
	.anytime__sttl{
		width: 100%;
	}
	.anytime__block{
		margin-top: 24px;
		flex-direction: column;
	}
	.anytime__body{
		padding: 20px;
		width: 100%;
	}
	.anytime__note{
		font-size: 13px;
		margin-top: 24px;
	}
	.anytime__area{
		line-height: 1.6;
		font-size: 16px;
		text-align: justify;
	}
}
@media screen and (min-width:768px) {
	.anytime{
		padding: 5.2% 0 10.1%;
	}
	.anytime__ttl{
		width: 80%;
		margin:0 auto 6.13%;
	}
}
@media screen and (min-width:1080px) {
	.anytime{
		background-image: url("../img/index/anytime_bg.png");
		background-size: auto 100%;
		padding: 63px 0 98px;
		background-color: #c9eaf7;
	}
	.anytime .container{
		max-width: 1080px;
		margin: 0 auto;
	}
	.anytime__ttl{
		display: flex;
		justify-content: center;
		margin-bottom: 45px;
	}
	.anytime_img{
		display: flex;
		justify-content: center;
		margin-bottom: 34px;
	}
	.anytime__sttl{
		width: 26%;
	}
	.anytime__body{
		padding:24px;
		width: 74%;
		text-align: left;
	}
	.anytime__area{
		line-height: 1.6;
		font-size: 16px;
		text-align: justify;
	}
	.anytime__note{
		font-size: 13px;
		margin-top: 24px;
	}
}



/* ========================================================================
   18 クーポン
======================================================================== */
.coupon{
	background-image: url("../img/index/sp/coupon_bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 6.13% 4.4% 6.66%;
}

.coupon__img{
	display: flex;
	justify-content: center;
}

@media screen and (min-width:1080px) {
	.coupon{
		background-image: url("../img/index/coupon_bg.jpg");
		background-position: top center;
		background-repeat: no-repeat;
		padding: 128px 0 143px;
	}
}


/* ========================================================================
  19 Webからのご依頼
======================================================================== */
.form{
	background-image: url("../img/index/bg_form.jpg");
	background-repeat: repeat;
}

.form__ttl{
	text-align: center;
	background-color: #f88c00;
	padding: 50px 0;
}

.form .container{
	padding: 200px 0;
}

.form_note{
	text-align: center;
	font-weight: bold;
	border: 2px solid #c30000;
	color: #c30000;
	padding: 10px;
	background-color: #fff;
	width: 100px;
	margin: 0 auto;
}
.bee-request {
	background: #fff;
	padding: 8% 0;
}
@media screen and (max-width: 768px) {
	.form__ttl{
		padding: 24px;
		text-align: center
	}
}



@media screen and (min-width: 769px) {
	.bee-request {
		padding: 60px 0;
	}
		
	.form__ttl img{
		width: 64%;
		margin: 0 auto;
		max-width: 686px;
	}

}
.bee-request .container {
	padding: 0 4%;
}
@media screen and (min-width: 1080px) {
	.bee-request .container {
		padding: 0 20px;
	}
}

/* ========================================================================
  20 ページトップへ
======================================================================== */

#page_top {
    position: fixed;
    right: 10px;
    width: 55px;
    height: 55px;
    background: rgba(34, 34, 38, 0.8) no-repeat;
	border-radius: 8px;
}

#page_top a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 25px;
    height: 25px;
    margin: auto;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f077';
    font-size: 25px;
    text-align: center;
}


/* ========================================================================
  フロートボタン
======================================================================== */

@media screen and (max-width:768px) {
	.float_btn{
		display: none;
		position: fixed;
		bottom: 0;
		z-index: 999;
		width: 100%;
 	 }

 	 .float_btn-inner{
		display: flex;
		background-color: rgba(255, 255, 255, 0.7);
		padding: 2%;
		column-gap: 2%;
	}
}  

/* codex lower pages */
.lower-page .main {
  background: #fff;
}
.lower-contents {
  padding: 80px 20px 100px;
}
.lower-contents .container {
  max-width: 1080px;
  margin: 0 auto;
}
.lower-contents__title {
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 56px;
  line-height: 1.4;
}
.lower-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.8;
}
.lower-table th,
.lower-table td {
  border-top: 1px solid #777;
  padding: 28px 32px;
  vertical-align: top;
}
.lower-table tr:last-child th,
.lower-table tr:last-child td {
  border-bottom: 1px solid #777;
}
.lower-table th {
  width: 28%;
  font-weight: 700;
  text-align: left;
  color: #222;
}
.lower-text {
  max-width: 920px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.9;
}
.lower-text h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 36px 0 12px;
}
.lower-contact {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  line-height: 1.8;
}
.lower-contact__tel a {
  display: inline-block;
  color: #dc0e09;
  font-size: 38px;
  font-weight: 700;
  margin: 24px 0;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .lower-contents {
    padding: 48px 18px 72px;
  }
  .lower-contents__title {
    font-size: 26px;
    margin-bottom: 36px;
  }
  .lower-table th,
  .lower-table td {
    display: block;
    width: 100%;
    padding: 16px 0;
  }
  .lower-table th {
    border-top: 1px solid #777;
    padding-bottom: 4px;
  }
  .lower-table td {
    border-top: none;
    padding-top: 0;
  }
  .lower-contact__tel a {
    font-size: 30px;
  }
}
/* codex mailform lower page */
.lower-form {
  max-width: 860px;
  margin: 0 auto;
}
.lower-form .mfp_buttons {
  text-align: center;
  margin-top: 28px;
}
.lower-form .mfp_buttons button {
  border: none;
  background: #dc0e09;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 14px 42px;
  border-radius: 4px;
  cursor: pointer;
}
/* codex index request form */
.index-request-form {
  background: #fff;
  padding: 32px;
  border-radius: 8px;
}
.form .container:has(.index-request-form) {
  padding: 60px 20px;
}
@media screen and (max-width: 768px) {
  .index-request-form {
    padding: 20px 12px;
  }
  .form .container:has(.index-request-form) {
    padding: 40px 16px;
  }
}
.footer .footer_list {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .footer .footer_list {
    flex-wrap: wrap;
  }
}
.footer .footer_list .list_item {
  border-right: 1px solid #fff;
}
@media screen and (max-width: 750px) {
  .footer .footer_list .list_item {
    border: none;
    position: relative;
  }
  .footer .footer_list .list_item::after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 0.13vw;
    height: 3.2vw;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  .footer .footer_list .list_item:nth-of-type(3)::after, .footer .footer_list .list_item:last-of-type::after {
    display: none;
  }
}
.footer .footer_list .list_item:last-of-type {
  border: none;
}
.footer .footer_list .list_item a {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
  padding: 0 1.2em;
}
@media screen and (max-width: 1000px) {
  .footer .footer_list .list_item a {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 750px) {
  .footer .footer_list .list_item a {
    font-size: 3.2vw;
    line-height: 6vw;
  }
}  
.footer__copy {
  padding: 2.5rem;
}