@charset "UTF-8";

html {}
body { -webkit-text-size-adjust: 100%; }
.for_pc { display: none !important; }

img { max-width:100%; height:auto; }
a { text-decoration:none; transition:0.2s; }

.fbfluid .fbcomments,
.fbfluid .fb_iframe_widget,
.fbfluid .fb_iframe_widget[style],
.fbfluid .fb_iframe_widget iframe[style],
.fbfluid .fbcomments iframe[style],
.fbfluid .fb_iframe_widget span{
    width: 100%! important;
}
/***** anchor position *****/
a#access, 
a#a_01, 
a#a_02, 
a#a_03, 
a#a_04, 
a#a_05, 
a#a_06, 
a#a_07, 
a#a_08, 
a#a_09, 
a#a_10, 
a#a_11, 
a#a_12, 
a#a_13, 
a#a_14 
 { position:relative; z-index:-999; display:block; height:0; margin-top:-40px; padding-top:40px;  }
/***** fix bnr *****/
ul.fix_bnr { position:fixed; z-index:500; bottom:0; display:table; width:100%;  border-top:solid 1px rgb(247,194,205); border-collapse:collapse; opacity:0.9; text-align:center; }
ul.fix_bnr li { display:table-cell; vertical-align:middle; box-sizing:border-box; border-right:solid 1px rgb(247,194,205); }
ul.fix_bnr li img { width:100%; }
ul.fix_bnr li:last-child { border-right:none; }

/***** aside *****/
#aside_nav { position:fixed; width:0%; height:0%; z-index:900; background:rgba(255,255,255,0.5); }
#aside_nav .close { display:block; }
#aside_nav .inner { position:relative;z-index:900; overflow-y:scroll; opacity:0.9; width:300px; height:100%; background:rgba(238,133,154,0.9); position:fixed; right:-300px; color:rgb(255,255,255); }
#aside_nav .inner li { overflow:hidden; padding:0 20px; border-bottom:dotted 1px rgb(247,194,205); }
#aside_nav .inner a { display:table; width:100%; box-sizing:border-box; padding:10px 0; color:rgb(255,255,255); text-decoration:none; }
#aside_nav .inner li p { display:table-cell; vertical-align:middle;  }
#aside_nav .inner li p:last-child { width:20px; text-align:right; }
#aside_nav .inner li:last-child { margin-bottom:100px; }
.btn_close { padding:10px 0px; text-align:center; }
.btn_close span { display:block; float:right; padding:12px 0px; font-size:16px; text-align:center; }

/***** common *****/
.area_pankuzu { width:100%; border-top:solid 1px  rgb(254,203,234); border-bottom:solid 1px  rgb(254,203,234); background:rgb(255,242,242); margin:0 auto; box-sizing:border-box; padding:4px 6px; text-align:right; color:rgb(238,133,154); }
.area_pankuzu li { display:inline-block; font-size:11px; }
.area_pankuzu li a { text-decoration:none; color:rgb(238,133,154); }

.btn_pagetop { padding:20px 10px 30px; text-align:right; }
.btn_pagetop a { padding:4px 8px; background:url(/_common/image/icons/tile_01.png); background-size:24px; border-radius:4px; border:solid 1px rgb(222,69,93); text-decoration:none; color:rgb(255,255,255) !important; font-size:12px; }

a.main_btn { display:block; width:260px; background:url(/_common/image/icons/tile_01.png); padding:12px 0; border-radius:6px; margin:20px auto; color:rgb(255,255,255); font-weight:bold; text-align:center; }

/***** common title *****/
h2.main_tit { padding:30px 10px; border-bottom:solid 1px rgb(255,255,255); background:url(/_common/image/icons/tile_06.png); background-size:18px 20px; text-align:center; }
h2.main_tit span { display:block; width:210px; margin:0 auto 10px; box-sizing:border-box; padding:4px 8px; background:url(/_common/image/top/bg_tit.png) top center no-repeat; background-size:100% 100%; color:rgb(255,255,255); text-align:center; }
h2.main_tit div { font-size:24px; color:rgb(222,69,93); }
h2.main_tit em { display:block; font-size:16px; }
h2.main_tit em b { display:block; color:rgb(222,69,93); }

