@charset 'UTF-8';
/*
 * renew_top.css
 */

 /* ==========================================================
body
========================================================== */
 body{
	font-family: 'Manrope','Noto Sans JP',"游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
 }

 /* ==========================================================
header
========================================================== */
 .common_header {
 	box-shadow: 0px 0px 10px #0000003d;
 }

 .common_header .common_header_inner {
 	padding: 0;
 }

 .common_header .common_header_inner .header_top {
 	margin-bottom: 10px;
 }

 .common_header .common_header_inner .header_menus .nav_menus > li.have_child .child_menu{
	opacity: 1;
	display: none;
 }

 @media screen and (max-width: 767px) {
	.common_header .common_header_inner .header_menus .nav_menus>li.have_child:hover .child_menu {
		opacity: 1;
	}
}

/* スクロール時 */
.common_header.fixed.opened .common_header_inner{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 98%;
}
.common_header.fixed.opened .common_header_inner .header_top{
	display: block;
}
.common_header.fixed.opened .common_header_inner .header_top .header_top_rigth{
	display: none;
}
.common_header.fixed.opened .common_header_inner .header_menus{
	align-items: center;
}
.common_header.fixed.opened .common_header_inner .header_menus .nav_menus > li{
	padding-bottom: 20px;
}
.common_header.fixed.opened .common_header_inner .header_menus .nav_menus > li > a{
	font-size: 1.4rem;
}
.common_header.fixed.opened .common_header_inner .header_menus .nav_btns li a{
	font-size: 1.2rem;
	width: 130px;
}
.common_header.fixed.opened .common_header_inner .header_top .logo a{
	width: 190px;
	height: 48px;
	background-size: 86%;
}

@media screen and (max-width: 767px) {
	.common_header.fixed.opened .common_header_inner .header_menus .nav_menus > li > a{
		font-size: 4.50704vw;
	}
	.common_header.fixed.opened .common_header_inner .header_menus .nav_btns li a {
		font-size: 4.50704vw;
		width: 100%;
	}
	.common_header.fixed.opened .common_header_inner .header_top .logo a {
		width: 38.4vw;
		height: 9.2vw;
		background-size: contain;
	}
	.common_header .common_header_inner .header_top,
	.common_header.fixed.opened .common_header_inner .header_top {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
}


/* ==========================================================
inner
========================================================== */
.inner-l{
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1220px) {
	.inner-l{
		width: 98%;
	}
}

.inner{
	width: 1140px;
	margin: 0 auto;
}
@media screen and (max-width: 1160px) {
	.inner{
		width: 98%;
	}
}

.inner-s{
	width: 1080px;
	margin: 0 auto;
}

@media screen and (max-width: 1100px) {
	.inner-s{
		width: 98%;
	}
}

@media screen and (max-width: 767px) {
	.inner-l,
	.inner,
	.inner-s{
		width: 100%;
	}
}

/* ==========================================================
heading
========================================================== */
.ttl_top{
	color: #000;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5em;
}
.ttl_top span.color_red{
	color: #e30000;
	display: block;
}

@media screen and (max-width: 767px) {
	.ttl_top{
		font-size: 7.50704vw;
	}
}

/* ==========================================================
button
========================================================== */
/* btn_base */
.btn_base {
	text-align: center;
	position: relative;
	margin-bottom: 1em;
}
.btn_base a {
	color: #e30000;
	font-size: 1.6rem;
	font-weight: 500;
	border-radius: 25px;
	padding: .5em;
	border: 2px solid #e30000;
	background: #fff;
	box-shadow: 0 6px 0 #CCCCCC;
	text-decoration: none;
	display: inline-block;
	min-width: 320px;
	position: relative;
	transition: all .3s;
	box-sizing: border-box;
}
.btn_base a:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}
.btn_base a>span {
	position: relative;
	display: inline-block;
	padding-right: 2em;
}
.btn_base a>span:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #e30000;
	background-size: contain;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}
.btn_base a>span:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 10px;
}
.btn_base a[target=_blank]>span:after {
	width: 12px;
	height: 12px;
	border-top: none;
	border-right: none;
	transform: translateY(-50%);
	background: url(../img/ico_external.png) center no-repeat;
	background-size: contain;
	right: 4px;
}

@media screen and (max-width: 767px) {
	.btn_base a {
		font-size: 4.50704vw;
		min-width: 220px;
		padding: 1em .5em;
		line-height: 1.4;
		box-shadow: 0 3px 0 #cccccc;
	}
}

/* +members */
.btn_base.members a {
	color: #0077bf;
	border: 2px solid #0077bf;
	background: #fff;
	position: relative;
}
.btn_base.members a:before {
	content: "";
	display: block;
	width: 25px;
	height: 30px;
	transform: translateY(-50%);
	background: url(../img/ico_members.png) center no-repeat;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 50%;
}
.btn_base.members a span{
	display: block;
	padding: 0 2em;
}
.btn_base.members a>span:before{
	background: #0077bf;
}
.btn_base.members a>span:after{
	right: 4px;
}

/* +mail */
.btn_base.mail a {
	color: #0077bf;
	border: 2px solid #0077bf;
	background: #fff;
	position: relative;
}
.btn_base.mail a:before {
	content: "";
	display: block;
	width: 30px;
	height: 21px;
	transform: translateY(-50%);
	background: url(../img/ico_mail03.png) center no-repeat;
	background-size: contain;
	position: absolute;
	left: 10px;
	top: 50%;
}
.btn_base.mail a span{
	display: block;
	padding: 0 2em;
}
.btn_base.mail a>span:before{
	background: #0077bf;
}
.btn_base.mail a>span:after{
	right: 4px;
}

