* {
    box-sizing: border-box;
}
  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: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  max-width: 100%;
}
body{
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0;
  color: #666;
  width: 100%;
  font-family:"Kozuka Gothic Pr6N", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nav-fl,
.nav-fr,
.clearfix {
zoom: 1 !important;
}
.nav-fl:after,
.nav-fr:after,
.clearfix:after {
content: "." !important;
clear: both !important;
display: block !important;
height: 0 !important;
visibility: hidden !important;
}
.center{
	text-align: center;
}
#sp-header{
	height: 80px;
	background: #56ACAC;
	position			: relative;
}
#sp-header .logo{
	position			: absolute;
	max-width		: 60%;
	height				: auto;
	left					: 5%;
	top					: 50%;
	-webkit-transform	: translateY(-50%);
	transform					: translateY(-50%);
	
	
}
#sp-header .head-btn{
	height: 50px;
	background: #fff;
	border-radius: 5px;
	color: #56ACAC;
	float: left;
	width: 151px;
}
#sp-header .head-btn a{
	font-size: 20px;
	color: #56ACAC;
	text-decoration: none;
	padding-top: 18px
}
#sp-header .head-btn a span{
	font-size: 13px;
	float: left;
	margin-left:14px;
	margin-right: -7px
}
.topnavi{
	width: 100%;
	float: right;
}
.line-menu{
	background-color: #E2F5F3;
	width: 50px;
	height: 50px;
	font-size: 12px;
	border-radius: 5px;
	float: right;
	margin-right: 15px
}
.topnavi {
	text-align: right;
	height: 100%;
	padding-top: 15px
}
.topnavi > li a, #menu_btn {
	font-size: 10px;
	text-align: center;
	display: block;
	line-height: 12px;
	height: 100%;
	padding: 10px 0;
	border-left: solid 1px rgba(106,63,41,0.3);
	letter-spacing: 1px;
	font-weight: bold;
	color:#FFF;
}
.topnavi > li a:before {
	width: 100%;
	padding-bottom: 4px;
	font-size: 14px !important;
	margin: 0;
}
#menu_btn {
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 62px;
	float: left;
	top: 0px;
	line-height: 11px;
	padding: 14px 0 10px;
}
#menu_btn:before, #menu_btn:after, #menu_btn span:before {
	content: '';
}
#menu_btn span:before, #menu_btn:before, #menu_btn:after {
	height: 5px;
	display: block;
	background: #FFF;
	width: 43px;
	margin: 0 auto;
	border-radius: 0px;
	position: absolute;
	margin-left: 15px;
}
#menu_btn:before {
	top: 11px;
}
#menu_btn span:before {
	top: 17px;
}
#menu_btn:after {
	bottom: 24px;
}
#menu_btn span {
	display: block;
	padding-top: 15px;
	color: #FFF;
}
/******* Menu *****/

.topnavi {
	text-align: right;
	height: 100%;
	margin-bottom:0px;
	display:block;
	width: 235px
}
.topnavi li{
	list-style-type: none;
}
.topnavi > li a, #menu_btn {
	font-size: 10px;
	text-align: center;
	display: block;
	line-height: 12px;
	height: 100%;
	padding: 10px;
	border-left: solid 1px #999;
	letter-spacing: 1px;
	font-weight: bold;
	color:#999
}
.topnavi > li a:before {
	width: 100%;
	padding-bottom: 4px;
	font-size: 14px !important;
	margin: 0;
}
#menu_btn {
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 70px;
	float: left;
	top: 0px;
	line-height: 11px;
	padding: 14px 0 10px;
	left: 0px;
	border: 0;
}