/***** header ****/
.page_header { position:relative; z-index:200; width:100%; }
.page_header h1 { border-bottom:solid 1px rgb(220,220,220); padding:4px 8px; color:rgb(120,120,120); font-size:11px; font-weight:bold; }
.page_header ul { display:table; width:100%; }
.page_header ul li { display:table-cell; }
.page_header ul li:first-child { width:110px;vertical-align:middle; padding:6px 8px; }
.page_header ul li:first-child a img { width:100%; }
.page_header ul li:nth-child(2) { vertical-align:middle; padding:6px 8px 6px 0; color:rgb(120,120,120); }
.page_header ul li:last-child { vertical-align:top; width:54px; }
.page_header a.menu_btn { display:block; padding:12px 0 8px 0; background:rgb(238,133,154); text-align:center; }
.page_header a.menu_btn p { font-size:10px; color:rgb(255,255,255); }

.css-bar{ display:inline-block; position: relative; margin-bottom:6px; padding:0; background: rgb(255,255,255); }
.css-bar, .css-bar:before, .css-bar:after{ width: 30px; height: 4px; border-radius:2px; }
.css-bar:before, .css-bar:after { display: block; content: ""; position: absolute; top: 50%; left: 0; background:rgb(255,255,255); }
.css-bar:before{ margin-top: -10px; }
.css-bar:after{ margin-top: 6px; }

.page_header_clone { 
	width:100%;
	position:fixed;
	top:-800px;
	transition: top 0.2s;
}
.page_header_clone.visible { width:100%; top:0; }
.page_header_clone h1 { display:none; }
.page_header_clone ul li:nth-child(-n+2) { display:none !important; }
.page_header_clone ul li:last-child { position:relative; z-index:800; float:right; width:54px; }
.page_header_clone a.menu_btn { display:block; padding:12px 0 8px 0; background:rgba(238,133,154,0.8); text-align:center; }
.page_header_clone a.menu_btn p { font-size:10px; color:rgb(255,255,255); }

/**** footer ****/
.area_footer { padding:10px 0 0 0; }
.area_footer ul.info {
	width:auto;
	margin:0 10px 30px;
	}
.area_footer ul.info li { width:100%; margin-bottom:15px; }
.area_footer ul.info li a,
.area_footer ul.info li a span,
.area_footer ul.info li a b { display:block;box-sizing:border-box; }
.area_footer ul.info li a { box-sizing:border-box; border:solid 1px rgb(220,220,220); border-radius:8px; }
.area_footer ul.info li a.tel { height:120px; }
.area_footer ul.info li a.tel span { padding:8px 2px; margin-bottom:8px; background:rgb(242,242,242); border-bottom:solid 1px rgb(220,220,220); color:rgb(50,50,50); font-size:13px; }
.area_footer ul.info li a.tel b { width:270px; margin:8px auto 0; background:url(/_common/image/icons/p_tel.png) center left no-repeat; background-size:30px; padding-left:38px; color:rgb(222,69,93); font-size:30px; }
.area_footer ul.info li a.tel div { color:rgb(222,69,93); font-size:16px; }
.area_footer ul.info li a.line { height:90px; padding-top:20px; background:url(/_common/image/icons/tile_02.png); color:rgb(50,50,50); font-size:18px; }
.area_footer ul.info li a.line span { width:250px; margin:0 auto; padding:10px 0 10px 40px; background:url(/_common/image/icons/c_line.png) center left no-repeat; }
.area_footer ul.info li a.mail { padding:20px; background:url(/_common/image/icons/tile_01.png); }
.area_footer ul.info li a.mail div {
	box-sizing:border-box;
	background-image:url(/_common/image/icons/w_pc.png),url(/_common/image/icons/arr_01.png);
	background-repeat:no-repeat,no-repeat;
	background-position:center left,center right;
	color:rgb(255,255,255);
	text-align:center;
	}
.area_footer ul.info li a.mail div span { font-size:14px; }
.area_footer ul.info li a.mail div b { font-size:18px; }

