@charset "utf-8";

/* sub-main
============================================================================================================ */
.sub-main {
	height: 170px;
	position: relative;
    text-align: center;
	background: url(../img/sub_bg_guide.jpg) no-repeat center center;
	background-size:cover;
}

.sub-main .text {
    width: 1000px;
    color: #644A31;
    font-size: 31em;
	font-size: 3.1rem;
	font-weight: bold;
    text-align: left;
    letter-spacing: 0.075em;
    margin: -20px auto 0;
    position: absolute;
    left: 0;
	right: 0;
    top: 50%;
}
@media screen and (max-width: 680px) {
	.sub-main {
		height: 80px;
		background: url(../img/sub_bg_guide_sp.jpg) no-repeat center center;

	}
	.sub-main .text {
		font-size: 17em;
		font-size: 1.7rem;
		margin: -15px auto 0;
		width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 20px;
	}
}

/* topic-path
============================================================================================================ */
.topic-path {
	background: #E9E1D3;
    color: #6B6B6B;
    font-size: 1.1rem;
    padding: 3px 0;
}
.topic-path ul {
	width: 1000px;
	margin: 0 auto;
}
.topic-path li {
    display: inline-block;
}
.topic-path li a {
	color: #6B6B6B;
	text-decoration: none;
}
.topic-path li a::after {
    content: ">";
    margin-left: 5px;
}
@media screen and (max-width: 680px) {
	.topic-path {
		display: none;
	}
}

/* contents
============================================================================================================ */
.head_contents {
	width: 1000px;
	margin: 50px auto 30px;
}
.contents {
	background: #F6F9F1;
	margin: 30px auto 0;
	padding: 40px 0 10px;
}
.contents section {
	width: 1000px;
	margin: 0 auto 70px;
}
.contents section p {
	margin-bottom: 1em;
}
.contents section.box01 {
	border: 1px solid #1eb42d;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 49px 30px;
}
.contents section.box02 {
	border: 5px solid #1eb42d;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px;
}
.contents section.navi {
	width: 100% !important;
	background: #fff;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px 0;
}
.contents section .title01 {
    color: #000000;
	font-size: 27em;
	font-size: 2.7rem;
	letter-spacing: 0.075em;
	text-align: center;
	border-bottom: 1px dotted #1eb42d;
	padding: 0 0 10px;
	margin: 0 0 30px;
	position: relative;
}
.contents section .title01 span {
	display: inline-block;
    font-size: 15em;
    font-size: 1.5rem;
    background: #1eb42d;
    color: #fff;
    position: absolute;
    top: -40px;
    padding: 0.2em 1em;
}

/*コンサル見出し*/
.contents section .title01 span.consul_c {
	display: inline-block;
	background: #1eb42d;
    border-radius: 300px;
	color: #fff;
	padding: 1.3em 1em;
    font-size: 18em;
    font-size: 1.8rem;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 25px;
    
    
}
@media screen and (max-width: 680px){
.consultant section .title01 span.consul_c {
    font-size: 1.2rem;
    margin-right: 10px;
}
}

.contents section .title01 span:after {
	top: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(201, 107, 21, 0);
	border-top-color: #1eb42d;
	border-width: 7px;
	margin-left: -7px;
}

@media screen and (max-width: 680px) {
	.head_contents {
		width: 100%;
		margin: 20px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 20px;
	}
	.contents {
		width: auto;
		margin: 20px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 20px 10px;
	}
	.contents section {
		width: auto;
		margin: 0 auto 30px;
	}
	.contents section.box01 {
		border: 1px solid #1eb42d;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
	}
	.contents section.box02 {
		border: 5px solid #1eb42d;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
	}
	.contents section.navi {
		width: 100% !important;
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 20px 0;
	}

	.contents section .title01 {
		color: #000000;
		font-size: 17em;
		font-size: 1.7rem;
		letter-spacing: 0.075em;
		text-align: center;
		border-bottom: 1px dotted #82AC2E;
		padding: 0 0 10px;
		margin: 0 0 30px;
		position: relative;
	}
	.contents section .title01 span {
		display: block;
		font-size: 11em;
		font-size: 1.1rem;
		text-align: center;
		background: #fff;
		color: #F98200;
		position: relative;
		top: 0px;
			padding: 1.3em 1em;
	}
	.contents section .title01 span:after {
		content: none;
	}

}



