@charset "utf-8";
/*
機　　能　　名：トップページ
作　　成　　日：2020/04/23
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	top
**************************************** */

div#top {
}

/* ***************************************
	intro
**************************************** */
#intro .intro_in2 {
margin:0 auto;
}
#intro .intro_in2 {
position:relative;
}
#intro p {
	margin:0;
}
#intro .intro_free {
	font-weight:bold;
}
#intro .intro_free .intro_free_ttl {
	position:absolute;
	color:#FF3333;
	text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF;
	font-style:italic;
	line-height:1.2;
	transform:rotate(-10deg);
	z-index:2;
}
#intro .intro_free .intro_free_num {
	position:absolute;
	color:#FFF;
	z-index:1;
}
#intro .intro_free .intro_free_num span {
	font-style:italic;
}
#intro .intro_btm .att {
	text-indent:0;
	position:relative;
	z-index:3;
}
#intro .intro_btm .intro_time {
	color:#FFFF33;
	text-shadow:0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D,0 0 2px #23984D;
	font-weight:bold;
}
#intro .intro_btm .intro_time span {
	color:#FFFFFF;
	display:inline-block;
	background:#FF3333;
	text-shadow:none;
	position:relative;
	left:1px;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	text-align:center;
	line-height:0;
}
#intro .intro_btm .intro_tel {
	line-height:1;
	font-weight:bold;
	color:#FF3333;
	text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
}
@media screen and (min-width: 769px) {/* PC */
#intro {
	margin-bottom:50px;
height:541px;
background:url(../images/top/main_bg_pc.jpg) center 0 repeat-x;
}
#intro .intro_in {
background:url(../images/top/main_img_pc.png) center 0 no-repeat;
}
#intro .intro_in2 {
padding-top:3px;
width:980px;
height:538px;/* total 541px */
}
#intro h2 {
	text-align:right;
	padding-right:3px;
	margin-bottom:30px;
}
#intro .intro_free .intro_free_ttl {
	top:305px;
	right:250px;
	font-size:32px;
}
#intro .intro_free .intro_free_num {
	top:255px;
	right:120px;
	font-size:45px;
text-shadow:0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333,0 0 8px #FF3333;
}
#intro .intro_free .intro_free_num span {
	font-size:200px;
}
#intro .intro_btm .att {
	color:#000;
	font-size:12px;
text-shadow:0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF,0 0 1px #FFF;
position:absolute;
bottom:10px;
right:10px;
width:250px;
}
#intro .intro_btm .intro_time {
	font-size:40px;
}
#intro .intro_btm .intro_time span {
	width:60px;
	height:60px;
	line-height:60px;
	font-size:25px;
	border:2px solid #FFF;
	top:-7px;
	margin-right:10px;
}
#intro .intro_btm .intro_tel {
	font-size:85px;
}
}
@media screen and (max-width: 768px) {/* SP */
#intro {
	padding-top:6px;
	margin-bottom:20px;
}
#intro h2 {
	width:320px;
	text-align:left;
	xmargin:0 auto 3px auto;
}
#intro .intro_in3 {
	position:relative;
background:url(../images/top/main_bg_sp.png) center 0 no-repeat;
background-size:cover;
-webkit-background-size:cover;
}
#intro .intro_in4 {
	position:relative;
	width:320px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:30px;
}
#intro .intro_in3:after {
	content:"";
	position:absolute;
	bottom:-17px;
	right:0;
	width:80px;
	height:144px;
	background:url(../images/top/main_img_sp.png) 0 0 no-repeat;
	background-size:80px auto;
	-webkit-background-size:80px auto;
}
#intro .intro_free .intro_free_ttl {
	bottom:40px;
	right:50px;
	font-size:14px;
}
#intro .intro_free .intro_free_num {
	bottom:-10px;
	right:10px;
	font-size:14px;
text-shadow:0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333,0 0 4px #FF3333;
}
#intro .intro_free .intro_free_num span {
	font-size:60px;
}
#intro .intro_btm .intro_time {
	font-size:14px;
	text-align:center;
}
#intro .intro_btm .intro_time span {
	width:26px;
	height:26px;
	line-height:26px;
	font-size:10px;
	border:1px solid #FFF;
	top:-3px;
	margin-right:5px;
}
#intro .intro_btm .intro_tel {
	font-size:40px;
margin-bottom:5px;
text-align:center;
}
#intro .intro_btm {
	background:#3494D3;
	padding:5px 0;
	position:relative;
	z-index:0;
}
#intro .intro_btm_in {
	width:330px;
	margin:0 auto;
}
#intro .intro_btm .att {
	color:#FFF;
	font-size:12px;
	line-height:1.3;
}
@media screen and (max-width: 320px) {/* w320 */
#intro .intro_free .intro_free_num {
	xright:20px;
}
#intro .intro_btm_in {
	width:300px;
}
#intro .intro_btm .intro_tel {
	font-size:36px;
}
}
}

