@charset "UTF-8";
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, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
zoom: 1;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
table {
border-collapse: collapse;
font-family: inherit;
}
h1,h2,h3,h4,h5 {
font-size: 100%;
font-weight: normal;
line-height: 1;
}
input,textarea,select {
font-family: inherit;
font-size: 16px;
}
input[type="button"],input[type="text"],input[type="submit"] {
 -webkit-appearance: none;
 border-radius: 0;
}
textarea {
resize: none;
-webkit-appearance: none;
border-radius: 0;
}
th,td {border-collapse: collapse;}
table th,table td {white-space: nowrap;}
ul,ol {list-style-type: none;}
img {
vertical-align: text-bottom;
vertical-align: -webkit-baseline-middle;
max-width: 100%;
height: auto;
width /***/:auto;
}

/**************************************main*****************************************/

main {
	max-width: 100%;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;	
}

img {
  max-width: 100%;
  max-height: 100%;
}

.link a{ 
	display: block;
	overflow:hidden;
	transition: .3s;
}
.link a:hover {   opacity: 0.8;}

.pc {		display: block;	}
.sp {		display: none;	}

@media screen and (max-width: 1000px) {
	.pc {		display: none;	}
	.sp {    display: block; } 
 }

@media screen and (max-width: 1000px) {
	.btn_sp {	margin: 0 5% ;	}
}


/*************************************header******************************************/

header{
	width: 100%;
	height: 5.6em;
	background-color: #fff;
	display: flex;	
	position: relative;
	top: 0;
}

header h1{
	position: absolute;
	left: 3%;
	top:30%;
}
header h1 img{	width: 72%;}

header .right_wrapper{
	width: 100%;	
	display: flex;
	top: 0;
	gap:2%;	
	justify-content: flex-end;
	align-items: center;
}

header .header_logo {	height: 5.6em;}

header .header_contact p a {
	 position: relative;
	 display: block;
	 background-color: #ff6325;
	 color: #fff;
	 padding: 2em 0 0 0;
	 height:  3.6em;
	 width: 15em;
	 text-decoration: none;
	 text-align: center;
}

 header .header_contact p a::before{ 
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 9em;
	 margin: auto;
	 width: 12px;
	 height: 2px;
	 background: #fff;
	 -webkit-transform: rotate(135deg);
	 transform: rotate(135deg);
}
header .header_contact p a::after{ 
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 9em;
	margin: auto;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}


@media screen and (max-width: 1000px) {
	
	header{		height: 4em;}
	
	header h1 img{	width: 54%;}

	header .header_contact p a {
		 padding: 1em 0 0 0;
		 height:  3em;
		 width: 13em;
	}
	header .header_contact p a::before{ 		 left: 8em;	}
	header .header_contact p a::after{ 		left: 8em;	}	
}


/***************************************mv****************************************/

#mv{
	width: 100%;
	height: 39vw;
	background-image: url("../img/mv_01.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}

#mv h2,#mv .copy{	display: none;}

#mv .circle{
	background-image: url("../img/mv_02.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;	
	bottom:-1vw;
	right: 15%;
	width: 12vw;
	height: 12vw;
}

@media screen and (max-width: 1000px) {
	
	#mv{
		width: 100vw;
		height: 171vw;
		background-image: url("../img/sp/mv_01.png");
	}
	#mv .btn_sp{
		position: absolute;
		bottom: 0;
	}
}

/**************************************kaiketu*****************************************/

#kaiketu{ margin: 10% 10%;}
#kaiketu h2{	margin: 0 0 2% 0;}
#kaiketu p{	margin: 0 0 2% 0;}

@media screen and (max-width: 1000px) {
	#kaiketu{ 	margin: 20% 0 0 0 ;	}
	#kaiketu p{	margin: 0 0 10% 0;}
	#kaiketu h2{
		width: 80%; 
		margin: 0 auto 10% auto;
	}	
}

/***************************************tokutyo****************************************/

#tokutyo{	
	margin: 5% 10%;
	background-color: #f6f6f6;
}
#tokutyo h2{
	padding: 5% 0 0 0;
	text-align: center;
}
#tokutyo02{	
	margin: 5% 10% 10% 10%;
	text-align: center;
}
.tokutyo_h3{
	display: flex;
	height: 164px;
	padding: 5% 0 0 0 ;
}
.tokutyo_h3 h3{
	background-color: #fff;
	width: 35%;	
	padding: 0 5% 0  10% ;
}

.tokutyo_h3 p{
	width: 50%;
	display: flex;
	height: 164px;
	align-items: center;
}
.tokutyo_p{	padding: 5% 10% ;}

.tokutyo_01_ul{
	width: 80%;
	display: flex;
	gap:2%;
	margin: 5%  auto;
}
.tokutyo_02_ul{
	width: 80%;
	display: flex;
	gap:2%;
	margin: 5%  auto;
}