#menu_btn:before, #menu_btn:after, #menu_btn span:before {
	content: '';
}
#menu_btn span:before, #menu_btn:before, #menu_btn:after{
	height: 5px;
	display: block;
	background: #999999;
	width: 37px;
	margin: 0 auto;
	position: absolute;
	margin-left: 7px;
	border-radius: 0;
}
#menu_btn:before {
	top: 22px;
}
#menu_btn span:before {
	top: 33px;
}
#menu_btn:after {
	bottom: 33px;
}
#menu_btn span {
	display: block;
	padding-top: 37px;
	color: #999;
	font-size: 12px
}
#menu_btn.active:before {
	animation: squishTop 0.5s ease;
	-webkit-animation: squishTop 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	margin-top: 4px;
	left: 7px;
}
#menu_btn.active span:before {
	animation: disappear 0.5s ease;
	-webkit-animation: disappear 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	left: 7px;
	margin-top: 4px;
}
#menu_btn.active:after {
	animation: squishBottom 0.5s ease;
	-webkit-animation: squishBottom 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	margin-top: 4px;
	left: 7px;
}
#menu_btn.inactive:before {
	animation: squishTopRev 0.5s ease;
	-webkit-animation: squishTopRev 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	height: 5px;
	display: block;
	background: #999;
	width: 37px;
	margin: 0 auto;
	border-radius: 0;
	position: absolute;
	margin-top: 1px;
	left: 7px;
}
#menu_btn.inactive span:before {
	animation: dissappearRev 0.5s ease;
	-webkit-animation: dissappearRev 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	height:5px;
	display: block;
	background: #999;
	width: 37px;
	margin: 0 auto;
	border-radius: 0px;
	position: absolute;
	margin-left: 23px;
	margin-top: 5px;
	left: 7px;
}
#menu_btn.inactive:after {
	animation: squishBottomRev 0.5s ease;
	-webkit-animation: squishBottomRev 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	height: 5px;
	display: block;
	background: #999;
	width: 37px;
	margin: 0 auto;
	border-radius: 0px;
	position: absolute;
	margin-left: 23px;
	margin-top: 9px;
	left: 7px;
}

.menu_box{
	position: absolute;
	top: 80px;
	right: 0px;
	width: 100%;
	overflow: hidden;
	z-index:99999;
	background:#fff;
	display: none;
	text-align:left;
	color: #56ACAC;
}

.menu_box ul {
	padding: 0;
	margin: 0px 0px 0px;
  list-style-type:none;
  list-style-position:outside;
}

.menu_box ul li {position: relative;}

.menu_box ul li a {
	display: block;
	text-decoration: none;
	line-height: 18px;
	color:#56ACAC;
	padding:15px;
	border-bottom:solid 1px #56ACAC;
	position:relative;
}	
.menu_box ul li a.active{
	background-color: #E2F5F3;
}
/* .menu_box ul li:last-child a{
	border:none;
} */
.menu_box ul ul{
	margin-top:0;
}
.menu_box ul  ul li a{
	padding-left:30px;
}

