@charset "UTF-8";
/* ==========================================================================
PAGE
文字濃茶　：#644741
文字オレンジ：#FF7D00
水色　　　：#28C3FF
メイン背景：#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"; }
.gf-quicksand { font-family: 'Quicksand', sans-serif; }

/*===============================================
 レスポンシブ スマホサイズ 横幅 740px以下
===============================================*/
@media screen and (max-width: 740px) {

/* ページタイトル */
#titleArea {
	overflow: hidden;
	position: relative;
	background: #E1FAFF;
	margin: 0px auto 0px;
	padding: 0px 0px;
}
#titleArea h2 {
	position: relative;
	width: 100%;
	margin: 20px auto 0px;
	z-index: 2;
	text-align: center;
	font-size: 1.8rem;
	line-height: 30px;
	padding: 60px 10px 10px;
}
#titleArea h2 span {
	display: block;
	width: 100%;
	font-size: .9rem;
	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: -42px;
	right: -20px;
	width: 100px;
	z-index: 1;
}
#titleArea .bgCloudL,
#titleArea .bgCloudR {
	position: absolute;
	width: 120px;
	bottom: 0px;
}
#titleArea .bgCloudL {
	left: -30px;
}
#titleArea .bgCloudR {
	right: -30px;
}
#titleArea .bgSun img,
#titleArea .bgCloudL img,
#titleArea .bgCloudR img {
	width: 100%;
	height: auto;
}

#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: 100%;
	margin: 0px auto 20px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 30px;
	background: none;
}
#mainBox h3.titleLine:before,
#mainBox h3.titleLine:after {
	content: "";
	position: absolute;
	display: block;
	overflow: hidden;
	width: 120px;
	height: 18px;
	z-index: 2;
}
#mainBox h3.titleLine:before {
	top: 6px;
	left: 20px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 120px 18px;
}
#mainBox h3.titleLine:after {
	top: 6px;
	right: 20px;
	background: url(../img/concept/titleLineR.png) no-repeat right top;
	background-size: 120px 18px;
}

/*===============================================
 ほし保育園とは　CONCEPT
===============================================*/
#concept {}
#conceptTop {
	padding: 30px 0px 40px;
}
#conceptTop .contBox {
	position: relative;
	width: 100%;
	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;
	width: calc( 5em + 40px );
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 20px;
	padding: 25px 0px 15px;
	margin: 0px auto 20px;
	border: 4px solid #644741;
	border-radius: 20px;
}
#conceptTop .ideaBox h3 {
	background: #FFFF00;
}
#conceptTop .policyBox h3 {
	background: #80ECFF;
}
#conceptTop .contBox h3 ruby {}
#conceptTop .contBox h3 ruby rt {
	font-size: .8rem;
	padding: 0px 0.5em;
}
#conceptTop .contBox h3 ruby rb {
	letter-spacing: 0em;
	font-weight: 700;
}

#conceptTop .contBox p {
	display: block;
	width: calc( 100% - 40px );
	margin: 0px auto;
}
#conceptTop .ideaBox p {
	float: left;
	width: calc( 100% - 180px );
	margin: 20px 20px 0px 20px;
}
#conceptTop .policyBox p {
}
#conceptTop .contBox p em {
	display: block;
	font-size: 1.8rem;
	font-weight: 900;
	margin: 0px 0px 5px -0.5em;
}
#conceptTop .contBox figure {
	display: block;
	position: relative;
	float: left;
	width: 120px;
	height: 120px;
	padding: 3px;
	margin: 60px 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: 120px;
	width: 120px;
	height: 120px;
}
#conceptTop .contBox figure img {
	display: block;
	overflow: hidden;
	border-radius: 10px;
	width: 100%;
	height: auto;
}
#conceptTop .contBox figure figcaption {
	font-size: 1.2rem;
	font-weight: 900;
	text-align: center;
	padding: 10px 0px 0px 0px;
}
#conceptTop .contBox figure a {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 120px;
	height: 120px;
	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: 80px;
	right: 0px;
	background: url(../img/concept/boxBalloon.png) no-repeat center top;
	background-size: 195px 90px;
	font-size: 1.2rem;
	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: 1.5rem;
	font-weight: 700;
	text-indent: 0em;
}


