/* CSS Document */

@media screen and (max-width:768px){
	
html,body{
	letter-spacing:0.6px;
}
	
.pc,
#pagetop{
	display:none !important;
}
.left,
.right{
	float:none;
}
.inner{
	width:100%;
	margin:0 auto;
	padding:10px 18px;
}
img{max-width:100%;height:auto;}
img.small_img{
	width:1px !important;}

h2{
	font-size: 5.15vw;
	line-height:180%;
	letter-spacing:1.3px;
	font-weight:100;
}
h2 span.big{
	font-size:160%;
}

h3{
	font-size:4.1vw;
	line-height:180%;
	letter-spacing:4px;
	margin-bottom:30px;
	color:#2E8292;
}
h4{
	font-size:4.2vw;
	color:#2E8292;
	margin-bottom:30px;
	line-height:170%;
	letter-spacing:4px;
}
h4 span{
	border-bottom:#222 1px solid;
	padding:10px;
}




/* ヘッダー--------------------------- */
header {
    width: 100%;
    margin-top: -45px;
}
a.scroll {
  position: absolute;
  bottom: 50px;
  left: 44%;
}


/* wrap001--------------------------- */
#wrap001{
	background:url(../images/001.jpg) no-repeat 100% 0%;
	background-size:65%;
	margin-top:-5px;
	padding:25px 0;
}
#wrap001 img{
	margin:12px auto 0;
	display:block;
}
#wrap001 p {
    font-size: 4.0vw;
    font-weight: 100;
    line-height: 245%;
    margin-top: 18px;
}
#wrap001 p span{
background: linear-gradient(transparent 75%, #ffff66 60%);
}


/* wrap002--------------------------- */
#wrap002{
	background-image: none, url(../images/009.png);
	padding:40px 0 0;
}
#wrap002 h2{
	color:#FFF;
	margin-bottom:20px;
	font-size: 5.1vw;
}
#wrap002 .box_01{
	width:95%;
	padding:30px 10px 0;
	margin:20px auto 15px;
}
#wrap002 .box_02{
	width:95%;
	padding:30px 12px;
	margin:30px auto 15px;
}
#wrap002 .box_03{
	width:95%;
	padding:25px 15px 25px;
	margin:20px auto 15px;
	z-index:0;
}
#wrap002 .box_03 img{
	width:40px;
}
#wrap002 .box_03 img.small{
	width:33px;
}
.arrow {
	margin:15px auto;
  display: block;
  width: 18px;
  height: 18px;
}
#wrap002 .box_02 h3,
#wrap002 .box_03 h4 {
	letter-spacing:0.5px;
}
#wrap002 p,
#wrap003 p{
	font-size: 3.8vw;
	line-height:230%;
	letter-spacing:0.3px;
}
.z_img{
	z-index:2;
	margin-top:-70px;
}

/* wrap003--------------------------- */
#wrap003{
	background:url(../images/013.png) no-repeat 0% 100%;
	background-size:100%;
	padding:30px 0 0;
}
#wrap003 img{
	margin:10px auto 20px;
	display:block;
}
#wrap003 .box_01{
	width:95%;
	background:#FFF;
	padding:0px 15px 0;
	box-sizing:border-box;
	margin:0 auto;
}
.pb_0{
	padding-bottom:0 !important;
}


/* wrap004--------------------------- */
#wrap004{
	background:url(../images/015.jpg) no-repeat 100% 0%;
	background-size:100%;
	padding:30px 15px 20px;
	text-align:center;
	margin-top:60px;
	box-sizing:border-box;
}
#wrap004 h2{
	color:#FFFF00;
	font-size:6.9vw;
	letter-spacing:-0.5px;
	line-height:135%;
	margin-bottom:20px;
}
#wrap004 .btn_01 a{
	width:100%;
	float:none;
	font-size:8.0vw;
	padding:15px 10px 10px;
	box-sizing:border-box;
	border-left:#2E8292 10px solid;
	margin-top:20px;
}
#wrap004 .mr_btn{
	margin-right:0;
}
.btn_01 a.font_big{
	font-size:8.8vw;
	letter-spacing:2.5px;
}
#wrap004 p{
	font-size: 4.0vw;
	line-height:210%;
	letter-spacing:0;
	text-align:left;
	font-weight:100;
}