@media screen and (max-width: 767px) {
	.btn_base a{
		font-size: 3.94366vw;
	}
}

/* + black */
.btn_base.black a {
	color: #fff;
	border-radius: 40px;
	padding: .7em 1em;
	border: 2px solid #000;
	background: #000;
}
.btn_base.black a >span>span {
	font-size: 1.8rem;
}
.btn_base.black a>span:before {
	background: #fff;
}
.btn_base.black a>span:after {
	border-color: #000;
}
@media screen and (max-width: 767px) {
	.btn_base.black a{
		padding: 1em .5em;
	}
	.btn_base.black a >span>span{
		font-size: 2.94366vw;
	}
}

/* + blue */
.btn_base.blue a {
	color: #fff;
	border-radius: 40px;
	padding: .7em 1em;
	border: 2px solid #0077bf;
	background: #0077bf;
}
.btn_base.blue a >span>span {
	font-size: 1.8rem;
}
.btn_base.blue a>span:before {
	background: #fff;
}
.btn_base.blue a>span:after {
	border-color: #0077bf;
}
.btn_base.blue a[target=_blank]>span:after {
	background: url(../img/ico_external03.png) center no-repeat;
	background-size: contain;
}
@media screen and (max-width: 767px) {
	.btn_base.blue a{
		padding: 1em .5em;
	}
	.btn_base.blue a >span>span{
		font-size: 2.94366vw;
	}
}

/* btn_block */
.btn_block{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 2em;
}
.btn_block p{
	margin: 0 1em 1em;
}

