@charset "UTF-8";


/* ==========================================================================
 *	Foundation
 * ========================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: 500;
}

html {
	line-height: 1;
}

ol, ul ,li{
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

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

html {
	font-size: 62.5%;/* 10px */
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Arial , '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
	color: #1a1a1a;
	background: #fffef7;
}

.w0 {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
}

.w1 {
	font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1", '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	font-weight: 100;
}

.w2 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", ".HiraKakuInterface-W2", '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
    font-weight: 300;
}

.w3 {
  font-family: "Helvetica Neue", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
  font-weight: 400;
}

.w6 {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
  font-weight: 700;
}

a {
	text-decoration: none;
	color: #1a1a1a;
}

a>img {
	transition: opacity .2s;
}

a:hover>img {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
}

img {
	vertical-align: middle;
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		}
	body {
		-webkit-text-size-adjust: 100%;
		}
	img {
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	img {
		max-width: 100%;
	}
	a:hover>img {
		opacity: 1;
	}
	body {
		font-size: 1.2rem;
	}
}



/* ==========================================================================
 * 	Layout
 * ========================================================================== */

#wrapper {
	overflow: hidden;
}

.cont_s { display:none; }
.cont_p { display:block; }
.cont_sl { display:none; }
.cont_pl { display:block; }

@media screen and (max-width: 767px) {
	.cont_s { display:block; }
	.cont_p { display:none; }
	.cont_sl { display:block; }
	.cont_pl { display:none; }
}


@media only screen and (min-width: 769px), print {
	.drawer-nav {
		display: none;
	}
	#sp_header_inner {
		display: none;
	}
	#header_wrap {
		position: relative;
	}
	#header {
		width: 100%;
		z-index: 110;
	}
	.header {
		position: absolute;
		top: 0;
		left: 0;
	}
	#f_header_inner {
		display: none;
	}

	.fixed {
		position: fixed;
		top: -80px;
		/*left: 0;*/
		z-index: 110;
		background: #fffef7;
		padding-bottom: 0px;
	}
	.fixed#header #header_inner {
		display: none;
	}
	.fixed#header #f_header_inner {
		display: block;
		height: 70px;
	}
	.fixed#header #f_header_inner .l-container {
		position: relative;
		width: 1200px;
	}

	.fixed#header .header_logo {
		text-align: left !important;
	}
	.fixed#header  .header_navi {
		background: none !important;
		top: 6px;
	}
	.fixed#header  .header_navi ul {
		width: auto;
	}
	.fixed#header .header_navi ul li {
		padding: 0 8px;
	}
	.fixed#header .header_navi {
		margin-top: 14px;
		background: none;
		position: absolute;
		left: 261px;
		top: 0;
	}
	.fixed#header .header_menu {
		display: table;
	}
	.fixed#header .header_menu li {
		display: table-cell;
		padding-right: 15px;
	}
	.fixed#header .header_menu li:last-child {
		padding-right: 0;
	}
	.fixed#header .header_logo {
		margin-bottom: 0;
	}

	#header_inner {
		*zoom: 1;
	}
	#header_inner .l-container {
		width: 1200px;
		position: relative;
		margin: 0 auto;
	}

	.header_menu {
		float: right;
		position: absolute;
		right: 0;
		top: 0;
	}
	.header_menu ul {
		display: table;
	}
	.header_menu ul li {
		display: table-cell;
		padding-right: 22px;
	}
	#header .header_logo {
		text-align: center;
		margin-bottom: 30px;
		padding-top: 13px;
	}
	#header .header_logo #r_01 {
		position: absolute;
		left: 180px;
		top: 130px;
	}
	#header .header_logo #r_02 {
		position: absolute;
		right: 200px;
		top: 130px;
	}
	#header .header_logo #r_03 {
		position: absolute;
		left: 120px;
		top: 220px;
	}
	#header .header_logo #r_04 {
		position: absolute;
		right: 120px;
		top: 220px;
	}
	#header .header_navi {
		margin-top: 10px;
		background: #eeaa30;
	}
	#header .header_navi ul {
		display: table;
		text-align: center;
		width: 904px;
		margin: 0 auto;
	}
	#header .header_navi ul li {
		display: table-cell;
	}
}




@media screen and (max-width: 767px) {
	.drawer-nav {
		background-color: rgba(238,170,48,0.6);
	}
	#header_inner,#f_header_inner {
		display: none;
	}
	#header {
		width: 100%;
		margin: 0;
		padding: 0 4%;
	}
	#header .header_logo {
		width: 80%;
		margin: 2% auto;
	}
	#header .header_logo img {
		width: 100%;
		height: auto;
	}
	#header {
		position: static;
	}


	#toggle_menu {
		position: fixed;
		right: 0;
		top: 0;
		z-index: 999;
	}
	#toggle_menu a {
		position: absolute;
		right: 12px;
		display: block;
		width: 120px;
		height: 80px;
		background:  url(../img/common/sp/sp_toggle.png) no-repeat right top;
		background-size: 30%;
	}
	.drawer-open #toggle_menu a {
		background:  url(../img/common/sp/close.png) no-repeat right top;
		background-size: 12%;
		right: 12px;
		top: 10px;
	}
	

}


svg.logo_svg path{	
	stroke:#000;
	fill:#fff;
	stroke-width:2;
	stroke-DASHarray: 3000;
	stroke-DASHoffset:3000;
	-moz-animation:logo_svg 2s ease-in-out .2s forwards;
	-webkit-animation:logo_svg 2s ease-in-out .2s forwards;
	-o-animation:logo_svg 2s ease-in-out .2s forwards;
	animation:logo_svg 2s ease-in-out .2s forwards;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;	
}

