@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:10px;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header,hgroup,menu,nav,.section,.row{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0;}




img{ margin:0 auto; max-width:100%; vertical-align: bottom;}
iframe { border: none; outline: none;}
a {text-decoration: none!important;}
a:hover {transition: .2s;}
a,a:hover,a:visited{ color: inherit;}
i {display: inline-block;}


html{
	-ms-overflow-style:scrollbar;
	-webkit-font-smoothing: antialiased;
	overflow: auto;
}


body {
	font-family: "M PLUS 1p", serif;
	font-weight: 400;
	background-color:#262626;
	width:100%;
	text-align:center;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}

@media (max-width:768px){
	body {font-size: 15px;}
}

@media (max-width:600px){
	body {font-size: 13.5px;}
}

@media (max-width:350px){
	body {font-size: 12px;}
}


#container{
	position: relative;
	display: block;
	width:100%;
	margin:0 auto;
	text-align:center;
	overflow: hidden!important;
}

h2 {
	color: #fff;
	background-color: #00a7d3;
	position: relative;
	display: inline-block;
	font-size: 1.2em;
	font-weight: 700!important;
	letter-spacing: 0.12em;
	text-indent: 0.3em;
	line-height: 1.8em;
	padding: 8px 30px 6px 30px;
	border: solid 6px #fff;
	border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	margin-bottom: 40px;
	-webkit-filter:drop-shadow(0px 4px 5px rgba(0,0,0,.2));
	-moz-filter:drop-shadow(0px 4px 5px rgba(0,0,0,.2));
	-ms-filter:drop-shadow(0px 4px 5px rgba(0,0,0,.2));
	filter: drop-shadow(0px 4px 5px rgba(0,0,0,.2));
}

h2 p {	
	-webkit-filter:drop-shadow(0px 1px 0px rgba(0,0,0,.25));
	-moz-filter:drop-shadow(0px 1px 0px rgba(0,0,0,.25));
	-ms-filter:drop-shadow(0px 1px 0px rgba(0,0,0,.25));
	filter: drop-shadow(0px 1px 0px rgba(0,0,0,.25));
}

h3 {
	position: relative;
	max-width: 600px;
	display: inline-block;
	font-size: 1em;
	text-align: left;
	letter-spacing: 0.12em;
	margin: auto;
	margin-bottom: 40px;
}

h4 {
	position: relative;
	width: 100%;
	display: inline-block;
	color: #00a7d3;
	font-size: 1em;
	font-weight: 600;
	text-align: left;
	letter-spacing: 0.12em;
	/*border-bottom: solid 1px #00a7d3;*/
	margin-left: 0.3em;
	margin-bottom: 1em;
}

h4 span {
	margin-left: 0.5em;
	padding: 0.7px 3px 1px 5px;
	color: #fff;
	font-size: 0.8em;
	line-height: 1em;
	background: #dc396f;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


@media (max-width:600px){
	
	h2 {
		font-size: 1.2em;
	}
	
	h3 {
		font-size: 1.1em;
		letter-spacing: 0.03em;
		line-height: 1.6em;
	}
	
}

.event-list-block {
	width: 100%;
	max-width: 310px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.event-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-weight: 600;
}

.event-list dd {
	width:  1em;
	text-align: left;
	color: #00a7d3;
	font-size: 1.1em;
	line-height: 1.4em;
}

.event-list p {
	width: calc(100% - 1.4em);
	text-align: left;
	line-height: 1.4em;
	margin-bottom: 10px;
}

@media (max-width:600px){
	
	.event-list-block {
		max-width: 270px;
	}
	
}

.ex3-pic {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.ex3-item {
	width: 32%;
	margin-bottom: 2%;
}

.ex3-item p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3.5em;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.3em;
	color: #00a7d3;
}

.arrival-600 {
	display: none
}

@media (max-width:600px){
	
	.ex3-item {
		width: 49%;
		margin-bottom: 2%;
	}
	
	.arrival-600 {
		display: block
	}
	
}

.ev-line {
	widows: 100%;
	border-bottom: solid 1px #00a7d3;
}

.ev-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: solid 1px #00a7d3;
	padding: 3% 0;
}

.ev-pro {
	width: 20%;
	text-align: center;
	font-weight: 500;
	color: #00a7d3;
}

.ev-val {
	width: 75%;
	text-align: left;
}

.ev-val p {
	font-weight: 500;
	margin-bottom: 0.3em;
}

.ev-val a {
	font-weight: 700;
	padding-bottom: 2px;
	border-bottom: dashed 1px #262626;
}

.notice-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 0.97em;
}

.notice-list dd, .notice-list dt {
	width: 1em;
	text-align: left;
	line-height: 1.4em;
}

.notice-list p {
	width: calc(100% - 1.2em);
	text-align: left;
	margin-bottom: 0;
	font-weight: 400!important;
	line-height: 1.4em;
}

.notice-list dt {
	color: #00a7d3;
	margin-bottom: 3px;
}

@media (max-width:600px){
	
	.ev-block {
		padding: 6% 2%;
	}

	.ev-pro {
		width: 100%;
		margin-bottom: 1em;
	}
	
	.ev-val {
		width: 100%;
	}	
}


.form-list {
	display: flex!important;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 0.97em;
}

.form-list dd, .form-list dt {
	width: 1em;
	text-align: left;
	line-height: 1.4em;
}

.form-list p {
	width: calc(100% - 1.5em);
	text-align: left;
	margin-bottom: 0;
	font-weight: 400!important;
	line-height: 1.4em;
}

.form-list dt {
	color: #00a7d3;
	margin-bottom: 3px;
}


.ml-3{
	margin-left: 3%!important;
}

.balloon_1,.balloon_2 {
	position: relative;
	display: flex;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	padding: 10px 15px;
	margin: 0;
	margin-bottom: 21px;
	min-height: 80px;
	width: 97%;
	justify-content: center;
	align-items:center;
	color: #094;
	background: #fff;
	box-sizing: border-box;
	border: solid 3px #094;
	border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
	align-content:center;
	flex-wrap:wrap;
	z-index: 100!important;
}


.balloon_1::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 17.07%;
  transform: translateX(-50%);
  border-width: 16px 0px 0px 16px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  z-index: 2;
}

.balloon_1::after {
  content: "";
  position: absolute;
  bottom: -23px;
  left: 17%;
  transform: translateX(-50%);
  border-width: 23px 0px 0px 23px;
  border-style: solid;
  border-color: #094 transparent transparent transparent;
  z-index: 1;
}

.balloon_2::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 83%;
  transform: translateX(-50%);
  border-width:16px 16px 0px 0px ;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  z-index: 2;
}

.balloon_2::after {
  content: "";
  position: absolute;
  bottom: -23px;
  left: 83%;
  transform: translateX(-50%);
  border-width: 23px 23px 0px 0px ;
  border-style: solid;
  border-color: #094 transparent transparent transparent;
  z-index: 1;
}

@media (max-width:600px){

	.balloon_1,.balloon_2 {
		font-size: 1em;
		letter-spacing: 0.1em;
		min-height: 70px;
	}
}

@media (max-width:380px){

	.balloon_1,.balloon_2 {
		font-size: 0.9em;
	}
}



.arrow_large {
	position: relative;
	width: 200px;
	height: 100px;
	margin: 0;
	margin: auto;
	margin-top: 20px;
	overflow: hidden;
	padding: 5px 5px;
	box-sizing: border-box;	
}

.anime-mask {
	position: relative;
	width: 190px;
	height: 90px;
	overflow: hidden;
	background-color: #000;
	
}

