@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap");
/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}
figure { margin: 0;}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

ul, ol, dl, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-size: inherit;
	font-weight: 400;
	font-family: "M PLUS 1p";
 	font-family: 'M PLUS Rounded 1c'!important;
}
mark{ background: linear-gradient(transparent 40%, #FFE06E);}
fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}
.container {max-width: none !important;}

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

a.anchor {
    display: block;
    padding-top: 260px;
    margin-top: -260px;
}

/* ------------------------------------
// base
------------------------------------ */
html {
	font-size: 62.5%;
	overflow: auto;
}
@media screen and (max-width: 767px) {html {font-size: calc(2000vw / 1000);}}
body {
  	color: #444;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 	font-family: 'M PLUS Rounded 1c'!important;
 	font-size: 1.6em;
  	font-weight: 400;
	line-height: 1.8;
	letter-spacing:0.03em;
	margin: 0;
	padding-bottom:0!important;
  	overflow: hidden;
  	min-width: 1000px;
}
@media screen and (max-width: 1000px) {body {min-width: 0;}}

#wrapper {position: relative;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

a img {transition: .3s;}
a img:hover {opacity: .8;}

img {
  max-width: 100%;
  height: auto;
}
.R-img{
	float:right;
	padding:0 0 2vw 4vw;
	}

.gr{ color:#59B200;}
.or{ color:#D86C00;}
.ye{ color:#FFDF76;}
.re{ color:#DD3200;}
.pi{ color:#EA6180;}
.lpi{ color:#EA6281;}
.lgr{ color:#008C8C;}
.bw{ color:#D86C00;}
.lbw{ color:#A38167;}
.be{ color:#A2826A;}
.bl{ color:#75A3AD;}

.ye-back{ background-color:#FFFDEF;}
.bl-back{ background-color:#FAFEFE;}
.lbl-back{ background-color:#ECF4F8;}
.bl-border{ border-color:#ADDCDC;}

.btm30{padding-bottom:3vh;}
.btm50{padding-bottom:5vh;}

.M-2vw{ margin:2vw;}	
.M-TB-2vw{ margin:2vw 0;}	
.M-LR-2vw{ margin:0 2vw;}
.M-4vw{ margin:4vw;}	
.M-TB-4vw{ margin:4vw 0;}	
.M-LR-4vw{ margin:0 4vw;}
.M-B-2vw{ margin:0 0 2vw;}	
.M-B-4vw{ margin:0 0 4vw;}	

.P-2vw{ padding:2vw;}	
.P-TB-2vw{ padding:2vw 0;}	
.P-LR-2vw{ padding:0 2vw;}	
.P-4vw{ padding:4vw;}	
.P-TB-4vw{ padding:4vw 0;}	
.P-LR-4vw{ padding:0 4vw;}	

@media screen and (max-width: 1400px) {
.M-2vw{ margin:2vw;}	
.M-TB-2vw{ margin:2vw;}	
.M-LR-2vw{ margin:2vw;}
.M-4vw{ margin:4vw;}	
.M-TB-4vw{ margin:4vw;}	
.M-LR-4vw{ margin:4vw;}
.M-B-4vw{ margin:0 0 4vw;}	

.P-2vw{ padding:2vw;}	
.P-TB-2vw{ padding:2vw;}	
.P-LR-2vw{ padding:2vw;}	
.P-4vw{ padding:4vw;}	
.P-TB-4vw{ padding:4v;}	
.P-LR-4vw{ padding:4vw;}	
}

.col2-box{
	clear:both;
	margin:50px 0 0 0;
	padding:0;
	display : flex;
	flex-wrap : wrap;
	justify-content:space-between;
	}
.col2-box::before{
	content:"";
	display: block;
	width:48%;
	order:1;
	}
.col2-box::after{
	content:"";
	display: block;
	width:48%;
	}
.col2-box .item{
	margin-bottom:10px;
	box-sizing:border-box;
	width:48%;
	}
.col2-box h4{
	text-align:center;
	margin-bottom:10px;
	font-size:2.4rem;
	}
.col2-box img{ margin:0 auto; display:block;}
@media screen and (max-width: 1200px) {
.col2-box{
	width:96%;
	margin:30px auto 0 auto;
	}
.col2-box::before{
	content:"";
	display: block;
	width:48%;
	order:1;
	}
.col2-box::after{
	content:"";
	display: block;
	width:48%;
	}
.col2-box .item{
	box-sizing:border-box;
	width:48%;
	margin:0 0 10px;
	}
}
@media screen and (max-width: 767px) {
.col2-box{
	width:90%;
	margin:30px auto 0 auto;
	}
.col2-box::before{
	content:"";
	display: block;
	width:100%;
	order:1;
	}
.col2-box::after{
	content:"";
	display: block;
	width:100%;
	}
.col2-box .item{
	box-sizing:border-box;
	width:100%;
	margin:0 0 10px;
	}
}

/* 背景画像の透過用 */
.bkRGBA{
	height: 100%;
	background: rgba(255,255,255,0.5);
	padding:5vw 0 5vw;
	}	
.sp {display: none;}
@media screen and (max-width: 1000px) {.sp {display: block;}}
@media screen and (max-width: 1000px) {.pc {display: none;}}

.txt-c{ text-align:center;}

/* ------------------------------------
// header
----------------------------------- */
#header {
	width:96%;
	max-width:1476px;
	margin:0 auto;
	overflow:hidden;
	}

.main-img {
    width: 100%;
	max-width:1476px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	margin:0 auto;
}
.main-img img{
	margin:0 auto;
	width: 100vw;
	}
@media screen and (max-width: 1400px) {
.main-img {
	width: 96%;
	margin:0 auto;
	}
}


#head-common {
	margin: 0 auto;
	padding: 2vw 0 0 0;
	width:27%;
	max-width:320px;
	overflow: hidden;
	float:left;
}
#head-common h1 {
	display: block;
	margin:0;
	padding:0;
	max-width: 260px;
	overflow:hidden;
}
#head-common h1 p{
	margin:0;
	padding:0;
	}
#head-common h1 img{
	display:block;
	margin:0 0 1vw 0;
	padding:0;
	max-width:26rem;
	}
@media screen and (max-width:1000px){
#header {
	width:96%;
	overflow:hidden;
	}
#head-common {
	width:100%;
}
#head-common h1 img{
	width: 34vw!important;
}
#head-common h1 p{
	font-size:85%;
	}
}
.assist-outer{
	overflow:hidden;
	width:72%;
	float:right;
	margin-top:5vw;
	}	
.assist{
	display: block;
	overflow:hidden;
	width:250px!important;
	margin:0;
	float:right;
	padding-right:0;
	}
@media screen and (max-width:1000px){
.assist-outer{
	display:none;
	}
}


/*gnav FULL----------------------------------------------------*/
#header .gnav {
	margin: 0;
	max-width: 680px!important;
	padding:0 0 2vw 0;
 	font-family: 'M PLUS Rounded 1c';
	float:right;
}
#header .gnav dl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width:680px;
  margin:0 auto;
}
#header .gnav ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
#header .gnav ul li a {
  display: inline-block;
  padding-top: 0;
  text-align: left;
  min-width: 160px;
  font-size:120%;
}
#header .gnav ul li a:hover {color: #D7D7D5;}
@media screen and (max-width:1335px) {
#header .gnav {
	margin: 0;
	max-width: 420px;
	padding:0;
 	font-family: 'M PLUS Rounded 1c';
	float:left;
}
#header .gnav dl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width:420px;
  margin:0 auto;
}
#header .gnav ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
#header .gnav ul li a {
  display: inline-block;
  padding-top: 0;
  text-align: center;
  min-width: 110px;
  font-size:100%;
}
#header .gnav ul li a:hover {color: #D7D7D5;}
}




/*gnav 1000px----------------------------------------------------*/

@media screen and (max-width: 1000px) {
  #header .gnav,.assist{display:none;}
  #header {margin-bottom: 0vw;}
  #head-common{ height:16vw;}
  h1 img{ padding:0vw 0 0 3vw; width:33vw;}
}




/* ------------------------------------
// spmenu
----------------------------------- */
.spmenu {display: none;}
#sp_drw {display: none;}

@media screen and (max-width: 1000px) {
  .spmenu {
    background: url("../img/menu.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    height: 5.4rem;
    position: fixed;
    right: .5rem;
    top: 1.2rem;
    width: 6.8rem;
    z-index: 5000;
  }
  .spmenu.close {
    background: url("../img/menu_close.png") no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    height: 5.4rem;
    position: fixed;
    right: .5rem;
    top: 1.2rem;
    width: 6.8rem;
    z-index: 5000;
  }
  #sp_drw {
	display: block;
	left: 0;
	padding: 2rem 4.4rem 3.5rem;
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	overflow-y: auto;
	z-index: 15;
	visibility: hidden;
	opacity: 0;
	transform: translateX(-100%);
	transition: visibility 0.3s, opacity 0.3s, transform 0s 0.3s;
	background-color: #FFF;
  }
  .js-menuOpen #sp_drw {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: visibility 0.3s, opacity 0.3s, transform 0s;
  }
  #sp_drw .sp_nav {
    margin-bottom: 4rem;
  }
  #sp_drw .sp_nav h3{
	  font-size:1.4em;
	  font-weight:600;
	  margin-top:20px;
  }
  #sp_drw .sp_nav dt {
    line-height: 1.2;
    margin-bottom: 3rem;
  }
  #sp_drw .sp_nav dt span {
    color: #444;
    display: block;
    font-size: 1.4rem;
    font-weight:400;
    margin-top: 0.9em;
	margin-bottom:1vw;
  }
  /*logo size*/
  #sp_drw .sp_nav dt img {
    width: 24rem;
  }
  #sp_drw .sp_nav dd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
	width:90%;
	margin:0 auto;
  }
  #sp_drw .sp_nav dd ul li {
    font-size: 2rem;
    line-height: 1.2;
    margin-bottom: 0.2em;
    width: 40%;
	list-style:disc;
  }
  #sp_drw .sp_nav dd ul li a {
    display: block;
    padding: 0.6em 0 ;
  }
  #sp_drw img{ padding-right:10px; margin-bottom:10px;}
  
   #sp_drw .contact img{
	   width:100%!important;}
  
}