.area_footer .sns { width:auto; margin:0 10px 30px; }
.area_footer .sns h6 { margin-bottom:8px; }
.area_footer .sns a { display:inline-block; width:40px; margin-right:1px; }
.area_footer .sns a img { width:100%; }
.copy { padding:20px 0 80px; border-top:solid 1px rgb(220,220,220); font-size:12px; text-align:center; }

/**** keyV ****/
.area_kv { position:relative;z-index:-100; width:100%; height:auto; }
.skitter,
.container_skitter { width:100% !important; max-width:100% !important; margin:0 auto !important; }
.skitter ul {  }
.skitter ul li {  }
.skitter ul li img { width:100%; }
.info_slide_dots { display:none !important; }

/***** TOP *****/
.top_overview { padding:30px 10px; border-bottom:solid 1px rgb(254,203,234); background:url(/_common/image/icons/tile_03.png) top left repeat; background-size:18px auto; }
.top_overview h2 { width:160px; margin:0 auto 20px; box-sizing:border-box; padding:4px 8px; background:url(/_common/image/top/bg_tit.png) top center no-repeat; background-size:100% 100%; color:rgb(255,255,255); text-align:center; }
.top_overview ul { margin:0 auto; }
.top_overview ul li { width:100%; height:144px; margin-bottom:10px; box-sizing:border-box; border:solid 1px rgb(220,220,220); }
.top_overview ul em { display:block; margin-bottom:2px; font-size:20px; color:rgb(222,69,93); }
.top_overview ul p { font-size:17px; }
.top_overview ul p b { color:rgb(222,69,93); }
.top_overview ul li:first-child { padding:18px 0 0 20px; background:url(/_common/image/top/bnr_01_sp.png) top left no-repeat; background-size:cover; }
.top_overview ul li:last-child { padding:18px 0 0 40%; background:url(/_common/image/top/bnr_02_sp.png) top left no-repeat; background-size:cover; }

.top_feature { padding-bottom:30px; background-color:rgb(249,249,249); }
.top_feature h2 { padding:45px 10px; background:url(/_common/image/top/bg_01_sp.png) top right no-repeat; background-size:contain;font-size:22px; }
.top_feature h2 b { color:rgb(222,69,93); }
.top_feature .inner {  }
.top_feature .inner .box ul {
	overflow:hidden;
	width:310px;
	margin:0 auto;
	}
.top_feature .inner .box ul li { float:left; border:solid 4px rgb(250,218,225); background-color:rgb(252,237,240); background-repeat:no-repeat; padding-top:18px; margin-bottom:10px; box-sizing:border-box; font-size:15px; text-align:center; }
.top_feature .inner .box ul li b { color:rgb(222,69,93); }
.top_feature .inner .box ul li:nth-child(n+2) { width:150px; height:150px; }
.top_feature .inner .box ul li:nth-child(1),
.top_feature .inner .box ul li:nth-child(6) { padding-right:100px; padding-left:20px;width:310px !important; height:90px !important; text-align:left !important; }

.top_feature .inner .box ul li:nth-child(1) { background-image:url(/_common/image/top/i_01.png); background-size:90px auto; background-position:190px 50%; }
.top_feature .inner .box ul li:nth-child(2) { margin-right:10px; background-image:url(/_common/image/top/i_02.png); background-size:46px 46px; background-position:50% 80px; }
.top_feature .inner .box ul li:nth-child(3) { background-image:url(/_common/image/top/i_03.png); background-size:116px auto; background-position:center bottom; }
.top_feature .inner .box ul li:nth-child(4) { margin-right:10px; background-image:url(/_common/image/top/i_04.png); background-size:48px auto; background-position:50% 60px; }
.top_feature .inner .box ul li:nth-child(5) { background-image:url(/_common/image/top/i_05.png); background-size:40px auto; background-position:50% 70px; }
.top_feature .inner .box ul li:nth-child(6) { background-image:url(/_common/image/top/i_06.png); background-size:auto 74px; background-position:180px 8px; }
.top_feature a.more { display:block; width:310px; background:url(/_common/image/icons/tile_01.png); padding:12px 0; border-radius:6px; margin:15px auto 0; color:rgb(255,255,255); font-weight:bold; text-align:center; }

