@charset "Shift_JIS";

/*----------------------------------------------------

1:Top
2:kv_slide
3:product_list
4:sns_box
5:news_box
6:link_box
7:consider


----------------------------------------------------*/

/* 1:Top --------------------- */

@media screen and (min-width: 761px),print {

#container ,
#contents {
	width: auto;
}

#header {
	margin: 0 auto 10px;
}

#pageNavi {
	width: 980px;
	margin: 0 auto;
	font-size: 90%;
}

#pageNavi div:first-child {
	margin-left: 210px;
}

#fnav {
	margin: 20px auto 0;
	font-size: 80%;
}

#footer {
	width: auto;
	margin: 20px auto 0;
	font-size: 90%;
}


#snsBoxTop{
	margin-bottom: 10px;
	text-align: center;
}
#snsBoxTop img{
	margin: 0 auto;
}

#wrapper a:hover {
	opacity: 0.7;
}

#wrapper #fnav a:hover {
	opacity: 1;
}

.pcHide {
	display: none !important;
}
}

@media screen and (max-width: 760px) {

body {
	min-width: inherit;
}

#container ,
#contents {
	width: auto;
}

#header ,
#topicPath ,
#pageNavi ,
#footer {
	display: none;
}

.spHide {
	display: none !important;
}
}



/* 2:kv_slide --------------------- */

@media screen and (min-width: 761px),print {

#contents .kv_slide {
	width: 100%;
	height: 560px;
	overflow: hidden;
	padding: 20px 0;
	text-align: center;
	background: #ffe5eb;
	box-sizing: border-box;
}

#contents .kv_slide .bx-wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

#contents .kv_slide .bx-viewport {
	overflow: inherit !important;
}

#contents .kv_slide .bx-wrapper .bx-prev {
	left: -36px;
	background: url(../../common/img/pager_prev.png) no-repeat center center;
}

#contents .kv_slide .bx-wrapper .bx-next {
	right: -36px;
	background: url(../../common/img/pager_next.png) no-repeat center center;
} 


#contents .kv_slide .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 238px;
	z-index: 50;
	outline: 0;
	width: 52px;
	height: 52px;
	text-indent: -9999px;
}

}

@media screen and (max-width: 760px) {

#contents .kv_slide {
	overflow: hidden;
	padding: 1.56%;
	background: #ffe5eb;
}

#contents .kv_slide .bx-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#contents .kv_slide .bx-wrapper .bxslider img {
	width: 100%;
	height: 100%;
}

#contents .kv_slide .bx-wrapper .bx-prev {
	left: 2.34%;
	background: url(../../common/img/pager_prev.png) no-repeat center center;
	background-size: 23px auto;
}

#contents .kv_slide .bx-wrapper .bx-next {
	right: 2.34%;
	background: url(../../common/img/pager_next.png) no-repeat center center;
	background-size: 23px auto;
} 


#contents .kv_slide .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	z-index: 50;
	outline: 0;
	width: 23px;
	height: 23px;
	margin: -12px 0 0;
	text-indent: -9999px;
}

}

/* 3:product_list --------------------- */

@media screen and (min-width: 761px),print {

#contents .product_list {
	padding: 30px 0;
	background: #fffcdc;
}

#contents .product_list .inner {
	width: 980px;
	margin: 0 auto;
}

#contents .product_list .inner .period {
	margin: 0 0 20px;
	padding: 14px 20px 14px 35px;
	border: 5px solid #89d6e2;
	border-radius: 5px;
	background: #ffffff;
}

#contents .product_list .inner .period p {
	float: left;
	line-height: 1.25;
	padding: 0 0 0 30px;
	border-left: 1px solid #00c1d1;
}

#contents .product_list .inner .period p.ttl {
	width: 100px;
	padding: 0;
	border: none;
	font-size: 107%;
}

#contents .product_list .inner .period p.link {
	float: right;
	border: none;
	font-size: 88%;
}

#contents .product_list .inner .period p.link a {
	padding: 0 23px 0 0;
	color: #00c1d1;
	background: url(../../common/img/ico_arw01.png) no-repeat right center;
}

#contents .product_list .inner ul li {
	float: left;
	width: 310px;
	margin: 0 25px 0 0;
	background: #ffffff;
	border-radius: 5px;
	font-size: 88%;
	font-weight: bold;
	box-sizing: border-box;
}

#contents .product_list .inner ul li:last-child {
	margin: 0;
}