/* ***************************************
	price_menu
**************************************** */
#price_menu {
}
#price_menu li {
	float:left;
}
#price_menu li a {
	display:block;
	color:#FFFFFF;
}
#price_menu li .bg {
	position:relative;
}
#price_menu li .bg:before,
#price_menu li .bg:after {
	content:'';
	display:block;
	position:absolute;
}
#price_menu li .bg:after {
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
#price_menu .menu_toilet .bg {
	background:url(../images/common/bg_blue_l.png) 0 0 repeat;
}
#price_menu .menu_washroom .bg {
	background:url(../images/common/bg_green.png) 0 0 repeat;
}
#price_menu .menu_kitchen .bg {
	background:url(../images/common/bg_red.png) 0 0 repeat;
}
#price_menu .menu_bath .bg {
	background:url(../images/common/bg_green_l.png) 0 0 repeat;
}
#price_menu .menu_overflow .bg {
	background:url(../images/common/bg_orange.png) 0 0 repeat;
}
#price_menu .menu_wtrheater .bg {
	background:url(../images/common/bg_purple.png) 0 0 repeat;
}
#price_menu .menu_fauset .bg {
	background:url(../images/common/bg_pink.png) 0 0 repeat;
}
#price_menu .menu_other .bg {
	background:url(../images/common/bg_gray.png) 0 0 repeat;
}
#price_menu li .menu_ttl {
	border-bottom:1px dotted rgba(255,255,255,0.6);
	font-weight:bold;
}
#price_menu li .menu_main_ttl {
	display:block;
	line-height:1.4;
}
#price_menu li .menu_main_ttl span {
	padding-right:3px;
}
#price_menu .menu_toilet .menu_main_ttl span {
	text-shadow:0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F;
}
#price_menu .menu_washroom .menu_main_ttl span {
	text-shadow:0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A,0 0 2px #207E4A;
}
#price_menu .menu_kitchen .menu_main_ttl span {
	text-shadow:0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F,0 0 2px #9E344F;
}
#price_menu .menu_bath .menu_main_ttl span {
	text-shadow:0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36,0 0 2px #859F36;
}
#price_menu .menu_overflow .menu_main_ttl span {
	text-shadow:0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936,0 0 2px #C45936;
}
#price_menu .menu_wtrheater .menu_main_ttl span {
	text-shadow:0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A,0 0 2px #5D3F7A;
}
#price_menu .menu_fauset .menu_main_ttl span {
	text-shadow:0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55,0 0 2px #833C55;
}
#price_menu .menu_other .menu_main_ttl span {
	text-shadow:0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762,0 0 2px #4A5762;
}
#price_menu li .price_ttl {
	padding-right:0.5em;
}
#price_menu li .price_num {
	font-weight:bold;
}

