@charset "UTF-8";
/* CSS Document */
html,body{
	height:100%;width: 100%;
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 140%;
	color: #555;
	font-family:"YuMincho","Yu Mincho",serif;
	position:relative;
	letter-spacing:1.5px;
}
section{
	width:100%;
}
.hover:hover{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}
strong{
	color:#008BD3;
}
.inner{
	width:1000px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
}
.left{float:left;}
.rigft{float:rigft;}
.center_img{text-align:center;}


h1{
	font-size:14px;
	font-family:"YuMincho,Yu Mincho",serif;
	text-align:center;
}
h2{
	color:#222;
	font-size:32px;
	font-family:"YuMincho","Yu Mincho",serif;
	text-align:center;
	font-weight:600;
	line-height:170%;
	letter-spacing:2px;
}
h2 span{
	color:#2E8292;
}
h2 span.big{
	font-size:200%;
}
h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px;
	line-height:180%;
	letter-spacing:4px;
	margin-bottom:30px;
	color:#2E8292;
}
h4{
	font-size:20px;
	font-family: 'Noto Sans JP', sans-serif;
	color:#2E8292;
	margin-bottom:40px;
	line-height:170%;
}
h4 span{
	border-bottom:#222 1px solid;
	padding:10px;
}
i{padding-right:10px;}
.fa-phone{
 transform: rotateY( 190deg );
 transform: rotateZ( 110deg );
}

/* ページトップ------------- */
#pagetop {
    padding: 34px 24px 22px;
    position: fixed;
    bottom: 82px;
    right: 20px;
    border: #2E8292 1px solid;
    background: #FFF;
}

#pagetop:hover{
	background:#FF0;
}
.pagetop_sankaku {
  display: block;
  width: 20px;
  height: 20px;
  border-top: 1px solid #2E8292;
  border-right: 1px solid #2E8292;
  -webkit-transform: rotate(45deg);
  transform: rotate(315deg);
}

/* ヘッダー--------------------------- */

header{
	width:100%;
	margin-top:-22px;
	position:relative;
}
a.scroll {
  position: absolute;
  bottom: 70px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  color:#FFF;
}
a.scroll span {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


/* wrap001--------------------------- */
#wrap001{
	background:url(../images/001.jpg) no-repeat 100% 0%;
	margin-top:-5px;
	padding:100px 0;
	text-align:center;
}
#wrap001 img{
	margin:20px auto 25px;
	display:block;
}
#wrap001 p{
	font-size:18px;
	font-weight:600;
	line-height:260%;
	font-family: 'Noto Sans JP', sans-serif;
}
#wrap001 p span{
background: linear-gradient(transparent 80%, #ffff66 60%);
}


/* wrap002--------------------------- */
#wrap002{
	background-image: url(../images/005.png), url(../images/004.png), url(../images/031.png);
    background-position: right bottom , left top, 0% 50%;
    background-repeat: no-repeat, no-repeat, repeat;
	background-size:100%,100%, 10%;
	padding:90px 0;
	text-align:center;
}
#wrap002 h2{
	color:#FFF;
	margin-bottom:20px;
}
#wrap002 .box_01{
	width:640px;
	box-sizing:border-box;
	padding:30px 30px;
	margin:60px auto 15px;
	background:#FFF;
}
#wrap002 .box_02{
	width:640px;
	box-sizing:border-box;
	padding:30px 30px;
	margin:40px auto 15px;
	background:#2E8292;
}
#wrap002 .box_03{
	width:640px;
	box-sizing:border-box;
	padding:40px 30px 30px;
	margin:40px auto 15px;
	background:#FFFF00;
}
.arrow {
	margin:20px auto;
  display: block;
  width: 25px;
  height: 25px;
  border-top: 1.3px solid #2E8292;
  border-right: 1.3px solid #2E8292;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#wrap002 p,
#wrap003 p{
	font-size:18px;
	font-weight:600;
	line-height:225%;
	letter-spacing:0.5px;
	text-align:left;
}
#wrap002 p.text_01{
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom:20px;
}
#wrap002 p.text_01 span{
	background:linear-gradient(transparent 95%, #ffff66 60%);
}
#wrap002 .box_02 h3{
	color:#FFF;
	margin-bottom:0;
}

/* wrap003--------------------------- */
#wrap003{
	background:url(../images/011.png) no-repeat 0% 100%;
	background-size:100%;
	padding:100px 0 0;
	text-align:center;
}
#wrap003 img{
	margin:20px auto 25px;
	display:block;
}
#wrap003 .box_01{
	width:640px;
	background:#FFF;
	padding:25px 25px 0;
	box-sizing:border-box;
	margin:0 auto;
}
#wrap003 h3{
	margin-bottom:0;
}