.arrow_anime {
	position: absolute;
	width:100%;
	height: 400%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, #094, #71d09a, #094, #71d09a);
	background: -webkit-linear-gradient(top, #094, #71d09a, #094, #71d09a);
	background: linear-gradient(to bottom, #094, #71d09a, #094, #71d09a);
	animation: arrow-color 2.5s linear infinite;
}

@keyframes arrow-color {
  0% {
  transform: translateY(-65%);
  }
  100% {
  transform: translateY(0);
  }
}


.arrow_large img {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.white-triangle {
	margin: auto;
	width: 20px;
	border-top-width: 15px!important;
	border-top: 15px solid #fff;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	opacity: 0.5;
}

.onayami-answer {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #094;
	font-size: 1.4em;
	font-weight: 800;
	letter-spacing: 0.15em;
	line-height: 1.8em;
	text-align: center;
	text-indent: 0.4em;
	margin: auto;
	margin-bottom: 15px;
}

.onayami-answer i {
	font-size: 1.015em;
	letter-spacing: 0.09em;
}

.onayami-answer::before,
.onayami-answer::after {
	content: '';
	margin-top: 50px;
	width: 1px;
	height: 80px;
	background-color: #094;
}

.onayami-answer::before {
	margin-right: 35px;
	transform: rotate(-35deg)
}
.onayami-answer::after {
	margin-left: 35px;
	transform: rotate(35deg)
}

.onayami-compost {
	width: 130px;
	margin: auto;
}

@media (max-width:600px){
	
	.onayami-answer {
		font-size: 1.2em;
		letter-spacing: 0.1em;
	}
	
	.onayami-answer::before,
	.onayami-answer::after {
		height: 55px;
	}
	
	.onayami-answer::before {
		margin-right: 15px;
	}
	
	.onayami-answer::after {
		margin-left: 15px;
	}
	
	.onayami-compost {
		width: 100px;
	}
}

.bg-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:url("../images/bg_line.png");
	background-repeat: repeat;
	background-size: 150px;
}

.answer-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.answer-block a {
	width: 30%;
	background-color: #fff;
	border: solid 3px #094;
	padding: 3%;
	box-sizing: border-box;
	border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
}

.answer-block a:hover {
	filter: brightness(90%);
	transition: 0.2s linear;
}

@media (max-width:768px){
	
	.answer-block a {
		padding: 2%;
	}
	
}

@media (max-width:600px){
	
	.bg-line {
		background-size: 100px;
	}
	
	.answer-block {
		justify-content: center;
	}
	
	.answer-block a {
		width: 47%;
		margin: 1.5%;
	}
	
}

.disc-text {
	text-align: left;
	margin: auto;
	margin-bottom: 1.5em;
}

.disc-text span {
	font-weight: 700;
}

.disc-text-center {
	text-align: center;
	margin: auto;
	margin-bottom: 1.5em;
}


.notice ul {
	list-style-type: none;
	font-size: 0.8em;
	text-align: left;
}
.notice li{
	margin: 3px 0;
    padding-left: 1.12em;
    text-indent: -1.12em;
	line-height: 1.5em;
 }
.notice ul li:before {
	font-size: 1em;
	display: inline;
	content: "※";
	margin-right: -0.33em;
}

.list ul {
	text-align: left;
	list-style-type: none;
	font-size: 1em;
	margin: 0;
}
.list li{
	font-weight: 500;
	margin: 0 0 1em 0;
	line-height: 1.5em;
    padding-left: 1.15em;
    text-indent: -1.15em;
 }
.list ul li:before {
	color: #094;
	display: inline;
	content: "●";
	margin-right: -0.2em;
}

.graph-frame {
	width: 100%;
	border: solid 2px #094;
	padding: 5% 6%;
	box-sizing: border-box;
	margin-bottom: 1.5em;
	border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
}

.graph-control {
	width: 60%;
}

.graph-control-2 {
	width: 75%;
}

@media (max-width:600px){
	
	.graph-frame {
		padding: 5% 3%;
		border-radius: 16px;
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
	}
	
	.graph-control {
		width: 100%;
	}
	
	.graph-control-2 {
		width: 100%;
	}
}

.compa-pic-block {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 500px;
	margin: auto;
}

.compa-pic-item {
	width: 48%;
}

.compa-pic-item p {
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 1em;
}

.compa-pic-square {
	width: 92%;
	min-height: 140px;
	margin: auto;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.8em;
	border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
	border: solid 2px;
	/*-webkit-filter: drop-shadow(10px 10px 10px #094);
	filter: drop-shadow(10px 10px 10px #094); */
	box-sizing: border-box;
}

.compa-square-text {
	display: block;
	margin-bottom: 0;
	margin-top:-8px
}

.compa-square-text img {
	width: 30%;
	display: block;
	margin-bottom: 10px;
	animation: blink-anime 3s infinite;
}

@keyframes blink-anime {
  0% {
  opacity: 1;
  }
  5% {
  opacity: 0;
  }
	10% {
  opacity: 1;
  }
  15% {
  opacity: 0;
  }
	20% {
  opacity: 1;
  }
  100% {
  opacity: 1;
  }
}

.square-mt {
	margin-top:-10px;
}

.compa-square-text span {
	font-family:'Oswald', sans-serif;
	font-size: 2em!important;
	font-weight: 700;
	margin: 0 0.05em;
	vertical-align:sub;
}

.square-green {
	color: #fff;
	background-color: #094;
	border-color: #aae2c0;
	box-shadow: 0px 0px 0px 5px #094;
}

.square-gray {
	color: #fff;
	background-color: #999;
	border-color: #999;
	box-shadow: #999;
	box-shadow: 0px 0px 0px 5px #999;
}

.c094 {
	color: #094;
	font-weight: 800!important;
}

.c999 {
	color: #999;
	font-weight: 500!important;
}

.line-anime {
	position: relative;
	overflow: hidden;
	margin-top: 5px;
	width: 99%;
	height: 3px;
	background-color: #;
}

.line-dot {
	width: 110%;
	border: dotted 3px #fff;
	animation: line-anime 4s ease infinite;
}

@keyframes line-anime {
  0% {
  transform: translateX(-100%);
  }
  20% {
  transform: translateX(0%);
  }
  80% {
  transform: translateX(0%);
  }
  100% {
  transform: translateX(100%);
  }
}

@media (max-width:600px){
	
	.compa-pic-block {
		font-size: 0.85em;
	}
	
	.compa-pic-item {
		width: 49.5%;
	}

	
	.compa-pic-square {
		min-height: 100px;
		border: solid 1px;
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
	}
	
	.square-green {
		border-color: #aae2c0;
		box-shadow: 0px 0px 0px 3px #094;
	}
	
	.square-gray {
		border-color: #999;
		box-shadow: 0px 0px 0px 3px #999;
	}

}


.patent-img {
	width: 100%;
	margin: auto;
	padding: 30px 0;
}

.patent-img img {
	width: 180px;
	webkit-filter:drop-shadow(0px 5px 5px rgba(0,0,0,.4));
	-moz-filter:drop-shadow(0px 5px 5px rgba(0,0,0,.4));
	-ms-filter:drop-shadow(0px 5px 5px rgba(0,0,0,.4));
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,.4));
}

@media (max-width:600px){
	
	.patent-img {
		padding: 20px 0;
	}
	
	.patent-img img {
	width: 120px;
	webkit-filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));
	-moz-filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));
	-ms-filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));
	filter: drop-shadow(0px 3px 3px rgba(0,0,0,.4));
}

	
}

.foot-box {
	width: 100%;
	text-align: center;
	margin-top: 120px;
}

.foot-box img {
	width: 120px;
	margin-bottom: 1em;
}

.foot-box p {
	font-family: "Poppins", serif;
	font-weight: 500;
	font-size: 0.7em;
}

.foot-contact {
	padding-bottom: 30px;
	position: sticky!important;
	top: 90vh;
	width: 100%;
}

.thanks-form {
	display: inline-block;
	margin: auto;
	margin-top: 50px;
	transition: .2s;
}

.thanks-form p {
	font-weight: 700;
	color: #00a7d3;
}

.thanks-form:hover {
	opacity: 0.7;
}




@media (max-width:600px){
	
	.foot-box img {
		width: 100px;
	}
	
}

/* 追従ボタン*/

.button {
  position: fixed;
  right: 0;
  bottom: 250px;
	width: 45px;
  cursor: pointer;
  transition: .5s;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
}

@media (max-width:600px){
	
	.button {
		bottom: 100px;
		width: 35px;
	}
}

@media (max-width:350px){
	
	.button {
		bottom: 50px!important;
		width: 40px;
	}
}