#contents .product_list .inner ul li.pink {
	border: 1px solid #dc4892;
}
#contents .product_list .inner ul li.blue {
	border: 1px solid #21aadc;
}
#contents .product_list .inner ul li.orange {
	border: 1px solid #eb7e38;
}

#contents .product_list .inner ul li a {
	display: block;
	padding: 12px 0 12px 37px;
	text-decoration: none;
}

#contents .product_list .inner ul li.pink a {
	color: #dc3e8c;
}
#contents .product_list .inner ul li.blue a {
	color: #26a8df;
}
#contents .product_list .inner ul li.orange a {
	color: #e27c3c;
}

#contents .product_list .inner ul li span {
	vertical-align: baseline;
	margin: 0 5px 0 20px;
	font-size: 158%;
}

#contents .product_list .inner ul li img {
	vertical-align: top;
}
}



@media screen and (max-width: 760px) {

#contents .product_list {
	padding: 4.68% 3.125%;
	background: #fffcdc;
}

#contents .product_list .inner .period {
	margin: 0 0 5%;
	padding: 3.33%;
	border: 3px solid #89d6e2;
	border-radius: 3px;
	background: #ffffff;
}

#contents .product_list .inner .period p {
	font-size: 75%;
}

#contents .product_list .inner .period p.link {
	margin: 2% 0 0;
	font-size: 63%;
}

#contents .product_list .inner .period p.link a {
	padding: 0 13px 0 0;
	background: url(../../common/img/ico_arw01.png) no-repeat right center;
	background-size: 6px auto;
	color: #00c1d1;
}

#contents .product_list .inner ul li {
	float: left;
	width: 31.6%;
	margin: 0 2.5% 0 0;
	border-radius: 3px;
	background: #ffffff;
	font-size: 69%;
	font-weight: bold;
	text-align: center;
	box-sizing: border-box;
}

#contents .product_list .inner ul li:last-child {
	margin: 0;
}

#contents .product_list .inner ul li.pink {
	border: 1px solid #dc4892;
}
#contents .product_list .inner ul li.blue {
	border: 1px solid #21aadc;
}
#contents .product_list .inner ul li.orange {
	border: 1px solid #eb7e38;
}

#contents .product_list .inner ul li a {
	display: block;
	padding: 11.6% 0;
	text-decoration: none;
}

#contents .product_list .inner ul li.pink a {
	color: #dc3e8c;
}
#contents .product_list .inner ul li.blue a {
	color: #26a8df;
}
#contents .product_list .inner ul li.orange a {
	color: #e27c3c;
}

#contents .product_list .inner ul li span {
	vertical-align: baseline;
	font-size: 164%;
}

#contents .product_list .inner ul li img {
	display: block;
	width: 55%;
	height: 100%;
	vertical-align: top;
	margin: 0 auto;
}

}



/* 4:sns_box --------------------- */

@media screen and (min-width: 761px),print {

#contents .sns_box {
	position: relative;
	width: 980px;
	margin: 40px auto 38px;
	border: 2px solid #89d6e2;
	border-radius: 5px;
	background: url(../../common/img/bg_sns_01.gif);
	box-sizing: border-box;
}

#contents .sns_box:before {
	display: block;
	position: absolute;
	top: 18px;
	left: 24px;
	width: 75px;
	height: 95px;
	background: url(../../img/img_top_01.png) no-repeat;
	content: '';
}

#contents .sns_box h2 {
	position: relative;
	width: 404px;
	margin: 35px 0 45px 130px;
	padding: 13px 0 13px 18px;
	border: 1px solid #ee86a8;
	border-radius: 5px;
	background: #ffffff;
	color: #ee86a8;
	font-size: 88%;
	box-sizing: border-box;
}

#contents .sns_box h2:before {
	display: block;
	position: absolute;
	top: 50%;
	left: -14px;
	z-index: 1;
	width: 0;
	height: 0;
	margin-top: -8px;
	border-width: 8px 14px 8px 0;
	border-color: transparent #ffffff transparent transparent;
	border-style: solid;
	content: "";
}

#contents .sns_box h2:after {
	display: block;
	position: absolute;
	top: 50%;
	left: -15px;
	z-index: 0;
	width: 0;
	height: 0;
	margin-top: -9px;
	border-width: 9px 15px 9px 0;
	border-color: transparent #ee86a8 transparent transparent;
	border-style: solid;
	content: "";
}

#contents .sns_box .tw {
	position: absolute;
	top: 37px;
	left: 570px;
	width: 180px;
}

#contents .sns_box .tw a {
	display: block;
	padding: 9px 0 9px 80px;
	border-radius: 5px;
	background: #55acee url(../../common/img/icn_tw_01.png) no-repeat 40px center;
	background-size: 26px auto;
	color: #ffffff;
	font-size: 113%;
	text-decoration: none;
}