#targetPoint {}
#targetPoint {
	overflow: hidden;
	position: relative;
	background: #E1FAFF;
	margin: 0px auto;
	padding: 30px 0px 20px;
}
#targetPoint h3 {
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0px auto 20px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 30px;
	background: none;
}
#targetPoint h3:before,
#targetPoint h3:after {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 18px;
	z-index: 2;
}
#targetPoint h3:before {
	top: 6px;
	left: 20px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 120px 18px;
}
#targetPoint h3:after {
	top: 6px;
	right: 20px;
	background: url(../img/concept/titleLineR.png) no-repeat left top;
	background-size: 120px 18px;
}

#targetPoint .bgSun {
	position: absolute;
	top: -40px;
	right: 0px;
	width: 100px;
	height: 100px;
	z-index: 1;
}
#targetPoint .bgCloudL {
	position: absolute;
	bottom: 0px;
	left: -60px;
	width: 232px;
}
#targetPoint .bgCloudR {
	position: absolute;
	bottom: 0px;
	right: -60px;
	width: 232px;
}
#targetPoint .bgSun img,
#targetPoint .bgCloudL img,
#targetPoint .bgCloudR img {
	width: 100%;
	height: auto;
}
#targetPoint .contBox {
	position: relative;
}

#targetPoint ul {
	width: 100%;
	max-width: 540px;
	margin: 0px auto 0px;
	display: flex;
	justify-content: center;
}
#targetPoint ul li {
	display: block;
	box-sizing: border-box;
	width: calc( 100% / 3 );
	height: 210px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 900;
	color: #FFF;
	padding: 80px 0px 0px 0px;
	margin: 0px 0px;
}
#targetPoint ul li:nth-child(1) {
	background: url(../img/concept/target01.png) no-repeat center top;
	background-size: 168px;
}
#targetPoint ul li:nth-child(2) {
	background: url(../img/concept/target02.png) no-repeat center top;
	background-size: 168px;
}
#targetPoint ul li:nth-child(3) {
	background: url(../img/concept/target03.png) no-repeat center top;
	background-size: 168px;
}

#featurePoint {
	position: relative;
	background: #C0E398;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
#featurePoint:before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	top: -20px;
	left: 0px;
	background: url(../img/home/bgGrass.png) repeat-x center bottom;
	background-size: 120px 20px;
	z-index: 2;
}
#featurePoint:after {
	display: block;
	content: "";
	clear: both;
	width: 100%;
	height: 0px;
}
#featurePoint .contBox {
	display: block;
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 60px;
	text-align: center;
}
#featurePoint .contBox h3 {
	width: 200px;
	height: 104px;
	margin: 0px auto 10px;
	background: url(../img/concept/titleFeature.png) no-repeat center top;
	background-size: 200px 104px;
	z-index: 3;
	padding: 30px 0px 0px;
	font-size: 2rem;
}
#featurePoint .contBox h4 {
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0px auto 15px;
	line-height: 1.5em;
	width: calc( 100% - 40px );
	max-width: 540px;
}
#featurePoint .contBox p {
	display: block;
	box-sizing: border-box;
	width: calc( 100% - 20px );
	max-width: 540px;
	margin: 0px auto;
	padding: 10px 20px;
	border: 4px solid #1EBEFF;
	background: #FFF;
	border-radius: 30px;
	text-align: left;
	line-height: 1.5em;
}
#featurePoint .contBox .illustClover,
#featurePoint .contBox .illustSunflower,
#featurePoint .contBox .illustViolet,
#featurePoint .contBox .illustDandelion {
	position: absolute;
	z-index: 3;
}
#featurePoint .contBox .illustClover {
	top: -30px;
	left: 10px;
}
#featurePoint .contBox .illustSunflower {
	top: -30px;
	right: 10px;
}
#featurePoint .contBox .illustViolet {
	bottom: 20px;
	left: 0px;
}
#featurePoint .contBox .illustDandelion {
	bottom: 20px;
	right: 0px;
}

#targetClass {}
#targetClass {
	overflow: hidden;
	position: relative;
	background: #E1FAFF;
	margin: 0px auto;
	padding: 20px 0px 20px;
}

#targetClass h3 {
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0px auto 20px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 30px;
	background: none;
}
#targetClass h3:before,
#targetClass h3:after {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 18px;
	z-index: 2;
}
#targetClass h3:before {
	top: 6px;
	left: 20px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 120px 18px;
}
#targetClass h3:after {
	top: 6px;
	right: 20px;
	background: url(../img/concept/titleLineR.png) no-repeat left top;
	background-size: 120px 18px;
}

