@charset"uft-8";
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
html{
	scroll-padding-top: 74px;
}
body{
	background-color: #E1FFFE;
	margin: 0;
	position: relative;
}

.inner{
	max-width: 1300px;
	margin: 0 auto;
/*	padding: 20px;*/
}

section.inner,footer .inner,section.work .inner{
	padding: 100px 20px;
}

header h1{
	color: #fff;
	font-size: 39px;
	font-family: sans-serif;
	margin: 0;
}
header {
display: flex;
background-color: #fcbaf9;
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
}

header ul{
list-style: none;
display: block;
/*position: fixed;*/
margin-top: 0;
}
header li{
float: left;
padding: 15px;
background-color: #FCBAF9;
border-left: 1px solid #000;
}
.mv.inner{
	margin-top: 40px;
}
.work{
	background-color: #C1F8D7;
/*	padding-top: 100px;
	padding-bottom: 100px;*/
}
.about{
	
}
.htitle{
	text-align: center;
	margin-bottom: 30px;
}
.light_blue{
	background-color: #AFFFFB;
	/*padding-top: 100px;
    padding-bottom: 100px;*/
}
.light_pink{
	background-color: #ff6ae77a;
	max-width: 650px;
  width: 100%;
	text-align: center;
	margin: 0 auto;
	line-height: 160px;

}
main .about{
	/*padding-top: 50px;
	padding-bottom: 120px;*/
}
section h2,footer h2{
	font-size: 32px;
	 font-family: "Rampart One", sans-serif;
  	font-weight: 400;
  font-style: normal;
  display: inline-block;
/*  padding: 20px;*/
  border-bottom: solid 1px #000;
/*  padding-top: 74px;*/
}
/*section h2::after{
	content: "";
	display: flex;
	border: solid 1px #000;
	width: 140px;
	position: absolute;
	left: 44%;

}*/

main #first_main{
	display: flex;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
main #first_main img{
	width: 50%;
	margin-right: 20px;
}
main #first_main p{
	width: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2;
}


.work_1{
	display: flex;
	justify-content: center;
	padding: 20px;
}
.work_1 .wrap:last-child{
margin-right: 0;
}
.work_2{
	display: flex;
	justify-content: center;
}
.work_2 .wrap:last-child{
margin-right: 0;
}
main .wrap{
	width: 200px;
	text-align: center;
	margin: 0 30px 0 0;
}
main .work_p{
	text-align: left;
	padding: 0 20px;
}
.flow04{
		padding-left: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px;
}
.flow04 > li{
		list-style: none;
		width: 100%;
		max-width: 250px;
		display: flex;
}
.flow04 > li .input01{
	line-height: 2;
	width: 2em;
	height: 2em;
	text-align: center;
	color: #fff;
	background: #e26b5d;
	margin: 0 auto 10px;
	border-radius: 1000vh;
	position: relative;
}

.flow04 > li dl{
	padding: 30px 20px;
	margin: 0;
	border: 3px solid  #e26b5d;
	position: relative;
	z-index: 1;
}
.flow04 > li:not(:first-child) dl::before{
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 10px;
	display: inline-block;
	border-top:4px solid #e26b5d;
	border-right: 4px solid #e26b5d;
	position: absolute;
	top: calc(50% - 14px);
	left: -45px;
	-webkit-transform:rotate(45deg);
	transform: rotate(45deg);
}
.flow04 > li dl dt  {
font-size: 1.3em;
font-weight: 600;
color: #e26b5d;
-ms-flex-preferred-size:20%;
flex-basis: 20%;
margin-bottom: 10px;
text-align: center;
}
.flow04 > li dl dd {
	margin-left: 0;
}
.flow04 > li .arrow{
	padding: 30px 20px;
	margin: 0;
	border: none;
	position: relative;
}


 main #fourth_main{
 	display: flex;
 	margin: 0 auto;
    max-width: 1000px;
 }
 #fourth_main p{
  padding: 30px;
 }
 main .fourth_photo{
 margin-right: 47px;

 }
 main .fifth_main{
 	display: flex;
 	margin: 0 auto 60px;
 	max-width: 1000px;
 }
.fifth_main img{
	width: 33.3%;
	max-width: 1000px;
}
 main .guide{
width: 33.3%;
margin: 0 30px 0 30px;
 }

 .fifth_main iframe{
	width: 33.3%;
}
 .guide h3{
 	text-align: center;
 }
 .guide p{
 	line-height: 30px;
 }
 main .click{
	width:100%;
	max-width: 442px;
	background-color: #57A4A0;
	color: #fff;
	font-size: 50px;
	border: solid 1px #000;
	text-align: center;
	display: block;
	margin: 0 auto;
	margin-top: 100px;
  margin-bottom: 200px;
  border-radius: 10px 10px 10px 10px;
  font-weight: bold;

}
h1 a{
	text-decoration: none;
	color: #fff;
}
a{
	text-decoration: none;
	color: #000;
}
#header a:hover{
	color: yellow;
	font-weight:bold;
}
a:hover{
	color:#469b98 ;
}
.click a:hover{
	color: yellow;
}

button a{
	text-decoration: none;
	display: block;
}
footer #title{
	text-align: center;
	font-size: 64px;
}
footer #address{
	text-align: center;
	font-size: 24px;
}

footer #address_2{
	text-align: center;
}

footer #address_2 a{
	font-size: 64px;
	color: #E25405;
}


/*footer #address_2{
	position: relative;
	left: 490px;
	font-size: 24px;
}
footer #tele{
	text-align: center;
	color: #E25405;
	font-size: 64px;
	position: absolute;
    left: 545px;
    bottom: 177px;
}*/
.light_pink p{
	text-align: center;
	font-size:  45px;
}