/* ------------------------------------
// contents
----------------------------------- */
.inner {
	overflow:hidden;
	margin: 0 auto;
	width: 100vw;
}
.first {
	overflow: hidden;
	margin: 6vw auto 0;
	width: 100%;
	background-color: #EBF8FE;
	background-image: url(../img/info-border.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom:60px;
}
	
.inner1400{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:980px;
	}
.inner1200M-TB{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:1100px;
	}
.inner1200M-TB-s{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:1100px;
	}
.inner1200{
	width:92vw!important;
	margin:0 auto!important;
	max-width:1100px;
	}
.inner1100{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:980px;
	}

@media screen and (max-width: 1400px) {
.inner-wide {
	margin: 0 auto;
	width: 92vw;
	max-width: 1000px;
	}
.inner1400{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:980px;
	}
.inner1200M-TB{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:1100px;
	}
.inner1200M-TB-s{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:1100px;
	}
.inner1200{
	width:92vw!important;
	margin:0vw auto!important;
	max-width:1100px;
	}
.inner1100{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:980px;
	}
}
@media screen and (max-width: 1000px) {
.inner-wide {
	margin: 0 auto;
	width: 100vw;
	max-width: 1000px;
	}
.inner1400{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:980px;
	}
.inner1200M-TB{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:1100px;
	}
.inner1200M-TB-s{
	width:92vw!important;
	margin:2vw auto!important;
	max-width:1100px;
	}
.inner1200{
	width:92vw!important;
	margin:0vw auto!important;
	max-width:1100px;
	}
.inner1100{
	width:92vw!important;
	margin:4vw auto!important;
	max-width:980px;
	}
.inner-first {
	overflow:hidden;
	margin: 10vw auto 6vw;
	width: 90vw;
	max-width: 860px;
}
}
@media screen and (max-width: 767px) {
.inner-wide {
	width:92vw!important;
  	max-width: 767px;
	margin:4vw auto!important;
	}
.inner1200M-TB{
	width:90vw!important;
	margin:4vw auto!important;
	max-width:767px;
	}
.inner1200M-TB-s{
	width:90vw!important;
	margin:1vw auto!important;
	max-width:767px;
	}
.inner1200{
	width:90vw!important;
	margin:0vw auto!important;
	max-width:767px;
	}
}

/* TOP INFO */
#TOP-INFO {
	overflow: hidden;
	width: 100%;
	padding: 4vw 0;
	margin:0 auto;
	background-color: #EBF8FE;
	background-image: url(../img/info-back.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	}
#TOP-INFO .inner{
	width:1400px;
	margin:0 auto;
	}	