/* wrap005--------------------------- */
#wrap005{
	background:#F1F1F1 url(../images/016.jpg) no-repeat 50% 50%;
	background-size:auto 100%;
	padding:15px 10px 20px;
}
#wrap005 h2{
	font-size:6.5vw;
	font-weight:bold;
	letter-spacing:1px;
	line-height:95%;
}

#wrap005 h2 span.small_text{
	font-size:3vw;
	font-weight:100;
}
#wrap005 h2 span.big{
	padding:0 3px 0 4px;
	font-size:180%;
	font-weight:100;
}
#wrap005 .border_small{
	width:50px;
	margin:2px auto 0;
}
#wrap005 .box_01{
	padding:15px 15px 25px;
}
#wrap005 .box_02{
	width:100%;
	float:none;
	padding:20px 12px 20px;
	margin-right:0;
	margin-top:20px;
	position:relative;
	display:block;
}
#wrap005 .box_02 img{
	width:43%;
	float:left;
	margin-right:13px
}
#wrap005 h3 {
	font-size:3.8vw;
}
.sankaku{
	position:absolute;
	bottom:5px;
	right:5px;
	border-style: solid;
	border-width: 0 0 15px 15px;
	border-color: transparent transparent #2e8192 transparent;

}
#wrap005 p{
	font-size: 3.6vw;
	line-height:200%;
	font-weight:100;
	letter-spacing:0;
}


/* wrap006--------------------------- */
#wrap006{
	width:100%;
	padding:35px 0 0;
	box-sizing:border-box;
	position:relative;
}
#wrap006 .img{
	position:absolute;
	top:0;
	right:0;
	width:60%;
}
#wrap006 .text_01,
#wrap007 .text_01{
	font-size:3.1vw;
	letter-spacing:1px;
	padding-bottom:3px;
	margin-bottom:8px;
}
#wrap006 h2,
#wrap007 h2{
	font-size:5.5vw;
	letter-spacing:0.3px;
	line-height:130%;
}
#wrap006 h3{
	font-size:6.6vw;
	line-height:140%;
	margin-bottom:20px;
}
#wrap006 h4{
	width:80px;
	font-size:13px;
	padding:5px 2px;
	margin-bottom:15px;
	letter-spacing:1.5px;
}
#wrap006 .box_01,
#wrap006 .box_02{
	width:100%;
	float:none;
	margin-top:30px;
	padding:0 0 10px;
	border:none;
}
#wrap006 .box_02{
	margin-top:20px;
}
#wrap006 .box_01 p.text_02{
	font-size:3vw;
	margin-bottom:10px;
}
#wrap006 .box_01 p{
	font-size:4.0vw;
	line-height:200%;
	letter-spacing:1px;
}
#wrap006 .border_top{
	border-top:#2E8292 1px solid;
}
#wrap006 .box_02 p{
	font-size:13px;
	margin-bottom:30px;
	line-height:190%;
}


/* wrap007--------------------------- */
#wrap007{
	background:url(../images/028.png) no-repeat 0% 100%;
	background-size:50%;
	position:relative;
	padding:30px 0 20px;
}
#wrap007 h3{
	font-size:2.8vw;
	font-weight:100;
	margin-bottom:10px;
}
#wrap007 .box_01{
	width:80%;
	float:right;
	box-sizing:border-box;
	padding:0;
	margin-top:25px;
}
#wrap007 .box_02{
	width:100%;
	float:right;
	box-sizing:border-box;
	padding:0;
	margin-top:10px;
}
#wrap007 .box_02 p{
	font-size:11px;
	letter-spacing:0.7px;
	line-height:170%;
	font-family: 'Noto Sans JP', sans-serif;
}
#wrap007 .btn_01 a{
	font-size:5.4vw;
	padding:10px 10px;
	margin-top:10px;
	letter-spacing:5px;
}
#wrap007 .fa-phone{
	font-size:68%;
	padding-right:0;
}
#wrap007 .text_02{
	font-size:11px;
	letter-spacing:0;
	line-height:160%;
}
table{
	margin:15px 0 10px 0;
}
table th{
	background-color:#2E8292;
	color: #FFF;
	padding:2px 2px;
	font-size:11px;
	font-weight:100;
	line-height:120%;
	letter-spacing:2px;
}
table th.th2{
	letter-spacing:0.5px;
}
table td{
	padding:2px 5px;
	font-size:10px;
}	