div#loader{
	width: 100%;
	height: 100%;
	background: #fffef7;
	text-align: center;
	position: fixed;
	z-index: 150;
	top: 0;
	left: 0;
    overflow: hidden;
    height: 100%;
    opacity: 1;
    display: none;
}

div#loader div.loader_inner{
	width: 100%;
	max-width: 1200px;
	height: 100%;
	height:100vh;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}

div#loader div.loader_box {
	position:absolute;
	width: 8%;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

div#loader div.loader_box img {
	width: 100%;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {

	div#loader{
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #fffef7;
		text-align: center;
		position: fixed;
		z-index: 150;
		top: 0;
		left: 0;
		margin: 0 0 50px;
	}

	div#loader div.loader_inner{
		width: 100%;
		max-width: 1200px;
		height: 100%;
		margin: 0;
		position: relative;
		overflow: hidden;
		-js-display: flex;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		}

	div#loader div.loader_box {
		width: 30%;
		height: auto;
		text-align: center;
	}

	div#loader div.loader_box img {
	}
}






/*--main-visual--*/
@media only screen and (min-width: 769px), print {
	.main-visual {
		width: 100%;
		height: 600px;
		margin: 510px auto 0px;
		overflow: hidden;
		background-size: cover;
		position: relative;
	}
	.main-visual a {
		display: block;
		height: 450px;
	}

}


/* スライドショー */
#slider {
    overflow:hidden;
    position:relative;
    width:100%;
}

#sliderInner {
    position:relative;
    left:50%;
    width:3040px;
    margin-left:-1520px;
}
@media only screen and (min-width: 769px), print {
	#sliderInner li {
	    width:1200px;
	}
}
#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1000px;
    height:394px;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
    background:#fff;
}
#slideFilterL {
    left:0;
}
#slideFilterR {
    right:0;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}
@media only screen and (min-width: 769px), print {
	.bx-wrapper .bx-pager {
	    margin:0 auto;
	    width:1000px;
	}
}

/* コントローラー */
.bx-wrapper .bx-prev {
    left:1035px;
    background: url(../img/top/prev.png) no-repeat;
}

.bx-wrapper .bx-next {
    right:1035px;
    background: url(../img/top/next.png) no-repeat;
}

.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:169px;
    outline:0;
    width:64px;
    height:64px;
    text-indent:-9999px;
    z-index:9999;
}

/* ページャー */
.bx-wrapper .bx-pager {
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#eeaa30;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#131313;
}
@media only screen and (min-width: 769px), print {
#sliderInner .bx-viewport {
	height: 410px !important;
	padding-top: 0;
}
}
@media screen and (max-width: 767px) {
#sliderInner .bx-viewport li {
	min-width: 410px !important;
	width: 430px !important;
	margin: 0 auto !important;
}
}
#main .l-container {
	position: relative;
}
@media only screen and (min-width: 769px), print {
	.hanamaru {
		background: url(../img/top/hanamaru.png) no-repeat right 0;
		width: 257px;
		height: 230px;
		position: absolute;
		right: 0; top: -120px;
	}
}
@media screen and (max-width: 767px) {
	.hanamaru {
		display: none;
	}
}

@media only screen and (min-width: 769px), print {
	.fbArea {
		margin: 60px auto 0;
		width: 900px;
		padding: 5px 15px;

		border-radius: 10px;
		background: #f9f9f9;
		background: #ffffff;
		border: 2px solid #cccccc;
	}
}
@media screen and (max-width: 767px) {
	.fbArea {
		margin: 6% 4% 0;
	}

}
.fbArea {

	box-sizing: border-box;
	text-align: center;
}
/*--お知らせ--*/
@media only screen and (min-width: 769px), print {
	#news .l-container {
		width: 800px;
		position: relative;
		padding-left: 200px;
		margin-bottom: 60px;
	}
	.sub #news .l-container {
		width: 900px;
		padding-left: 0;
		margin-bottom: 0;
	}
	#news h2 {
		position: absolute;
		left: 0;
		top: 0;
	}
	#news .date {
		margin-right: 10px;
	}
	#news li {
		margin-bottom: 10px;
		background: url(../img/top/icon_circle_fb.png) no-repeat left 9px;
		padding-left: 20px;
	}
	.sub #news li {
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 767px) {
	#news {
		padding: 0 4%;
	}
	#news h2 {
		margin-bottom: 4%;
		width: 90%;
	}
	#news .date {
		display: block;
	}
	#news li {
		margin-bottom: 10px;
		background: url(../img/top/icon_circle_fb.png) no-repeat left 5px;
		padding-left: 20px;
	}

}



/*--採用情報--*/
@media only screen and (min-width: 769px), print {
	section#recruit {
		margin-top: 120px;
	}
	#recruit .l-container {
		position: relative;
	}
	.sub #recruit .l-container {
		width: 900px;
		padding-left: 0;
		margin-bottom: 0;
	}
}
	#recruit .col {
		margin-bottom: 50px;
	}
	#recruit .col:last-child {
		margin-bottom: 0;
	}
	#recruit .col h3 {
		font-size: 24px;
		margin-bottom: 10px;
		background: url(../img/common/label_left.svg) no-repeat left center;
		background-size: 30px;
		padding-left: 50px;
	}
	#recruit .col_table {
	  border: 1px solid #aaa;
	  border-collapse: separate;
	  border-spacing: 0;
	  border-radius: 10px;
	  width: 100%;
	}
