@charset "UTF-8";
/* ==========================================================================
COMMON
文字濃茶　：#644741
水色　　　：#28C3FF
水色２　　：#1EBEFF
メイン背景：#E1FAFF
背景薄緑　：#F2F9EA
背景薄黄　：#FDFBBE
========================================================================== */

/* Google Fonts + 日本語 早期アクセス 250 300 350 400 500 700 900 */
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

/*===============================================
 レスポンシブ PCサイズ 横幅 741px以下
===============================================*/
@media screen and (min-width: 741px), print {

#titleArea {
	overflow: hidden;
	position: relative;
	background: #E1FAFF;
	margin: 0px auto;
	height: 200px;
}
#titleArea h2 {
	position: relative;
	width: 960px;
	margin: 50px auto 0px;
	z-index: 2;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	padding: 60px 10px 10px;
}

#titleArea h2 span {
	display: block;
	width: 100%;
	font-size: 9px;
	font-weight: 500;
	line-height: 20px;
	color: #28C3FF;
	text-transform: uppercase;
}
#titleArea h2 figure {
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px -30px;
}
#titleArea .bgSun {
	position: absolute;
	top: -40px;
	left: 50%;
	width: 140px;
	height: 140px;
	margin-left: 390px;
	z-index: 1;
}
#titleArea .bgCloudL {
	position: absolute;
	bottom: 0px;
	right: 50%;
	margin-right: 360px;
}
#titleArea .bgCloudR {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: 360px;
}

#titleArea h2:after {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px -30px;
}
#concept #titleArea h2:after {
	background: url(../img/common/naviConcept.png) no-repeat center top;
	background-size: 60px;
}
#about #titleArea h2:after {
	background: url(../img/common/naviAbout.png) no-repeat center top;
	background-size: 60px;
}
#guide #titleArea h2:after {
	background: url(../img/common/naviGuide.png) no-repeat center top;
	background-size: 60px;
}
#blog #titleArea h2:after {
	background: url(../img/common/naviBlog.png) no-repeat center top;
	background-size: 60px;
}
#contact #titleArea h2:after,
#thanks #titleArea h2:after,
#privacy #titleArea h2:after,
#sitemap #titleArea h2:after {
	background: url(../img/common/iconNote.png) no-repeat center top;
	background-size: 60px;
}

#mainBox h3.titleLine {
	display: block;
	clear: both;
	position: relative;
	text-align: center;
	width: 960px;
	margin: 0px auto 60px;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
	background: none;
}
#mainBox h3.titleLine:before,
#mainBox h3.titleLine:after {
	content: "";
	position: absolute;
	display: block;
	width: 200px;
	height: 30px;
}
#mainBox h3.titleLine:before {
	top: 0px;
	left: 200px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 200px 30px;
}
#mainBox h3.titleLine:after {
	top: 0px;
	right: 200px;
	background: url(../img/concept/titleLineR.png) no-repeat left top;
	background-size: 200px 30px;
}


/*===============================================
 ほし保育園とは　CONCEPT
===============================================*/
#concept {}
#conceptTop {
	padding: 30px 0px 40px;
}
#conceptTop .contBox {
	position: relative;
	width: 960px;
	margin: 0px auto 30px;
	padding: 0px 0px;
}
#conceptTop .contBox:after {
	display: block;
	clear: both;
	content: "";
	width: 100%;
	height: 0px;
}
#conceptTop .ideaBox {}
#conceptTop .policyBox {}

#conceptTop .contBox h3 {
	box-sizing: border-box;
	float: left;
	width: 130px;
	height: 130px;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 24px;
	padding: 40px 0px 0px;
	margin: 0px 35px 0px 35px;
}
#conceptTop .ideaBox h3 {
	background: url(../img/concept/titleYellow.png) no-repeat center top;
	background-size: 130px;
}
#conceptTop .policyBox h3 {
	background: url(../img/concept/titleBlue.png) no-repeat center top;
	background-size: 130px;
}
#conceptTop .contBox h3 ruby {}
#conceptTop .contBox h3 ruby rt {
	font-size: 8px;
	padding: 0px 1.5em;
}
#conceptTop .contBox p {
	display: block;
	float: left;
}
#conceptTop .contBox p em {
	display: block;
	font-size: 24px;
	font-weight: 900;
	margin: 10px 0px 10px -0.5em;
}
#conceptTop .contBox figure {
	display: block;
	float: left;
	position: relative;
	width: 180px;
	height: 180px;
	padding: 3px;
	margin: 75px 0px 0px 0px;
}
#conceptTop .contBox figure:after {
	display: block;
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/concept/photoLineSquare.png) no-repeat center top;
	background-size: 186px;
	width: 186px;
	height: 186px;
}
#conceptTop .contBox figure img {
	display: block;
	overflow: hidden;
	border-radius: 20px;
}
#conceptTop .contBox figure figcaption {
	font-size: 16px;
	font-weight: 900;
	text-align: center;
	padding: 10px 0px 0px 0px;
}
#conceptTop .contBox figure a {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 184px;
	height: 184px;
	background: rgba(0,0,0,0.00);
	z-index: 5;
	border-radius: 24px;
}
#conceptTop .contBox figure a:hover {
	background: rgba(0,0,0,0.10);
}

#conceptTop .contBox .balloon {
	position: absolute;
	width: 200px;
	height: 90px;
	top: 0px;
	right: 0px;
	background: url(../img/concept/boxBalloon.png) no-repeat center top;
	background-size: 195px 90px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	text-indent: 0.5em;
	padding: 13px 0px 0px 0px;
	z-index: 6;
}
#conceptTop .contBox .balloon em {
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-indent: 0em;
}

#conceptTop .contBox p {}
#conceptTop .ideaBox p {
	display: block;
	float: left;
	width: 490px;
	margin: 0px 60px 0px 0px;
}
#conceptTop .policyBox p {
	display: block;
	float: left;
	width: 600px;
	margin: 0px 60px 0px 0px;
}


#targetPoint {}
#targetPoint {
	overflow: hidden;
	position: relative;
	background: #E1FAFF;
	margin: 0px auto;
	padding: 40px 0px 140px;
}
#targetPoint h3 {
	display: block;
	position: relative;
	text-align: center;
	width: 960px;
	margin: 0px auto 40px;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
}
#targetPoint h3:before,
#targetPoint h3:after {
	content: "";
	position: absolute;
	display: block;
	width: 200px;
	height: 30px;
}
#targetPoint h3:before {
	top: 0px;
	left: 200px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 200px 30px;
}
#targetPoint h3:after {
	top: 0px;
	right: 200px;
	background: url(../img/concept/titleLineR.png) no-repeat left top;
	background-size: 200px 30px;
}