.bt-top {
	position: absolute;
	bottom: 50px;
	right: 20px;
	width: 35px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.bt-top a:hover {
	filter: brightness(90%);
	transition: 0.2s linear;
}

.balloon-btm {
	position: relative;
	display: flex;
	font-size: 1em;
	font-weight: 500!important;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding: 25px 15px 25px 15px;
	width: 95%;
	margin: auto;
	margin-top: 10px;
	justify-content: center;
	align-items:center;
	font-weight: 400;
	color: #fff;
	box-sizing: border-box;
	border-radius: 7px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
	align-content:center;
	background:-webkit-linear-gradient(top, #555, #262626);
    background:-moz-linear-gradient(top, #555, #262626);
    background:-o-linear-gradient(top, #555, #262626);
    background:linear-gradient(#555, #262626);
	border: solid 2px #D69C00;
}

.balloon-btm span {
	font-size: 1.3em;
	font-weight:700;
	line-height: 1.6em;
}

.balloon-btm-pt {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image:url("../images/bg_asanoha.webp");
	background-position: center center;
	background-repeat: repeat;
	background-size: 50px;
	opacity: 0.08;
}

@media (max-width:768px){
	
	
}

@media (max-width:600px){
	

	
}

.promo_graph {
	position: relative;
	width: 100%;
	max-width: 650px;
	margin: auto;
	background-image:url("../images/promo_graph.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-bottom: 50px;
}

.promo_graph:before {
  content: "";
  display: block;
  padding-top: 85%;
}

@media (max-width:600px){
	
	.promo_graph {
		margin-bottom: 30px;
	}
}

.promo_graph_top {
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}

.promo_graph_btm {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

.promo_graph_top a,
.promo_graph_btm a {
	width: 35%;
}

.promo_graph_top img,
.promo_graph_btm img {
	/*-webkit-filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));
	-moz-filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));
	-ms-filter:drop-shadow(0px 3px 3px rgba(0,0,0,.4));
	filter: drop-shadow(0px 3px 3px rgba(0,0,0,.4));*/
	-webkit-filter:drop-shadow(4px 3px 0px rgba(210,210,210,1));
	-moz-filter:drop-shadow(4px 3px 0px rgba(210,210,210,1));
	-ms-filter:drop-shadow(4px 3px 0px rgba(210,210,210,1));
	filter: drop-shadow(4px 3px 0px rgba(210,210,210,1));
}

.promo_graph_top a:hover,
.promo_graph_btm a:hover {
	opacity: 0.8;
}


/*アコーディオン*/

.ac {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.ac > li {
	list-style: none;
}
.ac-label {
	min-height: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px 20px 30px;
	cursor: pointer;
	text-align: center;
	position: relative;
	background-color: #fff;
	color: #262626;
	transition: .3s;
	border-bottom: solid 2px #eee;
	z-index: 2;
}

.ac-label:hover {
	background-color: #efefef;
}

.ac-label p {
	text-align: left;
	width: 95%;
	margin-right: 5%;
	font-weight: 500;
	z-index: 2;
}

.ac-label-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:url("../images/bg_tit_head.webp");
	background-position: left -15% center;
	background-repeat: no-repeat;
	background-size: 200px;
	z-index: 1;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #efefef;
}

.ac-content {
	display: none;
	background-color: #fff;
	color: #262626;
	border-bottom: solid 2px #efefef;
}

.icon-wrap {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	white-space: nowrap;
	height: 100%;
	font-size: 0.75em;
	font-weight: 500;
	z-index: 2;
}
.icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.icon:before,
.icon:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #c03f3f;;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 2px;
  transform: translate(-50%, -50%);
}
.icon:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

/*＋、－切り替え*/
.icon.open:before {
  transform: translate(-50%, -50%) rotate(0deg);
}

@media (max-width:600px){
	
	.ac {
		margin-bottom: 20px;
	}
	
	.ac-label {
		min-height: 30px;
		padding: 15px 10px 15px 15px;
	}
	
	.ac-label p {
		font-size: 0.95em;
	}
	
	.ac-label-bg {
		background-position: left -50% center;
		background-size: 150px;
	}
	
	.icon-wrap {
		font-size: 0.7em;
		letter-spacing: 0.03em;
	}
	
	.icon-wrap b {
		display: none;
	}
}

/*アコーディオンここまで*/


.ac-content-inner {
	padding: 20px 20px 40px 20px;
}

.ac-comment,
.ac-content-inner dd {
	text-align: left;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
}

.ac-content-inner dd {
	font-size: 0.95em;
	text-align: left;
	padding: 15px 20px 10px 20px;
	border: solid 1px #ccc;
	background-image:url("../images/bg_tit_head.webp");
	background-position: right -120px bottom -120px;
	background-repeat: no-repeat;
	background-size: 250px;
}

.ac-content-inner dd dl {
	font-size: 1em;
	font-weight: 600;
	margin-bottom: 0.5em;
}


.conte-block {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.conte-case {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.conte-case dd {
	width: 49%;
	border: none;
	padding: 0!important;
	background: none;
	margin-bottom: 0!important;
}

.conte-case dd img {
	width: 100%;
}

.conte-case p {
	width: 100%;
	margin: auto;
	text-align: center;
	font-size: 0.8em;
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1.4em;
}

.conte-case span {
	width: 100%;
	margin: auto;
	text-align: center;
	font-size: 0.8em;
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1.6em;
}


.half-case {
	width: 49%;
}

.w600 {
	width: 100%;
	max-width: 600px;
	margin: auto;
}

.w400 {
	width: 100%;
	max-width: 400px;
	margin: auto;
}

.w300 {
	width: 100%;
	max-width: 300px;
	margin: auto;
}



@media (max-width:600px){
	
	.ac-content-inner {
	padding: 20px 15px 20px 15px;
}
	
	.ac-comment,
	.ac-content-inner dd {
		margin-bottom: 30px;
	}
	
	.ac-content-inner dd {
		padding: 10px 15px;
	}
	
	.conte-block {
		display: block;
	}
	
	.half-case {
		width: 100%;
	}
	
	.w300 {
		max-width: 250px;
	}

}


.sh_list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.sh_list i {
	display: inline-block;
	margin-right: 1em;
}

.sh_list i b {
	color: #c03f3f;
	margin-right: 0.2em;
}


.m-auto {
	display: inline-block;
	margin: auto;
}

.lss {
	letter-spacing: 0!important;
}

@media (max-width:600px){

	.lss {
	font-size: 0.91em
	}

}
/*ローディング*/

.load_inner{
	position:fixed;
	top: 50%;
	left: 50%;
	width:40px;
	height:40px;
	margin-left: -20px;
	margin-top: -20px;
}

.loading{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index:1000000000;
}

.load{
	position:relative;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#eee;
}
.load:after{
	position:absolute;
	top:4px;
	left:4px;
	width:32px;
	height:32px;
	border-radius:50%;
	background:#fff;
	z-index:1;
	content:"";
}
.load div{
	width:40px;
	height:20px;
	border-radius:20px 20px 0 0;
}
.load div:first-child{
	background:#ccc;
	transform-origin:20px 20px;
	transform:rotate(0deg);
	animation:load1 0.5s linear 0s infinite normal;
}

@keyframes load1{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

@-webkit-keyframes load1{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}

/*ローディングここまで*/

.menu_index {
    width: 250px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    background-color: white;
    border: solid 1px;
    cursor: pointer;
}

.toggle_btn {
    position: relative;
    width: 1rem;
    height: 1rem;
}

.toggle_btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: black;
    transition: .2s;
}

.toggle_btn.active::before {
    transform: translateX(-10px);
    opacity: 0;
}

.toggle_btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: black;
    transform: rotate(90deg);
    transition: .2s;
}

.toggle_btn.active::after {
    transform: rotate(0deg);
}

.conte-item {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.conte-column {
	width: 48.5%;
}

.conte-column p {
	font-size: 1em;
	letter-spacing: 0.1em;
	text-align: left;
}

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

.conte-center img {
	width: 70%;
}

@media (max-width:600px){
	
	.conte-item {
		display:block!important;
	}
	
	.conte-column {
		width: 100%;
	}
	
	.conte-center {
		padding: 50px 5px;
	}
	
}


.sev-block {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 30px;
}

.sev-id {
	width: 28%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sev-icon {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35%;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background-color: #fff;
	/*-webkit-filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));*/
	order-top: solid 1px #eee;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ccc;
}

.sev-icon:before {
  content: "";
  display: block;
  padding-top: 100%;
}


.sev-icon dd {
	position: relative;
	width: 87%!important;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	background-image:url("../images/ser_icon.webp");
	background-position: bottom -3px center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.sev-icon dd:before {
  content: "";
  display: block;
  padding-top: 100%;
}


.sev-name {
	width: 60%;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 0.15em;
	border: solid #ccc;
	border-width: 1px 0;
	padding: 15px 0;
}

.sev-balloon {
	width: 68%;
	-webkit-filter:drop-shadow(3px 3px 0px #ddd);
	-ms-filter:drop-shadow(3px 3px 0px #ddd);
	filter: drop-shadow(3px 3px 0px #ddd);
}

.sev-balloon div{
	position: relative;
	min-height: 80px;
	text-align: left;
	background-color: #fff;
	padding: 15px 20px;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px
}

.sev-balloon div:before {
  content: "";
  position: absolute;
  top: 52px;
  left: -35px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 25px solid #fff;
}

@media (max-width:600px){
	
	.sev-block {
		display: block;
	}
	
	.sev-id {
		width: 60%;
		margin: auto;
	}
	
	.sev-balloon {
		width: 100%;
		margin-top: 25px;
	}
	
	.sev-balloon div:after {
		content: "";
		position: absolute;
		top: -38px;
		left: 50%;
		margin-left: -17px;
		border: 15px solid transparent;
		border-bottom: 30px solid #fff;
		z-index: 1;
	}
	
	.sev-balloon div:before {
		display: none;
	}
}

.bg-green {
	background-color: #c2d968;
}

.bg-blue {
	background-color: #b1d7e0;
}

.bg-orange {
	background-color: #f7b52c;
}

.bg-gray {
	background-color: #baac9e;
}

.ev-conte {
	font-size: 1em;
	text-align: left;
	margin: 0 0 20px 0.3em;
}

.ev-conte a {
	font-weight: 700;
}

.ev-conte a:hover {
	opacity: 0.5;
}

.forum-balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 25px 15px;
  width: 100%;
  max-width: 800px;
  color: #fff;
  font-size: 1.2em;
	font-weight: 700;
  background: #D69C00;
  box-sizing: border-box;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.forum-balloon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 15px solid #D69C00;
  z-index: 2;
}

.forum-balloon dd {
	background-color: #ffe98d;
	color: #D69C00;
	display: inline-block!important;
	padding: 5px 20px 7px 20px;
	margin-top: 15px;
}

@media (max-width:600px){
	
	.forum-balloon {
		margin: 1.5em 0;
		padding: 13px 10px;
		font-size: 1.1em;
	}
	
	.forum-balloon dd {
		font-size: 0.95em;
	padding: 5px 10px 7px 10px;
		display: inline-block;
	margin-top: 15px;
}
	
}

@media (max-width:350px){
	
	.forum-balloon {
		padding: 15px;
		font-size: 1em;}
	
}

.forum-block {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	max-width: 900px;
	margin: auto;
}

.forum-ticket {
	width: 57.7%;
}

.forum-pic {
	width: 40.3%;
}

.forum-pic p{
	width: 100%;
	font-size: 0.9em;
	letter-spacing: 0.15em;
}

@media (max-width:600px){
	
	.forum-block {
		display: block;
		max-width: 270px;
		margin: auto;
	}
	
	.forum-ticket {
	width: 100%;
		margin-bottom: 10px;
}

.forum-pic {
	width: 100%;
}

	
}

.bt-entry-wrap {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.bt-entry {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
	font-weight: 500;
	letter-spacing: 0.2em;
	line-height: 1.6em;
	padding: 25px 15px 25px 15px;
	width: 100%;
	max-width: 450px;
	margin: auto;
	margin-bottom: 10px;
	color: #fff;
	box-sizing: border-box;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	align-content:center;
	background:-webkit-linear-gradient(top, #d15151, #C03F3F);
    background:-moz-linear-gradient(top, #d15151, #C03F3F);
    background:-o-linear-gradient(top, #d15151, #C03F3F);
    background:linear-gradient(#e66868, #d45252, #C03F3F, #b03434);
	border: solid 6px #D69C00;
	transition: .9s;
}

.bt-entry p {
	-webkit-filter:drop-shadow(2px 2px 0px #b13333);
	-ms-filter:drop-shadow(2px 2px 0px #b13333);
	filter: drop-shadow(2px 2px 0px #b13333);
}

.bt-entry dl {
	letter-spacing: 0.05em;
}

.bt-entry dd {
	display: inline-block;
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: 0.15em;
	-webkit-filter:drop-shadow(2px 2px 0px #b13333);
	-ms-filter:drop-shadow(2px 2px 0px #b13333);
	filter: drop-shadow(2px 2px 0px #b13333);
	padding-bottom: 3px;
	border-bottom: dotted 2px #fff;
}

.bt-entry:hover {
	background:linear-gradient(#b03434, #C03F3F, #d45252, #e66868);
}

@media (max-width:600px){
	
	.bt-entry {
		font-size: 1.2em;
		line-height: 1.4em;
		padding: 20px 15px 20px 15px;
		border-width: 5px;
	}
	
	
}

.contact-tit {
	position: relative;
	text-align: center;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: 0.45em;
	line-height: 1.8em;
	margin-bottom: 25px;
}

.contact-tit::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translate(-50%); /* 位置調整 */
	bottom: -25px; /* 下線の上下位置調整 */
	width: 120px; /* 下線の幅 */
	height: 3px; /* 下線の太さ */
	background-color: #C03F3F; /* 下線の色 */
}

.contact-tit p {
	font-size: 1.6em;
	font-weight: 500;
	letter-spacing: 0.1em;
	margin-top: 0.2em;
}

.bt-contact {
	width: 100%;
	min-height: 110px;
	background-color: #545f9e;
	border: solid 3px #6f7bc0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	transition: .3s;
}

.bt-contact:hover {
	opacity: 0.8;
}

.bt-contact div {
	width: 85%;
	margin: auto;
	display: flex;
	align-items: center;
}

.bt-contact div img {
	width: 12%;
	margin-right: 8%;
}

.bt-contact div dd {
	width: 80%;
	text-align: center;
	font-size: 1.3em;
	letter-spacing: 0.1em;
	font-weight: 600;
}

.bt-contact div dd span {
	font-weight: 400;
	font-size: 0.8em;
}

.bt-contact div dd p {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 2.4em;
	font-weight: 700;
	margin-bottom: 0.3em;
}


@media (max-width:768px){
	
	
	.bt-contact div dd {
		font-size: 1.1em;
	}
	
}

@media (max-width:600px){
	
	
	.bt-contact div dd {
		font-size: 1.2em;
	}
	
}



@media (max-width:380px){
	
	.bt-contact div img {
		width: 14%;
		margin-right: 6%;
	}

	
	.bt-contact div dd {
		width: 80%;
		font-size: 1.2em;
	}
	
}


footer {
	padding: 4% 3% 8% 3%;
	background-color: #fff;
}

.foot-block {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.foot-logo {
	width: 200px;
	transition: .3s;
}

.foot-logo img {
	width: 100%;
}

.foot-logo:hover {
	opacity: 0.5;
}

.foot-link {
	width: calc(100% - 200px);
	text-align: left;
}

.foot-link-inner {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.foot-link a {
	display: inline-block;
	font-size: 0.9em;
	margin: 0 1em!important;
}

.foot-link a:hover {
	opacity: 0.5;
}


.foot-sign {
	display: flex;
	justify-content: center;
}

.foot-sign p {
	font-size: 0.75em;
	letter-spacing: 0.1em;
	margin: 0 0.5em;
}

@media (max-width:768px){
	
	.foot-link {
		width: calc(100% - 300px);
		text-align: left;
	}
	
	.foot-link a {
		margin: 0.2em 0;
	}
	
	.foot-sign {
		display: block;
	}
	
	.foot-sign p {
		line-height: 1.8em;
	}

	
}

@media (max-width:600px){
	
	footer {
		padding: 7% 3% 20% 3%;
	}
	
	.foot-block {
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}
	
	.foot-logo {
		width: 180px;
		margin: auto;
	}
	
	.foot-link {
		display: none;
	}
	
	
	
}




.active{
  opacity: 1;
  visibility: visible;
}

.active:hover {
	opacity: 0.8;
}

.entry-link {
	width: 100%;
	height: 40px;
}

.back-to-top {
	position: absolute;
	bottom: -10px;
	right: 10%;
	transition: .3s;
	z-index: 10;
}

.back-to-top img {
	width: 45px;
}

.back-to-top:hover {
	opacity: 0.5;
}

@media (max-width:600px){
	
	.back-to-top {
		bottom: -15px;
	}
	
	.back-to-top img {
		width: 37px;
	}
	
	.bt-mb {
		margin-bottom: 40px;
	}

}

.map {
	width: 100%;
	height: 300px;
	border: solid 1px #ccc;
}

/*====================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================*/



/*

#fix-bt-wrap {
	width:100%;
	height: 100vh;
	margin: 0 auto;
	text-align:center;
	overflow: hidden;
	position: fixed!important;
	z-index: 1000;
}

.fix-bt {
	position: fixed;
	bottom: 200px;
	right: 0;
	width: 30px;
	height: 150px;
	background-color: #c00;
	
}


.balloon-btm p{
	display: inline;
	border-bottom: 2.5px #dd2651 dotted;
	padding-bottom: 0.4em;
}*/

.reason-tit-outer{
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #222;
}

.reason-screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3)!important;
}

.box-reason-tit{
	width:100%;
	max-width: 1400px;
	margin: 0 auto;
	overflow:hidden;
	position: relative;
	background-color: #60a9c6;
	padding: 0;
}

.box-reason-left {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content:center;
	flex-wrap: wrap;
	width:50%;
	position: relative;
	padding: 0;
	height: 430px;
	background-color: #262626;
	color: #fff;
}

.box-reason-left:after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #262626;
	border-width:20px 15px 0px 15px;
	z-index: 10!important;
}

.box-reason-left dd{
	width: 94%;
	font-size: 1.15em;
	letter-spacing: 0.3em;
	line-height: 1.6em;
	margin-bottom: 0;
	white-space:nowrap;
}

.box-reason-left p{
	display: block;
	font-size: 2.4em;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	font-family: 'Poppins', sans-serif;
}

.box-reason-right {
	width: 50%;
	float: right;
	display: flex;
	justify-content: safe center;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	position: relative;
	padding: 0;
	height: 430px;
	background-color: #262626!important;
	background-image:url("../images/reason_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.reason-item {
	position: relative;
	width: 70%!important;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	background: rgba(0,0,0,0.4)!important;
	transition: 0.3s;
}

.reason-item a:hover {
	opacity: 0.5!important;
	display: block;
}

.reason-item table{
	width: 100%;
}

.reason-item th {
	width: 53px;
	padding: 6px 0;
	vertical-align: middle;
	border: solid 1.5px #fff;
	text-align: center;
	background-color: #fff;
	font-size: 1em;
	font-family:'Oswald', sans-serif;
}

.reason-item th p {
	font-size: 0.65em;
	font-weight: 600;
	color: #60a9c6;
	line-height: 1em;
	margin-bottom: 0px;
	margin-left: 0.2em;
}

.reason-item th dd {
	font-size: 2.2em!important;
	font-weight: 700;
	line-height: 1em;
	margin: 0;
	color: #262626!important;
}

.reason-item td{
	width: 50px;
	padding: 0;
	vertical-align: middle;
	border: solid 1.5px #fff;
}

.reason-center {
	width: auto!important;
	text-align: left;
	padding: 10px 15px!important;
	font-size: 1.15em;
	font-weight: 500;
	letter-spacing: 0.2em;
	vertical-align: middle;
	border: solid 1.5px #fff;
	color: #fff;
}


.reason-arw {
	margin: auto;
	width: 7px;
	border-top-width: 7px!important;
	border-top: 7px solid #fff;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

@media (max-width:1100px){
	
	.box-reason-left, .box-reason-right {
		height: 350px;
	}
	
	.reason-item {
		width: 90%!important;
	}
	
	.reason-item th {
		font-size: 0.9em;
	}
	
	.reason-center {
		font-size: 1em;
	}
}
@media (max-width:768px){
	
	.box-reason-tit{
		display: block;
	}
	
	.box-reason-left {
		width:100%;
		height: 120px;
	}
	
	.box-reason-right {
		width:100%;
		height: 300px;
	}
	
	.box-reason-left dd{
		font-size: 1.1em;
	}
	
	.box-reason-left p{
		margin: 5px 0 6px 0;
		font-size: 1.7em;
		line-height: 1.4em;
	}
	
	.reason-item {
		max-width: 450px;
	}
	
	.reason-item th{
		width: 45px;
	}
	
	.reason-item td{
		width: 45px;
	}
}

@media (max-width:500px){
	
	.box-reason-left p{
		font-size: 1.6em;
	}
	
	.box-reason-left dd{
		font-size: 1em;
	}
	
	.reason-item th{
		width: 40px;
		font-size: 0.8em;
	}
	
	.reason-center {
		font-size: 0.9em;
	}
	
	.reason-item td{
		width: 40px;
	}
	
	.reason-arw {
		width: 6px;
		border-top-width: 5px!important;
		border-top: 6px solid #fff;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
	}

}

.reason-head{
	display: inline-block;
	background-color: #262626;
	color: #fff;
	padding: 7px 10px;
	font-size: 1.1em;
	font-weight: 500;
	font-family:'Oswald', sans-serif;
	border-bottom: solid 5px #60a9c6;
	margin-bottom: 13px;
}

.reason-head p {
	font-size: 0.7em;
	color: #60a9c6;
	line-height: 1.4em;
	margin-bottom: 0px;
	margin-left: 0.2em;
}

.reason-head dd {
	font-size: 2.2em!important;
	line-height: 1em;
	letter-spacing: 0.03em;
	margin-left: 0.05em;
	color: #fff;
}

.gallery-box-outer{
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.gallery-box {
	width: 100%;
	background-color: #fff;
	display: block;
	line-height: 0;
	padding-bottom: 4px;
}

.gallery-box img{
	margin: 0;
}

.gallery-box li{
	position: relative;
	overflow:inherit;
	border-right: solid 2px #fff;
}

.gallery-box p{
	position: absolute;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	bottom: -10px;
	left: 10%;
	width: 80%;
	height: 35px;
	background-color: #262626;
	color: #fff;
	padding: 5px!important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	-webkit-filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));	
}

@media (max-width:500px){
	
	.gallery-box p{
		width: 90%;
		left: 5%;
		font-size: 0.75em;
	}
	
}

.case-head {
	font-size: 1em;
}

.case-head th{
	background-color: #262626;
	font-family:'Oswald', sans-serif;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0 4px 0;
	width: 60px;
	height: 65px;
	border-right: solid 1px #fff;
	font-weight: 0.9em;
}

.case-head th p{
	font-size: 0.9em;
	font-weight: 600;
	color: #60a9c6;
	line-height: 1em;
	margin-bottom: 0px;
}

.case-head th dd{
	font-size: 2.2em!important;
	font-weight: 700;
	line-height: 1.2em;
	color: #fff;
}

.case-head td{
	text-align: left;
	padding: 9px 20px 7px 15px;
	background-color: #60a9c6;
	color: #fff;
	vertical-align: middle;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

.case-head td:after{
	display: inline-block;
	content: '';
	margin-right: 2px;
	float: right;
}

.case-disc{
	background-color: #262626!important;
	color: #fff;
	font-size: 0.9em!important;
	padding: 8px 20px 4px 15px!important;
}

.case-box{
	border: solid 4px #262626;
	padding: 20px;
}

@media (max-width:600px){
	
	.case-box{
		padding: 10px!important;
	}	
}

@media (max-width:380px){
	
	.case-box{
		padding: 10px 0 0 0!important;
		border: 0;
	}	
}

.case-prob{
	display: flex;
	align-items: center;
	flex-flow: row-reverse;
}

.case-prob-left{
	width: 35%;
	margin-right: 3%;
}

.case-prob-right{
	width: 62%;
}

.case-prob-right p{
	font-size: 1.1em;
	font-weight: 500;
}


.case-balloon {
	position: relative;
	display: inline-block;
	padding: 20px 25px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 1em;
	text-align: left;
	background: #262626;
	color: #fff;
	font-size: 1.05em;
	letter-spacing: 0.1em;
	line-height: 1.7em;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.case-balloon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -40px;
	margin-top: -20px;
	border: 20px solid transparent;
	border-right: 25px solid #262626;
}
.case-balloon:after{
	display: none;
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -17px;
	border: solid transparent;
	border-top: solid #262626;
	border-width:20px 15px 0px 15px;
	z-index: 10;
}

@media (max-width:650px){
	
	.case-head th{
		padding: 5px 13px 0 13px;
	}
	
	.case-head th p{
		font-size: 0.8em;
	}
	
	.case-head th dd{
		font-size: 2em!important;
		line-height: 1.2em;
	}
	
	.case-head td{
		padding: 7px 10px 5px 10px;
		font-size: 1.1em;
		width: 100%;
	}
	
	.case-disc{
		font-size: 0.9em!important;
		padding: 4px 10px 2px 10px!important;
	}
	
	.case-box{
		padding: 10px;
	}
	
	.case-prob{
		display: block;
	}
	.case-prob-left{
		width: 50%;
		margin-right: 0;
		margin: auto;
	}
	
	.case-prob-left img{
		max-width: 220px;
		width: 100%;
	}
	
	.case-prob-right{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.case-prob-right p{
		text-align: center;
}

	.case-balloon {
		margin: 5px;
		font-size: 1em;
		line-height: 1.6em;
	}
	
	.case-balloon:before {
		display: none;
	}
	
	.case-balloon:after{
		display: block;
	}
}

@media (max-width:380px){
.case-disc{
		font-size: 0.8em!important;
		padding: 4px 10px!important;
	}
}
.arw-line {
	display: inline-block;
	width: 27px;
	height: 27px;
	margin: 0 10px;
	border-bottom: 2px solid #262626;
	border-right: 2px solid #262626;
	transform: rotate(45deg);
}

.article-head-1 {
	position: absolute;
	background-color: #262626;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	width: 280px;
	height: 65px;
	padding: 15px 5px;
	border-bottom: solid 5px #60a9c6;
	letter-spacing: 0.05em;
	margin: auto;
	top: -32.5px;
	left : -webkit-calc(50% - 140px);
	left : calc(50% - 140px);
	-webkit-filter:drop-shadow(6px 4px 0px rgba(0, 0, 0, 0.15));
	-moz-filter:drop-shadow(6px 4px 0px rgba(0, 0, 0, 0.15));
	-ms-filter:drop-shadow(6px 4px 0px rgba(0, 0, 0, 0.15));
	filter: drop-shadow(6px 4px 0px rgba(0, 0, 0, 0.15));
}

.article-head-1 span{
	font-weight: 700;
	font-size: 0.98em;
}

.article-head-2 {	
	background-color: #262626;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 1.2em;
	width: 100%;
	height: 65px;
	padding: 18px 5px;
	border-bottom: solid 5px #60a9c6;
	letter-spacing: 0.15em;
	margin: auto;
}

.article-head-bg {
	text-align: center;
	position: relative;
	width: 100%;
	height: 32.5px;
	background-color: #eee;
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 32.5px;
}

.case-article {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #eee;
	padding: 20px 20px 10px 20px;
	margin-bottom: 45px;
}

.case-article dd{
	display: flex;
	align-items:center;
	justify-content: flex-start;
	width: 100%;
	background-color: #fff;
	color: #262626;
	border: dotted 2px #262626;
	padding: 15px 20px;
	text-align: left;
	margin-bottom: 0;
}

.case-article dd img{
	width: 27px;
	margin: 0 20px 0 0;
}

.case-article dd p{
	font-size: 1.15em;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	font-weight: 600;
	margin: 0;
}

@media (max-width:600px){
	.article-head-1 {
		width: 250px;
		height: 60px;
		font-size: 1.4em;
		left : -webkit-calc(50% - 125px);
		left : calc(50% - 125px);
	}
	
	.article-head-2 {
		font-size: 1.15em;
		height: 60px;
	}
	
	.case-article {
		padding: 10px 10px 0 10px;
		margin-bottom: 35px;
	}
	
	.case-article dd{
		padding: 10px 12px;
	}
	
	.case-article dd img{
		width: 20px;
		margin: 0 15px 0 0;
	}
	
	.case-article dd p{
		font-size: 1.05em;
		line-height: 1.4em;
	}

}

@media (max-width:600px){
	
	.article-head-2 {
		font-size: 1em;
		height: 60px;
	}
	
	.case-article dd img{
		width: 17px;
		margin: 0 10px 0 0;
	}
	
	.case-article dd p{
		font-size: 1em;
	}
		
}

.tit-befor {
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	font-size: 1.8em;
	padding: 0 0 1px 0.1em;
	letter-spacing: 0.1em;
	border-bottom: dotted 2px #262626;
	margin-bottom: 40px;
}

.blue-triangle {
	margin: auto;
	width: 50px;
	border-top-width: 25px!important;
	border-top: 25px solid #60a9c6;
	border-right: 25px solid transparent;
	border-left: 25px solid transparent;
}

.ex2-case{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 50px;
}

.ex2-case img{
	width: 47%;
	margin: auto;
	-webkit-filter:drop-shadow(10px 10px 0px rgba(0, 0, 0, 0.1));
	-moz-filter:drop-shadow(10px 10px 0px rgba(0, 0, 0, 0.1));
	-ms-filter:drop-shadow(10px 10px 0px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(10px 10px 0px rgba(0, 0, 0, 0.1));
}

.ex3-case{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.ex3-case img{
	width: 32.333%;
	margin: 0.5%;
	filter: drop-shadow(10px 10px 0px rgba(0, 0, 0, 0.1));
}

@media (max-width:450px){
	
	.tit-befor {
		font-size: 1.6em;
		margin-bottom: 30px;
	}
	
	.ex2-case{
	margin-bottom: 30px;
}

	.ex3-case{
		margin-bottom: 30px;
	}
	
	.ex2-case img{
		-webkit-filter:drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.1));
		-moz-filter:drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.1));
		-ms-filter:drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.1));
		filter: drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.1));
	}
	
	.ex3-case img{
		width: 48%;
		margin: 1%;
		-webkit-filter:drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.1));
		-moz-filter:drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.1));
		-ms-filter:drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.1));
		filter: drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.1));
	}

	
}

.store-map {
	margin: 50px 0 65px 0;
}

.repair-man {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: auto;
	margin-top: 50px;
}

@media (max-width:768px){
	
	.store-map {
		margin: 30px 0 60px 0;
	}
	
	.repair-man {
		max-width: 280px;
		margin-top: 40px;
	}

}

@media (max-width:450px){
	
	.store-map{
		margin: 20px 0 40px 0;
	}
	
	.repair-man {
		margin-top: 30px;
	}

}

@media (max-width:380px){
	
	.store-map{
		margin: 10px 0 30px 0;
	}
	
	.repair-man {
		margin-top: 25px;
	}

}

.ex2-service{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.ex2-service-pic{
	position: relative;
	width: 48%;
	margin: 0;
}

.ex-free{
	position: absolute;
	font-size: 1.6em;
	top:-15px;
	left:-10px;
	width: 55px;
	height: 55px;
	color: #fff;
	background-color: #dd2651;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	line-height: 0.8em;;
	transform: rotate(-10deg);
	-webkit-filter:drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.1));
	-moz-filter:drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.1));
	-ms-filter:drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.1));
}

.ex-free p{
	display: block;
	padding: 20px 0 0 0.2em;
	font-size: 0.65em!important;
	font-weight: 800;
	letter-spacing: 0.2em;
}

.ex3-service{
	width: 100%;
	display: flex;
	align-items: flex-start;
	align-content: center;
	justify-content: center;
	flex-wrap:wrap;
}

.ex3-service img{
	width: 32.333%;
	margin: 0.5%;
	
}

@media (max-width:450px){
	
	.ex3-service img{
		width: 48%;
		margin: 1%;
	}
	
	.ex-free{
		width: 45px;
		height: 45px;
	}
	
	.ex-free p{
		padding: 15px 0 0 0.2em;
		font-size: 0.55em!important;
	}
	
}

.red-triangle {
	display: block;
	margin: auto;
	width: 60px;
	border-top-width: 30px!important;
	border-top: 30px solid #dd2651;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	margin: auto;
	margin-bottom: 25px;
}

.balloon-service-bk {
	position: relative;
	display: block;
	width: 100%;
	max-width: 400px;
	padding: 20px 10px;
	background-color: #262626;
	color: #fff;
	font-size: 1.1em!important;
	font-weight: 500!important;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	margin: auto;
	margin-top: -62.5px;
	margin-bottom: 30px!important;
	-webkit-filter:drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.2));
}

.balloon-service-bk:after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -15px;
	border: solid transparent;
	border-top: solid #262626;
	border-width:20px 15px 0px 15px;
	z-index: 10;
}

.video-wrap {
	position: relative;
	width: 100%;
	max-width: 500px;
	margin: auto;
	margin-top: -70px;
	margin-bottom: 70px!important;
}

.movie-thum {
	width: 100%;
}

/*
.movie-thum {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
	margin: auto;
	margin-top: -70px;
}


.movie-thum {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}

.youtube-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/




.movie-balloon {
	position: absolute;
	width: 40%;
	top: -30%;
	right: -10%;
	z-index: 10;
	-webkit-filter:drop-shadow(3px 3px 0px rgba(0,0,0,.2));
	-moz-filter:drop-shadow(3px 3px 0px rgba(0,0,0,.2));
	-ms-filter:drop-shadow(3px 3px 0px rgba(0,0,0,.2));
	filter: drop-shadow(3px 3px 0px rgba(0,0,0,.2));
}


.apo-conte {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.apo-item {
	width: 48.5%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	margin-bottom: 4%;
}

.apo-item-img {
	width: 25%;
}

.apo-item-txt {
	width: 70%;
	text-align: left;
	letter-spacing: 0.1em;
}

.apo-item-txt p {
	font-size: 1.05em;
	font-weight: 600;
}

@media (max-width:600px){
	
	.movie-balloon {
		right: -5%;
	}
	
	.apo-item {
		width: 100%;
		border-bottom: solid 1px #ccc;
		padding-bottom: 6%;
		margin-bottom: 6%;
	}
	
	.apo-item-img {
		width: 20%;
	}
	
	.apo-item-txt {
		width: 75%;
	}

	.apo-item-txt p {
		font-size: 1em;
		margin-bottom: 3px;
	}

}


/*
.balloon-service-w {
	position: relative;
	display: block;
	width: 100%;
	max-width: 400px;
	padding: 30px 10px;
	background-color: #fff;
	color: #262626;
	font-size: 1.2em!important;
	font-weight: 500!important;
	letter-spacing: 0.2em;
	margin: auto;
	margin-bottom: 30px!important;
	border: solid 1px #eee;
	-webkit-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
}

.balloon-service-w:after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -15px;
	border: solid transparent;
	border-top: solid #fff;
	border-width:20px 15px 0px 15px;
	z-index: 10;
}
*/
.balloon-service-w {
  position: relative;
  display: inline-block;
  width: 100%;
	max-width: 400px;
	padding: 30px 10px;
	background-color: #fff;
	color: #262626;
	font-size: 1.2em!important;
	font-weight: 500!important;
	letter-spacing: 0.2em;
	margin: auto;
	margin-bottom: 30px!important;
  border: solid 1px #ddd;
	-webkit-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
}

.balloon-service-w:before {
  content: "";
  position: absolute;
	bottom: -30px;
  left: 50%;
  margin-left: -13px;
  border: 13px solid transparent;
  border-top: 18px solid #FFF;
  z-index: 2;
}

.balloon-service-w:after {
  content: "";
  position: absolute;
	bottom: -34px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 20px solid #ddd;
	z-index: 1;
}


.c-marker {
    background: -webkit-linear-gradient(left, rgb(255,210,213) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgb(255,210,213) 50%, transparent 50%);
    background: linear-gradient(left, rgb(255,210,213) 50%, transparent 50%);
	background-repeat: no-repeat;
	background-size: 200% .8em; 
    background-position: 100% .5em;
    transition: 2s;
}
.c-marker.is-active{
    background-position: 0% .9em;
}

.b-marker {
    background: -webkit-linear-gradient(left, rgb(247,187,201) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgb(247,187,201) 50%, transparent 50%);
    background: linear-gradient(left, rgb(247,187,201) 50%, transparent 50%);
	background-repeat: no-repeat;
	background-size: 200% .3em; 
    background-position: 100% .5em;
    transition: 1s;
}
.b-marker.is-active{
    background-position: 0% 1.2em;
}

@media (max-width:600px){
	
	.balloon-service-bk {
		font-size: 1em!important;
		letter-spacing: 0.1em;
		
	}
	
	.balloon-service-w {
		font-size: 1.05em!important;
		letter-spacing: 0.1em;
		
	}
	
}

.balloon-service-w p{
	/*display: inline;
	border-bottom: 1.5px #dd2651 dotted;
	padding-bottom: 7px;*/
}


.ex2-kaiketsu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	-webkit-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
}

.ex2-kaiketsu-tit {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 55%;
	background-color: #1c485f;
	color: #fff;
}

.ex2-kaiketsu-tit img{
	width: 40px;
	margin: auto;
	margin-top: 5%;
	margin-bottom: 20px;
}

.ex2-kaiketsu-tit p{
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.6em;
}

.ex2-kaiketsu-img{
	width: 45%;
	border: solid 1px #ddd;
}

@media (max-width:600px){
	
	.ex2-kaiketsu-tit {
		width: 100%;
		max-width: 320px;
		margin-top: 0;
		margin: auto;
		padding: 15px 10px 10px 10px;
	}
	
	.ex2-kaiketsu-tit img{
		width: 30px;
		margin-bottom: 15px;
		margin-top: 3%;
	}
	
	.ex2-kaiketsu-tit p{
		font-size: 1.1em;
	}
	
	.ex2-kaiketsu-img{
		width: 100%!important;
		max-width: 320px;
		margin: auto;
	}
	
}

.ex3-partner{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 102%;
	margin: 0 -1% 15px -1%;
}

.ex3-partner p{
	width: 31.333%;
	height: 7em;
	margin: 1%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;flex-wrap: wrap;
	background-color: #fff;
	border: solid 1px #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));
	-moz-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));
	-ms-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));
}

