@charset "utf-8";
html{ scroll-padding-top: 30px;}
body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:100%;
	line-height:180%;
	color: #222;
	overflow-x: hidden;
}
img { border: none; vertical-align:bottom;}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0; padding: 0;
	font-size: 100%;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../img/spacer.gif);
}
iframe { border: none;}
a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70);}
#wrapper {}
i.material-icons { vertical-align: middle;}
.pc {display:block;}
.sp {display:none;}

@media only screen and (max-width:800px){
/*	body { min-width:100%; font-size:100%;}		*/
	body { min-width:420px; font-size:100%;}	/* 2022.10.06 upd */
	#header { width:100%;}
	#content{ width:100%;}
	#footer { width:100%;}
	#wrapper { background:#FFF; border-top:none; overflow:hidden;}
	#base { width:100%; margin:0 !important;}
	.pc { display:none !important;}
	.sp { display:block !important;}
}

/* GOOGLE SEARCH CUSTOMIZE */
.search_box {
	padding: 0;
	width: 100%;
	height: 35px; 
	font-size: 125%;
	background: #fbf7f0;
	border-radius: 5px;
	border: none; 
	overflow: hidden;
}
 .search_box input.t_box {
	margin: 0;
    border: none;
    width:calc(100% - 55px);
    height: 35px; 
}
.search_box #indexSearchWord{ background: #fbf7f0!important;}
.search_box input.indexSearchBtn {
    margin:0;
	padding: 0;
    float: right;
    width:35px;
    height:35px;
    background:#644e3f url("../img/icon_search.png") no-repeat center center;
	background-size: 38px auto;
    border: none;
    text-indent: -9999px;
}
.search_box input.indexSearchBtn:hover { cursor: pointer; opacity: 0.7; filter: alpha(opacity=70);}


/*====================================================================================================
  HEADER
====================================================================================================*/
#header { position:relative; clear:both; margin: auto; padding-bottom: 20px; width:100%; max-width: 1400px; overflow: hidden;}

/*** LOGO ******************************************************************/
#header h1 { float: left; width: calc(100% - 80%); padding-top:40px; text-align:center; transition: all 0.3s;}
#header h1 img { width:90%; max-width: 300px;}

/*** HEAD CONT ******************************************************************/
#header .head { float: right; overflow: hidden;}
#header .search_box { position: relative; top: 15px; float:left; width: 200px; }
#header .btn_conditions {
	position: relative; top: 15px; cursor: pointer;
	float:left;
	margin: 0 15px;
	padding: 3px 0;
	width: 115px;
	height:35px;
	color: #fff;
	text-align: center;
	background: #644e3f;
	border-radius: 5px;
}
#header .btn_conditions:hover { opacity: 0.7; filter: alpha(opacity=70);}
#header .pick_btn { float:left; overflow: hidden; }
#header .pick_btn p { float: left; width: calc(50% - 2.5px);}
#header .pick_btn p+p { margin-left: 5px;}
#header .pick_btn p a { 
	display: block;
	padding:17px 20px 17px 60px;
	color: #fff;
	font-size: 112.5%;
	font-weight: 500;
	text-decoration: none;
	background: #000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius:  5px;
}
#header .pick_btn p:nth-child(1) a { background:#4fbdd8 url("../img/icon_medical.png") no-repeat 10px center; background-size: 40px auto;}
#header .pick_btn p:nth-child(2) a { background:#fc9f96 url("../img/icon_puremama.png") no-repeat 10px center; background-size: 35px auto;}
#header .pick_btn p a:hover { opacity: 0.7; filter: alpha(opacity=70);}