#targetPoint .bgSun {
	position: absolute;
	top: -40px;
	left: 50%;
	width: 140px;
	height: 140px;
	margin-left: 390px;
	z-index: 1;
}
#targetPoint .bgCloudL {
	position: absolute;
	bottom: 0px;
	right: 50%;
	margin-right: 360px;
}
#targetPoint .bgCloudR {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: 360px;
}
#targetPoint .contBox {
	position: relative;
}

#targetPoint ul {
	width: 960px;
	margin: 0px auto 0px;
	display: flex;
	justify-content: center;
}
#targetPoint ul li {
	display: block;
	box-sizing: border-box;
	width: 210px;
	height: 210px;
	text-align: center;
	font-size: 21px;
	font-weight: 900;
	color: #FFF;
	padding: 115px 0px 0px;
	margin: 0px 15px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.50);
}
#targetPoint ul li:nth-child(1) {
	background: url(../img/concept/target01.png) no-repeat center top;
	background-size: 210px;
}
#targetPoint ul li:nth-child(2) {
	background: url(../img/concept/target02.png) no-repeat center top;
	background-size: 210px;
}
#targetPoint ul li:nth-child(3) {
	background: url(../img/concept/target03.png) no-repeat center top;
	background-size: 210px;
}

#featurePoint {
	position: relative;
	background: #C0E398;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
#featurePoint:before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 25px;
	top: -25px;
	left: 0px;
	background: url(../img/home/bgGrass.png) repeat-x center bottom;
	background-size: 150px 25px;
	z-index: 2;
}
#featurePoint:after {
	display: block;
	content: "";
	clear: both;
	width: 100%;
	height: 0px;
}
#featurePoint .contBox {
	display: block;
	position: relative;
	width: 960px;
	margin: 0px auto;
	padding: 80px 0px 60px;
	text-align: center;
}
#featurePoint .contBox h3 {
	position: absolute;
	width: 250px;
	height: 130px;
	top: -65px;
	left: 50%;
	margin: 0px 0px 0px -125px;
	background: url(../img/concept/titleFeature.png) no-repeat center top;
	background-size: 250px 130px;
	z-index: 3;
	padding: 38px 0px 0px;
	font-size: 24px;
}
#featurePoint .contBox h4 {
	font-size: 24px;
	font-weight: 700;
	margin: 0px auto 15px;
	line-height: 40px;
}
#featurePoint .contBox p {
	display: block;
	box-sizing: border-box;
	width: 860px;
	margin: 0px auto;
	padding: 30px 70px;
	border: 4px solid #1EBEFF;
	background: #FFF;
	border-radius: 30px;
	text-align: left;
	line-height: 28px;
}
#featurePoint .contBox .illustClover,
#featurePoint .contBox .illustSunflower,
#featurePoint .contBox .illustViolet,
#featurePoint .contBox .illustDandelion {
	position: absolute;
	z-index: 3;
}
#featurePoint .contBox .illustClover {
	top: -30px;
	left: 50%;
	margin-left: -360px;
}
#featurePoint .contBox .illustSunflower {
	top: -30px;
	left: 50%;
	margin-left: 300px;
}
#featurePoint .contBox .illustViolet {
	bottom: 50px;
	left: 50%;
	margin-left: -445px;
}
#featurePoint .contBox .illustDandelion {
	bottom: 50px;
	left: 50%;
	margin-left: 390px;
}

#targetClass {}
#targetClass {
	overflow: hidden;
	position: relative;
	background: #E1FAFF;
	margin: 0px auto;
	padding: 40px 0px 60px;
}
#targetClass h3 {
	display: block;
	position: relative;
	text-align: center;
	width: 960px;
	margin: 0px auto 40px;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
}
#targetClass h3:before,
#targetClass h3:after {
	content: "";
	position: absolute;
	display: block;
	width: 200px;
	height: 30px;
}
#targetClass h3:before {
	top: 0px;
	left: 200px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 200px 30px;
}
#targetClass h3:after {
	top: 0px;
	right: 200px;
	background: url(../img/concept/titleLineR.png) no-repeat left top;
	background-size: 200px 30px;
}
#targetClass .contBox {
	width: 960px;
	margin: 0px auto;
}
#targetClass .contBox .classBox {
	display: block;
	box-sizing: border-box;
	width: 860px;
	margin: 0px auto;
	padding: 30px 30px;
	border: 4px solid #1EBEFF;
	background: #FFF;
	border-radius: 30px;
		text-align: center;
	line-height: 28px;
}
#targetClass .contBox .classBox h4 {
	margin: 0px auto 20px;
}
#targetClass .contBox .classBox ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#targetClass .contBox .classBox ul li {
	display: block;
	box-sizing: border-box;
	margin: 10px 10px;
	background: #FDFBBE;
	border-radius: 30px;
	padding: 10px 20px;
	width: 240px;
}
#targetClass .contBox .classBox ul li figure {
}


/*===============================================
 ほし保育園の紹介　ABOUT
===============================================*/
#about {}
#aboutDraw {}
#aboutDraw .contBox {
	width: 960px;
	margin: 0px auto 60px;
}
#aboutDraw .contBox p {
	margin: 40px auto;
	width: 720px;
	text-align: center;
}
#aboutDraw h3 {
	display: block;
	position: relative;
	text-align: center;
	width: 960px;
	margin: 0px auto 40px;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
}
#aboutDraw h3:before,
#aboutDraw h3:after {
	content: "";
	position: absolute;
	display: block;
	width: 200px;
	height: 30px;
}
#aboutDraw h3:before {
	top: 0px;
	left: 200px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 200px 30px;
}
#aboutDraw h3:after {
	top: 0px;
	right: 200px;
	background: url(../img/concept/titleLineR.png) no-repeat left top;
	background-size: 200px 30px;
}

#aboutDraw .drawBox {}
#aboutDraw ul.drawBox {
	display: block;
	position: relative;
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px 200px 0px;
}
#aboutDraw ul.drawBox li.draw {
	position: static;
	width: 490px;
	margin: 0px auto;
	text-align: center;
}
#aboutDraw ul.drawBox li.draw .illust {
	margin: -50px 0px 40px;
}
#aboutDraw ul.drawBox li.draw .draw2f {
	text-align: right;
}
#aboutDraw ul.drawBox li {}
#aboutDraw ul.drawBox li figure {
	position: relative;
}
#aboutDraw ul.drawBox li figure figcaption {
	display: block;
	position: absolute;
	top: -15px;
	left: 0px;
	background: url(../img/about/nameBg.png) no-repeat center top;
	background-size: 95px 35px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	padding: 5px 0px;
	color: #644741;
}
#aboutDraw ul.drawBox li:nth-child(12) figure figcaption {
	background: url(../img/about/nameBgLong.png) no-repeat center top;
	background-size: 125px 35px;
}
#aboutDraw ul.drawBox li {
	position: absolute;
	width: 185px;
}
#aboutDraw ul.drawBox li:nth-child(2) { /* ほふく室（1列左） */
	top: 0px;
	left: 30px;
}
#aboutDraw ul.drawBox li:nth-child(3) { /* いちご組（2列左） */
	top: 170px;
	left: 0px;
}
#aboutDraw ul.drawBox li:nth-child(4) { /* すみれ組（1列右） */
	top: 0px;
	right: 30px;
}
#aboutDraw ul.drawBox li:nth-child(5) { /* りす組（1列右） */
	top: 170px;
	right: 0px;
}

