@charset "UTF-8";

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article {
	display: block;
}
/* !Reseting
---------------------------------------------------------- */
body {
	font-family: 'Sawarabi Gothic', sans-serif;
	font-size: 13px;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #595757;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td ,table,a { 
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}


/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
}
@media print {
html,  html body {
*zoom: 0.65;
}
}

.ffmin {
	font-family: 'Sawarabi Mincho', sans-serif;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	min-width:1000px;
	background:#fff;
}
.inner {
	max-width:1000px;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
#wrapper {
	min-width: inherit;
}
.inner {
	padding:0 20px;
}
}
/* !header
---------------------------------------------------------- */
#head {
	background:url(../img/bg_gnavi.png) center bottom repeat-x;
	padding-bottom:6px;
}
@media screen and (max-width: 767px) {
#head {
	background:none;
	padding-bottom:0;
}
}
#header {
	max-width:1000px;
	margin:0 auto;
}
#header .headermess {
	overflow:hidden;
	padding:10px 0 50px;
}
#header .headerdet {
	float:left;
}
#header .headerprivacy {
	float:right;
}
#header .headerlogo {
	float:left;
}
#header .headerannai {
	float:right;
}
#header .headerlink {
	float:right;
	margin-right:20px;
}
#header .headerlink a {
	display:block;
	width:240px;
	border:2px #dedfdf solid;
	padding:5px 20px 5px 5px;
	position:relative;
}
#header .headerlink a:before {
	position:absolute;
	content:"";
	background:url(../img/arrow01.png) 0 0 no-repeat;
	background-size:12px 4px;
	width:12px;
	height:4px;
	right:5px;
	top:50%;
	margin-top:-2px;
	z-index:2;
}
#header .headerlink .linkmap {
	display:inline-block;
	background:url(../img/ico_header01.png) 0 center no-repeat;
	padding-left:20px;
}
#header .headerlink .linkprotect {
	display:inline-block;
	background:url(../img/ico_header02.png) 0 center no-repeat;
	padding-left:20px;
}
#header .headerlink li+li {
	margin-top:10px;
}
#header .navbarToggle {
	display:none;
}

@media screen and (max-width: 767px) {
header {
	background:url(../img/bg_gnavi.png) center bottom repeat-x;
	padding-bottom:6px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:3;
}
#header .headermess {
	display:none;
}
#header .headerdet {
	float:none;
}
#header .headerprivacy {
	display:none;
}
#header .headercont {
	background:rgba(255,255,255,0.9);
	padding:10px 20px;
	position:relative;
}
#header .headerlogo {
	float:left;
}
#header .headerlogo img {
	height:45px;
}
#header .headerannai {
	display:none;
}
#header .headerlink {
	display:none;
}
#header .navbarToggle {
	display:block;
	cursor:pointer;
	float:right;
}
#header .navbarToggle img {
	height:45px;
}
}


/* !gnavi
---------------------------------------------------------- */
#gnavi {
	background:rgba(255,255,255,0.9);
	padding-top:50px;
	position:relative;
	z-index:2;
}
#gnavi .gnaviin ul {
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#gnavi .gnaviin ul li {
	width:10%;
	float:left;
	position:relative;
}
#gnavi .gnaviin ul li+li {
	width:18%;
}
#gnavi .gnaviin ul li+li:before {
	position:absolute;
	content:"";
	border-left:1px #d2d3d3 dotted;
	width:1px;
	height:70px;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
}
#gnavi .gnaviin ul li a {
	display:block;
	text-align:center;
	padding:30px 0 35px;
	font-size:14px;
}
#gnavi .gnaviin ul li a:hover {
	text-decoration:none;
	background:#c9e7e6;
}
#gnavi .gnaviin ul li.active a {
	background:#c9e7e6;
}
#gnavi .gnaviin ul li a span {
	display:block;
	text-align:center;
	padding-top:35px;
	letter-spacing:0.3em;
}
#gnavi .gnaviin ul li a .gnaviico01 {
	background:url(../img/ico_gnavi02.png) center 0 no-repeat;
}
#gnavi .gnaviin ul li a .gnaviico02 {
	background:url(../img/ico_gnavi03.png) center 0 no-repeat;
}
#gnavi .gnaviin ul li a .gnaviico03 {
	background:url(../img/ico_gnavi04.png) center 0 no-repeat;
}
#gnavi .gnaviin ul li a .gnaviico04 {
	background:url(../img/ico_gnavi05.png) center 0 no-repeat;
}
#gnavi .gnaviin ul li a .gnaviico05 {
	background:url(../img/ico_gnavi06.png) center 0 no-repeat;
}

@media screen and (max-width: 767px) {
#gnavi {
	display:none;
}
}