/*** NAVIGATION ************************************************************/
#Nav_pc { float: right; padding:15px 0 0 0; width:80%;  transition: all 0.3s;}
#Nav_pc ul  {  display: flex; flex-wrap: wrap; background: url("../img/line_y.png") repeat-y right top; overflow: hidden;}
#Nav_pc ul  li { width: 16.66%; background: url("../img/line_y.png") repeat-y left top;}
#Nav_pc ul li p a { display: block; padding:95px 10px 0; color:#4f352c; text-align: center; font-size:100%; font-weight:600; line-height:130%;letter-spacing: -1px; text-decoration: none;}
#Nav_pc ul li p a:hover { color: #4fbdd8; }
#Nav_pc ul li:nth-child(1) a { background: url("../img/illust_precon.png") no-repeat center top; background-size: auto  85px;}
#Nav_pc ul li:nth-child(2) a { background: url("../img/illust_ninpu.png") no-repeat center top; background-size: auto  90px;}
#Nav_pc ul li:nth-child(3) a { background: url("../img/illust_children7.png") no-repeat center 20px; background-size: auto  65px;}
#Nav_pc ul li:nth-child(4) a { background: url("../img/illust_children10.png") no-repeat center 25px; background-size: auto  55px;}
#Nav_pc ul li:nth-child(5) a { background: url("../img/illust_consultation.png") no-repeat center 20px; background-size: auto  60px;}
#Nav_pc ul li:nth-child(6) a { background: url("../img/illust_panda.png") no-repeat center 30px; background-size: auto  40px;}
#Nav_pc ul li a span { display: inline-block !important;}
#Nav_pc ul li ul { width: 100%; padding: 10px; background: #ccc;}
#Nav_pc ul li ul li { float:none; width:100%; border-left:none; background: #fff;}
#Nav_pc ul li ul li+li { margin-top: 2px;}
#Nav_pc ul li ul li a { padding:5px;}
#Nav_pc ul li { position: relative; }
#Nav_pc ul li ul { position: absolute; top:50px; left:0; height:0; overflow: hidden; opacity: 0; transition: all 0.3s;}
#Nav_pc ul li:hover ul { display: block; height: auto; opacity: 10; }

@media only screen and (max-width:1250px){
	#header h1 {width: calc(100% - 75%); padding-top:50px;}
	#header h1 img { width: 80%;}
	#Nav_pc { width:75%;}
	#Nav_pc ul li p a { padding:70px 5px 0; font-size: 100%;}
	#Nav_pc ul li:nth-child(1) a { background: url("../img/illust_precon.png") no-repeat center top; background-size: auto  70px;}
	#Nav_pc ul li:nth-child(2) a { background: url("../img/illust_ninpu.png") no-repeat center top; background-size: auto  70px;}
	#Nav_pc ul li:nth-child(3) a { background: url("../img/illust_children7.png") no-repeat center 10px; background-size: auto  55px;}
	#Nav_pc ul li:nth-child(4) a { background: url("../img/illust_children10.png") no-repeat center 15px; background-size: auto  45px;}
	#Nav_pc ul li:nth-child(5) a { background: url("../img/illust_consultation.png") no-repeat center 15px; background-size: auto  45px;}
	#Nav_pc ul li:nth-child(6) a { background: url("../img/illust_panda.png") no-repeat center 20px; background-size: auto  35px;}
}
@media only screen and (max-width:1050px){
	#header h1 { clear: both; width: calc(100% - 80%); padding-top: 2%;}
	#Nav_pc { width:80%;}
	#Nav_pc ul li p a { padding:65px 5px 0; font-size:90%;}
	#header .pick_btn p a { padding:10px 20px 10px 60px; font-size: 100%;}
	#header .search_box,
	#header .btn_conditions {  top: 7px;}
}
@media only screen and (max-width:800px){
	#header { padding: 0 0 15px;}
	#header h1,
	#header h1 a { display: block; padding: 0; width: 215px; height: 50px;}
	#header h1 { position: absolute; top: 15px; left: 20px;}
	#header h1 a { text-indent: -9999px; background: url("../img/logo2.svg") no-repeat center center;}
	#header .head { float:none; padding-top: 75px;}
	#header .search_box{ display: none;}
	#header .btn_conditions {
		position:absolute; top:8px; right: 60px;
		float:none;
		margin: 0; padding:0;
		width: 60px; height: 60px;
		text-indent: -9999px;
		background: url("../img/icon_search2.png") no-repeat center center;
		background-size: 50px;
	}
	#header .pick_btn { float:none; width:100%; max-width: inherit;}
	#header .pick_btn p { float: left; width:48%; margin:1% !important;}
	#header .pick_btn p a { 