/* ボタン
============================================================================================================ */
.btn_green01 a {
	display: block;
	background: #1eb42d;
	color: #fff;
	font-size: 15em;
	font-size: 1.5rem;
	/* font-size: 14px; */
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 20px 8px 15px;
	width: 250px;
	position: relative;
	font-weight: bold;
}
.btn_green01 a:after {
	content: url(../img/arrow_green01.gif);
	position: absolute;
	right: 10px;
	top: 9px;
}
.btn_green01 a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
/* やじるし左 */
.btn_green01.arrow_l a {
	padding: 8px 20px 8px 15px;
}
.btn_green01.arrow_l a:before {
	content: url(../img/arrow_green01.gif);
	position: absolute;
	left: 10px;
	top: 50%;
	/* top: 9px; */
	transform: translateY(-50%) rotateY(180deg);
	-webkit-transform: translateY(-50%) rotateY(180deg);
}
.btn_green01.arrow_l a:after {
	display: none;
}

/* btn_orange */
.btn_orange a,.btn_green a {
	display: block;
	background: #F98200;
	color: #fff;
	font-size: 15em;
	font-size: 1.5rem;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 20px 8px 15px;
	width: 250px;
	position: relative;
}
.btn_orange a:after,.btn_green a:after {
	content: url(../img/arrow_orange01.gif);
	position: absolute;
	right: 10px;
	/* top: 9px; */
	top: 50%;
	transform: translateY(-50%);
}
.btn_orange a:hover,.btn_green a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
/* btn_green */
.btn_green a {
	background: #1eb42d;
	color: #fff;
}

/* btn450 */
.btn450 a {
	display: block;
	background-color: #1eb42d;
	color: #fff;
	font-size: 21em;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	-ms-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	padding: 15px 40px 15px 10px;
	width: 450px;
	margin: 0 auto;
	position: relative;
}
.btn450 a:after {
	content: url(../img/arrow02.png);
	position: absolute;
	right: 10px;
	top: 35%;
	margin-top: -3px;
}
.btn450 a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
.btn450.bg_orange a {
	background-color: #f98200;
}
@media screen and (max-width: 680px) {
	.btn450 a {
		width: auto;
		font-size: 1.5rem;
	}
}

/* btn_brown */
.btn_brown a {
	display: block;
	background: #fff;
	color: #8f6134;
	font-size: 15em;
	font-size: 1.5rem;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 20px 8px 15px;
	width: 150px;
	position: relative;
	border: 1px solid #8f6134;
}
.btn_brown a:after {
	content: url(../img/arrow_brown.gif);
	position: absolute;
	right: 10px;
	top: 9px;
}
.btn_brown a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}





/* 下部ナビ
============================================================================================================ */
.bottom_nav_green01 a {
	display: block;
	background: #1eb42d;
	color: #fff;
	font-size: 21em;
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 4px solid #9be094;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	-ms-box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	box-shadow: 2px 2px 2px rgba(51,51,51,0.3);
	padding: 15px 40px 15px 10px;
	width: 600px;
	margin: 0 auto;
	position: relative;
}
.bottom_nav_green01 a:after {
	content: url(../img/arrow_green02.gif);
	position: absolute;
	right: 10px;
	top: 35%;
	margin-top: -3px;
}
.bottom_nav_green01 a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
@media screen and (max-width: 680px) {
	.bottom_nav_green01 a {
		width: 100%;
		font-size: 15em;
		font-size: 1.5rem;
	}
}

/* 4つ並び */
.bottom_link{
	width: 1000px;
	margin: auto;
}
.bottom_link:after{
	content:" "; display: block; clear: both;
}
.bottom_link li{
	width: 235px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	background: #1eb42d;
	border-radius: 6px;
	margin-left: 20px;
}
.bottom_link li:first-child{
	margin-left: 0;
}
.bottom_link li a{
	display: block;
	padding: 15px 5px;
	color: #fff;
	text-decoration: none;
	position: relative;
}
.bottom_link li a:after {
	content: url(../img/arrow_green01.gif);
	position: absolute;
	right: 10px;
	top: 35%;
	margin-top: -3px;
}
.bottom_link li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
@media screen and (max-width: 680px) {
	.bottom_link{
		width: auto;
		margin: auto 10px;
	}
	.bottom_link li{
		width: auto;
		margin-left: 0;
		margin-bottom: 10px;
		float: none;
		display: block;
	}
}