#TOP-INFO h2{
	width:100%;
	display:block;
	}
#TOP-INFO h2 img{
	float:left;
	max-width:282px;
	}	
#TOP-INFO h2 p{
	text-align:left;
	float:left;
	margin:1.6vw 0 0 1vw;
	}	
#TOP-INFO dl{
	width:720px;
	clear: both;
	overflow: hidden;
	display: block;
	padding: 1vw 0 !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	}	
#TOP-INFO dt{
	width:25%;
	float:left;
	background-image: url(../img/info-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding:0 3% 0 20px;
}	
#TOP-INFO dd{
	width:72%;
	padding:0;
	float:left;
	}	

@media screen and (max-width:1480px) {
#TOP-INFO {
	overflow: hidden;
	width: 100%;
	padding: 4vw 0;
	background-size: 40%;
	}
#TOP-INFO .inner{
	width:960px;
	margin:0 auto;
	}	
#TOP-INFO h2{
	width:100%;
	display:block;
	}
#TOP-INFO dl{
	width:640px;
	clear: both;
	overflow: hidden;
	display: block;
	padding: 1vw 0 !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	}	
#TOP-INFO dt{
	width:25%;
	float:left;
	background-image: url(../img/info-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding:0 3% 0 20px;
}	
#TOP-INFO dd{
	width:72%;
	padding:0;
	float:left;
	}	
}
@media screen and (max-width:1000px) {
#TOP-INFO {
	overflow: hidden;
	width: 100%;
	padding: 4vw 0;
	background-image: none;
	}
#TOP-INFO .inner{
	width:90%;
	margin:0 auto;
	}	
#TOP-INFO h2{
	width:100%;
	display:block;
	}
#TOP-INFO dl{
	width:100%;
	clear: both;
	overflow: hidden;
	display: block;
	padding: 1vw 0 !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	}	
#TOP-INFO dt{
	width:100%;
	float:none;
	background-image: url(../img/info-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding:0 3% 0 16px;
}	
#TOP-INFO dd{
	width:100%;
	padding:0;
	float:none;
	}	
}


/* TOP HOURE */
#TOP-HOURE {
	overflow: hidden;
	width: 100%;
	padding: 4vw 0;
	background-color: #EBF8FE;
	background-image: url(../img/time-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	margin:0 auto;
	}