#aboutDraw ul.drawBox li:nth-child(6) { /* ゆうぎ室（3列右） */
	top: 340px;
	right: 0px;
}
#aboutDraw ul.drawBox li:nth-child(7) { /* ２階（5列4） */
	bottom: 20px;
	right: 65px;
}

#aboutDraw ul.drawBox li:nth-child(8) { /* 正面玄関（3列左） */
	top: 340px;
	left: 0px;
}
#aboutDraw ul.drawBox li:nth-child(9) { /* おどり場（4列左） */
	top: 510px;
	left: 100px;
}
#aboutDraw ul.drawBox li:nth-child(10) { /* 正面玄関（4列右） */
	top: 510px;
	right: 15px;
}
#aboutDraw ul.drawBox li:nth-child(11) { /* グランド（5列3） */
	bottom: 0px;
	left: 50%;
	margin: 0px 0px 0px 15px;
}
#aboutDraw ul.drawBox li:nth-child(12) { /* 駐車スペース（5列1） */
	bottom: 20px;
	left: 65px;
}
#aboutDraw ul.drawBox li:nth-child(13) { /* 正面入口（5列2） */
	bottom: 0px;
	right: 50%;
	margin: 0px 15px 0px 0px;
}


#aboutOutline {
	overflow: hidden;
	position: relative;
	background: #E1FAFF;
	margin: 0px auto;
	padding: 40px 0px 60px;
}
#aboutOutline h3 {}

#aboutOutline .contBox {
	width: 960px;
	margin: 0px auto;
}
#aboutOutline figure {
	overflow: hidden;
	float: right;
	margin: 0px 30px 0px 0px;
	border: 4px solid #1EBEFF;
	border-radius: 30px;
}
#aboutOutline ul {
	margin: 0px 440px 0px 30px;
	font-size: 15px;
	line-height: 36px;
	border-top: 2px dotted #644741;
}
#aboutOutline ul li {
	border-bottom: 2px dotted #644741;
}
#aboutOutline ul li:nth-child(even) {
	background: #CCF5FF;
}
#aboutOutline ul li em {
	display: inline-block;
	float: left;
	font-weight: 700;
	width: 10em;
	padding: 0px 10px;
}

#access {
	overflow: hidden;
	position: relative;
	margin: 0px auto;
	padding: 40px 0px 0px;
}
#access h3 {}

#access .contBox {
	width: 960px;
	margin: 0px auto;
}
#access .accessBox {
	clear: both;
	overflow: hidden;
	margin: 0px auto 60px;
}
#access figure {
	overflow: hidden;
	float: left;
	margin: 0px 50px 20px 30px;
}
#access p {
	font-size: 15px;
	margin: 180px 30px 0px 0px;
}

#access .mapBox {
	clear: both;
	width: 100%;
	margin: 0px auto 0px;
}

/*===============================================
 保育内容　GUIDE
===============================================*/
#about {}
#guideDayflow {
	padding: 30px 0px 40px;
}
#guideDayflow .contBox {
	position: relative;
	width: 960px;
	margin: 0px auto 30px;
	padding: 0px 0px;
}
#guideDayflow .contBox:after {
	display: block;
	clear: both;
	content: "";
	width: 100%;
	height: 0px;
}
#guideDayflow .contBox p {
	margin: 40px auto;
	width: 720px;
}
#guideDayflow h3 {
	display: block;
	position: relative;
	text-align: center;
	width: 100%!important;
	margin: 0px auto 40px;
	font-size: 26px;
	font-weight: 700;
	line-height: 65px;
	background: url(../img/guide/titleBg.png) no-repeat center top;
	background-size: 245px 65px;
}
#guideDayflow .dayBox {
	width: 880px;
	margin: 0px auto;
}

#guideDayflow .contBox dl {
	float: left;
	border-top: 6px dotted #DCC8B4;
	margin: 0px 30px;
}
#guideDayflow .contBox dl.am {
	width: 400px;
}
#guideDayflow .contBox dl.pm {
	width: 360px;
}
#guideDayflow .contBox dl dt {
	display: block;
	position: relative;
	float: left;
	font-size: 16px;
	font-weight: 900;
	padding: 14px 0px;
	text-align: center;
	width: 7em;
	line-height: 22px;
	z-index: 2;
}
#guideDayflow .contBox dl dd {
	display: block;
	position: relative;
	font-size: 16px;
	margin: 0px;
	padding: 14px 0px 14px 7em;
	border-bottom: 6px dotted #DCC8B4;
	line-height: 22px;
}
#guideDayflow .contBox dl.am dd {
	background: #E1FAFF;
}
#guideDayflow .contBox dl.pm dd {
	background: #FDFBBE;
}
#guideDayflow .contBox dl.am dd:nth-child(4n) {
	background: #FDFBBE;
}
#guideDayflow .contBox dl.pm dd:nth-child(4n) {
	background: #E1FAFF;
}
#guideDayflow .contBox dl.am dd figure,
#guideDayflow .contBox dl.pm dd figure {
	position: absolute;
	z-index: 1;
}
#guideDayflow .contBox dl.am dd:nth-child(2) figure {
	top: -20px;
	right: 20px;
}
#guideDayflow .contBox dl.am dd:nth-child(6) figure {
	top: 12px;
	right: 30px;
}
#guideDayflow .contBox dl.am dd:nth-child(8) figure {
	top: 5px;
	right: 10px;
}
#guideDayflow .contBox dl.am dd:nth-child(12) figure {
	top: -30px;
	right: 15px;
}

#guideDayflow .contBox dl.pm dd:nth-child(2) figure {
	top: -25px;
	right: 10px;
}
#guideDayflow .contBox dl.pm dd:nth-child(4) figure {
	top: 2px;
	right: 10px;
}
#guideDayflow .contBox dl.pm dd:nth-child(8) figure {
	top: -10px;
	right: 10px;
}
#guideDayflow .contBox dl.pm dd:nth-child(10) figure {
	bottom: -20px;
	right: 10px;
}
#guideDayflow .contBox dl.pm dd:nth-child(12) figure {
	bottom: -60px;
	right: 25px;
}

#guideTime {}
#guideTime .contBox {
	position: relative;
	width: 960px;
	margin: 0px auto 30px;
	padding: 0px 0px;
}
#guideTime .timeBox {
	box-sizing: border-box;
	width: 860px;
	border: 4px solid #644741;
	border-radius: 30px;
	padding: 20px 0px;
}

