@charset "UTF-8";

/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
body {
line-height: 1.6;
	color: #000;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}
body, input, textarea, select, button {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	/* 明朝フォント
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;*/
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;	font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top;}
address, caption, code, em, th,
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box;}
/* ==========================================================
 base Link
========================================================== */
a {
	color: #000;
	text-decoration: none;
}
a:visited {}
/*a:hover,
a:active,
a:focus { text-decoration: underline;}*/
/* ==========================================================
 clearfix
========================================================== */
.clearfix:before, .clearfix:after,
.contents:before, .contents:after
{
	content: "";
	display: table;
}
.clearfix:after,
.contents:after
{
	clear: both;
}
/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents
{
	*zoom: 1;
}
/* ==========================================================
 layout
========================================================== */
html { overflow-y: scroll;}
body { text-align: center;}

/*html.lock { overflow: hidden !important;}*/

/* ==========================================================
 wrapper
========================================================== */
.wrapper {
	width: 100%;
}

@media screen and (min-width: 751px) {
  .wrapper {
    max-width: 750px;
    margin: 0 auto;
  }
}


/* ==========================================================
 header
========================================================== */
.header {
	width: 100%;
	text-align: left;
}
	.header-in {
		position: relative;
		z-index: 5;
		margin: 0 auto;
	}
		.header-logo { background-color: rgba(255,255,255,0.50);}
			.header-logo .image-logo {
				display: block;
				position: relative;
				z-index: 0;
			}
				.header-logo .image-logo img { width: 100%;}
	
	.btn-header-nav {
		display: block;
		position: absolute;
		z-index: 5;
		width: 41px;
		height: 26px;
		top: 10px;
		right: 18px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
		.btn-header-nav span {
			display: block;
			position: absolute;
			height: 5px;
			width: 100%;
			background: #007a28;
			opacity: 1;
			right: 0;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}
			.btn-header-nav span:nth-child(1) { top: 0;}
			.btn-header-nav span:nth-child(2),
			.btn-header-nav span:nth-child(3) { top: 11px;}
			.btn-header-nav span:nth-child(4) { top: 22px;}
			.btn-header-nav.is-open span:nth-child(1),
			.btn-header-nav.is-open span:nth-child(4) {
				top: 11px;
				width: 0;
				right: 50%;
			}
			.btn-header-nav.is-open span:nth-child(2) {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			.btn-header-nav.is-open span:nth-child(3) {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

/* ==========================================================
 nav-global
========================================================== */
.nav-global {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	/*top: 85px;
	left: 0;
	/*bottom: 0;*/
	z-index: 4;
	margin-top: 22.53%;
	width: 100%;
	background: #fff;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	margin-top: 22.53%;
	width: 100%;
	background: #fff;
	line-height: 1.4;
}
	.nav-global .head {
		padding: 5px 0;
		background: #ededed;
		border-bottom: 3px solid #fff;
		text-align: center;
	}
	.nav-global > ul > li {
		background: #ededed;
		border-bottom: 3px solid #fff;
	}
		.nav-global ul li a,
		.nav-global ul li .link-head {
			display: block;
			padding: 6px 5% 6px 12%;
			font-size: 18px;
			color: #000;
		}
		.nav-global ul li a:hover {
			text-decoration: none;
		}
		.nav-global > ul > li > ul {
			border-top: 3px solid #fff;
		}
			.nav-global > ul > li > ul > li {
				position: relative;
				border-bottom: 3px solid #fff;
			}
			.nav-global > ul > li > ul > li:last-child {
				border-bottom: none;
			}
				.nav-global > ul > li > ul > li:before {
					position: absolute;
					top: 13px;
					left: 20.3%;
					width: 10px;
					height: 10px;
					background: #6fb92c;
					border-radius: 10px;
					content: "";
				}
				.nav-global > ul > li > ul > li a {
					padding-left: 25%;
				}
			
		.nav-global ul li.color-01 {
			background: #dff0f7;
		}
		.nav-global ul li.color-02 {
			background: #edf4e2;
		}
			.nav-global ul li.color-02 > a{
				position: relative;
			}
				.nav-global ul li.color-02 > a::after{
					content: '';
					width: 6px;
					height: 6px;
					border: 0px;
					border-top: solid 2px #000;
					border-right: solid 2px #000;
					transform: rotate(135deg);
					position: absolute;
					top: 50%;
					right: 20px;
					margin-top: -4px;
				}
				.nav-global ul li.color-02 > a.open::after{
					transform: rotate(-45deg);
					margin-top: -2px;
				}
			.nav-global ul li.color-02 > ul{
				display: none;
			}
		.nav-global ul li.color-03 {
			background: #fceaec;
		}
			.nav-global ul li.color-03 > a{
				position: relative;
			}
				.nav-global ul li.color-03 > a::after{
					content: '';
					width: 6px;
					height: 6px;
					border: 0px;
					border-top: solid 2px #000;
					border-right: solid 2px #000;
					transform: rotate(135deg);
					position: absolute;
					top: 50%;
					right: 20px;
					margin-top: -4px;
				}
				.nav-global ul li.color-03 > a.open::after{
					transform: rotate(-45deg);
					margin-top: -2px;
				}
			.nav-global ul li.color-03 > ul{
				display: none;
			}
				.nav-global ul li.color-03 > ul > li:before {
					background: #e85382;
				}
		.nav-global ul li.btn-close a {
			padding: 6px 12%;
			text-align: center;
		}

/* ==========================================================
 contents
========================================================== */
.contents {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

/* ==========================================================
 footer
========================================================== */
.footer {
	position: relative;
	z-index: 1;
	width: 100%;
	margin-top: -38.33%;
}
	.footer-in {
		position: relative;
    	padding-top: 66%;
		background: url(../../tokuiku/img/bg_footer.png) no-repeat;
		background-size: contain;
	}
		.footer-copyright {
			position: absolute;
			left: 0;
			bottom: 7.7%;
			width: 100%;
			color: #fff;
			font-size: 12px;
		}
	.footer-logo {
		padding: 21px 0;
    background: #fff;
		text-align: center;
	}
		.footer-logo img {
			width: 210px;
		}

@media screen and (min-width: 751px) {
  .footer {
    max-width: 750px;
    margin: -280px auto 0;
  }
}

/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
	padding: 14px 0 ;
}
	.sec-cmn-in {
		padding: 0 16px;
	}

/* section last margin */
section:last-of-type {
	margin-bottom: 0;
}

/* ==========================================================
 bg color
========================================================== */
.bg-blue-01 {
	background: #dff0f7;
}
.bg-green-01 {
	background: #edf4e2;
}
.bg-pink-01 {
	background: #fceaec;
}


/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn-01 {
	overflow: hidden;
}
	.hero-cmn-01 img {
		width: 100%;
		visibility: hidden;
	}

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
	margin-bottom: 8px;
	text-align: center;
}
	.ttl-cmn-01 img {
		width: 100%;
	}
.ttl-cmn-01.type-01 { margin-bottom: 24px;}
	.ttl-cmn-01 img {
		width: 100%;
	}
.ttl-cmn-02 {
	margin-bottom: 5px;
	border-bottom: 1px solid #6fb92c;
	color: #6fb92c;
	font-size: 17px;
}

/* ==========================================================
 list
========================================================== */
/* list-cmn-01
---------------------------------------------------------- */
.list-cmn-01 {}
	.list-cmn-01 dd {
		margin-bottom: 10px;
		padding-left: 15px;
	}
	.list-cmn-01 dd:last-child { margin-bottom: 0; }

/* list-cmn-news
---------------------------------------------------------- */
.list-cmn-news-01 {}
	.list-cmn-news-01 li { margin-bottom: 10px;}
	.list-cmn-news-01.type-01 li { margin-bottom: 22px;}
	.list-cmn-news-01 li:last-child { margin-bottom: 0;}
		.list-cmn-news-01 li .date {
			line-height: 1.6;
			overflow: hidden;
		}
		.list-cmn-news-01 li a { display: block;}
		.list-cmn-news-01 li .link {
			background: url(../../wordpress/wp-content/themes/twentysixteen/img/news/ico_arrow_right_02.png) right center no-repeat;
			background-size: 25px;
			float: right;
			padding-right: 38px;
		}
			.list-cmn-news-01 li img {
				display: block;
				width: 100%;
				margin-bottom: 10px;
			}
			.list-cmn-news-01 li .title {
				margin-top: 5px;
				font-size: 18px;
			}

/* ==========================================================
 button
========================================================== */
.sec-cmn-01 ul li .btn-link {
	display: block;
	width: 200px;
	/*margin: 0 auto 8px;*/
	margin-left : auto ;
	margin-right : 0 ;
	padding: 2px 4px;
	border-radius: 15px;
	/*background: #6fb92c;
	color: #fff;*/
	font-size: 16px;
	text-align: center;
	border:2px solid #6fb92c;
}




/* btn-cmn
---------------------------------------------------------- */
.btn-cmn {
}
/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
	position: absolute;
	left: 0;
	top: 10%;
	width: 100%;
	text-align: center;
}
	.btn-cmn-pagetop a {
		color: #fff;
		font-size: 16px;
	}

/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity
{
	-ms-filter: 'alpha( opacity=100)';
	opacity: 1;
}
.is-opacity:hover
{
	-ms-filter: 'alpha( opacity=70)';
	filter: alpha( opacity=70);
	opacity: 0.7;
}
/* css animation 
---------------------------------------------------------- */
.is-animate
{
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* event pointer
---------------------------------------------------------- */
.is-no-event {
	pointer-events: none;
}

/* ==========================================================
 style
========================================================== */
.s-w-full		{ width: 100%; }
.s-fw-n		 { font-weight: normal;}
.s-fw-b		 { font-weight: bold;}
.s-ta-l		 { text-align: left !important;}
.s-ta-c		 { text-align: center !important;}
.s-ta-r		 { text-align: right !important;}
.s-va-t		 { vertical-align: top !important;}
.s-va-m		 { vertical-align: middle !important;}
.s-va-b		 { vertical-align: bottom !important;}
.s-ov-h		 { overflow: hidden;}
.s-clear		{ clear: both;}
.s-hide		 { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n		 { background: none !important;}
.s-mt-00		{ margin-top: 0 !important;}
.s-mb-00		{ margin-bottom: 0 !important;}
.s-ml-00		{ margin-left: 0 !important;}
.s-mr-00		{ margin-right: 0 !important;}
.s-mr-10		{ margin-right: 10px !important;}
.s-mb-05		{ margin-bottom: 5px !important;}
.s-pl-00		{ padding-left: 0 !important;}