.menu_box ul li a span{
	color:#539e9e;
	padding-left:10px;
	font-size:11px;
}
.button-toggle.active:before{
	left: 10px;
}
.button-toggle.active:after{
	left: 10px;
}
@-webkit-keyframes squishTop {
  0% {
    top: 11px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50%, 75% {
    top: 19px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
	top: 19px;
	height:5px;
	width:37px;  
	margin-left:0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes squishTop {
  0% {

    top: 11px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);

  }
  50%, 75% {
    top: 19px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
	top: 19px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes squishBottom {
  0% {
    top: 24px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50%, 75% {
    top: 19px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
	top: 19px;  
	height:5px;
	width:37px;  
	margin-left:0px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes squishBottom {
  0% {
    top: 24px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50%, 75% {
    top: 19px;
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-webkit-keyframes disappear {
  0%{
    opacity: 1;
	height:5px;
	width:37px;
	margin-left:0px;
	top:17px;
  }
  
  50%, 75% {
    opacity: 0;
	height:5px;
	width:37px;
	margin-left:0px;
	top:19px;
  }
  
  100% {
	opacity: 0;  
	height:5px;
	width:37px;  
    margin-left:0px;
	top:19px;
  }
}

@keyframes disappear {
  0%{
    opacity: 1;
	height:5px;
	width:37px;
	margin-left:0px;
	top:17px;
  }
  
  50%, 75% {
    opacity: 0;
	height:5px;
	width:37px;
	margin-left:0px;
	top:19px;
  }
  
  100% {
	opacity: 0;  
	height:5px;
	width:37px;  
    margin-left:0px;
	top:19px;
  }
}

@-webkit-keyframes squishBottomRev {
  0% {
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px; 
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  50%, 75% {
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;   
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
 
  }
  100% {
    top: 24px;  
	height:5px;
	width:37px;
	margin-left:0px; 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 24px !important;
  }
}

@keyframes squishBottomRev {
  0% {
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;  
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  50%, 75% {
	 top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px; 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);

  }
  100% {
    top: 24px;  
	height:5px;
	width:37px;
	margin-left:0px; 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes squishTopRev {
  0% {
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;  
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50%, 75% {
    top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px; 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    top: 11px;  
	height:5px;
	width:37px;
	margin-left:0px; 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes squishTopRev {

  0% {
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50%, 75% {
    top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    top: 11px;  
	height:5px;
	width:37px;
	margin-left:0px; 
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes dissappearRev {
  0%{
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;  
    opacity: 0;
  }
  
  50%, 75%{
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;
	opacity: 0;
  }
  
  100% {
	top: 17px;  
	height:5px;
	width:37px;
	margin-left:0px;  
    opacity: 1;
  }
}

@keyframes dissappearRev {
  0%{
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;  
    opacity: 0;
  }
  
  50%, 75%{
	top: 19px;  
	height:5px;
	width:37px;
	margin-left:0px;
	opacity: 0;
  }
  
  100% {
	top: 17px;  
	height:5px;
	width:37px;
	margin-left:0px;  
    opacity: 1;
  }
}
#sp-banner{
	position: relative;
	z-index: 0;
	background: #f3f3f3;
}
#sp-banner .banner-img{
	position: absolute;
	bottom: -4px;
	right: 0;
	z-index: 0;
	width: 110%
}
#sp-banner .banner_ttl{
	padding-top: 20px;
	position: relative;
	z-index: 9;
}
#sp-banner .banner-text{
	font-size: 15px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	padding: 10px 15px;
	text-align: center;
	width: 245px;
	position: relative;
	z-index: 9;
	float: right;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 10px
}
#sp-banner .banner-text span{
	font-size: 22px;
	padding-left: 5px;
}
#sp-banner .banner-btn{
	position: relative;
	z-index: 9;
	padding-bottom: 10px
}
.down{
	text-align: center;
	margin-top: -1px
}
.down img{
	width: 40%
}
#sp_sec1 .sec1_ttl{
	padding-top: 30px;
}
#sp_sec1 .sec1_txt{
	padding-top: 30px
}
#sp_sec1 .sec1_txt span{
	color: #55ACAC
}
#sp_sec1 .sec1_txt2{
	padding: 15px;
	color: #D66146;
	padding-top: 30px
}
#sp_sec1 .sec1_txt2 p{
	float: left;
}
#sp_sec1 .sec1_txt2 p.q{
	width: 5%;
	float: left;
}
#sp_sec1 .sec1_txt2 p.a{
	width: 95%;
	float: left;
}
#sp_sec1 .sec1_img{
	padding-top: 15px
}
#sp_sec1 .l_txt{
	font-family: 'Myriad Pro';
}
#sp_sec1 .l_txt{
	padding: 15px;
	padding-top: 10px;
	font-size: 13px
}
#sp_sec1 .l_txt p{
	float: left;
}
#sec1 .l_txt p.q{
	width:5%;
	float: left;
}
#sp_sec1 .l_txt p.a{
	width: 95%;
	float: left;
}
#sp_sec2{
	padding-top: 40px
}
#sp_sec2 h2{
	background: #55ACAC;
	color: #fff;
	font-size: 18px;
	line-height: 33px;
	padding: 20px 15px;
}
#sp_sec2 h2 span{
	font-weight: 900;
	font-size: 35px
}
#sp_sec2 h3{
	padding-top: 40px
}
#sp_sec2 h4{
	padding-top: 30px
}
#sp_sec2 .sec2_txt{
	letter-spacing: 0;
	line-height: 28px;
	padding: 20px 15px;
}
#sp_sec2 .sec2_txt span{
	font-size: 26px;
	color: #55ACAC;
	font-weight: 900;
	letter-spacing: -1px
}
#sp_sec2 .sec2_ttl{
	width: 92%;
	margin: auto;
	background: #55ACAC;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	line-height: 28px;
	padding-bottom: 10px;
	margin-top: 30px
}
#sp_sec2 .sec2_ttl span{
	font-weight: 900;
	font-size: 22px
}
#sp_sec2 .sec2_txt2{
	padding: 15px;
	line-height: 25px
}
#sp_sec2 .sec2_txt2 span{
	color: #55ACAC;
}
#sp_sec2 .sec2_img2{
	padding-top: 20px
}
#sp_sec3{
	margin-top: 40px;
	background: #f6f6f6;
	padding-bottom: 20px
}
#sp_sec3 h2{
	line-height: 28px;
	width: 92%;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #55ACAC;
}
#sp_sec3 h2 span{
	color: #D66146;
	font-weight: 900;
	font-size: 26px;
	letter-spacing: -1px
}
#sp_sec3 h3{
	padding: 15px;
	padding-top: 20px
}
#sp_sec3 h3 span{
	color: #55ACAC;
	font-weight: 900;
	font-size: 17px
}
#sp_sec3 .sec3_ct{
	padding:0 15px;
}
#sp_sec3 .sec3_text1{
	color: #D66146;
	font-size: 14px
}
#sp_sec3 .sec3_tb1{
	background: #F6EB41;
	color: #55ACAC;
	font-size: 22px;
	padding: 13px 0;
	text-align: center;
	margin-top: 25px;
	font-weight: 500;
}
#sp_sec3 .sec3_icon{
	padding: 15px;
}
#sp_sec3 .sec3_text{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#sp_sec3 .s3_text2{
	font-size: 16px;
	padding-bottom: 10px
}
#sp_sec3 .s3_text3 b,
#sp_sec3 .s3_text2 b{
	font-family: 'Myriad Pro'!important;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 16px;
	width: 17%;
	float: left;
	margin-top: 3px;
}
#sp_sec3 .s3_text2 b span,
#sp_sec3 .s3_text3 b span{
	font-size: 19px;
	font-family: 'Myriad Pro'!important;
}
#sp_sec3 .s3_text2 p,
#sp_sec3 .s3_text3 p{
	width: 78%;
	float: left;
}
#sp_sec3 .s3_text3{
	font-size: 16px;
	padding-bottom: 10px
}
#sp_sec3 .s3_text2 b{
	color: #55ACAC;
}
#sp_sec3 .s3_text3 b{
	color: #DD724C;
}
#sp_sec3 .s3_text3 strong.s3_mnt{
	font-size: 14px
}
.sec3_btn{
	padding: 30px 0;
}
#sp_sec4{
	position: relative;
	z-index: 0;
	padding-bottom: 30px
}
#sp_sec4 .sec4_bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#sp_sec4 .sec4_ttl{
	padding-top: 30px
}
#sp_sec4 .sec4_img{
	width: 45%;
	margin: auto;
	margin-top: 30px
}
#sp_sec4 .up{
	margin-top: 10px
}
#sp_sec4 .up img{
	margin-bottom: -6px
}
#sp_sec4 .sec4_text{
	width: 92%;
	margin: auto;
	border-radius: 5px;
	background: #55ACAC;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	padding: 15px;
}
#sp_sec4 .sec4_text span{
	font-weight: 900;
}
#sp_sec4 .sec4_text2{
	font-family: 'MS PGothic'!important;
	color: #333;
	font-size: 13px;
	padding: 15px;
}
#sp_sec4 .sec4_text2 span{
	font-weight: bold;
}
#sp_sec5{
	padding-bottom: 35px
}
#sp_sec5 h2{
	background: #55ACAC;
	color: #fff;
	font-size: 20px;
	line-height: 33px;
	padding: 20px 15px;
	letter-spacing: -1px;
	padding-top:30px
}
#sp_sec5 h2 span{
	font-weight: 900;
	font-size: 30px
}
#sp_sec5 .sec5_ttl{
	font-size: 18px;
	line-height: 33px;
	padding: 15px;
	padding-top: 35px
}
#sp_sec5 .sec5_ttl span{
	color: #55ACAC;
	font-weight: 900;
	font-size: 28px;
	letter-spacing: -2px
}
#sp_sec5 .sec5_btn{
	margin-top: 30px
}
#sp_sec6 .h3{
	background: #55ACAC;
	color: #fff;
	font-size: 20px;
	line-height: 33px;
	padding: 0 15px;
}
#sp_sec6 .h3 p{
	padding-top:45px;
	padding-bottom: 20px;
	letter-spacing: -2.5px;
}
#sp_sec6 .h3 span{
	font-weight: 900;
	font-size: 30px;
	letter-spacing: -2px
}
#sp_sec6 .h3 .down{
	position: relative;
}
#sp_sec6 .h3 .down img{
	position: absolute;
	left: 30%;
	top: -2px;
}
#sp_sec6 .s6_ttl{
	width: 92%;
	margin: auto;
	border-radius: 5px;
	background: #55ACAC;
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	padding: 15px;
	margin-top: 20px;
	position: relative;
	z-index: 99;
}
#sp_sec6 .s6_ttl span{
	font-weight: 900;
}
#sp_sec6 .sec6_img{
	margin-top: 10px
}
#sp_sec6 .s6_text{
	padding: 0 15px;
	padding-top: 20px;
	color: #333;
	line-height: 22px;
	padding-bottom: 20px
}
#sp_sec6 .s6_text1 span{
	color: #D66146;
}
#sp_sec6 .s6_textr{
	text-align: right;
	padding-top: 5px
}
#sp_sec6 .up{
	width: 40%;
	margin: auto;
	margin-top: -3px
}
#sp_sec7{
	margin-top: 20px
}
#sp_sec7 h2{
	background: #55ACAC;
	color: #fff;
	font-size: 20px;
	line-height: 33px;
	padding: 20px 15px;
	padding-top:30px
}
#sp_sec7 h2 span{
	font-weight: 900;
	font-size: 30px;
	letter-spacing: -1px;
}
#sp_sec7 .down1{
	background: #f6f6f6;
}
#sp_sec7 .down img{
	margin-top: -2px
}
#sp_sec7 .s7_btn{
	background: #f6f6f6;
	padding: 30px 0;
	padding-bottom: 35px
}
#sp_sec7 .sec7_ttl{
	margin-top: 30px
}
#sp_sec7 .sec7_img{
	margin-top: 25px
}
#sp_sec7 .s7_ttl{
	font-size: 18px;
	padding-top: 20px;
}
#sp_sec7 .s7_ttl span{
	font-weight: 900;
	color: #D66146;
	font-size: 27px
}
#sp_sec7 .s7_text{
	padding: 15px;
	font-size: 16px;
	line-height: 22px
}
#sp_sec7 .sec7_img{
	margin-top: 30px
}
#sp_sec7 h3{
	margin-top: 20px
}
#sp_sec7 .sec7_blk{
	width: 92%;
	margin: auto;
	background: #C5EDE9;
	padding: 20px;
	margin-top: 40px
}
#sp_sec7 .s7-blk1{
	margin-bottom: 20px
}
#sp_sec7 .s7-blk1 img{
	width: 45%;
	float: left;
}
#sp_sec7 .s7-blk1 p{
	width: 55%;
	float: left;
	padding-left: 10px;
	font-size: 14px;
}
#sp_sec7 .s7_search img{
	float: left;
	width: 9%;
}
#sp_sec7 .s7_search p{
	color: #666;
	text-decoration: none;
	font-size: 14px;
	width: 90%;
	float: right;
}
#sp_sec7 #myImg2,
#sp_sec7 #myImg3,
#sp_sec7 #myImg4,
#sp_sec7 #myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
#sp_sec7 #myImg:hover,
#sp_sec7 #myImg2:hover,
#sp_sec7 #myImg3:hover,
#sp_sec7 #myImg4:hover {
	opacity: 0.7;
}
#sp_sec7 .modal2,
#sp_sec7 .modal3,
#sp_sec7 .modal4,
#sp_sec7 .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: -3px;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    padding-top:205px
}
#sp_sec7 .modal-content2,
#sp_sec7 .modal-content3,
#sp_sec7 .modal-content4,
#sp_sec7 .modal-content {
    margin: auto;
    display: block;
    width: 92%;
}
#sp_sec7 .modal-content2,
#sp_sec7 .modal-content3,
#sp_sec7 .modal-content4,
#sp_sec7 .modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}
@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}
#sp_sec7 .close2,
#sp_sec7 .close3,
#sp_sec7 .close4,
#sp_sec7 .close {
    position: absolute;
    top: 20%;
    right: 4%;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s;
}
#sp_sec7 .s7_btn2{
	padding: 35px 0;
}
#sp_sec8{
	background: #f6f6f6;
}
#sp_sec8 h2{
	font-size: 28px;
	text-align: center;
	color: #56ACAC;
	padding-bottom: 10px;
	border-bottom: 1px solid #56ACAC;
	padding-top: 25px;
	font-weight: 900;
	width: 112px;
	margin: auto;
}
#sp_sec8 .s8_ct1{
	width: 92%;
	margin: auto;
	background: #fff;
	margin-top: 25px;
	padding: 15px;
}
#sp_sec8 .s8-ttl{
	font-weight: bold;
	color: #0C334C;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	font-size: 20px
}
#sp_sec8 .s8-price.price2,
#sp_sec8 .s8-ttl.ttl2{
	color: #3F7A79;
}
#sp_sec8 .s8-price.price3,
#sp_sec8 .s8-ttl.ttl3{
	color: #2A7FD2;
}
#sp_sec8 .s8-txt{
	padding-top:15px;
	line-height: 22px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}