/* エリア色
============================================================================================================ */
.c_sapporo{
	background-color: #1eb42d !important;
}
.c_chitose{
	background-color: #f27108 !important;
}
.c_asahikawa{
	background-color: #d84707 !important;
}
.c_obihiro{
	background-color: #e8b71a !important;
}
.c_kushiro{
	background-color: #a6911f !important;
}
.c_nayoro{
	background-color: #36828e !important;
}


/* カラム
============================================================================================================ */
/* 3カラム */
.col3:after{
	content:" "; display: block; clear: both;
}
.col3 li{
	width:250px;
	float: left;
	margin-left: 75px;
}
.col3 li:first-child{
	margin-left: 0;
}
@media screen and (max-width: 680px) {
	.col3 li{
		width:auto;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
}


/* lead_text
============================================================================================================ */
.lead_text{
	text-align: center;
	font-size: 27px;
	font-size: 2.7rem;
	border-bottom: 1px dotted #82ac2e;
	padding-bottom: 40px;
	margin-bottom: 20px;
	font-weight: bold;
}
.lead_text span{
	color:#1eb42d;
}
@media screen and (max-width: 680px) {
	.lead_text{
		font-size: 1.9rem;
		padding-bottom: 20px;
	}
}

/* cv
============================================================================================================ */
.cv_title{
	font-size: 32px;
	font-size: 3.2rem;
	text-align: center;
	border-bottom: 1px solid #1eb42d;
	padding-bottom: 10px;
	font-weight: bold;
}
.cv_title span{
	font-size: 38px;
	font-size: 3.8rem;
}
.cv_text{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	display: block;
	letter-spacing: 1px;
}
.cv_box .btn450{
	margin-top: 30px;
}
.cv_box{
	border-radius: 7px;
}
@media screen and (max-width: 680px) {
	.cv_title{
		font-size: 2.2rem;
	}
	.cv_title span{
		font-size: 2.6rem;
	}
	.cv_text{
		letter-spacing: 0;
	}
	.cv_box .btn450{
		margin-top: 20px;
	}
}




.zoom{
	zoom: 1;
	overflow: hidden;
}
.hissu{
	background: #d12f2f;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 2px 10px;
	border-radius: 4px;
	margin-left: 10px;
}


/* ローカルナビ
============================================================================================================ */
.local_nav_calendar li{
	display: inline-block;
	border-left: 1px solid #1eb42d;
	padding: 0 20px;
	margin-top: 10px;
}
.local_nav_calendar li:nth-of-type(4),
.local_nav_calendar li:last-child{
	border-right: 1px solid #1eb42d;
}
.local_nav_calendar li a{
	position: relative;
	padding-right: 25px;
	color:#2d2d2d;
	text-decoration: none;
}
.local_nav_calendar li a:after{
	content: url(../img/arrow_bottom.gif);
	position: absolute;
	right: 0;
	top: 0;
}
@media screen and (max-width: 680px) {
	.local_nav_calendar li{
		display: inline-block;
		padding: 0 10px;
		margin-top: 10px;
	}
	.local_nav_calendar li:nth-of-type(4){
		border-right: none;
	}
}

/* box
============================================================================================================ */
.box02{
	border: 5px solid #c6b2ad;
	background: #fff;
	padding: 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display: block;
}
@media screen and (max-width: 680px) {
	.box02{
		padding: 10px;
	}
}

/* img_rbox */
.img_rbox:after{
	content:" "; display: block; clear: both; height: 0;
}
.img_rbox .img{
	float: right;
}
@media screen and (max-width: 680px) {
	.img_rbox .img{
		float: none;
	}
	}
/* img_left_box , img_right_box
============================================================================================================ */
.img_left_box:after{
	content:" "; display: block; clear: both; height: 0;
}
.img_left_box .img{
	float: left;
	margin-right: 40px;
}
.img_left_box .text{
	zoom: 1;
	overflow: hidden;
}

.img_right_box:after{
	content:" "; display: block; clear: both; height: 0;
}
.img_right_box .img{
	float: right;
	margin-left: 40px;
}
.img_right_box .text{
	zoom: 1;
	overflow: hidden;
}
@media screen and (max-width: 680px) {
	.img_left_box .img{
		float: none;
		margin: 0 0 10px 0;
	}
	.img_right_box .img{
		float: none;
		margin: 0 0 10px 0;
	}
}



/* 知って得する
============================================================================================================ */
.toku {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	padding:20px;
}
.toku .img {
	float:left;
	}
.toku .img img {
	float:left;
	width:100px;
	}
.toku .txt1 {
	margin-left:110px;
	border-bottom:3px solid #1eb42d;
	color:#1eb42d;
	font-weight:bold;
	}
.toku .txt2 {
	margin-left:110px;
}

.bbg { border-bottom:1px dashed  #1eb42d;}
@media screen and (max-width: 680px) {
	.bbg { border-bottom:none;}
}
/* column_shop */
.column_shop:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.column_shop > * {
	float: left;
}
.column1 > * {
	width: 600px;
	margin:0px auto;
}
/* column2 */
.column_shop.column2 > * {
	width: 440px;
}
.column_shop.column2 > * + * {
	float: right;
}
.shopimg {
	border:5px solid #FFFFFF;
	box-shadow:1px 3px 3px 3px rgba(0,0,0,0.2);

	}

@media screen and (max-width: 680px) {
	.column1 > * {
		width: auto;
		margin:0px auto;
	}
	.column_shop.column2 > *,
	.column_shop.column2 > * + * {
		float: none;
		width: auto;
	}
	.column_shop.column2 > * + * {
		margin-top: 30px;
	}

}
.cv_box .cv_voice{
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold; text-align: center;
	display: block; letter-spacing: 1px;
	background:#F6F9F1;
	width:900px; margin:0px auto;
	padding:10px; }
.cv_box .cv_voice span { font-size:80%; }

.shoplist { margin-left:10px;}
.shoplist ul {
	display:table; margin-top:20px;
	 }
.shoplist ul li {
	float:left;	margin-right:26px;
	 margin-bottom:20px;
 }
.shoplist ul li:nth-child(4n) {
	margin-right:0px; }
.shoplist ul li a {
	display: table-cell;
	width:200px; height:60px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
	}
.shoplist ul li a.shoplist_sapporo {
	background:url(../img/shoplist_sapporo.gif) no-repeat;
}
.shoplist ul li a.shoplist_asahikawa {
	background:url(../img/shoplist_asahikawa.gif) no-repeat;
}
.shoplist ul li a.shoplist_kushiro {
	background:url(../img/shoplist_kushiro.gif) no-repeat;
}
.shoplist ul li a.shoplist_nayo {
	background:url(../img/shoplist_nayo.gif) no-repeat;
}
.shoplist ul li a.shoplist_obihiro {
	background:url(../img/shoplist_obihiro.gif) no-repeat;
}
.shoplist ul li a.shoplist_chitose {
	background:url(../img/shoplist_chitose.gif) no-repeat;
}
.shoplist ul li a.shoplist_miyagi {
	background:url(../img/shoplist_miyagi.gif) no-repeat;
}
.shoplist ul li a.shoplist_yamagata {
	background:url(../img/shoplist_yamagata.gif?191028) no-repeat;
}
.shoplist ul li a:hover { opacity:0.7; }
@media screen and (max-width: 680px) {
	.cv_box .cv_voice{
	font-size: 1.5rem;
	width:auto;
	text-align: center;
	}
	.shoplist {
		margin-left:0;
	}
	.shoplist ul li{
		width: 48%;
		float: left;
		margin-right:0;
	}
	.shoplist ul li:nth-child(even){
		float: right;
	}
	.shoplist ul li a {
		width:48%;
		padding: 0 0 0 20px;
		}
	.shoplist ul li a.shoplist_sapporo {
		border-right: 2px solid #1eb42d;
	}
	.shoplist ul li a.shoplist_asahikawa {
		border-right: 2px solid #1eb42d;
	}
	.shoplist ul li a.shoplist_kushiro {
		border-right: 2px solid #1eb42d;
	}
	.shoplist ul li a.shoplist_nayo {
		border-right: 2px solid #1eb42d;
	}
	.shoplist ul li a.shoplist_obihiro {
		border-right: 2px solid #1eb42d;
	}
	.shoplist ul li a.shoplist_chitose {
		border-right: 2px solid #1eb42d;
	}

    
    
    	.shoplist ul li a.shoplist_miyagi {
		border-right: 2px solid #1eb42d;
	}

    
    	.shoplist ul li a.shoplist_yamagata {
		border-right: 2px solid #1eb42d;
	}

    

}


/* SITEMAP
============================================================================================================ */
.contents#sitemap{
	margin: 0 auto 50px;
	line-height: 1.7;
}
#sitemap section{
	margin-bottom: 50px;
}
#sitemap section > ul > li{
	background:#E6EED6;
	padding: 10px 15px;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 15px;
	font-weight: bold;
}
#sitemap section > ul > li:nth-of-type(even){
	background:#E6EED6;
}
#sitemap section a{
	color: #333;
	text-decoration: underline;
}
#sitemap section > ul > li:before{
	content:">";
	margin-right: 10px;
	color:#B1CB80;
}
#sitemap section > ul > li > ul{
	margin-left: 20px;
}
#sitemap section > ul > li > ul li{
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
#sitemap section > ul > li > ul li:before{
	content:"・";
}