/* !navbarCollapse
---------------------------------------------------------- */
.navbarCollapse {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#009e96;
	color:#fff;
	display: none;
	padding:20px;
	z-index: 5;
}
.navbarCollapse a {
	color:#fff;
	font-size:15px;
}
.navbarCollapse a:hover {
	text-decoration:none;
}
.menulink {
	position:relative;
}
.menulink:before {
	position:absolute;
	content:"";
	background:#fff;
	width:1px;
	height:100%;
	left:50%;
	top:0;
	z-index:2;
}
.menulink ul {
	overflow:hidden;
	margin:-10px 0 0 -20px;
}
.menulink li {
	float:left;
	width:50%;
	padding-left:20px;
	margin-top:10px;
}
.menulink li a {
	border-bottom:1px #fff solid;
	padding-bottom:10px;
	display:block;
}
.menulink li img {
	height:20px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
.menuonecol ul li+li {
	border-top:1px #fff solid;
}
.menuonecol ul li a {
	display:block;
	padding:10px 0;
}
.menuonecol ul li a img {
	height:20px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
.menuannai a {
	display:block;
	background:#fff;
	font-size:20px;
	text-align:center;
	color:#009e96;
	padding:5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.menuprivacy {
	margin-top:10px;
}
.menuprivacy a {
	display:block;
}


/* !contents
---------------------------------------------------------- */
#contents {
	line-height:2;
}

.contentinner {
	max-width:875px;
	margin:0 auto;
}
#contents .hdl {
	margin-bottom:60px;
}
@media screen and (max-width: 767px) {
.contentinner {
	padding:0 20px;
}
#contents .hdl {
	margin-bottom:30px;
}
}


/* !teaser
---------------------------------------------------------- */
.teaser {
	padding:70px 0 110px;
	text-align:center;
}
@media screen and (max-width: 767px) {
.teaser {
	padding:30px 20px;
}
}


/* !hdl
---------------------------------------------------------- */
.hdl {
	text-align:center;
	color:#009e96;
	font-size:25px;
	letter-spacing:0.3em;
	font-weight:bold;
	line-height:1.5;
}
.hdl span {
	display:block;
	letter-spacing:normal;
	font-size:16px;
	font-weight:normal;
	color:#9fa0a0;
	text-align:center;
	margin-top:8px;
	padding-top:8px;
	font-family: 'Sawarabi Mincho', sans-serif;
	position:relative;
}
.hdl span:before {
	position:absolute;
	content:"";
	background:#009e96;
	width:30px;
	height:2px;
	left:50%;
	top:0;
	transform:translateX(-50%);
	z-index:2;
}
.hdl img {
	margin-bottom:5px;
}
@media screen and (max-width: 767px) {
.hdl {
	font-size:18px;
}
.hdl span {
	font-size:14px;
	margin-top:10px;
	padding-top:10px;
}
}

.hdm {
	text-align:center;
	margin-bottom:50px;
}
.hdm span {
	display:inline-block;
	width:200px;
	text-align:center;
	background:#009e96;
	color:#fff;
	font-size:20px;
	line-height:1.5;
	padding:5px 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
@media screen and (max-width: 767px) {
.hdm {
	margin-bottom:30px;
}
.hdm span {
	font-size:16px;
}
}



/* !footer
---------------------------------------------------------- */
#footer {
	margin-top:80px;
	border-bottom:1px #000 solid;
}
#footer .hdl {
	margin-bottom:50px;
}
.footerinner {
	display:flex;
	align-items: center;
	background:#009e96;
}
.footermap {
	width:50%;
}
.footermap iframe {
	width:100%;
	margin-bottom:-5px;
	height:400px;
}
.footermess {
	width:50%;
	padding:0 8% 0 13%;
	font-size:18px;
	color:#fff;
	position:relative;
}
.footermess:before {
	position:absolute;
	content:"";
	background:url(../img/ico_googlemap.png) 0 0 no-repeat;
	width:121px;
	height:121px;
	right:0;
	top:50%;
	transform:translate(50%,-50%);
	z-index:2;
}
.footermess a {
	color:#fff;
}
.footertit {
	border-bottom:1px #fff dotted;
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:23px;
}
.footertit span {
	font-size:15px;
}
.footerlist li+li {
	margin-top:10px;
}
.footerlist li span {
	font-size:13px;
}
.footerlist a.yellowlink {
	color:#fff100;
}
.footerdet {
	margin-top:15px;
	border:1px #fff solid;
	padding:5px 15px;
	font-size:16px;
}

@media screen and (max-width: 767px) {
#footer {
	margin-top:40px;
	border-bottom:none;
}
#footer .hdl {
	margin-bottom:30px;
}
.footerinner {
	display:block;
}
.footermap {
	width:auto;
}
.footermap iframe {
	height:300px;
}
.footermess {
	width:auto;
	padding:30px 20px 50px;
	font-size:16px;
}
.footermess:before {
	background:url(../img/ico_googlemap.png) 0 0 no-repeat;
	background-size:60px;
	width:60px;
	height:60px;
	right:50%;
	top:100%;
	transform:translate(50%,-50%);
}
.footertit {
	font-size:18px;
}
.footertit span {
	font-size:13px;
}
.footerdet {
	font-size:14px;
}
}


/* !pagetop
---------------------------------------------------------- */
.copybox {
	max-width:1000px;
	margin:0 auto;
	padding:50px 0;
}
.copybox .copyboxin {
	display:flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
.copybox {
	padding:20px;
	font-size:10px;
}
.pagetop {
	width:40px;
}
}


.spcontact {
	display:none;
}
@media screen and (max-width: 767px) {
.spcontact {
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:2;
}
.spcontact a {
	display:block;
	background:#009e96;
	text-align:center;
	color:#fff;
	font-size:15px;
	padding:10px;
}
.spcontact a span {
	display:inline-block;
	background:url(../img/ico_spcontact.png) 0 center no-repeat;
	padding-left:20px;
	background-size:16px 12px;
}
}


/* !section
---------------------------------------------------------- */
.section+.section {
	margin-top:100px;
}
@media screen and (max-width: 767px) {
.section+.section {
	margin-top:50px;
}
}