#targetClass .contBox {
	width: 100%;
	margin: 0px auto;
}
#targetClass .contBox .classBox {
	display: block;
	box-sizing: border-box;
	width: calc( 100% - 20px );
	margin: 0px auto;
	padding: 20px 10px;
	border: 4px solid #1EBEFF;
	background: #FFF;
	border-radius: 30px;
	text-align: center;
	line-height: 28px;
}
#targetClass .contBox .classBox h4 {
	margin: 0px auto 10px;
}
#targetClass .contBox .classBox ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0px;
	margin: 0px auto;
}
#targetClass .contBox .classBox ul li {
	display: block;
	box-sizing: border-box;
	margin: 5px 4px;
	background: #FDFBBE;
	border-radius: 30px;
	padding: 10px 0px;
	width: calc( 100% / 3 - 10px );
}
#targetClass .contBox .classBox ul li figure {
}


/*===============================================
 ほし保育園の紹介　ABOUT
===============================================*/
#about {}
#aboutDraw {}
#aboutDraw .contBox {
	width: 100%;
	margin: 0px auto 20px;
}
#aboutDraw .contBox p {
	margin: 30px auto;
	width: calc( 100% - 40px );
}

#aboutDraw h3 {
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0px auto 20px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 30px;
	background: none;
}
#aboutDraw h3:before,
#aboutDraw h3:after {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 18px;
	z-index: 2;
}
#aboutDraw h3:before {
	top: 6px;
	left: 20px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 120px 18px;
}
#aboutDraw h3:after {
	top: 6px;
	right: 20px;
	background: url(../img/concept/titleLineR.png) no-repeat left top;
	background-size: 120px 18px;
}

#aboutDraw .drawBox {}
#aboutDraw ul.drawBox {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	box-sizing: border-box;
	width: calc( 100% - 30px );
	margin: 0px 15px;
	padding: 0px 0px 0px 0px;
}
#aboutDraw ul.drawBox li.draw {
	position: static;
	width: calc( 100% - 0px );
	max-width: 100%;
	margin: 0px auto;
	text-align: center;
}
#aboutDraw ul.drawBox li.draw .draw1f {
	max-width: 490px;
	margin: 0px auto 0px;
}
#aboutDraw ul.drawBox li.draw .illust {
	margin: -20px auto 20px;
	max-width: 490px;
}
#aboutDraw ul.drawBox li.draw .draw2f {
	text-align: right;
	max-width: 490px;
	margin: 0px auto 40px;
}
#aboutDraw ul.drawBox li.draw img {
	width: 100%;
	height: auto;
}
#aboutDraw ul.drawBox li.draw .draw2f img {
	width: calc( 100% * 0.75 );
}

#aboutDraw ul.drawBox li {
	margin: 5px 5px 20px 5px;
}
#aboutDraw ul.drawBox li figure {
	position: relative;
}
#aboutDraw ul.drawBox li figure img {
	width: 100%;
	height: auto;
}
#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: 76px 28px;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 900;
	padding: 0px 0px;
	color: #644741;
}
#aboutDraw ul.drawBox li:nth-child(12) figure figcaption {
	background: url(../img/about/nameBgLong.png) no-repeat center top;
	background-size: 100px 28px;
}


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

#aboutOutline .contBox {
	width: 100%;
	margin: 0px auto;
}
#aboutOutline figure {
	overflow: hidden;
	margin: 0px auto 20px;
	border: 4px solid #1EBEFF;
	border-radius: 30px;
	width: calc( 100% - 30px );
	max-width: 360px;
}
#aboutOutline figure img {
	width: 100%;
	height: auto;
}
#aboutOutline ul {
	margin: 0px auto;
	font-size: 1.4rem;
	line-height: 16px;
	border-top: 2px dotted #644741;
	max-width: 480px;
}
#aboutOutline ul li {
	border-bottom: 2px dotted #644741;
	padding: 10px 0px;
	overflow: hidden;
}
#aboutOutline ul li:nth-child(even) {
	background: #CCF5FF;
}
#aboutOutline ul li em {
	display: inline-block;
	float: left;
	font-weight: 700;
	width: calc( 6em + 20px );
	padding: 0px 10px;
}

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