/* Slifestageモジュール
============================================================================================================ */

.lifestage_btn{
	margin-bottom: 40px;
}
.lifestage_btn ul{
	margin-top: 20px;
}
.lifestage_btn li{
	width: 124px;
	height: 120px;
	float: left;
	padding: 2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	margin-left: 22px;
}
.lifestage_btn li:first-child{
	margin-left: 0;
}
.lifestage_btn dd{
	height: 73px;
	line-height: 73px;
	background: #fff;
}
.lifestage_btn dt{
	height: 44px;
	line-height: 44px;
}
.lifestage_btn a{
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
	position: relative;
	display: block;
}
.lifestage_btn a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: background 0.15s;
	-o-transition: background 0.15s;
	transition: background 0.15s;
	z-index: 3;
}
.lifestage_btn a:hover:after {
	background-color: rgba(255,255,255,0.3);
}
.lifestage_btn li.marriage{
	background: #ee869a;
}
.lifestage_btn li.birth{
	background: #f6ad3c;
}
.lifestage_btn li.home{
	background: #b8d200;
}
.lifestage_btn li.find-work{
	background: #88abda;
}
.lifestage_btn li.school-event{
	background: #6cbb5a;
}
.lifestage_btn li.old-age{
	background: #ba8dbe;
}
.lifestage_btn li.saving{
	background: #37bef0;
}
@media screen and (max-width: 680px) {
	.lifestage_btn{
		margin-bottom: 0;
	}
	.lifestage_btn li{
		width: 30.5%;
		height: 110px;
		margin-left: 12px;
		margin-top: 12px;
	}
	.lifestage_btn li:nth-child(3n+1){
		margin-left: 0;
	}
	.lifestage_btn dd{
		height: 70px;
		line-height: 70px;
	}
	.lifestage_btn dt{
		height: 40px;
		line-height: 40px;
	}
	.lifestage_btn a{
		font-size: 1.4rem;
	}
	.lifestage_btn a:after{
		content: none;
	}
}