@media screen and (min-width: 769px) {/* PC */
#price_menu {
	margin-top:80px;
}
#price_menu li {
	width:236px;
	margin:0 12px 40px 0;
}
#price_menu li:nth-child(4),
#price_menu li:nth-child(8) {
	margin-right:0;
}
#price_menu li a {
	padding-top:144px;
}
#price_menu li a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
#price_menu li .bg {
	padding:10px 30px 10px 0;
}
#price_menu li .bg:before {
	width:36px;
	height:18px;
	top:-18px;
	left:50%;
	margin-left:-18px;
}
#price_menu li .bg:after {
	width:14px;
	height:14px;
	right:10px;
	border-top:3px solid rgba(255,255,255,0.8);
	border-right:3px solid rgba(255,255,255,0.8);
}
#price_menu .menu_toilet a {
	background:url(../images/top/menu_toilet.png) center 0 no-repeat;
	background-size:236px auto;
	-webkit-background-size:236px auto;
}
#price_menu .menu_toilet .bg:before {
	background:url(../images/top/menu_toilet_arrow.png) 0 0 no-repeat;
	background-size:auto 18px;
	-webkit-background-size:auto 18px;
}
#price_menu .menu_washroom a {
	background:url(../images/top/menu_washroom.png) center 0 no-repeat;
	background-size:236px auto;
	-webkit-background-size:236px auto;
}
#price_menu .menu_washroom .bg:before {
	background:url(../images/top/menu_washroom_arrow.png) 0 0 no-repeat;
	background-size:auto 18px;
	-webkit-background-size:auto 18px;
}
#price_menu .menu_kitchen a {
	background:url(../images/top/menu_kitchen.png) center 0 no-repeat;
	background-size:236px auto;
	-webkit-background-size:236px auto;
}
#price_menu .menu_kitchen .bg:before {
	background:url(../images/top/menu_kitchen_arrow.png) 0 0 no-repeat;
	background-size:auto 18px;
	-webkit-background-size:auto 18px;
}
#price_menu .menu_bath a {
	background:url(../images/top/menu_bath.png) center 0 no-repeat;
	background-size:236px auto;
	-webkit-background-size:236px auto;
}
#price_menu .menu_bath .bg:before {
	background:url(../images/top/menu_bath_arrow.png) 0 0 no-repeat;
	background-size:auto 18px;
	-webkit-background-size:auto 18px;
}
#price_menu .menu_overflow a {
	background:url(../images/top/menu_overflow.png) center 0 no-repeat;
	background-size:236px auto;
	-webkit-background-size:236px auto;
}
#price_menu .menu_overflow .bg:before {
	background:url(../images/top/menu_overflow_arrow.png) 0 0 no-repeat;
	background-size:auto 18px;
	-webkit-background-size:auto 18px;
}
#price_menu .menu_wtrheater a {
	background:url(../images/top/menu_wtrheater.png) center 0 no-repeat;
	background-size:236px auto;
	-webkit-background-size:236px auto;
}
#price_menu .menu_wtrheater .bg:before {
	background:url(../images/top/menu_wtrheater_arrow.png) 0 0 no-repeat;
	background-size:auto 18px;
	-webkit-background-size:auto 18px;
}
#price_menu .menu_fauset a {
	background:url(../images/top/menu_fauset.png) center 0 no-repeat;
	background-size:236px auto;
	-webkit-background-size:236px auto;
}
#price_menu .menu_fauset .bg:before {
	background:url(../images/top/menu_fauset_arrow.png) 0 0 no-repeat;
	background-size:auto 18px;
	-webkit-background-size:auto 18px;
}
#price_menu .menu_other a {
	background:url(../images/top/menu_other.png) center 0 no-repeat;
	background-size:236px auto;
	-webkit-background-size:236px auto;
}
#price_menu .menu_other .bg:before {
	background:url(../images/top/menu_other_arrow.png) 0 0 no-repeat;
	background-size:auto 18px;
	-webkit-background-size:auto 18px;
}
#price_menu li .menu_ttl {
	padding-left:15px;
	padding-bottom:7px;
	margin-bottom:7px;
	font-size:18px;
}
#price_menu li .menu_main_ttl span {
	font-size:26px;
}
#price_menu li .price {
	padding:5px 0 0 20px;
	font-size:15px;
}
#price_menu li .price_num {
	font-size:26px;
}

}
@media screen and (max-width: 768px) {/* SP */
#price_menu {
	margin-top:30px;
}
#price_menu li {
	width:48%;
	margin-bottom:16px;
}
#price_menu li.even {
	float:right;
}
#price_menu li a {
	padding-top:61%;
}
#price_menu li .bg {
	padding:6px 20px 6px 0;
}
#price_menu li .bg:before {
	width:21px;
	height:10px;
	top:-10px;
	left:50%;
	margin-left:-10px;
}
#price_menu li .bg:after {
	width:9px;
	height:9px;
	right:6px;
	border-top:2px solid rgba(255,255,255,0.8);
	border-right:2px solid rgba(255,255,255,0.8);
}
#price_menu .menu_toilet a {
	background:url(../images/top/menu_toilet.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#price_menu .menu_toilet .bg:before {
	background:url(../images/top/menu_toilet_arrow.png) 0 0 no-repeat;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#price_menu .menu_washroom a {
	background:url(../images/top/menu_washroom.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#price_menu .menu_washroom .bg:before {
	background:url(../images/top/menu_washroom_arrow.png) 0 0 no-repeat;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#price_menu .menu_kitchen a {
	background:url(../images/top/menu_kitchen.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#price_menu .menu_kitchen .bg:before {
	background:url(../images/top/menu_kitchen_arrow.png) 0 0 no-repeat;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#price_menu .menu_bath a {
	background:url(../images/top/menu_bath.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#price_menu .menu_bath .bg:before {
	background:url(../images/top/menu_bath_arrow.png) 0 0 no-repeat;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#price_menu .menu_overflow a {
	background:url(../images/top/menu_overflow.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#price_menu .menu_overflow .bg:before {
	background:url(../images/top/menu_overflow_arrow.png) 0 0 no-repeat;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#price_menu .menu_wtrheater a {
	background:url(../images/top/menu_wtrheater.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#price_menu .menu_wtrheater .bg:before {
	background:url(../images/top/menu_wtrheater_arrow.png) 0 0 no-repeat;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#price_menu .menu_fauset a {
	background:url(../images/top/menu_fauset.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#price_menu .menu_fauset .bg:before {
	background:url(../images/top/menu_fauset_arrow.png) 0 0 no-repeat;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#price_menu .menu_other a {
	background:url(../images/top/menu_other.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#price_menu .menu_other .bg:before {
	background:url(../images/top/menu_other_arrow.png) 0 0 no-repeat;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#price_menu li .menu_ttl {
	padding-left:6px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:13px;
}
#price_menu li .menu_main_ttl span {
	font-size:17px;
}
#price_menu li .price {
	padding:0 0 4px 13px;
	font-size:11px;
}
#price_menu li .price_num {
	font-size:18px;
}
@media screen and (max-width: 320px) {/* w320 */
#price_menu li .price {
	padding:0 0 4px 7px;
}
#price_menu li .price_ttl {
	font-size:10px;
}
#price_menu li .price_num {
	font-size:14px;
}
}
}