.ex3-partner p img{
	width: 65px;
	margin-bottom: 7px;
}

.ex3-partner p span{
	font-size: 0.85em;
	letter-spacing: 0.1em;
}

.ex4-partner{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
	width: 102%;
	margin: 0 -1%;
}

.ex4-partner p{
	width: 23%;
	height: 6em;
	margin: 1%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #66b6d5;
	font-size: 0.85em;
	letter-spacing: 0.1em;
	background-color: #fff;
	border: solid 1px #eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));
	-moz-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));
	-ms-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.1));
}

@media (max-width:768px){
	
	.ex4-partner p{
		width: 31.3%;
		height: 6em;
		margin: 1%;
	}
	
}

@media (max-width:650px){

	.ex3-partner p{
		width: 48%;
	}	

}

@media (max-width:550px){
	
	.ex3-partner p{
		width: 100%;
		max-width: 250px;
	}
	
	.ex4-partner p{
		width: 48%;
		height: 6em;
		margin: 1%;
	}
	
}

@media (max-width:350px){
	
	.ex4-partner p{
		font-size: 0.8em;
	}

}

.custmer-tit {
	width: 100%;
	background-color: #262626;
	color: #fff;
	padding: 17px 20px;
	text-align: left;
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.6em;
	border-left: solid 8px #60a9c6;
	margin-bottom: 30px;
}