#access .contBox {
	width: 100%;
	margin: 0px auto;
}
#access .accessBox {
	clear: both;
	overflow: hidden;
	margin: 0px auto 20px;
}
#access figure {
	overflow: hidden;
	margin: 0px auto 20px;
	max-width: 540px;
}
#access figure img {
	width: 100%;
	height: auto;
}
#access p {
	font-size: 1.4rem;
	margin: 20px auto 0px;
	width: calc( 100% - 60px );
	max-width: 540px;
}

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

/*===============================================
 保育内容　GUIDE
===============================================*/
#about {}
#guideDayflow {
	padding: 30px 0px 40px;
}
#guideDayflow .contBox {
	position: relative;
	width: 100%;
	margin: 0px auto 30px;
	padding: 0px 0px;
}
#guideDayflow .contBox:after {
	display: block;
	clear: both;
	content: "";
	width: 100%;
	height: 0px;
}
#guideDayflow .contBox p {
	margin: 20px auto;
	width: calc( 100% - 40px );
	max-width: 480px;
}
#guideDayflow h3 {
	display: block;
	position: relative;
	text-align: center;
	width: 100%!important;
	margin: 0px auto 20px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 52px;
	background: url(../img/guide/titleBg.png) no-repeat center top;
	background-size: 196px 52px;
}
#guideDayflow .dayBox {
	width: 100%;
	margin: 0px auto;
}
#guideDayflow h3.titleLine {
	margin: 0px auto 40px;
}
#guideDayflow .contBox dl {
	margin: 0px auto;
	width: 100%;
	max-width: 540px;
}
#guideDayflow .contBox dl.am {
	border-top: 6px dotted #DCC8B4;
}
#guideDayflow .contBox dl.pm {}
#guideDayflow .contBox dl dt {
	display: block;
	position: relative;
	float: left;
	font-size: 1.4rem;
	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: 1.4rem;
	margin: 0px;
	padding: 14px 0px 14px 7em;
	border-bottom: 6px dotted #DCC8B4;
	line-height: 22px;
	background: #E1FAFF;
}
#guideDayflow .contBox dl dd:nth-child(4n) {
	background: #FDFBBE;
}
#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: 100%;
	margin: 0px auto 30px;
	padding: 0px 0px;
}
#guideTime .timeBox {
	box-sizing: border-box;
	width: calc( 100% - 20px );
	max-width: 540px;
	border: 4px solid #644741;
	border-radius: 30px;
	padding: 20px 0px;
	margin: 0px auto 20px;
}
#guideTime h3 {
	margin: 0px auto 0px;
}
#guideTime h3.titleLine:before,
#guideTime h3.titleLine:after {
	width: 90px;
}

#guideTime ul {
}
#guideTime ul li {
	width: calc( 100% - 10px );
	max-width: 380px;
	margin: 10px auto;
}
#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 0px;
	margin: 0px auto 10px;
	border-radius: 10px;
}
#guideTime ul li h4 span {
	font-size: 1.2rem;
	color: #644741;
	margin: 0px 0px 0px 10px;
}
#guideTime ul li p {
	margin: 0px 20px 10px;
}


#guideEven {
	padding: 20px 0px 20px;
}
#guideEven .contBox {
	position: relative;
	width: 100%;
	margin: 0px auto 30px;
	padding: 0px 0px;
}
#guideEven .eventBox {}

#guideEven h3.titleLine:before,
#guideEven h3.titleLine:after {
	width: 90px;
}

#guideEven .event {
	overflow: hidden;
	box-sizing: border-box;
	border: 6px solid #DCC8B4;
	border-radius: 10px;
	width: calc( 100% - 30px );
	max-width: 540px;
	margin: 0px auto;
}
#guideEven table {
	border-collapse: collapse;
	width: calc( 100% - 0px );
	margin: 0px auto;
}
#guideEven table tr {
	position: relative;
	line-height: 28px;
	border-bottom: 2px solid #DCC8B4;
}
#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:last-child {
	border-bottom: none;
}
#guideEven table tr th,
#guideEven table tr td {
}
#guideEven table tr th {
	width: 3em;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 900;
	padding: 10px 0px 10px;
}
#guideEven table tr td {
	position: relative;
	padding: 10px 10px 10px 10px;
	font-size: 1.6rem;
}
#guideEven table tr td em {
	display: inline-block;
	position: relative;
}
#guideEven table tr td em:after {
	position: absolute;
	content: "";
	height: 7px;
	left: -3px;
	bottom: -2px;
}
#guideEven table tr td em.t4:after {
	background: url(../img/guide/underLine4.png) no-repeat center bottom;
	background-size: 76px 5px;
	width: 76px;
}
#guideEven table tr td em.t5:after {
	background: url(../img/guide/underLine5.png) no-repeat center bottom;
	background-size: 92px 5px;
	width: 92px;
}
#guideEven table tr td em.t6:after {
	background: url(../img/guide/underLine6.png) no-repeat center bottom;
	background-size: 108px 5px;
	width: 108px;
}
#guideEven table tr td figure {
	position: absolute;
	z-index: 3;
}
#guideEven table tr td figure img {
	width: 100%;
	height: auto;
}