/* ***************************************
	f_otk_bnr
**************************************** */
@media screen and (min-width: 769px) {/* PC */
#f_otk_bnr {
margin-bottom:60px;
}
}
@media screen and (max-width: 768px) {/* SP */
#f_otk_bnr {
margin-bottom:30px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	area
**************************************** */
#area {
	background:#DFEFFF;
}
#area h2 {
	color:#FFFFFF;
}
#area .area_in {
	position:relative;
}
#area .area_in:before,
#area .area_in:after {
	content:"";
	position:absolute;
	z-index:0;
}
#area .area_in p {
	margin:0;
}
#area #area_txt_pop {
	position:absolute;
	z-index:1;
	color:#FFFF33;
	font-weight:bold;
	line-height:1.2;
}
#area #area_txt {
	position:relative;
	z-index:1;
	font-weight:bold;
	line-height:1;
	color:#2F2F2F;
}
#area #area_txt .big {
	font-style:italic;
}
#area #area_icon {
	position:absolute;
	z-index:1;
	color:#FFFFFF;
	background:#FF3333;
	text-align:center;
	line-height:1.2;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}
@media screen and (min-width: 769px) {/* PC */
#area {
	margin-bottom:20px;
	padding-bottom:30px;
}
#area h2 {
	padding:20px 0 40px 350px;
	font-size:40px;
	line-height:1.6;
	text-indent:1.5em;
}
#area h2 span {
	font-size:48px;
}
#area .area_in {
	padding-top:170px;
}
#area .area_in:before {
	width:100%;
	height:529px;
	top:-152px;
	left:9px;
	background:url(../images/top/area_img.png) 0 0 no-repeat;
	background-size:auto 529px;
	-webkit-background-size:auto 529px;
}
#area .area_in:after {
	width:281px;
	height:333px;
	top:-56px;
	right:0;
	background:url(../images/top/area_map.png) 0 0 no-repeat;
	background-size:auto 333px;
	-webkit-background-size:auto 333px;
}
#area #area_icon {
	top:-23px;
	right:280px;
	width:154px;
	height:126px;/* total 154px */
	padding-top:28px;
	font-size:39px;
	border:3px solid #FFF;
}
#area #area_txt_pop {
	padding:20px 0 0 16px;
	top:-13px;
	left:355px;
	min-height:215px;
	background:url(../images/top/area_txt_pop_bg.png) 0 0 no-repeat;
	background-size:auto 215px;
	-webkit-background-size:auto 215px;
	text-shadow:0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC;
	font-size:30px;
}
#area #area_txt_pop span {
	font-size:50px;
}
#area #area_txt {
	text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
	font-size:50px;
	padding-left:110px;
}
#area #area_txt .big {
	font-size:110px;
}
}
@media screen and (max-width: 768px) {/* SP */
#area {
	margin-bottom:17px;
	padding-bottom:17px;
}
#area h2 {
	padding:16px 0 88px 0;
	font-size:20px;
	line-height:1.4;
	text-align:center;
}
#area h2 span {
	font-size:27px;
}
#area .area_in {
	padding-top:34px;
	width:300px;
}
#area .area_in:before {
	width:100%;
	height:208px;
	top:-85px;
	left:0;
	background:url(../images/top/area_img.png) 0 0 no-repeat;
	background-size:auto 208px;
	-webkit-background-size:auto 208px;
}
#area .area_in:after {
	width:121px;
	height:144px;
	top:-76px;
	right:0;
	background:url(../images/top/area_map.png) 0 0 no-repeat;
	background-size:auto 144px;
	-webkit-background-size:auto 144px;
}
#area #area_icon {
	top:-52px;
	left:50%;
	width:64px;
	height:52px;/* total 64px */
	padding-top:12px;
	font-size:16px;
	border:2px solid #FFF;
	margin-left:-30px;
}
#area #area_txt_pop {
	padding:7px 0 0 6px;
	top:34px;
	left:10px;
	min-height:83px;/* total 90px */
	background:url(../images/top/area_txt_pop_bg.png) 0 0 no-repeat;
	background-size:auto 90px;
	-webkit-background-size:auto 90px;
	text-shadow:0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC,0 0 2px #3C9DCC;
	font-size:16px;
}
#area #area_txt_pop span {
	font-size:22px;
}
#area #area_txt {
	text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF;
	font-size:30px;
	padding-left:104px;
	line-height:1.2;
	margin-bottom:15px;
}
#area #area_txt .big {
	font-size:45px;
}



@media screen and (max-width: 320px) {/* w320 */
#area h2 {
	font-size:18px;
}
#area h2 span {
	font-size:25px;
}
}
}