.custmer-pic{
	width: 100%;
	display: flex;
	margin-bottom: 20px;
}

.custmer-pic-left{
	width: 44.5%;
}

.custmer-pic dd{
	width: 5.5%;
	transform:rotate(-90deg);
}

.custmer-pic dt{
	width: 100%;
	font-family: 'Poppins', sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 10px 0;
}

.custmer-pic-right{
	width: 50%;
}

.red-tri-s {
	display: block;
	margin: auto;
	width: 20px;
	border-top-width: 15px!important;
	border-top: 5px solid #dd2651;
	border-right: 23px solid transparent;
	border-left: 23px solid transparent;
	margin-top: 10%
}

@media (max-width:768px){
	
	.custmer-tit {
		font-size: 1.1em;
		padding: 10px 15px;
	}

	.custmer-pic{
		display: block;
	}
	
	.custmer-pic-right img{
		width: 100%;
		max-width: 400px;
	}
	
	.custmer-pic-left{
		width: 100%;
	}
	
	.custmer-pic-left img{
		width: 89%;
		max-width: 356px;
	}
	
	.custmer-pic-right{
		width: 100%;
	}
	
	.custmer-pic dd{
		transform:rotate(0deg);
		margin-bottom: 15px;
	}
	
	.red-tri-s {
		margin-top: 0%
	}

}