/* ==========================================================
txt_link
========================================================== */
.txt_link{
	color: #e30000;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
.txt_link a{
	text-decoration: none;
	position: relative;
	padding-right: 2em;
	transition: all .3s;
}
.txt_link a:hover{
	text-decoration: underline;
}
.txt_link a[target=_blank]:before {
	content: "";
	display: block;
	margin-left: 0.5em;
	width: 20px;
	height: 20px;
	background: #e30000;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}
.txt_link a[target=_blank]:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: 4px;
	background: url(../img/ico_external.png) center no-repeat;
	background-size: contain;
}

.txt_link.color_blue a{
	color: #0077bf;
}
.txt_link.color_blue a[target=_blank]:before {
	background: #0077bf;
}

@media screen and (max-width: 767px) {
	.txt_link{
		font-size: 3.94366vw;
	}
}

/* ==========================================================
top_bg
========================================================== */
.top_bg{
	border-radius: 0;
	background: url(../img/bg.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.top_bg:before {
	content: "";
	display: inline-block;
	width: 110%;
	height: 80%;
	border-radius: 50%;
	background: #fff;
	top: 0;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: -1;
}
@media screen and (max-width: 767px) {
	.top_bg:before {
		width: 200%;
		height: 60%;
	}
}

/* ==========================================================
mv_wrapper
========================================================== */
.mv_wrapper .pc_only{
	display: block !important;
}
.mv_wrapper .sp_only{
	display: none !important;
}

.mv_wrapper .mv_slider:before,
.mv_wrapper .mv_slider:after{
	content:  none !important;
}
.mv_wrapper .mv_slider .slick-list{
	width: 1000px;
}
.mv_wrapper .mv_slider.slick-slider{
	width: 1080px;
	margin: 10px auto 50px;
}
.mv_wrapper .mv_slider .slick-slide{
	opacity: 1;
	position: relative;
}
.mv_wrapper .mv_slider .slick-slide:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	opacity: .5;
}
.mv_wrapper .mv_slider.slick-slider .slide_item a img{
	border-radius: 20px;
	box-shadow: 5px 5px 20px #0000003d;
	transform: scale(.9);
}
.mv_wrapper .mv_slider.slick-slider .slide_item.slick-current a img{
	transform: scale(1);
}
.mv_wrapper .mv_slider .slick-prev{
	left: 0;
}
.mv_wrapper .mv_slider .slick-next{
	right: 0;
}
.mv_wrapper .mv_slider .slick-prev:before,
.mv_wrapper .mv_slider .slick-next:before{
	width: 50px;
	height: 50px;
	border-right: none;
	border-bottom: none;
	background: url(../img/slide_btn_prev.png) center no-repeat;
	background-size: contain;
	transform: none;
	opacity: 1;
}
.mv_wrapper .mv_slider .slick-next:before{
	transform: none;
	background: url(../img/slide_btn_next.png) center no-repeat;
	background-size: contain;
}

.mv_wrapper .mv_slider_thumb{
	max-width: 770px;
}
.mv_wrapper .mv_slider_thumb .slick-slide{
	border: 3px solid transparent;
	border-radius: 3px;
}
.mv_wrapper .mv_slider_thumb .slick-slide::after{
	content: "";
	width: 0;
	height: 0;
	top: -9px;
	bottom: 0;
	right: 50%;
	transform: translateX(50%);
	position: absolute;
	border-style: solid;
	border-width: 0 6px 9px 6px;
	border-color: transparent transparent #fff transparent;
	background: none;
	opacity: 0;
}
.mv_wrapper .mv_slider_thumb .slick-current{
	border-color: #fff;
	background: none;
}
.mv_wrapper .mv_slider_thumb .slick-current.slick-slide::after{
	opacity: 1;
}
.mv_wrapper .mv_slider_thumb .slick-slide,
.mv_wrapper .mv_slider_thumb .slide_item img {
	border-radius: 5px;
}
.mv_wrapper .mv_slider_thumb .slick-slide:before {
	opacity: .5;
}

@media screen and (max-width: 767px) {
	.mv_wrapper .mv_slider .slick-list,
	.mv_wrapper .mv_slider.slick-slider{
		width: 100%;
	}
	.mv_wrapper .pc_only{
		display: none !important;
	}
	.mv_wrapper .sp_only{
		display: block !important;
	}
	.mv_wrapper .mv_slider_thumb{
		max-width: 100%;
		margin: 10px;
	}
}


/* ==========================================================
top_reason_area
========================================================== */
.top_reason_area{
	margin-bottom: 3em;
	background: #f6f6f4;
	padding: 5em 2em;
	margin: -3em 0 6em;
	border-radius: 100px;
	position: relative;
	z-index: 3;
}
.top_reason_area .ttl_top{
	font-size: 5.5rem;
	font-weight: 800;
	line-height: 1.4;
}
.top_reason_area .ttl_top span:not(.color_red){
	font-size: 4rem;
}

.top_reason_area .list_reason{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.top_reason_area .list_reason li{
	position: relative;
}
.top_reason_area .list_reason li .ttl_reason{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.top_reason_area .list_reason li .ttl_reason >span{
	color: #e30000;
	font-size: 3rem;
	display: block;
}
.top_reason_area .list_reason li .ttl_reason >span.txt_small{
	color: #000;
	font-size: 1.8rem;
}
.top_reason_area .list_reason li .ttl_reason >span.txt_small span{
	color: #e30000;
}
.top_reason_area .list_reason li .ttl_reason span span{
	font-size: 1.8rem;
}
.top_reason_area .list_reason li .thumb_reason{
	text-align: center;
}
.top_reason_area .list_reason li p:not(.btn_base){
	margin: 0 1.5em;
}
.top_reason_area .list_reason li .btn_base{
	margin-top: 1.5em;
}

/* bnr_reason */
.top_reason_area .bnr_reason{
	max-width: 700px;
	margin: 0 auto;
}
.top_reason_area .bnr_reason figure{
	margin-bottom: 0.5em;
}
.top_reason_area .bnr_reason figure a{
	text-align: center;
	transition: all .3s;
}
.top_reason_area .bnr_reason figure a:hover{
	opacity: .7;
}
.top_reason_area .bnr_reason figure a img{
	margin: 0 auto;
}
.top_reason_area .bnr_reason p{
	font-size: 1.2rem;
	line-height: 1.2;
}

@media screen and (max-width: 767px) {
	.top_reason_area{
		border-radius: 40px;
	}
	.top_reason_area .list_reason{
		display: block;
	}
	.top_reason_area .ttl_top{
		font-size: 7.50704vw;
		line-height: 1.2;
	}
	.top_reason_area .ttl_top span.color_red{
		margin-top: 0.2em;
	}
	.top_reason_area .ttl_top span:not(.color_red){
		font-size: 6.50704vw;
	}
	.top_reason_area .list_reason li{
		margin-bottom: 2.5em;
	}
	.top_reason_area .list_reason li .ttl_reason{
		font-size: 3.09859vw;
	}
	.top_reason_area .list_reason li .ttl_reason span{
		font-size: 5.6338vw;
	}
	.top_reason_area .list_reason li .thumb_reason{
		max-width: 80%;
		margin: 0 auto;
	}
	.top_reason_area .list_reason li .ttl_reason >span.txt_small,
	.top_reason_area .list_reason li .ttl_reason >span.txt_small span{
		font-size: 3.50704vw;
	}

	
}


/* ==========================================================
top_price_area
========================================================== */
.top_price_area{
	margin-bottom: 5em;
	overflow: hidden;
}
.top_price_area .tab_nav01{
	max-width: 960px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	align-items: flex-end;
}
.top_price_area .tab_nav01 ul{
	align-items: flex-end;
}
.top_price_area .tab_nav01 li{
	margin: 0 1em;
	border: none;
}
.top_price_area .tab_nav01 li a{
	color: #000;
	font-size: 2.4rem;
	font-weight: bold;
	background: #e4e3dd;
	border-radius: 10px 10px 0 0;
	box-shadow: 6px 0 0 #cccccc;
	padding: 0.8em 1em;
	position: relative;
	justify-content: flex-start;
}
.top_price_area .tab_nav01 li a:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #e30000;
	background-size: contain;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 0;
}
.top_price_area .tab_nav01 li a:after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	position: absolute;
	top: 45%;
	right: 25px;
	border-left: none;
	border-bottom: none;
	z-index: 1;
}
.top_price_area .tab_nav01 li a >span{
	display: block;
	width: 100%;
}
.top_price_area .tab_nav01 li a.active{
	color: #fff;
	background: #e30000;
	padding: 1.2em 1em;
}
.top_price_area .tab_nav01 li a.active:before{
	background: #fff;
}
.top_price_area .tab_nav01 li a.active:after{
	border-color: #e30000;
}

.top_price_area .flow_list{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top_price_area .flow_list li{
	background: #fff;
	border-radius: 10px;
	border: 1px solid #cecec8;
	padding: 0 0 1em;
	margin: 1em 3em 0 0;
	position: relative;
	text-align: center;
	flex: 1;
}
.top_price_area .flow_list li:after {
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	background: url(../img/ico_arrow_black.png) center no-repeat;
	background-size: contain;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: -43px;
	top: 50%;
}
.top_price_area .flow_list li:last-child {
	margin-right: 0;
}
.top_price_area .flow_list li:last-child:after {
	content: none;
}
.top_price_area .flow_list li .period{
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
	background: #000;
	border-radius: 15px;
	padding: 0 1em;
	margin: 0 auto 1em;
	position: relative;
	transform: translateY(-50%);
	z-index: 1;
}
.top_price_area .flow_list li .txt_price_detail{
	font-size: 1.4rem;
	font-weight: 500;
}
.top_price_area .flow_list li .txt_price_detail .bg{
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	display: block;
	background: #e30000;
	padding: 0 .5em;
}
.top_price_area .flow_list li .txt_price_detail .bg strong{
	font-size: 3.6rem;
}
.top_price_area .flow_list li.campaign{
	border: 3px solid #e30000;
	position: relative;
	flex: 1.2;
	box-shadow: 0 6px 0 #cccccc;
}
.top_price_area .flow_list li.campaign a{
	display: block;
	transition: all .3s;
}
.top_price_area .flow_list li.campaign a:hover{
	opacity: .7;
}
.top_price_area .flow_list li.campaign .ttl_campaign{
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	background: #e30000;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.top_price_area .flow_list li.campaign .txt_link{
	display: inline-block;
	position: relative;
	padding-right: 2em;
	margin: 1em 0 0;
}
.top_price_area .flow_list li.campaign .txt_link:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #e30000;
	background-size: contain;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}
.top_price_area .flow_list li.campaign .txt_link:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 10px;
}
.top_price_area .flow_list li.campaign .txt_price {
	margin-top: 2em;
}
.top_price_area .btn_block {
	align-items: flex-end;
}

.top_price_area .txt_btn {
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	background: #000;
	border-radius: 5px;
	padding: 0 1em;
	position: relative;
}
.top_price_area .txt_btn :before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -9px;
	right: 50%;
	transform: translateX(50%);
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #000 transparent transparent transparent;
	z-index: 1;
}
.top_price_area .txt_btn strong{
	font-size: 1.8rem;
	font-weight: bold;
}