#TOP-HOURE .inner{
	width:90vw;
	max-width:1400px;
	margin:0 auto;
	text-align:center;
	}	
#TOP-HOURE h2{
	}
#TOP-HOURE .cal-outer{
	width:100%;
	max-width:1300px;
	margin: 0 auto;
	text-align: center;
	border: 10px solid #DDF3FE;
	padding:3vw;
	background-color:#FFF;
	border-radius:20px;
	overflow:hidden;
	}
@media screen and (max-width:1270px) {
#TOP-HOURE .cal-outer{
	width:96%;
	max-width:460px;
	margin: 0 auto!important;
	text-align: center;
	border: 10px solid #DDF3FE;
	padding:4vw 0;
	background-color:#FFF;
	border-radius:20px;
	overflow:hidden;
	}	
#TOP-HOURE .cal-outer table{
	display:block;
	width:338px;
	margin: 0 auto!important;
	padding:0 0;
	}	
}
	
	
	
/*TOP-MESSAGE*/
#TOP-MESSAGE{
	width: 100%;
	overflow: hidden;
	padding:4vw 0;
	margin: 0;
	background-image: url(../img/message-back.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	}
#TOP-MESSAGE h2{
	text-align:center;
	}	
#TOP-MESSAGE .inner {
	width: 100%;
	max-width: 1200px;
}
#TOP-MESSAGE .inner .box-l{
	float:left;
	width:36%;
	margin:4vw 0 0 0;
	}	
#TOP-MESSAGE .inner .box-r{
	float:left;
	width:54%;
	margin:4vw 0 0 10%;
	}
#TOP-MESSAGE .inner .box-r p{
	font-size:2rem;}
.profile{
	width:580px;
	background-image: url(../img/message-profile.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 auto 0;
	padding-bottom:20px;
	}
.profile p{ padding:40px 0 0 20px; font-size:1.6rem!important;}		
.profile dl{
	max-width:580px;
	margin:0 ;
	padding-left:20px;
	}	
.profile dt{
	float:left;
	width:15%;
	}	
.profile dd{
	float:left;
	width:85%;
	}	
		
	
@media screen and (max-width: 1000px) {
#TOP-MESSAGE .inner {
	width: 94%;
	max-width: 860px;
}
#TOP-MESSAGE .inner .box-r p{
	font-size:1.8rem;}
#TOP-MESSAGE .inner .box-r{
	float:left;
	width:59%;
	margin:4vw 0 0 5%;
	}
}
@media screen and (max-width: 767px) {
#TOP-MESSAGE .inner .box-l{
	float:none;
	width:100%;
	margin:4vw auto 0;
	}
#TOP-MESSAGE .inner .box-l img{
	margin:0 auto;
	display:block;
	width:80%;
	}		
#TOP-MESSAGE .inner .box-r{
	float:none;
	width:100%;
	margin:4vw 0 0 0;
	}
}

/*TOP-POINT*/
#TOP-POINT{
	width: 100%;
	overflow: hidden;
	padding:4vw 0;
	margin: 0;
	background-image: url(../img/point-back.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	}
#TOP-POINT h2{
	text-align:center;
	width:90%;
	margin:0 auto;
	}	
#TOP-POINT .inner1 {
	width: 100%;
	max-width: 1600px;
	background-image: url(../img/point1-back.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:40%;
	float:right;
	overflow:hidden;
	padding:8vw 0;
}
#TOP-POINT .inner1 .txt-box,
#TOP-POINT .inner3 .txt-box{
	width:80%;
	max-width:1280px;
	float:left;
	overflow:hidden;
	}
#TOP-POINT .inner2 {
	width: 100%;
	max-width: 1600px;
	background-image: url(../img/point2-back.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:40%;
	float:left;
	overflow:hidden;
	padding:8vw 0;
}
#TOP-POINT .inner2 .txt-box,
#TOP-POINT .inner4 .txt-box{
	width:80%;
	max-width:680px;
	float:right;
	overflow:hidden;
	}
#TOP-POINT .inner3 {
	width: 100%;
	max-width: 1600px;
	background-image: url(../img/point3-back.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:40%;
	float:right;
	overflow:hidden;
	padding:8vw 0;
}
#TOP-POINT .inner4 {
	width: 100%;
	max-width: 1600px;
	background-image: url(../img/point4-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:40%;
	float:left;
	overflow:hidden;
	padding:8vw 0 20vw;
}

@media screen and (max-width: 1680px) {
#TOP-POINT .inner1 {
	width: 100%;
	max-width: 1200px;
	background-image: url(../img/point1-back.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:40%;
	float:right;
	overflow:hidden;
	padding:6vw 0;
}
#TOP-POINT .inner1 .txt-box,
#TOP-POINT .inner3 .txt-box{
	width:80%;
	max-width:680px;
	float:left;
	overflow:hidden;
	}
#TOP-POINT .inner2 {
	width: 100%;
	max-width: 1200px;
	background-image: url(../img/point2-back.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:40%;
	float:left;
	overflow:hidden;
	padding:6vw 0;
}
#TOP-POINT .inner2 .txt-box,
#TOP-POINT .inner4 .txt-box{
	width:80%;
	max-width:680px;
	float:right;
	overflow:hidden;
	}