#sp_sec8 .s8-price{
	color: #0C334C;
	font-weight: bold;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	font-size: 20px;
}
#sp_sec8 .s8-price span{
	font-size: 28px
}
#sp_sec8 .s8-price strong{
	font-size: 25px
}
#sp_sec8 .s8-btn{
	padding-top:15px
}
#sp_sec8 .iconr{
	font-size: 10px;
	float: left;
	padding-right: 7px;
	width: 6%;
	margin-top: 5px;
}
#sp_sec8 .s8-txt p{
	width: 94%;
	float: left;
	padding-top: 6px
}
#sp_sec8 .s8-txt.txt2 span{
	color: #3F7A79;
}
#sp_sec8 .s8-txt.txt3 span{
	color: #2A7FD2;
}
#sp_sec8 .s8-price.price3 .mark{
	width: 65px;
	float: right;
	text-align: right;
	margin-top: -5px;
	padding-right: 10px
}
#sp_sec8 .s8-price.price3 .mark-p{
	width: 175px;
	float: right;
}
#sp_sec8 .s8_box{
	width: 92%;
	margin: auto;
	background: #56ACAC;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
}
#sp_sec8 .sec8-text{
	margin-top: 10px
}
#sp_sec8 .s8-btn2{
	padding: 35px 0
}
#sp_sec9{
	padding-bottom: 20px
}
#sp_sec9 h2{
	background: #55ACAC;
	color: #fff;
	font-size: 20px;
	line-height: 33px;
	padding: 30px 15px;
	padding-top:30px;
	margin-top: -2px
}
#sp_sec9 h2 span{
	font-weight: 900;
	font-size: 30px;
	letter-spacing: -1px;
}
#sp_sec9 .down1{
	background: #55ACAC;
}
#sp_sec9 .down1 img{
	margin-top: -2px
}
#sp_sec9 .s9_ttl{
	font-size: 20px;
	color: #55ACAC;
	font-weight: 900;
	border-left: 3px solid #55ACAC;
	width: 92%;
	margin: auto;
	margin-top: 30px;
	padding-left: 5px
}
#sp_sec9 .s9_blk{
	padding: 15px;
	margin-top: 20px
}
#sp_sec9 .s9_ct1{
	margin-top: 10px
}
#sp_sec9 .s9_tt2{
	font-weight: 900;
	font-family: 'Myriad Pro';
	font-size: 19px;
	color: #DD724D;
	width: 20%;
	float: left;
	margin-top: 2px
}
#sp_sec9 .s9_tx{
	width: 80%;
	float: left;
	padding-left: 5px
}
#sp_sec9 .s9_r{
	color: #BDDDDC;
	font-size: 14px;
	margin-left: 17px;
}
#sp_sec9 .s9_btn{
	padding: 20px 0;
}
#sp_sec10{
	background: #f6f6f6;
	padding-bottom: 35px;
}
#sp_sec10 h2{
	margin-top: 30px
}
#sp_sec10 .s10_blk{
	padding-top: 15px
}
#sp_sec10 .s10_ct1{
	width: 92%;
	margin: auto;
	margin-top: 25px;
	border-radius: 5px;
	background: #fff;
	padding: 15px;
	padding-top: 20px
}
#sp_sec10 .s10_ttl img{
	width: 15%;
	float: left;
}
#sp_sec10 .s10_ttl p{
	width: 85%;
	float: left;
	color: #DD724C;
	font-weight: 900;
	font-size: 22px;
	line-height: 25px;
	padding-left: 15px
}
#sp_sec10 .s10_txt{
	padding-top: 15px;
	line-height: 24px;
	letter-spacing: 1.5px;
}
#sp_sec10 h3{
	padding: 15px;
	padding-top: 40px;
}
#sp_sec10 h3 span{
	font-weight: 900;
	color: #55ACAC;
	font-size: 28px
}
#sp_sec10 .sec10_dt{
	padding: 0 15px;
	padding-bottom: 10px
}
#sp_sec10 .sec10_dt img{
	width: 5%;
	float: left;
	margin-top: 2px
}
#sp_sec10 .sec10_dt p{
	color: #55ACAC;
	width: 90%;
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px
}
#sp_sec10 .sec10_text{
	padding-top: 5px
}
#sp_sec10 .s10_btn1{
	margin-top: 25px;
	margin-bottom: 15px
}
#sp_sec12 h2{
	margin-top: 30px
}
#sp_sec12 .sec12_blk{
	padding: 15px;
	padding-top: 25px
}
#sp_sec12 .sec12_ct2,
#sp_sec12 .sec12_ct1{
	margin-top: 10px
}
#sp_sec12 .sec12_pic{
	width: 45%;
	float: left;
}
#sp_sec12 .sec12_ct2 .sec12_pic{
	text-align: right
}
#sp_sec12 .sec12_pic img{
	width: 90%;
}
#sp_sec12 .sec12_ttl{
	font-size: 17px;
	font-weight: 900;
	color: #D66146;
	width: 55%;
	float: left;
	margin-top: 14%;
}
#sp_sec12 h3{
	font-size: 20px;
    color: #55ACAC;
    font-weight: 900;
    border-left: 3px solid #55ACAC;
    width: 92%;
    margin: auto;
    margin-top: 30px;
    padding-left: 5px;
}
#sp_sec12 .s12_blk{
	padding: 15px;
	margin-top: 5px
}
#sp_sec12 .s9_ct1{
	margin-top: 10px
}
#sp_sec12 .s9_tt2{
	font-weight: 900;
	font-family: 'Myriad Pro';
	font-size: 19px;
	color: #DD724D;
	width: 20%;
	float: left;
	margin-top: 2px
}
#sp_sec12 .s9_tx{
	width: 80%;
	float: left;
	padding-left: 5px
}
#sp_sec12 .s9_r{
	color: #BDDDDC;
	font-size: 14px;
	margin-left: 17px;
}
#sp_sec13{
	background: #fafafa;
}
#sp_sec14{
	padding-bottom: 50px;
}
#sp_sec14 h2{
	background: #55ACAC;
	color: #fff;
	font-size: 17px;
	line-height: 29px;
	padding: 30px 10px;
	padding-top:30px;
	margin-top: -2px;
	text-align: center;
}
#sp_sec14 h2 p{
	padding-top: 10px;
}
#sp_sec14 .down1{
	background: #55ACAC;
}
#sp_sec14 .down1 img{
	margin-top: -2px
}
#sp_sec14 .card1{
	padding-left: 10px;
	padding-right: 15px;
	margin-top: 30px;
}
#sp_sec14 .block h3{
	font-weight: bold;
	padding-bottom: 5px;
	color: #DD724C;
	margin-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