#mainBox #guideTime h3.titleLine {
	width: 860px;
	margin: 20px auto 20px;
}
#mainBox #guideTime h3.titleLine:before {
	left: 120px;
}
#mainBox #guideTime h3.titleLine:after {
	right: 120px;
}

#guideTime ul {
	display: flex;
	justify-content: center;
}
#guideTime ul li {
	width: 380px;
	margin: 20px;
}
#guideTime ul li h4 {
	background: url(../img/guide/weekBg.png) no-repeat center top;
	background-size: 380px 40px;
	line-height: 40px;
	color: #FFF;
	padding: 0px 20px 20px;
}
#guideTime ul li h4 span {
	font-size: 14px;
	color: #644741;
	margin: 0px 0px 0px 10px;
}
#guideTime ul li p {
	margin: 0px 20px;
}


#guideEven {
	padding: 30px 0px 40px;
}
#guideEven .contBox {
	position: relative;
	width: 960px;
	margin: 0px auto 30px;
	padding: 0px 0px;
}
#guideEven .eventBox {}
#guideEven h3 {
	display: block;
	clear: both;
	position: relative;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
	background: none;
}
#guideEven h3.titleLine {
	width: 860px;
	margin: 20px auto 40px;
}
#guideEven h3.titleLine:before {
	left: 100px;
}
#guideEven h3.titleLine:after {
	right: 100px;
}

#guideEven .event {
	overflow: hidden;
	box-sizing: border-box;
	border: 6px solid #DCC8B4;
	border-radius: 10px;
	width: 860px;
	margin: 0px auto;
}
#guideEven table {
	border-collapse: collapse;
	width: 848px;
	margin: 0px auto;
}
#guideEven table tr {
	position: relative;
	line-height: 28px;
}
#guideEven table tr:nth-child(1),
#guideEven table tr:nth-child(2),
#guideEven table tr:nth-child(12) {
	background: #FFE6EA;
}
#guideEven table tr:nth-child(3),
#guideEven table tr:nth-child(4),
#guideEven table tr:nth-child(5) {
	background: #CCF5FF;
}
#guideEven table tr:nth-child(6),
#guideEven table tr:nth-child(7),
#guideEven table tr:nth-child(8) {
	background: #FDFBBE;
}
#guideEven table tr:nth-child(9),
#guideEven table tr:nth-child(10),
#guideEven table tr:nth-child(11) {
	background: #E6F0FF;
}
#guideEven table tr:after {
	display: block;
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	left: 0px;
	bottom: -3px;
	border-bottom: 6px dotted #DCC8B4;
	z-index: 2;
}
#guideEven table tr:last-child:after {
	border-bottom: none;
}
#guideEven table tr th,
#guideEven table tr td {
}
#guideEven table tr th {
	width: 150px;
	text-align: center;
	font-size: 24px;
	padding: 26px 0px 25px;
}
#guideEven table tr td {
	position: relative;
	padding: 26px 20px 25px;
	font-size: 21px;
}
#guideEven table tr td em {
	display: inline-block;
	position: relative;
}
#guideEven table tr td em:after {
	position: absolute;
	content: "";
	height: 7px;
	left: -3px;
	bottom: -7px;
}
#guideEven table tr td em.t4:after {
	background: url(../img/guide/underLine4.png) no-repeat center bottom;
	background-size: 95px 7px;
	width: 95px;
}
#guideEven table tr td em.t5:after {
	background: url(../img/guide/underLine5.png) no-repeat center bottom;
	background-size: 115px 7px;
	width: 115px;
}
#guideEven table tr td em.t6:after {
	background: url(../img/guide/underLine6.png) no-repeat center bottom;
	background-size: 135px 7px;
	width: 135px;
}
#guideEven table tr td figure {
	position: absolute;
	z-index: 3;
}
#guideEven table tr:nth-child(1) td figure {
	top: 0px;
	right: 180px;
}
#guideEven table tr:nth-child(2) td figure {
	top: -40px;
	right: 50px;
}
#guideEven table tr:nth-child(3) td figure.left {
	top: -30px;
	right: 280px;
}
#guideEven table tr:nth-child(3) td figure.right {
	top: 5px;
	right: 100px;
}
#guideEven table tr:nth-child(4) td figure {
	top: 5px;
	right: 30px;
}
#guideEven table tr:nth-child(5) td figure {
	top: -10px;
	right: 280px;
}
#guideEven table tr:nth-child(6) td figure {
	top: -20px;
	right: 150px;
}
#guideEven table tr:nth-child(7) td figure {
	top: -10px;
	right: 260px;
}
#guideEven table tr:nth-child(8) td figure {
	top: -50px;
	right: 10px;
}
#guideEven table tr:nth-child(9) td figure.left {
	top: -60px;
	right: 180px;
}
#guideEven table tr:nth-child(9) td figure.right {
	top: 5px;
	right: 20px;
}
#guideEven table tr:nth-child(10) td figure {
	bottom: 5px;
	right: 360px;
}
#guideEven table tr:nth-child(11) td figure {
	bottom: 20px;
	right: 200px;
}
#guideEven table tr:nth-child(12) td figure {
	top: 5px;
	right: 10px;
}
#guideEven .eventBox p.note {
	margin: 10px 0px 20px 80px;
}



/* パンくず */
#b_navi {
	clear: both;
	margin: 0px;
	box-shadow: 0px 2px 5px 0px #f9f9f9 inset;
	background-color: rgba(242,249,234,1.00);
	background-image: url(../img/blog/bgGrass.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: 120px 20px;
/*	border-bottom: 1px solid #f9f9f9;*/
}
#b_navi ul {
	display: block;
	clear: both;
	overflow: hidden;
	width: 900px;
	height: 40px;
	line-height: 40px;
	font-size: 11px;
	margin: 0px auto;
}
#b_navi ul li, #b_navi ul > span {
	float: left;
	max-width: 15em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#b_navi ul a {
	display: block;
	position: relative;
	padding: 0px 2.75em 0px 0px;
	margin-right: 0.5em;
}
#b_navi ul a:after {
	display:block;
	content:"";
	position:absolute;
	border-top: none;
	border-top:2px solid #231815;
	border-right:2px solid #231815;
	width:4px;
	height:4px;
	top: 50%;
	right: 1em;
	margin-top:-3px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}


/*お知らせ・ブログ*/
#blog {}
#blog h3, #blog h3 a {
	font-size: 22px;
}


#blog article#mainBox {
	width: 960px;
	margin: 0px auto;
	display: flex;
}
#blog section#blogArea {
	box-sizing: border-box;
	width:760px;
	margin: 0px auto;
	padding: 0px 50px;
}
#blog section#side {
	width: 200px;
	background: #FDFBBE;
}