.top_about { border-top:solid 1px rgb(220,220,220); background:rgb(231,233,241); }
.top_about .inner { box-sizing:border-box; padding:233px 10px 30px; background:url(/_common/image/top/bg_02_sp.png) top center no-repeat; background-size:100% auto; }
.top_about h2 { margin-bottom:10px; font-size:22px; }
.top_about h2 b { color:rgb(222,69,93); }
.top_about p { margin-bottom:20px; line-height:28px; }
.top_about a.more { display:block; width:310px; margin:0 auto; background:url(/_common/image/icons/tile_04.png); padding:12px 0; border-radius:6px; color:rgb(255,255,255); font-weight:bold; text-align:center; font-size:15px; }
.top_about a.more span { font-size:12px; }

.top_info { padding:30px 10px 20px; border-top:solid 1px rgb(254,203,234); border-bottom:solid 1px rgb(254,203,234); background:url(/_common/image/icons/tile_05.png); background-size:8px; }
.top_info ul {
	width:310px;
	margin:0 auto;
	}
.top_info ul li { width:310px; height:190px; margin-bottom:10px; box-sizing:border-box; padding:15px; }
.top_info ul li em { display:block; margin-bottom:6px; font-size:22px; color:rgb(222,69,93); line-height:22px; }
.top_info ul li span { display:inline-block; padding:4px 8px; border-radius:4px; background:rgb(222,69,93); color:rgb(255,255,255); font-weight:bold; font-size:13px; }
.top_info ul li p { margin:8px 0 10px; color:rgb(80,80,80); }
.top_info ul li a.more { display:block; width:168px; background:url(/_common/image/icons/tile_01.png); padding:8px 0; border-radius:6px; color:rgb(255,255,255); text-align:center; }
.top_info ul li:nth-child(1) { background:url(/_common/image/top/btn_01.png) top left no-repeat; background-size:100%; }
.top_info ul li:nth-child(2) { background:url(/_common/image/top/btn_02.png) top left no-repeat; background-size:100%; }
.top_info ul li:nth-child(3) { background:url(/_common/image/top/btn_03.png) top left no-repeat; background-size:100%; }

/**** contact ****/
.contact { padding:30px 10px; }
.contact .info a,
.contact .info a span,
.contact .info a b { display:block; box-sizing:border-box; }
.contact .info a { margin-bottom:30px; border:solid 1px rgb(220,220,220); border-radius:8px; }
.contact .info a.tel { height:120px; text-align:center; }
.contact .info a.tel span { padding:8px 2px; margin-bottom:8px; background:rgb(242,242,242); border-bottom:solid 1px rgb(220,220,220); color:rgb(50,50,50); font-size:13px; }
.contact .info a.tel b { width:270px; margin:8px auto 0; background:url(/_common/image/icons/p_tel.png) center left no-repeat; background-size:30px; padding-left:38px; color:rgb(222,69,93); font-size:30px; }
.contact .info a.tel div { color:rgb(222,69,93); font-size:16px; }
.contact .info a.line { height:90px; padding-top:20px; background:url(/_common/image/icons/tile_02.png); color:rgb(50,50,50); font-size:18px; }
.contact .info a.line span { width:250px; margin:0 auto; padding:10px 0 10px 40px; background:url(/_common/image/icons/c_line.png) center left no-repeat; }