#contents .sns_box .fb {
	position: absolute;
	top: 37px;
	right: 30px;
	width: 180px;
}

#contents .sns_box .fb a {
	display: block;
	padding: 9px 0 9px 70px;
	border-radius: 5px;
	background: #3b5998 url(../../common/img/icn_fb_01.png) no-repeat 28px center;
	background-size: 26px auto;
	color: #ffffff;
	font-size: 113%;
	text-decoration: none;
}


}


@media screen and (max-width: 760px) {

#contents .sns_box {
	padding: 4.68% 3.125%;
}

#contents .sns_box .inner {
	position: relative;
	padding: 0 0 6%;
	border: 1px solid #89d6e2;
	border-radius: 3px;
	background: url(../../common/img/bg_sns_01.gif);
	text-align: center;
	box-sizing: border-box;
}

#contents .sns_box .inner:before {
	display: block;
	position: absolute;
	top: 13px;
	left: 20px;
	width: 15%;
	height: 50%;
	background: url(../../img/img_top_01.png) no-repeat center center;
	background-size: contain;
	content: '';
}

#contents .sns_box h2 {
	position: relative;
	width: 67.6%;
	line-height: 1.28;
	margin: 6% 0 6.6% 25%;
	padding: 2% 0 2% 9.5%;
	border: 1px solid #ee86a8;
	border-radius: 3px;
	background: #ffffff;
	color: #f27190;
	font-size: 69%;
	font-weight: bold;
	text-align: left;
	box-sizing: border-box;
}

#contents .sns_box h2:before {
	display: block;
	position: absolute;
	top: 50%;
	left: -7px;
	z-index: 1;
	width: 0;
	height: 0;
	margin-top: -5px;
	border-width: 5px 7px 5px 0;
	border-color: transparent #ffffff transparent transparent;
	border-style: solid;
	content: "";
}

#contents .sns_box h2:after {
	display: block;
	position: absolute;
	top: 50%;
	left: -8px;
	z-index: 0;
	width: 0px;
	height: 0px;
	margin-top: -6px;
	border-width: 6px 8px 6px 0;
	border-color: transparent #ee86a8 transparent transparent;
	border-style: solid;
	content: "";
}

#contents .sns_box p {
	display: inline-block;
	width: 39.7%;
	margin: 0 2%;
	text-align: center;
}

#contents .sns_box .tw a {
	display: block;
	padding: 5% 0 5% 25px;
	border-radius: 3px;
	background: #55acee url(../../common/img/icn_tw_01.png) no-repeat 22% center;
	background-size: 17px auto;
	color: #ffffff;
	font-size: 75%;
	text-decoration: none;
}


#contents .sns_box .fb a {
	display: block;
	padding: 5% 0 5% 25px;
	border-radius: 3px;
	background: #3b5998 url(../../common/img/icn_fb_01.png) no-repeat 17% center;
	background-size: 17px auto;
	color: #ffffff;
	font-size: 75%;
	text-decoration: none;
}


}



/* 5:news_box --------------------- */

@media screen and (min-width: 761px),print {

#contents .news_box {
	padding: 40px 0;
	background: #fff5f7;
}

#contents .news_box .inner {
	width: 980px;
	margin: 0 auto;
}

#contents .news_box .inner h2 {
	position: relative;
	padding: 11px 0;
	border-radius: 10px 10px 0 0;
	background: #ee86a8;
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 163%;
	font-weight: bold;
	text-align: center;
}

#contents .news_box .inner h2 a {
	display: block;
	position: absolute;
	top: 17px;
	right: 15px;
	width: 124px;
	padding: 3.5px 0 3.5px 15px;
	border-radius: 3px;
	background: #ffffff url(../../common/img/ico_arw02.png) no-repeat 94px center;
	color: #333333;
	font-size: 54%;
	text-align: left;
	text-decoration: none;
	box-sizing: border-box;
}

#contents .news_box .inner .inbox {
	border-radius: 0 0 10px 10px;
	background: #ffffff;
}

#contents .news_box .inner .inbox .listNews01_idx {
	height: auto;
	margin: 0 30px;
	padding: 10px 0 30px;
}

#contents .news_box .inner .inbox .listNews01_idx dt {
	display: block;
	width: 130px;
	height: auto;
	padding: 12px 0 0;
	color: #ee86a8;
	font-size: 113%;
}

#contents .news_box .inner .inbox .listNews01_idx dd {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #eeeeee;
}