#TOP-POINT .inner3 {
	width: 100%;
	max-width: 1200px;
	background-image: url(../img/point3-back.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:40%;
	float:right;
	overflow:hidden;
	padding:6vw 0;
}
#TOP-POINT .inner4 {
	width: 100%;
	max-width: 1200px;
	background-image: url(../img/point4-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:40%;
	float:left;
	overflow:hidden;
	padding:6vw 0 20vw;
}
}
@media screen and (max-width: 1280px) {
#TOP-POINT .inner1 {
	width: 100%;
	max-width: 1200px;
	background-image: url(../img/point1-back.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:40%;
	float:right;
	overflow:hidden;
	padding:6vw 0 6vw 2vw;
}
#TOP-POINT .inner1 .txt-box,
#TOP-POINT .inner3 .txt-box{
	width:80%;
	max-width:680px;
	float:left;
	overflow:hidden;
	}
#TOP-POINT .inner2 {
	width: 100%;
	max-width: 1200px;
	background-image: url(../img/point2-back.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:40%;
	float:left;
	overflow:hidden;
	padding:6vw 0;
}
#TOP-POINT .inner2 .txt-box,
#TOP-POINT .inner4 .txt-box{
	width:80%;
	max-width:680px;
	float:right;
	overflow:hidden;
	}
#TOP-POINT .inner3 {
	width: 100%;
	max-width: 1200px;
	background-image: url(../img/point3-back.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:40%;
	float:right;
	overflow:hidden;
	padding:6vw 0 6vw 2vw;
}
#TOP-POINT .inner4 {
	width: 100%;
	max-width: 1200px;
	background-image: url(../img/point4-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:40%;
	float:left;
	overflow:hidden;
	padding:6vw 0 20vw;
}
}

@media screen and (max-width: 1000px) {
#TOP-POINT{
	background-size:100%;
	}
#TOP-POINT .inner1,
#TOP-POINT .inner2,
#TOP-POINT .inner3,
#TOP-POINT .inner4{
	width: 100%;
	max-width: 1200px;
	background-repeat: no-repeat;
	background-position: right top;
	background-size:40%;
	float:right;
	overflow:hidden;
	padding:10vw 4vw 0vw 4vw;
}
#TOP-POINT .inner4{
	background-position: right 4vw;
	padding:10vw 4vw 12vw 4vw;
}
#TOP-POINT .inner1 .txt-box,
#TOP-POINT .inner2 .txt-box,
#TOP-POINT .inner3 .txt-box,
#TOP-POINT .inner4 .txt-box{
	width:100%;
	max-width:680px;
	float:left;
	overflow:hidden;
	}
#TOP-POINT .inner1 {background-image: url(../img/point1-back.png);}
#TOP-POINT .inner2 {background-image: url(../img/point2-back.png);}
#TOP-POINT .inner3 {background-image: url(../img/point3-back.png);}
#TOP-POINT .inner4 {background-image: url(../img/point4-back.png);}
#TOP-POINT .inner1 .txt-box h3,
#TOP-POINT .inner2 .txt-box h3,
#TOP-POINT .inner3 .txt-box h3,
#TOP-POINT .inner4 .txt-box h3{
	width:80%;
	}
}

/*TOP-TIME*/
#TOP-TIME{
	width: 100%;
	overflow: hidden;
	padding:0;
	margin: 0;
	background-color:#fff;
	overflow:hidden;
	}
#TOP-TIME .inner{
	width: 100%;
	overflow: hidden;
	padding:0;
	margin: 0 auto;
	}
#TOP-TIME h2{
	text-align:center;
	width:90%;
	margin:0 auto;
	}
#TOP-TIME .time-L{
	width: 50%;
	float: left;
	overflow: hidden;
	background-image: url(../img/foot-time-back.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	padding:20vw 0;
	}	
#TOP-TIME .time-L img{
	display:none;
	}	
#TOP-TIME .time-R{
	width:50%;
	float:right;
	overflow:hidden;
	}	
#TOP-TIME .time-R .inner{
	width:80%;
	margin:0 auto;
	padding:2vw 0;
	display:block;
	text-align:center;
	}	
@media screen and (max-width: 1180px) {
#TOP-TIME .time-L{
	padding:24vw 0;
	}	
}
@media screen and (max-width: 1000px) {
#TOP-TIME .inner{
	width: 94%;
	overflow: hidden;
	padding:3vw 0;
	margin: 0 auto;
	}
#TOP-TIME .time-L{
	background-image:none;
	float:none;
	width:100%;
	padding:0;
	}	
#TOP-TIME .time-R{
	float:none;
	width:100%;
	}	
#TOP-TIME .time-R .inner{
	width:100%;
	margin:0 auto;
	padding:2vw 0;
	display:block;
	text-align:center;
	}	
#TOP-TIME .time-L img{
	display:block;
	width:100%;
	vertical-align:bottom;
	}	
}

