@charset "Shift_JIS";
/* CSS Document */

/*--------------------------------

	| contents sp |

---------------------------------*/

@media screen and (min-width : 256px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 80%; } }
@media screen and (min-width : 288px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 90%; } }
@media screen and (min-width : 320px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 100%; } }
@media screen and (min-width : 352px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 110%; } }
@media screen and (min-width : 384px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 120%; } }
@media screen and (min-width : 416px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 130%; } }
@media screen and (min-width : 448px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 140%; } }
@media screen and (min-width : 480px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 150%; } }
@media screen and (min-width : 512px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 160%; } }
@media screen and (min-width : 544px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 170%; } }
@media screen and (min-width : 576px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 180%; } }
@media screen and (min-width : 608px) and (max-width : 640px){	.fc-wrap,.wrap_headtitle,.bg_qanda { font-size: 190%; } }

@media screen and (max-width : 640px){	
.fc-wrap img,
.wrap_headtitle img,
.bg_qa img{
	width:100%;
	margin: 0 auto;
	display: block;
	}

section p{
	text-align: left;
	padding: 0 5.46875%;
}
.wrap_bg,
.wrap_bg_01{
	background-size: 100%;
	/*padding:6.25% 0;*/
	padding: 6.25% 0 0.2% 0;
}
.wrap_bg_01{
	padding:6.25% 0 14.0625% 0;
}
.wrap_bg.a_one{
	padding:6.25% 0;
}

section{
	margin-bottom:0% !important;
}

.mb0sp {
	margin-bottom:0% !important;
}

.mb20{
	margin-bottom:3.125% !important;
	margin-top: 30px !important;
}

.mb30{
	margin-bottom:4.6875% !important;
}

.mb40{
	margin-bottom:6.25% !important;
	margin-top: 30px !important;
}

.mb50{
	margin-bottom:7.8125% !important;
}

.mb60{
	margin-bottom:9.375% !important;
}

.mb70{
	margin-bottom:10.9375% !important;
}

.mb80{
	margin-bottom:12.5% !important;
}

.mb90{
	margin-bottom:14.0625% !important;
}

.mb100{
	margin-bottom:15.625% !important;
}

.mb110{
	margin-bottom:17.1875% !important;
}

.wrap_headtitle{
	background:url(../images/sp_page/bg_title.jpg) no-repeat;
	background-size:100%;
	text-align:center;
	height: auto;
	min-height: 169.33vw;
	/*margin-bottom:8.59375%;	*/
	width:100%;
}

.wrap_headtitle .head_inner{
	position:relative;
	margin:0 auto;
}

.wrap_headtitle .head_title {
	margin: 0;
	}

.wrap_headtitle .head_contents{
	padding-bottom:62.5%;
	padding-top:0px;
	margin-left: 0px;
	}

.fc-wrap {
	width:100%;
	margin:0 auto;
	padding:0% !important;
	line-height: 1.6em;
	}

.section_left {
	float:none;
	}

.section_right {
	float:none;
	}

/*--------------------------------

	| contents area |

---------------------------------*/

#area01 .section_area{
	/*margin-bottom:8.59375%;*/
}

#area01 .section_left{
	width:100%;
	}

.h_title{
    color: #e60012;
	font-size: 205%;
    font-weight: 100;
    letter-spacing: -1.5px;
    margin-bottom: 4.6875%;
    text-align: center;
}

.section_left p{
    line-height: 1.7em;
	padding:0 5.46875%;
	margin-bottom:5.46875%;
	font-size: 83.5%;
}

#area01 .section_left{
	margin-right:0px;
}

#area01 .section_right{
    margin-top: 0px;
}

#area02 .section_area{
	margin-bottom:8.59375%;
}

#area02 .section_left{
	width:100%;
	margin-right:0px;
}

#area03 .section_area{
	margin-bottom:8.59375%;	
}

#area03 .section_left{
	width:100%;
	margin-right:0px;
}

#area04 .section_area{
	margin-bottom:8.59375%;
}

#area04 .section_left{
	width:100%;
	margin-right:0px;
}

#area05 .section_area{
	margin-bottom:8.59375%;
}

#area05 .section_left{
	width:100%;	
	margin-right:0px;
}

.fc-bnr {
	margin-bottom: 20px;
	}

.bg_qa{
	background:#e60012;
    text-align: center;
	padding:0px;
	margin-bottom:8.59375%;
}

.bg_qa .qa_title{
	margin-bottom:7.8125%;
	
}

.bg_qa .qa01,
.bg_qa .qa02{
	margin-bottom:0px;	
}

.qa01 p,
.qa02 p{
	margin-bottom:4.6875%;	
}

.qa01 p + p,
.qa02 p + p{
	margin-bottom:8.59375%;
}


.qa03 p{
	margin-bottom:10.9375%;	
}

.qa03 p + p{
	margin-bottom:0%;	
}


.item_kagome{
	margin: 10.625% 0;
}

.item_kagome ul{
	width: 89.375%;
    margin: 0 auto;
	padding: 0;
}

.item_kagome ul li{
	float:none;
	margin-left:0px;
	margin-bottom:6.25%;
	list-style: none;	
}

.item_kagome ul li:first-child{
	margin-left:0px;
}

.item_kagome ul li:last-child{
	margin-bottom:0%;
}

p.btm_btn_01 {
	margin-top: 24px;
	line-height: 1em;
	padding: 0;
	margin: 8vw auto 0;
	font-size: 100%;
	text-align: center;
	}

p.btm_btn_01 img{
	width: 90%;
	}

p.btm_btn_02 {
	margin-top: 27px;
}
p.btm_btn_03 {
	margin-top: 27px;
}

#area01 img {
	width: 69%;
	}

#area06 p img{
	width: 76%;
}
#area02 img,
#area04 img,
#area03 img,
#area05 img{
	width: 96%;
	margin-top: 30px;
}

.item_kagome ul li img{
	width: 57%;
}
.pc{
	display: none;
}
.sp #tjNav .inner ul.nav{
	padding:0;
}

.bnr-tj {
	width: 93.86vw;
	text-align: center;
	margin: 8vw auto;
	}

.bnr-tj img {
	width: 100%;
	}

}