@media screen and (max-width: 1000px) {
	
	#tokutyo{
		margin: 10% 0 0 0;
		padding: 0  0 15% 0;
	}
	#tokutyo h2{	padding: 10% 5% 5% 5%;}
	#tokutyo h3{
		text-align:inherit;
		background-color:none;
		width: 90%;	
		padding: 5% 0 0 0 ;}

	#tokutyo p{	padding: 5% ;}

	.tokutyo_01_ul,.tokutyo_02_ul{
		width: 90%;
		display: block;
		margin: 5% auto;
	}
	.tokutyo_01_ul li,.tokutyo_02_ul li{	padding:  0 0 5% 0;}

}

/****************************************jirei***************************************/

#jirei{
	margin: 5% 10%;
	background-color: #e7f1ef;
}
#jirei div{	padding: 5% 10%;}


@media screen and (max-width: 1000px) {
	#jirei{
		margin: 0 0 5% 0;
		padding: 0 ;
	}
	#jirei div{	padding: 5%;}	
	#jirei div p{	margin: 0 0 5% 0 ;	}
	
	#jirei .jirei_sp{background-color: #fff;	}
}

/***************************************yosan****************************************/

#yosan{
	margin: 5% 10%;
	background-color: #f6f6f6;
}
#yosan .plus{
	background-image:url("../img/yosan_06.png");
	background-repeat: no-repeat;
	background-size: 7%;
	background-position: top center;
	padding: 4.5vw 0 0 0;
	margin: 1vw 0 0 0 ;
}

#yosan div{	padding: 5% 10%;}

.yosan02{	
	margin: 5% 10% 10% 10%;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	
	#yosan{
		margin: 5% 0;
		padding: 0  0 15% 0;
	}
	#yosan .plus{
		background-image:url("../img/sp/yosan_06.png");
		background-size: 15vw;
		padding: 20vw 0 0 0;
		margin: 2vw 0 0 0 ;
	}
	
	#yosan div{	padding: 0;}	
	.yosan02{	margin: 5%;}
	.yosan02 p{	margin: 0 0 5% 0;}
}


/****************************************qa***************************************/

#qa{		padding: 0 24% 10% 24%;}

#qa h2{
	text-align: center;
	padding: 0 0 10% 0 ;
}

.qa01 {
	border-radius: 30px;
	color: #fff;
	background-color:#797979;
	padding: 2em 0 ;	
	margin:  0 0 2em 0 ;
}

.qa01 dl {	margin: 0 0 0 5.4em ;}
.qa01 dd {	line-height: 2em;}

.qa01 dt::before,.qa01 dd::before {
 	font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.3em;	
  margin: 0 1em 0 -2.2em;
}
.qa01 dt::before {  content: 'Q.';}
.qa01 dd::before {  content: 'A.';}

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

	#qa{	padding: 10% 5% 20% 5%;}
	#qa h2{
		width: 80%;
		margin: 0 auto;
		padding: 0 0 10% 0 ;
	}
	.qa01 {
		padding: 2em 0 ;	
		margin:  0 0 2em 0 ;
	}
	.qa01 dl {	margin: 0 2em 0 4em ;}
	.qa01 dd {
		line-height: 1.3em;
		margin: 1em 0 0 0;
	}
	.qa01 dt::before,.qa01 dd::before {		line-height: 1.3em;	}
	
}

/*************************************footer******************************************/

 .contact_btn01 {
	 position: fixed;
	 bottom: 10%;
	 right: 0;
	 width: 164px;
	 height: auto;
	 z-index: 999;
}

footer{
	background-color: #084943;
	padding:  10% 10% 5% 10%;
	position: relative;
	color: #fff;
	font-size: 90%;
}

footer .contact_btn02 {
	position: absolute;	
	top:-15%;
	width: 80%;	
	height: 10vw;
	text-indent: -9999px;
	border-radius: 30px;
	background-color:#fff;
}

footer .contact_btn02 a{
	position: absolute;	
	top:0;
	width: 100%;	
	height: 10vw;
	border-radius: 30px;
	background-color:#ff652d;
	background-image: url("../img/contact_btn02.png"),linear-gradient(90deg, #ff4e0e, #ff6a31);
	background-repeat: no-repeat;
	background-size:80%,auto;
	background-position: center;
}
footer  .footer_frex{
	display: flex;
	justify-content:flex-start;
	gap:5%;
}
footer  .footer_frex h3{
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
	margin: 0 0 1em 0 ;
}
footer  .footer_frex li{	margin: 0 0 0.5em 0 ;}
footer .copyright{
	text-align: center;
	margin: 5% 0 0 0;
}
	
@media screen and (max-width: 1000px) {
	
	footer{	padding:  25% 5% 5% 5%;}
	footer h2 img{width:30%;}
	footer .btn_sp02 {
		position: absolute;	
		top:-15vw;
		width: 90%;	
		margin: 0 auto;
	}
	footer  .footer_frex h3{	margin: 2em 0 0.5em 0 ;}
	footer  .footer_frex{	display: block;}
	footer  .footer_frex li{	margin: 0 0 0.2em 0 ;}
	footer .copyright{		margin: 15% 0 0 0;}
	
}
/*******************************************************************************/