#sp_sec14 .block .text{
	padding-right: 15px;
	padding-left: 15px;
}
#sp_sec14 .block .text span{
	color: #DE1F1F;
}
#sp_sec14 .block ul{
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
#sp_sec14 .block ul li{
	font-size: 13px;
	list-style-type: none;
	line-height: 20px;
	position: relative;
	padding-left: 13px;
}
#sp_sec14 .block ul li:before{
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
}
#sp_sec14 .block ul li a{
	color: #58ACAC;
	text-decoration: underline;
}
#sp_sec14 .card2{
	padding-left: 10px;
	padding-right: 15px;
	margin-top: 40px;
}
#sp_sec14 .block2 h3{
	font-weight: bold;
	padding-bottom: 5px;
	color: #1FBAE1;
	margin-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
#sp_sec14 .block2 .text{
	padding-right: 15px;
	padding-left: 15px;
}
#sp_sec14 .block2 .text span{
	color: #DE1F1F;
}
#sp_sec14 .block2 ul.li_txt{
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
}
#sp_sec14 .block2 ul.li_txt li{
	font-size: 13px;
	list-style-type: none;
	line-height: 20px;
	position: relative;
	padding-left: 13px;
}
#sp_sec14 .block2 ul.li_txt li:before{
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
}
#sp_sec14 .block2 ul.number{
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
}
#sp_sec14 .block2 ul.number li{
	list-style-type: none;
	position: relative;
	padding-left: 20px;
}
#sp_sec14 .block2 ul.number li:first-child:before{
	content: '①';
	position: absolute;
	top: 1px;
	left: 0;
}
#sp_sec14 .block2 ul.number li:nth-child(n+2):before{
	content: '②';
	position: absolute;
	top: 1px;
	left: 0;
}
#sp_sec14 .block2 ul.number li:nth-child(n+3):before{
	content: '③';
	position: absolute;
	top: 1px;
	left: 0;
}

.text_box
{
	width: 85%;
	margin: 0 auto;
}


@media(max-width: 374px){
	#sp-banner .banner-img{
		width: 114%;
	}
	#sp_sec5 h2 br{
		display: none
	}
	#sp_sec6 .h3 p br{
		display: none;
	}
	#sp_sec12 .s9_tt2,
	#sp_sec9 .s9_tt2{
		width: 23%;
	}
	#sp_sec12 .s9_tx,
	#sp_sec9 .s9_tx{
		width: 77%
	}
	#sp_sec6 .s6_ttl br{
		display: none;
	}
	#sp_sec3 .s3_text3 b, #sp_sec3 .s3_text2 b{
		width: 20%;
	}
	#sp_sec3 .s3_text2 p, #sp_sec3 .s3_text3 p{
		width: 74%;
	}
}
@media(min-width: 768px){
	#sp-banner .banner-img{
		width: 95%;
	}
	#sp_sec7 .close2, 
	#sp_sec7 .close3, 
	#sp_sec7 .close4, 
	#sp_sec7 .close{
		top: 15%;
	}
}