.top_price_area .indent_ul_list{
	list-style: decimal;
	padding-left: 3em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.top_price_area .indent_ul_list li{
	font-size: 1.4rem;
	padding-left: .8em;
	padding-right: 3.5em;
	position: relative;
	word-break: keep-all;
}
.top_price_area .indent_ul_list li a{
	text-decoration: underline;
}
.top_price_area .indent_ul_list li:before{
	content: "※";
	display: inline-block;
	position: absolute;
	left: -1.5em;
}

@media screen and (max-width: 767px) {
	.top_price_area .tab_nav01{
		max-width: 90%;	
	}
	.top_price_area .tab_nav01 ul{
		flex-wrap: nowrap;
	}
	.top_price_area .tab_nav01 li{
		margin: 0 1em 0 0;
	}
	.top_price_area .tab_nav01 li a{
		font-size: 3.50704vw;
		padding: .5em 1em 3em;
		flex-wrap: wrap;
	}
	.top_price_area .tab_nav01 li a.active{
		padding: 1.5em 1em 3em;
	}
	.top_price_area .tab_nav01 li a img{
		max-height: 26px;
		width: auto;
		margin: 0 auto .5em;
	}
	.top_price_area .tab_nav01 li a:before{
		top: auto;
		right: 50%;
		bottom: 0;
		transform: translate(50%,-50%);
	}
	.top_price_area .tab_nav01 li a:after{
		top: auto;
		right: 50%;
		bottom: 12px;
		transform: translate(50%,-50%) rotate(135deg);
	}

	.top_price_area .flow_list{
		display: block;
	}
	.top_price_area .flow_list li{
		width: 100%;
		margin-bottom: 70px;
	}
	.top_price_area .flow_list li:last-child{
		margin-bottom: 0;
	}
	.top_price_area .flow_list li .period{
		font-size: 4.09859vw;
	}
	.top_price_area .flow_list li .txt_price_detail{
		font-size: 3.59859vw;
	}
	.top_price_area .flow_list li .txt_price_detail .bg{
		font-size: 3.50704vw;
	}
	.top_price_area .flow_list li .txt_price_detail .bg strong{
		font-size: 6.09859vw;
	}
	.top_price_area .flow_list li.campaign .ttl_campaign{
		font-size: 6.09859vw;
		padding: .5em;
	}
	.top_price_area .flow_list li.campaign .txt_price{
		margin-top: 3em;
	}
	.top_price_area .flow_list li .txt_price img{
		max-width: 60%;
	}
	.top_price_area .flow_list li:after{
		transform: translate(50%,-50%) rotate(90deg);
		right: 50%;
		top: auto;
		bottom: -65px;
	}

	.top_price_area .btn_block >div{
		order: 1;
	}
	.top_price_area .btn_block >.btn_base{
		order: 2;
	}

	.top_price_area .txt_btn {
		line-height: 1.2;
		padding: .8em;
		border-radius: 10px;
	}
	.top_price_area .indent_ul_list {
		display: block;
	}
	.top_price_area .indent_ul_list li{
		padding-right: 0;
		text-indent: 0;
		word-break: break-all;
	}
	.top_price_area .indent_ul_list li:before{
		left: -2.3em;
	}
}


/* top_price_area_top */
.top_price_area  .price_area_top{
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 3em;
}
.top_price_area  .price_area_top:after{
	content: "";
	display: block;
	width: 158px;
	height: 173px;
	background: url(../img/price_thumb.png) center no-repeat;
	background-size: contain;
	position: absolute;
	right: 1em;
	bottom: -55px;
}
.top_price_area  .price_area_top .ttl_top{
	font-size: 5.5rem;
	margin-bottom: 0;
}
.top_price_area  .price_area_top .ttl_top img{
	max-width: 80%;
	margin: 0 auto;
	display: block;
}


@media screen and (max-width: 767px) {
	.top_price_area  .price_area_top .ttl_top{
		font-size: 7.50704vw;
	}
	.top_price_area  .price_area_top:after{
		content: none;
	}
}


/* tab_contents */
.tab_contents{
	background: #fdf1f1;
	padding: 4em 2em;
	border-top: 3px solid #e30000;
}

.tab_contents .tab_contents_inner{
	display:none;
}

.tab_contents .tab_contents_inner.active{
	display:block;
}
.tab_contents .ttl_price{
	font-size: 2rem;
	font-weight: 500;
	position: relative;
	padding-left: 1em;
	margin-bottom: 1em;
}
.tab_contents .ttl_price::before {
	content: '';
	width: 8px;
	height: 100%;
	display: inline-block;
	border-radius: 4px;
	position: absolute;
	left: 0;
	background: #e30000;
}


@media screen and (max-width: 767px) {
	.tab_contents .ttl_price{
		font-size: 4.50704vw;
	}
}




/* ==========================================================
top_campaign_area
========================================================== */
.top_campaign_area{
	margin-bottom: 5em;
}
.top_campaign_area .campaign_slider .slick-track{
	display: flex;
}
.top_campaign_area .campaign_slider .slide_item{
	padding: 0 0 1em 0;
	margin: 0 0.8em;
	height: auto;
}
.top_campaign_area .campaign_slider .slide_item a{
	display: block;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 0 #cccccc;
	height: 100%;
	overflow: hidden;
}
.top_campaign_area .campaign_slider .slide_item a .thumb_campaign{
	position: relative;
	z-index: 0;
	overflow: hidden;
	width: 100%;
}
.top_campaign_area .campaign_slider .slide_item a .thumb_campaign img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top_campaign_area .campaign_slider .slide_item a .caption{
	padding: 1.2em 1em;
}
.top_campaign_area .campaign_slider .slide_item a .caption .ttl_campaign{
	color: #e30000;
	font-size: 1.6rem;
	font-weight: 500;
	position: relative;
}
.top_campaign_area .campaign_slider .slide_item a .caption p{
	font-size: 1.4rem;
}

.top_campaign_area .campaign_slider .slide_item a[target=_blank] .caption .ttl_campaign{
	padding-right: 2em;
}
.top_campaign_area .campaign_slider .slide_item a[target=_blank] .caption .ttl_campaign:after{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/ico_external04.png) center no-repeat;
	background-size: contain;
	margin-left: .5em;
}