#contents .news_box .inner .inbox .listNews01_idx dd a {
	display: block;
	margin: -1.5em 0 8px 0;
	padding: 0 0 8px 130px;
	background: url(../../common/img/ico_arw03.png) no-repeat right center;
	color: #333333;
	text-decoration: none;
}

}

@media screen and (max-width: 760px) {

#contents .news_box {
	padding: 6.25% 3.125%;
	background: #fff5f7;
}

#contents .news_box .inner {
	position: relative;
}

#contents .news_box .inner h2 {
	padding: 2% 0;
	border-radius: 5px 5px 0 0;
	background: #ee86a8;
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 94%;
	font-weight: normal;
	text-align: center;
}

#contents .news_box .inner h2 a {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 42%;
	margin: 0 auto;
	padding: 2% 5% 2% 0;
	border-radius: 15px;
	box-sizing: border-box;
	background: #ee86a8 url(../../common/img/ico_arw08.png) no-repeat 80% center;
	background-size: 12px auto;
	color: #ffffff;
	font-size: 80%;
	text-align: center;
	text-decoration: none;
}

#contents .news_box .inner .inbox {
	border-radius: 0 0 5px 5px;
	background: #ffffff;
}

#contents .news_box .inner .inbox .listNews01_idx {
	height: auto;
	margin: 0 5%;
	padding: 2% 0 23.6%;
}

#contents .news_box .inner .inbox .listNews01_idx dt {
	padding: 2% 0 0;
	color: #ee86a8;
	font-size: 75%;
}

#contents .news_box .inner .inbox .listNews01_idx dd {
	line-height: 1.37;
	margin: 0;
	padding: 0 0 2%;
	border-bottom: 1px solid #eeeeee;
	font-size: 69%;
}

#contents .news_box .inner .inbox .listNews01_idx dd a {
	padding: 2% 0 0;
	color: #333333;
	text-decoration: none;
}


}



/* 6:link_box --------------------- */

@media screen and (min-width: 761px),print {

#contents .link_box ul {
	width: 980px;
	margin: 40px auto;
	letter-spacing: -0.4em;
}

#contents .link_box ul li {
	display: inline-block;
	width: 224px;
	vertical-align: top;
	margin: 0 28px 0 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .link_box ul li:last-child {
	margin: 0;
}

#contents .link_box ul li a {
	display: block;
	line-height: 1.38;
	padding: 25px 0 23px;
	border-radius: 10px;
	background: #fff5f7;
	color: #333333;
	text-decoration: none;
}

#contents .link_box ul li a span {
	display: block;
	margin: 18px 0 0;
	background: url(../../common/img/ico_arw04.png) no-repeat 193px center;
}

#contents .link_box ul li:nth-child(3) a span ,
#contents .link_box ul li:last-child a span {
	padding: 11px 0;
}

}

@media screen and (max-width: 760px) {

#contents .link_box {
	padding: 4.68% 3.125% 6.25%;
}

#contents .link_box ul {
	letter-spacing: -0.4em;
}

#contents .link_box ul li {
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
	margin: 0 5% 5% 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .link_box ul li:nth-child(2n) {
	margin: 0;
}

#contents .link_box ul li a {
	display: block;
	line-height: 1.28;
	padding: 11.2% 0 10%;
	border-radius: 5px;
	background: #fff5f7;
	font-size: 69%;
	text-decoration: none;
}

#contents .link_box ul li a img {
	width: 57.5%;
	height: auto;
}

#contents .link_box ul li a span {
	display: block;
	margin: 7% 0 0;
	background: url(../../common/img/ico_arw04_sp.png) no-repeat 95% center;
	background-size: 10px auto;
}

#contents .link_box ul li:nth-child(3) a span ,
#contents .link_box ul li:last-child a span {
	padding: 5% 0;
}
}

/* 7:consider --------------------- */

@media screen and (min-width: 761px),print {

#contents .consider {
	padding: 30px 0 38px;
	background: #fafafa;
}

#contents .consider .inner {
	width: 980px;
	margin: 0 auto;
}

#contents .consider h2 {
	position: relative;
	padding: 40px 0 53px;
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 163%;
	text-align: center;
}

#contents .consider h2 img {
	position: absolute;
	top: 0;
	left: 255px;
}

#contents .consider h2 span {
	display: block;
	width: 383px;
	margin: 0 auto;
	padding: 10.5px 0;
	border-radius: 30px;
	background: #ee86a8;
}

#contents .consider .link_list {
	margin: 0 30px 40px;
	letter-spacing: -0.4em;
}