/*記事エリア*/
#blog #blogArea .blogBox {
	width: 100%;
}
#blog section#blogArea .blogBox  {
	padding: 50px 0px 50px 0px;
}
#blog section#blogArea .blogBox  h3 {
	position: relative;
	line-height: 30px;
	font-weight: 700;
	padding: 8px 0px 8px 40px;
	margin: 0px 0px;
}
#blog section#blogArea .blogBox  h3:before {
	display: block;
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0px;
	top: 8px;
	background: url(../img/blog/titleMark.png) no-repeat center top;
	background-size: 30px 30px;
	padding: 0px;
	margin:0px;
}
#blog section#blogArea .blogBox  h3:after {
	display: block;
	content: "";
	position: absolute;
	width: 645px;
	height: 6px;
	left: 0px;
	bottom: -3px;
	background: url(../img/blog/titleLine.png) no-repeat left bottom;
	background-size: 645px 6px;
	padding: 0px;
	margin:0px;
}

#blog section#blogArea .blogBox  h3 a {}
#blog section#blogArea .blogBox  span.date {
	display: block;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	width: 6em;
	font-weight: 900;
}

#blog section#blogArea .blogBox  span.cat {
	display: block;
	margin: 0px 10px 0px;
	padding: 10px;
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0;
}
#blog section#blogArea .blogBox  span.cat a {}

#blog #blogArea .blogBox .txt {}
#blog section#blogArea .blogBox  div.txt {
	overflow: hidden;
	font-weight: 300;
	font-size: 16px;
	margin: 0px 0px 20px;
	padding: 20px 10px 20px;
}
#blog section#blogArea .blogBox  div.txt p {
	display: block;
	margin: 10px 0px 20px 0px;
	line-height: 2em;
}
#blog section#blogArea .blogBox  div.txt a {
	display: inline;
}
#blog section#blogArea .blogBox  div.txt img {
	display: block;
	border-radius: 10px;
	border: 4px solid #CCF5FF;
}

#blog #navigation {}


/* ブログサイド */

#blog section#side {
	position: relative;
	box-sizing: border-box;
	padding: 10px 10px 20px 10px;
	margin: 40px 0px 0px 0px;
}
#blog #side figure {
	position: absolute;
	top: -10px;
	right: 5px;
}
#blog #side aside {
	margin: 0px 0px 40px 0px;
}
#blog #side aside h3 {
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 900;
	width: 180px;
	margin: 0px auto 10px;
	line-height: 32px;
	padding: 4px 10px;
	background: url(../img/blog/sideTitleBg.png) no-repeat left top;
	background-size: 180px 40px;
	color: #FFFFFF;
}


/* 新着 */
#blog #side aside#recent-posts-2 {
}
#blog #side aside#recent-posts-2 ul {
	border-top: none;
	padding: 0px 15px;
}
#blog #side aside#recent-posts-2 ul li {
	position: relative;
	border-bottom: none;
	padding: 0px 0px;
	margin: 0px 0px 20px 0px;
}
#blog #side aside#recent-posts-2 ul li a {
	display: block;
	padding: 20px 0px 0px 0px;
	font-size: 15px;
}
#blog #side aside#recent-posts-2 ul li span.post-date {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 900;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
}
#blog #side aside#block-3 {}
#blog #side aside#block-3 ul {
	border-top: none;
	padding: 0px 15px;
}
#blog #side aside#block-3 ul li {
	position: relative;
	border-bottom: none;
	padding: 0px 0px;
	margin: 0px 0px 20px 0px;
}
#blog #side aside#block-3 ul li a {
	display: block;
	padding: 20px 0px 0px 0px;
	font-size: 15px;
}
#blog #side aside#block-3 ul li time {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 12px;
	font-weight: 900;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
}


/*categories*/
aside#categories-2 ul {
	padding: 0px 10px;
}
aside#categories-2 ul li {
	padding: 0px 0px;
}
aside#categories-2 ul li a {
	display: block;
	padding: 10px 0px 10px 0px;
	font-size: 16px;
	font-weight: 700;
}
aside#categories-2 ul li a:before {
	display: block;
	content: "";
	float: left;
	width: 5px;
	height: 5px;
	margin: 7px 10px 0px 0px;
	border-top: 3px solid #644741;
	border-right: 3px solid #644741;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

aside#block-6 ul {
	padding: 0px 10px;
}
aside#block-6 ul li {
	padding: 0px 0px;
}
aside#block-6 ul li a {
	display: block;
	padding: 10px 0px 10px 0px;
	font-size: 16px;
	font-weight: 700;
}
aside#block-6 ul li a:before {
	display: block;
	content: "";
	float: left;
	width: 5px;
	height: 5px;
	margin: 7px 10px 0px 0px;
	border-top: 3px solid #644741;
	border-right: 3px solid #644741;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*archives*/
aside#archives-2  {}
aside#archives-2 label {
	display: none;
	visibility: hidden;
}
aside#archives-2 select {
	width: calc( 100% - 20px );
	border: 2px solid #644741;
	border-radius: 10px;
	margin: 0px 10px;
	padding: 5px 10px;
	font-size: 14px;
}

aside#block-5 {}
aside#block-5 label {
	display: none;
	visibility: hidden;
}
aside#block-5 select {
	width: calc( 100% - 20px );
	border: 2px solid #644741;
	border-radius: 10px;
	margin: 0px 10px;
	padding: 5px 10px;
	font-size: 14px;
}

/* カレンダー */
#blog #side #calendar_wrap {}
#blog #side #calendar_wrap table {
	width: calc( 100% - 10px );
	border-collapse: collapse;
	margin: 0px auto;
	font-size: 14px;
}

#blog #side #calendar_wrap table thead tr th {
}
#blog #side #calendar_wrap table th,
#blog #side #calendar_wrap table td {
	text-align: center;
	line-height: 22px;
	padding: 4px 0px;
}
#blog #side #calendar_wrap table td {
}

#blog #side #calendar_wrap table caption {
	text-align: left;
	margin: 0px 0px 8px 0px;
	font-size: 14px;
}
#blog #side #calendar_wrap table thead {
	background: #644741;
	border-radius: 10px 10px 0px 0px;
}
#blog #side #calendar_wrap table thead th {
	font-size: 12px;
	padding: 0px 0px;
	color: #ffffff;
}
#blog #side #calendar_wrap table tfoot {}
#blog #side #calendar_wrap table tbody {}
#blog #side #calendar_wrap table tbody tr {
	border-bottom: 1px solid #644741;
}
#blog #side #calendar_wrap table tbody td#today {
	display: block;
	background:	#E1FAFF;
	margin: 0px auto;
}
#blog #side #calendar_wrap table tbody td {
	color: #644741;
}
#blog #side #calendar_wrap table tbody a {
	color: #644741;
	font-weight: 700;
	text-decoration: none;
	color: #1EBEFF;
}
#blog #side #calendar_wrap table tbody a:hover {
	color: #FF7D00;
}

