html,body{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
	overflow-x: scroll;
}

div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline
}

img{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit
}

ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}

ol,ul{
	list-style:none
}

blockquote,q{
	quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none
}

table{
	border-collapse:collapse;
	border-spacing:0
}

html {
	font-size: 62.5%;
}

body{
	font-family: 'Lato','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	color:#555;
	position:relative;
	line-height: 1.6;
	letter-spacing: 0.1em;
	min-width: 1000px;
	margin: 0 auto;
	font-size: 13px;
	font-size: 1.3rem;
	color: #444444;
	overflow: hidden;
}

img{
	vertical-align:middle
}

a {
	color:#333;
	text-decoration:none
}

button{
	border:0;
	margin:0;
	padding:0;
	line-height:1;
	background:0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

button:focus{
	outline:none
}

.clear:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear{ display: inline-block; }
/* exlude MacIE5 \*/
* html .clear{ height: 1% }
.clear{display:block;}
/* end MacIE5 */

body {display: none;}

.pc-block{display: block;}
.sp-block{display: none;}


/* layout
----------------------------------------------*/
#sb-site{
	display: block!important;
	position: relative!important;
	z-index: 100;
}

.content-inner {
	width: 1000px;
	margin: 0 auto;
}
.has-shadow {
	/* box-shadow */
	box-shadow:2px 2px 0px 0px rgba(220,220,220,0.6);
	-moz-box-shadow:2px 2px 0px 0px rgba(220,220,220,0.6);
	-webkit-box-shadow:2px 2px 0px 0px rgba(220,220,220,0.6);
}

/* header */
#head-block01 {
	padding: 20px 0;
	background-color: #f5f5f5;
}
#head-block01 .left-content {
	float: left;
}
#head-block01 .header-text {
	font-size: 1.1rem;
	color: #000;
}
#head-block01 .right-content {
	float: right;
}
#head-block01 .contact {
	float: left;
	letter-spacing: -.40em;
}
#head-block01 .contact span {
	letter-spacing: normal;
}
#head-block01 .access {
	float: right;
	margin-left: 15px;
}
#site-navigation {
	position: relative;
}
#site-navigation .content-inner > ul > li {
	float: left;
	width: 166px;
	height: 78px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
#site-navigation .content-inner > ul > li > a {
	display: block;
	padding: 18px 0;
	color: #333333;
}
#site-navigation .content-inner > ul > li span {
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	color: #2cc7ba;
}
#site-navigation .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 78px;
	width: 100%;
	background-color: rgba(0, 164, 151, 0.9);
	z-index: 99;
}
#site-navigation .sub-menu ul {
	position: relative;
	padding: 20px 0 10px 0;
	text-align: left
}
#site-navigation .sub-menu ul:before {
	position: absolute;
	top: -6px;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent rgba(0, 164, 151, 0.9) transparent;
	border-style: solid;
}
#site-navigation .menu-item-123 .sub-menu ul:before {left: 80px;}
#site-navigation .menu-item-129 .sub-menu ul:before {left: 243px;}
#site-navigation .menu-item-136 .sub-menu ul:before {left: 408px;}
#site-navigation .menu-item-143 .sub-menu ul:before {left: 575px;}
#site-navigation .menu-item-149 .sub-menu ul:before {left: 741px;}
#site-navigation .sub-menu ul li {
	display: inline-block;
	text-align: left;
	padding-left: 15px;
	margin-right: 50px;
	margin-bottom: 10px;
	line-height: 1.6;
	background: url("../../images/common/arrow03.png") no-repeat left 9px;
}
#site-navigation .sub-menu ul li a {
	color: #FFF;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}
#site-navigation.float {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background-color: #FFF;
	width: 100%;
}
/*
#header-nav {
	background-color: #18a397;
	border-bottom: 4px solid #006b63;
}
#header-nav ul {
	border-right: 2px solid #138c81;
}
#header-nav ul li {
	float: left;
	width: 497px;
	position: relative;
	text-align: center;
	border-left: 2px solid #138c81;
}
#header-nav ul li a {
	display: block;
	height: 56px;
	line-height: 56px;
}
#header-nav ul li a:hover {
	background-color: #117269;
}
#header-nav ul li a .title {
	color: #FFF;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#header-nav ul li a .title:after {
	display: inline-block;
	content: "";
	width: 6px;
	height: 10px;
	margin-left: 10px;
	background: url("../../images/common/arrow03.png") no-repeat right center;
}
#header-nav ul li a .next {
	margin-left: 10px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #d2f77c;
}
#header-nav ul li a em {
	width: 60px;
	height: 25px;
	margin-right: 10px;
	line-height: 25px;
	display: inline-block;
	border-radius: 13px;
	background-color: #c9f689;
	color: #333333;
	font-size: 13px;
	font-size: 1.3rem;
}*/
#header-nav {
	padding: 10px 0;
	background-color: #fff;
	border-top: 2px solid #f0f0f0;
}
#header-nav.float {
	position: fixed;
	top: 78px;
	left: 0;
	z-index: 10000;
	background-color: #FFF;
	width: 100%;
}
#header-nav ul {
	margin-left: -10px;
}
#header-nav  ul li {
	float: left;
	width: 495px;
	margin-left: 10px;
	position: relative;
	text-align: center;
}
#header-nav  ul li a {
	display: block;
	height: 56px;
	line-height: 56px;
	background: url(../../images/common/conbg.gif) #18a397;
	border-bottom: 4px solid #006b63;
	overflow: hidden;
}
#header-nav  ul li a:hover {
	background: #117269;
}
#header-nav ul li a .title {
	color: #FFF;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#header-nav  ul li a .title:after {
	display: inline-block;
	content: "";
	width: 6px;
	height: 10px;
	margin-left: 10px;
	background: url("../../images/common/arrow03.png") no-repeat right center;
}
#header-nav  ul li a img {
	opacity: 1.0 !important;
}
#header-nav  ul li a .next {
	margin-left: 10px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff100;
}
#header-nav  ul li a em {
	width: 60px;
	height: 25px;
	margin-right: 10px;
	line-height: 25px;
	display: inline-block;
	border-radius: 13px;
	background-color: #e83680;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}

/* pankuzu */
#pankuzu {
	padding: 10px 0;
	background-color: #FFF;
}
#pankuzu li {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
}
#pankuzu li:before {
	display: inline-block;
	content: "";
	width: 5px;
	height: 10px;
	margin: 0 10px;
	background: url("../../images/common/arrow02.png") no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}
#pankuzu li:first-child:before {
	display: none;
}
#pankuzu li a {
	font-weight: normal;
	color: #777;
}