/* wrap004--------------------------- */
#wrap004{
	background:url(../images/014.jpg) no-repeat 100% 0%;
	background-size:100%;
	padding:90px 50px 60px;
	text-align:center;
	margin-top:100px;
	box-sizing:border-box;
}
#wrap004 h2{
	color:#FFFF00;
	font-size:47px;
	margin-bottom:40px;
}
#wrap004 p{
	font-size:18px;
	font-weight:600;
	color:#FFF;
	text-align:center;
	line-height:220%;
	letter-spacing:1.5px;
}
#wrap004 p span{
	color:#FFFF00;
}
#wrap004 .btn_01 a{
	width:48%;
	float:left;
	display:block;
	font-size:40px;
	background:#FFFF00;
	color:#2E8292;
	text-align:center;
	padding:20px 10px 15px;
	box-sizing:border-box;
	border-left:#2E8292 10px solid;
	margin-top:40px;
}
#wrap004 .mr_btn{
	margin-right:35px;
}
.btn_01 a.font_big{
	font-size:42px;
}
#wrap004 .fa-phone{
	font-size:75%;
}


/* wrap005--------------------------- */
#wrap005{
	background:#F1F1F1 url(../images/016.jpg) no-repeat 50% 50%;
	background-size:auto 100%;
	padding:50px 50px 60px;
	text-align:center;
	box-sizing:border-box;
}
#wrap005 h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:40px;
	letter-spacing:4px;
	line-height:110%;
	font-weight:bold;
}
#wrap005 h2 span.small_text{
	font-family:"YuMincho","Yu Mincho",serif;
	font-size:22px;
	color:#222;
	letter-spacing:1px;
}
#wrap005 h2 span.big{
	font-family:"YuMincho","Yu Mincho",serif;
	padding:0 5px 0 5px;
	font-size:205%;
	font-weight:100;
}
#wrap005 .border_small{
	width:100px;
border-bottom:#2E8292 1px solid;
margin:5px auto 0;
}
#wrap005 .box_01{
	width:100%;
	background:#F1F1F1;
	padding:50px 15px;
	box-sizing:border-box;
}
#wrap005 .box_02{
	width:300px;
	float:left;
	background:#F1F1F1;
	box-sizing:border-box;
	padding:25px 20px 25px;
	margin-right:30px;
	margin-top:40px;
	position:relative;
}
#wrap005 .mr_0{
	margin-right:0;
}
#wrap005 .box_02 img{
	width:100%;
}
#wrap005 h3 {
    line-height: 165%;
    letter-spacing: 2px;
    margin-bottom: 15px;
    color: #2E8292;
}
#wrap005 p{
	text-align:left;
	font-size:16px;
	font-weight:600;
	line-height:210%;
	letter-spacing:1px;
	font-family: 'Noto Sans JP', sans-serif;
}
.sankaku{
	position:absolute;
	bottom:10px;
	right:10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #2e8192 transparent;
}

/* wrap006--------------------------- */
#wrap006{
	width:100%;
	padding:130px 0 0;
	box-sizing:border-box;
	position:relative;
}
#wrap006 .img{
	position:absolute;
	top:-2px;
	right:0;
}
#wrap006 .text_01,
#wrap007 .text_01{
	color:#2E8292;
	border-bottom:#2E8292 1px solid;
	padding-bottom:10px;
	font-size:18px;
	margin-bottom:10px;
}
#wrap006 .box_01 p.text_02{
	color:#2E8292;
	font-size:15px;
	margin-bottom:15px;
	font-family: 'Noto Sans JP', sans-serif;
}
#wrap006 h2,
#wrap007 h2{
	font-size:35px;
	text-align:left;
	color:#2E8292;
	letter-spacing:0;
}
#wrap006 h3{
	color:#222;
	font-size:30px;
	line-height:140%;
	font-family: 'Noto Sans JP', sans-serif;
}
#wrap006 h4{
	width:100px;
	font-size:13px;
	color:#FFF;
	background:#2E8292;
	text-align:center;
	padding:12px 5px;
	box-sizing:border-box;
	font-weight:100;
	margin-bottom:10px;
}
#wrap006 .box_01,
#wrap006 .box_02{
	width:50%;
	float:left;
	box-sizing:border-box;
	margin-top:60px;
}
#wrap006 .box_01{
	padding:0 25px 0 0;
}
#wrap006 .box_01 p{
	color:#2E8292;
	font-size:18px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:180%;
	letter-spacing:1px;
}
#wrap006 .box_02{
	padding:0 0 0 25px;
	border-left:#2E8292 1px solid;
}
#wrap006 .box_02 p{
	font-size:13px;
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom:20px;
	line-height:150%;
}
#wrap006 .box_02 p.mb_0{
	margin-bottom:0;
}


/* wrap007--------------------------- */
#wrap007{
	background:#FFF url(../images/026.png) no-repeat 0% 100%;
	background-size:auto;
	position:relative;
	padding:120px 0;
	margin-top:-6px;
}
#wrap007 h2,
#wrap007 h3{
	text-align:right;
}
#wrap007 h3{
	font-size:16px;
	letter-spacing:1px;
	margin-bottom:15px;
}