/* ***************************************
	voice
**************************************** */
#voice {
text-align:left;
}
/* voice_box */
div.voice_box {
position:relative;
}
/* voice_cate */
div.voice_cate {
background:#3393D2;
text-align:center;
color:#FFF;
}
/* voice_ttl */
div.voice_ttl {
color:#399DCC;
}
div.voice_ttl h3 {
margin:0;
}
/* voice_name */
div.voice_name {
color:#999999;
}
/* voice_txt */
div.voice_txt {
margin-top:10px;
border-top:1px solid #3494D3;
padding-top:5px;
}
div.voice_txt p {
line-height:1.6;
margin:0;
}
@media screen and (min-width: 769px) {/* PC */
#voice {
margin-top:60px;
}
/* voice_box */
div.voice_box {
float:left;
width:450px;/* total 490px */
padding:0 20px;
margin-bottom:40px;
}
/* voice_cate */
div.voice_cate {
width:100px;
height:23px;
line-height:23px;
font-size:12px;
position:absolute;
top:0;
left:20px;
}
/* voice_ttl */
div.voice_ttl {
margin:0 0 10px 110px;
font-size:16px;
}
/* voice_name */
div.voice_name {
font-size:12px;
margin-left:110px;
}
}
@media screen and (max-width: 768px) {/* SP */
#voice {
margin-top:50px;
}
/* voice_box */
div.voice_box {
margin-bottom:35px;
}
/* voice_cate */
div.voice_cate {
display:inline-block;
width:90px;
padding:3px 0;
font-size:12px;
margin-bottom:5px;
}
/* voice_ttl */
div.voice_ttl {
margin-bottom:5px;
font-size:16px;
line-height:1.4;
}
/* voice_name */
div.voice_name {
font-size:12px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	faq
**************************************** */
#faq ul {
margin:0 auto;
}
#faq li .cate {
color:#FFFFFF;
display:inline-block;
text-align:center;
font-weight:bold;
background:#3C9DCC;
}
#faq li dt,
#faq li dd {
position:relative;
}
#faq li dt {
border:2px solid #3C9DCC;
background:#DAEDF5;
line-height:1.5;
}
#faq li dd {
border:2px solid #3C9DCC;
border-top:none;
line-height:1.8;
}
#faq li .icon {
position:absolute;
color:#FFFFFF;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
display:inline-block;
text-align:center;
font-weight:bold;
}
#faq li dt .icon {
	background:#3C9DCC;
}
#faq li dd .icon {
	background:#77BADB;
}
#faq li .icon:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	transform: rotate(270deg);
}
#faq li dt .icon:after {
	border-color: #3C9DCC transparent transparent transparent;
}
#faq li dd .icon:after {
	border-color: #77BADB transparent transparent transparent;
}
@media screen and (min-width: 769px) {/* PC */
#faq li {
margin-bottom:20px;
}
#faq li .cate {
font-size:1.3em;
padding:20px 15px 15px;
}
#faq li dt,
#faq li dd {
padding:20px 20px 20px 80px;
}
#faq li dt {
font-size:1.3em;
}
#faq li .icon {
top:13px;
left:20px;
	width:41px;
	height:41px;
	line-height:41px;
}
#faq li dd .icon {
font-size:1.3em;
}
#faq li .icon:after {
	right:-9px;
	margin-top:-5px;
	border-width: 10px 7px 0 7px;
}
}
@media screen and (max-width: 768px) {/* SP */
#faq li {
margin-bottom:26px;
}
#faq li .cate {
	width:calc(100% - 24px);
padding:8px 12px;
text-align:left;
line-height:1.2;
}
#faq li dt,
#faq li dd {
padding:10px 10px 10px 58px;
}
#faq li .icon {
top:10px;
left:10px;
	width:33px;
	height:33px;
	line-height:33px;
}
#faq li .icon:after {
	right:-7px;
	margin-top:-4px;
	border-width: 8px 5px 0 5px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	staff