/*TOP-ACCESS*/
#TOP-ACCESS{
	width: 100%;
	overflow: hidden;
	padding:0;
	margin: 0;
	background-color:#E9EEF2;
	overflow:hidden;
	}
#TOP-ACCESS .inner{
	width: 100%;
	max-width:1200px;
	overflow: hidden;
	padding:0;
	margin:4vw auto;
	}
#TOP-ACCESS .access-L{
	float:left;
	width:30%;
	max-width:350px;
	overflow: hidden;
	}
#TOP-ACCESS .access-L h2{
	padding-bottom:1vw;
	}	
#TOP-ACCESS .access-L h3{
	padding-bottom:1vw;
	font-weight:600;
	}	
#TOP-ACCESS .access-L ul{
	margin:2vw 0 0 0:
	overflow: hidden;
	}
#TOP-ACCESS .access-L li{
	background-image: url(../img/icon-buss.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 1vw 26px;
	}
#TOP-ACCESS .access-R{
	float:right;
	width:70%;
	max-width:750px;
	overflow: hidden;
	}
@media screen and (max-width: 1280px) {
#TOP-ACCESS .inner{
	width: 94%;
	max-width:800px;
	overflow: hidden;
	padding:0;
	margin:4vw auto;
	}
#TOP-ACCESS .access-L{
	float:none;
	width:100%;
	max-width:800px;
	}
#TOP-ACCESS .access-R{
	float:none;
	width:100%;
	max-width:800px;
	}
}



/* ------------------------------------
// footer
----------------------------------- */

/*googlemap*/
.google-maps {
position: relative;
padding-bottom:30%;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (max-width: 767px) {
.google-maps {
position: relative;
padding-bottom:60%;
overflow: hidden;
}
#map-container{
	margin-bottom:50vw;
	margin:0 auto!important;
	width: 100% !important;
	}
}

/* pagetop */
.pagetop {
  position: fixed;
  right: 25px;
  z-index: 15;
}
@media screen and (max-width: 767px) {
  .pagetop {
    right: 2rem;
    width: 8rem;
  }
}

/* ftnav */
#ftnav {
	display:none;
	bottom: 0;
	left: 0;
	padding: 8px 1em;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 10;
	background-color: #59B8EF;
}
#ftnav dl {
  margin: 0 auto;
  max-width: 1000px;
}
#ftnav dt {
  color: #333;
  font-size: 1.6rem;
  letter-spacing: 0.075em;
  line-height: 1.1;
  margin-bottom: 0.4em;
}
#ftnav ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
#ftnav ul li {width: 32%;}
#ftnav ul li img{width: 100%;}
#ftnav ul li a {
  border-radius: 10px;
  display: block;
  line-height: 0;
  padding: 0;
  text-align: center;
}
#ftnav ul li:first-child a {
	color: #444;
	background-color: #7EA3C5;
}
#ftnav ul li:nth-child(2) a {
	color: #444;
	background-color: #7EA3C5;
}
#ftnav ul li:last-child a {
	color: #444;
	background-color: #52BE51;
}
#ftnav ul li a {
  border-radius: 10px;
  display: block;
  line-height: 0;
  padding: 0;
  text-align: center;
}
#ftnav ul li:first-child a {
	color: #444;
	background-color: #FFF;
}
#ftnav ul li:nth-child(2) a {
	color: #444;
	background-color: #FFF;
}
#ftnav ul li:last-child a {
	color: #444;
	background-color: #FFF;
}

@media screen and (max-width: 1000px) {
  #ftnav {
	display: block;
    padding: 2rem 1em;
  }
#ftnav img{ width:50%!important; margin:8px auto;}
}
@media screen and (max-width: 767px) {
  #ftnav {padding: 1rem 1em;}
  #ftnav dt {}
  #ftnav ul li a {
    padding:5px 0;
  }
#ftnav img{ width:96%!important; margin:8px auto;}
}


/*---Common--------------------------------------------------------------------------SECOND PAGE*/
#second-h2{
	width:100%;
	background-color: #C7DBE5;	
	overflow:hidden;
	}
#second-h2 .inner{
	width: 100%;
	max-width: 1280px;
	padding: 4vw 0;
	margin: 0 auto;
	overflow: hidden;
	}
#second-h2 .inner h2{
	font-size:6.5rem;
	color:#FFF;
	margin:0;
	}	
#second-h2 .inner p{
	font-size:1.8rem;
	margin:0;
	padding:0;
	letter-spacing:.1em;
	}	
#h2-photo{
	position: absolute;
	margin:0 0 0 1000px;
}
#h2-photo img{width:20vw!important; max-width:400px!important; margin-top:20px; margin-left:56vw;}
@media screen and (max-width: 1450px) {
#second-h2 .inner{
	width: 100%;
	max-width: 1000px;
	padding: 4vw 0;
	margin: 0 auto;
	overflow: hidden;
	}
#h2-photo{
	position: absolute;
	margin:0 0 0 1000px;
}
#h2-photo img{width:20vw!important; max-width:400px!important; margin-top:20px; margin-left:56vw;}
}
@media screen and (max-width: 1280px) {
#second-h2 .inner{
	width: 100%;
	max-width: 800px;
	padding: 4vw 0;
	margin: 0 auto;
	overflow: hidden;
	}