#wrap007 .img{
	position:absolute;
	top:-1px;
	left:0;
}
#wrap007 .text_01{
	text-align:right;
}
#wrap007 .text_02{
	letter-spacing:0.2px;
	text-align:right;
	font-size:12px;
	font-family:"YuGothic","Yu Gothic",serif;
	color:#2E8292;
}
#wrap007 .box_01{
	width:430px;
	float:right;
	box-sizing:border-box;
	padding:0;
	margin-top:30px;
}
#wrap007 .box_02{
	width:335px;
	float:right;
	box-sizing:border-box;
	padding:0;
	margin-top:10px;
}
#wrap007 .box_02 p{
	font-size:14px;
	letter-spacing:1.7px;
	line-height:190%;
	font-family: 'Noto Sans JP', sans-serif;
}
#wrap007 .btn_01 a{
	width:100%;
	display:block;
	font-size:40px;
	background:#F1F1F1;
	color:#2E8292;
	text-align:center;
	padding:20px 10px 15px;
	box-sizing:border-box;
	margin-top:20px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	letter-spacing:5px;
}
#wrap007 .fa-phone{
	font-size:68%;
}
table{
	margin:30px 0 10px 0;
}
table th{
	background-color:#2E8292;
	color: #FFF;
	padding:5px 2px;
	vertical-align:middle;
	font-size:13px;
	font-family:"YuGothic","Yu Gothic",serif;
	font-weight:100;
	border-right:#2E8292 1px solid;
	border-bottom:#2E8292 1px solid;
	line-height:120%;
}
table th span{
	font-family: 'Roboto', sans-serif;
}
table th.th2{
	background:#FFF;
	color:#2E8292;
	letter-spacing:0;
}
table td{
	color:#2E8292;
	padding:12px 10px;
	text-align:center;
	vertical-align:middle;
	border-right:#2E8292 1px solid;
	font-family:"YuGothic","Yu Gothic",serif;
	font-size:14px;
	border-bottom:#2E8292 1px solid;
	background:#FFF;
}	
table td.td2{
	background:#E8F2F4;
}
table td.br_none{
	border-right:none;
}
table th.bb_none,
table td.bb_none{
	border-bottom:none;
}

/* wrap008--------------------------- */
#wrap008{
	background:url(../images/001.jpg) no-repeat 0% 0%;
	margin-top:-5px;
	padding:100px 0;
	text-align:center;
}
#wrap008 img{
	margin:20px auto 25px;
	display:block;
}
#wrap008 p{
	font-size:18px;
	font-weight:600;
	line-height:260%;
	margin-bottom:50px;
}
#wrap008 p span{
background: linear-gradient(transparent 60%, #ffff66 60%);
}

/* wrap009--------------------------- */
#wrap009{
	background:url(../images/032.png) no-repeat 0% 0%;
	background-size:100%;
	padding:100px 0 70px;
	text-align:center;
}
#wrap009 .box_01{
	margin:50px 0;
	border-bottom:#2E8292 1px solid;
	padding:0 0 5px;
	text-align:left;
}
#wrap009 .box_01 p{
	font-size:16px;
	margin-bottom:10px;
}
#wrap009 .box_01 p.text_01{
	text-align:right;
	font-size:200%;
	margin:10px 0 10px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:2px;
	font-weight:bold;
}
#wrap009 .box_01 p.text_01 span{
	font-size:16px;
}
#wrap009 h3{
	font-size:21px;
	letter-spacing:1.2px; margin-bottom:20px;
}
#wrap009 h3 span{
	background:#2E8292;
	color:#FFF;
	padding:10px;
	box-sizing:border-box;
	font-size:90%;
}
#wrap009 p.text_02{line-height:2; font-weight:bold;}
#wrap009 p span.red{color:#F00; font-size:120%;}




/* フッター--------------------------- */
.copy{
	background:#2E8292;
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding:30px 0;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	margin-top:70px;
}
.copy span{
	font-family: 'Roboto', sans-serif;
}
.map{
	height:300px !important;
}


/* 共通--------------------------- */

a {color:#555;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.clear{
	clear:both;
}



/* 予約フォーム--------------------------- */

table.contact td {
	border:#2E8292 1px solid;
	padding-bottom:10px;
	padding-top:10px;
}
.TextText{
	margin-top:5px !important;
	font-size:1.2vw !important;
	color:#2F8292 !important;
}
.must{
	color:#F00 !important;
}
.submitBtn{
	padding:10px 50px;
	border:#2E8292 1px solid;
	background:#FFF;
	color:#2E8292;
	margin:30px auto;
	font-size:18px;
	display:block;
	letter-spacing:2px;
	box-sizing:border-box;
}
.submitBtn:hover{
	border:#F00 1px solid;
}
input{
	padding:5px;
	font-size:15px;
}

	

/* PCで表示しない--------------------------- */

@media screen and (min-width:769px){
	.sp,.footer_link{
		display:none !important;
	}
}