/* page-title */
#page-title {
	height: 150px;
	padding: 40px 0;
	background: url("../../images/common/bg_main.png");
	text-align: center;	
	box-sizing: border-box;
}
#page-title .parent-title {
	font-size: 	15px;
	font-size: 	1.5rem;
	font-weight: bold;
	color: #18a397;
}
#page-title h2 {
	font-size: 	25px;
	font-size: 	2.5rem;
	font-weight: bold;
	color: #333333;
}
#page-title h2 em {
	display: inline-block;
	margin-right: 10px;
	color: #006b63;
}
#page-title .discription {
	font-size: 	15px;
	font-size: 	1.5rem;
	font-weight: bold;
}

/* primary */
#primary {
	padding: 40px 0;
	background-color: #e5f3f1;
}
#primary #main {
	background-color: #FFF;
}
#main .content {
	padding: 0 40px;
}
#error404 #main .content {
	padding: 40px;
}
#primary #main.has-sidebar {
	float: right;
	width: 720px;
}
#primary #main .disc-list li {
	padding-left: 15px;
	background: url("../../images/common/listmark.png") no-repeat left 5px;
}
#primary #main a.button-style {
	display: block;
	padding: 13px 0;
	color: #FFF;
	font-size: 	15px;
	font-size: 	1.5rem;
	font-weight: bold;
	background-color: #515958;
	text-align: center;
	border-radius: 2px;
}
#primary #main a.button-style:after {
	display: inline-block;
	content: "";
	width: 0.5em;
	height: 1.0em;
	margin: 0 0 0.1em 0.85vw;
	background: url("../../images/common/arrow02.png") no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}
#primary #main a.button-style02 {
	display: block;
	padding: 13px 0;
	color: #FFF;
	font-size: 	15px;
	font-size: 	1.5rem;
	font-weight: bold;
	background-color: #17a397;
	text-align: center;
	border-radius: 2px;
}
#primary #main a.button-style02:after {
	display: inline-block;
	content: "";
	width: 0.5em;
	height: 1.0em;
	margin: 0 0 0.1em 0.85vw;
	background: url("../../images/common/arrow03.png") no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}
#primary #main .button-style03 {
	display: block;
	padding: 0.77em 0;
	color: #FFF;
	font-size: 	13px;
	font-size: 	1.3rem;
	font-weight: bold;
	background-color: #515958;
	text-align: center;
}
#primary #main .button-style03:after {
	display: inline-block;
	content: "";
	width: 0.5em;
	height: 1.0em;
	margin: 0 0 0.1em 0.85vw;
	background: url("../../images/common/arrow02.png") no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}
#primary #main a.button-style-yakan {
	display: block;
	padding: 13px 0;
	color: #FFF;
	font-size: 	15px;
	font-size: 	1.5rem;
	font-weight: bold;
	background: url("../../images/common/yorubg.gif") #0d6bef center center;
	text-align: center;
	border-radius: 2px;
	margin-top: 10px;
}

#main .page-list {
	margin-left: -20px;
	background-color: #FFF;
}
#main .page-list .box {
	float: 	left;
	width: 310px;
	margin: 0 0 0 20px;
	padding: 40px 0;
	border-bottom: 2px dotted #c8c8c8;
}
#main .page-list .box .page {
	font-size: 	15px;
	font-size: 	1.5rem;
	color: #006b63;
}
#main .page-list .box .page-title {
	font-size: 	17px;
	font-size: 	1.7rem;
	font-weight: bold;
	color: #18a397;
}
#main .page-list .box .page-text {
	margin-bottom: 10px;
}
#main .page-list .box a {
	display: block;
}
#main .page-list .box p.page-image {
	width: 310px;
}
#main .page-list .box p.page-image img {
	width: 100% !important;
	height: auto !important;
	opacity: 1.0 !important;
}

#main .headline {
	height: 205px;
	padding: 40px 40px 0 40px;
	border-bottom: #00a497 5px solid;
}
#main .headline .headline-title {
	width: 400px;
	margin: 0 0 10px 0;
	font-size: 	23px;
	font-size: 	2.3rem;
	font-weight: bold;
	line-height: 1.4;
	color: #18a397;
}
#main .headline .headline-text {
	width: 400px;
}

#main .headline02 {
	height: 100%;
	padding: 40px 0;
	border-bottom: #c8c8c8 2px dotted;
}
#main .headline02 .headline-title {
	margin: 0 0 10px 0;
	font-size: 	21px;
	font-size: 	2.1rem;
	font-weight: bold;
	line-height: 1.4;
	color: #18a397;
}
#main .headline02 .headline-discription {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}

#main .section {
	padding: 40px 0;
	border-bottom: #c8c8c8 2px dotted;
}
#main .section:last-child {
	border-bottom: none !important;
}
#main .content .content-title {
	margin: 0 0 10px 0;
	font-size: 	21px;
	font-size: 	2.1rem;
	font-weight: bold;
	line-height: 1.4;
	color: #006b63;
}
#main .content .content-title span {
	display: block;
	font-size: 	17px;
	font-size: 	1.7rem;
	line-height: 1.0;
	color: #333333;
}
#main .content .content-title small {
	font-size: 	17px;
	font-size: 	1.7rem;
}
#main .content .content-text {
	margin: 0 0 20px 0;
	color: #666666;
}
#main .content .content-text a {
	color: #18a397;
	text-decoration: underline;
}

#main .support-list {
	border-top: 2px solid #c8c8c8;
}
#main .support-list .box {
	padding: 20px 0;
	border-bottom: 2px solid #c8c8c8;
}
#main .support-list .box .image {
	float: left;
	width: 230px;
}
#main .support-list .box .content-right {
	float: right;
	width: 390px;
}
#main .support-list .box .content-right .time {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #00a497;
}
#main .support-list .box .content-right .title {
	margin: 0 0 10px 0;
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.2;
	font-weight: bold;
}
#main .support-list .box .title span {
	font-size: 15px;
	font-size: 1.5rem;
	color: #666;
}
#main .support-list .box .title small {
	font-size: 15px;
	font-size: 1.5rem;
}
#main .support-list .box .content-right .text a {
	color: #00a497;
	text-decoration: underline;
}

#main .support-list02 {
	border-top: 2px solid #c8c8c8;
}
#main .support-list02 .box {
	padding: 20px 0;
	border-bottom: 2px solid #c8c8c8;
}
#main .support-list02 .box .image {
	float: left;
	width: 230px;
	margin-top: -2.0rem;
}
#main .support-list02 .time {
	float: right;
	width: 390px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #00a497;
}
#main .support-list02 .box .title {
	float: right;
	width: 390px;
	margin: 0 0 10px 0;
	font-size: 19px;
	font-size: 1.9rem;
	line-height: 1.2;
	font-weight: bold;
}
#main .support-list02 .box .title span {
	font-size: 15px;
	font-size: 1.5rem;
	color: #666;
}
#main .support-list02 .box .title small {
	font-size: 15px;
	font-size: 1.5rem;
}
#main .support-list02 .text {
	float: right;
	width: 390px;
}
#main .support-list02 .text a {
	color: #00a497;
	text-decoration: underline;
}