.custmer-data-box{
	width: 100%;
	background-color: #f7f7f7;
	display: flex;
	font-size: 0.95em;
	letter-spacing: 0.1em;
	flex-wrap: wrap;
	padding: 1%;
	margin-bottom: 25px;
}

.custmer-data{
	width: 18%;
	margin: 1.5% 1%;
}

.custmer-data p{
	font-weight: 600;
	padding-bottom: 8px;
	border-bottom: dotted 1px #262626;
}

.custmer-data dd{
}

@media (max-width:600px){
	
	.custmer-data{
		width: 31.3%;
		margin: 3% 1%;
	}
	
}


.greet-pic-box{
	position: relative;
	width: 100%;
	height: 350px;
	background-image:url("../images/greet_pic.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.greet-pic-box p{
	position: absolute;
	display: block;
	top: 48%;
	left: 57%;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 0.15em;
	margin-right: 4%;
}


.greet-txt-box{
	position: relative;
	display: block;
	width: 100%;
	background-color: #1c485f;
	padding: 3% 0;
	color: #fff;
}

.greet-txt-box dd{
	width: 96%;
	max-width: 800px;
	background: rgba(0,0,0,0.4);
	padding: 17px 25px;
	text-align: left;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	line-height: 1.7em;
	margin: auto;
	margin-bottom: 15px;
}

.greet-txt-box dd p{
	font-weight: 600;
	margin-bottom: 0.3em;
}

.greet-txt-box dd p span{
	font-weight: 400;
	letter-spacing: 0em;
	margin-right: 0.3em;
}

.inner-greet {
	width:94%;
	margin: 0 auto;
}

.greet-txt-bg{
	position: absolute;
	width: 100%;
	height: 100%!important;
	top: 0;
	left: 0;
	background-image:url("../images/greet_pic.jpg");
	background-position: left 60% center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.15;
}

@media (max-width:768px){
	
	.greet-pic-box{
		background-position: left 42% center;
	}

	.greet-pic-box p{
		top: 45%;
		left: 53%;
		font-size: 1.2em;
	}
	
	.greet-txt-bg{
		background-position: left 40% center;
	}
}

@media (max-width:450px){
	
	.greet-txt-box{
		padding: 4% 0;
	}
	
	.greet-pic-box{
		height: 300px;
		background-position: left 40% center;
	}
	
	.greet-txt-box dd{
		width: 100%;
		font-size: 0.9em!important;
		padding: 17px 10px 17px 15px;
	}
	
	.greet-pic-box p{
		top: 45%;
		left: 49%;
		font-size: 1em;
		margin-right: 2%;
	}
	
	.greet-txt-bg{
		background-position: left 35% center;
	}
}

.balloon-call {
	position: relative;
	width: 100%;
	max-width: 500px;
	height: 120px;
	padding: 30px 20px;
	background-color: #262626;
	color: #fff;
	font-size: 1.4em!important;
	font-weight: 400!important;
	letter-spacing: 0.2em;
	line-height: 1.6em;
	margin: auto;
	margin-top: -62.5px;
	margin-bottom: -50px;
	-webkit-filter:drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
	-moz-filter:drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
	-ms-filter:drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
	z-index: 20;
}

.balloon-call:after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -15px;
	border: solid transparent;
	border-top: solid #262626;
	border-width:20px 15px 0px 15px;
	z-index: 10;
}