/* wrap008--------------------------- */
#wrap008{
	background:url(../images/001.jpg) no-repeat 100% 0%;
	background-size:65%;
	margin-top:-5px;
	padding:25px 0;
}
#wrap008 img{
	margin:12px auto 0;
	display:block;
}
#wrap008 p {
    font-size: 4.0vw;
    font-weight: 100;
    line-height: 245%;
    margin-top: 18px;
}
#wrap008 p span{
background: linear-gradient(transparent 75%, #ffff66 60%);
}


/* wrap009--------------------------- */
#wrap009{
	background:url(../images/032.png) no-repeat 0% 0%;
	background-size:100%;
	padding:30px 0 10px;
}
#wrap009 .box_01{
	margin:30px 0 40px;
	border-bottom:#2E8292 1px solid;
	padding:0 0 5px;
	text-align:left;
}
#wrap009 .box_01 p{
	font-size:14px;
	margin-bottom:8px;
	line-height:160%;
}
#wrap009 .box_01 p.text_01{
	text-align:right;
	font-size:190%;
	margin:0px 0 0;
	font-family: 'Roboto', sans-serif;
	letter-spacing:2px;
	line-height:130%;
	font-weight:bold;
}
#wrap009 .box_01 p.text_01 span{
	font-size:16px;
}
#wrap009 h3{
	font-size:17px;
	letter-spacing:0.5px;
	line-height:230%;
	margin-bottom:10px;
}
#wrap009 h3 span{
	background:#2E8292;
	color:#FFF;
	padding:10px;
	box-sizing:border-box;
	font-size:70%;
}
#wrap009 p.text_02{text-align:left; margin-bottom:20px; font-size:14px;}



/* フッター--------------------------- */
.copy{
	font-size:1vw;
	padding:15px 0;
	margin-top:0px;
	margin-bottom:40px;
	line-height:170%;
	background:#F1F1F1;
	color:#2E8292;
}


/* ページトップ------------- */
#pagetop{
		right: -20px;
		bottom: 40px;}
#pagetop img{
	width: 80%;
}

	
	
/* 共通-------------- */	
.t_l{font-size:0.8em;}
.mt_60{margin-top: 0px;}
.mb_80{margin-bottom:60px;}
.pb_80{padding-bottom: 50px;}
.sp_mb20{margin-bottom: 20px;}
.sp_img80{width:80%;}
.ml30{margin-left:30px;}


/* SPのフッターリンク --------------------------- */
.footer_link
{
	display: block;
	width: 100%;
	position: fixed;
	bottom: 0;
	height: auto;
	z-index: 99;
	border-top:#FFF 3px solid;
}
.footer_link a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
.footer_link ul
{
	padding: 0;
	margin: 0;
}
.footer_link ul li {
	float: left;
	width: 50%;
}
.footer_link ul li a {
	font-size:16px;
	color:#FFF;
	background: #2E8292;
	display: block;
	text-align: center;
	padding:5px 0 9px 0;
	border-right:#FFF 2px solid;
	font-family:"YuGothic","Yu Gothic",serif;
	letter-spacing:2px;
}
.footer_link ul li a span{
	color:#FFFF00;
}
.footer_link i{
	font-size:22px;
	margin-top:10px;
	margin-bottom:2px;
}
.footer_link ul li:last-child a{
	border-right: none;
}
.footer_link ul li a img {
	height: 40px;
	width: auto;
}

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

.TextText{
	margin-top:5px !important;
	font-size:3vw !important;
	color:#2F8292 !important;
}

}