@media only screen and (min-width: 769px), print {
	#recruit .col_table th,
	#recruit .col_table td {
	  border-bottom: 1px solid #aaa;
	}
}
	#recruit .col_table th {
		background: rgba(238,170,48,0.4);
		font-weight: bold;
		width: 100px;
		padding: 15px;
	}
	#recruit .col_table td {
		background: #ffffff;
		padding: 15px;
	}
@media only screen and (min-width: 769px), print {
	#recruit .col_table th + th,
	#recruit .col_table td {
	  border-left: 1px solid #aaa;
	}
	#recruit .col_table tr:last-child th,
	#recruit .col_table tr:last-child td {
	  border-bottom: none;
	}
	#recruit .col_table tr:first-child th {
	  border-radius: 10px 0 0 0;
	}
	#recruit .col_table tr:first-child td {
	  border-radius: 0 10px 0 0;
	}
	#recruit .col_table tr:last-child th {
	  border-radius: 0 0 0 10px;
	}
	#recruit .col_table tr:last-child td {
	  border-radius: 0 0 10px 0;
	}
}
@media screen and (max-width: 767px) {
	#recruit .col {
		margin-bottom: 20px;
	}
	#recruit .col_table tr:first-child th {
		border-radius: 10px 10px 0 0;
	}
	#recruit .col_table tr:last-child td {
		border-radius: 0 0 10px 10px;
	}
	#recruit .col_table th,
	#recruit .col_table td {
		display: block;
		width: 100% !important;
		text-align: center;
	}
	#recruit .col_table th {
		padding: 4px 15px;
	}
	#recruit .col_table td {
		text-align: left;
	}
	#recruit h2 {
		padding-left: 26px;
		padding-right: 26px;
	}
	#recruit .col h3 {
		font-size: 18px;
		padding-left: 44px;
	}
	#recruit section {
		padding: 0 4%;
	}

}



/*--はなまる保育園の特徴--*/
.wave1 {
	background: url(../img/top/wave1.png) repeat-x;
	height: 23px;
	position: relative;
	width: 120%;
}
.wave2 {
	background: url(../img/top/wave2.png) repeat-x;
	height: 23px;
	position: relative;
	width: 120%;
}
#feature {
	background: #fff8bb;
	padding: 60px 0;
}
.sub #feature h3 {
	margin-bottom: 30px;
}
.sub #feature {
	background: none;
	padding: 0;
	margin-bottom: 5px;
}
.sub #feature .l-container {
}
#feature .ttl {
	text-align: center;
	margin-bottom: 30px;
}
@media only screen and (min-width: 769px), print {
	#feature h2 {
		display: inline;
		background:  url(../img/top/border_ttl.png) repeat-x center bottom;
		padding-bottom: 36px;
		position: relative;
		opacity: 1;
		bottom: -80px;
	}
	#feature .list li.cf .num {
		float: left;
		margin-right: 16px;
	}
	#feature .list li.cf:nth-of-type(1) {
		background: url(../img/top/illust_01.gif) no-repeat right top;
		padding-top: 40px;
		left: -100px;
	}
	#feature .list li.cf:nth-of-type(2) {
		background: url(../img/top/illust_02.gif) no-repeat 20px top;
		padding-left: 180px;
		right: -100px;
	}
	#feature .list li.cf:nth-of-type(3) {
		background: url(../img/top/illust_03.gif) no-repeat right top;
		left: -100px;
		padding-bottom: 64px;
	}
	#feature .list li.cf:nth-of-type(4) {
		background: url(../img/top/illust_04.gif) no-repeat 30px top;
		padding-left: 282px;
		right: -100px;
	}
	#feature .list li.cf:nth-of-type(5) {
		background: url(../img/top/illust_05.gif) no-repeat right  top;
		left: -100px;
		padding-bottom: 35px;
	}
	#feature .list li.cf:nth-of-type(1) .inner {
		width: 636px;
	}
	#feature .list li.cf:nth-of-type(2) .inner {
		width: 540px;
	}
	#feature .list li.cf:nth-of-type(3) .inner {
		width: 475px;
	}
	#feature .list li.cf:nth-of-type(3) .inner .txt li {
	}
	#feature .list li.cf:nth-of-type(4) .inner {
		width: 441px;
	}
	#feature .list li.cf:nth-of-type(5) .inner {
		width: 454px;
	}
	#feature .list li.cf {
		margin-bottom: 46px;
		opacity: 0;
		position: relative;
	}
	#feature .list li.cf .inner {
		float: left;
	}
}

@media screen and (max-width: 767px) {
	.sub #feature h3 {
		width: 78%;
		margin: 0 auto 30px;
	}
	#feature .l-container {
		padding: 0 4%;
	}
	#feature .list {
		text-align: center;
		box-sizing: border-box;
	}
	#feature .list li {
		margin-bottom: 6%;
	}
	#feature .list li h3 {
		width: 100%;
		margin: 0 auto;
	}
	#feature .list li.cf .num {
		display: none;
	}
	#feature .list li.cf .txt li {
		margin-bottom: 1.2%;
	}
}
#feature .list li h3 {
	margin-bottom: 15px;
}
#feature .list li h4 {
	margin-bottom: 15px;
}