#h2-photo{
	position: absolute;
	margin:0 0 0 1000px;
}
#h2-photo img{width:20vw!important; max-width:400px!important; margin-top:20px; margin-left:56vw;}
}
@media screen and (max-width: 1000px) {
#second-h2 .inner{
	width: 94%;
	max-width: 680px;
	padding: 4vw 0;
	margin: 0 auto;
	overflow: hidden;
	}
#second-h2 .inner h2{
	font-size:3.5rem;
	}	
#second-h2 .inner p{
	font-size:1.2rem;
	}	
#h2-photo{
	position: absolute;
	margin:0 0 0 1000px;
}
#h2-photo img{width:150px!important; max-width:400px!important; margin-top:-14px; margin-left:56vw;}
}

#contact{
	overflow: hidden;
	background-image: url(../img/contact-back.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	width:100%;
	}
#contact .inner{
	width:96%;
	max-width:1100px;
	margin:0 auto;
	padding: 4vw 0;
	overflow:hidden;
	}	
@media screen and (max-width: 1000px) {
#contact .inner{
	width:96%;
	max-width:1100px;
	margin:0 auto;
	padding: 4vw 0;
	overflow:hidden;
	}	
}

/*---clinic PAGE--------------------------SECOND PAGE*/
#welcome{
	width: 100%;
	overflow: hidden;
	background-image: url(../../clinic/img/welcome.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:10vw;
	padding-top:4vw;
	padding-bottom:38vw;
	}
#welcome .inner{
	width:800px;
	margin:1.6vw auto 0;
	text-align:center;
	}
#welcome .inner h2{
	font-size:1.4em;
	}
@media screen and (max-width: 1560px) {
#welcome{background-size: 80%;}
}
@media screen and (max-width: 1280px) {
#welcome{background-size: 90%;}
}
@media screen and (max-width: 1000px) {
#welcome{
	background: none;
	margin-top:0;
	padding-top:4vw;
	padding-bottom:4vw;
	background-color:#FDFED6;
	}
#welcome .inner{
	width:90%;
	max-width:800px;
	margin:1.6vw auto 0;
	text-align:center;
	}
}
@media screen and (max-width: 767px) {
#welcome{
	background: none;
	margin-top:0;
	background-color:#FDFED6;
	padding-top:8vw;
	}
#welcome .inner{
	width:90%;
	max-width:800px;
	margin:1.6vw auto 0;
	text-align:left;
	}
}

/*---clinic1---*/
#clinic1 {text-align:center;}	
#clinic1 .inner{ width:94%; margin:0 auto; padding-bottom:4vw;}
#clinic1 h2{
	font-size:2.8rem;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
	padding-bottom:3vw;
	}	
@media screen and (max-width: 1000px) {
#clinic1 h2{font-size:1.8rem;}	
#clinic1 .inner{ width:94%; margin:0 auto; padding-top:4vw;}
}

/*---clinic2---*/
#clinic2 {
	width: 100%;
	overflow: hidden;
	background-image: url(../../clinic/img/room.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:0vw;
	padding-top:6vw;
	padding-bottom:58vw;
	}
#clinic2 .inner{ width:94%; max-width:1300px; margin:0 auto; padding-bottom:4vw;}
#clinic2 h2{ font-size:2.8rem; text-align:center;}
#clinic2 h3{ font-size:1.8rem; text-align:center;}
#clinic2 p{padding-top:8vw; max-width:560px;}		
@media screen and (max-width: 1860px) {
#clinic2 {padding-bottom:75vw;}
#clinic2 p{padding-top:8vw; max-width:100%;}		
}
@media screen and (max-width: 1350px) {
#clinic2 {
	width: 100%;
	overflow: hidden;
	background-image: url(../../clinic/img/room.jpg);
	background-repeat: no-repeat;
	padding-top:8vw;
	padding-bottom:100vw;
	}
#clinic2 .inner{ width:94%; max-width:1300px; margin:0 auto; padding-bottom:4vw;}
#clinic2 h2{ font-size:2.8rem; text-align:center;}
#clinic2 h3{ font-size:1.8rem; text-align:center; font-weight:bold;}
#clinic2 p{padding-top:8vw; width:44%;}		
}

@media screen and (max-width: 1000px) {
#clinic2{
	background: none;
	margin-top: 0;
	padding-top:4vw;
	padding-bottom:0vw;
	background-color: #FDFDF5!important;
	}
#clinic2 .inner{ width:94%; max-width:900px; margin:0 auto; padding-bottom:4vw;}
#clinic2 h2{ font-size:4.8rem;}
#clinic2 h3{ padding-top:2vw;}
#clinic2 p{padding-top:1vw; width:100%; text-align:center;}		
#clinic2{background: none;}
}
@media screen and (max-width: 767px) {
#clinic2{
	background: none;
	margin-top: 0;
	background-color: #FDFDF5;
	}