#contents .consider .link_list li {
	display: inline-block;
	width: 290px;
	vertical-align: top;
	margin: 0 25px 0 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .consider .link_list li:last-child {
	margin: 0;
}

#contents .consider .link_list li a {
	display: block;
	line-height: 1.38;
	padding: 14px 0 20px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	background: #ffffff;
	color: #333333;
	font-size: 125%;
	text-decoration: none;
}

#contents .consider .link_list li a span {
	display: block;
	margin: 21px 0 0;
	background: url(../../common/img/ico_arw06.png) no-repeat 248px center;
}

#contents .consider .overview a {
	text-decoration: none;
}

#contents .consider .overview h2 {
	padding: 11px 0;
	border-radius: 10px 10px 0 0;
	background: #ee86a8;
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 163%;
	text-align: center;
}

#contents .consider .overview .ct_box {
	padding: 36px 29px 39px;
	border: 1px solid #eeeeee;
	border-top: none;
	border-radius: 0 0 10px 10px;
	background: #ffffff;
}

#contents .consider .overview .ct_box .box01 ,
#contents .consider .overview .ct_box .box03 ,
#contents .consider .overview .ct_box .box05 {
	float: left;
	width: 455px;
}

#contents .consider .overview .ct_box .box01 h3 {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 33px;
	color: #ee86a8;
	font-size: 138%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box01 h3:before {
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #ee86a8;
	content: '';
}

#contents .consider .overview .ct_box .box01 ul {
	margin: 0 0 40px;
	letter-spacing: -0.4em;
}

#contents .consider .overview .ct_box .box01 ul li {
	display: inline-block;
	width: 145px;
	vertical-align: top;
	margin: 0 10px 0 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .consider .overview .ct_box .box01 li:last-child {
	margin: 0;
}

#contents .consider .overview .ct_box .box01 li a {
	display: block;
	line-height: 1.38;
	padding: 22px 0 10px;
	border: 2px solid #eeeeee;
	background: #ffffff;
	color: #333333;
}

#contents .consider .overview .ct_box .box01 li a span {
	display: block;
	margin: 16px 0 0;
}

#contents .consider .overview .ct_box .box02 ,
#contents .consider .overview .ct_box .box04 ,
#contents .consider .overview .ct_box .box06 {
	float: right;
	width: 455px;
}

#contents .consider .overview .ct_box .box02 h3 {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 33px;
	color: #00a458;
	font-size: 138%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box02 h3:before {
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #00a458;
	content: '';
}

#contents .consider .overview .ct_box .box02 ul {
	margin: 0 0 40px;
	letter-spacing: -0.4em;
}

#contents .consider .overview .ct_box .box02 ul li {
	display: inline-block;
	width: 145px;
	vertical-align: top;
	margin: 0 10px 0 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .consider .overview .ct_box .box02 li:last-child {
	margin: 0;
}

#contents .consider .overview .ct_box .box02 li a {
	display: block;
	line-height: 1.38;
	padding: 14px 0 10px;
	border: 2px solid #eeeeee;
	background: #ffffff;
	color: #333333;
}

#contents .consider .overview .ct_box .box02 li a img {
	width: 83px;
}

#contents .consider .overview .ct_box .box02 li a span {
	display: block;
	margin: 13px 0 0;
}

#contents .consider .overview .ct_box .border {
	margin: 0 0 38px;
	border-bottom: 2px solid #eeeeee;
}

#contents .consider .overview .ct_box .box03 h3 {
	position: relative;
	padding: 0 0 10px 50px;
	background: url(../../common/img/line_dash_01.png) repeat-x center bottom;
	font-size: 144%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box03 h3:before {
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 35px;
	height: 25px;
	background: url(../../common/img/icn_shape_01.png) no-repeat left top;
	content: '';
}

#contents .consider .overview .ct_box .box03 p {
	margin: 26px 0 24px;
	color: #777777;
	font-size: 107%;
}

#contents .consider .overview .ct_box .box03 ul {
	padding: 0 0 29px;
	letter-spacing: -0.4em;
}

#contents .consider .overview .ct_box .box03 ul li {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	margin: 0 20px 0 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .consider .overview .ct_box .box03 ul li a {
	display: block;
	padding: 10px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	background: #ee86a8 url(../../common/img/ico_arw07.png) no-repeat 174px center;
	color: #ffffff;
	font-size: 113%;
}

#contents .consider .overview .ct_box .box03 ul li:last-child a {
	background: #00a458 url(../../common/img/ico_arw07.png) no-repeat 174px center;
}