#top_bnr {
	margin: 60px 0;
}
@media screen and (max-width: 767px) {
	#top_bnr {
		text-align: center;
		margin: 20px 4%;
	}
}
/*---アクセス---*/
#index #sketch {
	padding: 0 4%;
}
#sketch h2.label {
	margin-bottom: 30px;
}
#access h2.label {
	margin-bottom: 30px;
}
#accessmap {
	margin-top: 50px;
}
#accessmap h2.label {
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	#access {
		padding: 0 4%;
	}
	#access h2.label {
		width: 40%;
		margin-bottom: 15px;
	}

	#accessmap {
		padding: 0 4%;
	}
	#accessmap h2.label {
		width: 40%;
		margin-bottom: 15px;
	}
}

#pageTop {
	text-align: right;
	margin: 40px 40px 20px;
}
@media screen and (max-width: 767px) {
	#pageTop {
		text-align: right;
		margin: 30px 10px 20px;
	}
}
.sub .sub_ttl {
	text-align: center;
	padding: 60px 0 40px;
	margin-bottom: 30px;
}
.sub h2 {
	font-size: 3.7rem;
	background: url(../img/top/border_ttl.png) repeat-x left bottom;
	display: inline;
	padding-bottom: 25px;
	color: #4f2d1a;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 2.5px;
}
@media screen and (max-width: 767px) {
	.sub .sub_ttl {
		padding: 30px 0 30px;
		margin-bottom: 30px;
	}
	.sub h2 {
		font-size: 2.4rem;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 769px), print {
	#index #main {
		margin-top: -120px;
	}
	.sub #main {
		margin-top: 516px;
	}
}
.sub .hanamaru {
	background: url(../img/top/hanamaru.png) no-repeat right 0;
	width: 257px;
	height: 230px;
	position: absolute;
	right: 30px; top: 80px;
	width: 60%;
	background-size: 38%;
}

.sub .main_txt {
	text-align: center;
	position: relative;
	margin-top: 60px;
	margin-bottom: 80px;
}
@media only screen and (min-width: 769px), print {
	.sub .main_txt {
		margin-top: 60px;
		margin-bottom: 80px;
	}
}

@media screen and (max-width: 767px) {
	.sub .main_txt {
		margin: 0px 5% 20px;
	}
	.sub .main_txt br {
		display: none;
	}
}
.sub#life .main_txt:before {
	display: block;
	content: "";
	background: url(../img/life/img_cloud.png) no-repeat left center;
	width: 216px;
	height: 138px;
	position: absolute;
	left: -20px;
	bottom: -60px;
}
@media screen and (max-width: 767px) {
	.sub#life .main_txt {
		padding-bottom: 12%;
		margin-bottom: 40px;
	}
	.sub#life .main_txt:before {
		background-size: 40%;
		left: 0px;
		bottom: -65px;
	}
}
.sub#lesson .main_txt:before {
	display: none;
}

@media only screen and (min-width: 769px), print {
	.sub#lesson .col {
		position: relative;
		padding-left: 210px;
	}
	.sub#lesson .col .txt {
		margin-left: 30px;
	}
}

.sub#lesson .col h3 {
	margin-bottom: 15px;
}

.sub#lesson .col#swim {
	background:  url(../img/lesson/illust_01.png) no-repeat left top;
}
.sub#lesson .col#swim .txt {
	background:  url(../img/lesson/illust_02.png) no-repeat right bottom;
	padding-bottom: 120px;
}

.sub#lesson .col#chisoku {
	background:  url(../img/lesson/illust_chiiku_before.png) no-repeat 30px top;
}
.sub#lesson .col#chisoku .txt {
	background:  url(../img/lesson/illust_chiiku_after.png) no-repeat right bottom;
	padding-bottom: 120px;
}

.sub#lesson .col#ritomic {
	background:  url(../img/lesson/illust_ritomic_before.png) no-repeat 30px top;
}
.sub#lesson .col#ritomic .txt {
	background:  url(../img/lesson/illust_ritomic_after.png) no-repeat right bottom;
	padding-bottom: 120px;
}




.sub#lesson .col#english {
	background:  url(../img/lesson/illust_03.png) no-repeat 30px top;
}
.sub#lesson .col#english .txt {
	background:  url(../img/lesson/illust_04.png) no-repeat right bottom;
	padding-bottom: 120px;
}
.sub#lesson .col#undo {
	background:  url(../img/lesson/illust_05.png) no-repeat 30px top;
}
.sub#lesson .col#undo .txt {
	background:  url(../img/lesson/illust_06.png) no-repeat right bottom;
	padding-bottom: 140px;
}
.sub#lesson .col#hamigaki {
	background:  url(../img/lesson/illust_07.png) no-repeat 30px top;
}
.sub#lesson .col#hamigaki .txt {
	background:  url(../img/lesson/illust_08.png) no-repeat right bottom;
	padding-bottom: 140px;
}
.sub#lesson .col#cooking {
	background:  url(../img/lesson/illust_09.png) no-repeat 30px top;
}
.sub#lesson .col#cooking .txt {
	background:  url(../img/lesson/illust_10.png) no-repeat right bottom;
	padding-bottom: 160px;
}


