@charset "utf-8";

/* reset */
html,body,div,h1,h2,h3,h4,h5,h6,p,del,em,small,sub,sup,b,i,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,footer,menu,section,figure,form{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}
html,body{
	margin: 0;
	padding: 0;
	border: 0;
}
body{
	font-family: "メイリオ", Meiryo, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #000;
	font-size: 62.5%;
	letter-spacing: .1em;
}
.tk-a-otf-jun-pro, body {
/*	font-family: 'Kosugi Maru', sans-serif;*/
	line-height: 1.7;
}
/* 見出しのみをWebFont */
h1,h2,h3,h4,h5,h6 {
	font-family: 'Kosugi Maru', sans-serif;
	line-height: 1.7;
}


.common{
	background: url("../images/share/bg-yellowgreen.jpg") right top repeat;
	z-index: -9999;
}
header,footer,nav,section,small{
	display: block;
}
nav ul,nav ol,.ls-none{
	list-style:none;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border-style: none;
}
#wrapper{
	overflow: hidden;
}

/* Test Site */
.test_site_msg {width:190px; color:#FFE4E1; padding:10px 0; background:#FF4500; position:fixed; top:8px; right:8px; font-family: sans-serif; font-size:13px; font-weight:bold; text-align:center; cursor:move; border-radius:5px; z-index:99999;}

/* リンク
---------------------------------------------*/
a{
	display: block;
	background-color: transparent;
	cursor: pointer;
}
a:active,a:hover{
	outline: 0;
	text-decoration: none;
}
.external-link:before,
.internal-link:before,
.page-link:before{
	display: inline-block;
	padding: 0 5px;
	font-family: FontAwesome;
}
.external-link:before{
	content: "\f08e";
}
.internal-link:before{
	content: "\f0c1";
}
.page-link:before{
	content: "\f063";
}
/* tel */
a[href^="tel:"]{
	cursor: default;
}
@media only screen and (min-width : 768px){
	a[href^="tel:"]{
		pointer-events: none;
		text-decoration:none;
	}
	a[href^="tel:"].tel{
		color:#000;
	}
}
/* float */
.hvr-float{
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active{
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}
@keyframes hvr-bob{
	0% { transform: translateY(-8px);}
	50% { transform: translateY(-4px);}
	100% { transform: translateY(-8px);}
}
@keyframes hvr-bob-float{
	100% { transform: translateY(-8px);}
}
/* Bob */
.hvr-bob{
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active{
	animation-name: hvr-bob-float, hvr-bob;
	animation-duration: .3s, 1.5s;
	animation-delay: 0s, .3s;
	animation-timing-function: ease-out, ease-in-out;
	animation-iteration-count: 1, infinite;
	animation-fill-mode: forwards;
	animation-direction: normal, alternate;
}
@keyframes hvr-bob{
	0% { transform: translateY(-8px);}
	50% { transform: translateY(-4px);}
	100% { transform: translateY(-8px);}
}
/* Wobble Vertical */
.hvr-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
	-webkit-animation-name: hvr-wobble-vertical;
	animation-name: hvr-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-vertical{
	16.65% { -webkit-transform: translateY(8px); transform: translateY(8px);}
	33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px);}
	49.95% { -webkit-transform: translateY(4px); transform: translateY(4px);}
	66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px);}
	83.25% { -webkit-transform: translateY(1px); transform: translateY(1px);}
	100% { -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes hvr-wobble-vertical {
	16.65% { -webkit-transform: translateY(8px); transform: translateY(8px);}
	33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px);}
	49.95% { -webkit-transform: translateY(4px); transform: translateY(4px);}
	66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px);}
	83.25% { -webkit-transform: translateY(1px); transform: translateY(1px);}
	100% { -webkit-transform: translateY(0); transform: translateY(0);}
}
/* Pulse Shrink */
.hvr-pulse-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
	-webkit-animation-name: hvr-pulse-shrink;
	animation-name: hvr-pulse-shrink;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}