#main .border-box-title {
	padding: 13px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #18a397;
	color: #FFF;
	text-align: center;
}
#main .border-box {
	padding: 20px;
	border: 4px solid #c8c8c8;
	box-sizing: border-box;
}
#main .border-box02 {
	padding: 30px;
	border: 2px solid #18a397;
	box-sizing: border-box;
}
#main .border-box02 dl {
	float: left;
	width: 180px;
	margin-left: 20px;
}
#main .border-box02 dl dt {
	margin: 0 0 10px 0;
}
#main .border-box02 dl dd .title {
	margin: 0 0 5px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
#main .content07 .border-box02 .text {
	color: #666;
}

#main .content01 .button-style02,#main .content02 .button-style02,
#main .content03 .button-style02,#main .content04 .button-style02,
#main .content06 .button-style02 {
	margin-top: 10px;
}

#main .content01 strong, #main .content02 strong,
#main .content03 strong, #main .content04 strong {
	font-weight: bold;
}

#main .hukidashi {
	position: relative;
	margin: 0 0 20px 0;
	padding: 13px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #00a496;
}
#main .hukidashi:after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	margin-left: -10px;
	border-style: solid;
	border-color: #00a496 transparent transparent transparent;
	border-width: 10px 9px 0 9px;
	position: absolute;
	bottom: -10px;
	left: 50%;
}

#main .relation-links ul {
	margin: 0 0 20px -20px;
}
#main .relation-links li {
	float: left;
	width: 310px;
	margin: 0 0 20px 20px;
}
#main .relation-links li a {
	display: block;
	padding: 20px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #FFF;
	background: url("../../images/common/arrow02.png") no-repeat 95% center;
	background-color: #505958;
	border-radius: 3px;
	box-sizing: border-box;
}
#main .relation-links li a span {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	color: #58cdc5;
}

#main .message .sub-title {
	margin: 0 0 15px 0;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
}
#main .message .voice {
	padding: 30px;
	background: #f5f5f5;
}
#main .message .voice .image {
	float: left;
	width: 140px;
}
#main .message .voice .content-right {
	float: right;
	width: 430px;
}
#main .message .voice .voice-title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#main .message .voice .voice-text {
	margin: 10px 0;
}
#main .message .voice .voice-name {
	font-weight: bold;
}

#primary #main .mb0 {margin-bottom: 0px!important;}
#primary #main .mb10 {margin-bottom: 10px!important;}
#primary #main .mb20 {margin-bottom: 20px!important;}
#primary #main .mb30 {margin-bottom: 30px!important;}
#primary #main .mb40 {margin-bottom: 40px!important;}
#primary #main .float-left {float: left!important;}
#primary #main .float-right {float: right!important;}
#primary #main .align-center {text-align: center!important;}
#primary #main .align-right {text-align: right!important;}
#primary #main .weight-bold {font-weight: bold!important;}
#primary #main .color-ot {color: #89c55c!important;}
#primary #main .color-pt {color: #4ba5dc!important;}
#primary #main .text-indent {
	margin-left: 1.0em !important;
	text-indent: -1.0em !important;
}

#primary #secondary {
	float: left;
	width: 240px;
}
#primary #sidenav {
	margin: 0 0 30px 0;
}
#primary #sidenav .content-inner {
	width: auto;
}
#primary #sidenav li.menu-item-has-children > a {
	display: block;
	padding: 15px;
	background-color: #006b63;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.4;
	color: #FFF;
}
#primary #sidenav li.menu-item-has-children > a span {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	color: #59bbb3;
}
#primary #sidenav li.menu-item-has-children .sub-menu li {
	border-top: 2px dotted #dbdbdb;
}
#primary #sidenav li.menu-item-has-children .sub-menu li:first-child {
	border: none;
}
#primary #sidenav li.menu-item-has-children .sub-menu a {
	display: block;
	padding: 15px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	background-color: #FFF;
}
#primary #sidenav li.menu-item-has-children .sub-menu .current-menu-item a,
#primary #sidenav li.menu-item-has-children .sub-menu .current-page-ancestor a {
	color: #00a497;
}
#primary .side-banner .banner01 {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #d9e7e5;
}
#primary .side-banner .banner02 {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #d9e7e5;
}
#primary .side-banner .banner02 a {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #FFF;
	background-color: #497470;
}
#primary .side-banner .banner02 a:after {
	display: inline-block;
	content: "";
	width: 5px;
	height: 10px;
	margin: 0 10px;
	background: url("../../images/common/arrow02.png") no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}
#primary #secondary #event-info .title {
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#primary #secondary #event-info .link {
	margin: 0 0 20px 0;
	text-align: center;
}
#primary #secondary #event-info .link a {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #006b63;
}
#primary #secondary #event-info .link a:after {
	display: inline-block;
	content: "";
	width: 5px;
	height: 10px;
	margin: 0 0 0 5px;
	background: url("../../images/common/arrow02.png") no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
}
#primary #secondary #event-info .event-list .box {
	position: relative;
	border-top: 2px solid #e5f3f1;
	background-color: #FFF;
}
#primary #secondary #event-info .event-list .box:first-child {
	border-top: none;
}
#primary #secondary #event-info .event-list .box .icon {
	position: absolute;
	top: -10px;
	left: -10px;
}
#primary #secondary #event-info .event-list .box .icon img {
	opacity: 1.0 !important;
}
#primary #secondary #event-info .event-list .box a {
	display: block;
	padding: 15px;
}
#primary #secondary #event-info .event-list .box .image {
	float: left;
}
#primary #secondary #event-info .event-list .box .image img {
	width: 70px;
	height: auto;
	opacity: 1.0 !important;
}
#primary #secondary #event-info .event-list .box .content-right {
	float: right;
	width: 130px;
}
#primary #secondary #event-info .event-list .box .tags {
	margin: 0 0 0 -10px;
}
#primary #secondary #event-info .event-list .box .tags span {
	display: inline-block;
	width: 60px;
	height: 20px;
	line-height: 20px;
	margin-left: 6px;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	color: #FFF;
	border-radius: 2px;
	text-align: center;
}
#primary #secondary #event-info .event-list .box .tags span.experience {background-color: #bcd729;}
#primary #secondary #event-info .event-list .box .tags span.holidays {background-color: #e44862;}
#primary #secondary #event-info .event-list .box .tags span.weekday_night {background-color: #4774b9;}
#primary #secondary #event-info .event-list .box .tags span.weekday_daytime {background-color: #f2b25e;}
#primary #secondary #event-info .event-list .box .tags span.public_holiday {background-color: #f265a7;}
#primary #secondary #event-info .event-list .box .event-title {
	margin: 8px 0;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.2;
}
#primary #secondary #event-info .event-list .box .event-data .date {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #47c8be;
	line-height: 1.3;
}
#primary #secondary #event-info .event-list .box .event-data .week {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #666666;
	line-height: 1.3;
}
#primary #secondary #event-info .event-list .box .event-data .time {
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	color: #666666;
	line-height: 1.3;
}