/*		padding:10px 20px 10px 60px; */
		padding:10px 15px 10px 60px;
		font-size: 112.5%;
		text-align: center;
		background: #000;
		border-radius:10px;
		box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);
		box-sizing: border-box;
	}
	#header .pick_btn p:nth-child(1) a { background-size: 45px auto;}
	#header .pick_btn p:nth-child(2) a { background-size: 40px auto;}
	#sp_nav {}
	.menu-trigger { position:absolute; top:26px; right:15px; margin:0; padding:0; width:40px; height:50px; z-index:9999; box-sizing:border-box;}
	.menu-trigger span { position:absolute; left:0; right:0; width:33px; height:4px; background-color:#4f352c; z-index:9999; }
	.menu-trigger small { display: none;}
	.menu-trigger,
	.menu-trigger span { display:inline-block; transition:all ease .4s !important; box-sizing:border-box; cursor:pointer; padding-top:3px; border-radius: 10px; }
	.menu-trigger span:nth-of-type(1) { top:10px;}
	.menu-trigger span:nth-of-type(2) { top:0; bottom:0;}
	.menu-trigger span:nth-of-type(3) { bottom:25px; }
	.menu-trigger.active { position: fixed; z-index: 999999999999999;}
	.menu-trigger.active span:nth-of-type(1) { -webkit-transform:translateY(3px) rotate(-45deg); transform:translateY(3px) rotate(-45deg); }
	.menu-trigger.active span:nth-of-type(2) { opacity:0; }
	.menu-trigger.active span:nth-of-type(3) { -webkit-transform:translateY(-10px) rotate(45deg); transform:translateY(-10px) rotate(46deg); bottom:23px; }
	.menu-trigger.active small { display: block; position: absolute; bottom:0px; font-size:10px; text-align: center; font-weight: 600; color:#4f352c;}
	#Nav_sm { 
		display:none; position:fixed; top:0;
		width:100%; height:100vh;
		background:url("../img/bg_y1.jpg");
		overflow: auto;
		z-index: 999999999;
	}
	#Nav_sm .logo { margin: auto; padding: 30px 0; width: 160px;}
	#Nav_sm .bana { margin:0 2% 30px; width:96%; text-align: center;}
	#Nav_sm .bana img { width: 80%; height: auto;}
	#Nav_sm ul.sm_nav1 { margin:0 2%; width:96%;  overflow: hidden;}
	#Nav_sm ul.sm_nav1 li { float: left; width: 50%; background: url("../img/line_x.png") repeat-x left bottom;}
	#Nav_sm ul.sm_nav1 li a {
		display:block;
		color:#4f352c;
		padding:65px 0 10px;
		font-weight:600;
		text-align: center;
		text-decoration:none;
		background:url(../image/smnav_arrow.png) no-repeat 97% center;
		background-size:auto 30%;
	}
	#Nav_sm ul.sm_nav1 li:nth-child(1) a { background: url("../img/illust_ninpu.png") no-repeat center top; background-size: auto 70px;}
	#Nav_sm ul.sm_nav1 li:nth-child(2) a { background: url("../img/illust_children7.png") no-repeat center 10px; background-size: auto 60px;}
	#Nav_sm ul.sm_nav1 li:nth-child(3) a { background: url("../img/illust_children10.png") no-repeat center 20px; background-size: auto 45px;}
	#Nav_sm ul.sm_nav1 li:nth-child(4) a { background: url("../img/illust_consultation.png") no-repeat center 15px; background-size: auto 42px;}
	#Nav_sm ul.sm_nav1 li:nth-child(5) a { background: url("../img/illust_panda.png") no-repeat center 20px; background-size: auto 30px;}
	#Nav_sm ul.sm_nav1 li:nth-child(2),
	#Nav_sm ul.sm_nav1 li:nth-child(4) {background: url("../img/line_y.png") repeat-y left top, url("../img/line_x.png") repeat-x left bottom;}
	#Nav_sm ul.sm_nav2 { clear: both; padding: 30px 0; overflow: hidden;}
	#Nav_sm ul.sm_nav2 li { float: left; width: 49%;}
	#Nav_sm ul.sm_nav2 li+li { margin-left: 1%;}
	#Nav_sm ul.sm_nav2 li img { width: 100%;}
	#Nav_sm ul.sm_nav3 { margin:0 auto; width:98%;  overflow: hidden;}
	#Nav_sm ul.sm_nav3 li { float: left; margin: 0 2%; width:29.3%;}
	#Nav_sm ul.sm_nav3 li img { width: 100%; height: auto;}
	#Nav_sm ul.sm_nav4 { margin: 30px auto; width: 92%;}
	#Nav_sm ul.sm_nav4 li+li { margin-top: 10px;}
	#Nav_sm ul.sm_nav4 li a { 
		padding-left: 30px; color: #4f352c;
		text-decoration: none;
		font-weight: 500;
		background: url("../img/arrow_d1.png") no-repeat left center;
		background-size:20px auto; 
	}
}


