@charset "UTF-8";
/*
Theme Name: ABCesthetic
Theme URI: https://esthetic.abc-57.com
Author: Advertising studio work
Author URI: https://work1989.com/
*/


/*tab /sp-y */
@media screen and (min-width: 481px) {}
/* pc/tab-y */
@media screen and (min-width: 769px) {}
/* pc-large */
@media screen and (min-width: 1280px) {}


.sp-only{display:block;}
.sp-only-in{display:inline;}
.pc-only{display:none;}
.pc-only-in{display:none;}
/* pc/tab-y */
@media screen and (min-width: 769px) {
	.sp-only{display:none;}
	.sp-only-in{display:none;}
	.pc-only{display:block;}
	.pc-only-in{display:inline;}
	.sp_br{display: none;}
}


.img-fluid{max-width:100%; height:auto;} 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

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

* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ol, ul {list-style: none;}


blockquote, q {quotes:none;}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
	cursor:pointer;
}
/*
a[target="_blank"]::after{
	font-family: "Font Awesome 5 Free";
	content: '\f360';
	font-size: 105%;
	font-weight: 900;
	margin: 0 3px;
	}
	*/

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
	text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse:collapse;
	border-spacing:0;
	
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
	display:block;
	height:1px;
	border:0;  
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
	vertical-align:middle;
}

/*画像を縦に並べた時に余白が出ないように*/
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}










/*====================================
	
	----------------------------------
	
	----------------------------------
	
	====================================*/