footer h2{
	font-size: 64px;
}
.light_pink a{
	text-decoration: none;
	color: #000;
}
.light_pink a:hover{
	color: #fff;
}
.light_pink:hover{
	background-color: #3f7774;
}
a#pagetop {
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 60px;
   height: 60px;
   background: #000;
}
#pagetop .arrow{
   width: 10px;
   height: 10px;
   border-top: 3px solid #fff;
   border-right: 3px solid #fff;
   transform: rotate(-45deg);
   margin-top: 5px;
}

#header.fixed{
	position: fixed;
	top:0;
	left: 0;
	max-width: 100%;
	width: 100%;
	padding: 10px 0;
	z-index: 2;
	
}

#header.fixed h1{
	display: none;
}
.fixed nav{
	margin: 0 auto;
}
.fixed ul{
	margin-top: 0;
}


.mail_main{

}

.mailform{
	font-weight: bold;
	text-align: center;
}
.Form {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
  max-width: 720px;
}
#smart_nav{
	display: none;
}
@media screen and (max-width: 480px) {
  .Form {
    margin-top: 40px;
  }

}
.Form-Item {
  border-top: 1px solid #ddd;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .Form-Item {
   /* padding-left: 14px;
    padding-right: 14px;*/
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}
.Form-Item:nth-child(5) {
  border-bottom: 1px solid #ddd;
}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #5bc8ac;
  color: #fff;
  font-size: 14px;
}
/*.Form-Item-Label-Required:nth-child(6) {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #5bc8ac;
  color: #fff;
  font-size: 14px;
  display: none;
}*/
@media screen and (max-width: 480px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #5bc8ac;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.c_box{
	margin-top: 30px;
	margin-bottom: 30px;
}
.t_box{
	margin-bottom: 100px;
	padding-top: 50px;
}
@media screen and (max-width: 480px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
}
fieldset div{
	display: inline-block;
	margin-right: 20px;
}

.sp_bisp{
		display: none;
}
#copy{
	background-color: #277572;
	color: #fff;
	text-align: center;
	margin-block-start: 0;
    margin-block-end: 0;
    padding:10px 0 ;
}

/*スマホ化*/

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

	.sp_bisp{
		display: block;
	}

	.mv.inner img{
		width: 100%;
/*		margin: 0 10px 0 10px;*/
	}

	h1{
		width: 100%;
	}
	header h1{
		font-size: 30px;
		padding-left: 5px;
	}
	#smart_nav {
		display: none;
	}
	#smart_nav.active{
	display: block;
	cursor: pointer;
	position: fixed;
	top: 86px;
 right: 80px;
 z-index: 5;
}
.sp_box{
	position: static;
}
	#smart_nav ul li{
		list-style: none;

    background-color: #efc4ed;
    padding: 10px;
    border: 0.5px solid #a59f9f;
		text-align: center;
		width: 200px;
	}
	#smart_nav ul{
		padding: 0;
		margin: 0;
	}
	nav{
		display:none;
	}
	main .click{
		font-size: 33px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 0;
	}
	main #first_main{
		display: block;

	}
	main #first_main img{
		width: 100%;
	}
	main #first_main p{
		width: 100%;
	} 
	.work{
		background-color: #C1F8D7;
/*   margin-bottom: 100px;*/
	}
		.work_1{
			display: block;
			width: 100%;
		}
		.work_2{
			display: block;
		}
		 main .wrap{
			width: 100%;
			margin-bottom: 50px;
		}
		.flow04 > li:not(:first-child) dl::before{
			top: -50px;
        left: 100px;
        transform: rotate(135deg)
		}
		li .arrow h3{
			text-align: center;
		}
		main #fourth_main{
		display: block;
		padding: 0 20px 0 20px;
		}
		main .fourth_photo {
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}
		#fourth_main p {
			line-height: 2.5;
		}
		main .fifth_main {
			display: block;
			padding: 0 20px 0 20px;
		}
		.fifth_main img{
			width: 100%;
		}
		main .guide {
			width: 100%;
        margin: 0 auto;
		}
		.fifth_main iframe{
			width: 100%;
		}
		footer h2{
			font-size: 32px;
			font-weight: bold;
		}
	footer #title{
		font-size: 33px;
	}
	footer #address {
		font-size:20px;
	}
	footer #address_2 a{
		font-size: 35px;
    color: #E25405;
	}
	.light_pink{
		padding: 20px 0;
		line-height: 0;
	}
	.light_pink p{
		font-size: 20px;
	}
/*ハンバーガーメニュー	*/
	.openbtn1{
 position: fixed;
  background:#000;
  cursor: pointer;
    width: 50px;
    height:50px;
  border-radius: 5px;
/*  top: 27px;*/
  right: 25px;
}
#header.fixed .openbtn1{
	top: 40px;
}

/*ボタン内側*/
.openbtn1 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
  background: #fff;
    width: 45%;
  }

.openbtn1 span:nth-of-type(1) {
  top:15px; 
}

.openbtn1 span:nth-of-type(2) {
  top:23px;
}

.openbtn1 span:nth-of-type(3) {
  top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;/*真ん中の線は透過*/
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
/*========= レイアウトのためのCSS ===============*/

body{
  background:#f3f3f3;
    padding:20px;
}


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

.lead{
  margin:20px 0 0 0;
}

.btn-block{
  width:200px;  
  padding: 30px;
}

section h2{
/*	padding: 0;*/
}
.work_1{
	padding: 0;
}
.light_blue{
	/*margin-bottom: 100px;
	padding-bottom: 0;*/
}
#fourth_main p{
padding: 30px 0;
}
.request{
/*	margin-bottom: 100px;*/
}
.outline{
	padding: ;
}
}