/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both;  width:100%; }


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { clear:both; width:100%; color:#4f352c; background: url("../img/bg_y1.jpg") repeat center center; overflow: hidden;}
#footer .f_cont { margin: auto; padding: 60px 0 40px; width: 100%; max-width: 1000px;}
#footer a { color:#4f352c; text-decoration: none;}

/* LOGO */
#footer .logo { position: relative; margin: auto; max-width: 230px;}
#footer .logo p:nth-child(2) {
	position: absolute; right: -70px; bottom:0;
	width:48px; height: 64px;
	text-indent: -9999px;
	background: url("../img/kochike.png") no-repeat;
	background-size: 48px auto;
}

/* NAV */
#footer ul.f_nav1 { margin:40px 0 20px; background: url("../img/line_y.png") repeat-y right top; overflow: hidden;}
#footer ul.f_nav1 li { float: left; width:16.66%; background: url("../img/line_y.png") repeat-y left top;}
#footer ul.f_nav1 li a { display: block; padding:50px 0 0; text-align: center; font-weight:500;}
#footer ul.f_nav1 li a:hover { color: #4fbdd8;}
#footer ul.f_nav1 li:nth-child(1) a { background: url("../img/illust_precon.png") no-repeat center 5px; background-size: auto  50px;}
#footer ul.f_nav1 li:nth-child(2) a { background: url("../img/illust_ninpu.png") no-repeat center 5px; background-size: auto  50px;}
#footer ul.f_nav1 li:nth-child(3) a { background: url("../img/illust_children7.png") no-repeat center 10px; background-size: auto  40px;}
#footer ul.f_nav1 li:nth-child(4) a { background: url("../img/illust_children10.png") no-repeat center 10px; background-size: auto  40px;}
#footer ul.f_nav1 li:nth-child(5) a { background: url("../img/illust_consultation.png") no-repeat center 10px; background-size: auto  40px;}
#footer ul.f_nav1 li:nth-child(6) a { background: url("../img/illust_panda.png") no-repeat center 15px; background-size: auto  30px;}
#footer ul.f_nav2 { padding: 10px; text-align:center; background: #fff; overflow: hidden;}
#footer ul.f_nav2 li { display:inline;}
#footer ul.f_nav2 li a { font-size: 87.5%;;}
#footer ul.f_nav2 li+li::before { content:" ／";  }
#footer ul.f_nav2 li a:hover { color: #4fbdd8;}

/* ADDRESS and PICKUP BTN */
#footer .f_add { padding: 40px 0 0; overflow: hidden;}
#footer .f_add .add { float: left;}
#footer .f_add .add b { font-weight: 500;}
#footer .f_add .add p { font-weight: 500; font-size: 87.5%; line-height: 150%; }
/*
#footer .f_add .pick_btn { float:right; overflow: hidden; }
#footer .f_add .pick_btn p { float: left; width: calc(50%-2.5px);}
#footer .f_add .pick_btn p+p { float: left; margin-left: 5px;}
#footer .f_add .pick_btn p a { 
	display: block;
	padding: 13px 20px 13px 60px;
	color: #fff;
	font-size: 112.5%;
	font-weight: 500;
	background: #000;
	border-radius: 5px;
}
#footer .f_add .pick_btn p:nth-child(1) a { background:#4fbdd8 url("../img/icon_medical.png") no-repeat 10px center; background-size: 40px auto;}
#footer .f_add .pick_btn p:nth-child(2) a { background:#fc9f96 url("../img/icon_puremama.png") no-repeat 10px center; background-size: 35px auto;}
#footer .f_add .pick_btn p a:hover { opacity: 0.7; filter: alpha(opacity=70);}
*/
#footer .f_add .pick_btn { float:right; width: 309px; overflow: hidden; text-align: center;}
#footer .f_add .pick_btn small { display: block;}

/* COPYRIGHT */
#footer .copyright { padding: 10px 0; text-align: center; font-size: 87.5%; background: #fff;}

@media only screen and (max-width:1050px){
	#footer ul.f_nav1 li a  { font-size:90%;}
}
@media only screen and (max-width:900px){
	#footer ul.f_nav2 li:nth-child(4) {clear: both;}
	#footer .f_add .add { float:none; margin: auto; max-width: 520px;}
	#footer .f_add .pick_btn { float:none; margin:40px auto 0; width: 381px;}
}
@media only screen and (max-width:800px){
	#footer .logo { position: relative; margin: auto; max-width: 230px;}
	#footer .logo p:nth-child(2) { 
		position: static; margin:20px auto 0;
		width:98px; height: 39px;
		background: url("../img/kochike2.png") no-repeat;
		background-size: 98px auto;
	}
	#footer ul.f_nav1 { display: none;}
	#footer ul.f_nav2 { display: none;}
	#footer .f_add { padding: 20px 0 0;;}
	#footer .f_add .add {  max-width: 300px;}
	#footer .f_add .pick_btn { display: none;}
}