@media screen and (max-width: 767px) {
	.sub#lesson .col {
		padding: 14% 0 0%;
		margin: 0 4%;
	}
	.sub#lesson .col#english {
		padding: 8% 0 0;
	}
	.sub#lesson .col#undo {
		padding: 12% 0 0;
	}
	.sub#lesson .col#cooking {
		padding: 19% 0 0;
	}
	.sub#lesson .col#swim h3 {
		width: 45%;
	}


	.sub#lesson .col#chisoku h3 {
		width: 22%;
	}


	.sub#lesson .col#ritomic h3 {
		width: 48%;
	}


	.sub#lesson .col#english h3 {
		width: 24%;
	}
	.sub#lesson .col#undo h3 {
		width: 45%;
	}
	.sub#lesson .col#hamigaki h3 {
		width: 58%;
	}
	.sub#lesson .col#cooking h3 {
		width: 82%;
	}

	.sub#lesson .col#swim {
		background:  url(../img/lesson/illust_01.png) no-repeat right top;
		background-size: 36%;
	}
	.sub#lesson .col#swim .txt {
		background:  url(../img/lesson/illust_02.png) no-repeat left bottom;
		padding-bottom: 90px;
		background-size: 46%;
	}
	.sub#lesson .col#english {
		background:  url(../img/lesson/illust_03.png) no-repeat right top;
		background-size: 15%;
	}
	.sub#lesson .col#english .txt {
		background:  url(../img/lesson/illust_04.png) no-repeat left bottom;
		padding-bottom: 90px;
		background-size: 44%;
	}


	.sub#lesson .col#chisoku {
		background:  url(../img/lesson/illust_chiiku_before.png) no-repeat right top;
		background-size: 26%;
	}
	.sub#lesson .col#chisoku .txt {
		background:  url(../img/lesson/illust_chiiku_after.png) no-repeat left bottom;
		padding-bottom: 109px;
		background-size: 40%;
	}



	.sub#lesson .col#ritomic {
		background:  url(../img/lesson/illust_ritomic_before.png) no-repeat right top;
		background-size: 26%;
	}
	.sub#lesson .col#ritomic .txt {
		background:  url(../img/lesson/illust_ritomic_after.png) no-repeat left bottom;
		padding-bottom: 109px;
		background-size: 40%;
	}



	.sub#lesson .col#undo {
		background:  url(../img/lesson/illust_05.png) no-repeat right top;
		background-size: 19%;
	}
	.sub#lesson .col#undo .txt {
		background:  url(../img/lesson/illust_06.png) no-repeat left bottom;
		padding-bottom: 114px;
		background-size: 22%;
	}
	.sub#lesson .col#hamigaki {
		background:  url(../img/lesson/illust_07.png) no-repeat right top;
		background-size: 18%;
	}
	.sub#lesson .col#hamigaki .txt {
		background:  url(../img/lesson/illust_08.png) no-repeat left bottom;
		padding-bottom: 117px;
		background-size: 20%;
	}
	.sub#lesson .col#cooking {
		background:  url(../img/lesson/illust_09.png) no-repeat right top;
		background-size: 24%;
	}
	.sub#lesson .col#cooking .txt {
		background:  url(../img/lesson/illust_10.png) no-repeat left bottom;
		padding-bottom: 90px;
		background-size: 37%;
	}
}