**************************************** */
#staff h2 {
	margin-bottom:0;
}
#staff div#staff_in {
background:#ECF4FB;
border-bottom:1px solid #CCCCCC;
}
#staff h3 {
	position:relative;
	line-height:1.2;
	text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF;
}
#staff h3 .num {
	color:#FFF;
	background:#3392D2;
	text-align:center;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	display:block;
	position:absolute;
	text-shadow:none;
}
#staff h3 .big {
	color:#3392D2;
}
@media screen and (min-width: 769px) {/* PC */
#staff div#staff_in {
padding:30px 0 100px 0;
}
#staff h3 {
	font-size:35px;
	padding-top:25px;
}
#staff h3 .num {
	font-size:50px;
	width:80px;
	height:80px;
	line-height:80px;
	top:0;
	left:-88px;
}
#staff h3 .big {
	font-size:50px;
}
#staff div#staff_01,
#staff div#staff_02,
#staff div#staff_03 {
margin-bottom:43px;
min-height:280px;
}
#staff div#staff_01 {
background:url(../images/top/staff_01.png) 0 0 no-repeat;
background-size:460px auto;
-webkit-background-size:460px auto;
}
#staff div#staff_02 {
background:url(../images/top/staff_02.png) right 0 no-repeat;
background-size:460px auto;
-webkit-background-size:460px auto;
}
#staff div#staff_03 {
margin-bottom:0;
background:url(../images/top/staff_03-2.png?1) 0 0 no-repeat;
background-size:460px auto;
-webkit-background-size:460px auto;
}
#staff div#staff_01 h3,
#staff div#staff_03 h3 {
margin:0 0 27px 490px;
}
#staff div#staff_01 p,
#staff div#staff_03 p {
margin:0 0 0 490px;
}
#staff div#staff_02 h3 {
margin:0 390px 27px 185px;
}
#staff div#staff_02 p {
margin:0 490px 0 180px;
}

}
@media screen and (max-width: 768px) {/* SP */
#staff div#staff_in {
padding:20px 0;
}
#staff h3 {
	font-size:20px;
	padding-left:50px;
	margin-bottom:15px;
}
#staff h3 .num {
	font-size:30px;
	width:40px;
	height:40px;
	line-height:40px;
	top:50%;
	left:0;
	margin-top:-20px;
}
#staff h3 .big {
	font-size:24px;
}
#staff div#staff_01 {
padding-top:160px;
margin-bottom:30px;
background:url(../images/top/staff_01.png) center 0 no-repeat;
background-size:auto 139px;
-webkit-background-size:auto 139px;
}
#staff div#staff_02 {
padding-top:160px;
margin-bottom:30px;
background:url(../images/top/staff_02.png) center 0 no-repeat;
background-size:auto 139px;
-webkit-background-size:auto 139px;
}
#staff div#staff_03 {
padding-top:160px;
background:url(../images/top/staff_03.png) center 0 no-repeat;
background-size:auto 139px;
-webkit-background-size:auto 139px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/*
#staff div.sec_in {
width:920px;
text-align:left;
}
#staff div.sec_in p {
line-height:1.8;
text-align:justify;
}
#staff div#staff_02 {
background:url(../images/top/staff_02.jpg) right 0 no-repeat;
padding-bottom:65px;
}
#staff div#staff_02 h3 {
margin:0 0 22px 32px;
}
#staff div#staff_02 p {
margin:0 0 0 126px;
width:300px;
}
#staff div#staff_03 {
background:url(../images/top/staff_03.jpg) 0 0 no-repeat;
padding-bottom:120px;
}
#staff div#staff_03 h3 {
margin:0 0 14px 387px;
}
#staff div#staff_03 p {
margin:0 0 0 480px;
width:440px;
}*/

