@charset "UTF-8";
/*-----------------------------------

	base

-----------------------------------*/
html {
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
	overflow-x: hidden;
}
body {
	font-family:'Noto Sans CJK JP', "メイリオ", sans-serif;
	font-size: 16px;
    font-size: 1.6em;
	color: #4e4e4e;
    line-height: 1.6em;
	letter-spacing:0.2rem;
	font-weight:400;
	background: #fff!important;
	margin:0 !important;
	width: 100%;
	height:inherit !important;
	overflow: hidden;
	box-sizing: border-box;
}
.min{
	font-family:'Noto Serif JP', serif;
}
.contents_inner{
	width: 1100px;
	margin: 0 auto;
}
img {
    max-width: 100%;
    height: auto;
}
a, a:link, a:visited {
    color: #4e4e4e;
	text-decoration:none;
    cursor: pointer;
	transition: 0.3s;
}
a:hover {
	color: #d0a758;
	text-decoration:none;
}
a img {
	transition: 0.5s;
}
a:hover .img_opacity {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.over{
	/*overflow:hidden !important;*/
	height:100% !important;
}
.sp{
	display:none;
}
.tab{
	display:none;
}
.pc{
	display:block;
}
@media screen and (max-width: 1199px) {
	.contents_inner{
		width: 95%;
	}
}
@media screen and (max-width: 980px) {
	body {
		font-size: 14px;
		font-size: 1.4em;
		font-weight: 400;
		line-height: 1.6em;
		letter-spacing: 0.2rem;
	}
	.sp{
		display:none;
	}
	.pc{
		display:none;
	}
	.tab{
		display:block;
	}
}
@media screen and (max-width: 740px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}
/*-----------------------------------

	clearfix

-----------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/*-----------------------------------

	common

-----------------------------------*/
.img_scale110{
	overflow: hidden;
}
a:hover .img_scale110 img{
  -ms-transform:scale(1.1);
  transform:scale(1.1)
}
.line_frill,
.deco_gorgeous{
	width: 100%;
	left: 0;
}
.line_frill {
    height: 16px;
    background: url("../img/common/line_frill_w.png");
	background-repeat: repeat-x;
	top: 0;
}
.deco_gorgeous{
	height: 13px;
	background: url("../img/common/deco_gorgeous.png");
	background-repeat: repeat-x;
}
.txt_ac{
	text-align: center;
}
.txt_al{
	text-align: left;
}
.txt_ar{
	text-align: right;
}
.psrl{
	position: relative;
}
.psab{
	position: absolute;
}
.txt_gd{
	color: #d0a758;
}
.txt_w{
	color: #fff;
}
.txt_p{
	color: #f87b89;
}
.txt_b{
	color: #75a7d9;
}
.txt_g{
	color: #63bc50;
}
.bg_b_p{
	background: #ddf7fa;
}
.bg_b{
	background: #75a7d9;
}
.bg_p_p{
	background: #fff7f8;
}
.bg_p{
	background: #f08fa2;
}
.bg_w{
	background: #fff;
}
.bg_y_p{
	background: #fffbe3;
}
.bg_y{
	background: #fffdbd;
}
.bg_gd{
	background: #d0a758;
}
.mgt20{
	margin-top: 20px;
}
.mgt30{
	margin-top: 30px;
}
.pd20{
	padding: 20px;
}
.pdtb40{
	padding-top: 40px;
	padding-bottom: 40px;
}
.bdr10{
	border-radius: 10px;
}
.bdr20{
	border-radius: 20px;
}
.bdrt20{
	border-radius: 20px 20px 0 0;
}
.bdrb20{
	border-radius:0 0 20px 20px;
}
.bxs_bdb{
	box-sizing: border-box;
}
.bxs_w{
	margin-bottom: 20px;
	border: solid 2px #d0a758;
	box-shadow: 0px 0px 0px 10px #fff;
}
.dspfx{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
}
.circle{
	text-align: center;
	letter-spacing: 0.2rem;
	border-radius: 50%;
}
.rot10{
	transform: rotate(10deg);
}
.rot-10{
	transform: rotate(-10deg);
}
.rot180{
	transform: rotate(180deg);
}
.fw600{
	font-weight:600;
}
.fw900{
	font-weight: 900;
}
.fz12{
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.fz14{
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.fz16{
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.fz18{
	font-size: 1.8rem;
	line-height: 2.4rem;
}
.fz21{
	font-size: 2.1rem;
	line-height: 2.8rem;
}
.fz24{
	font-size: 2.4rem;
	line-height: 3.0rem;
}
.fz28{
	font-size: 2.8rem;
	line-height: 3.2rem;
}
.fz30{
	font-size: 3.0rem;
	line-height: 3.6rem;
}
.fz36{
	font-size: 3.6rem;
	line-height: 4.2rem;
}
.fz48{
	font-size: 4.8rem;
	line-height: 5.2rem;
}
.fz60{
	font-size: 6.0rem;
	line-height: 6.8rem;
}
.fz72{
	font-size: 7.2rem;
	line-height: 7.8rem;
}
@media screen and (max-width:1100px){
	.pd20{
		padding: 10px 2%;
	}
	.fz72{
		font-size: 5.8rem;
		line-height: 6.4rem;
	}
}
@media screen and (max-width: 980px){
	.fz18{
		font-size: 1.6rem;
		line-height: 2.0rem;
	}
	.fz21{
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.fz24{
		font-size: 2.1rem;
		line-height: 2.8rem;
	}
	.fz30{
		font-size: 2.4rem;
		line-height: 3.0rem;
	}
	.fz48 {
		font-size:3.2rem;
		line-height: 4.2rem;
	}
}
@media screen and (max-width: 740px){
	.fw600{
		font-weight: 900;
	}
	.fz14{
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.fz16,.fz18{
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.fz21 {
		font-size: 1.6rem;
		line-height: 2.1rem;
	}
	.fz24,.fz28,.fz30{
		font-size:1.8rem;
		line-height: 2.4rem;
	}
	.fz36,.fz48{
		font-size: 2.6rem;
		line-height: 3.2rem;
	}
	.fz60{
		font-size: 2.8rem;
		line-height: 3.4rem;
	}
	.fz72 {
		font-size: 3.2rem;
		line-height: 4.2rem;
	}
}
/*-----------------------------------

	link

-----------------------------------*/
.link_btn{
	font-size: 18px;
	text-align: center;
    display: inline-block;
    padding: 15px 80px;
	border: solid 3px #fff;
	border-radius: 50px;
	position: relative;
	box-shadow: 0px 10px 15px -10px #777777;
}
.link_btn:after{
	content: url("../img/common/icon_arrow_w.svg");
	width: 30px;
	position: absolute;
	right: 4%;
	top:30%;
	transition: 0.3s;
}
.link_btn:hover{
	box-shadow: none;
}
.link_btn:hover:after{
	content: url("../img/common/icon_arrow_gd.svg");
	right: 1%;
}
.gd_btn{
	color: #fff!important;
	background: #d0a758;
}
.gd_btn:hover{
	color: #d0a758!important;
	background: #fff;
	border: solid 3px #d0a758;
}
.p_btn{
	color: #fff!important;
	background: #f87b89;
}
.p_btn:hover{
	color: #f87b89!important;
	background: #fff;
	border: solid 3px #f87b89;
}
.g_btn{
	color: #fff!important;
	background: #63bc50;
}
.g_btn:hover{
	color: #63bc50!important;
	background: #fff;
	border: solid 3px #63bc50;
}
.p_btn:hover:after{
	content: url("../img/common/icon_arrow_p.svg");
}
.g_btn:hover:after{
	content: url("../img/common/icon_arrow_g.svg");
}
.tel_btn:before{
	content: url("../img/common/icon_tel_w.svg");
	width: 25px;
	position: absolute;
	left: 5%;
	top:25%;
}
.tel_btn:hover:before{
	content: url("../img/common/icon_tel.svg");
}
@media screen and (max-width: 980px){
	.link_btn{
		width: 90%;
		max-width: 480px;
		font-size: 1.8rem;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 740px){
	.link_btn{
		font-size: 1.6rem;
		max-width: 360px;
		padding: 15px 5%;
	}
}
/*-----------------------------------

	header

-----------------------------------*/
header {
	width: 100%;
	max-width: 2000px;
	height: 70px;
    left: 0;
    right: 0;
	margin: 0 auto;
	padding: 10px 2.0% 0;
	padding-bottom: 8px;
	border-bottom: solid 1px #fff;
	box-shadow: 0px 5px 0px 0px #d0a758;
	z-index: 999;
}
header h1{
	width: 18%;
	margin-left: 75px;
}
header h1 img{
	width: 210px;
	margin-top: 5px;
}
header .deco_gorgeous {
    bottom: -15px;
}
header .img{
	left: -20px;
	top:0;
}
@media screen and (max-width: 1550px){
	header h1{
		width: 15%;
		margin: 14px 0 0 5%;
	}
	header h1 .fz12{
		display: none;
	}
	header h1 img {
		width: 100%;
		margin-top:0;
	}
	header .img {
		width: 8%;
		max-width: 135px;
		left: -20px;
		top: 0;
	}
}
@media screen and (max-width: 980px){
	header {
		width: 100%;
		height: 60px;
		padding-top: 5px;
		z-index:999;
		position: fixed;
		top: 0;
		left: 0;
	}
	header h1 {
		width: 40%;
		max-width: 200px;
		margin:15px 0 0;
	}
}
/*-----------------------------------

	nav

-----------------------------------*/
nav#nav_pc{
	width: 100%;
	max-width: 1200px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 998;
    margin-bottom: 0px;
}
nav#nav_pc li{
	width: 12%;
	text-align:center;
	float: left;
}
nav#nav_pc li:first-child{
	width: 10%;
}
nav#nav_pc li:nth-child(2),
nav#nav_pc li:nth-child(3),
nav#nav_pc li:nth-child(6){
	width: 13%;
}
nav#nav_pc li a{
	font-size: 12px;
	color: #fff;
    display: block;
	line-height:1.6rem;
	padding:20px 0 10px;
	box-sizing:border-box;
	border-bottom: solid 3px rgba(255,255,255,0.00);
}
nav#nav_pc li a p{
	border-left: solid 1px #fff;
}
nav#nav_pc li:first-child a p{
	border-left: none;
}
nav#nav_pc li a span{
	font-size: 20px;
}
nav#nav_pc li a:hover{
	border-bottom: solid 3px #fff;
}
@media screen and (max-width: 1550px){
	nav#nav_pc {
		width: 78%;
	}
	nav#nav_pc li a{
		font-size: 10px;
	}
	nav#nav_pc li a span {
		font-size: 16px;
	}
}
@media screen and (max-width: 980px){
	nav#nav_pc {
		display: none;
	}
}
/*-----------------------------------

	nav_sp

-----------------------------------*/
@media screen and (max-width: 980px) {
	.menu_btn_wrap {
		width: 50px;
		height: 50px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		right: 5px;
		z-index: 999;
		border-radius: 5px;
	}
	.menu_btn {
		width: 30px;
		height: 3px;
		display: block;
		position: absolute;
		top: 24px;
		right: 9px;
		background: #fff;
		cursor: pointer;
		box-sizing: border-box;
		transition: all 0.3s;
		border-radius: 5px;
		z-index: 999;
	}
	.menu_btn:before {
		content: '';
		position: absolute;
		width: 30px;
		height: 3px;
		background: #fff;
		top: -8px;
		transition: all 0.3s;
		border-radius: 5px;
	}
	.menu_btn:after {
		content: '';
		position: absolute;
		width: 30px;
		height: 3px;
		background: #fff;
		bottom: -8px;
		transition: all 0.3s;
		border-radius: 5px;
	}
	.menu_btn.active {
		background:none;
	}
	.menu_btn.active:before {
		transform:rotate(-135deg);
		top:0;
		right:0;
	}
	.menu_btn.active:after {
		transform:rotate(135deg);
		bottom:0;
		right:0;
	}
	#nav_sp{
		width: 100%;
		height: 100%;
		position: fixed;
		overflow-y: scroll;
		top: 0;
		right: -100%;
		transition: all 0.35s ease;
		padding:100px 2.5% 100px;
		display:inline-block;
		z-index: 998;
		box-sizing: border-box;
	}
	#nav_sp.toggle{
		right: 0 !important;
	}
	#nav_sp #nav_sp_contact {
		background: #fff;
		padding: 20px 2.5%;
	}
	#nav_sp #nav_sp_contact li{
		margin-top: 20px;
	}
	#nav_sp #nav_sp_contact li:first-child{
		margin-top: 0;
	}
	#nav_sp #nav_sp_contact .tel_btn{
		margin-bottom: 10px;
	}
	#nav_sp nav ul{
		margin: 20px 0 0;
	}
	#nav_sp nav ul li{
		border-bottom: dashed 1px #ce9a37;
	}
	#nav_sp nav ul li a{
		font-weight: 500;
		text-align: center;
		display:block;
		position:relative;
		background: #fff;
		padding: 15px 0 15px 2.5%;
		transition: 0.3s;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
	}
	#nav_sp nav ul li a:hover,
	#nav_sp nav ul li div:hover{
		color: #fff !important;
		background: #d0a758;
	}
	#nav_sp nav ul li a span{
		width: 50px;
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	#nav_sp nav ul li div{
		color: #fff;
		padding: 15px 0 15px 2.5%;
	}
	#nav_sp nav ul li ul {
		display: none;	
		margin: 0;
	}
	#nav_sp nav ul li ul li a {
		padding: 10px 0 10px 10%;
	}
	#nav_sp nav .accordion_title{
		float: left;
	}
	#nav_sp nav .accordion_icon,
	#nav_sp nav .accordion_icon span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	#nav_sp nav .accordion_icon {
		position: relative;
		width: 15px;
		height: 15px;
		float: right;
		margin: 5px 10px 0 0 ;
	}
	#nav_sp nav .accordion_icon span {
		position: absolute;
		width: 100%;
		height: 4px;
		background-color: #fff;
		border-radius: 4px;
	}
	#nav_sp nav ul li div:hover .accordion_icon span{
		background-color: #fff !important;
	}
	#nav_sp nav .accordion_icon span:nth-of-type(1) {
		top: 5px;
		transform: rotate(0deg);
	}
	#nav_sp nav .accordion_icon span:nth-of-type(2) {
		top: 5px;
		transform: rotate(90deg);
	}
	/*＋、－切り替え*/
	#nav_sp nav .accordion_icon.active span:nth-of-type(1) {
		display:none;
	}
	#nav_sp nav .accordion_icon.active span:nth-of-type(2) {
		top: 5px;
		transform: rotate(180deg);
	}
}
/*-----------------------------------

	cm_cv

-----------------------------------*/
.cm_cv{
	width: 100%;
	background:url("../img/common/bg_dot_p.jpg");
	background-repeat: repeat;
	z-index: 996;
}
.cm_cv .line{
	width: 100%;
	height: 16px;
	background:url("../img/common/line_frill_p.png");
	background-repeat:repeat-x;
	left: 0;
}
.cm_cv .line_01{
	top: -16px;
	transform: scale(1, -1);
}
.cm_cv .line_02{
	bottom: -16px;
}
.cm_cv .wrap{
	padding: 10px 2% 20px;
	border: solid 2px #d0a758;
	box-shadow: 0px 0px 0px 10px #fff;
}
.cm_cv .wrap .box{
	width: 62%;
	margin-top: 20px;
}
.cm_cv .wrap .box .title{
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: solid 2px #f87b89;
}
.cm_cv .wrap .box .title .text{
	width: 78%;
	margin-top: 10px;
}
.cm_cv .wrap .box .title .fw900{
	font-size: 6.0rem;
	line-height: 6.6rem;
	margin-top: 10px;
}
.cm_cv .wrap .box .text .detail{
    width: 72%;
}
.cm_cv .wrap .box .text .detail .txt_p{
	margin-bottom: 10px;
}
.cm_cv .wrap .box .text .detail .num{
	font-size: 6.0rem;
	line-height: 4.6rem;
	letter-spacing: 0rem;
	margin: 10px 0;
	padding-left: 50px;
}
.cm_cv .wrap .box .text .detail .num::before {
    content: url("../img/common/icon_tel_p.svg");
    width: 40px;
    position: absolute;
    left: 0;
}
.cm_cv .wrap .box .text .img_04{
	width: 150px;
	margin-top: 10px;
}
.cm_cv .wrap .img_01{
	width: 11%;
}
.cm_cv .wrap .img_02{
	width: 35%;
	margin-top: 10px;
}
.cm_cv .wrap .img_03{
	bottom: 0;
	right: -100px;
}
.cm_cv .wrap .deco_01{
	width: 210px;
	margin: 0 auto;
	right: 0;
	left: 0;
	top: -20px;
}
.cm_cv .wrap .deco_02{
	right: -40px;
	top: -40px;
}
.cm_cv .wrap .deco_03{
	left: -50px;
	bottom: -60px;
}
@media screen and (max-width: 1200px) {
	.cm_cv .wrap .box .title .fw900 {
		font-size: 5.4rem;
		line-height: 6.2rem;
		margin-top: 0;
	}
	.cm_cv .wrap .box .title .fz21 {
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.cm_cv .wrap .box .text .detail .num {
		font-size: 4.8rem;
		line-height: 4.8rem;
	}
	.cm_cv .wrap .img_01 {
		width: 10%;
	}
	.cm_cv .wrap .img_03 {
		right: 0;
	}
	.cm_cv .wrap .deco_02,
	.cm_cv .wrap .deco_03{
		width: 18%;
		max-width: 210px;
	}
}
@media screen and (max-width: 980px) {
	.cm_cv .wrap{
		max-width: 740px;
	}
	.cm_cv .wrap .box{
		width: 100%;
		text-align: center;
		float: none!important;
	}
	.cm_cv .wrap .box .title .text {
		width:100%;
		margin-top: 10px;
	}
	.cm_cv .wrap .box .text .detail {
		width: 100%;
		text-align: center;
		float: none!important;
		margin-bottom: 40px;
	}
	.cm_cv .wrap .box .text .detail .txt_p {
		text-align: center;
	}
	.cm_cv .wrap .box .text .detail .num {
		display: inline-block;
	}
	.cm_cv .wrap .img_01 {
		width: 15%;
		left: -20px;
		top: -40px;
	}
	.cm_cv .wrap .img_02 {
		width: 100%;
		float: none!important;
		margin-top: 20px;
	}
	
}
@media screen and (max-width: 740px) {
	.cm_cv .wrap{
		width: 90%;
	}
	.cm_cv .wrap .box .text .detail {
		width: 100%;
		float: none!important;
		margin: 0;
	}
	.cm_cv .wrap .box .title .fw900 {
		font-size: 3.0rem;
		line-height: 3.6rem;
		margin-top: 5px;
	}
	.cm_cv .wrap .box .title .text {
		width: 100%;
		text-align: center;
		float: none;
		margin-top: 0;
	}
	.cm_cv .wrap .box .text .detail .num {
		font-size: 2.4em;
		line-height: 2.4rem;
		padding-left: 40px;
	}
	.cm_cv .wrap .box .text .detail .num::before {
		width: 30px;
	}
	.cm_cv .wrap .img_01 {
		width: 25%;
	}
	.cm_cv .wrap .img_02 {
		height: 200px;
	}
	.cm_cv .wrap .img_02 img{
		width: 100%;
		height: 200px;
		object-fit: cover;
		overflow: hidden;
	}
	.cm_cv .wrap .img_03 {
		width: 250px;
	}
	.cm_cv .wrap .deco_02{
		width: 30%;
		right: -20px;
		top: -20px;
	}
	.cm_cv .wrap .deco_03 {
		width: 30%;
		left: -20px;
		bottom: -20px;
	}
}
/*-----------------------------------

	cm_trial

-----------------------------------*/
#cm_trial{
	height: 380px;
	padding: 0 0 40px;
}
#cm_trial .contents_inner {
	height: 430px;
	top: -40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 998;
}
#cm_trial .link_wrap{
	margin-top: 10px;
}
@media screen and (max-width: 980px) {
	#cm_trial{
		height: auto;
		padding: 40px 0;
	}
	#cm_trial .contents_inner {
		height: auto;
		position: static;
	}
	#cm_trial .link_wrap{
		margin-top: 20px;
	}
}
/*-----------------------------------

	cm_contact

-----------------------------------*/
#cm_contact {
	padding: 40px 0;
}
#cm_contact .wrap .box .text .detail .fw600{
	margin-left: 50px;
}
#cm_contact .link_wrap{
	max-width: 800px;
	margin-top: 30px;
}
#cm_contact .link_wrap .link_btn {
	width: 100%;
	font-size: 1.6rem;
	padding: 10px 30px;
}
#cm_contact .link_wrap .link_btn span {
    padding: 0 40px 0 20px;
}
@media screen and (max-width: 980px) {
	#cm_contact .link_wrap {
		max-width: 360px;
		margin: 30px auto 0;
	}
	#cm_contact .link_wrap .dspfx {
		width: 90%;
    	display: block;
		margin: 0 auto;
	}
	#cm_contact .link_wrap .dspfx li{
		width: 100%;
    	margin-top: 20px;
	}
}
@media screen and (max-width: 740px) {
	#cm_contact .wrap .box .text .detail .fw600{
		margin-left: 0;
	}
	#cm_contact .link_wrap {
		margin-top: 30px;
	}
}
/*-----------------------------------

	btmlist

-----------------------------------*/
#btmlist ul li {
    width: 25%;
    max-width: 230px;
    margin: 0 20px;
}
@media screen and (max-width: 740px) {
	#btmlist ul li {
		width: 25%;
		max-width: 230px;
		margin: 0 5px;
	}
}
/*-----------------------------------

	pagetop

-----------------------------------*/
#fix_faq{
	color: #fff;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	position:fixed;
	right: 0;
	top:38%;
	z-index:999;
	background: #f87b89;
	border-top: solid 3px #fff;
	border-left: solid 3px #fff;
	border-bottom: solid 3px #fff;
	padding: 20px 15px;
	transition: 0.3s;
	box-shadow: 0px 10px 15px -10px #777777;
	border-radius: 20px 0 0 20px;
}
#fix_faq:hover{
	color: #f87b89;
	background: #fff;
	border-color:#f87b89;
	box-shadow:none;
}
#fix_faq span{
	padding-top: 40px;
}
#fix_faq span:before{
	width: 25px;
	height: 30px;
	content:url("../img/common/icon_fix_hatena_w.svg");
	position: absolute;
	top:0;
	left: 0;
}
#fix_faq:hover span:before{
	content:url("../img/common/icon_fix_hatena.svg");
}
@media screen and (max-width: 1300px) {
	#fix_faq{
		display:none !important;
	}
}
/*-----------------------------------

	footer

-----------------------------------*/
footer{
	margin-bottom: 160px;
	padding-top: 40px;
}
footer #ft_title{
	width: 40%;
}
footer #ft_title #ft_logo{
	margin-top: 10px;
}
footer #ft_title small{
	font-size: 12px;
}
footer #ft_nav{
	width: 60%;
	margin-top: 20px;
}
footer #ft_nav ul{
	width: 28%;
	float: left;
	margin-left: 2%;
}
footer #ft_nav ul#nav_02{
	width: 35%;
}
footer #ft_nav ul li{
	padding: 5px 0;
}
footer #ft_nav ul li a{
	position: relative;
	padding-left: 20px;
}
footer #ft_nav ul li a:before{
	content: "";
	width:0;
	height:0;
	border-style:solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ce9a37;
	position: absolute;
	left: 0;
	top: 5px;
}
@media screen and (max-width: 1200px) {
	footer #ft_title {
		width: 30%;
	}
	footer #ft_nav {
		width: 65%;
	}
}
@media screen and (max-width: 980px) {
	footer{
		margin-bottom: 90px;
		padding-top: 0;
	}
	#ft_nav_sp{
		margin-bottom: 20px;
		padding: 30px 0 0;
	}
	#ft_nav_sp ul li{
		width: 50%;
		float: left;
		border-bottom: solid 1px #fff;
		box-sizing: border-box;
	}
	#ft_nav_sp ul li:nth-child(2n){
		border-left: solid 1px #fff;
	}
	#ft_nav_sp ul li a{
		text-align: center;
		color: #fff;
		display: block;
		padding: 10px 0;
	}
	footer #ft_title{
		width: 100%;
		text-align: center;
		float: none!important;
	}
	footer #ft_title #ft_logo {
		width: 100%;
		max-width: 200px;
		margin: 20px auto 10px;
	}
	footer #ft_nav {
		display: none;
	}
}
/*-----------------------------------

	fix_contact

-----------------------------------*/
#fix_contact{
	width: 100%;
	height: 115px;
	position: fixed;
	bottom: 0;
	padding-top: 8px;
	border-top: solid 1px #fff;
	box-shadow: 0px -5px 0px 0px #d0a758;
	z-index: 999;
}
#fix_contact .deco_gorgeous{
	top:-15px;
}
#fix_contact .contents_inner{
	height: 115px;
}
#fix_contact #fix_contact_trial{
	width: 30%;
}
#fix_contact #fix_contact_trial .text{
	margin-left: 10%;
}
#fix_contact #fix_contact_trial .fix_btn{
	color: #fff;
	text-align: center;
	background: #f87b89;
	display: block;
	margin-top: 5px;
	padding: 10px ;
	border: solid 3px #fff;
	border-radius: 30px;
	box-shadow: 0px 10px 15px -10px #777777;
}
#fix_contact #fix_contact_trial .fix_btn span{
	display: inline-block;
	padding-left: 35px;
}
#fix_contact #fix_contact_trial .fix_btn span:before{
	content: url("../img/common/icon_support_door_w.svg");
	width: 28px;
	position: absolute;
	left: 0;
}
#fix_contact #fix_contact_trial .fix_btn:hover{
	color: #f87b89;
	background: #fff;
	border: solid 3px #f87b89;
	box-shadow: none;
}
#fix_contact #fix_contact_trial .fix_btn:hover span:before{
	content: url("../img/common/icon_support_door_p.svg");
}
#fix_contact #fix_contact_trial .img{
    left: -160px;
    bottom: -25px;
}
#fix_contact #fix_contact_tel{
	width: 30%;
	margin-left: 2%;
	padding-left: 2%;
	border-left: solid 1px #fff;
}
#fix_contact #fix_contact_tel .num{
	font-size: 4.2rem;
	line-height: 4.8rem;
	letter-spacing: 0rem;
	padding-left: 40px;
}
#fix_contact #fix_contact_tel .num:before{
	content: url("../img/common/icon_tel_w.svg");
	width: 30px;
	position: absolute;
	left: 0;
}
#fix_contact #fix_contact_line{
	width: 35%;
	height: 140px;
	border-top: solid 10px #def4d6;
	border-left: solid 10px #def4d6;
	border-right: solid 10px #def4d6;
	padding: 5px 10px;
	right: 0;
	bottom: 0;
}
#fix_contact #fix_contact_line .title{
	margin: 20px 0 10px;
	letter-spacing: 0;
}
#fix_contact #fix_contact_line .text{
	width: 70%;
}
#fix_contact #fix_contact_line .img{
	width: 28%;
}
#fix_contact_sp{
	display: none!important;
}
@media screen and (max-width: 1300px) {
	#fix_contact .contents_inner{
		width: 98%;
	}
	#fix_contact #fix_contact_trial .img{
		display: none;
	}
	#fix_contact #fix_contact_trial .text {
		margin-left: 0;
	}
}
@media screen and (max-width: 1200px) {
	#fix_contact #fix_contact_trial {
		width: 26%;
	}
	#fix_contact #fix_contact_tel .num {
		font-size: 3.8rem;
		line-height: 4.2rem;
	}
	#fix_contact #fix_contact_line {
		width: 38%;
	}
	#fix_contact #fix_contact_line .text {
		width: 70%;
	}
	#fix_contact #fix_contact_line .title {
		margin-top: 10px;
	}

}
@media screen and (max-width: 1100px) {
	#fix_contact #fix_contact_trial {
		width: 28%;
	}
	#fix_contact #fix_contact_line {
		width: 32%;
	}
	#fix_contact #fix_contact_line .text {
		width: 60%;
	}
	#fix_contact #fix_contact_line .title {
		margin-top: 20px;
	}
	#fix_contact #fix_contact_line .img {
		width: 37%;
	}
	#fix_contact #fix_contact_line .fz14 {
		display: none;
	}
}
@media screen and (max-width: 980px) {
	#fix_contact{
		display: none!important;
	}
	#fix_contact_sp{
		width: 100%;
		display: block!important;
		position: fixed;
		bottom: 0;
		z-index: 998;
	}
	#fix_contact_sp ul li{
		width: 30%;
		float: left;
	}
	#fix_contact_sp ul li a{
		color: #fff;
		height: 60px;
		text-align: center;
		display: block;
		padding: 10px 0 0;
	}
	#fix_contact_sp ul li a span{
		width: 30px;
		display: block;
		margin: 0 auto;
	}
	#fix_contact_sp ul li.trial,
	#fix_contact_sp ul li.tel{
		width: 30%;
	}
	#fix_contact_sp ul li.line{
		width: 40%;
	}
	#fix_contact_sp ul li.trial a{
		background: #f87b89;
	}
	#fix_contact_sp ul li.tel a{
		background: #d0a758;
	}
	#fix_contact_sp ul li.line a{
		background: #63bc50;
	}
}