#guideEven table tr:nth-child(1) td figure {
	top: 0px;
	right: 5px;
	width: calc( 130px / 2 );
}
#guideEven table tr:nth-child(2) td figure {
	top: -5px;
	right: 25px;
	width: calc( 80px / 2 );
}
#guideEven table tr:nth-child(3) td figure.left {
	top: -10px;
	right: 90px;
	width: calc( 60px / 2 );
}
#guideEven table tr:nth-child(3) td figure.right {
	top: 5px;
	right: 10px;
	width: calc( 110px / 2 );
}
#guideEven table tr:nth-child(4) td figure {
	top: 5px;
	right: 0px;
	width: calc( 80px / 2 );
}
#guideEven table tr:nth-child(5) td figure {
	top: -10px;
	right: 100px;
	width: calc( 116px / 2 );
}
#guideEven table tr:nth-child(6) td figure {
	top: -20px;
	right: 0px;
	width: calc( 120px / 2 );
}
#guideEven table tr:nth-child(7) td figure {
	top: -10px;
	right: 0px;
	width: calc( 120px / 2 );
}
#guideEven table tr:nth-child(8) td figure {
	top: -40px;
	right: 80px;
	width: calc( 190px / 2 );
}
#guideEven table tr:nth-child(9) td figure.left {
	top: -30px;
	right: 0px;
	width: calc( 130px / 2 );
}
#guideEven table tr:nth-child(9) td figure.right {
	bottom: -20px;
	right: 90px;
	width: calc( 80px / 2 );
}
#guideEven table tr:nth-child(10) td figure {
	bottom: -10px;
	right: 20px;
	width: calc( 130px / 2 );
}
#guideEven table tr:nth-child(11) td figure {
	bottom: 5px;
	right: 90px;
	width: calc( 130px / 2 );
}
#guideEven table tr:nth-child(12) td figure {
	bottom: 10px;
	right: 20px;
	width: calc( 110px / 2 );
}
#guideEven .eventBox p.note {
	margin: 10px auto 20px;
	width: calc( 100% - 40px );
	max-width: 540px;
}


}
/*===============================================
 レスポンシブ スマホサイズ 横幅 740px以下
	ABOUT > 写真
===============================================*/
@media screen and (max-width: 740px) {
#aboutDraw ul.drawBox li {
	width: calc( 100% / 4 - 10px );
	max-width: 185px;
}
}
/*===============================================
 レスポンシブ スマホサイズ 横幅 597px以下
	ABOUT > 写真
===============================================*/
@media screen and (max-width: 597px) {
#aboutDraw ul.drawBox li {
	width: calc( 100% / 3 - 10px );
	max-width: 185px;
}
}

/*===============================================
 レスポンシブ スマホサイズ 横幅 740px以下
===============================================*/
@media screen and (max-width: 740px) {

/* パンくず */
#b_navi {
	clear: both;
 width: 100%;
	margin: 0px auto;
	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: 96px 16px;
/*	border-bottom: 1px solid #f9f9f9;*/
}

#b_navi ul {
	display: block;
	clear: both;
	overflow: hidden;
	font-size: 1.2rem;
	margin: 0px auto;
	padding: 5px 10px;
}
#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 {
	padding: 0px 0px 0px 0px;
}
#blog h3, #blog h3 a {
	font-size: 2rem;
}

#blog article#mainBox {
	width: 100%;
	margin: 0px auto;
}
#blog section#blogArea {
	box-sizing: border-box;
	width:100%;
	margin: 0px auto;
	padding: 0px 0px;
}