/* ***************************************
	promise
**************************************** */
#promise {
	background:url(../images/common/orange_dot_bg.png) 0 0 repeat;
	position:relative;
}
#promise:before,
#promise:after,
#promise .promise_in:before,
#promise .promise_in:after {
	content:"";
	background:#EDAF87;
	position:absolute;
	z-index:0;
}
#promise:before,
#promise:after {
	width:100%;
	height:1px;
	left:0;
}
#promise .promise_in:before,
#promise .promise_in:after {
	width:1px;
	height:100%;
	top:0;
}
#promise h2 {
	text-align:center;
	color:#E17933;
	z-index:1;
	text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
}
#promise h2 .bg {
	position:relative;
}
#promise h2 .bg:before,
#promise h2 .bg:after {
	content:"";
	position:absolute;
	top:-10px;
}
#promise h2 .bg:before {
	left:0;
}
#promise h2 .bg:after {
	right:0;
}
/* promise_box */
#promise .promise_box {
	position:relative;
	background:#FFFFFF;
	-moz-box-shadow:1px 1px 4px #999999;-webkit-box-shadow:1px 1px 4px #999999;
}
#promise .promise_box h3 {
	border-top:1px solid #FF6601;
	border-bottom:1px solid #FF6601;
	text-align:center;
	position:relative;
	line-height:1.2;
}
#promise .promise_box .promise_box_ttl {
	color:#623C23;
	/*background:linear-gradient(top, #C64F00, 60%, #333, #333);
	background:-webkit-linear-gradient(top, #C64F00, 60%, #333, #333);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;*/
}
#promise .promise_box h3 .num {
	position:absolute;
	display:inline-block;
	color:#E17933;
	text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
}
#promise .promise_box h3 .num:after {
	content:"";
	position:absolute;
	right:0;
}
@media screen and (min-width: 769px) {/* PC */
#promise {
	border:3px solid #EDAF87;
}
#promise:before {
	top:7px;
}
#promise:after {
	bottom:7px;
}
#promise .promise_in:before {
	left:7px;
}
#promise .promise_in:after {
	right:7px;
}
#promise h2 {
	font-size:45px;
	margin-top:-20px;
	margin-bottom:70px;
}
#promise h2 .bg {
	padding:0 85px 0 110px
}
#promise h2 .bg:before {
	width:101px;
	height:92px;
	background:url(../images/top/promise_img1.png) 0 0 no-repeat;
	background-size:auto 92px;
	-webkit-background-size:auto 92px;
}
#promise h2 .bg:after {
	width:79px;
	height:92px;
	background:url(../images/top/promise_img2.png) 0 0 no-repeat;
	background-size:auto 92px;
	-webkit-background-size:auto 92px;
}
#promise h2 .big {
	font-size:55px;
}
/* promise_box */
#promise .promise_box {
	width:850px;/* total 890px */
	margin:0 auto 60px auto;
	padding:37px 20px 20px 20px;
}
#promise .promise_box h3 {
	margin-bottom:20px;
	padding:23px 0 20px 0;
	font-size:33px;
}
#promise .promise_box h3 .num {
	top:-60px;
	left:50%;
	margin-left:-65px;
	font-size:33px;
	padding-right:108px;
}
#promise #promise_02 h3 .num {
	margin-left:-160px;
	padding-left:108px;
	padding-right:0;
}
#promise .promise_box h3 .num:after {
	top:-30px;
	width:101px;
	height:92px;
	background:url(../images/top/promise_img1.png) 0 0 no-repeat;
	background-size:auto 92px;
	-webkit-background-size:auto 92px;
}
#promise #promise_02 h3 .num:after {
	left:0;
}
#promise .promise_box h3 .num .big {
	font-size:45px;
}
#promise .promise_box p {
	text-align:center;
}
}
@media screen and (max-width: 768px) {/* SP */
#promise {
	border:2px solid #EDAF87;
}
#promise:before {
	top:3px;
}
#promise:after {
	bottom:3px;
}
#promise .promise_in:before {
	left:3px;
}
#promise .promise_in:after {
	right:3px;
}
#promise h2 {
	font-size:19px;
	margin-top:-15px;
	margin-bottom:30px;
}
#promise h2 .bg {
	padding:0 43px 0 53px;
	display:inline-block;
}
#promise h2 .bg:before {
	width:49px;
	height:44px;
	background:url(../images/top/promise_img1.png) 0 0 no-repeat;
	background-size:auto 44px;
	-webkit-background-size:auto 44px;
}
#promise h2 .bg:after {
	width:38px;
	height:44px;
	background:url(../images/top/promise_img2.png) 0 0 no-repeat;
	background-size:auto 44px;
	-webkit-background-size:auto 44px;
}
#promise h2 .big {
	font-size:25px;
}
/* promise_box */
#promise .promise_box {
	width:calc(90% - 10px);
	margin:0 auto 30px auto;
	padding:13px 5px 10px 5px;
}
#promise .promise_box h3 {
	margin-bottom:10px;
	padding:11px 0;
	font-size:18px;
}
#promise .promise_box h3 .num {
	top:-28px;
	left:50%;
	margin-left:-38px;
	padding-right:52px;
	font-size:18px;
}
#promise #promise_02 h3 .num {
	margin-left:-88px;
	padding-left:52px;
	padding-right:0;
}
#promise .promise_box h3 .num:after {
	top:-8px;
	width:49px;
	height:44px;
	background:url(../images/top/promise_img1.png) 0 0 no-repeat;
	background-size:auto 44px;
	-webkit-background-size:auto 44px;
}
#promise #promise_02 h3 .num:after {
	left:0;
}
#promise .promise_box h3 .num .big {
	font-size:22px;
}
#promise .promise_box p {
	padding:0 15px;
}

@media screen and (max-width: 320px) {/* w320 */
#promise .promise_box h3 {
	font-size:16px;
}
}
}

/* ***************************************
	flow
**************************************** */
#flow li {
	position:relative;
	background:#3C9DCC;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
#flow .arrow_down:before,
#flow .arrow_down:after {
	content:"";
	position:absolute;
	left:50%;
}
#flow .arrow_down:before {
	background:#CCCCCC;
}
#flow .arrow_down:after {
  width:0px;
  height:0px;
  margin:auto;
  border-style:solid;
  border-color:#CCC transparent transparent transparent;
}
#flow li div {
	position:absolute;
}
#flow li .num {
	background:#FFFFFF;
	border:2px solid #3C9DCC;
	color:#3C9DCC;
	text-align:center;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	display:block;
	font-weight:normal;
}
#flow li .num span {
	display:block;
	font-weight:bold;
	position:relative;
}
#flow li .num span:before,
#flow li .num span:after {
	content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