.ex2-call {
	width: 94%;
	max-width: 1000px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	-webkit-filter:drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.3));
	-moz-filter:drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.3));
	-ms-filter:drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.3));
	filter: drop-shadow(0px -3px 5px rgba(0, 0, 0, 0.3));	
}

.ex2-call-txt {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	width: 70%;
	padding: 100px 30px 30px 30px;
	background-color: #fff;
	text-align: left;
	font-size: 1.05em;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	border: solid #ddd;
	border-width: 1px 1px 0 1px;
}

.ex2-call-img{
	width: 30%;
	background-image:url("../images/call_pic.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sign{
	text-align: right;
	margin-top: 20px;
	margin-right: 10px;
}

.sign span{
	display: block;
	font-weight: 500!important;	
}

@media (max-width:768px){
	
	.balloon-call {
		width: 90%;
		max-width: 450px;
		height: 100px!important;
		margin-bottom: -20px;
		padding: 22px 10px!important;
		font-size: 1.3em!important;
	}
	
	.ex2-call-txt {
		width: 100%;
		padding: 30px 30px 40px 30px;
	}
	
	.ex2-call-img{
		width: 100%;
		height: 350px;
	}
	
}

@media (max-width:450px){
	
	.ex2-call {
		width: 100%;
	}
	
	.balloon-call {
		height: auto!important;
		padding: 27px 20px!important;
		font-size: 1.1em!important;
	}
	
	.ex2-call-img{
		width: 100%;
		height: 220px;
	}
	
	.ex2-call-txt {
		font-size: 0.97em;
		padding: 15px 20px 30px 20px;
	}
	
}

@media (max-width:380px){
	
	.balloon-call {
		padding: 17px 30px!important;
		font-size: 1em!important;
	}
	
}

.campaign-tit{
	font-size: 1.4em;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
	
}

.campaign-bnr{
	width: 100%;
	margin-bottom: 30px;
}

.campaign-bnr-sp{
	display: none;
}

.campaign-repairman{
	width: 400px;
}

@media (max-width:600px){
	
	.campaign-bnr{
		display: none;
	}
	
	.campaign-bnr-sp{
		display: block;
		width: 100%;
		max-width: 300px;
		margin: auto;
		margin-bottom: 30px;
	}
	
	.campaign-tit{
		font-size: 1.2em;
		margin-bottom: 30px;
	}
	
	.campaign-repairman{
		width: 100%;
		max-width: 270px;
	}
}

.tel-box{
	display: inline-block;
	margin: 0 auto!important;
	text-align: center!important;
	padding: 7px 20px 12px 25px;
	background: rgba(0,0,0,0.5);
	border: solid 1px #fff;
}

.tel-box p{
	font-size: 1em;
	letter-spacing: 0.2em!important;
	line-height: 1.6em;
	margin: -5px 0 0 0;
}

.tel_num {
	width: 100%;
	display: flex;
	align-items: center;
	margin: 0;
}

.tel_num img{
	width: 23px;
	margin: 0 10px 0 0;
}

.tel_num span{
	font-family:'Oswald', sans-serif;
	font-size: 2.2em;
	font-weight: 700;
	margin: 0;
	padding-bottom: 5px;
	letter-spacing: 0.05em;
}

.docu-box {
	font-size: 1.1em;
	line-height: 1.7em;
	letter-spacing: 0.2em!important;
	text-align: left;
}

@media (max-width:600px){
	
	.docu-box {
	font-size: 1em;
	}
	
}

@media (max-width:380px){
	
	.docu-box {
	font-size: 0.9em;
	}
	
}

/*スクロールフェードイン*/
.left-to-right {
  opacity: 0;
  transform: translateX(-300px);
  transition: all 0.7s;
}
.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}
.right-to-left {
  opacity: 0;
  transform: translateX(300px);
  transition: all 0.7s;
}
.right-to-left.scrollin {
  opacity: 1;
  transform: translate(0);
}
.down-to-top {
  opacity: 0;
  transform: translateY(200px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}
.top-to-down {
  opacity: 0;
  transform: translateY(-200px);
  transition: all 1s;
}
.top-to-down.scrollin {
  opacity: 1;
  transform: translateY(0);
}

.fadein-1 {
  opacity: 0;
  transition: all 2s;	
}
.fadein-1.scrollin {
  opacity: 0;
	animation: fadein-key-1 1s linear forwards;
}

@keyframes fadein-key-1 {
	0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadein-2 {
  opacity: 0;
  transition: all 2s;	
}
.fadein-2.scrollin {
  opacity: 0;
	animation: fadein-key-2 2s linear forwards;
}

@keyframes fadein-key-2 {
	0% {opacity: 0;}
   50% {opacity: 0;}
  100% {opacity: 1;}
}


.fadein-3 {
  opacity: 0;
  transition: all 2s;	
}
.fadein-3.scrollin {
  opacity: 0;
	animation: fadein-key-3 3s linear forwards;
}

@keyframes fadein-key-3 {
	0% {opacity: 0;}
   50% {opacity: 0;}
  100% {opacity: 1;}
}



/*追従ボタン
#page-top {display: block;
    position: fixed;
    bottom: 20px;
    right: 0px;
	margin-bottom: 50px;
	z-index: 1000!important;
}
#page-top p {
	position: relative;
    background: #262626;
	color: #fff;
    text-decoration: none;
	width: 58px;
    padding: 25px 0 15px 2px;
    text-align: center;
    display: block;
    border-radius: 6px 0px 0px 6px;
	border: solid #fff;
	border-width: 2px 0 2px 2px;
	transition: 0.6s;
	-webkit-filter:drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.4));
	-moz-filter:drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.4));
	-ms-filter:drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.4));
	animation: bg-color 5s infinite;
	-webkit-animation: bg-color 5s infinite;
	z-index: 1000!important;
}*/


@keyframes bg-color {
    0% { background-color: #262626; }
   35% { background-color: #262626; }
   50% { background-color: #60a9c6; }
   65% { background-color: #262626; }
  100% { background-color: #262626; }
}

#page-top p img {
	display: block;
    width: 17px!important;
	margin-top: 35px!important;
	margin: auto;
}

.bt-con-eng {
	display: block;
	text-align: left;
	width: 90px;
    font-family:'Oswald', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin: 0;
}

.bt-con-jp {
	display: block;
	text-align: left;
	width: 90px;
	font-size: 0.68em;
	font-weight: 400;
	letter-spacing: 0.2em;
	padding-left: 0.08em;
}

.rotate90 {
	display:block;
	transform:rotate(90deg); 
}


@media (max-width:550px){
	
	#page-top p {
		width: 40px;
		padding: 20px 0 10px 4px;
	}
	
	#page-top p img {
		width: 10px!important;
		margin-top: 30px!important;
	}
	
	.bt-con-eng {
		font-size: 0.9em;
	}
	
	.bt-con-jp {
		font-size: 0.5em;
	}

}



	
.br-cont{
	display:inline-block!important;
}

@-ms-viewport {
    width:auto;
}