/*記事エリア*/
#blog #blogArea .blogBox {
	width: 100%;
}
#blog section#blogArea .blogBox  {
	padding: 0px 10px 0px 10px;
}
#blog section#blogArea .blogBox h3 {
	position: relative;
	line-height: 30px;
	font-weight: 700;
	padding: 5px 0px 5px 26px;
	margin: 0px auto;
}
#blog section#blogArea .blogBox h3:before {
	display: block;
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	left: 0px;
	top: 10px;
	background: url(../img/blog/titleMark.png) no-repeat center top;
	background-size: 24px 24px;
	padding: 0px;
	margin: 0px;
}
#blog section#blogArea .blogBox  h3:after {
	display: block;
	content: "";
	position: absolute;
	width: calc( 100% - 0px );
	max-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 auto;
}

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

#blog section#blogArea .blogBox  span.cat {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
	text-align: right;
	font-size: 1.1rem;
	line-height: 2.2em;
	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: 1.6rem;
	margin: 0px 0px 20px;
	padding: 10px 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;
	clear: both;
	float: none !important;
	width: calc( 100% - 0px );
	height: auto;
	margin: 10px 0px !important;
}

#blog #navigation {
	width: 100%;
}



/* ブログサイド */

#blog section#side {
	position: relative;
	box-sizing: border-box;
	margin: 40px 0px 0px 0px;
	padding: 20px 10px 20px 10px;
	width: 100%;
	background: #FDFBBE;
}
#blog #side {}
#blog #side figure {
	position: absolute;
	top: -10px;
	right: 5px;
}

#blog #side aside {
	margin: 0px auto 20px;
}
#blog #side aside h3 {
	box-sizing: border-box;
	font-size: 1.6rem;
	font-weight: 900;
	margin: 0px auto 10px;
	line-height: 32px;
	padding: 4px 10px;
	background: #1EBEFF;
	color: #FFFFFF;
	border-radius: 10px;
}


/* 新着 */
#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 10px 0px;
}
#blog #side aside#recent-posts-2 ul li a {
	display: block;
	padding: 20px 0px 0px 0px;
	font-size: 1.5rem;
}
#blog #side aside#recent-posts-2 ul li span.post-date {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 20px;
	padding: 0px 5px 0px 0px;
}

#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 10px 0px;
}
#blog #side aside#block-3 ul li a {
	display: block;
	padding: 20px 0px 0px 0px;
	font-size: 1.5rem;
}
#blog #side aside#block-3 ul li time {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 1.1rem;
	font-weight: 900;
	line-height: 20px;
	padding: 0px 5px 0px 0px;
}

/*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% - 40px );
	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% - 40px );
	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% - 20px );
	border-collapse: collapse;
	margin: 20px auto;
	font-size: 1.4rem;
}

#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: 2em;
	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: 1.4rem;
}
#blog #side #calendar_wrap table thead {
	background: #644741;
	border-radius: 10px 10px 0px 0px;
}
#blog #side #calendar_wrap table thead th {
	font-size: 1rem;
	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!important;
	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% - 20px );
	border-collapse: collapse;
	margin: 20px auto;
	font-size: 1.4rem;
}

#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: 2em;
	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: 1.4rem;
}
#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: 1rem;
	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!important;
	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 {
		text-align: center;
		margin: 10px auto;
}
aside figure figcaption {
	text-align: center;
	margin: 10px auto 0px;
}




/*===============================================
 お問い合わせ　CONTACT
===============================================*/
#contact {}
#contactform_area {}
#contactform_area .contBox {
	position: relative;
	width: 100%;
	margin: 0px auto 30px;
	padding: 20px 0px 20px 0px;
}
#mainBox #contactform_area h3 {
	margin: 0px auto 20px;
}
#mainBox #contactform_area h3.titleLine:before,
#mainBox #contactform_area h3.titleLine:after {
	width: 50px;
}

#contactform_area .txt_wrap {
	margin: 0px 20px 40px;
	padding: 15px 20px;
	border: 4px solid #DCC8B4;
	border-radius: 10px;
}
#contactform_area .txt_wrap h3 {
	color: #644741;
	font-size: 2rem;
	margin: 0px 0px 30px;
	line-height: 1.5em;
	text-align: center;
}


#contactform_area .txt_wrap p {
	font-size: 1.4rem;
	line-height: 1.8em;
	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: 1.6rem;
	text-align: center;
	padding: 0px 50px 0px 0px;
	margin: 40px auto 0px;
}
#contactform_area .txt_wrap p.tel em {
	font-size: 2.4rem;
	font-weight: 900;
}