#contents .consider .overview .ct_box .box04 h3 {
	position: relative;
	padding: 0 0 10px 45px;
	background: url(../../common/img/line_dash_01.png) repeat-x center bottom;
	font-size: 144%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box04 h3:before {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 27px;
	height: 27px;
	background: url(../../common/img/icn_shape_02.png) no-repeat left top;
	content: '';
}

#contents .consider .overview .ct_box .box04 p {
	margin: 26px 0 24px;
	color: #777777;
	font-size: 107%;
}

#contents .consider .overview .ct_box .box04 ul {
	padding: 0 0 29px;
	letter-spacing: -0.4em;
}

#contents .consider .overview .ct_box .box04 ul li {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	margin: 0 20px 0 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .consider .overview .ct_box .box04 ul li a {
	display: block;
	padding: 10px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	background: #ee86a8 url(../../common/img/ico_arw07.png) no-repeat 174px center;
	color: #ffffff;
	font-size: 113%;
}

#contents .consider .overview .ct_box .box04 ul li:last-child a {
	background: #00a458 url(../../common/img/ico_arw07.png) no-repeat 174px center;
}

#contents .consider .overview .ct_box .box05 h3 {
	position: relative;
	padding: 0 0 10px 45px;
	background: url(../../common/img/line_dash_01.png) repeat-x center bottom;
	font-size: 144%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box05 h3:before {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 33px;
	height: 28px;
	background: url(../../common/img/icn_shape_03.png) no-repeat left top;
	content: '';
}

#contents .consider .overview .ct_box .box05 p {
	line-height: 1.3;
	margin: 26px 0;
	color: #777777;
	font-size: 107%;
}

#contents .consider .overview .ct_box .box05 p span {
	display: block;
	margin: 5px 0 0;
	font-size: 71%;
}

#contents .consider .overview .ct_box .box05 .link {
	width: 420px;
	line-height: 1.5;
	margin: 0 0 43px;
	font-size: 100%;
	text-align: center;
}

#contents .consider .overview .ct_box .box05 .link a {
	display: block;
	padding: 10px 0;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	background: #fff5f7 url(../../common/img/ico_arw04.png) no-repeat 394px center;
	color: #ee86a8;
	font-size: 113%;
}

#contents .consider .overview .ct_box .box06 h3 {
	position: relative;
	padding: 0 0 10px 40px;
	background: url(../../common/img/line_dash_01.png) repeat-x center bottom;
	font-size: 144%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box06 h3:before {
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 26px;
	height: 27px;
	background: url(../../common/img/icn_shape_04.png) no-repeat left top;
	content: '';
}

#contents .consider .overview .ct_box .box06 p {
	min-height: 64px;
	line-height: 1.3;
	margin: 26px 0;
	color: #777777;
	font-size: 107%;
}

#contents .consider .overview .ct_box .box06 .link {
	width: 420px;
	line-height: 1.5;
	margin: 0 0 43px;
	font-size: 100%;
	text-align: center;
}

#contents .consider .overview .ct_box .box06 .link a {
	display: block;
	padding: 10px 0;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	background: #fff5f7 url(../../common/img/ico_arw04.png) no-repeat 394px center;
	color: #ee86a8;
	font-size: 113%;
}

#contents .consider .overview .ct_box .box07 h3 {
	position: relative;
	padding: 0 0 10px 40px;
	background: url(../../common/img/line_dash_01.png) repeat-x center bottom;
	font-size: 144%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box07 h3:before {
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 26px;
	height: 26px;
	background: url(../../common/img/icn_shape_05.png) no-repeat left top;
	content: '';
}

#contents .consider .overview .ct_box .box07 ul {
	margin: 30px 0 0;
	padding: 15px 40px;
	border-radius: 5px;
	background: #eeeeee;
	letter-spacing: -0.4em;
}

#contents .consider .overview .ct_box .box07 ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 40px 0 0;
	padding: 0 30px 0 0;
	background: url(../../common/img/icn_shape_06.png) no-repeat right center;
	letter-spacing: 0;
}

#contents .consider .overview .ct_box .box07 ul li a {
	padding: 0 0 0 30px;
	background: url(../../common/img/ico_arw04.png) no-repeat left center;
	color: #ee86a8;
	font-size: 107%;
	text-decoration: underline;
}

#contents .consider .overview .ct_box .box07 ul li:last-child a {
	background: url(../../common/img/ico_arw05.png) no-repeat left center;
	color: #00a458;
}

}