#flow li .num span:before {
  border-color: transparent transparent transparent #3C9DCC;
}
#flow li .num span:after {
  border-color: transparent transparent transparent #FFF;
}
#flow li .sub {
	color:#3C9DCC;
	position:absolute;
}
#flow .step_li_free {
position:absolute;
}
@media screen and (min-width: 769px) {/* PC */
#flow h2 {
	margin-bottom:80px;
}
#flow ul {
	margin-bottom:30px;
}
#flow li {
	padding:20px 0;
	margin-bottom:91px;
	font-size:38px;
}
#flow .arrow_down:before {
	bottom:-15px;
	width:22px;
	height:15px;
	margin-left:-11px;
}
#flow .arrow_down:after {
  bottom:-45px;
  border-width:30px 30px 0 30px;
	margin-left:-30px;
}
#flow li div {
	top:-46px;
	left:-10px;
}
#flow li .num {
	width:97px;
	height:82px;/* total 97px */
	padding-top:15px;
	font-size:25px;
}
#flow li .num span {
	font-size:45px;
}
#flow li .num span:before {
  right:-16px;
  top:-1px;
  border-width: 10px 0 10px 17.32px;
}
#flow li .num span:after {
  right:-13px;
  top:2px;
  border-width: 7px 0 7px 14.32px;
}
#flow li .sub {
	font-size:25px;
	top:-1.2em;
	left:120px;
}
#flow .step_li_free {
bottom:-60px;
right:4px;
}
}
@media screen and (max-width: 768px) {/* SP */
#flow h2 {
	margin-bottom:37px;
}
#flow ul {
	margin-bottom:37px;
}
#flow li {
	margin-bottom:41px;
	font-size:20px;
	padding:16px 0;
}
#flow .arrow_down:before {
	bottom:-6px;
	width:12px;
	height:6px;
	margin-left:-6px;
}
#flow .arrow_down:after {
  bottom:-21px;
  border-width:15px 15px 0 15px;
	margin-left:-15px;
}
#flow li div {
	top:-18px;
	left:4px;
}
#flow li .num {
	width:39px;
	height:34px;/* total 39px */
	padding-top:5px;
	font-size:10px;
}
#flow li .num span {
	font-size:20px;
}
#flow li .num span:before {
  right:-13px;
  top:-2px;
  border-width:6px 0 6px 13.32px;
}
#flow li .num span:after {
  right:-9px;
  top:0px;
  border-width:4px 0 4px 10.32px;
}
#flow li .sub {
	font-size:13px;
	top:-1.4em;
	left:53px;
}
#flow  .step_li_free {
bottom:-20px;
right:5px;
}
#flow .step_li_free img {
	width:55px;
}
/* more_btn */
#flow .more_btn {
	width:90%;
	margin:0 auto;
}
@media screen and (max-width: 320px) {/* w320 */
#flow li div {
	left:2px;
}
#flow li .sub {
	left:43px;
}
}
}

/* ***************************************
	top_blog
**************************************** */
#top_blog #top_blog_in {
background:#E7FAEF;
}
#top_blog #top_blog_in2 {
border:1px solid #49D689;
background:#FFFFFF;
}
#top_blog #top_blog_in li {
border-bottom:1px solid #CCCCCC;
}
#top_blog #top_blog_in li dt {
font-size:0.8em;
}
#top_blog #top_blog_in li dd {
position:relative;
}
#top_blog #top_blog_in li a {
	display:block;
}
#top_blog #top_blog_in li dd span {
	color:#35D27C;
	position:relative;
}
#top_blog #top_blog_in li dd span:before {
	content:"";
	background:#35D27C;
	position:absolute;
	top:0;
	right:0;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}
#top_blog #top_blog_in li dd span:after {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	position:absolute;
	top:50%;
	right:5px;
	margin-top:1px;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 769px) {/* PC */
#top_blog {
margin:60px auto 30px auto;
width:980px;
}
#top_blog #top_blog_in {
padding:30px 40px;
}
#top_blog #top_blog_in2 {
overflow:auto;
height:140px;
padding:7px 33px 0 33px;
width:830px;/* total 900px */
}
#top_blog #top_blog_in li {
width:830px;
}
#top_blog #top_blog_in li a {
padding:14px 0;
}
#top_blog #top_blog_in li a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
#top_blog #top_blog_in li dl:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#top_blog #top_blog_in li dl {
display:block;
}
#top_blog #top_blog_in li dt,
#top_blog #top_blog_in li dd {
float:left;
}
#top_blog #top_blog_in li dt {
width:90px;
}
#top_blog #top_blog_in li dd {
padding-right:85px;
width:655px;/* total 770px */
text-decoration:underline;
}
#top_blog #top_blog_in li a:hover dd {
text-decoration:none;
}
#top_blog #top_blog_in li dd span {
position:absolute;
top:0;
right:0;
font-size:12px;
padding-right:20px;
	text-decoration:none;
}
#top_blog #top_blog_in li dd span:before {
	width:14px;
	height:14px;
}
}
@media screen and (max-width: 768px) {/* SP */
#top_blog {
margin:36px auto 23px auto;
}
#top_blog #top_blog_in {
padding:20px 5%;
}
#top_blog #top_blog_in2 {
padding:0 5%;
}
#top_blog #top_blog_in li.lastChild {
border-bottom:none;
}
#top_blog #top_blog_in li a {
padding:10px 0;
}
#top_blog #top_blog_in li dt {
color:#777777;
margin-bottom:8px;
}
#top_blog #top_blog_in li dd {
	line-height:1.4;
}
#top_blog #top_blog_in li dd span {
	display:block;
	margin-top:9px;
	text-align:right;
font-size:12px;
padding-right:15px;
	line-height:1;
}
#top_blog #top_blog_in li dd span:before {
	width:13px;
	height:13px;
}

@media screen and (max-width: 320px) {/* w320 */
}
}