#contactform_area .cont_wrap {
	margin: 0px 0px 20px;
}

#contactform_area .cont_wrap form#mailformpro dl.mailform dt,
#contactform_area .cont_wrap form#mailformpro dl.mailform dd {
	font-size: 1.6rem!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 .content {
	padding: 20px 0px 20px 0px;
}



/* 個人情報保護方針 */
#privacy {}
#privacy h3 {}
#privacy h3.titleLine {
	margin: 20px auto 20px;
}
#privacy h3.titleLine:before,
#privacy h3.titleLine:after {
	width: 80px;
}
#privacy #ppArea {
	padding: 0px 0px 0px 0px;
}
#privacy #ppArea .ppBox {}
#privacy #ppArea .contBox {
	position: relative;
	width: 100%;
	margin: 0px auto 0px;
	padding: 30px 0px;
}
#privacy #ppArea p,
#privacy #ppArea dl,
#privacy #ppArea ul {
	margin:0px 20px 20px;
}
#privacy #ppArea p {
	margin:0px 20px 40px;
	padding: 0px 10px 0px;
}
#privacy #ppArea dl {
	line-height: 2em;
}
#privacy #ppArea dl dt {
	font-size: 1.5rem;
	font-weight: 700;
	border-bottom: 2px dotted #DCC8B4;
	text-indent: 1em;
	margin-bottom: 10px;
}
#privacy #ppArea dl dd {
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0px 20px 20px;
}
#privacy #ppArea p.sign {
 text-align: right;
	font-size: 1.5rem;
}
#privacy #ppArea p.sign span {
	font-size: 1.4rem;
	margin-right: 0.5em;
}



/* サイトマップ */
#sitemap {}
#sitemap h3.titleLine {
	margin: 20px auto 20px;
}
#sitemap h3.titleLine:before,
#sitemap h3.titleLine:after {
	width: 100px;
}

#sitemapArea {}
#sitemapArea .contBox {
	position: relative;
	margin: 0px auto 0px;
	padding: 20px 0px;
}
#sitemap .contBox p,
#sitemap .contBox dl,
#sitemap .contBox ul{
	margin:0px 20px 20px;
}
#sitemap .contBox p {
	margin:0px 20px 40px;
	padding: 0px 10px 0px;
}
#sitemap .contBox dl {
	line-height: 2em;
}
#sitemap .contBox dl dt {
	font-size: 1.5rem;
	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 20px 20px;
	font-size: 1.6rem;
	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: 1.5rem;
	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: 1.6rem;
}

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

/* 苦情申出窓口 */

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

#complaint #complaintArea {
	width: 96vw;
	margin: 0 auto 0;
	padding: 1rem 0rem 1rem 0rem;
}
#complaint #complaintArea .contBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0px auto 0px;
	padding: 20px 0px;
}

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

#complaint #complaintArea .contBox .desk {
	text-align: center;
	margin: 0 auto 20px;
	border-top: 2px solid #644741;
	border-bottom: 2px solid #644741;
	width: 96%;
}
#complaint #complaintArea .contBox .desk dl {
	display: inline-block;
	text-align: left;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.6;
	margin: 10px auto 5px;
}
#complaint #complaintArea .contBox .desk dl dt,
#complaint #complaintArea .contBox .desk dl dd {
}
#complaint #complaintArea .contBox .desk dl dt {
	font-size: 1.8rem;
	margin: 0 auto;
}
#complaint #complaintArea .contBox .desk dl dd {
	font-size: 1.4rem;
	padding-left: 1em;
	margin: 0 auto 1.0em;
}

#complaint #complaintArea .contBox .way {
	text-align: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	margin: 0 auto 10px;
	padding: 0 10px;
}
#complaint #complaintArea .contBox .way h4 {
	font-size: 1.8rem;
	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: 100%;
	margin: 0px auto 20px;
	padding: 0 0 10px 0;
	text-align: center;
}
#complaint #contactArea .contBox {}
#complaint #contactArea .contBox .box {}
#complaint #contactArea .contBox .box h3.titleLine {
	width: 100%;
	margin: 0px auto 10px;
	text-align: center;
	font-weight: 900;
	padding: 0.5em 0;
	background: #644741;
	color: #fff;
}
#complaint #contactArea .contBox .box p {
	font-size: 1.6rem;
}
#complaint #contactArea .contBox .box .tel {
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 900;
	border-bottom: 2px solid #644741;
	margin-bottom: 0.25em;
	padding: 0 0.5em;
	letter-spacing: -0.05em;
	width: 100%;
}
#complaint #contactArea .contBox .box .tel em {
	font-size: 3.2rem;
	font-weight: 900;
}
#complaint #contactArea .contBox .box .tel .fax {
	font-size: 1.5rem;
	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: 2rem;
	font-weight: 900;
	color: #fff;
}



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