/* about_school */
#about_school {
	padding-top: 20px;
	background-color: #e5f3f1;
}
#about_school .extra-inner {
	padding: 40px;
	background-color: #fff;
}
#about_school .extra-box {
	/*margin-bottom: 20px;*/
	padding: 20px;
	border: 4px solid #dddddd;
}
#about_school .extra-box .extra-box-title {
	margin-bottom: 10px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
    text-align: center;    
}
#about_school .extra-box .thumb {
	float: right;
	width: 224px;
	margin-left: 4px;
	box-sizing: border-box;
}
#about_school .extra-box .content-left {
	float: left;
	width: 360px;
}
#about_school .extra-box .content-left+p {
	margin-bottom: 10px;
}

#about_school .extra-box .content-left .title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#about_school .extra-box .event-detail .text {
	margin: 10px 0;
}
#about_school .extra-box .eventlist-button {
	margin: 10px 0 0 0;
}
#about_school .extra-box .eventlist-button a {
	display: block;
	padding: 5px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #515958;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}
#about_school .request-box {
	padding: 0 20px;
}
#about_school .request-box .thumb {
	float: left;
	width: 190px;
}
#about_school .request-box .content-right {
	float: right;
	width: 390px;
}
#about_school .request-box .request-box-title {
	margin-bottom: 10px;
	font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}
#about_school .request-box .request-box-text {
	margin-bottom: 10px;
}


/* ad */
#extra {
	padding-top: 20px;
	background-color: #e5f3f1;
}
#extra img {
	width: 100%;
	height: auto;
}
#extra .extra-inner {
	padding: 40px;
	background-color: #fff;
}
#extra .extra-box {
	/*margin-bottom: 20px;*/
	padding: 20px;
	border: 4px solid #dddddd;
}
#extra .extra-box .extra-box-title {
	margin-bottom: 10px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
    text-align: center;    
}
#extra .extra-box .thumb {
	float: right;
	width: 190px;
}
#extra .extra-box .content-left {
	float: left;
	width: 390px
}
#extra .extra-box .content-left .title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#extra .extra-box .content-left .date {
	font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    color: #47c8be;
}
#extra .extra-box .content-left .week {
	font-weight: bold;
}
#extra .extra-box .event-detail .text {
	margin: 10px 0;
}
#extra .extra-box .eventlist-button {
	margin: 10px 0 0 0;
}
#extra .extra-box .eventlist-button a {
	display: block;
	padding: 5px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #515958;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}
#extra .extra-box2 {
	margin-bottom: 20px;
	padding: 20px;
	border: 4px solid #dddddd;
}
#extra .extra-box2 .extra-box-title {
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
    text-align: center;    
}

#extra .request-box {
	padding: 0 20px;
}
#extra .request-box .thumb {
	float: left;
	width: 190px;
}
#extra .request-box .content-right {
	float: right;
	width: 390px;
}
#extra .request-box .request-box-title {
	margin-bottom: 10px;
	font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}
#extra .request-box .request-box-text {
	margin-bottom: 10px;
}

.morepeaple {
	text-align: center;
	margin-bottom: 40px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.morepeaple a {
	color: #006b63;
}
.morepeaple a:hover {
	color: #66a6a1;
}

/* aside */
#banner-area01 {
	padding: 40px 0;
	background-color: #caebe9;
}
#banner-area01 ul {
	margin-left: -20px;
}
#banner-area01 ul li {
	float: left;
	margin-left: 20px;
	letter-spacing: -.40em;
}
#banner-area01 ul li a {
	display: inline-block;
	font-size: 0;
	letter-spacing: normal;
}

#banner-area02 {
	position: relative;
	padding: 40px 0;
	background-color: #FFF;
}
#banner-area02 .bx-wrapper {
	margin: 0;
}
#banner-area02 .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0;
}
#banner-area02 .bx-wrapper .bx-controls-direction a {
	width: 30px;
	height: 30px;
}
#banner-area02 .bx-wrapper .bx-controls-direction a.bx-prev {
	left: -100px;
	background: url("../../images/top/slide_prev.png") no-repeat;
}
#banner-area02 .bx-wrapper .bx-controls-direction a.bx-next {
	right: -100px;
	background: url("../../images/top/slide_next.png") no-repeat;
}
#banner-area02 ul {
	/*margin-left: 110px;*/
}
#banner-area02 ul li {
	float: left;	
	letter-spacing: -.40em;
}
#banner-area02 ul li a {
	display: inline-block;
	font-size: 0;
	letter-spacing: normal;
}

.banner-area03 ul {
	padding: 20px 0;
}

.banner-area03 ul li {
	float: left;
}


/* footer */
#site-footer .foot-nav01 {
	padding: 40px 0 20px 0;
	background-color: #00a496;
}
#site-footer .footer-text {
	margin-bottom: 20px;
	color: #fff;
}
#site-footer .foot-nav01 ul li {
	display: inline-block;
	width: 23.5%;
	margin-bottom: 20px;
	padding-left: 10px;	
	background: url("../../images/common/arrow01.png") no-repeat left 2px;
	background-size: 6px auto;
	line-height: 1.3;
	vertical-align: top;
}
#site-footer .foot-nav01 ul li a {
	color: #FFF;
}

#site-footer .foot-nav02 {
	padding: 40px 0 0 0;
	background-color: #414948;
}
#site-footer .foot-nav02 .sub-menu .content-inner {
	width: auto;
}
#site-footer .footer-link {
	margin-bottom: 20px;
}
#site-footer .footer-link a {
	color: #7ae4da;
	font-weight: bold;
}
#site-footer .foot-nav02 ul li a {
	color: #7ae4da;
	font-weight: bold;
}
#site-footer .foot-nav02 .sub-menu a {
	color: #dddddd;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
#site-footer .foot-nav02 .content-inner > ul > li {
	float: left;
	width: 33.33%;
	height: 140px;
	margin-bottom: 30px;
}
#site-footer .foot-nav02 .content-inner > ul > li.height-auto {
	height: auto;
	margin: 0;
}
#site-footer .foot-nav02 .color02 a,
#site-footer .foot-nav02 .color02 + li a {
	color: #dddddd;
}