#block-9 {}
#blog #side aside#block-9 table {
	width: calc( 100% - 10px );
	border-collapse: collapse;
	margin: 0px auto;
	font-size: 14px;
}

#blog #side aside#block-9 table thead tr th {
}
#blog #side aside#block-9 table th,
#blog #side aside#block-9 table td {
	text-align: center;
	line-height: 22px;
	padding: 4px 0px;
}
#blog #side aside#block-9 table td {
}

#blog #side aside#block-9 table caption {
	text-align: left;
	margin: 0px 0px 8px 0px;
	font-size: 14px;
}
#blog #side aside#block-9 table thead {
	background: #644741!important;
	border-radius: 10px 10px 0px 0px;
}
#blog #side aside#block-9 table thead th {
	font-size: 12px;
	padding: 0px 0px;
	_color: #ffffff;
}
#blog #side aside#block-9 table tfoot {}
#blog #side aside#block-9 table tbody {}
#blog #side aside#block-9 table tbody tr {
	border-bottom: 1px solid #644741!important;
}
#blog #side aside#block-9 table tbody td#today {
	display: block;
	background:	#E1FAFF;
	margin: 0px auto;
}
#blog #side aside#block-9 table tbody td {
	color: #644741!important;
}
#blog #side aside#block-9 table tbody a {
	color: #644741!important;
	font-weight: 700;
	text-decoration: none;
	color: #1EBEFF;
}
#blog #side aside#block-9 table tbody a:hover {
	color: #FF7D00!important;
}

aside#custom_html-2 {}
aside#custom_html-2 a {}
aside figure {}
aside figure figcaption {
	text-align: center;
	margin: 10px auto 0px;
}

aside#custom_html-2 {}
aside#custom_html-2 a {}
aside figure {}
aside figure figcaption {
	text-align: center;
	margin: 10px auto 0px;
}


/* お問い合わせ */
#contact {}
#contactform_area {}

#contactform_area .contBox {
	position: relative;
	width: 960px;
	margin: 0px auto 30px;
}
#contactform_area .timeBox {
	box-sizing: border-box;
	width: 860px;
	border: 4px solid #644741;
	border-radius: 30px;
	padding: 20px 0px;
}

#mainBox #contactform_area h3.titleLine {
	width: 860px;
	margin: 20px auto 60px;
}
#mainBox #contactform_area h3.titleLine:before {
	left: 80px;
}
#mainBox #contactform_area h3.titleLine:after {
	right: 80px;
}

div.contact_box.contBox {}
#contact .contBox {
	padding: 40px 0px 40px 0px;
}
#contactform_area .txt_wrap {
	margin:0px 30px 80px;
	padding: 30px 40px;
	border: 4px solid #DCC8B4;
}
#contactform_area .txt_wrap h3 {
	color: #644741;
	font-size: 24px;
	margin:0px 0px 30px;
	line-height: 36px;
	text-align: center;
}
#contactform_area .txt_wrap p {
	font-size: 15px;
	line-height: 2em;
	margin: 0px 0px 20px 0px;
}
#contactform_area .txt_wrap p em {}
#contactform_area .txt_wrap p a {
	background: #DCC8B4;
	padding: 0px 5px;
	margin: 0px 5px;
}
#contactform_area .txt_wrap p a:hover {
	background: #644741;
	color: #FFFFFF;
	padding: 0px 5px;
	margin: 0px 5px;
}
#contactform_area .txt_wrap p.note {
	padding-left: 1em;
	text-indent: -1em;
	margin: 0px 0px 0px 0px;
}
#contactform_area .txt_wrap p.tel {
	font-size: 16px;
	text-align: center;
	padding: 0px 50px 0px 0px;
	margin: 40px auto 0px;
}
#contactform_area .txt_wrap p.tel em {
	font-size: 26px;
	font-weight: 900;
}


#contactform_area .cont_wrap {
	margin: 0px 30px 20px;
}
#contactform_area .cont_wrap form#mailformpro {
	padding: 0px 0px;
	margin: 0px 0px;
}
#contactform_area .cont_wrap form#mailformpro dl.mailform {
	margin: 0px 40px;
}
#contactform_area .cont_wrap form#mailformpro dl.mailform dt {
	display: block;
	float: left;
	width: 200px;
	clear: both;
	font-size: 14px;
	line-height: 30px;
	padding: 20px 0px;
	text-align: right;
	margin: 0px;
}
#contactform_area .cont_wrap form#mailformpro dl.mailform dd {
	display: block;
	margin: 0px;
	padding: 20px 5px 20px 240px;
	font-size: 14px;
	line-height: 30px !important;
	text-align: left;
}
#contactform_area .cont_wrap form#mailformpro dl.mailform dd ol {}
#contactform_area .cont_wrap form#mailformpro dl.mailform dd > ol > li {
	margin: 0px 0px 10px 0px;
}
#contactform_area .cont_wrap form#mailformpro dl.mailform dd > ol > li > span {
	margin: 0px 15px 0px 0px;
}
#contactform_area dl.mailform dd label .gender,
#contactform_area dl.mailform dd .age,
#contactform_area dl.mailform dd label .end {
	margin: 0px 0px 0px 10px;
}

#contactform_area form#mailformpro .must {
	display: block;
	padding: 2px 5px;
	line-height: 14px;
	margin: 5px 5px 0px 20px;
}

#contactform_area form#mailformpro label {
	border-radius: 3px;
	display: inline-block;
	white-space: nowrap;
	
	padding: 0px 1em;
	margin: 0px 3px;
	line-height: 24px !important;
}

/*入力確認*/
#contactform_area .cont_wrap #mfp_phase_confirm h4 {
	color: #644741;
	font-size: 26px;
	margin:0px 30px 20px;
	line-height: 36px;
}
#contactform_area .cont_wrap #mfp_confirm_table {
	margin: 0px 40px 20px;
	width: calc( 100% - 80px );
}
#contactform_area .cont_wrap #mfp_confirm_table tr {
	line-height: 40px;
}
#contactform_area .cont_wrap #mfp_confirm_table tr th,
#contactform_area .cont_wrap #mfp_confirm_table tr td {
	font-size: 14px;
	font-weight: normal;
	border-top: solid 2px #f3f2f4;
	padding: 10px 10px;
}
#contactform_area div.mfp_buttons {
	clear: both;
	padding: 10px 0px;
	text-align: center;
	margin: 0px auto 40px;
}


/* 送信完了 */
#thanks {}
#contactform_area {}
#thanks .contBox {
	padding: 80px 0px 80px 0px;
}


/* 個人情報保護方針 */
#privacy {}
#privacy h3.titleLine {
	width: 860px;
	margin: 20px auto 60px;
}
#privacy h3.titleLine:before {
	left: 100px;
}
#privacy h3.titleLine:after {
	right: 100px;
}