/*====================================================================================================
  FIX CONTENT
====================================================================================================*/
#page,
#page a { display:block; width:60px; height:60px;}
#page { position: fixed; bottom:20px; right:20px; z-index: 999999;}
#page a { text-indent: -9999px; background:#c1c1b8 url(../img/page_top.png) no-repeat center center; border-radius: 50px;}


/*====================================================================================================
  CONDITIONS SEARCH
====================================================================================================*/
#conditions {
	display: none;
    position: fixed; top: 0; left: 0;
    width: 100vw; height: 100vh;
	color: #4f352c;
    background: url("../img/bg_y1.jpg") repeat center center;
	overflow: auto;
    z-index: 999999999999999;
}
#conditions .btn_close {
	display: block; cursor: pointer; width: 50px; 
	position: absolute; top:20px; right: 20px;
	background: none; border: none;
}
#conditions .btn_close:hover{ opacity: 0.7; filter: alpha(opacity=70);}
#conditions dl { margin: auto; padding: 20px 0; width: 98%; max-width: 1200px; border-bottom: 1px solid rgba(79,53,44,0.10); overflow: hidden;}
#conditions dt {
	float: left;
	padding:2% 0 2% 20px;
	font-size: 112.5%;
	font-weight: 600;
	width: 200px;
	letter-spacing: 2px;
	background:url("../img/list_arrow.png") no-repeat left center;
}
#conditions dd {
	float:right;
	padding-bottom: 3px;
	width:calc(100% - 200px);
	max-width: 950px;
	overflow: hidden;
}
#conditions dd p { float: left; margin:1% 0.5%; background-color: #fff; border-radius:5px; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15);}

/* 2022.09.13 */
#conditions dd::after {
	clear: both;
	display: block;
	content: "";
}