/* insurance-btn.phpモジュール
============================================================================================================ */

.hoken_btn{
	margin-bottom: 40px;
}
.hoken_btn ul{
	margin-top: 20px;
}
.hoken_btn:after{
	content:" "; display: block; clear: both;
}
.hoken_btn li a{
	color: #b79072;
	text-decoration: none;
	display: block;
	padding: 10px;
}
.hoken_btn li{
	background: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	border: 2px solid #b79072;
	color: #b79072;
	width: 124px;
	float: left;
	margin-right: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hoken_btn li:last-child{
	margin-right: 0;
}
.hoken_btn li.current{
	background: #b79072;
	color: #fff;
	padding: 10px;
}
.hoken_btn li a:hover{
	background: #b79072;
	color: #fff;
}
@media screen and (max-width: 680px) {
	.hoken_btn{
		margin-bottom: 0;
	}
	.hoken_btn ul{
		margin-top: 10px;
	}
	.hoken_btn li a{
		padding: 5px;
	}
	.hoken_btn li{
		font-size: 1.3rem;
		width: 23%;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.hoken_btn li:nth-of-type(4){
		margin-right: 0;
	}
	.hoken_btn li:last-child{
		margin-right: 0;
	}
	.hoken_btn li.current{
		padding: 5px;
	}
}

/*  width
============================================================================================================ */
.w50{  width:50%; }
.w60{  width:60%; }
.w70{  width:70%; }
.w75{  width:75%; }
.w80{  width:80%; }
.w90{  width:90%; }

@media screen and (max-width: 680px) {
	.w75{  width:100%; }
	.w50{  width:100%; }
	.w60{  width:100%; }
	.w70{  width:100%; }
	.w75{  width:100%; }
	.w80{  width:100%; }
	.w90{  width:100%; }
}