#privacy #ppArea {
	padding:40px 0px 50px 0px;
}
#privacy #ppArea .ppBox {}
#privacy #ppArea .contBox {
	position: relative;
	width: 960px;
	margin: 0px auto 30px;
	padding: 30px 0px;
}

#privacy #ppArea p,
#privacy #ppArea dl,
#privacy #ppArea ul{
	margin:0px 60px 20px;
}
#privacy #ppArea p {
	margin:0px 60px 40px;
	padding: 0px 10px 0px;
}
#privacy #ppArea dl {
	line-height: 2em;
}
#privacy #ppArea dl dt {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 2px dotted #DCC8B4;
	text-indent: 1em;
	margin-bottom: 10px;
}
#privacy #ppArea dl dd {
	display: block;
	font-size: 16px;
	font-weight: 500;
	margin: 0px 40px 20px;
}
#privacy #ppArea p.sign {
 text-align: right;
	font-size: 16px;
}
#privacy #ppArea p.sign span {
	font-size: 14px;
	margin-right: 0.5em;
}




/* サイトマップ */
#sitemap {}
#sitemap h3.titleLine {
	width: 860px;
	margin: 20px auto 60px;
}
#sitemap h3.titleLine:before {
	left: 120px;
}
#sitemap h3.titleLine:after {
	right: 120px;
}


#sitemapArea {}
#sitemapArea .contBox {
	position: relative;
	width: 960px;
	margin: 0px auto 30px;
	padding: 30px 0px;
}

#sitemap .contBox p,
#sitemap .contBox dl,
#sitemap .contBox ul{
	margin:0px 60px 20px;
}
#sitemap .contBox p {
	margin:0px 30px 40px;
	padding: 0px 40px 0px;
}
#sitemap .contBox dl {
	line-height: 2em;
}
#sitemap .contBox dl dt {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 2px dotted #DCC8B4;
	text-indent: 24px;
	margin-bottom: 10px;
	line-height: 2em;
	color: #644741;
}
#sitemap .contBox dl dt a {
	display: block;
	position: relative;
	color: #644741;
	font-weight: 700;
}
#sitemap .contBox dl dt a:hover,
#sitemap .contBox dl dd.product > ul > li a:hover {
	background: #e8e6e9;
}
#sitemap .contBox dl dt a:after {
	display: block;
	content: "";
	position: absolute;
	border-top: 2px solid #644741;
	border-right: 2px solid #644741;
	width: 6px;
	height: 6px;
	top: 50%;
	left: 0px;
	margin: -4px 0px 0px 5px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#sitemap .contBox dl dd {
	display: block;
	margin: 0px 40px 20px;
	font-size: 16px;
	font-weight: 500;
	color: #644741;
}
#sitemap .contBox dl dt.down {
	display: block;
	position: relative;
	color: #644741;
}
#sitemap .contBox dl dt.down:after {
	display: block;
	content: "";
	position: absolute;
	border-bottom: 2px solid #644741;
	border-right: 2px solid #644741;
	width: 6px;
	height: 6px;
	top: 50%;
	left: 0px;
	margin: -4px 0px 0px 5px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#sitemap .contBox dl dd.product > ul {
	margin: 0px 0px;
}
#sitemap .contBox dl dd.product > ul > li {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 2em;
	text-indent: 24px;
}
#sitemap .contBox dl dd.product > ul > li a {
	display: block;
	position: relative;
	color: #685e64;
}
#sitemap .contBox dl dd.product > ul > li a:after {
	display: block;
	content: "";
	position: absolute;
	border-top: 2px solid #685e64;
	border-right: 2px solid #685e64;
	width: 6px;
	height: 6px;
	top: 50%;
	left: 0px;
	margin: -4px 0px 0px 5px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}


#sitmap .contBox p.sign {
 text-align: right;
	font-size: 16px;
}

}


/* ------------------------------------------------------------
   complaint.html
------------------------------------------------------------ */
#complaint {}

/* 苦情申出窓口 */

#complaint h3.titleLine {
	margin: 40px auto 60px;
	text-align: center;
	font-weight: 900;
}
#complaint h3.titleLine:before,
#complaint h3.titleLine:after {
	display: none;
}

#complaint #complaintArea {
	width: 960px;
	margin: 0px auto 0px;
}
#complaint #complaintArea .contBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0px auto 30px;
	padding: 30px 100px;
}

#complaint #complaintArea .contBox .unit {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
	text-indent: 1em;
	margin: 0 auto 40px;
	padding: 0 20px;
}
#complaint #complaintArea .contBox .unit p {}

#complaint #complaintArea .contBox .desk {
	text-align: center;
	margin: 0 auto 40px;
	border-top: 2px solid #644741;
	border-bottom: 2px solid #644741;
	width: 100%;
}
#complaint #complaintArea .contBox .desk dl {
	display: inline-block;
	text-align: left;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.6;
	margin: 32px auto 12px;
}
#complaint #complaintArea .contBox .desk dl dt,
#complaint #complaintArea .contBox .desk dl dd {
}
#complaint #complaintArea .contBox .desk dl dt {
	font-size: 24px;
	margin: 0 auto;
}
#complaint #complaintArea .contBox .desk dl dd {
	font-size: 20px;
	padding-left: 3em;
	margin: 0 auto 1.0em;
}


#complaint #complaintArea .contBox .way {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
	margin: 0 auto 40px;
	padding: 0 40px;
}
#complaint #complaintArea .contBox .way h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 1em;
}
#complaint #complaintArea .contBox .way dl {}
#complaint #complaintArea .contBox .way dl dt {}
#complaint #complaintArea .contBox .way dl dd {
	margin-bottom: 2em;
}
#complaint #complaintArea .contBox .way dl dd ul {
	padding-left: 0.5em;
	margin-bottom: 1em;
}
#complaint #complaintArea .contBox .way .box p {
	margin-bottom: 2em;
}

#complaint #contactArea {
	width: 840px;
	margin: 0px auto 80px;
	padding: 0 0 20px 0;
	text-align: center;
}
#complaint #contactArea .contBox {}
#complaint #contactArea .contBox .box {}
#complaint #contactArea .contBox .box h3.titleLine {
	width: 100%;
	margin: 0px auto 20px;
	text-align: center;
	font-weight: 900;
	padding: 0.5em 0;
	background: #644741;
	color: #fff;
}
#complaint #contactArea .contBox .box p {
	font-size: 20px;
}
#complaint #contactArea .contBox .box .tel {
	display: inline-block;
	font-size: 32px;
	font-weight: 900;
	border-bottom: 2px solid #644741;
	margin-bottom: 0.25em;
	padding: 0 2em;
}
#complaint #contactArea .contBox .box .tel em {
	font-size: 54px;
	font-weight: 900;
}
#complaint #contactArea .contBox .box .tel .fax {
	font-size: 20px;
	font-weight: 700;
}
#complaint #contactArea .contBox .box .time {
	display: block;
	margin: 0 auto 20px;
}
#complaint #contactArea .contBox .box .btn {
	margin: 0 auto;
}
#complaint #contactArea .contBox .box .btn a {
	display: inline-block;
	padding: .75em 2.5em;
	background: #19D2FF;
	border-radius: 12px;
	font-size: 24px;
	font-weight: 900;
	color: #fff;
}