.wf-loading { visibility: hidden;}
.wf-active { visibility: visible;}
.dis-block{display:block;}
p{padding:0; margin:0;}
a{color:#222222; text-decoration:none;}
a:hover{color:#44af35; text-decoration:none;}
.link-underline{text-decoration:underline; color:#44af35;}
.sp-none{display:none;}
@media screen and (min-width: 768px) {.sp-none{display:block;}}

html { font-size: 62.5%; }
body {
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	position:relative;
	line-height: 1.6;
	font-size: 1.6rem !important;
	word-wrap: break-word;
	color: #111111;
	background-color: #ffffff;
	font-feature-settings: "palt";
}



.table-layout dl{
	width: 100%;
	overflow: hidden;
}
.table-layout dt{
	width: 30%;
	float: left;
	padding: 10px;
	
}
.table-layout dd{
	margin-left: 30%;
	padding: 10px;
	
}
.table-layout dd:after{
	display: block;
	content: "";
	clear: both;
}
@media screen and (max-width: 320px) {
	
	.table-layout dl{
		border: 1px solid #ccc;
		border-top: none;
		background: #f1f1f1;
	}
	
	.table-layout dt{
		width: 100%;
		float: none;
		border-top: 1px solid #d1d1d1;
		box-sizing: border-box;
	}
	.table-layout dd{
		margin-left: auto;
		border-left: none;
		border-left: 1px solid #d1d1d1;
		border-top: 1px solid #d1d1d1;
		background: #fff;
	}
}





li{list-style:none;}
h1,h2{margin:0; padding:0;}
h1 { font-size: 1.8rem; color: #000c15;}
h2 {font-size: 24px; font-size: 2.4rem; color: #000c15;}
h3 {font-size: 20px; font-size: 2.0rem; color: #000c15;}
h4 {font-size: 18px; font-size: 1.8rem; color: #000c15;}
h5 {font-size: 16px; font-size: 1.6rem; color: #000c15;}
h6 {font-size: 14px; font-size: 1.4rem; color: #000c15;}

.inner{max-width:1200px;  margin:0 auto;}

.postttl{margin-bottom:30px;}
.c-ttl{	font-size: 40px; font-weight: 600; /*font-family: 'Raleway', sans-serif;*/ line-height:1.0em; text-align:center; color:#333333; position: relative; margin-bottom: 1.8em;}
.c-ttl span{display:block; font-size:1.8rem; color:#44af35; font-weight: 600; margin-bottom:30px;}



.c-ttl:before {
	content: '';
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 60px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
	border-radius: 2px;
}


.gaibu::after{
	content:""; 
	margin-left:10px;
	font-family: "Font Awesome 5 Free";
	content: "\f35d";
	vertical-align: middle;
	font-size:12px;
	font-weight: 900;
	color:#ffffff;
}

.i_contact::after{
	content:""; margin-left:10px;
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	vertical-align: middle;
}




/*====================================
	
	----------------------------------
	z-index
	
	----------------------------------
	
	====================================*/

.post-box{z-index:0; }
.global-header{z-index:999889;}
.global-header .navMENU .nav-menu-inner{z-index:999888;}
.fullnav{z-index:999996;}
.header{z-index:999995;}
.toggle_nav{z-index:999997;}
.left-copyright{z-index: 99;}
.right-copyright{z-index: 999999;}
.goshop{z-index:999999;}
#is-loading{z-index: 999998; }
#loading{z-index: 999999;}

.top-video{z-index:899999;}

.top-video-overlay, .top-video-overlay-sp{z-index:1;}
.top-main-ttl{z-index:5; }
.top-section{ z-index:999988;}
.front-mainnav ul{z-index:999999;}

.top-main-nav ul{z-index:999999;}
.top-main-sns{z-index:999999;}
.l-copy{z-index:20;}
.service-section-bana-ttl-wrap{z-index:3;}
.top-ticker-wrap{z-index:999999;}
#example{z-index:999999; color:red; background:blue;}
.header-container-corporate{z-index:999999;}
/*====================================
	
	----------------------------------
	btn
	----------------------------------
	
	====================================*/

.external-link:after {
	margin: 0 3px;
	font-family: "Font Awesome 5 Free";
	vertical-align: middle;
	content: '\f35d';
	font-size:80%;
	color:#666666;
}

.cate-top-btn-area{margin-bottom:40px;}


.btn-0 {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 60px;
	max-width: 270px;
	margin: 1rem auto;
	border-top: 2px solid #9ec34b;
	border-right: 2px solid #9ec34b;
	border-bottom: 2px solid #44af35;
	border-left: 2px solid #44af35;
	line-height:60px;
	color:#44af35;
	
}


.btn-0:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #9ec34b;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	box-sizing: border-box;
	transition: 0.3s ease-in-out;
	color: #ffffff;
	z-index: -1;
}
.btn-0:hover {color: #ffffff;}
.btn-0:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: -1;
	
}





.btn-box {
	display: inline-block;
	position:relative;
	width: 280px;
	text-align: center;
	font-size: 16px;
	color: #44af35;
	text-decoration: none;
	font-weight: 400;
	padding: 12px 24px;
	border-top: 2px solid #9ec34b;
	border-right: 2px solid #9ec34b;
	border-bottom: 2px solid #44af35;
	border-left: 2px solid #44af35;
	/*border: 1px solid #333333;*/
	transition: .4s;
}

.btn-box:hover {
	border: 1px solid transparent;
	color: #44af35;
	
}

.btn-box:before, .btn-box:after {
	width: 100%;
	height: 100%;
	/*z-index: 3;*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	transform: scale(0);
	transition: .2s;
}

.btn-box:before {
	border-bottom: 2px solid #44af35;
	border-left: 2px solid #44af35;
	transform-origin: 100% 0%;
}

.btn-box:after {
	border-top: 2px solid #9ec34b;
	border-right: 2px solid #9ec34b;
	transform-origin: 0% 100%;
}





.btn-more{
	text-align:center;
	margin-top:20px;
	max-width:200px;
	text-decoration: none;
	font-weight: 400;
	padding: 8px 20px;
	position: relative;
	border-top: 2px solid #9ec34b;
	border-right: 2px solid #9ec34b;
	border-bottom: 2px solid #44af35;
	border-left: 2px solid #44af35;
	transition: .4s;
}




.btn-more-s-wrap{text-align:center; margin-bottom:20px;}
.btn-more-s{
	display:inline-block;
	text-align:center;
	margin-top:10px;
	max-width:220px;
	
	font-size:14px;
	text-decoration: none;
	font-weight: 400;
	padding: 8px 60px;
	position: relative;
	border-top: 2px solid #9ec34b;
	border-right: 2px solid #9ec34b;
	border-bottom: 2px solid #44af35;
	border-left: 2px solid #44af35;
	transition: .4s;
}

.btn-more , .btn-more-s a{color:#44af35;}


@media screen and (min-width: 768px)  {
	.btn-more-s{display:block;}
}

.btn-center-green{
	background:#44af35;
	color:#ffffff;
padding:20px 80px;}
.btn-center{margin:0 auto; text-align:center;}


.btn-wrap button {
	background: none;
	border: 0;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 1em 4em;
	box-shadow: inset 0 0 0 2px #44af35;
	color: #44af35;
	font-size: inherit;
	font-weight: 600;
	position: relative;
	vertical-align: middle;
	margin-bottom:10px;
}
button::before, button::after {
	box-sizing: inherit;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	
}

.draw {
	transition: color 0.25s;
	
}
.draw::before, .draw::after {
	border: 2px solid transparent;
	width: 0;
	height: 0;
	border-radius: 10px;
}
.draw::before {
	top: 0;
	left: 0;
}
.draw::after {
	bottom: 0;
	right: 0;
}
.draw:hover {
	color: #9ec34b;
}
.draw:hover::before, .draw:hover::after {
	width: 100%;
	height: 100%;
}

.draw:hover::before {
	border-top-color: #9ec34b;
	border-right-color: #9ec34b;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
	border-bottom-color: #9ec34b;
	border-left-color: #9ec34b;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.meet:hover {
	color: #9ec34b;
}
.meet::after {
	top: 0;
	left: 0;
}
.meet:hover::before {
	border-top-color: #9ec34b;
	border-right-color: #9ec34b;
}
.meet:hover::after {
	border-bottom-color: #9ec34b;
	border-left-color: #9ec34b;
	transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}

.buttons {
	isolation: isolate;
}




.btn-border {
	display: inline-block;
	max-width: 260px;
	min-width:180px;
	text-align: left;
	border: 2px solid #44af35;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	padding: 8px 16px;
	border-radius: 4px;
	transition: .4s;
	background:#44af35;
	text-align:center;
	margin-bottom:10px;
}

.btn-border-s {
	display: inline-block;
	max-width: 260px;
	min-width:100px;
	text-align: left;
	border: 2px solid #44af35;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	padding: 8px 25px;
	border-radius: 4px;
	transition: .4s;
	background:#44af35;
	text-align:center;
	margin-bottom:10px;
}

.btn-border:hover , .btn-border-s:hover {
	background-color: #ffffff;
	border-color: #44af35;
	color: #44af35;
}


@media screen and (min-width: 768px)  {
	.btn-border-s {min-width:140px;}
}



/*====================================
	
	----------------------------------
		パンくず
	----------------------------------
	
	====================================*/
.breadcrumbs {color:#349844; font-weight:800;}
.breadcrumbs span {font-size:1.4rem; color:#222; font-weight:normal; padding:0 5px;}
.breadcrumbs span:first-child{padding:0 0px;}

/*====================================
	
	----------------------------------
		GOOGLE MAP
	----------------------------------
	
	====================================*/
.ggmap {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.ggmap iframe, .ggmap object, .ggmap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*====================================
	
	----------------------------------
		post
	----------------------------------
	
	====================================*/
.post-box{margin-bottom:40px; position:relative;}
.post-cate{position:absolute; top:0; left:0; min-width:90px; max-width:150px; text-align:center; padding:2px 10px; font-size:1.2rem; }
.post-single-cate{min-width:90px;  max-width:150px; text-align:center; padding:2px 10px; font-size:1.2rem;}

.news_common > .post-cate{background:#5d973e; }
.news_sports > .post-cate{background:#00a78d;}
.news_beauty > .post-cate{background:#de5042;}
.news_wholesale > .post-cate{background:#112e3f;}
.news_esthetic > .post-cate{background:#4db199;}
.news_family > .post-cate{background:#e7aa48; }


.news_common > .post-single-cate{background:#5d973e; }
.news_sports > .post-single-cate{background:#00a78d;}
.news_beauty > .post-single-cate{background:#de5042;}
.news_wholesale > .post-single-cate{background:#112e3f;}
.news_esthetic > .post-single-cate{background:#4db199;}
.news_family > .post-single-cate{background:#e7aa48; }



.post-single-cate_wrap{margin-bottom:20px; font-size:1.4rem;}
.post-single-cate_wrap time{margin-left:10px;}
.post-cate a , .post-single-cate a{color:#ffffff;}


.post-thumb img{margin-bottom:5px;}
.post-cate-day-area{}
.post-day{font-size:1.2rem; color:#000000;}
.post-ttl{font-size:1.4rem;}
.post-con{font-size:1.4rem; text-decoration:underline;}
.single_txt {line-height:2.2em;}
.shop_cate{min-width:90px; max-width:150px; text-align:center; padding:2px 10px; font-size:1.2rem;}
.shop_cate_wrap a{color:#ffffff;}
.shop_common > .shop_cate{background:#5d973e; }
.shop_sports > a > .shop_cate{background:#00a78d;}
.shop_beauty > a >.shop_cate{background:#de5042;}
.shop_wholesale > a > .shop_cate{background:#112e3f;}
.shop_esthetic > a > .shop_cate{background:#4db199;}
.shop_family > a >.shop_cate{background:#e7aa48; }



/*.post-next-prev{margin-top:30px; margin-bottom:60px;  position:relative; width:100%; min-height:40px;}
.post-page{margin-bottom:100px;}
.post-prev a , .post-next a{border:2px solid #22252c; padding:10px 40px; color:#22252c;}
.post-prev a:hover , .post-next a:hover{color:#ffffff; background:#22252c}
.post-prev{position:absolute; bottom:0; left:0;}
.post-next{position:absolute; bottom:0; right:0;}
*/



/* Arrows */
.prev-next-link{margin-top:100px;}
.prev-next-link a {
	border-bottom: 1px #ddd solid;
	display: block;
	text-decoration: none;
	padding: 14px 40px;
	color: #0bd;
}
.prev-next-link a:hover {
	background-color: #f6f6f6;
}
.prev-next-link a:first-child {
	border-top: 1px #ddd solid;
}
.prev-next-label {
	font-size: 1.4rem;
	color: #000;
	margin-bottom: 10px;
}

/* Arrows */
.prev-link {
	background: url(http://www.webcreatorbox.com/sample/images/arrow-prev.svg) no-repeat 10px center;
}
.next-link {
	background: url(http://www.webcreatorbox.com/sample/images/arrow-next.svg) no-repeat right 10px center;
}
.prev-link,
.next-link {
	background-size: 16px 28px;
}

/* Images */
.thumb-wrap {
	display: flex;
}
.thumb-wrap p {
	margin: 0 0 0 16px;
}
.thumb-wrap img {
	width: 80px;
	height: 100%;
}

/* Larger devices */
@media ( min-width: 600px) {
	.prev-next-link {
		display: flex;
	}
	.prev-next-link a {
		flex: 1;
	}
	.prev-next-link a,
	.prev-next-link a:first-child {
		border: none;
	}
	.next-link {
		text-align: right;
	}
}
.single-wrap{font-size:1.6rem; margin-bottom:30px;}
.single-wrap h1 {
	font-size:2.4rem;
	padding:0 0 10px 0;
	border-bottom: solid 2px #d1d1d1;
	position: relative;
	margin-bottom:10px;
}

.single-wrap h1:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #44af35;
	bottom: -2px;
	width: 10%;
}
.single-wrap img{margin:0 0 20px 0;}

/*====================================
	
	----------------------------------
		side
	----------------------------------
	
	=====================================*/
.sidebar{}
.side-menu{border-top:1px solid #d1d1d1; padding:20px 0;}
.side-ttl{font-size:2.0rem; letter-spacing:0.6rem; font-weight:500; line-height:2.0rem; margin-bottom:10px;}
.side-menu ul li{padding:0 0 0 10px;}
.side-menu ul li a{line-height:1.6rem;}

.side-bana{margin-bottom:200px;}




/*====================================
	
	----------------------------------
		FOOTER
	----------------------------------
	
	====================================*/

footer{background:#f8f7f3; color:#707070; padding:20px 0 0 0; font-size:1.5rem;}
footer .f-con{text-align:center;}

footer .f-contents{display:flex; justify-content: space-between; text-align:left; }
footer .f-contents .f-logoarea{width:30%;}
footer .f-contents .f-logoarea .f-add{margin-bottom:10px;}
.f-add span{display:block;}
.f-logo-wrap{/*text-align:center;*/}

.map_wrap{max-width:1200px; display:flex; justify-content:space-between; margin:0 auto;}
.map_wrap div{width:50%;}



.f-btn{
	width:70%;
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #ffffff;
	border: solid 1px #ffffff;
	border-radius: 2px;
	transition: .4s;
	text-align:center;
}

.f-btn:hover {
	background: #ffffff;
	color: white;
}
.f-logo-sub{display:flex;}
.f-logo-sub a{color:#707070;}


.footer-menu01 , .footer-menu02{background:#ffffff; border-top:1px solid #eeeeee; text-align:center; padding:20px 0;}


.footer-bottom{ text-align:center; background:#e2a3a8; padding:20px;}

.copy{/*padding:40px 0; color:#555555; font-size:16px; margin-top:80px;*/text-align:center; color:#ffffff;}


/*====================================
	
	----------------------------------
		Contact form
	----------------------------------
	
	====================================*/
/*====================================
	
	----------------------------------
	CONTACT
	----------------------------------
	
	=====================================*/
.contact-table-wrap{/*padding-left:80px;*/ padding:0 30px;}
.must {	color:red;}


/*******************************
* フォームの設定
********************************/
.table-contactform{
	max-width:980px;
	min-width:300px;
	margin:0 auto;
}
.table-contactform th{width:30%; vertical-align:top; }
.table-contactform td{width:70%;}

@media (max-width: 768px) {
	.table-contactform tr, th, td{
		display: block;
		max-width: 100%;
	}
}
.contct-subttl{text-align:center; margin-bottom:30px; padding:0 30px;}
.contct-attention{ padding:20px 60px; border-top:1px solid #f1f1f1; border-bottom:1px solid #e1e1e1; margin-bottom:60px; letter-spacing:0.1rem; line-height:1.6rem; font-size:1.0rem; margin-top:60px;}
/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	width: 100%;
	padding: 8px 10px;
	margin-right: 0px;
	margin-top: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

/* 送信ボタン */
input.sub-btn{
	display: inline-block;
	max-width: 260px;
	min-width:180px;
	text-align: left;
	border: 2px solid #44af35;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	padding: 8px 16px;
	border-radius: 4px;
	transition: .4s;
	background:#44af35;
	text-align:center;
	margin-bottom:10px;
	margin-top:30px;
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background-color: #ffffff;
	border-color: #44af35;
	color: #44af35;
}

/* 送信ボタン中央寄せ */
.contact-btn {text-align:center; }

/*
.kona-st0{fill:#1B489D;}
.kona-st1{fill:#E60012;}
.kona-st2{fill:#507936;}
*/



/*====================================
	
	----------------------------------
	TOP
	----------------------------------
	
	====================================*/

.img_wrap{
	border: 1px solid #ddd;
	width: 100%;
	height:auto;
	max-height:240px;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
}
.img_wrap img{width: 100%; transition-duration: 0.6s;}
.img_wrap:hover img{transform: scale(1.1); transition-duration: 0.6s;}


.top-service-ttl span {
	position: relative;
	display: block;
	padding: 0 0 0 25px;
	font-size: 15px;
	font-weight:300;
	font-family: "Untitled-Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, sans-serif;
	line-height: 2.8;
}

.top-service-ttl span:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 15px;
	height:1px;
	padding-top: 1px;
	background: #349844;
}



.top-first{position:relative; background:#ffffff; padding:30px 0;}
.top-first-cover{
	position:absolute; left: 0;
	right: 0;
	margin: auto;
	background:#ffffff; 
	max-width:980px;
	min-height:600px;
	padding:80px 50px 40px;;
	z-index:1;
	text-align:center;
}

.top-first-cover h1{font-size:1.8rem; margin-bottom:40px; letter-spacing:0.3rem; line-height:2.6rem;}
.top-first-cover h1 span{font-size:1.2rem; display:block;}
.top-first-cover-text{font-size:1.6rem; margin-bottom:30px;}
.top-service{position:relative;}
.slick-area{z-index:0;}



.secBox{margin: 0 auto 50px; max-width: 1420px; background:#ffffff; margin-top:800px; color:red;}
.textBox .title {
	margin-bottom: 27px;
	font-size: 50px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	line-height: 1;
	letter-spacing: 2px;
	margin-top:20%;
	color:#222222;
}

.textBox .ttl {
	margin-bottom: 25px;
	font-size: 19px;
	line-height: 1.76;
	font-weight: bold;
	/*font-family: "游明朝","Yu Mincho","游明朝体","YuMincho",serif;*/
	letter-spacing: 6px;
}

.secBox .textBox .ttl span {
	color: #44af35;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.imgBoxL {
	margin-bottom: 100px;
}
.imgBoxL .photoBox {
	overflow: hidden;
}

.imgBoxL .photoBox,
.imgBoxR .textBox {
	float: none;
}

.imgBoxR .photoBox,
.imgBoxL .textBox {
	float: none;
}

.secBox .imgBoxL {
	margin-bottom: 140px;
	position: relative;
}

.secBox .photoBox {
	width: 100%;
	position: relative;
	overflow: hidden;
}




.textBox {
	padding: 0 2% 3.1%;
	width: 32.4%;
	box-sizing: border-box;
	display: table;
}

.textBox > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.textBox > div > div {
	display: inline-block;
	text-align: left;
	max-width: 330px;
}



.secBox .imgBoxL .photoBox span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: url(img/top01.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
}

.secBox .imgBoxR .photoBox span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: url(img/top02.jpg);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
}

.secBox .imgBoxL .photoBox {
	margin-bottom: 0;
	padding-top: 36.6%;
}

.secBox .imgBoxR {
	position: relative;
	margin-bottom: 100px;
}

.secBox .imgBoxR .photoBox {
	margin-bottom: 0;
	padding-top: 36.6%;
}


@media screen and (min-width: 768px)  {
	.imgBoxL .photoBox,
	.imgBoxR .textBox {
		float: left;
	}
	
	.imgBoxR .photoBox,
	.imgBoxL .textBox {
		float: right;
	}
	
	.secBox .photoBox {
		width: 67.6%;
	}
	
}

.comLink {
	margin: 33px 14px 0;
	width: 114px;
	position: relative;
}

.comLink a {
	padding: 7px 0 8px;
	text-align: center;
	display: block;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	background-color: #44af35;
	transition: all .3s;
	-webkit-transition: all .3s;
	color:#ffffff;
}

.comLink a:hover {
	color: #AE9B4F;
	background: transparent;
}

.comLink a .arrow {
	display: inline-block;
	position: absolute;
	left: -12px;
	top: 12px;
}



/*====================================
	
	----------------------------------
		PAGE
	----------------------------------
	
	====================================*/
.container-fluid{padding:0;}
.fc_page_container{width:980px; margin:0 auto; padding-bottom:30px;}

/* page-ttl-area */
.page-ttl-area {
}
.page-visual {
}
.page-ttl-set {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	margin-top: -40px;
	padding: 27px 60px 0 40px;
	border-top: 2px solid #44af35;
	background-color: #fff;
	z-index: 100;
}
.sports .page-ttl-set{
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	margin-top: -40px;
	padding: 27px 60px 0 20px;
	border-top: 2px solid #44af35;
	background-color: #fff;
	z-index: 100;
	
}

.page-ttl-set .jpn {
	display: block;
	margin-bottom: 4px;
	font-size: 2.2rem;
	line-height: 1.2;
	transition: all 1.0s;
}
.page-ttl-set.sports{}
.page-ttl-set .eng {
	font-family: 'Overpass', sans-serif;
	font-weight: 600;
	display: inline-block;
	padding-left: 2px;
	font-size: 1.4rem;
	color: #44af35;
	letter-spacing: 0.02em;
	line-height: 1.2;
	
	transition: all 1.0s 0.1s;
}




/* contact-sec */
.contact-sec {
	padding: 40px 30px;
	background-color: #f7f7f7;
}

.contact-ttl-side {
	margin-bottom: 2px;
	padding: 40px 15px 35px;
	background-color: #fff;
}
.contact-sec-ttl {
	position: relative;
	margin-bottom: 32px;
	padding-bottom: 18px;
	text-align: center;
}
.contact-sec-ttl::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40px;
	height: 2px;
	margin-left: -20px;
	background-color: #0cb59b;
}
.contact-sec-ttl .jpn {
	display: block;
	margin-bottom: 3px;
	font-size: 2.3rem;
}
.contact-sec-ttl .eng {
	display: block;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
}
.contact-sec-ttl-lead {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.6;
}

.contact-address-side {
	padding: 35px 35px 35px;
	background-color: #fff;
}
.contact-sec-tel {
	margin-bottom: 25px;
	text-align: center;
	
}
.contact-sec-tel-area-num {
	position: relative;
	display: inline-block;
	font-family: 'Oswald';
	font-weight: 400;
	margin-bottom: 5px;
	padding-left: 26px;
	font-size: 8.5vw;
	line-height: 1.0;
	letter-spacing: 0.02em;
}
.contact-sec-tel-area-num::before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 28px;
	margin-top: -12px;
	background: url(../images/icon-tel.svg) 0 0 no-repeat;
	background-size: 20px 28px;
}
.contact-sec-tel-area-text {
	margin-left: 20px;
	font-size: 1.1rem;
}
.contact-sec-form {
	
}
.contact-sec-form-btn {
	display: block;
	padding: 20px 10px;
	border-radius: 5px;
	background-color: #0cb59b;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	transition: all .2s;
}
.contact-sec-form-btn:hover {
	color: #fff;
}




















@media screen and (min-width: 768px)  {
	
	/* contents
														----------------------------------------- */
	/* page-ttl-area */
	.page-ttl-area {
		position: relative;
		margin-top:60px;
		margin-bottom: 50px;
	}
	.page-visual {
		padding-left: 28.6%;
	}
	
	.page-ttl-set {
		position: absolute;
		top: -25px;
		box-sizing: border-box;
		display: inline-block;
		width: 42%;
		margin-top: 0;
		padding: 25px 0 120px 8%;
		border-top: none;
		border-left: 8px solid #44af35;
		
		z-index: 100;
	}
	
	.sports .page-ttl-set {
		position: absolute;
		top: -25px;
		box-sizing: border-box;
		display: inline-block;
		width: 42%;
		margin-top: 0;
		padding: 25px 0 120px 2%;
		border-top: none;
		border-left: 8px solid #44af35;
		
		z-index: 100;
	}
	.page-ttl-set .jpn {
		display: block;
		margin-bottom: 15px;
		padding-left: 15px;
		font-size: 3.6rem;
		line-height: 1.2;
		
		transition: all 1.0s;
	}
	
	.page-ttl-set .eng {
		font-family: 'Overpass', sans-serif;
		font-weight: 600;
		padding-left: 17px;
		font-size: 1.7rem;
		color: #44af35;
		letter-spacing: 0.02em;
		line-height: 1.2;
		transition: all 1.0s 0.1s;
	}
	
	
	
	
	/* contact-sec */
	.contact-sec {
		padding: 100px 0;
		background-color: #f7f7f7;
	}
	.contact-sec-inner {
		display: flex;
		max-width: 1000px;
		margin: 0 auto;
	}
	.contact-ttl-side {
		box-sizing: border-box;
		width: 418px;
		max-width: 418px;
		margin: 0 2px 0 0;
		padding: 70px 15px 70px;
		background-color: #fff;
	}
	
	.contact-sec-ttl {
		position: relative;
		margin-bottom: 45px;
		padding-bottom: 34px;
		text-align: center;
	}
	.contact-sec-ttl::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 40px;
		height: 2px;
		margin-left: -20px;
		background-color: #0cb59b;
	}
	.contact-sec-ttl .jpn {
		display: block;
		margin-bottom: 0;
		font-size: 3.0rem;
	}
	.contact-sec-ttl .eng {
		display: block;
		font-size: 1.6rem;
		letter-spacing: 0.01em;
	}
	.contact-sec-ttl-lead {
		text-align: center;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	
	.contact-address-side {
		box-sizing: border-box;
		width: 580px;
		max-width: 580px;
		padding: 80px 35px 75px;
		background-color: #fff;
	}
	.contact-sec-tel {
		margin-bottom: 38px;
		text-align: center;
	}
	.contact-sec-tel-area-num {
		position: relative;
		display: inline-block;
		font-family: 'Oswald';
		font-weight: 400;
		margin-bottom: 8px;
		padding-left: 38px;
		font-size: 4.5rem;
		line-height: 1.0;
		letter-spacing: 0.02em;
	}
	.contact-sec-tel-area-num::before {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 26px;
		height: 37px;
		margin-top: -16px;
		background: url(../images/icon-tel.svg) 0 0 no-repeat;
		background-size: 26px 37px;
	}
	.contact-sec-tel-area-text {
		margin-left: 20px;
		font-size: 1.5rem;
	}
	.contact-sec-form {
		
	}
	.contact-sec-form-btn {
		display: block;
		width: 70%;
		margin: 0 auto;
		padding: 25px 10px;
		border-radius: 5px;
		background-color: #0cb59b;
		text-align: center;
		color: #fff;
		font-size: 1.7rem;
		transition: all .2s;
	}
	.contact-sec-form-btn:hover {
		color: #fff;
		background-color: #14d0b3;
	}
	
}

.s-page-ttl{font-size:50px; color:#44af35; text-align:center; font-weight:800; margin-bottom:50px;}
.s-page-ttl span{display:block; font-size:20px; color:#333333; font-weight:500;}



.page-ttl-wrap{ 
	
	position: relative;
	overflow:hidden;
	margin-bottom:10px;
}


.about > .page-ttl-wrap{background: url(img/testbg001.png)no-repeat center center; background-size:cover; }


.page-ttl-bottom{padding:20px 0;}
.about .page-ttl-bottom{
	background: url(img/ttl-bottom.png)repeat-x bottom left;
	padding:40px 0;
}
.page-ttl-bottom p{color:#111111;}



.page-ttl-small span {
	position: relative;
	display: block;
	padding: 0 0 0 35px;
	font-size: 15px;
	font-weight:600;
	/*font-family: "Untitled-Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, sans-serif;*/
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	line-height: 2.8;
}

.page-ttl-small span:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	padding-top: 1px;
	background: #349844;
}




.fa-size{font-size:1.6em}
	.fa-area{margin-top:5px;}
	.fa-area p{display:inline-block; margin-right:5px;}
	
	
	
	
	
	.section-block{
		margin-top:80px;
		margin-bottom:80px;
		padding-bottom:80px;
		border-bottom:1px solid #e1e1e1;
	}
	
	.shop-box{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #44af35;}
	
	.shop-box img{margin-bottom:10px;}
	
	.shop-box-name {
		position: relative;
		display: block;
		padding: 5px 0 2px 25px;
		font-size:1.8rem;
		font-weight:900;
		line-height: 2.0;
	}
	
	.shop-box-name:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 15px;
		height:2px;
		padding-top: 1px;
		background: #44af35;
	}
	
	.shop-box-add{font-size:1.6rem;}
	.shop-box-tel{font-size:1.6rem; margin-bottom:10px;}
	
	
	
	.service-box{border-top:1px solid #f1f1f1; padding:80px 0;}
	/*.service-box:hover{background:#f9f9f9;}*/
	.service-box .service-txt{margin-bottom:30px;}
	.service-ttl{margin-bottom:20px; font-size:30px; text-align:center;}
	.service-ttl:first-letter{font-size:40px; color:#44af35;}
	.service-ttl span{display:block; font-size:16px; margin-top:5px;}
	@media screen and (min-width: 768px)  {
		.shop-box{margin-bottom:30px; padding-bottom:0px; border-bottom:none;}
		.service-ttl{text-align:left;}
	}
	.service-mid{border-right:1px dotted #666666;}
	.service-right p{background:#44af35;; margin-bottom:10px; text-align:center; padding:10px 20px; font-size:1.4rem;}
	.service-right p span{color:#ffffff;}
	.service-bland .col-sm-2{padding:0 5px; }
	
	
	
	.ttl-h1-left{
		position: relative;
		padding: 0.25em 0;
	}
	
	.ttl-h1-left:after {
		content: "";
		display: block;
		height: 2px;
		background: -moz-linear-gradient(to right, rgb(68, 175, 53), #8fcf86);
		background: -webkit-linear-gradient(to right, rgb(68, 175, 53), #8fcf86);
		background: linear-gradient(to right, rgb(68, 175, 53), #8fcf86);
	}
	
	.ttl-h1-left h1{font-weight:999; color:#222;}
	
	.page-title-img_wrap{position:relative; height: 565px;}
	.page-title-img_ttl{position:absolute; top:0; left:0; z-index:1; padding-top: 185px; font-size:6.0rem; font-weight:900; color:#000}
		.page-title-img_text{position:absolute; top:0; left:0; z-index:1; padding-top: 285px; font-size:1.8rem; font-weight:900; color:#000; padding-left:10px;}
		.page-title-img{position:absolute; z-index:0; position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 100%;
		padding-left: 295px;}
		
		.este-section-wrap{}
		.este-section{ padding:50px 0px 0px 0px;   display:flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; margin-bottom:60px; border-top:3px solid #44af35;}
		.este-section-re{ padding:50px 0px 0px 0px;   display:flex; flex-direction : column-reverse; justify-content: space-between; flex-wrap: wrap; margin-bottom:60px; border-top:3px solid #44af35;}
		
		.br-junbi{background:#f1f1f1; width:100%; padding:80px 10px; text-align:center; margin-top:10px;}
		/*====================================
	
	----------------------------------
		PAGE-CATEGORY
	----------------------------------
	
	====================================*/
		
		
		.page-category-ttl-area{
			width:100%;
			height:360px;
			background: url(img/hoge-bg.jpg)no-repeat center center;
			background-size:cover; 
			position: relative;
			overflow:hidden
			}
			
			.page-category-ttl-box{
				width:400px;
				height:150px;
				color:#ffffff;
				position: absolute;
				top:50%;
				left:50%;
				-webkit-transform: translate(-50%,-50%);
				-moz-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				-o-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
			}
			
			.page-category-ttl-box h1{color:#ffffff; font-size:30px;}
			.page-category-ttl-box p{margin-top:5px; font-size:16px;}
			.page-category-contents{margin:20px 0 0 0;}
			.page-category-section{}
			.page-category-section h2{border-bottom: solid 2px #cccccc;
			position: relative; padding-bottom:10px;}
			
			.page-category-section h2:after {
				position: absolute;
				content: " ";
				display: block;
				border-bottom: solid 3px  #44af35;
				bottom: -2px;
				width: 20%;
			}
			
			.tamesi{max-width:980px;}
			.cate-box-large , .cate-box-medium{margin-bottom:20px;}
			
			.cate-box-large{/*max-width:400px;*/}
			.cate-box-medium{/*max-width:300px;*/}
			
			.nav-txt{margin-top:10px;}
			.nav-txt dt{}
			.nav-txt dd{font-size:13px;}
			
			
			
			
			
			
			
			.catebox {
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				background-color: #f2f5f7;
				overflow: hidden;
				-webkit-box-align: stretch;
				-ms-flex-align: stretch;
				-webkit-align-items: stretch;
				align-items: stretch;
			}
			
			.catebox > a {
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				width: 100%;
				text-decoration: none;
				-webkit-box-align: stretch;
				-ms-flex-align: stretch;
				-webkit-align-items: stretch;
				align-items: stretch;
			}
			
			/* for IE11 */
			.catebox:before,
			.catebox > a:before {
				content: "";
				display: block;
				height: 260px;			/* パネルの最小高 */
			}
			
			.catebox .img img {width: 100%;}
			
			
			.catebox .heading{
				margin-top: 0;
				padding: 0;
				font-size: 1.06rem;
				font-weight: bold;
				color: #222;
				line-height: 1.6;
			}
			
			.catebox p {
				font-size: .93rem;
				line-height: 1.6;
				-moz-transition: color .2s linear;
				-wenkit-transition: color .2s linear;
				transition: color .2s linear;
			}
			
			.catebox .txt{padding: 25px 25px 10px;}
			
			.catebox > a div {
				-moz-transition: -moz-transform .2s ease-out, color .2s ease-out;
				-webkit-transition: -webkit-transform .2s ease-out, color .2s ease-out;
				transition: transform .2s ease-out, color .2s ease-out;
			}
			
			.catebox > a:hover .img div {
				-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				transform: scale(1.1);
			}
			
			.catebox:hover {color: #fff; background-color: #00519c;}
			
			
			/*====================================
	
	----------------------------------
		ABOUT
	----------------------------------
	====================================*/
			
			
			.company-profile{}
			.ttl_company-profile-area{position:relative; display: block; text-align:right; padding:0 20px 0 0; margin-bottom:50px;}
			.greeting{ border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:50px 5px;}
			.greeting_ttl{color:#111111; font-size:2.2rem;}
			.ttl_company-profile-area:after {
				content: '';
				display: block;
				position: absolute;
				bottom: -30px;
				right: 50px;
				width: 40px;
				padding-top: 1px;
				background: #111111;
			}
			
			.ttl_company-profile{color:#111111; font-size:3.8rem; font-weight:900;}
			.ttl_company-profile span{color:#44af35; font-size:1.8rem; font-weight:bold;}
			.ttl_company-profile-access{text-align:center; margin-bottom:30px;}
			.ttl_company-profile-access h3{color:#111111; font-size:3.4rem; font-weight:600;}
			.ttl_company-profile-access h3 span{display:block; font-size:1.8rem; margin-top:10px; font-weight:200; color:#44af35;}
			
			.ttl_company-profile span{display:block; margin-top:10px; font-weight:200;}
			
			.table_company-profile{color:#222222; border-collapse:collapse;}
			.table_company-profile tr{ border-bottom:1px solid #e1e1e1;}
			.table_company-profile tr:last-child{ border-bottom:none;}
			.table_company-profile th{font-weight:bold; width:20%;}
			.table_company-profile th,td{padding:10px 0;}
			@media screen and (min-width: 768px)  {.ttl_company-profile-area{padding:150px 50px 0 0;}}
			
	/*====================================
	----------------------------------
		Serivce
	----------------------------------
	====================================*/
			
			/*.icon-m-area{margin:5px 0;}*/
			/*.icon-m-area i{font-size:25px; padding:0 2px;  transition: .2s; cursor: pointer}*/
			.btn-social-icon-facebook {
				text-decoration: none;
				display: inline-block;
				text-align: center;
				color: #4966a0;;
				text-decoration: none;
			}
			
			.btn-social-icon-facebook:hover {
				color:#668ad8;
				transition: .5s;
			}
			
			.btn-social-icon-facebook__square {
				border-radius: 5px;
				position: relative;
				display: inline-block;
				width: 30px;
				height: 30px;
				font-size: 15px;
				line-height: 30px;
				color: #FFF;
				background: #4966a0;;
			}
			
			.btn-social-icon-facebook__square .fa-facebook-f {
				position: absolute;
				bottom: 0px;
				right: 6px;
				font-size: 25px;
			}
			
			
			
			
			.btn-social-icon-twitter {
				text-decoration: none;
				display: inline-block;
				text-align: center;
				color: #1da1f3;
				text-decoration: none;
				font-size: 20px;
			}
			
			.btn-social-icon-twitter:hover {
				color:#88daff;
				transition: .5s;
			}
			
			.btn-social-icon-twitter__square {
				border-radius: 5px;
				position: relative;
				display: inline-block;
				width: 30px;
				height: 30px;
				line-height: 40px;
				color: #FFF;
				background: #1da1f3;
			}
			
			.btn-social-icon-twitter__square .fa-twitter {
				position: absolute;
				line-height: 30px;
				left:7px;
			}
			
			
			
			.btn-social-icon-instagram {
				text-decoration: none;
				display: inline-block;
				text-align: center;
				color: #2e6ca5;
				font-size: 25px;
				text-decoration: none;
			}
			
			.btn-social-icon-instagram:hover {
				color:#668ad8;
				transition: .5s;
			}
			
			.btn-social-icon-instagram__square {
				border-radius: 5px;
				position: relative;
				display: inline-block;
				width: 30px;
				height: 30px;
				font-size: 25px;
				line-height: 30px;
				background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
				overflow: hidden;
			}
			
			.btn-social-icon-instagram__square:before {
				content: '';
				position: absolute;
				top: 23px;
				left: -18px;
				width: 30px;
				height: 30px;
				background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
				background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
			}
			
			.btn-social-icon-instagram__square .fa-instagram {
				color:white;
				line-height: 30px;
				position: relative;
			z-index: 2;}
			
			
			
			.icon-l-area{margin:5px 0;}
			.icon-l-area i{color:#cccccc; font-size:35px; padding:0 5px; transition: .2s; cursor: pointer;}
			.icon-l-area i:hover{color:#44af35;}
			
			

			
/*====================================

	----------------------------------
		Recruit
	----------------------------------
	====================================*/
			.recruit-wrap{
				width:100%;
				
				border:5px solid #44af35;
				padding:70px 30px 70px;
				font-size:1.8rem;
			}
			
			.no-recruit{
				border-top:3px solid #44af35;
				border-bottom:3px solid #44af35;
				padding:20px 40px;
				margin-bottom:40px;
				text-align:center;
				font-size:30px;
				font-weight:600;
				color:#333333;
			}
			
			.recruit-box{}
			.recruit-box h1{
				font-size:20px;
				border-left:5px solid #44af35;
				margin-bottom:20px;
				padding-left:10px;
				
			}
			@media screen and (min-width: 768px)  {
				.recruit-wrap{
					
					
					
					padding:100px 100px 140px;
				}
			}
			
			/*====================================
	
	----------------------------------
		family
	----------------------------------
	====================================*/
			.family-wrap{
				border:5px solid #44af35;
				padding:20px 80px ;
				margin-bottom:50px;
				font-size:16px;
			}
			
			.no-recruit{
				border-top:3px solid #44af35;
				border-bottom:3px solid #44af35;
				padding:20px 40px;
				margin-bottom:40px;
				text-align:center;
				font-size:30px;
				font-weight:600;
				color:#333333;
			}
			
			
			/*====================================
	
	----------------------------------
		.pagination
	----------------------------------
	====================================*/
			
			.pagination {margin: 40px 0 30px; text-align: center;}
			.pagination ul {margin: 0; padding: 0; list-style: none;}
			.pagination li {display: inline-block; width: auto;}
			.pagination li a, .pagination li > span {
				font-size: .9em;
				display: block;
				width: 30px;
				margin: 0 1px;
				padding: 5px 0;
				text-decoration: none;
				color: #000;
				border: solid 1px #ccc;
				border-radius: 3px;
			}
			
			.pagination li > span {color: #fff; background-color: #44af35;}
			.pagination li a:hover {color: #fff; background-color: #44af35;}
			.pagination li .dots {
				width: 15px;
				padding: 0;
				color: #000;
				border-color: transparent;
				background-color: transparent;
			}
			
			/*====================================
	
	----------------------------------
		
	----------------------------------
	====================================*/
			.top-10{margin-top:10px;}
			.top-20{margin-top:20px;}
			.top-30{margin-top:30px;}
			.top-60{margin-top:60px;}
			.top-90{margin-top:90px;}
			.bottom-10{margin-bottom:10px;}
			.bottom-20{margin-bottom:20px;}
			.right-10{margin-right:10px;}
			
			
			
			
			@-webkit-keyframes loop {
				from {background-position:0 0;}
				to {background-position:-2291px 0;}
			}
			
			@keyframes loop {
				from {background-position:0 0;}
				to {background-position:-2291px 0;}
			}
			
			@-webkit-keyframes loopSp {
				from {background-position:0 0;}
				to {background-position:-1634px 0;}
			}
			
			@keyframes loopSp {
				from {background-position:0 0;}
				to {background-position:-1634px 0;}
			}
			
			@-webkit-keyframes loopReverse {
				from {background-position:0 0;}
				to {background-position:2291px 0;}
			}
			
			@keyframes loopReverse {
				from {background-position:0 0;}
				to {background-position:2291px 0;}
			}
			
			.p-mainvisual {
				position: relative;
				overflow: hidden;
				/*
				-webkit-transition: background-color 0s ease 1s;
				transition: background-color 0s ease 1s;
				background-color:#edf9ff;*/
			}
			@media print, screen and (min-width: 61.25em) {
				/*.p-mainvisual {margin-top:80px;}*/
			}
			
			@media print, screen and (min-width: 48em) {
				.p-mainvisual {
					min-height: 300px;
					max-height: 753px;
					height:calc(100vh - 230px);
				}
				
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__inner {
						position: absolute;
						top: 50%;
						width: 100%;
						max-width: 1400px;
						padding-right: 100px;
						padding-left: 100px;
						left: 0;
						right: 0;
						margin-right: auto;
						margin-left: auto;
						-webkit-box-sizing: border-box;
						box-sizing:border-box;
					}
				}
				
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__image {
						position: absolute;
						bottom: 50%;
						-webkit-transform: translateY(50%);
						transform: translateY(50%);
						width:100%;
					}
				}
				
				.p-mainvisual__content {
					position: relative;
					z-index: 1;
					width: 100%;
					padding-top: 20px;
					padding-right: 5.334%;
					padding-left: 5.334%;
					padding-bottom: 8px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					text-align:center;
				}
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__content {
						height: 33.3%;
						padding-top: 0;
						padding-right: 0;
						padding-left: 0;
						padding-bottom:0;
					}
				}
				
				@media print, screen and (min-width: 61.25em) {
					.p-mainvisual__content {padding-top:0px;}
				}
				
				.p-mainvisual__image-top {display: block; position: relative; width:100%;}
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__image-top {
						background-image: url(https://f-chiyoda.com/wp/wp-content/themes/chiyoda/img/mainvisual-upper@2x.png);
						background-size: auto 312px;
						background-repeat: repeat-x;
						background-position: 0 0;
						z-index: 0;
						height: 312px;
						padding-top: 0;
						-webkit-animation: loop 60s linear infinite;
						animation:loop 60s linear infinite;
					}
				}
				
				@media only screen and (max-width: 47.9375em) {
					.p-mainvisual__image-top {
						background-image: url(https://f-chiyoda.com/wp/wp-content/themes/chiyoda/img/img_mainvisual_sp@2x.png);
						background-size: auto 310px;
						background-repeat: repeat-x;
						background-position: 0 0;
						position: relative;
						height: 310px;
						background-size: cover;
						background-position: 50%;
						-webkit-animation: loopSp 60s linear infinite;
						animation:loopSp 60s linear infinite;
					}
				}
				
				.p-mainvisual__image-top img {
					display: block;
					margin-left: 50%;
					-webkit-transform: translate(-50%, 0);
					transform:translate(-50%, 0);
				}
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__image-top img {
						height:312px;
					}
				}
				
				@media only screen and (max-width: 47.9375em) {
					.p-mainvisual__image-top img {
						position: relative;
						height: 25vw;
						max-height:300px;
					}
				}
				
				.p-mainvisual__image-bottom {
					display: block;
					position: relative;
					width: 100%;
					background-image: url(https://f-chiyoda.com/wp/wp-content/themes/chiyoda/img/mainvisual-bottom@2x.png);
					background-size: auto 312px;
					background-repeat: repeat-x;
					background-position:0 0;
				}
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__image-bottom {
						z-index: 0;
						padding-top: 0;
						margin-top: 80px;
						-webkit-animation: loopReverse 60s linear infinite;
						animation:loopReverse 60s linear infinite;
					}
				}
				
				@media only screen and (max-width: 47.9375em) {
					.p-mainvisual__image-bottom {
						display: none;
						margin-top: 12px;
						background-size: cover;
						background-position:50%;
					}
				}
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__image-bottom {
						height:312px;
					}
				}
				
				@media only screen and (max-width: 47.9375em) {
					.p-mainvisual__image-bottom {
						position: relative;
						height: 25vw;
						max-height:300px;
					}
				}
				
				.p-mainvisual__image-bottom img {
					display: block;
					margin-left: 50%;
					-webkit-transform: translate(-50%, 0);
					transform:translate(-50%, 0);
				}
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__image-bottom img {
						height:312px;
					}
				}
				
				@media only screen and (max-width: 47.9375em) {
					.p-mainvisual__image-bottom img {
						position: relative;
						height: 25vw;
						max-height:300px;
					}
				}
				
				.p-mainvisual__copy {
					display: block;
					letter-spacing: -0.1px;
					position: absolute;
					height: auto;
					z-index:1000;
				}
				
				@media only screen and (max-width: 47.9375em) {
					.p-mainvisual__copy {
						position: relative;
						width: auto;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						padding-right: 5.334%;
						padding-left: 5.334%;
						margin:20px auto 0 auto;
					}
				}
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__copy {
						width: 380px;
						top: calc(50% - 80px);
						left: 5%;
						-webkit-transform: rotate(-7deg);
						transform:rotate(-7deg);
					}
				}
				
				@media print, screen and (min-width: 61.25em) {
					.p-mainvisual__copy {
						width: 480px;
						left: /*10%*/calc(50% - 300px);
						top:calc(50% - /*92*/120px);
					}
				}
				
				@media print, screen and (min-width: 80em) {
					.p-mainvisual__copy {
						width: 520px;
						/*left:13%;*/
					}
				}
				
				.p-mainvisual__copy img {display:block;}
				
				.p-mainvisual__copy-2 {
					font-size: 14px;
					font-size: .875rem;
					font-weight: bold;
					position:absolute;
				}
				
				@media only screen and (max-width: 47.9375em) {
					.p-mainvisual__copy-2 {
						text-align: center;
						position: relative;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						padding-right: 5.334%;
						padding-left: 5.334%;
						margin-top: 10px;
						margin-bottom:20px;
					}
				}
				
				@media print, screen and (min-width: 48em) {
					.p-mainvisual__copy-2 {
						font-size: 18px;
						top: 50%;
						right: 2%;
						-webkit-transform: translateY(-50%);
						transform:translateY(-50%);
					}
				}
				
				@media print, screen and (min-width: 61.25em) {
					.p-mainvisual__copy-2 {right:10%;}
				}
				
				@media print, screen and (min-width: 80em) {
					.p-mainvisual__copy-2 {right:15.5%;}
				}
				
				.r_test_wrap{text-align:center; padding:60px 0;}
				.r_test h1{font-size:30.0rem; margin-bottom:30px;}
				
				.dummy{padding:80px 0;}
				.dummy section{margin-bottom:30px;}
				
				.dummy_btn{background:#ffffff; margin-top:30px; max-width:300px; padding:10px 20px;}
				
				
				/**/
				.rc-ttl-wrap{position:relative; width:100%; height:300px;  background: url(img/dummy.jpg) no-repeat; background-size: cover; }