#clinic2 .inner{
	width:90%;
	max-width:800px;
	margin:1.6vw auto 0;
	text-align:left;
	}
#clinic2 p{padding-top:1vw; width:100%; text-align:left;}		
}
	
/*---clinic3---*/
#clinic3 {
	width: 100%;
	overflow: hidden;
	padding-top:6vw;
	text-align:center;
	}
#clinic3 .inner{ width:94%; max-width:1300px; margin:0 auto; padding-bottom:4vw;}
#clinic3 h2{ font-size:7rem; text-align:center; letter-spacing:.1em;}
#clinic3 h3{ font-size:1.8rem; text-align:center; font-weight:bold;}
@media screen and (max-width: 1000px) {
#clinic3 {text-align:left;}
#clinic3 h2{ font-size:4.6rem; text-align:center; letter-spacing:.1em;}
#clinic3 h3{ font-size:1.8rem; text-align:center;}
}


/*---clinic4---*/
#clinic4 h3{ font-size:2.6rem; text-align:center; padding-bottom:4vw;}
@media screen and (max-width: 1000px) {
#clinic4 h3{ font-size:1.8rem; text-align:center;}
}

/*---treatment PAGE--------------------------SECOND PAGE*/
#treatment{}
#message{
	overflow:hidden;
	width:100%;
	}
#message .inner{
	overflow:hidden;
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:4vw 0;
	}
#message h2{
	font-size:2.2em;
	font-weight:400;
	}
#message h3{
	font-size:2em;
	color:#047898;
	}
#message p{
	overflow:hidden;
	width:100%;
	max-width:670px;
	}
@media screen and (max-width: 1200px) {
#message .inner{
	width:96%;
	max-width:800px;
	}
}
@media screen and (max-width: 1000px) {
#message .inner{
	max-width:680px;
	}
#message h2{
	font-size:1.8em;
	}
}

/*---nayami---*/
#nayami{
	overflow:hidden;
	width:100%;
	padding:6vw 0 0;
	}
#nayami .inner{
	overflow:hidden;
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:3vw 0 2vw;
	background-color:#D9EDF6;
	border-radius:20px;
	}
#nayami-photo{
	position: absolute;
	margin:0 0 0 0;
}
#nayami-photo img{width:36vw; max-width:500px!important; margin-top:-190px;}
#nayami ul{
	padding:5vw 2vw 0vw;
	overflow:hidden;
	width:100%;
	max-width:1100px;
	margin:0 auto;
	}
#nayami ul li{
	float: left;
	width: 480px;
	background-color: #FFF;
	border-radius: 15px;
	padding: 10px 10px 10px 42px;
	background-image: url(../../treatment/img/icon-check.png);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	margin:15px;
	font-size:16px;
	}
@media screen and (max-width: 1200px) {
#nayami{
	padding:16vw 0 4vw;
	}
#nayami .inner{
	width:96%;
	max-width:800px;
	padding:3vw 0 2vw;
	}
#nayami-photo{
	position: absolute;
	margin:0 0 0 0;
}
#nayami-photo img{width:50vw; max-width:500px!important; margin-top:-190px;}
#nayami ul{
	padding:5vw 2vw 0vw;
	overflow:hidden;
	width:100%;
	max-width:800px;
	margin:0 auto;
	}
#nayami ul li{
	float: none;
	width: 100%;
	max-width: 680px;
	background-color: #FFF;
	border-radius: 15px;
	padding: 10px 10px 10px 38px;
	background-image: url(../../treatment/img/icon-check.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	margin:15px auto;
	font-size:14px;
	}
}
@media screen and (max-width: 1000px) {
}




/*---Recruit PAGE--------------------------SECOND PAGE*/
#recruit{
	}

#recruit{
	overflow:hidden;
	width:100%;
	}
#recruit .inner{
	overflow:hidden;
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:8vw 0 4vw;
	}
#recruit h2{
	font-size:2.2em;
	font-weight:400;
	}
#recruit h3{
	font-size:2em;
	color:#047898;
	}
#recruit p{
	overflow:hidden;
	width:100%;
	max-width:700px;
	}
@media screen and (max-width: 1200px) {
#recruit{
	padding:4vw 0 4vw;
	}
#recruit .inner{
	width:96%;
	max-width:800px;
	padding:3vw 0 2vw;
	}
}
@media screen and (max-width: 1000px) {
#recruit .inner{
	width:96%;
	max-width:700px;
	}
#recruit h2{
	font-size:1.8em;
	}
#recruit h3{
	font-size:1.6em;
	margin:4vw 0 0 0!important;
	padding:0!important;
	line-height:100%;
	}
}

#recruit1 .inner{
	overflow:hidden;
	width:100%;
	}
#recruit1 .inner .innerA{
	float:right;
	padding:2vw 0;
	}
#recruit1 .inner .innerB{
	float:left;
	padding:2vw 0;
	}
#recruit1 .inner .innerA img{
	float:right;
	}
#recruit1 .inner .innerB img{
	float:left;
	}
@media screen and (max-width: 1000px) {
#recruit1 .inner{
	overflow:hidden;
	width:96%;
	}
}