/* ------------------------------------------------------------
   recruit.html
------------------------------------------------------------ */
/* 採用情報 */
#recruit {}

#recruit #recruitArea {
	width: 960px;
	margin: 0px auto 0px;
	padding: 20px 0;
}
#recruitArea .contBox {
	margin: 0px auto 30px;
	padding: 30px 0px;
}

#recruitArea .concept {
	text-align: center;
}
#recruitArea .concept h2 {
	margin: 0 auto 30px;
}
#recruitArea .concept h3 {
	margin: 0 auto 30px;
}
#recruitArea .concept .unit {}
#recruitArea .concept .unit p {
	margin: 0 auto 1em;
}

#recruitArea .point {}
#recruitArea .point h3 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	font-size: 27px;
	text-align: center;
	margin: 0 auto 50px;
}
#recruitArea .point h3 img {
	margin: 0 auto 7px;
}
#recruitArea .point ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#recruitArea .point ul li {
	display: block;
	overflow: hidden;
	width: calc( 300px - 8px );
	border: 4px solid #644741;
	border-radius: 30px;
	margin: 15px;
	padding: 0 0 10px 0;
}
#recruitArea .point ul li:nth-of-type(1) {
	margin-left: 0;
}
#recruitArea .point ul li:nth-last-of-type(1) {
	margin-right: 0;
}
#recruitArea .point ul li figure {
	margin-bottom: 20px;
}
#recruitArea .point ul li figure img {
	width: 100%;
	height: auto;
}
#recruitArea .point ul li h4 {
	text-align: center;
}
#recruitArea .point ul li p {
	font-size: 14px;
	line-height: 1.8em;
	margin: 12px;
}

#interviewArea {
	width: 960px;
	margin: 0px auto 0px;
	padding: 20px 0;
}
#interviewArea .contBox {
	margin: 0px auto 30px;
	padding: 30px 0px;
}

#interviewArea .contBox h3 {}
#interviewArea .contBox h3.titleLine:before {
	top: 0px;
	left: 180px;
}
#interviewArea .contBox h3.titleLine:after {
	top: 0px;
	right: 180px;
}
#interviewArea .contBox ul.interview {}
#interviewArea .contBox ul.interview li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border: 4px solid #644741;
	border-radius: 30px;
	padding: 40px 60px 20px 60px;
	margin: 0px auto 50px;
}
#interviewArea .contBox ul.interview li .box {
	width: calc( 100% - 200px );
}
#interviewArea .contBox ul.interview li .box p.name {
	font-size: 20px;
	font-weight: 900;
	margin: 0 0 1em 0;
}
#interviewArea .contBox ul.interview li .box dl {}
#interviewArea .contBox ul.interview li .box dl dt {
	margin-bottom: 0.5em;
}
#interviewArea .contBox ul.interview li .box dl dt span {
	font-size: 16px;
	font-weight: 900;
}
#interviewArea .contBox ul.interview li .box dl dd {
	margin: 0 0 1em 0;
}
#interviewArea .contBox ul.interview li .box dl dd span {
	display: inline-block;
	font-size: 15px;
	width: calc( 100% - 30px );
}
#interviewArea .contBox ul.interview li .box dl dt em,
#interviewArea .contBox ul.interview li .box dl dd em {
	display: inline-block;
	font-size: 20px;
	font-weight: 900;
	line-height: 1em;
	margin-right: 0.5em;
}
#interviewArea .contBox ul.interview li .box dl dd em {
	vertical-align: top;
}
#interviewArea .contBox ul.interview li figure {
	margin: 0 0 0 20px;
}
#interviewArea .contBox ul.interview li:nth-of-type(1) .box {
	order: 2;
}
#interviewArea .contBox ul.interview li:nth-of-type(1) figure {
	order: 1;
	margin: 0 20px 0 0;
}

#guidelineArea {
	width: 960px;
	margin: 0px auto 0px;
	padding: 20px 0;
}
#guidelineArea .contBox {
	margin: 0px auto 30px;
	padding: 30px 0px;
}
#guidelineArea .contBox h3 {}
#guidelineArea .contBox dl {
	margin: 0 auto 60px;
	width: 780px;
}
#guidelineArea .contBox dl dt {
	background: #28C3FF;
	font-size: 21px;
	padding: 0.45em;
	text-align: center;
	color: #fff;
}
#guidelineArea .contBox dl dd {
	display: flex;
	flex-wrap: wrap;
	padding: 0.75em;
	margin: 0;
	border-bottom: 2px solid #F4ECE6;
}
#guidelineArea .contBox dl dd em {
	width: 5em;
	padding: 0 2em;
}
#guidelineArea .contBox dl dd span {}

#noteArea {
	width:100%;
	margin: 0px auto 0px;
	padding: 60px 0 30px 0;
	background: #E1FAFF;
}
#noteArea h2 {
	font-size: 27px;
	text-align: center;
	margin: 0 auto 30px;
}
#noteArea .contBox {
	margin: 0px auto 30px;
	padding:40px 0px;
	width: 780px;
	border: 4px solid #644741;
	border-radius: 30px;
	background: #fff;
	text-align: center;
}
#noteArea .contBox dl {
	display: inline-block;
	margin: 0 auto;
	line-height: 1.6;
}
#noteArea .contBox dl dt {
	margin: 0 auto;
}
#noteArea .contBox dl dd {
	margin: 0 auto;
}

#recruit #contactArea {
	width: 840px;
	margin: 0px auto 80px;
	padding: 80px 0 20px 0;
	text-align: center;
}
#recruit #contactArea .contBox {
	border: 4px solid #644741;
}
#recruit #contactArea .contBox .box {}
#recruit #contactArea .contBox .box h3 {
	width: 100%;
	margin: 0px auto 20px;
	text-align: center;
	font-size: 27px;
	font-weight: 900;
	padding: 0.5em 0;
	background: #644741;
	color: #fff;
}
#recruit #contactArea .contBox .box p {
	font-size: 20px;
}
#recruit #contactArea .contBox .box .tel {
	display: inline-block;
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 0.25em;
	padding: 0 2em;
}
#recruit #contactArea .contBox .box .tel em {
	font-size: 54px;
	font-weight: 900;
}
#recruit #contactArea .contBox .box .tel .manager {
	font-size: 20px;
	font-weight: 700;
	margin-left: 0.5em;
}