@charset "UTF-8";

.contentpage .m_img .m_img_bg{
	background-image:url("../images/concept/m_img@2x.jpg");
}


/*com_lead
---------------------------------------------------------*/
.com_lead{
	margin-bottom:90px;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_lead{
	margin-bottom:50px;
}}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead{
	margin-bottom:10%;
}}





/*future
---------------------------------------------------------*/
#future{
	position:relative;
	margin-bottom: -95px;
}
#future::before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 10px;
	background:#f9f9f9;
}
#future .inbox{
	position: relative;
	z-index: 2;
}
#future .future_bg{
	background: #ffffcd;
	padding: 0 3%;
	padding-bottom: 170px;
}
#future .future_bg::before,
#future .future_bg::after{
	position:absolute;
	display: block;
	content: "";
	max-width: 600px;
	height: 450px;
	width: 45%;
}
#future .future_bg::before{
	background:url("../images/concept/bg2@2x.jpg") no-repeat left bottom;
	background-size:100% auto;
	left: 0;
	bottom:0;
}
#future .future_bg::after{
	background:url("../images/concept/bg1@2x.jpg") no-repeat right top;
	background-size:100% auto;
	right: 0;
	top:10px;
}

#future .icon{
	max-width:390px;
	width: 35%;
	margin: 0 auto 30px auto;
}
#future .txt_box h3{
	font-size:295%;
	letter-spacing: 0.2em;
	line-height: 1.4em;
	margin-bottom: 40px;
}
#future .txt_box p{
	line-height: 2.4em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#future{
	margin-bottom: -40px;
}
#future .future_bg{
	padding-bottom: 90px;
}
#future .icon{
	margin: 0 auto 20px auto;
}
#future .txt_box h3{
	font-size:220%;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
#future .txt_box p{
	text-align: left;
	line-height: 2em;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#future{
	margin-bottom: -10vw;
}
#future::before{
	height: 2vw;
}
#future .future_bg{
	padding-bottom: 18vw;
}
#future .future_bg::before,
#future .future_bg::after{
	width: 70%;
	opacity: 0.5;
}
#future .icon{
	width: 50%;
	margin: 0 auto 5% auto;
}
#future .txt_box h3{
	font-size:6vw;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	margin-bottom: 3%;
}
#future .txt_box p{
	line-height: 1.8em;
	text-align: left;}
}





/*point
---------------------------------------------------------*/
#point{
	max-width:1380px;
	margin: 0 auto;
	padding: 0 3%;
	padding-bottom: 60px;
	width: 94%;
	text-align: left;
	position: relative;
	z-index: 2;
}
#point .abs_fuwa_list li:nth-child(1){
	right: 5%;
	top: -60px;
}
#point .abs_fuwa_list li:nth-child(2){
	left: 15%;
	top: 75px;
}
#point .abs_fuwa_list li:nth-child(3){
	right: 30%;
	top: 270px;
}

#point .point_bg{
	background:#ffffff;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.03);
	padding: 75px 55px 100px 55px;
}
#point .point_title{
	max-width:620px;
	width: 70%;
	margin: 0 auto 65px auto;
	position: relative;
	z-index: 2;
}
#point .point_list{
	position: relative;
	z-index: 2;}