#recruit #recruitArea {
	width: 100%;
	margin: 0px auto 0px;
	padding: 20px 0;
}
#recruitArea .contBox {
	margin: 0px auto 0px;
	padding: 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;
	width: calc( 100% - 40px );
	text-align: left;
}
#recruitArea .concept .unit p br {
	display: none;
}

#recruitArea .point {}
#recruitArea .point h3 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	font-size: 2.4rem;
	text-align: center;
	margin: 0 auto 20px;
}
#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( 100% - 20px );
	max-width: 340px;
	border: 4px solid #644741;
	border-radius: 30px;
	margin: 0 0 15px 0;
	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: 1.4rem;
	line-height: 1.8em;
	margin: 12px;
}

#interviewArea {
	width: 100%;
	margin: 0px auto 0px;
	padding: 20px 0 0 0;
}
#interviewArea .contBox {
	margin: 0px auto 0px;
	padding: 0px 0px;
}

#interviewArea .contBox h3 {}
#interviewArea .contBox h3.titleLine:before,
#interviewArea .contBox h3.titleLine:after {
	content: "";
	position: absolute;
	display: block;
	overflow: hidden;
	width: 100px;
	height: 15px;
	z-index: 2;
}
#interviewArea .contBox h3.titleLine:before {
	top: 6px;
	left: 20px;
	background: url(../img/concept/titleLineL.png) no-repeat left top;
	background-size: 100px 15px;
}
#interviewArea .contBox h3.titleLine:after {
	top: 6px;
	right: 20px;
	background: url(../img/concept/titleLineR.png) no-repeat right top;
	background-size: 100px 15px;
}

#interviewArea .contBox ul.interview {
	width: 90%;
	margin: 0 auto;
}
#interviewArea .contBox ul.interview li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border: 4px solid #644741;
	border-radius: 30px;
	padding: 20px 10px 20px 20px;
	margin: 0px auto 20px;
}
#interviewArea .contBox ul.interview li .box {
	width: calc( 100% - 0px );
}
#interviewArea .contBox ul.interview li .box p.name {
	font-size: 2rem;
	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: 1.6rem;
	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: 1.5rem;
	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: 2rem;
	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: 1;
}
#interviewArea .contBox ul.interview li:nth-of-type(1) figure {
	order: 2;
	margin: 0 20px 0 0;
}

#guidelineArea {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0;
}
#guidelineArea .contBox {
	margin: 0px auto 0px;
	padding: 40px 0px 0px 0px;
}
#guidelineArea .contBox h3 {}
#guidelineArea .contBox dl {
	margin: 0 auto 60px;
	width: 100%;
}
#guidelineArea .contBox dl dt {
	background: #28C3FF;
	font-size: 2.1rem;
	padding: 0.45em;
	text-align: center;
	color: #fff;
	font-weight: 900;
}
#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: 100%;
	padding: 0 10px 0.5em;
	font-weight: 900;
}
#guidelineArea .contBox dl dd span {
	padding: 0 10px;
}

#noteArea {
	width:100%;
	margin: 0px auto 0px;
	padding: 30px 0 30px 0;
	background: #E1FAFF;
}
#noteArea h2 {
	font-size: 2.4rem;
	text-align: center;
	margin: 0 auto 20px;
}
#noteArea .contBox {
	margin: 0px auto 0px;
	padding:20px 0px;
	width: 96%;
	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: 96%;
	margin: 0px auto 0px;
	padding: 20px 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 10px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 900;
	padding: 0.5em 0;
	background: #644741;
	color: #fff;
}
#recruit #contactArea .contBox .box p {
	font-size: 1.8rem;
}
#recruit #contactArea .contBox .box .tel {
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 900;
	margin-bottom: 0.25em;
	padding: 0;
}
#recruit #contactArea .contBox .box .tel em {
	font-size: 3.2rem;
	font-weight: 900;
}
#recruit #contactArea .contBox .box .tel .manager {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 auto;
}




}