.box_form { padding:30px 0 0; }
.box_form h3 { padding:10px; border:solid 1px rgb(201,203,211); border-bottom:none !important; background:rgb(248,248,248); font-weight:bold; font-size:16px; text-align:center; }
.box_form dl { width:auto; border:solid 1px rgb(201,203,211); background:rgb(255,255,255); }
.box_form dl dt { width:auto; padding:8px 0px 8px 0px; background:rgb(236,238,246); border-top:solid 1px rgb(201,203,211); border-bottom:solid 1px rgb(201,203,211); }
.box_form dl dt:first-child { border-top:none !important; }
.box_form dl dt p { width:auto; padding:0px 10px; font-size:12px; }
.box_form dl dt p span { display:inline-block; border-radius:4px;  padding:2px 4px; margin-left:10px; color:rgb(255,255,255); font-size:12px; }
.box_form dl dt p span.need { background:rgb(229,106,125); }
.box_form dl dt p span.unneed { background:rgb(161,150,199); }
.box_form dl dd { padding:14px 14px; }
.box_form dl dd span { position:relative; top:-10px; padding:0 10px; font-size:16px; }
.box_form dl dd.area_radio { padding:20px 20px; }
.box_form dl dd b { display:block; padding:8px 0; font-weight:normal; }
.box_form dl dd input[type="text"] { width:97%; height:26px; padding:8px 4px; border-radius:2px; border:solid 1px rgb(210,210,210); background-color:rgb(255,255,255); -webkit-appearance: none; }
.box_form dl dd input[type="text"].sml { width:30% !important; height:26px; padding:8px 6px; border-radius:2px; border:solid 1px rgb(210,210,210); background-color:rgb(255,255,255); -webkit-appearance: none; }
.box_form dl dd select { width:200px; height:40px; padding:4px 8px; margin-bottom:10px; border: thin solid rgb(200,200,200); border-radius:4px; }
.box_form dl dd textarea { width:97%; height:190px; padding:8px 4px;  border-radius:2px; border:solid 1px rgb(210,210,210); background-color:rgb(255,255,255); overflow: auto; resize: none;-webkit-appearance: none;  }
.box_form input[type="submit"]{ -webkit-appearance: none; }
.box_form input[type="submit"].btn_sbmit { display:block; width:280px; border:none; background:url(/_common/image/icons/tile_01.png); background-size:24px; border-radius:4px; padding:14px 10px; margin:0px auto; font-size:16px; text-decoration:none; text-align:center; color:rgb(255,255,255); }
.box_form input[type="submit"].btn_sbmit:hover { cursor:pointer; }
.box_safety { margin:20px 0; padding:10px; font-size:12px; line-height:24px; }

/**** company ****/
.company { padding:30px 10px 10px; }
.company dl { margin:0 0 30px; border:solid 1px rgb(220,220,220); text-align:center; }
.company dl dt { padding:10px; border-bottom:solid 1px rgb(220,220,220); background:rgb(252,237,240); font-weight:bold; }
.company dl dt.tit { background:rgb(242,242,242); color:rgb(100,100,100); }
.company dl dd { padding:14px 10px; border-bottom:solid 1px rgb(220,220,220); color:rgb(120,120,120); }
.company dl dd:last-child { border-bottom:none; }
.company .map iframe { display:block; width:100%; height:300px; border:solid 1px rgb(247,194,205); box-sizing:border-box; }

/**** FAQ ****/
.faq { padding:30px 20px 10px; background:url(/_common/image/icons/tile_07.png); background-size:8px; }
.faq dl { margin-bottom:20px; border:solid 1px rgb(201,203,211); }
.faq dl dt { text-indent:-24px; padding:12px 10px 12px 34px; background:rgb(236,238,246); border-bottom:solid 1px rgb(201,203,211); font-weight:bold; color:rgb(102,102,102); }
.faq dl dt:before { content:"Q．"; text-indent:0 !important; color:rgb(161,150,199); }
.faq dl dd { background:rgb(255,255,255); text-indent:-24px; padding:24px 10px 24px 34px; }
.faq dl dd:before { content:"A．"; text-indent:0 !important; color:rgb(229,106,125); font-weight:bold; }

/**** flow ****/
.flow {}
.flow h3 { background:rgb(244,244,246); border-bottom:solid 1px rgb(220,223,237); text-align:center; font-size:18px; color:rgb(102,102,102); }
.flow h3 div { padding:50px 10px 50px 120px; background:url(/flow/image/bg_01.png) center left no-repeat; background-size:auto 100%; }
.flow ul { margin:30px 10px; }
.flow ul li { padding-bottom:30px; margin-bottom:12px; background:url(/flow/image/arr.png) center bottom no-repeat; background-size:35px auto; }
.flow ul li:last-child { background:none !important; padding-bottom:0px !important; }
.flow ul li dl { border:solid 3px rgb(220,223,237); background:rgb(236,238,246); padding:20px 10px; }
.flow ul li dl dt { display:table; }
.flow ul li dl dt div { display:table-cell; vertical-align:middle; color:rgb(102,102,102); font-size:18px; }
.flow ul li dl dt div span { display:block; width:40px; height:40px; border-radius:20px; padding-top:4px; margin-right:14px; box-sizing:border-box; background:rgb(161,150,199); color:rgb(255,255,255); font-size:24px; text-align:center; }
.flow ul li dl dd { padding-top:20px; }