.top_campaign_area .campaign_slider .slick-prev,
.top_campaign_area .campaign_slider .slick-next{
	width: 50px;
	height: 50px;
	z-index: 1;
}

.top_campaign_area .campaign_slider .slick-prev:before,
.top_campaign_area .campaign_slider .slick-next:before {
	content: "";
	width: 50px;
	height: 50px;
	display: block;
	border-right: none;
	border-bottom: none;
	background: url(../img/slide_btn_prev.png) center no-repeat;
	background-size: contain;
	transform: none;
	opacity: 1;
}
.top_campaign_area .campaign_slider .slick-next:before {
	transform: none;
	background: url(../img/slide_btn_next.png) center no-repeat;
	background-size: contain;
}
.top_campaign_area .campaign_slider .slick-prev{
	left: 1em;
}
.top_campaign_area .campaign_slider .slick-next{
	right: 1em;
}

@media screen and (max-width: 767px) {
	.top_campaign_area .ttl_top {
		font-size: 6.50704vw;
	}
}

/* ==========================================================
top_style_area
========================================================== */
.top_style_area{
	margin-bottom: 5em;
}
.top_style_area .ttl_top{
	font-size: 5.5rem;
	line-height: 1;
	margin-bottom: .2em;
}
.top_style_area .ttl_top img{
	display: block;
	margin-left: 3em;
}
.top_style_area .list_style{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.top_style_area .list_style li{
	background: #fff;
	border-radius: 20px;
	border: 1px solid #e6e6e6;
	box-shadow: 0 5px 10px #cccccc;
	padding: 0 0 1em;
	margin: 2em 1em 0;
	position: relative;
}
.top_style_area .list_style li .thumb_style{
	background: #cccccc;
	border-radius: 20px 20px 50px 50px;
	padding: 0 1em 1em;
	text-align: center;
}
.top_style_area .list_style li .thumb_style img{
	margin-top: -1em;
}
.top_style_area .list_style li .thumb_style .ttl_style{
	color: #fff;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	margin: 1em 0 0;
}
.top_style_area .list_style li .thumb_style .ttl_style span{
	font-size: 2.4rem;
}
.top_style_area .list_style li .thumb_style .ttl_style strong{
	padding-top: .2em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1em .3em;
    background-image: radial-gradient(.15em .15em at center center,#fff,#fff 100%,rgba(0,0,0,0));
}
_::-webkit-full-page-media, _:future, :root .top_style_area .list_style li .thumb_style .ttl_style strong {
	text-emphasis: circle;
	-webkit-text-emphasis: circle;
	padding-top: 0;
	background: none;
}
.top_style_area .list_style li p {
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 0.5em;
}
.top_style_area .list_style li .detail_style{
	padding: 0 1.5em;
}
.top_style_area .list_style li .detail_style p.txt_detail_style{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 1.5em 0 1em;
}
.top_style_area .list_style li .detail_style .btn_base a{
	color: #fff;
	border: 1px solid #ccc;
	background: #ccc;
	padding: 1em .5em;
}
.top_style_area .list_style li .detail_style .btn_base:not(.logo) {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #ccc;
}
.top_style_area .list_style li .detail_style .btn_base:not(.logo) a>span:before{
	background: #fff;
}
.top_style_area .list_style li .detail_style .btn_base:not(.logo) a>span:after{
	border-color: #ccc;
}
.top_style_area .list_style li .detail_style .btn_base.logo{
	margin-bottom: 1.5em;
}
.top_style_area .list_style li .detail_style .btn_base.logo a{
	color: #000;
	font-size: 1.3rem;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top_style_area .list_style li .detail_style .btn_base.logo a img{
	margin-right: 1em;
}

/* list_detail_telephone */
.top_style_area .list_style li.list_detail_telephone .thumb_style{
	background: #00aa87;
}
.top_style_area .list_style li.list_detail_telephone .detail_style .btn_base:not(.logo) a{
	border: 1px solid #00aa87;
	background: #00aa87;
}
.top_style_area .list_style li.list_detail_telephone .detail_style .btn_base:not(.logo) a>span:after{
	border-color: #00aa87;
}
.top_style_area .list_style li.list_detail_telephone .thumb_style:after{
	color: #00aa87;
}
/* list_detail_tv */
.top_style_area .list_style li.list_detail_tv .thumb_style{
	background: #f78d33;
}
.top_style_area .list_style li.list_detail_tv .detail_style .btn_base:not(.logo) a{
	border: 1px solid #f78d33;
	background: #f78d33;
}
.top_style_area .list_style li.list_detail_tv .detail_style .btn_base:not(.logo) a>span:after{
	border-color: #f78d33;
}
.top_style_area .list_style li.list_detail_tv .thumb_style:after{
	color: #f78d33;
}
/* list_detail_pack */
.top_style_area .list_style li.list_detail_pack .thumb_style{
	background: #0095c5;
}
.top_style_area .list_style li.list_detail_pack .detail_style .btn_base:not(.logo) a{
	border: 1px solid #0095c5;
	background: #0095c5;
}
.top_style_area .list_style li.list_detail_pack .detail_style .btn_base:not(.logo) a>span:after{
	border-color: #0095c5;
}
.top_style_area .list_style li.list_detail_pack .thumb_style:after{
	color: #0095c5;
}

@media screen and (max-width: 767px) {
	.top_style_area .ttl_top{
		font-size: 7.50704vw;
		margin-bottom: .5em;
	}
	.top_style_area .ttl_top img{
		max-width: 30%;
		margin-bottom: .3em;
	}

	.top_style_area .list_style{
		display: block;
	}
	.top_style_area .list_style li{
		padding: 0;
	}
	.top_style_area .list_style li .thumb_style{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border-radius: 20px;
		padding: 1em;
		position: relative;
		box-shadow: 0 3px 0 #cccccc;
	}
	.top_style_area .list_style li .thumb_style.active{
		box-shadow: none;
	}
	.top_style_area .list_style li .thumb_style:before {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		background: #fff;
		background-size: contain;
		border-radius: 50%;
		transform: translateY(-50%);
		position: absolute;
		right: 30px;
		top: 50%;
	}
	.top_style_area .list_style li .thumb_style:after {
		content: "＋";
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
		width: 14px;
		height: 14px;
		transform: translateY(-50%);
		position: absolute;
		top: 50%;
		right: 34px;
	}
	.top_style_area .list_style li .thumb_style.active:after {
		content: "－";
	}
	.top_style_area .list_style li .thumb_style img{
		width: 30%;
		margin-top: 0;
		margin-right: 1em;
	}
	.top_style_area .list_style li .thumb_style .ttl_style{
		font-size: 5.07042vw;
		margin-top: 0;
	}
	.top_style_area .list_style li .thumb_style .ttl_style span{
		font-size: 5.07042vw;
	}
	.top_style_area .list_style li {
		padding: 0;
	}
	.top_style_area .list_style li.list_detail_telephone .detail_style{
		display: block;
	}
}


/* ==========================================================
contact_area
========================================================== */
.contact_area{
	padding:  4em 2em;
	border-radius: 100px;
	background: url(../img/bg.jpg) no-repeat center;
	background-size: cover;
}
.contact_area .ttl_top{
	color: #fff;
}
.contact_area .list_contact{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 3em;
}
.contact_area .list_contact li{
	background: #fff;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	padding: 1em;
}
.contact_area .list_contact li.new_customer{
	width: 100%;
}
.contact_area .list_contact li.support_customer{
	width: 30%;
}
.contact_area .list_contact li.support_customer .sttl_contact{
	color: #0077bf;
}
.contact_area .list_contact li .sttl_contact{
	flex-basis: 100%;
	color: #e30000;
	font-size: 1.8rem;
	text-align: center;
}
.contact_area .list_contact li >div{
	text-align: center;
}
.contact_area .list_contact li >div .txt_contact{
	color: #000;
	font-size: 1.4rem;
	text-align: center;
	border: 2px solid #000;
	border-radius: 5px;
	background: #fff;
	padding: .2em 1em;
	display: inline-block;
	position: relative;
	z-index: 2;
	transform: translateY(10px);
}
.contact_area .list_contact li >div .txt_contact:before,
.contact_area .list_contact li >div .txt_contact:after{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -9px;
	right: 50%;
	transform: translateX(50%);
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 1;
}
.contact_area .list_contact li.support_customer >div .txt_contact{
	border: 2px solid #0077bf;
	box-shadow: 0 6px 0 #005f99;
}

.contact_area .list_contact li.support_customer >div .txt_contact:after{
	border-color: #005f99 transparent transparent transparent;
	bottom: -14px;
	z-index: 0;
}
.contact_area .list_contact li.new_customer >div .btn_base{
	margin: 0 1em 1em;
}
.contact_area .list_contact li >div .txt_contact span{
	color: #e30000;
}
.contact_area .btn_block.center .btn_base a{
	box-shadow: 0 6px 0 #880206;
}
.contact_area .btn_block.center .btn_base a:hover{
	box-shadow: 0 0 0 #880206;
}
.contact_area .btn_block.center .btn_base a .pc_only{
	display: inline-block;
}


@media screen and (max-width: 767px) {
	.contact_area{
		border-radius: 40px;
		padding: 2em;
	}
	.contact_area .ttl_top{
		font-size: 6.50704vw;
	}
	.contact_area .list_contact{
		display: block;
	}
	.contact_area .list_contact li.new_customer{
		width: 100%;
		padding-bottom: 0;
	}
	.contact_area .list_contact li.support_customer{
		width: 100%;
		border-bottom: none;
		padding: 0 0 1em;
		border-radius: 0 0 10px 10px;
	}

	.contact_area .list_contact li >div.support_customer{
		border-bottom: 0 !important;
	}
	.contact_area .list_contact li .sttl_contact{
		font-size: 4.50704vw;
	}
	.contact_area .list_contact li >div .txt_contact{
		font-size: 3.09859vw;
		transform: translateY(5px);
	}
	.contact_area .list_contact li.support_customer >div .txt_contact{
		box-shadow: 0 3px 0 #005f99;
	}
	.contact_area .btn_block.center{
		flex-wrap: nowrap;
		justify-content: space-between;
		margin-bottom: 0;
	}
	.contact_area .btn_block.center .btn_base{
		margin: 0;
		width: 48%;
	}
	.contact_area .btn_block.center .btn_base a{
		min-width: 100%;
		border-radius: 35px;
	}
	.contact_area .btn_block.center .btn_base a .pc_only{
		display: none;
	}
}

/* mv下 */
.contact_area.top{
	background: none;
}
.contact_area.top .list_contact li.new_customer{
	width: 69%;
}

@media screen and (max-width: 767px) {
	.contact_area.top{
		padding: 2em 2em 5em;
	}
	.contact_area.top .list_contact li.new_customer{
		width: 100%;
	}
	.contact_area.top .list_contact li.new_customer >div{
		border-bottom: 1px solid #c8c8c8;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	.contact_area.top .list_contact li.new_customer{
		border-radius: 10px 10px 0 0;
	}
}


/* ==========================================================
top_members_area
========================================================== */
.top_members_area{
	background: #f6f6f4;
	padding: 100px 0 10px;
	margin-bottom: 100px;
}
.top_members_area .members_list{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.top_members_area .members_list li{
	margin: 0 .5em 1em;
}
.top_members_area .members_list li a{
	background: #fff;
	border-radius: 20px;
	border: 1px solid #e6e6e6;
	box-shadow: 0 6px 0 #CCCCCC;
	padding: 1em 0 3.4em;
	overflow: hidden;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	transition: all .3s;
}
.top_members_area .members_list li a:hover {
	box-shadow: 0 0 0 #CCCCCC;
	transform: translateY(5px);
}
.top_members_area .members_list li a .thumb{
	width: 100%;
}
.top_members_area .members_list li a .texts{
	margin: 0 5%;
}
.top_members_area .members_list li a .texts p{
	font-size: 1.6rem;
}
.top_members_area .members_list li a .ttl_members_list{
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	position: absolute;
	width: 100%;
	background: #e30000;
	left: 0;
	bottom: 0;
	padding: .6em;
}
.top_members_area .members_list li a .ttl_members_list span{
	position: relative;
	padding-right: 1.5em;
}
.top_members_area .members_list li a .ttl_members_list span:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #fff;
	background-size: contain;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	top: 50%;
}
.top_members_area .members_list li a .ttl_members_list span:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #e30000;
	border-right: 2px solid #e30000;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 10px;
}
.top_members_area .members_list li a[target=_blank].ttl_members_list span:after {
	width: 12px;
	height: 12px;
	border-top: none;
	border-right: none;
	transform: translateY(-50%);
	background: url(../img/ico_external04.png) center no-repeat;
	background-size: contain;
}
.top_members_area .members_list.blue li a .ttl_members_list{
	background: #0077bf;
}
.top_members_area .members_list.blue li a .ttl_members_list span:after{
	border-top: 2px solid #0077bf;
	border-right: 2px solid #0077bf;
}
.top_members_area .members_list li a[target=_blank].ttl_members_list span:after {
	background: url(../img/ico_external03.png) center no-repeat;
}

@media screen and (max-width: 767px) {
	.top_members_area{
		padding: 80px 0 10px;
		margin-bottom: 80px;
	}
	.top_members_area .members_list{		
		display: block;
	}
	.top_members_area .members_list li{
		margin-bottom: 2em;
	}
	.top_members_area .members_list li a{
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	.top_members_area .members_list li a .thumb{
		width: 35%;
		text-align: center;
	}
	.top_members_area .members_list li a .texts{
		width: 55%;
		margin-bottom: 1em;
	}
	.top_members_area .members_list.blue li a .ttl_members_list{
		position: relative;
		order: 3;
		font-size: 5.07042vw;
	}
	.top_members_area .members_list li a .texts p{
		font-size: 3.09859vw;
	}
}

/* ==========================================================
top_column_area
========================================================== */
.top_column_area .ttl_top{
	font-size: 5.5rem;
	line-height: 1.4;
	margin-bottom: 0;
}
.top_column_area .ttl_top .color_red{
	font-size: 4.5rem;
}
.top_column_area .bg{
	padding: 3em 0 5em;
	margin: 3em 0 5em;
	background: #fdf1f1;
}

.top_column_area .column_slider .slide_item{
	position: relative;
}
.top_column_area .column_slider .slide_item a img{
	border-radius: 20px;
	box-shadow: 5px 5px 20px #0000003d;
	transform: scale(.9);
	margin: 0 auto;
}
.top_column_area .column_slider .slick-list{
	padding: 4em 0 !important;
}
.top_column_area .column_slider .slide_item.slick-current a img{
	transform: scale(1);
}
.top_column_area .column_slider .slide_item a .caption{
	text-align: center;
	margin: 1em auto;
}
.top_column_area .column_slider .slide_item a .caption .ttl_column{
	color: #e30000;
	font-size: 1.8rem;
	font-weight: 500;
	display: inline-block;
	padding-right: 2em;
	margin: 0 auto;
	position: relative;
}
.top_column_area .column_slider .slide_item a .caption .ttl_column:before{
	content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #e30000;
    background-size: contain;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
}
.top_column_area .column_slider .slide_item a .caption .ttl_column:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
}
.top_column_area .column_slider .slide_item a .column_comment{
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	position: absolute;
	background: #b30000;
	border-radius: 20px;
	padding: 1em;
	text-align: center;
	opacity: 0;
	width: 80%;
	margin: 0 auto;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 5px 5px 20px #0000003d;
}
.top_column_area .column_slider .slide_item a .column_comment:after{
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -9px;
    right: 50%;
    transform: translateX(50%);
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #b30000 transparent transparent transparent;
    z-index: 1;
}
.top_column_area .column_slider .slide_item.slick-current .column_comment{
	opacity: 1;
}

.top_column_area .column_slider .slick-prev,
.top_column_area .column_slider .slick-next{
	width: 50px;
	height: 50px;
	top: 45%;
	z-index: 1;
}

.top_column_area .column_slider .slick-prev:before,
.top_column_area .column_slider .slick-next:before {
	content: "";
	width: 50px;
	height: 50px;
	display: block;
	border-right: none;
	border-bottom: none;
	background: url(../img/slide_btn_prev.png) center no-repeat;
	background-size: contain;
	transform: none;
	opacity: 1;
}
.top_column_area .column_slider .slick-next:before {
	transform: none;
	background: url(../img/slide_btn_next.png) center no-repeat;
	background-size: contain;
}
.top_column_area .column_slider .slick-prev{
	left: calc(50% - 240px);
}
.top_column_area .column_slider .slick-next{
	right: calc(50% - 240px);
}

@media screen and (max-width: 767px) {
	.top_column_area .ttl_top{
		font-size: 7.50704vw;
	}
	.top_column_area .ttl_top .color_red{
		font-size: 6.50704vw;
	}
	.top_column_area .column_slider .slick-list{
		padding: 7em 0 0 !important;
	}
	.top_column_area .column_slider .slide_item{
		margin: 0 0.8em;
	}
	.top_column_area .column_slider .slick-prev{
		left: 0;
	}
	.top_column_area .column_slider .slick-next{
		right: 0;
	}
	.top_column_area .column_slider .slide_item a .column_comment{
		font-size: 4.09859vw;
		transform: translate(-50%,-80%);
	}
	.top_column_area .column_slider .slide_item a .caption .ttl_column{
		font-size: 4.50704vw;
	}
}

/* ==========================================================
news
========================================================== */
.section_block01.news{
	border-top: 0;
}
.category .tag {
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	border: none;
	border-radius: 5px;
	background:#ccc;
	padding: .4em 1em;
}

.category .tag.all {
	background:#ccc;
}

.category .tag.bbiq {
	color: #fff;
	background:#0077bf;
	border: none;
}

.category .tag.srvc {
	color: #fff;
	background:#e30000;
	border: none;
}

.category .tag._etc {
	color: #fff;
	background:#626262;
	border: none;
}

.category .tag.pres {
	color: #fff;
	background:#167e3b;
	border: none;
}

.category .tag.maintenance {
	color: #000;
	background:#ffd84f;
	border: none;
}
/* basic_list02 */
.basic_list02{
	border-top: none;
}
.basic_list02 li:last-child{
	border-bottom: none;
}
.basic_list02 li a .ico_new span{
	color: #e30000;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: transparent;
}
.basic_list02 li a{
	flex-wrap: wrap;
}
.basic_list02 li a .title{
	flex-basis: 100%;
	margin-top: 0.5em;
}

@media screen and (max-width: 767px) {
	.section_block01.news{
		padding: 0 1em;
	}
	.basic_list02{
		margin-bottom: 2em;
	}
}

/* ==========================================================
sns_area
========================================================== */
.sns_area{
	background: #f6f6f4;
	padding: 3em 0;
}
.sns_area .sns_list{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 340px;
	margin: 0 auto 1em;
}
.sns_area .sns_list li a{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	transition: all .3s;
}
.sns_area .sns_list li a:hover img{
	opacity: .7;
}
.sns_area .sns_list li a img{
	margin-bottom: 0.5em;
}