#groups-nav {
	padding: 40px 0;
}
#groups-nav .groups-title {
	margin-bottom: 15px;
	text-align: center;	
}
#groups-nav .groups-title span {
	padding-right: 25px;
	background: url("../../images/common/icon_external.png") no-repeat right center;
	background-size: 12% auto;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
#groups-nav ul {
	margin-left: -20px;
}
#groups-nav ul li {
	float: left;
	margin-left: 20px;
}
#groups-nav ul li a {
	display: block;
	width: 184px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFF;
	background-color: #47c7bd;
	border-radius: 2px;
}

#site-infomation {
	background-color: #414948;
}
#site-infomation .copyright {
	padding: 15px 0;
	color: #c3c3c3;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}



.kobetsu_bnr {
	padding: 40px 0;
	text-align: center;
	background-color: #00a496;
}

.kobetsu_bnr .content-inner li:nth-child(1) {
	float: left;
}
.kobetsu_bnr .content-inner li:nth-child(2) {
	float: left;
	margin-left: 35px;
}
.kobetsu_bnr .content-inner li:nth-child(3) {
	float: right;
}


#fmenu {
	display: block;
	position: fixed;
	right: 0;
	bottom: 30px;
	z-index: 101;
}
#fmenu-sp {
	display: none;
}

.cautionbox {
	color: #666;
	font-size: 12px;
	font-size: 1.2rem;
}

.kome {
	font-size: smaller;
	vertical-align: super;
}



.clear::after {
	content: "";
	clear: both;
	display: table;
}

.kobetsu_bnr .content-inner {
	
}