#conditions dd.col3 p { width: 32.3%;}
#conditions dd.col3 p.c3-2 { width: 65.6%;}
#conditions dd.col4 p { width: 24%;}
#conditions dd p a {
	display: block;
    padding:22px 0;
	height: 65px;
    font-size: 112.5%;
	font-weight: 500;
    text-align: center;
	text-decoration: none;
	color: #4f352c;
	line-height: 100%;
    box-sizing: border-box;
}
#conditions dd.cate_stage p:nth-child(1) a { background:url("../img/illust_ninpu.png") no-repeat 10px center; background-size: auto  50px; padding-left: 55px;}
#conditions dd.cate_stage p:nth-child(2) a { background:url("../img/illust_children7.png") no-repeat 10px center; background-size: auto  40px; padding-left: 55px;}
#conditions dd.cate_stage p:nth-child(3) a { background:url("../img/illust_children10.png") no-repeat 10px center; background-size: auto  40px; padding-left: 55px;}
#conditions dd.cate_stage p:nth-child(4) a { background:url("../img/illust_consultation.png") no-repeat 10px center; background-size: auto  40px; padding-left: 55px;}
#conditions dd.cate_stage p:nth-child(5) a { background:url("../img/illust_panda.png") no-repeat 15px center; background-size: auto  30px; padding-left: 55px;}
#conditions dd.cate_mokuteki p:nth-child(1) a { background:url( "../img/illust_home1.png") no-repeat 10px center; background-size: auto  30px; padding-left: 55px;}
#conditions dd.cate_mokuteki p:nth-child(2) a { background:url("../img/illust_goods8.png") no-repeat 15px center; background-size: auto  30px; padding-left: 55px;}
#conditions dd.cate_mokuteki p:nth-child(3) a { background:url("../img/illust_children3.png") no-repeat 10px center; background-size: auto  35px; padding-left: 55px;}
#conditions dd.cate_mokuteki p:nth-child(4) a { background:url("../img/illust_works.png") no-repeat 10px center; background-size: auto  40px; padding:15px 0 22px 55px;}
#conditions dd.cate_mokuteki p:nth-child(5) a { background:url("../img/illust_money.png") no-repeat 15px center; background-size: auto  30px; padding-left: 55px;}
#conditions dd.cate_mokuteki p:nth-child(6) a { background:url("../img/illust_children5.png") no-repeat 15px center; background-size: auto  40px; padding:15px 0 22px 55px;}
#conditions dd.cate_mokuteki p:nth-child(4) { clear: both;}
#conditions dd p a.link_blank {  background: url("../img/icon_windou.png") no-repeat 98% center;}
#conditions dd p small { opacity: 0.7; filter: alpha(opacity=70);}
#conditions dd p:hover { background-color:#4fbdd8;}
#conditions dd p:hover a { color: #fff;}
@media only screen and (max-width:1250px){
	#conditions dt { font-size:100%; width: 170px;}
	#conditions dd { width:calc(100% - 170px);}
	#conditions dd p a { font-size:100%;}
}
@media only screen and (max-width:1050px){
	#conditions dt,
	#conditions dd { float: none; width: 100%; max-width: inherit;}
	#conditions dt { padding-bottom: 0; padding-top: 0;}
	#conditions dd p { margin:0.5%;}
	#conditions dd p a { padding:20px 0; height: 60px; }
}
@media only screen and (max-width:800px){
	#conditions { padding-top: 20px;}
	#conditions .btn_close {  top: 15px; right:5%; width: 35px; }
	#conditions dl { padding:20px 0; width: 90%;}
	#conditions dd {  padding-top:10px}
	#conditions .search_box { height: 50px; font-size: 100%; border: 2px solid #58c2d9; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.15); }
	#conditions .search_box input.t_box { width:calc(100% - 77px); height: 50px;}
	#conditions .search_box input.indexSearchBtn {
		width:70px; height:46px;
		background:#58c2d9 url("../img/icon_search.png") no-repeat center center;
		background-size: 40px auto;
	}
	#conditions dd p { margin:0 0 3%;}
	#conditions dd p+p { margin-left: 2%;}
	#conditions dd p:nth-child(2n+1) { margin-left:0;}
	#conditions dd.cate_stage p:nth-child(1) a { background-position: 7px center; background-size: auto  40px; padding-left: 30px;}
	#conditions dd.cate_stage p:nth-child(2) a { bbackground-position: 0px center; background-size: auto  30px; padding-left: 30px;}
	#conditions dd.cate_stage p:nth-child(3) a { background-position: 10px center; background-size: auto  30px; padding-left: 30px;}
	#conditions dd.cate_stage p:nth-child(4) a { background-position: 10px center; background-size: auto  30px; padding-left: 30px;}
	#conditions dd.cate_stage p:nth-child(5) a { background-position: 15px center; background-size: auto  25px; padding-left: 30px;}
	#conditions dd.cate_mokuteki p:nth-child(1) a { background-position: 7px center; background-size: auto  20px; padding-left: 30px;}
	#conditions dd.cate_mokuteki p:nth-child(2) a { background-position: 15px center; background-size: auto  25px; padding-left: 30px;}
	#conditions dd.cate_mokuteki p:nth-child(3) a { background-position: 10px center; background-size: auto  30px; padding-left: 30px;}
	#conditions dd.cate_mokuteki p:nth-child(4) a { background-position: 10px center; background-size: auto  30px; padding-left: 30px;}
	#conditions dd.cate_mokuteki p:nth-child(5) a { background-position: 15px center; background-size: auto  25px; padding-left: 30px;}
	#conditions dd.cate_mokuteki p:nth-child(6) a { background-position: 7px center; background-size: auto  33px; padding-left: 30px;}
	#conditions dd.cate_soudan p { width: 100% !important;}
	#conditions dd.cate_stage p { width: 49% !important;}
	#conditions dd.cate_mokuteki p { clear: none !important; width: 49% !important;}
	#conditions dd.cate_mokuteki p:nth-child(5) a { padding:15px 0 22px 55px;}
	#conditions dd.cate_medical p { width: 49% !important;}
	#conditions dd.cate_azukesaki p { width: 49% !important;}
	#conditions dd.cate_azukesaki p a { height: 70px;}
	#conditions dd.cate_azukesaki p:nth-child(1) a { text-align: left; padding:15px 0 22px 55px;}
	#conditions dd.cate_azukesaki p:nth-child(1) a small { display: block; letter-spacing: -1px;}
	#conditions dd.cate_azukesaki p:nth-child(1) a { padding:10px 0 22px 15px;}
}


/*====================================================================================================
  COLOR eto..
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}

/*====================================================================================================
  OTHER
====================================================================================================*/
.hide {
	display: none;
}