@media screen and (max-width: 760px) {

#contents .consider {
	padding: 2.8% 3.125% 6.25%;
	background: #fafafa;
}

#contents .consider h2 {
	position: relative;
	padding: 8.3% 0 6.66%;
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 94%;
	text-align: center;
}

#contents .consider h2 img {
	position: absolute;
	top: 0;
	left: -1%;
	width: 16.7%;
	height: auto;
}

#contents .consider h2 span {
	display: block;
	padding: 2% 0;
	border-radius: 15px;
	background: #ee86a8;
}

#contents .consider .link_list {
	width: 84.17%;
	margin: 0 auto;
	padding: 0 0 2%;
}

#contents .consider .link_list li {
	margin: 0 0 6%;
	text-align: center;
}

#contents .consider .link_list li a {
	display: block;
	padding: 2% 2% 4%;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	background: #ffffff;
	color: #333333;
	font-size: 82%;
	text-decoration: none;
}

#contents .consider .link_list li a img {
	width: 100%;
	height: auto;
}

#contents .consider .link_list li a span {
	display: block;
	margin: 6% 0 0;
	background: url(../../common/img/ico_arw06_sp.png) no-repeat right center;
	background-size: 17px auto;
}

#contents .consider .overview a {
	text-decoration: none;
}

#contents .consider .overview h2 {
	padding: 2% 0;
	border-radius: 10px 10px 0 0;
	background: #ee86a8;
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 94%;
	text-align: center;
}

#contents .consider .overview .ct_box {
	padding: 7% 3.33% 6%;
	border: 1px solid #eeeeee;
	border-top: none;
	border-radius: 0 0 10px 10px;
	background: #ffffff;
}

#contents .consider .overview .ct_box .box01 h3 {
	position: relative;
	margin: 0 0 5%;
	padding: 0 0 0 19px;
	color: #ee86a8;
	font-size: 88%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box01 h3:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin: -5px 0 0;
	border-radius: 5px;
	background: #ee86a8;
	content: '';
}

#contents .consider .overview .ct_box .box01 ul {
	padding: 0 0 3%;
	letter-spacing: -0.4em;
}

#contents .consider .overview .ct_box .box01 ul li {
	display: inline-block;
	vertical-align: top;
	width: 48.2%;
	margin: 0 3.6% 5.4% 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .consider .overview .ct_box .box01 li:nth-child(2n) {
	margin: 0 0 5.4%;
}

#contents .consider .overview .ct_box .box01 li a {
	display: block;
	line-height: 1.38;
	padding: 9% 0 7%;
	border: 1px solid #eeeeee;
	background: #ffffff;
	color: #333333;
	font-size: 69%;
}

#contents .consider .overview .ct_box .box01 li a img {
	width: 80.37%;
	height: auto;
}

#contents .consider .overview .ct_box .box01 li a span {
	display: block;
	margin: 5% 0 0;
}


#contents .consider .overview .ct_box .box02 h3 {
	position: relative;
	margin: 0 0 5%;
	padding: 0 0 0 19px;
	color: #00a458;
	font-size: 88%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box02 h3:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	margin: -5px 0 0;
	border-radius: 5px;
	background: #00a458;
	content: '';
}

#contents .consider .overview .ct_box .box02 ul {
	padding: 0 0 3%;
	letter-spacing: -0.4em;
}

#contents .consider .overview .ct_box .box02 ul li {
	display: inline-block;
	vertical-align: top;
	width: 48.2%;
	margin: 0 3.6% 3.6% 0;
	text-align: center;
	letter-spacing: 0;
}

#contents .consider .overview .ct_box .box02 li:nth-child(2n) {
	margin: 0 0 3.6%;
}

#contents .consider .overview .ct_box .box02 li a {
	display: block;
	line-height: 1.38;
	padding: 6% 0 4%;
	border: 1px solid #eeeeee;
	background: #ffffff;
	color: #333333;
	font-size: 69%;
}

#contents .consider .overview .ct_box .box02 li a img {
	width: 47.1%;
	height: auto;
}

#contents .consider .overview .ct_box .box02 li a span {
	display: block;
	margin: 4% 0 0;
}

#contents .consider .overview .ct_box .border {
	margin: 0 0 6%;
	border-bottom: 1px solid #eeeeee;
}

#contents .consider .overview .ct_box .box03 h3 ,
#contents .consider .overview .ct_box .box04 h3 ,
#contents .consider .overview .ct_box .box05 h3 ,
#contents .consider .overview .ct_box .box06 h3 ,
#contents .consider .overview .ct_box .box07 h3 {
	position: relative;
	padding: 0 0 2% 30px;
	background: url(../../common/img/line_dash_01.png) repeat-x center bottom;
	background-size: 3px auto;
	font-size: 88%;
	font-weight: normal;
}