/* less than 767px
----------------------------------------------*/
@media screen and (max-width: 767px) {

	html,
	body {
		overflow-x: hidden;
	}

	html.sb-init {
		margin-top: 0!important;
	}
	body{
		min-width: 0;
		font-size: 3.5vw;
		-webkit-text-size-adjust: 100%;
	}
	p,div,li,th,td {
		font-size: 3.5vw;
		max-height: 999999px;
		max-height: 100%;
	}
	#wpadminbar {
		display: none;
	}
	.pc-block{display: none;}
	.sp-block{display: block;}

	.sb-toggle-right,
	.sb-slidebar.sb-active{
		display: block!important;
	}

	/* wrap */
	#sb-site{
		
	}

	.content-inner {
		width: auto;
	}

	/* menu */
	.sb-slidebar {
		width: 65%;
		background-color: #f0f0f0;
		box-shadow:-3px 0px 5px -2px #d6d6d6 inset;
		-moz-box-shadow:-3px 0px 5px -2px #d6d6d6 inset;
		-webkit-box-shadow:-3px 0px 5px -2px #d6d6d6 inset;
	}
	.sb-slidebar .search-block {
		
	}
	.sb-slidebar .search-block form {
		position: relative;
		padding: 3.906vw 3.125vw;
	}
	.sb-slidebar .search-block:after {
		display: block;
		content: "";
		width: 100%;
		height: 0.937vw;
		background-color: #dcdcdc;
		box-shadow: 0 6px 3px -5px #D6D6D6 inset, 0 -6px 2px -5px #D6D6D6 inset;
	}
	.sb-slidebar .search-block input {
		width: 100%;
		padding: 3.125vw 6.25vw 3.125vw 3.125vw;
		font-size: 2.812vw;
		font-weight: bold;
		color: #999;
		border: none;
		border-radius: 2px;
		box-sizing: border-box;
	}
	.sb-slidebar .search-block button {
		position: absolute;
		right: 6.25vw;
		top: 50%;
		margin-top: -2.34vw;
	}
	.sb-slidebar .search-block span {
		display: block;
		width: 4.687vw;
		height: 4.687vw;
		background: url("../../images/common/icon_search.png") no-repeat;
		background-size: 100% auto;
		font-size: 0;
		text-indent: -99em;
	}
	.sb-slidebar ul:after {
		display: block;
		content: "";
		width: 100%;
		height: 0.937vw;
		background-color: #dcdcdc;
		box-shadow: 0 6px 3px -5px #D6D6D6 inset, 0 -6px 2px -5px #D6D6D6 inset;
	}
	#sidebar-nav ul li {
		border-top: 2px solid #dcdcdc;
	}
	#sidebar-nav ul li:first-child {
		border: none;
	}
	#sidebar-nav .sidebar-nav01 li a,
	#sidebar-nav .sidebar-nav01 .parent,
	#sidebar-nav .sidebar-nav02 li a {
		display: block;
		padding: 3.906vw 3.125vw;
		font-size: 2.812vw;
		font-weight: bold;
		color: #444;
		background: url("../../images/common/arrow02.png") no-repeat 95% center;
		box-sizing: border-box;
	}
	#sidebar-nav .sidebar-nav01 .parent {
		background: none;
		position: relative;
	}
	#sidebar-nav .sidebar-nav01 .parent:before {
		display: block;
		content: "";
		position: absolute;
		left: 90%;
		top: 50%;
		margin-top: -8px;
		border-width: 7px 7px 0 7px;
		border-color: #2ACEC1 transparent transparent transparent;
		border-style: solid;
		border-radius: 5px;
	}
	#sidebar-nav .sidebar-nav01 .parent:after {
		display: block;
		content: "";
		position: absolute;
		left: 90%;
		top: 50%;
		margin-top: -11px;
		border-width: 7px 7px 0 7px;
		border-color: #f0f0f0 transparent transparent transparent;
		border-style: solid;
		border-radius: 5px;
	}
	#sidebar-nav .sidebar-nav01 .parent.active:before {
		border-width: 0 7px 7px 7px;
		border-color: transparent transparent #2ACEC1 transparent;
	}
	#sidebar-nav .sidebar-nav01 .parent.active:after {
		margin-top: -5px;
		border-width: 0 7px 7px 7px;
		border-color: transparent transparent #f0f0f0 transparent;		
	}
	#sidebar-nav .sidebar-nav01 li a span,
	#sidebar-nav .sidebar-nav01 .parent span,
	#sidebar-nav .sidebar-nav02 li a span {
		display: block;
		font-size: 2.187vw;
		color: #00a497;
	}
	#sidebar-nav .sidebar-nav01 .sub-menu {
		border-top: 2px solid #dcdcdc;
		display: none;
		background-color: #f9f9f9;
	}
	#sidebar-nav .sidebar-nav01 .sub-menu a {
		padding-left: 10%;
	}
	#sidebar-nav .sidebar-nav03 li a,
	#sidebar-nav .sidebar-nav04 li a{
		display: block;
		padding: 1.562vw 3.125vw;
		font-size: 2.5vw;
		color: #444;
		background: url("../../images/common/arrow04.png") no-repeat 95% center;
		box-sizing: border-box;
	}

	/* header */
	header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
		background-color: #FFF;
		box-sizing: border-box;
	}
	#sp-header {
		padding: 1.562vw;
		border-bottom: 2px solid #f0f0f0;
	}
	#sp-header img {
		width: 100%;
		height: auto;
	}
	#sp-header .btn-menu {
		width: 10.0vw;
		float: left;
		margin-top: 2%;
	}
	#sp-header .h1-block {
		float: left;
		width: 50.0vw;
		margin-left: 11.0vw;
		text-align: center;
	}
	#sp-header .header-text {
		font-size: 1rem;
	}
	#sp-header .right-content {
		float: right;
		margin-top: 2%;
	}
	#sp-header .access {
		float: left;
		width: 10.0vw;
	}
	#sp-header .contact {
		float: left;
		margin-left: 2.562vw;
		width: 10.0vw;
	}
	/*
	#header-nav {
		border-bottom: 4px solid #006a62;
	}
	#header-nav ul {
		border-right: none;
	}
	#header-nav ul li {		
		width: 50%;
		border-left: none;
		box-sizing: border-box;
	}
	#header-nav ul li:first-child {
		border-right: 2px solid #006a62;
	}
	#header-nav ul li a {		
		height: 8.75vw;
		line-height: 8.75vw;
	}
	#header-nav ul li a .title {		
		font-size: 2.812vw;
	}
	#header-nav ul li a .title:after {
		margin-left: 1.562vw;
	}
	#header-nav ul li a .next {
		margin-left: 1.562vw;
		font-size: 2.187vw;
	}
	#header-nav ul li a em {
		width: 10.156vw;
		height: 3.906vw;
		line-height: 3.906vw;
		font-size: 2.187vw;
		margin-left: 1.562vw;
		border-radius: 3.906vw;
	}
	#header-nav ul li a img {
		display: none;
	}*/
	#header-nav {
		padding: 2.5% 3.125vw;
		top: 0!important;
		position: static!important;
		width: auto!important;
	}
	#header-nav ul {
		margin-left: -3%;
	}
	#header-nav ul li {
		width: 47%;
		margin-left: 3%;
	}
	#header-nav ul li a {
		height: 50px;
		line-height: 50px;
	}
	#header-nav ul li a .title {
		font-size: 2.812vw;
	}
	#header-nav ul li a .next {
		font-size: 2.187vw;
	}
	#header-nav ul li a em {
		width: auto;
		margin-left: 10px;
		padding: 0 3%;
		font-size: 2vw;
	}
	#header-nav ul li img {
		display: none;
	}

	/* pankuzu */
	#pankuzu {
		display: none;
		padding: 3%;
	}

	/* page-title */
	#page-title {
		overflow: hidden;
		height: auto;
		padding: 5% 0;
	}
	#page-title .content-inner {
		width: 100%;
		float: left;
	}
	#page-title .parent-title {
		font-size: 2.812vw;
	}
	#page-title h2 {
		font-size: 4.687vw;
	}
	#page-title .discription {
		font-size: 2.812vw;
	}

	/* primary */
	#primary {
		padding: 0;
	}
	#primary #main.has-sidebar {
		float: none;
		width: auto;
	}
	#main .content {
		padding: 0 3.125vw;
	}
	#error404 #main .content {
		padding: 1em 3.125vw;
	}
	#primary #secondary {
		float: none;
		width: auto;
	}
	#primary #sidenav {
		margin: 0;
	}
	#primary #sidenav li.menu-item-has-children > a {
		padding: 2% 3.125vw;
		font-size: 2.812vw;
	}
	#primary #sidenav li.menu-item-has-children > a span {
		display: none;
	}
	#primary #sidenav li.menu-item-has-children .sub-menu a {
		padding: 2% 3.125vw;
		font-size: 2.812vw;
	}
	#primary #main a.button-style {
		display: block;
		padding: 0.77em 0;
		color: #FFF;
		font-size: 	3.5vw;
		font-weight: bold;
		background-color: #515958;
		text-align: center;
		border-radius: 2px;
	}
	#primary #main a.button-style:after {
		display: inline-block;
		content: "";
		width: 0.4em;
		height: 0.9em;
		margin: 0 0 0 1.5vw;
		background: url("../../images/common/arrow02.png") no-repeat;
		background-size: 100% auto;
		vertical-align: middle;
	}
	#primary #main a.button-style02 {
		display: block;
		padding: 0.77em 0;
		color: #FFF;
		font-size: 	3.5vw;
		font-weight: bold;
		background-color: #17a397;
		text-align: center;
		border-radius: 2px;
	}
	#primary #main a.button-style02:after {
		display: inline-block;
		content: "";
		width: 0.4em;
		height: 0.9em;
		margin: 0 0 0 1.5vw;
		background: url("../../images/common/arrow03.png") no-repeat;
		background-size: 100% auto;
		vertical-align: middle;
	}
	#primary #main .button-style03 {
		display: block;
		padding: 0.77em 0;
		color: #FFF;
		font-size: 	3.5vw;
		font-weight: bold;
		background-color: #515958;
		text-align: center;
	}
	#primary #main .button-style03:after {
		display: inline-block;
		content: "";
		width: 0.4em;
		height: 0.9em;
		margin: 0 0 0 1.5vw;
		background: url("../../images/common/arrow02.png") no-repeat;
		background-size: 100% auto;
		vertical-align: middle;
	}
	
	#primary #main a.button-style-yakan {
		font-size: 	3.5vw;
	}

	#main .page-list {
		margin-left: 0;
	}
	#main .page-list .box {
		width: 100%;
		margin: 0;
		padding: 2.25rem 0 3.25rem 0;
		border-bottom: #c8c8c8 2px dotted;
	}
	#main .page-list .box:last-child {
		border:none;
	}
	#main .page-list .box .page {
		font-size: 4.053vw;
	}
	#main .page-list .box .page-title {
		font-size: 4.376vw;
	}
	#main .page-list .box .page-text {
		margin-bottom: 1.0em;
	}
	#main .page-list .box p.page-image {
		width: 100%;
	}

	#main .headline {
		height: auto;
		padding: 2.25rem 3.125vw 0 3.125vw;
		border-bottom: #00a497 5px solid;
	}
	#main .headline .headline-title {
		width: 100%;
		margin: 0 0 0.5em 0;
		font-size: 5.192vw;
	}
	#main .headline .headline-text {
		width: 100%;
	}
	#main .headline02 {
		padding: 2.25rem 0;
	}
	#main .headline02 .headline-title {
		margin: 0 0 1.25rem 0;
		font-size: 4.8vw;
	}
	#main .headline02 .headline-discription {
		font-size: 4.376vw;
	}

	#main .section {
		padding: 5.25rem 0;
	}
	#main .content .content-title {
		margin-bottom: 1.25rem;
		font-size: 4.8vw;
	}
	#main .content .content-title span {
		font-size: 4.376vw;
	}
	#main .content .content-title small {
		display: inline;
		font-size: 4.376vw;
	}
	#main .content .content-text {
		margin: 0 0 1.0em 0;
	}

	#main .support-list .box {
		padding: 2.25rem 0;
	}
	#main .support-list .box .image {
		width: 100%;
		margin-bottom: 1.25rem;
	}
	#main .support-list .box .content-right {
		width: 100%;
	}
	#main .support-list .box .content-right .time {
		font-size: 4.053vw;
	}
	#main .support-list .box .content-right .title {
		margin: 0 0 1.25rem 0;
		font-size: 4.75vw;
		font-weight: bold;
	}
	#main .support-list .box .title span {
		font-size: 3.5vw;
	}
	#main .support-list .box .title small {
		font-size: 3.5vw;
	}

	#main .support-list02 .box {
		padding: 2.25rem 0;
	}
	#main .support-list02 .box .image {
		width: 100%;
		margin-top: 0 !important;
		margin-bottom: 1.25rem;
	}
	#main .support-list02 .time {
		width: 100%;
		font-size: 4.053vw;
	}
	#main .support-list02 .box .title {
		width: 100%;
		margin: 0 0 2.25rem 0;
		font-size: 4.68vw;
	}
	#main .support-list02 .box .title span {
		font-size: 4.053vw;
	}
	#main .support-list02 .box .title small {
		font-size: 4.053vw;
	}
	#main .support-list02 .text {
		width: 100%;
	}

	#main .border-box-title {
		padding: 0.77em 0;
		font-size: 4.053vw;
	}
	#main .border-box {
		padding: 2.25rem 3.125vw;
	}
	#main .border-box02 {
		padding: 2.5rem 3.125vw;
	}
	#main .border-box02 dl {
		float: left;
		width: 100%;
		margin: 0 0 1.25rem 0 !important;
		padding-bottom: 1.25rem;
	}
	#main .border-box02 dl:last-child {
		padding-bottom: 0 !important;
	}
	#main .border-box02 dl dt {
		float: left;
		width: 35%;
		margin: 0 2% 0 0;
	}
	#main .border-box02 dl dd {
		float: left;
		width: 63%;
	}
	#main .border-box02 dl dd .title {
		margin: 0 0 0.5rem 0;
		font-size: 4.053vw;
	}

	#main .hukidashi {
		margin: 0 0 2.25rem 0;
		padding: 0.77em 0;
		font-size: 3.5vw;
	}

	#main .relation-links {
		padding-bottom: 2.0rem;
	}
	#main .relation-links ul {
		margin-left: -2% !important;
	}
	#main .relation-links li {
		display: inline-block;
		width: 48%;
		margin: 0 0 1.25rem 2%;
		vertical-align: middle;
	}
	#main .relation-links li a {
		padding: 2.25rem 8% 2.25rem 4%!important;
		height: 100%!important;
		font-size: 3.0vw;
	}
	#main .relation-links li a span {
		font-size: 2.65vw !important;
	}

	#main .message .sub-title {
		margin: 0 0 2.25rem 0;
		font-size: 4.68vw;
	}
	#main .message .voice {
		padding: 3.125rem;
	}
	#main .message .voice .image {
		width: 100% !important;
		margin-bottom: 2.25rem;
		text-align: center;
	}
	#main .message .voice .image img {
		width: 40% !important;
	}
	#main .message .voice .content-right {
		width: 100%;
	}
	#main .message .voice .voice-title {
		font-size: 4.68vw;
		line-height: 1.4;
	}
	#main .message .voice .voice-text {
		margin: 1.25rem 0;
	}

	#primary #main .mb0 {margin-bottom: 0px !important;}
	#primary #main .mb10 {margin-bottom: 1.25rem !important;}
	#primary #main .mb20 {margin-bottom: 2.25rem !important;}
	#primary #main .mb30 {margin-bottom: 3.125rem !important;}
	#primary #main .mb40 {margin-bottom: 3.25rem !important;}

	/* about_school */
	#about_school {
		padding-top: 1rem;
	}
	#about_school .extra-inner {
		padding: 2.25rem 3.125vw;
	}
	#about_school .extra-box {
		margin-bottom: 2.25rem;
		padding: 3.125vw;
	}
	#about_school .extra-box .extra-box-title {
		margin-bottom: 1rem;
		font-size: 4.376vw;   
	}
	#about_school .extra-box .thumb {
		float: none;
		width: 80%;
		margin: 0 auto 1rem auto
	}
	#about_school .extra-box .content-left {
		float: none;
		width: 100%;
	}
	#about_school .extra-box .content-left .title {
		font-size: 4.376vw;
	}
	#about_school .extra-box .content-left .date {
		font-size: 4.376vw;
	}
	#about_school .extra-box .event-detail .text {
		margin: 1rem 0;
	}
	#about_school .extra-box .eventlist-button {
		margin: 1rem 0 0 0;
	}
	#about_school .extra-box .eventlist-button a {		
		font-size: 3.5vw;
	}
	#about_school .request-box {
		padding: 0 3.125vw;
	}
	#about_school .request-box .thumb {
		float: left;
		width: 30%;
	}
	#about_school .request-box .content-right {
		float: right;
		width: 67%;
	}
	#about_school .request-box .request-box-title {
		margin-bottom: 1rem;
		font-size: 3.5vw;
	}
	#about_school .request-box .request-box-text {
		margin-bottom: 1rem;
	}

	/* ad */
	#extra {
		padding-top: 1rem;
	}
	#extra .extra-inner {
		padding: 2.25rem 3.125vw;
	}
	#extra .extra-box {
		margin-bottom: 2.25rem;
		padding: 3.125vw;
	}
	#extra .extra-box .extra-box-title {
		margin-bottom: 1rem;
		font-size: 4.376vw;   
	}
	#extra .extra-box .thumb {
		float: none;
		width: 80%;
		margin: 0 auto 1rem auto
	}
	#extra .extra-box .content-left {
		float: none;
		width: 100%;
	}
	#extra .extra-box .content-left .title {
		font-size: 4.376vw;
	}
	#extra .extra-box .content-left .date {
		font-size: 4.376vw;
	}
	#extra .extra-box .event-detail .text {
		margin: 1rem 0;
	}
	#extra .extra-box .eventlist-button {
		margin: 1rem 0 0 0;
	}
	#extra .extra-box .eventlist-button a {		
		font-size: 3.5vw;
	}
	#extra .request-box {
		padding: 0 3.125vw;
	}
	#extra .request-box .thumb {
		float: left;
		width: 30%;
	}
	#extra .request-box .content-right {
		float: right;
		width: 67%;
	}
	#extra .request-box .request-box-title {
		margin-bottom: 1rem;
		font-size: 3.5vw;
	}
	#extra .request-box .request-box-text {
		margin-bottom: 1rem;
	}

	/* aside */
	#banner-area01 {
		padding: 5% 3.125vw;
	}
	#banner-area01 ul {
		margin-left: 0;
	}
	#banner-area01 ul li {
		float: none;
		margin-left: 0;
	}
	#banner-area01 ul li a {
		display: block;
	}
	#banner-area01 ul li img {
		width: 100%;
		height: auto;
	}
	#banner-area01 ul li:first-child {
		margin-bottom: 3%;
	}
	#banner-area01 ul li:last-child a {
		display: inline-block;
	}
	#banner-area01 ul li:last-child a:first-child {
		width: 67.5%;
	}
	#banner-area01 ul li:last-child a:last-child {
		width: 32.5%;
	}

	#banner-area02 {
		padding: 5% 3.125vw;
	}
	#banner-area02 .bx-wrapper .bx-controls-direction {
		/*display: none !important;*/
	}
	#banner-area02 .bx-wrapper .bx-controls-direction a {
		width: 40px;
		height: 40px;
		background-size: 100% auto!important;
	}
	#banner-area02 .bx-wrapper .bx-controls-direction a.bx-prev {
		left: -50px;
	}
	#banner-area02 .bx-wrapper .bx-controls-direction a.bx-next {
		right: -50px;
	}
	#banner-area02 ul {
		/*margin-left: 2%;*/
	}
	#banner-area02 ul li a {
		display: inline-block;
		font-size: 0;
		letter-spacing: normal;
	}
	#banner-area02 ul li {		
		/*margin-left: 0.5%;*/
	}
	#banner-area02 ul li img {
		width: 100%;
		height: auto;
	}
	#banner-area02 ul li a {
		display: block;
	}
	.banner-area03 {
		padding: 5% 3.125vw;
	}
	.banner-area03 ul li img {
		width: 100%;
		height: auto;
	}
	.banner-area03 ul {
		padding: 0;
	}
	.banner-area03 ul li {
		width: 20%;
	}

	aside .pagetop {
		text-align: center;
		border-top: 2px solid #f0f0f0;
	}
	aside .pagetop a {
		display: block;
		padding: 2% 0;
		font-size: 2.5vw;
		font-weight: bold;
	}
	aside .pagetop a span:before {
		content: "";
		display: inline-block;
		width: 1.875vw;
		height: 1em;
		margin-right: 2%;
		background: url("../../images/common/arrow_top.png") no-repeat left center;
		background-size: 100% auto;
	}

	/* foooter */
	#site-footer .foot-nav01 {
		padding: 4% 0 2% 0;
	}
	#site-footer .footer-text {
		font-size: 2.5vw;
		padding: 3.125vw;
		margin: 0;
	}
	#site-footer .foot-nav01 ul {
		letter-spacing: -.40em;
	}
	#site-footer .foot-nav01 ul li {
		display: inline-block;
		font-size: 2.5vw;
		width: 50%;
		margin-bottom: 2%;
		padding: 0;
		letter-spacing: normal;
		background-position: 3.125vw 2px;
		background-size: 1.25vw auto;
	}
	#site-footer .foot-nav01 ul li a {
		display: block;		
		padding-left: 6.25vw;
		box-sizing: border-box;
	}

	#site-footer .foot-nav02 {
		padding: 0;
		background-color: #414948;
	}
	#site-footer .footer-link {margin: 0;}
	#site-footer .footer-link a {
		display: block;
		padding: 3% 0 3% 6.25vw;
		line-height: 1;
		background: url("../../images/common/arrow02.png") no-repeat;
		background-position: 3.125vw 45%;				
	    background-size: 1.25vw auto;
	    color: #FFF;
	    font-size: 2.5vw;
	    box-sizing: border-box;
	    border-bottom: 2px solid #3c4241;
	}
	#site-footer .foot-nav02 ul li a {
		display: block;		
		padding: 5% 0 5% 6.25vw;
		line-height: 1;
		background: url("../../images/common/arrow02.png") no-repeat;
		background-position: 3.125vw 45%;
		background-size: 1.25vw auto;
		color: #FFF;
		font-size: 2.5vw;
		box-sizing: border-box;
		border-bottom: 2px solid #3c4241;
	}
	#site-footer .foot-nav02 .sub-menu {
		display: none;
	}
	#site-footer .foot-nav02 .content-inner > ul > li {		
		width: 50%;
		height: auto;
		margin-bottom: 0;		
	}
	#site-footer .foot-nav02 .content-inner > ul > li:nth-child(2n) a,
	#site-footer .foot-nav02 .content-inner #menu-item-119 a {
		border-left: 2px solid #3c4241;
	}
	#site-footer .foot-nav02 .color02 a {
		color: #fff;
	}

	#groups-nav {
		padding: 4% 3.125vw 2% 3.125vw;
	}
	#groups-nav .groups-title {
		margin-bottom: 3%;
	}
	#groups-nav .groups-title span {
		font-size: 2.812vw;
	}
	#groups-nav ul {
		margin-left: -2%;
	}
	#groups-nav ul li {
		float: left;
		width: 48%;
		margin: 0 0 2% 2%;
	}
	#groups-nav ul li a {
		width: auto;
		height: auto;
		padding: 4% 0;
		line-height: 1;	
		font-size: 2.5vw;
		border-radius: 0;
	}

	#site-infomation .copyright {
		padding: 3% 0;
		font-size: 2.187vw;
	}


	.kobetsu_bnr .content-inner {
		padding: 0 3.125%;
	}
	.kobetsu_bnr .content-inner li:nth-child(1),
	.kobetsu_bnr .content-inner li:nth-child(2) {
		float: none;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	.kobetsu_bnr .content-inner li:last-child {
		float: none;
	}
	.kobetsu_bnr .content-inner li img {
		width: 100%;
		height: auto;
	}

	#fmenu {
		display: none;
	}
	#fmenu-sp {
		display: table;
		position: fixed;
		bottom: 0;
		z-index: 101;
		width: 100%;
	}
	#fmenu-sp li {
		display: table-cell;
	}
	#fmenu-sp li a img {
		opacity: 1;
		width: 100%;
		height: auto;
	}
	#fmenu-sp li a:hover img {
		opacity: 1;
	}

}