#point .point_list > li{
	border-bottom:1px solid #b4b4ad;
	padding-bottom: 90px;
	margin-bottom: 90px;
}
#point .point_list > li:last-child{
	border-bottom:none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#point .point_list > li .point_flt{
	max-width: 1220px;
}
#point .point_list > li .point_flt .point_img{
	max-width:475px;
	width: 39%;
}
#point .point_list > li .point_flt .point_txt{
	width: 57%;
	padding-top: 25px;
}
#point .point_list > li .point_flt .point_txt.flt_l .point_txt_inbox{
	max-width:665px;
	margin: 0 0 0 auto;
}
#point .point_list > li .point_flt .point_txt.flt_r .point_txt_inbox{
	max-width:665px;
	margin: 0 auto 0 0;
}
#point .point_list > li .point_flt .point_txt .com_btn1{
	margin:35px auto 0 0;
}
#point .point_list > li .point_bnr{
	max-width:500px;
	margin: 50px auto 0 auto;
}
#point .point_list > li .point_flt .point_txt h4{
	font-size:240%;
	line-height: 1.6em;
	padding-left: 3.7em;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
	background-position: left 0.3em;
	background-repeat: no-repeat;
	background-size: 3.3em auto;
}
#point .point_list > li .point_flt .point_txt h4 span{
	font-size:80%;
}
#point .point_list > li:nth-child(1) .point_flt .point_txt h4{
	background-image:url("../images/concept/point1_icon@2x.png");
	color:#48ada2;
}
#point .point_list > li:nth-child(2) .point_flt .point_txt h4{
	background-image:url("../images/concept/point2_icon@2x.png");
	color:#ed8932;
}
#point .point_list > li:nth-child(3) .point_flt .point_txt h4{
	background-image:url("../images/concept/point3_icon@2x.png");
	color:#bf862a;
}
#point .point_list > li:nth-child(4) .point_flt .point_txt h4{
	background-image:url("../images/concept/point4_icon@2x.png");
	color:#7464ab;
}
#point .point_list > li:nth-child(5) .point_flt .point_txt h4{
	background-image:url("../images/concept/point5_icon@2x.png");
	color:#1b88dd;
}
#point .point_list > li:nth-child(6) .point_flt .point_txt h4{
	background-image:url("../images/concept/point6_icon@2x.png");
	color:#e87881;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1400px) {
#point .point_list > li .point_flt .point_txt h4{
	font-size:2.9vw;
	line-height: 1.4em;
	padding-left: 3.5em;
	background-size: 3em auto;
}
#point .point_list > li .point_flt .point_txt h4 span{
	font-size:70%;}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#point{
	padding-bottom: 40px;
}
#point .abs_fuwa_list li:nth-child(1){
	right: 7%;
	top: -3vw;
}
#point .abs_fuwa_list li:nth-child(2){
	left: 8%;
	top: 5vw;
}
#point .abs_fuwa_list li:nth-child(3){
	right: 20%;
	top: 20vw;
}

#point .point_bg{
	padding: 50px 30px 50px 30px;
}
#point .point_title{
	width: 65%;
	margin: 0 auto 40px auto;
}
#point .point_list > li{
	padding-bottom: 50px;
	margin-bottom: 50px;
}
#point .point_list > li .point_flt .point_img{
	width: 32%;
}
#point .point_list > li .point_flt .point_txt{
	width: 64%;
	padding-top: 10px;
}
#point .point_list > li .point_flt .point_txt .com_btn1{
	margin:20px auto 0 0;
}
#point .point_list > li .point_bnr{
	width: 60%;
	margin: 30px auto 0 auto;
}
#point .point_list > li .point_flt .point_txt h4{
	font-size:3.3vw;
	letter-spacing: 0;
	line-height: 1.6em;
	padding-left: 9.3vw;
	margin-bottom: 10px;
	background-size: 8vw auto;
}
#point .point_list > li .point_flt .point_txt h4 span{
	font-size:80%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#point{
	padding-bottom: 8%;
}
#point .abs_fuwa_list li:nth-child(1){
	right: 5%;
	top: -60px;
}
#point .abs_fuwa_list li:nth-child(2){
	left: 15%;
	top: 75px;
}
#point .abs_fuwa_list li:nth-child(3){
	right: 30%;
	top: 270px;
}

#point .point_bg{
	padding: 8% 3% 10% 3%;
}
#point .point_title{
	width: 90%;
	margin: 0 auto 8% auto;
}
#point .point_list > li{
	padding-bottom: 10%;
	margin-bottom: 10%;
}
#point .point_list > li .point_flt .point_img{
	float: none;
	width: 75%;
	margin: 0 auto;
}
#point .point_list > li .point_flt .point_txt{
	float: none;
	width: 100%;
	padding-top: 5%;
}
#point .point_list > li .point_flt .point_txt .com_btn1{
	margin:5% auto 0 auto;
}
#point .point_list > li .point_bnr{
	margin: 5% auto 0 auto;
}
#point .point_list > li .point_flt .point_txt h4{
	font-size:5.2vw;
	line-height: 1.6em;
	padding-left: 15.5vw;
	letter-spacing: 0em;
	margin-bottom: 3%;
	background-position: left 0.3em;
	background-size: 14vw auto;
}
#point .point_list > li .point_flt .point_txt h4 span{
	font-size:80%;
}
}