#contents .consider .overview .ct_box .box03 h3:before {
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 19px;
	height: 14px;
	background: url(../../common/img/icn_shape_01.png) no-repeat left top;
	background-size: 19px auto;
	content: '';
}


#contents .consider .overview .ct_box .box03 p ,
#contents .consider .overview .ct_box .box04 p ,
#contents .consider .overview .ct_box .box05 p ,
#contents .consider .overview .ct_box .box06 p {
	margin: 6% 0;
	color: #777777;
	font-size: 69%;
}

#contents .consider .overview .ct_box .box05 p span {
	display: block;
	margin: 5px 0 0;
	font-size: 91%;
}

#contents .consider .overview .ct_box .box03 ul ,
#contents .consider .overview .ct_box .box04 ul {
	padding: 0 0 2%;
}

#contents .consider .overview .ct_box .box03 ul li ,
#contents .consider .overview .ct_box .box04 ul li {
	margin: 0 0 3.57%;
	text-align: center;
}

#contents .consider .overview .ct_box .box03 ul li a ,
#contents .consider .overview .ct_box .box04 ul li a {
	display: block;
	padding: 3% 28px 3% 0;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	background: #ee86a8 url(../../common/img/ico_arw07.png) no-repeat 65% center;
	background-size: 10px auto;
	color: #ffffff;
	font-size: 69%;
}

#contents .consider .overview .ct_box .box03 ul li:last-child a ,
#contents .consider .overview .ct_box .box04 ul li:last-child a {
	background: #00a458 url(../../common/img/ico_arw07.png) no-repeat 64% center;
	background-size: 10px auto;
}

#contents .consider .overview .ct_box .box04 {
	padding: 0 0 2%;
}

#contents .consider .overview .ct_box .box04 h3:before {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 18px;
	height: 18px;
	background: url(../../common/img/icn_shape_02.png) no-repeat left top;
	background-size: 18px auto;
	content: '';
}

#contents .consider .overview .ct_box .box05 h3:before {
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height: 17px;
	background: url(../../common/img/icn_shape_03.png) no-repeat left top;
	background-size: 20px auto;
	content: '';
}

#contents .consider .overview .ct_box .box05 .link ,
#contents .consider .overview .ct_box .box06 .link {
	margin: 0 0 8%;
	font-size: 100%;
	text-align: center;
}

#contents .consider .overview .ct_box .box05 .link a ,
#contents .consider .overview .ct_box .box06 .link a {
	display: block;
	padding: 2% 20px 2% 0;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	background: #fff5f7 url(../../common/img/ico_arw04_sp.png) no-repeat 86% center;
	background-size: 10px auto;
	color: #ee86a8;
	font-size: 69%;
}

#contents .consider .overview .ct_box .box06 .link a {
	background: #fff5f7 url(../../common/img/ico_arw04_sp.png) no-repeat 79% center;
	background-size: 10px auto;
}

#contents .consider .overview .ct_box .box06 h3:before {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 17px;
	height: 18px;
	background: url(../../common/img/icn_shape_04.png) no-repeat left top;
	background-size: 17px auto;
	content: '';
}

#contents .consider .overview .ct_box .box07 h3:before {
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 18px;
	height: 18px;
	background: url(../../common/img/icn_shape_05.png) no-repeat left top;
	background-size: 18px auto;
	content: '';
}

#contents .consider .overview .ct_box .box07 ul li {
	margin: 7% 0 0;
	border-radius: 3px;
	background: #eeeeee url(../../common/img/icn_shape_06.png) no-repeat 82% center;
	background-size: 10px auto;
	text-align: left;
}

#contents .consider .overview .ct_box .box07 ul li:last-child {
	margin: 5% 0 0;
	background: #eeeeee url(../../common/img/icn_shape_06.png) no-repeat 78% center;
	background-size: 10px auto;
}

#contents .consider .overview .ct_box .box07 ul li a {
	display: block;
	padding: 2% 0 2% 23%;
	background: url(../../common/img/ico_arw04.png) no-repeat 18% center;
	background-size: 8px auto;
	color: #ee86a8;
	font-size: 69%;
	text-decoration: underline;
}

#contents .consider .overview .ct_box .box07 ul li:last-child a {
	color: #00a458;
	background: url(../../common/img/ico_arw05.png) no-repeat 18% center;
	background-size: 8px auto;
}

}