@media only screen and (min-width: 769px), print {

	.sub#life .life_list .col {
		padding-left: 210px;
		position: relative;
		box-sizing: border-box;
	}
	.sub#life .life_list .col .txt {
		width: 450px;
		line-height: 1.6;
	}
}
.sub#life .life_list .col h3 {
	margin-bottom: 20px;
}
.sub#life .life_list .col .pickup_box:before {
	content: "";
	display: block;
	background:  url(../img/life/pickup_ttl.png) no-repeat;
	width: 89px;
	height: 50px;
	position: absolute;
	left: -20px;
	top: -20px;
}
@media screen and (max-width: 767px) {
	.sub#life .life_list .col .pickup_box:before {
		background-size: 78%;
	}
}
.sub#life .life_list .col .pickup_box {
	border: 2px dotted #ec6300;
	padding: 20px 20px 15px;
	position: relative;
	margin-top: 20px;
	box-sizing: border-box;
}
@media only screen and (min-width: 769px), print {
	.sub#life .life_list .col .pickup_box {
		width: 495px;
	}
	.sub#life .life_list .col .pickup_box .pickup_txt {
		width: 315px;
		float: left;
	}

	.sub#life .life_list .col .pickup_box .pickup_img {
		float: right;
	}
}
.sub#life .life_list .col:nth-of-type(1) {
	background: url(../img/life/bg_01.png) no-repeat left top;
	height: 313px;
}
.sub#life .life_list .col:nth-of-type(1):before {
	background: url(../img/life/illust_01.png) no-repeat right top;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 214px;
	height: 180px;
}
.sub#life .life_list .col:nth-of-type(2) {
	background: url(../img/life/bg_02.png) no-repeat left top;
	height: 383px;
	padding-top: 30px;
}
.sub#life .life_list .col:nth-of-type(2):before {
	background: url(../img/life/illust_02.png) no-repeat right top;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 228px;
	height: 157px;
}
.sub#life .life_list .col:nth-of-type(3) {
	background: url(../img/life/bg_03.png) no-repeat left top;
	height: 384px;
	padding-top: 15px;
}
.sub#life .life_list .col:nth-of-type(3):before {
	background: url(../img/life/illust_03.png) no-repeat right top;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 197px;
}
.sub#life .life_list .col:nth-of-type(4) {
	background: url(../img/life/bg_04.png) no-repeat left top;
	height: 348px;
}
.sub#life .life_list .col:nth-of-type(4):before {
	background: url(../img/life/illust_04.png) no-repeat right top;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 214px;
	height: 180px;
}
.sub#life .life_list .col:nth-of-type(5) {
	background: url(../img/life/bg_05.png) no-repeat left top;
	height: 299px;
}
.sub#life .life_list .col:nth-of-type(5):before {
	background: url(../img/life/illust_05.png) no-repeat right top;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 214px;
	height: 180px;
}
.sub#life .life_list .col:nth-of-type(6) {
	background: url(../img/life/bg_06.png) no-repeat left top;
	height: 567px;
	padding-top: 30px;
}
.sub#life .life_list .col:nth-of-type(6):before {
	background: url(../img/life/illust_06.png) no-repeat right top;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 266px;
	height: 139px;
}
.sub#life .life_list .col:nth-of-type(7) {
	background: url(../img/life/bg_07.png) no-repeat left top;
	height: 150px;
}
.sub#life .life_list .col:nth-of-type(7):before {
	background: url(../img/life/illust_07.png) no-repeat right top;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 219px;
	height: 248px;
}
.sub#life .life_list .col:nth-of-type(8) {
	background: url(../img/life/bg_08.png) no-repeat left top;
	height: 186px;
}
.sub#life .life_list .col:nth-of-type(9) {
	background: url(../img/life/bg_dinner.png) no-repeat left top;
	height: 184px;
}
.sub#life .life_list .col:nth-of-type(10) {
	background: url(../img/life/bg_09.png) no-repeat left top;
	height: 150px;
}
@media screen and (max-width: 767px) {


	.sub#life .life_list .col {
		text-align: left !important;
		padding-left: 14%;
		padding-right: 4%;
		position: relative;
		background: url(../img/life/sp/border_bottom.png) repeat-y 6.4% center !important; 
	}
	.sub#life .life_list .col:last-child {
		background: none !important;
	}

	.sub#life .life_list .col .time {
		position: absolute;
		left: 10px;
		top: 0;
		width: 8%;
	}
}
@media screen and (max-width: 767px) {
	.sub#life .life_list .col {
		text-align: center;
		height: inherit !important;
		padding-bottom: 60px;
	}
	.sub#life .life_list .col:nth-of-type(1) {
		background: none;
	}
	.sub#life .life_list .col:nth-of-type(1) h3 {
		width: 44%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(2) h3 {
		width: 52%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(3) h3 {
		width: 41%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(4) h3 {
		width: 35%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(5) h3 {
		width: 55%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(6) h3 {
		width: 70%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(6) h3:nth-of-type(2) {
		width: 48%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(7) h3 {
		width: 50%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(8) h3 {
		width: 38%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(9) h3 {
		width: 36%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(10) h3 {
		width: 18%;
		height: auto;
	}
	.sub#life .life_list .col:nth-of-type(2) {
		background: none;
		padding-top: 0;
	}
	.sub#life .life_list .col:nth-of-type(3) {
		background: none;
		padding-top: 0;
	}
	.sub#life .life_list .col:nth-of-type(4) {
		background: none;
	}
	.sub#life .life_list .col:nth-of-type(5) {
		background: none;
	}
	.sub#life .life_list .col:nth-of-type(6) {
		background: none;
		padding-top: 0;
	}
	.sub#life .life_list .col:nth-of-type(7) {
		background: none;
	}
	.sub#life .life_list .col:nth-of-type(8) {
		background: none;
	}
	.sub#life .life_list .col:nth-of-type(9) {
		background: none;
	}
	.sub#life .life_list .col:nth-of-type(1):before {
		background-size: 34%;
		top: 10px;
		right: 15px;
	}
	.sub#life .life_list .col:nth-of-type(2):before {
		background-size: 36%;
		top: 6px;
		right: 20px;
	}
	.sub#life .life_list .col:nth-of-type(3):before {
		background-size: 35%;
		top: 0px;
		right: 10px;
	}
	.sub#life .life_list .col:nth-of-type(4):before {
		background-size: 18%;
		right: 100px;
	}
	.sub#life .life_list .col:nth-of-type(5):before {
		background-size: 36%;
		right: 20px;
	}
	.sub#life .life_list .col:nth-of-type(6):before {
		background-size: 35%;
		right: 30px;
		top: 0;
	}
	.sub#life .life_list .col:nth-of-type(7):before {
		background-size: 32%;
		right: 20px;
		top: -20px;
	}
	.sub#life .life_list .col .time_ttl {
		font-weight: bold;
		font-style: 1.6rem !important;
		color: #ec6300;
		margin-bottom: 6px;
	}
	.sub#life .life_list .col .time_ttl img {
		width: 25%;
		height: auto;
	}
}
#about .sec_ttl {
	position: relative;
}
#about .sec_ttl h3 {
	position: relative;
}
@media only screen and (min-width: 769px), print {
	#about section {
		margin-bottom: 100px;
	}
	#about section h3 {
		margin-bottom: 80px;
	}
	#about .sec_ttl .summary_txt {
		position: absolute;
		left: 280px;
		top: 0;
	}
}
#about #greeting {
	position: relative;
	border-top: 2px dashed #4f2d1a;
	margin: 0 4% 40px;
	padding-top: 30px;
}
#about #greeting h3 {
	font-size: 2.1rem;
	color: #ec6300;
	line-height: 1.7;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