@-webkit-keyframes hvr-pulse-shrink {
	to { -webkit-transform: scale(0.9); transform: scale(0.9);}
}
@keyframes hvr-pulse-shrink {
	to { -webkit-transform: scale(0.9); transform: scale(0.9);}
}
/* rotation */
.rotation {
	transition: 1s;
	transform: rotateY( 0deg );
}
.rotation:hover{
	transform: rotateY( 360deg );
}
/* Rotate */
.hvr-rotate{
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-rotate:hover,.hvr-rotate:focus,.hvr-rotate:active{
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}
@media (max-width: 768px){
	.hvr-float,
	.hvr-bob{
		transform: none;
		box-shadow: none;
	}
	.hvr-float:hover, .hvr-float:focus, .hvr-float:active{
		transform:  none;
	}
	.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active{
		animation: none;
	}
}
/* ボタン
---------------------------------------------*/
.gray-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #ededed;
	transition: all  0.3s ease;
}
.gray-btn:hover{ background: #fff;}
.pink-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #f57da7;
	transition: all  0.3s ease;
}
.pink-btn:hover{ background: #f097b5;}
.red-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #ed5c5b;
	transition: all  0.3s ease;
}
.red-btn:hover{ background: #f57878;}
.orenge-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #f08312;
	transition: all  0.3s ease;
}
.orenge-btn:hover{ background: #ffae14;}
.yellow-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #ffae14;
	transition: all  0.3s ease;
}
.yellow-btn:hover{ background: #ffdd00;}
.greenyellow-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #b8d200;
	transition: all  0.3s ease;
}
.greenyellow-btn:hover{ background: #B3DB7D;}
.green-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #54aa2f;
	transition: all  0.3s ease;
}
.green-btn:hover{ background: #8fc746;}
.lightblue-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #00a1e5;
	transition: all  0.3s ease;
}
.lightblue-btn:hover{ background: #0ab4e6;}
.blue-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #448cd7;
	transition: all  0.3s ease;
}
.blue-btn:hover{ background: #59ABE3;}
.purple-btn{
	background: url("../images/share/dot-s-bg.png") top left repeat #bf55ec;
	transition: all  0.3s ease;
}
.purple-btn:hover{ background: #d667a4;}
/* アニメーション
---------------------------------------------*/
/* fuwafuwa */
.fuwafuwa{
	animation-name: fuwafuwa;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes fuwafuwa{
	0%{ transform: translate(0,0);}
	50%{ transform: translate(0,-10px);}
	100%{ transform: translate(0,0);}
}
/* shake */
.shake{
	animation: shake_3839 3.875s ease infinite;
	transform-origin: 50% 50%;
}
@keyframes shake_3839 {
	0% { transform:rotate(-6deg) }
	5.16129% { transform:rotate(6deg) }
	6.45161% { transform:rotate(12deg) }
	11.6129% { transform:rotate(-12deg) }
	12.90323% { transform:rotate(-12deg) }
	18.06451% { transform:rotate(12deg) }
	19.35484% { transform:rotate(12deg) }
	24.51613% { transform:rotate(-12deg) }
	25.80645% { transform:rotate(-12deg) }
	30.96774% { transform:rotate(12deg) }
	32.25807% { transform:rotate(12deg) }
	37.41935% { transform:rotate(-12deg) }
	38.70968% { transform:rotate(-12deg) }
	43.87097% { transform:rotate(12deg) }
	48.3871% { transform:rotate(0deg) }
	100% { transform:rotate(0deg) }
}
/* double-flash */
.double-flash{
	animation: double-flash_8810 4s ease 3;
	transform-origin: 50% 50%;
}
@keyframes double-flash_8810{
	0% { opacity:1 }
	12.5% { opacity:0 }
	25% { opacity:1 }
	37.5% { opacity:0 }
	50% { opacity:1 }
	100% { opacity:1 }
}
/* bounce */
.bounce{
	animation: bounce_5498 3.6s ease 3;
	transform-origin: 50% 50%;
}
@keyframes bounce_5498 {
	0% { transform:translateY(0) }
	5.55556% { transform:translateY(0) }
	11.11111% { transform:translateY(0) }
	22.22222% { transform:translateY(-15px) }
	27.77778% { transform:translateY(0) }
	33.33333% { transform:translateY(-15px) }
	44.44444% { transform:translateY(0) }
	100% { transform:translateY(0) }
}
/* fade-up */
.fade-up{
	transition: opacity 0.7s;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;
	transition: transform 0.7s;
	-moz-transition: transform 0.7s;
	-webkit-transition: transform 0.7s;
	-o-transition: transform 0.7s;
}
/* base
---------------------------------------------*/
.pc-none{
	display: none;
}
/* float-box（2カラム） */
.box2Col{
	position: relative;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}
/* float-col */
.box2Col-l{
	float: left;
}
.box2Col-r{
	float: right;
}
/* スペース */
.mart_10{ margin-top: 10px;}
.mart_15{ margin-top: 20px;}
.mart_30{ margin-top: 30px;}
.mart_40{ margin-top: 40px;}
.marb_10{ margin-bottom: 10px;}
.marb_15{ margin-bottom: 15px;}
.marb_30{ margin-bottom: 30px;}
.marb_40{ margin-bottom: 40px;}
@media (max-width: 768px){
	.pc-none{
		display: block;
	}
	.sp-none{
		display: none;
	}
	.box2Col{
		margin-top: 0 ;
		margin-bottom: 0;
		width: 100%;
	}
	.box2Col-l,
	.box2Col-r{
		float: none;
	}
}
/* defult
---------------------------------------------*/
/* フォント */
.bld{ font-weight: bold;}
/* 文字色 */
.gray{ color: #aaa;}
.pink{ color: #f57da7;}
.red{ color: #FF0000;}
.brown{ color: #6a3906;}
.orenge{ color: #f08312;}
.greenyellow{ color: #b8d200;}
.green{ color: #0ba08b;}
.lightblue{ color: #00a1e5;}
.blue{ color: #0e72cf;}
.purple{ color: #bf55ec;}
/* マーカー */
.marker1{
	background: linear-gradient(transparent 30%, #ff0 30%);
}
.marker2{
	background: linear-gradient(transparent 30%, #fde3ec 30%);
}
/* 行揃え */
.txt-c{
	text-align: center !important;
}
.txt-r{
	text-align: right !important;
}
/* 画像加工 */
.shadow{
	box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
}
.trim{
	overflow: hidden;
	position: relative;
	border-radius: 4px;
}
/* 今しばらくお待ちください */
.wait-txt{
	position: relative;
	margin: 0 0 35px 0;
	padding: 20px;
	background: #fef3f7;
	border-radius: 4px;
	text-align: center;
}
.wait-txt:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fef3f7;
}
.wait-img1{
	position: absolute;
	left: 0;
	bottom: 0;
}
.wait-img2{
	position: absolute;
	top: 0;
	right: 0;
}
@media (max-width: 768px){
	.wait-txt{
		padding: 15px 2.5%;
		text-align: left;
	}
}
/* header
---------------------------------------------*/
#header{
	position: relative;
	margin: 0;
	padding: 0;
}
.head-area{
	width: 100%;
	height: 90px;
	background: url("../images/share/header-bg.png") repeat-x;
}
.head{
	position: relative;
	margin: 0 auto;
	width: 980px;
}
.head h1{
	padding: 20px 0;
	width: 300px;
}
.head h1 img{
	width: 100%;
}
.header-tel{
	position: absolute;
	top: 10px;
	right: 0;
}
.othernav{
	position: absolute;
	top: 55px;
	right: 0;
}
.othernav-list{
	font-size: 1.4em;
}
.othernav-list li{
	float: left;
	margin-left: 20px;
}
.othernav-list li a{
	color: #6a3906;
}
/* cnt-head */
.cnt-bg-ground{
	height: 30px;
	background: url("../images/top/mainvisual-bg-ground.jpg") right top repeat-x;
}
/* gnav */
#gnav{
	position: relative;
	top: -2px;
	margin: 0 auto;
	width: 980px;
	font-size: 1.6em;
}
#gnav:before{
	content: "";
	display: block;
	width: 980px;
	height: 22px;
	background: url("../images/share/gnav-parts.png") no-repeat;
}
#dropmenu{
	width: 980px;
	height: 50px;
	border: solid 3px #ce9860;
	border-radius: 4px;
}
#dropmenu li{
	position: relative;
	float: left;
}
#dropmenu li a span{
	display: none;
}
#dropmenu li ul{
	position: absolute;
	top: 44px;
	left: -30px;
	height: 0;
	background: #fff;
	overflow: hidden;
	z-index: 9999;
}
#dropmenu li:hover ul:before{
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #fff transparent;
	z-index: 0;
}
#dropmenu li:hover ul:after{
	content: "";
	display: block;
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ce9860 transparent;
	z-index: -1;
}
#dropmenu li:hover ul{
	padding: 10px;
	height: auto;
	border: solid 3px #ce9860;
	border-radius: 4px;
	overflow: visible;
}
#dropmenu li:hover ul li{
	border-bottom: 1px dotted #D2C39D;
}
#dropmenu li:hover ul li:last-child{
	border-bottom: 0;
}
#dropmenu li ul li a{
	display: block;
	position: relative;
	margin: 0;
	padding: 0 10px;
	width: 205px;
	height: 45px;
	color: #6a3906;
	line-height: 2.7;
	text-decoration: none;
	transition: color .3s;
}
#dropmenu li ul li a:hover{
	color: #ffa500;
}
#dropmenu li ul li a:after{
	display: inline-block;
	position: absolute;
	right: 0;
	padding-right: 5px;
	font-family: 'FontAwesome';
	content: '\f061';
	font-size: 110%;
	color: #D2C39D;
}
@media (max-width: 768px){
	.head-area{
		height: 90px;
		background-size: auto 90px;
	}
	.head{
		padding: 0 2.5%;
		width: 100%;
	}
	.head h1{
		padding: 20px 0 30px 0;
	}
	.head h1 img{
		width: auto;
		height: 40px;
	}
	.cnt-bg-ground{
		height: 20px;
		background-size: auto 20px;
	}
	#dropmenu{
		width: auto;
		height: auto;
		border: none;
		font-size: 1.6em;
	}
	#dropmenu li{
		float: none;
	}
	#dropmenu li a img{
		display: none;
	}
	#dropmenu li a span{
		display: block;
	}
	#dropmenu li ul,
	#dropmenu li:hover ul{
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		height: auto;
		border: none;
		border-radius: 0;
		background: #fff;
	}
	#dropmenu li ul li,
	#dropmenu li:hover ul li{
		border-bottom: 1px dotted #D2C39D;
	}
	#dropmenu li ul li a{
		padding: 9px 0 11px 10%;
		width: 100%;
		height: auto;
		line-height: inherit;
	}
	#dropmenu li ul li a:hover{
		color: #ffa500;
	}
	#dropmenu li ul li a:after,
	#dropmenu li:hover ul:before,
	#dropmenu li:hover ul:after{
		display: none;
	}
}
/* cnt-head
---------------------------------------------*/
/* パンくず */
#pagePath{
	position: absolute;
	top: 8px;
	left: 0;
}
#pagePath ul{
	font-size: 1.2em;
}
#pagePath ul li{
	display: inline-block;
	position: relative;
}
#pagePath ul li a{
	color: #000;
}
.pathLink{
	margin-right: 15px;
}
.pathLink::after{
	display: block;
	position: absolute;
	content: '';
	top: 6px;
	right: -12px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(-45deg);
}
/* main
---------------------------------------------*/
#main{
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.main-area{
	margin: 0 auto;
	width: 980px;
}
#main p{
	font-size: 1.6em;
	line-height: 1.8;
}
#main a{
	display: inline-block;
	color: #6a3906;
}
/* タイトル */
.main-ttl,
.main-ttl-multiple{
	margin-bottom: 40px;
	padding-left: 30px;
	height: 50px;
	background: url("../images/share/slash-s-bg.png") top left repeat #56b432;
	border-radius: 25px;
	font-size: 3.0em;
	color: #fff;
	/* line-height: 1.4; */
}
.main-subttl{
	margin-bottom: 40px;
	font-size: 3.0em;
	color: #6a3906;
	line-height: 1.5;
}
.main-subttl:before{
	display: inline-block;
	position: relative;
	top: -5px;
	margin-right: 10px;
	font-family: 'FontAwesome';
	content: '\f111';
	font-size: 50%;
	color: #56b432;
}
.main-otherttl{
	margin-bottom: 40px;
	padding-left: 20px;
	height: 50px;
	background: #edfded;
	border: dashed 1px #56b432;
	box-shadow: 0px 0px 0px 5px #edfded;
	font-size: 3.0em;
	color: #6a3906;
	line-height: 1.4;
}
.main-extrattl{
	position: relative;
	margin-bottom: 40px;
	padding-left: 20px;
	height: 52px;
	background: #edfded;
	font-size: 2.2em;
	color: #6a3906;
	line-height: 2.0;
}
.main-extrattl:after{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	height: 5px;
	background: repeating-linear-gradient(-45deg, #56b432, #56b432 5px, #edfded 0, #edfded 10px);
	z-index: 1;
}
.main-leafttl{
	margin-bottom: 20px;
	/* padding-bottom: 10px; */
	border-bottom: 3px solid #56b432;
	font-size: 2.2em;
	color: #6a3906;
}
.main-leafttl:before{
	display: inline-block;
	padding-right: 10px;
	font-family: FontAwesome;
	content: "\f06c";
	color: #56b432;
}
.main-leafttl small {
  display: inline;
  font-size: 80%;
}
/* ボタン */
.link-btn{
	display: block !important;
	position: relative;
	padding: 0 0 0 20px;
	width: 220px;
	height: 35px;
	border-radius: 20px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	line-height: 2.0;
	letter-spacing: 1.5px;
}
.link-btn:before{
	display: inline-block;
	position: absolute;
	top: -7px;
	left: 8px;
	font-family: 'FontAwesome';
	content: '\f138';
	font-size: 150%;
	color: #fff;
}
/* 画像 */
.main-img-box{
	margin: 40px 0;
}
.main-illust-box{
	text-align: center;
}
/* 画像（1枚） */
.photo1{
	width: 980px;
	height: 360px;
	overflow: hidden;
}
.photo1 img{
	width: 980px;
	height: auto;
}
/* 画像（2枚） */
.photo2{
	overflow: hidden;
}
.photo2-1{
	margin-right: 40px;
}
.photo2-1,.photo2-2{
	float: left;
	width: 470px;
	height: 320px;
	overflow: hidden;
}
.photo2-1 img,.photo2-2 img{
	width: 470px;
	height: auto;
}
/* 画像（3枚） */
.photo3-2,
.photo3-3{
	overflow: hidden;
}
.photo3-2-1,.photo3-2-2,.photo3-3-1,.photo3-3-2,.photo3-3-4,.photo3-3-5{
	margin-right: 40px;
}
.photo3-3-1,.photo3-3-2,.photo3-3-3{
	margin-bottom: 40px;
}
.photo3-2-1,.photo3-2-2,.photo3-2-3,.photo3-3-1,.photo3-3-2,.photo3-3-3,.photo3-3-4,.photo3-3-5,.photo3-3-6{
	float: left;
	width: 300px;
	height: 220px;
	overflow: hidden;
}
.photo3-2-1 img,.photo3-2-2 img,.photo3-2-3 img{
	width: 300px;
	height: auto;
}
.photo3-3-1 img,.photo3-3-2 img,.photo3-3-3 img,.photo3-3-4 img,.photo3-3-5 img,.photo3-3-6 img{
	width: auto;
	height: 100%;
}
/* 画像（4枚） */
.photo4{
	overflow: hidden;
}
.photo4-1,.photo4-3{
	margin-right: 40px;
}
.photo4-1,.photo4-2{
	margin-bottom: 40px;
}
.photo4-1,.photo4-2,.photo4-3,.photo4-4{
	float: left;
	width: 470px;
	height: 320px;
	overflow: hidden;
}
.photo4-1 img,.photo4-2 img,.photo4-3 img,.photo4-4 img{
	width: 470px;
	height: auto;
}
@media (max-width: 768px){
	.main-area{
		padding: 20px 2.5% 40px 2.5%;
		width: 100%;
	}
	#main p{
		font-size: 1.4em;
	}
	.main-ttl,
	.main-ttl-multiple{
		margin-bottom: 30px;
		font-size: 2.2em;
	}
	.main-ttl{
		padding-left: 25px;
		line-height: 2.1;
	}
	.main-ttl-multiple{
		padding: 5px 2.5%;
		height: auto;
		border-radius: 4px;
		line-height: 1.4;
	}
	.main-subttl{
		margin-bottom: 30px;
		font-size: 1.8em;
	}
	.main-subttl:before{
		top: -2px;
		margin: 0 5px;
		font-size: 70%;
	}
	.main-otherttl{
		margin-bottom: 30px;
		font-size: 1.8em;
		line-height: 2.6;
	}
	.main-extrattl{
		margin-bottom: 30px;
		font-size: 1.8em;
		line-height: 2.6;
	}
	.main-leafttl{
		margin-bottom: 10px;
		padding-bottom: 5px;
		font-size: 1.8em;
    line-height: 1.3;
	}
	.link-btn{
		margin-right: 12%;
		margin-left: 12%;
		width: 70%;
		font-size: 14px;
		line-height: 2.4;
	}
	.link-btn:before{
		top: -12px;
		font-size: 180%;
	}
	.main-img-box{
		margin: 30px 0;
	}
	.photo1,
	.photo1 img{
		width: 100%;
		height: auto
	}
	.photo2-1,
	.photo3-2-1,.photo3-2-2,.photo3-2-3,
	.photo3-3-1,.photo3-3-2,.photo3-3-4,.photo3-3-5,
	.photo4-1,.photo4-3{
		margin-right: 0;
	}
	.photo2-1,
	.photo3-2-1,.photo3-2-2,.photo3-2-3,
	.photo3-3-1,.photo3-3-2,.photo3-3-3,.photo3-3-4,.photo3-3-5,
	.photo4-1,.photo4-2,.photo4-3{
		margin-bottom: 10px;
	}
	.photo2-1,.photo2-2,.photo2-1 img,.photo2-2 img,
	.photo3-2-1,.photo3-2-2,.photo3-2-3,
	.photo3-2-1 img,.photo3-2-2 img,.photo3-2-3 img,
	.photo3-3-1,.photo3-3-2,.photo3-3-3,.photo3-3-4,.photo3-3-5,.photo3-3-6,
	.photo3-3-1 img,.photo3-3-2 img,.photo3-3-3 img,.photo3-3-4 img,.photo3-3-5 img,.photo3-3-6 img,
	.photo4-1,.photo4-2,.photo4-3,.photo4-4,
	.photo4-1 img,.photo4-2 img,.photo4-3 img,.photo4-4 img{
		float: none;
		width: 100%;
		height: auto;
	}
}
/* prep-box
---------------------------------------------*/
.prep-box{
	padding: 40px;
	background: url("../images/share/bg-lightyellow.jpg") repeat;
	border: 20px solid #fff4df;
	text-align: center;
}
.prep-ttl{
	padding-bottom: 20px;
	font-size: 3.0em;
	color: #6a3906;
}
.prep-img{
	margin-top: 40px;
}
@media (max-width: 768px){
	.prep-box{
		padding: 15px 2.5%;
		border: 10px solid #fff4df;
		text-align: left;
	}
	.prep-ttl{
		font-size: 1.8em;
	}
	.prep-img{
		margin: 20px 15% 0 15%;
		width: 70%;
	}
}
/* pagetop
---------------------------------------------*/
#pagetop{
	position: relative;
	margin: 0 auto;
	margin-top: 80px;
	width: 980px;
	height: 136px;
}
#pagetop a,
.ft-tree,
.ft-bus{
	position: absolute;
	z-index: 1;
}
#pagetop a{
	display: block;
	right: 0;
	bottom: -10px;
}
#pagetop a img{
	width: 150px;
}
.ft-tree{
	left: 0;
	bottom: -12px;
}
.ft-bus{
	right: 210px;
	bottom: -12px;
}
@media (max-width: 768px){
	#pagetop{
		margin-top: 40px;
		width: 100%;
		height: auto;
	}
	#pagetop a{
		position: relative;
		padding: 0 27.5%;
		width: 45%;
	}
	#pagetop a img{
		width: 100%;
	}
}
/* footer
---------------------------------------------*/
#footer{
	position: relative;
	margin: 0;
	padding: 0;
	background: url("../images/share/bg-green.jpg") right top repeat;
}
.fotter-inr{
	position: relative;
	margin: 0 auto;
	padding: 50px 0 60px 0;
	width: 980px;
}
.footer-bg{
	height: 60px;
	background: url("../images/share/footer-bg.png") repeat-x;
}
.fotter-logo{
	width: 300px;
}
.fotter-logo img{
	width: 100%;
}
address{
	margin-top: 10px;
	padding-left: 93px;
	font-size: 1.6em;
	font-style: normal;
	color: #fff;
}
.footersubnav{
	margin-top: 30px;
	padding-left: 93px;
	font-size: 1.4em;
	overflow: hidden;
}
.footersubnav li{
	float: left;
	margin-right: 10px;
	padding-right:  10px;
	border-right: 1px solid #fff;
}
.footersubnav li a{
	color: #fff !important;
	text-decoration: underline;
}
.footersubnav li a:hover{
	text-decoration: none;
}
.footernav li{
	float: left;
}
.footernav li:first-child{
	margin-right: 40px;
}
.footernav li:nth-child(2){
	margin-right: 10px;
}
.ft-animals{
	position: absolute;
	top: 125px;
	right: 0;
}
#footerCopy{
	margin-top: 50px;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
}
/* ボタン */
.footernav-btn-contact,
.footernav-btn-entry{
	position: relative;
	padding: 0 18px 0 58px;
	height: 45px;
	font-size: 1.8em;
	color: #6a3906;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1.5px;
	line-height: 2.4;
}
.footernav-btn-contact{
	box-shadow: 10px 10px rgba(255,221,0,0.3);
}
.footernav-btn-entry{
	box-shadow: 10px 10px rgba(240,151,181,0.5);
}
.footernav-btn-contact:before,
.footernav-btn-entry:before{
	position: absolute;
	top: 5px;
	left: 10px;
	content: url("../images/share/ft-btn-flower.png");
}
.footernav-btn-contact:hover,
.footernav-btn-entry:hover{
	box-shadow: none;
}
@media (max-width: 768px){
	.fotter-inr{
		padding: 40px 5%;
		width: 100%;
	}
	.footer-bg{
		height: 50px;
		background-size: cover;
	}
	.fotter-logo{
		width: 80%;
	}
	address{
		margin-top: 20px;
		padding: 0;
		font-size: 1.4em;
	}
	.ft-animals{
		position: relative;
		top: 0;
		margin-top: 20px;
		width: 100%;
	}
	.footersubnav{
		margin-top: 20px;
		padding-left: 0;
		font-size: 1.2em;
	}
	.footernav{
		margin: 40px 0;
	}
	.footernav li{
		float: none;
	}
	.footernav li:first-child,
	.footernav li:nth-child(2){
		margin-right: 0;
	}
	#footerCopy{
		margin-top: 0;
		font-size: 1.0em;
		text-align: left;
	}
	.footernav-btn-contact,
	.footernav-btn-entry{
		font-size: 1.6em;
	}
	.footernav-btn-contact{
		margin: 0 15% 30px 15%;
	}
	.footernav-btn-entry{
		margin: 0 15%;
	}
}
/* sitemap
---------------------------------------------*/
.sitemap-area{
	margin: 40px 0 80px 0;
}
.sitemap-box{
	width: 470px;
}
.sitemap-list{
	font-size: 1.8em;
}
.sitemap-list li{
	padding-top: 20px;
}
.sitemap-list li:first-child{
	padding-top: 0;
}
.sitemap-list li:before{
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f0a9';
	padding-right: 10px;
	font-size: 120%;
	color: #56b432;
}
@media (max-width: 768px){
	.sitemap-area{
		margin: 0;
	}
	.sitemap-box{
		width: 100%;
	}
	.sitemap-list{
		font-size: 1.6em;
	}
	.s-list1,
	.s-list2,
	.s-list3,
	.s-list4{
		margin-bottom: 60px;
	}
}
/* privacy
---------------------------------------------*/
.p-area1,
.p-area2{
	margin: 40px 0 80px 0;
}
.privacy-ttl{
	position: relative;
	margin-bottom: 40px;
	padding: 1px 0 9px 30px;
	background: #56b432;
	border-radius: 4px;
	font-size: 3.0em;
	color: #fff;
	overflow: hidden;
}
.privacy-ttl:before{
	display: block;
	position: absolute;
	bottom: -1px;
	left: 15px;
	content: '';
	width: 200px;
	height: 100px;
	background: #fff;
	border-radius: 100px 100px 0 0;
	opacity: 0.2;
}
.privacy-subttl{
	margin: 20px 0;
	font-size: 2.2em;
	color: #6a3906;
}
.privacy-name{
	margin-bottom: 20px;
}
@media (max-width: 768px){
	.p-area1{
		margin: 0 0 60px 0;
	}
	.p-area2{
		margin: 0;
	}
	.privacy-ttl{
		padding: 10px 2.5% 10px 5%;
		margin-bottom: 30px;
		font-size: 2.2em;
	}
	.privacy-subttl{
		font-size: 1.8em;
	}
}
/* careers
---------------------------------------------*/
.careers-area{
	margin: 40px 0 60px 0;
}
.careers{
	position: relative;
	padding: 45px 40px 0 40px;
	background-color: #fef3f7;
}
.careers:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 100%;
	right: 0;
	border-width: 0 0 20px 20px;
	border-style: solid;
	border-color: #fcd3e2 transparent transparent #fcd3e2;
	z-index: 1;
}
.careers:after{
	content: '';
	display: inline-block;
	position: absolute;
	top: 100%;
	right: 0;
	border-top: solid 20px #fef3f7;
	border-right: solid 20px transparent;
	width: calc(100% - 20px);
	height: 0;
}
.careers p{
	margin-bottom: 20px;
}
.blue-stripe-line{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	background-image: url(/images/share/blue-stripe-bg.png);
}
.balloon-txt-area{
	text-align: center;
}
.balloon-txt{
	display: inline-block;
	position: relative;
	margin-bottom: 30px;
	padding: 20px;
	background-color: #d4eef6;
	border-radius: 4px;
}
.balloon-txt:before{
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #d4eef6;
}
.balloon-txt h4{
	font-size: 2.2em !important;
	font-weight: bold;
	color: #6a3906;
}
.careers-teacher-box{
	position: relative;
	padding: 60px 40px 40px 40px;
	text-align: center;
}
.careers-teacher-box-img1,
.careers-teacher-box-img2{
	position: absolute;
	z-index: 9999;
}
.careers-teacher-box-img1{
	top: 30px;
	left: 60px;
}
.careers-teacher-box-img2{
	right: 60px;
	bottom: 10px;
}
.careers-teacher{
	position: relative;
	display: inline-block;
	width: 680px;
	height: 420px;
	border: 10px solid #fff;
	transform: rotate(-3deg);
	overflow: hidden;
}
.careers-teacher img{
	position: relative;
	top: -68px;
	right: 15px;
	width: 710px;
	height: auto;
	transform-origin: 0 0;
	transform: rotate(3deg);
}
/* careers-list */
.careers-list-area{
	margin-bottom: 60px;
}
.careers-list{
	font-size: 1.6em;
	line-height: 1.8;
}
.careers-list li{
	margin-left: 1.5em;
}
/* careers-tbl */
.careers-tbl-area{
	position: relative;
}
.careers-tbl-img{
	position: absolute;
	top: -70px;
	right: 20px;
	z-index: 9999;
}
.careers-tbl{
	margin-bottom: 80px;
	width: 100%;
	background: #fff;
	border-collapse: collapse;
	border: 1px solid #ef810f;
	font-size: 1.6em;
}
.careers-tbl th,
.careers-tbl td{
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ef810f;
}
.careers-tbl th{
	background: #fff4df;
	color: #6a3906;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}
.careers-tbl td{
	text-align: left;
}
.careers-tbl td span{
	display: block;
	margin-bottom: 5px;
}
/* careers-info */
.careers-info{
	position: relative;
	overflow: hidden;
}
.careers-info .careers-img1{
	position: absolute;
	top: 20px;
	right: 0;
}
.careers-info-text{
	width: 640px;
}
.careers-info-box{
	position: relative;
	margin-top: 20px;
	padding: 25px;
	line-height: 1.8;
}
.careers-info-box:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 5px;
	background: #fff;
	z-index: -1;
}
.careers-info-box:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: repeating-linear-gradient(-45deg, #fde3ec, #fde3ec 5px, #fcf0f1 0, #fcf0f1 10px);
	z-index: -2;
}
.careers-info-box ul{
	padding: 20px 0;
	font-size: 1.6em;
}
.careers-info-box ul li{
	margin-left: 1.5em;
}
.careers-btn{
	color: #fff !important;
}
.careers-img4{
	position: absolute;
	top: -8px;
	right: 40px;
}
@media (max-width: 768px){
	.careers-area{
		margin: 0 0 50px 0;
	}
	.careers{
		padding: 15px 2.5%;
		padding-top: 40px;
	}
	.balloon-txt{
		padding: 15px 2.5%;
	}
	.balloon-txt h4{
		font-size: 1.6em !important;
		text-align: left;
	}
	.careers-teacher-box{
		padding: 15px 10%;
		background-size: 40px auto;
	}
	.careers-teacher-box-img1{
		top: 10px;
		left: 2.5%;
		width: 20%;
	}
	.careers-teacher-box-img2{
		right: 2.5%;
		bottom: 0;
		width: 20%;
	}
	.careers-teacher{
		width: 100%;
		height: auto;
		border: 5px solid #fff;
		transform: rotate(0);
	}
	.careers-teacher img{
		top: 0;
		right: 0;
		width: 100%;
		transform: rotate(0);
	}
	.careers-list-area{
		margin-bottom: 30px;
	}
	.careers-list{
		font-size: 1.4em;
	}
	.careers-tbl-img{
		top: -50px;
		right: 0;
		height: 50px;
	}
	.careers-tbl{
		margin-bottom: 60px;
		font-size: 1.2em;
	}
	.careers-tbl th,
	.careers-tbl td{
		display: block;
		padding: 5px;
		width: 100%;
	}
	.careers-info .careers-img1{
		position: relative;
		margin: 0 15%;
		width: 70%;
	}
	.careers-info-text{
		width: 100%;
	}
	.careers-info-box{
		margin: 30px 0;
		padding: 25px 5%;
	}
	.careers-info-box ul{
		font-size: 1.4em;
	}
}