/**** trial ****/
.trial {}
.trial h3 { background:rgb(240,244,247); border-bottom:solid 1px rgb(255,255,255); color:rgb(102,102,102); }
.trial h3 div { padding:40px 14px; background:url(/trial/image/bg_01.png) center right no-repeat; background-size:auto 100%; }
.trial h3 div em { display:block; margin-bottom:20px; color:rgb(222,69,93);font-size:18px; }
.trial h3 div span { display:block; font-weight:normal;font-size:15px; }
.trial ul { padding:30px 10px 1px; background:rgb(254,232,239); }
.trial ul li { padding-bottom:30px; margin-bottom:12px; background:url(/trial/image/arr.png) center bottom no-repeat; background-size:35px auto; }
.trial ul li:last-child { background:none !important; padding-bottom:0px !important; }
.trial ul li:last-child dl { margin-bottom:20px; }
.trial ul li dl { border:solid 1px rgb(254,203,234); background-color:rgb(255,255,255); padding:30px 20px; }
.trial ul li dl dt { display:table; }
.trial ul li dl dt div { display:table-cell; vertical-align:top; color:rgb(102,102,102); font-size:18px; }
.trial ul li dl dt div span { display:block;margin-right:8px; color:rgb(222,69,93); }
.trial ul li dl dd { padding-top:20px; }
.trial ul li:nth-child(2) dl,
.trial ul li:nth-child(3) dl
 { padding:30px 100px 30px 20px !important; background-position:center right; background-size:auto 100%; background-repeat:no-repeat; }
.trial ul li:nth-child(2) dl { background-image:url(/trial/image/bg_02.png); }
.trial ul li:nth-child(3) dl { background-image:url(/trial/image/bg_03.png); }

/**** recruit ****/
.recruit {}
.recruit h3 { background:rgb(244,244,246); border-bottom:solid 1px rgb(220,223,237); text-align:center; font-size:18px; color:rgb(102,102,102); }
.recruit h3 div { padding:50px 10px 50px 120px; background:url(/recruit/image/bg_01.png) center left no-repeat; background-size:auto 100%; }
.recruit h3 div b{ display:block; color:rgb(222,69,93); }
.recruit ul { margin:30px 10px 0; }
.recruit ul li { margin-bottom:10px; padding:30px 12px; background:rgb(252,237,240); border:solid 3px rgb(252,223,230); }
.recruit ul li dl {}
.recruit ul li dl dt { font-size:18px; color:rgb(102,102,102); }
.recruit ul li dl dt em { color:rgb(222,69,93); }
.recruit ul li dl dd { padding-top:24px; }
.recruit ul li:nth-child(1) dl { background:url(/_common/image/top/i_02.png) top right no-repeat; background-size:40px auto; }
.recruit ul li:nth-child(2) dl { background:url(/_common/image/top/i_01.png) top right no-repeat; background-size:95px auto; }
.recruit ul li:nth-child(3) dl { background:url(/_common/image/top/i_03.png) top right no-repeat; background-size:100px auto; }
.recruit ul li:nth-child(3) dl dd p { padding-right:110px; }
.recruit ul li:nth-child(4) dl { background:url(/_common/image/top/i_04.png) top right no-repeat; background-size:60px auto; }
.recruit ul li:nth-child(4) dl dd p { padding-right:80px; }
.recruit ul li:nth-child(5) dl { background:url(/_common/image/top/i_05.png) top right no-repeat; background-size:50px auto; }
.recruit ul li:nth-child(5) dl dd p { padding-right:70px; }
.recruit ul li:nth-child(6) dl { background:url(/_common/image/top/i_06.png) top right no-repeat; background-size:80px auto; }
.recruit ul li:nth-child(6) dl dd p { padding-right:90px; }
.recruit ul li:nth-child(7) dl { background:url(/recruit/image/i_leaf.png) top right no-repeat; background-size:36px auto; }