@media only screen and (min-width: 769px), print {
	#about #greeting .txt {
		width: 658px;
	}
	#about #greeting .l-container {
		width: 842px;
	}
	#about #greeting .right {
		position: absolute;
		right: 0;
		top: 52%;
		margin-top: -117px;
	}
	#about #greeting .right .img {
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}
	#about #greeting .right .img img {
		width: 25%;
		height: auto;
	}
	#about #sketch .img {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	#about #greeting {
		padding: 30px 4% 0;
		margin-bottom: 30px;
	}
	#about #greeting .img {
		text-align: center;
		width: 70%;
		margin: 0 auto;
	}
	#about #class h3,#about #event h3,#about #sketch h3 {
		margin-bottom: 15px;
	}
	#about #class {
		margin-bottom: 30px;
		padding: 0 4%;
	}
	#about #class h3 {
		width: 34%;
	}
	#about #event {
		margin-bottom: 30px;
		padding: 0 4%;
	}
	#about #event h3 {
		width: 32%;
	}
	#about #sketch {
		padding: 0 4%;
	}
	#about #sketch h3 {
		width: 52%;
	}
}

@media only screen and (min-width: 769px), print {
	#summary .summary_list dl {
		position: relative;
		padding-left: 254px;
		margin-bottom: 60px;
	}
	#summary .summary_list dl dt {
		position: absolute;
		left: 0;
		top: 0;
	}
}
@media screen and (max-width: 767px) {
	#summary .summary_list dl {
		margin-bottom: 30px;
	}
	#summary .summary_list dl dt {
		margin-bottom: 15px;
	}
}
#summary .summary_list dl dd small {
	font-size: 1.5rem;
}
#summary .summary_list dl dd ol {
	display: inline-block;
	margin-left: 15px;
}
#summary .summary_list dl dd ol small {
	display: block;
}

#summary .summary_list dl dd .label {
	background: url(../img/common/ico_circle_orange.png) no-repeat left center;
	padding-left: 25px;
	font-size: 1.7rem;
}
@media only screen and (min-width: 769px), print {
	#summary .summary_list dl:nth-of-type(1) dd .inner {
		position: relative;
		margin-bottom: 60px;
	}
	#summary .summary_list dl:nth-of-type(1) dd .inner .img {
		position: absolute;
		right: 0;
		top: 0;
	}
}
@media screen and (max-width: 767px) {
	#summary .summary_list dl {
		padding: 0 4%;
	}
	#summary .summary_list dl:nth-of-type(1) dt {
		width: 40%;
	}
	#summary .summary_list dl:nth-of-type(2) dt {
		width: 45%;
	}
	#summary .summary_list dl:nth-of-type(3) dt {
		width: 42%;
	}
	#summary .summary_list dl:nth-of-type(4) dt {
		width: 48%;
	}
	#summary .summary_list dl:nth-of-type(5) dt {
		width: 50%;
	}
	#summary .summary_list dl:nth-of-type(1) dd .inner .img {
		text-align: center;
		margin: 5% 0;
	}
}
#summary .table_side_style {
	border: 1px solid #303022;
	width: 100%;
	font-weight: bold !important;
}
#summary .table_side_style th,#summary .table_side_style td {
	border: 1px solid #303022;
	padding: 10px 20px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	#summary .table_side_style th,#summary .table_side_style td {
		padding: 5px 5px;
	}
}

#summary .table_side_style th {
	background: #e4e865;
	text-align: center;
	letter-spacing: 4px;
}
#summary_other .col {
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
	#summary_other .col {
		padding: 0 4%;
	}
}
#summary .table_side_style {
	border: 1px solid #303022;
	width: 100%;
}
@media only screen and (min-width: 769px), print {
	#summary #summary_other .table_side_style th, #summary #summary_other .table_side_style td {
		padding: 2px 20px;
	}
}
@media screen and (max-width: 767px) {
	#summary #summary_other .table_side_style th, #summary #summary_other .table_side_style td {
		padding: 2px 15px;
	}
}
#summary #summary_other ul li {
	margin-left: 0;
	padding-left: 0;
}
#summary #summary_other .table_side_style {
	width: auto;
}
#summary #summary_other .table_side_style th {
	background: #f4f4bf;
}
#summary #summary_other .table_side_style td.date {
	background: #e4e865;
}
#summary #summary_other .col .label {
	font-weight: bold;
}
#summary #summary_other .col .label:before {
	content: "◯";
}


#summary_other .topic_ttl {
	border-top: 2px dashed #4e2c19;
	text-align: center;
}
@media only screen and (min-width: 769px), print {
	#summary_other .topic_ttl {
		height: 30px;
	}
}
#summary_other .topic_ttl h3 {
	position: relative;
	top: -20px;
	padding: 0 15px;
	background: #fffef7;
	display: inline-block;
	letter-spacing: 0.5px;
	font-size: 2.1rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	#summary_other .topic_ttl h3 {
		font-size: 1.5rem;
		padding: 0 5px;
		top: -14px;
		letter-spacing: 0;
		line-height: 1.5;
	}
}

#summary_other h3 {
	text-align: center;
	color: #4f2d1a;
}
@media screen and (max-width: 767px) {
	#summary .table_side_style th {
		letter-spacing: 0px;
	}
}

#price_table tr:nth-child(odd) td {
    background-color: #fffef7;   /* 奇数行の背景色 */
}
#price_table tr:nth-child(even) td {
    background-color: #f4f5bd;   /* 偶数行の背景色 */
}

#summary .table_length_style {
	border: 1px solid #303022;
	width: 100%;
	font-weight: bold !important;
}
#summary .table_length_style thead td {
	background: #f4f5bd;
	text-align: center;
}

