@charset 'utf-8';
@import url('reset2020.css');
@import url('button.css');
@import url('nav.css');
@import url('footer.css');
@import url('bunner.css');
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');
/*---------f8faea---------------------*/
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:18px;
	color:#330000;
	background-color:#fff;
	line-height:1.8;
	letter-spacing:0.8pt;
	}
small {font-size:0.7em;}
/*------------------------------*/
a {color: #0066CC;}
a:link,a:visited {color: #0066CC;}
a:hover {color: #FF6600; transition: .5s;}
a, a:hover, a:active, a:focus{ overflow:hidden;	outline: none; text-decoration:none;}
/*------------------------------*/
h1 {font-size:1.8em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.15em;}
h6 {font-size:0.81em;}
/*------------------------------*/
	p{padding:1%;}
	img {vertical-align:middle; }
/* base size */
	.wrap { max-width:1200px; width:100%; margin:0 auto; position:relative;}
/*------------------------------*/
/* header  */
/*------------------------------*/
#header{position:relative;text-align:right; line-height:1.5; padding:0.5em 5px 1em;}
#header h1{margin-top:5px; font-weight:bold; float:left; width:25%; text-align:left;}
#header a.rogo{background:url("../img/siterogo.svg") no-repeat; width:270px; height:60px; display:block;}
	#header a.rogo span{font-size:0px;}
	span.header_text{display:block; margin-left:0.5em; color:#339933; font-size:13px; 
	font-weight:normal; vertical-align:bottom; font-family: "Rounded Mplus 1c";}
#index_nav { width:70%; margin-top:20px; float:right;}
#sub_nav { width:75%; text-align:left;}
#indexpage {display: none;}
/*------------------------------*/
/* Container  */
/*------------------------------*/
#container{clear:both; float:none; position:relative; text-align:left;  z-index:0; line-height:1.6; }
#container{background-color:#fff;}
/*------------------------------*/
/* pageTitle #e0f3c9*/
/*------------------------------*/
#pageTitle {
	background:#e0f3c9;
	background: -moz-linear-gradient(45deg, #e0f3c9 0%, #fff 15%, #fff 40%,#e0f3c9 70%, #339933 100%);
	background: -webkit-linear-gradient(45deg, #e0f3c9 0%, #fff 15%, #fff 40%,#e0f3c9 70%, #339933 100%);
	background-image: linear-gradient(45deg, #e0f3c9 0%, #fff 15%, #fff 40%,#e0f3c9 70%, #339933 100%); 
	text-align:left;
	padding:2em 0;
	border-bottom:3px solid #e4f9db; border-top:3px solid #e4f9db;
	vertical-align:middle;
	}
#pageTitle h2 {
	font-size:1.8em; color:#006600; line-height:1.3; font-family: 'M PLUS Rounded 1c', sans-serif; padding-left:90px;}
	#pageTitle h2 span{display:block; font-size:0.5em; color:#339933; margin-left:0.5em;}

div.icon
	{
	position:absolute;
	top:-11px;
	width:80px; height:80px;background-size:85%;	border-radius: 50%;
	border:3px solid #e4f9db;
	background-color:#fff;
	text-align:center;
	}

div.icon i{font-size:250%; color:#339933; font-style:normal; line-height:75px;}
div.rote{transform:rotate(-8deg);}
/*-------icon--------------*/
.icon_guide{background:url("../img/icon_guide.svg") no-repeat center center; background-size:contain;}
.icon_info{background:url("../img/icon_info.svg") no-repeat center center; background-size:contain;}
.icon_policy{background:url("../img/icon_policy.svg") no-repeat center center; background-size:contain;}
.icon_facilities{background:url("../img/icon_facilities.svg") no-repeat center center; background-size:contain;}
.icon_access{background: url("../img/icon_access.svg") no-repeat center center; background-size:contain;}
.icon_chara{background:url("../img/icon_chara.svg") no-repeat center center; background-size:contain;}
.icon_column{background: url("../img/icon_column.svg") no-repeat center center; background-size:contain;}
.icon_child{background: url("../img/icon_child.svg") no-repeat center center; background-size:contain;}

.icon_home::before{ font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f015";}
.icon_mail::before{ font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f0e0";}
.icon_linea::before{ font-family:'Font Awesome 5 Brands'; font-weight:400; content:"\f3c0";}
.icon_faq::before{ font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f059";}
.icon_reservation::before{ font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f108";}
.icon_hospital::before{ font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f0f8";}
.icon_bullhorn::before{ font-family:'Font Awesome 5 Free'; font-weight:900; content:"\f0a1";}

div.icon .icon_bullhorn::before,
div.icon .icon_linea::before,
div.icon.icon_reservation::before,
div.icon.icon_mail::before
{}
/*--------Subpage_adress--------------*/
	#sub_page_adress{position:absolute; top:-85px; right:0px; width:355px; height:275px; z-index:1; }
/*-------Page Nav---------------*/
	.page_nav {font-size:12px; padding:1em 0 0 1em; line-height:2em; text-align:right;}
	.page_nav li{display:inline;}
	.page_nav li:first-child:before{content:"";}
	.page_nav li:before{ font-family:'Font Awesome 5 Free'; font-weight: 900; content:"\f105"; margin:0 3px; color:#888;}
	.page_nav li a{color:#339933;}
	.page_nav li a:hover{color:#000;}
/*------------------------------*/
/*Mobile or PC*/
/*------------------------------*/
@media screen and (min-width: 721px){
	.mo{visibility:hidden; display:none;}
	.pc {display:block;}
	}
@media screen and (max-width: 720px){
	.pc {visibility:hidden; display:none;}
	.mo {visibility:visible; display:block;}
	}
/*------------------------------*/
/* CM */
@media screen and (max-width: 1300px){
	/*sub page */
	#sub_page_adress{top:0px; width:500px; height:86px; /*background:url("../img/tel2.png") no-repeat right 0; background-size:420px 80px;*/}
	#sub_nav { width:90%; text-align:left;}
}
@media screen and (max-width: 720px){
	/*sub page */
	#sub_page_adress{display:none;}
}
/*------------------------------*/
@media screen and (max-width: 1024px){
	/*header*/
	#header{vertical-align:top; height:50px;}
	#header h1 {text-align:left; }
	span.header_text{ font-size:11px;}
	#header h1 img{width:auto; height:50px;}
	/* nav */
	#index_nav{width:65%;}
	#index_nav img{height:45px; width:auto;}
	#sub_nav{width:100%; margin-top:4em;}

	/* pageTitle */
	div.icon {margin-left:10px;}
	#pageTitle h2{padding-left:100px;}
	#pageTitle {
	background:#e0f3c9 url("../img/bg_cloverstripe.jpg") no-repeat center right; background-size:160% auto;
	margin-top:1em;
	}
	/*Page Nav*/
	.page_nav{padding:0.8em 0.3em;}
}
@media screen and (max-width: 720px){
	body {font-size:16px;}
	/*header*/
	#indexpage,#header h1{display: block; position:absolute; top:5px; left:3px; line-height:1.5; width:55%; }
	#indexpage span,span.header_text{font-size:9px;}
	#indexpage img{width:auto; height:36px;}
	#header a.rogo{width:auto; height:36px;}

	#index_header {display:none;}
	/*sub page */
	#sub_nav{margin-top:0.5em;}
	/* pageTitle */
	#pageTitle h2{font-size:1.3em; padding-left:85px; margin-top:0;}
	div.icon {left:5px; top:-11px; width:60px; height:60px;}
	div.icon i{font-size:190%; line-height:50px;}

}