#summary .table_length_style th,#summary .table_length_style td {
	border: 1px solid #303022;
	padding: 6px 20px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	#summary .table_length_style th,#summary .table_length_style td {
		padding: 6px 12px;
	}
}
#summary .table_length_style td {
	text-align: center;
}
#summary .table_length_style td.price {
	color: #ec6300;
}

#summary .table_length_style th {
	background: #e4e865;
	text-align: center;
	letter-spacing: 4px;
}

@media screen and (max-width: 767px) {
	#summary .table_length_style th {
		letter-spacing: 0;
	}
}




footer {
	background: #eeaa30;
	color: #4e2c19;
	padding-top: 10px;
}
footer a {
	color: #4e2c19;
}
footer .cf {
	margin-bottom: 15px;
}
@media only screen and (min-width: 769px), print {

	footer .footer_inner {
		border-top: 2px dashed #764c1f;
		border-bottom: 2px dashed #764c1f;
		padding: 20px 0;
		margin: 20px 0 10px;
	}
	footer .footer_logo {
	float: left;
	margin-right: 30px;
	}
	footer .footer_address {
		float: left;
	}
	footer .fotoer_nav {
		display: table;
		width: 100%;
	}
	footer .fotoer_nav li {
		display: table-cell;
		padding: 0 16px;
	}
	footer .fotoer_nav li:after {
		content: "|";
		margin-left: 43px;
	}
	footer .fotoer_nav li:last-child:after {
		content: none;
	}
}
@media screen and (max-width: 767px) {
	footer {
		padding: 4% 0;
	}
	footer .footer_logo {
		text-align: center;
		width: 84%;
		margin: 0 auto;
	}
	footer .footer_address {
		text-align: center;
	}
	footer .footer_address span {
		display: block;
	}
	.fotoer_nav {
		text-align: center;
		padding: 0 4%;
		margin-bottom: 2%;
	}
	.fotoer_nav li {
		padding: 2.1% 0;
		border-bottom: 2px solid #4e2c19;
	}



}



footer .footer_copyright {
	text-align: center;
	font-size: 1.0rem;
}




/* -----------------------------------------------------------------
 * 	Utility
 * ----------------------------------------------------------------- */
@media only screen and (min-width: 769px), print {
	.l-container {
		width: 900px;
		margin: 0 auto;
	}
	.sp {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.l-container {
		width: 100%;
		margin: 0 auto;
	}
	.pc {
		display: none;
	}
}
/*----margin/padding---*/
.mt5  { margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}
.mb00 { margin-bottom: 0px !important;}
.mb5  { margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100{	margin-bottom: 100px !important;}
.ml00 {	margin-left: 0px !important;}
.ml5  {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.mr00 {	margin-right: 0px !important;}
.mr5  {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.pb00 { padding-bottom: 0px !important;}
.pb5  {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pt00 {	padding-top: 0px !important;}
.pt5  {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}
.pt40 {	padding-top: 40px !important;}
.pr5  {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr15 {	padding-right: 15px !important;}
.pr20 {	padding-right: 20px !important;}
.pr25 {	padding-right: 25px !important;}
.pr30 {	padding-right: 30px !important;}


/*----align----*/
.cen   { text-align: center !important; }
.left  { text-align: left !important; }
.right { text-align: right !important; }

@media screen and (max-width: 767px) {
	.cen-s   { text-align: center !important; }
	.left-s  { text-align: left !important; }
	.right-s { text-align: right !important; }
}


/*----text----*/
.txt12 { font-size: 1.2rem !important;}
.txt16 { font-size: 1.6rem !important;}
.txt18 { font-size: 1.8rem !important;}
.txt20 { font-size: 2.0rem !important;}

/*----border----*/
.bn {
	border:none !important;
}

/*----background----*/
.bc {
	background:none !important;
}

/*----clear----*/
.clear {
	clear: both;
}

/*--clearfix--*/
.cf {
	*zoom: 1;
}
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after{
	clear: both;
}

/*----float----*/
.fLeft { float: left !important; }
.fRight { float: right !important; }


				#sketch .main_label {
					text-align: center;
					margin: 12px 0 4px;
				}
				@media screen and (max-width: 767px) {
				#sketch .main_label {
					text-align: center;
					margin: 12px auto 0;
					width: 70%;
				}
				#sketch .main_label img {
					width: 100%;
					height: auto;
				}
				}
				#sketch ul.main_wrapper {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					margin-bottom: 30px;
				}
				#sketch ul li.parent {
					width: 390px;
					display: flex;
					align-items: center;
					margin: 15px 0;
					border-bottom: 2px dashed #000000;
					padding: 15px 0;
				}
				#sketch ul li.parent .label {
					margin-right: 15px;
				}
				#sketch ul li .mitori_detail {
					display: flex;
					flex: 1;
				}
				#sketch ul li .mitori_detail li {
					width: 105px;
					margin-left: 6px;
				}
				@media screen and (max-width: 767px) {
					#sketch ul li.parent {
						width: 100%;
					}
					#sketch ul li .mitori_detail li {
						width: 30%;
					}
					#sketch ul li.parent .label {
						width: 10%;
					}
				}
				#sketch ul li .mitori_detail li img {
					width: 100%;
					height: auto;
				}



				.btn_list {
						display: flex;
						margin-top: 15px;
					}
					.btn_list li {
						margin-right: 15px;
					}
					.btn_list li a {
						letter-spacing: 0.2px;
						color: #4f2d1a;
						font-weight: bold;
						background: #e4e865;
						padding: 10px 30px;
						border-radius: 8px;

					}