@charset "utf-8";
/*------------------- 共通 ----------------*/
.text_box{text-align: center;}
.text_box h3{font-size: 20px; letter-spacing: 0.6em; line-height: 200%;}
.text_box h3 span{letter-spacing: 0.31em; font-size: 60px; font-family: cormorant-garamond, serif; font-weight: 300; font-style: normal;}
.text_box p{font-size: 15px; line-height: 220%;padding: 40px 0 0;}

/*-------------------------------- main ---------------------------------*/
#fv{padding: 173px 0 0;}
#fv h2{text-align: center; font-size: 20px; line-height: 210%; letter-spacing: 0.1em;}
#fv h2 span{letter-spacing: 0.31em;font-family: cormorant-garamond, serif; font-weight: 300; font-style: normal; font-size: 60px;}
#fv .img_fv{padding: 59px 30px 0;}
#fv .img_fv img{width: 100%; height: auto;  border-radius: 15px;}

/*-------------------------------- #text_id ---------------------------------*/
#text_id{padding: 118px 0 0;}
#text_id .text_id_bg{background: url(../images/paid/bg_1.png?var=124121) no-repeat center center; background-size: 1600px; }
#text_id h3 span{text-align: center; font-size: 33px; letter-spacing: 0.1em; line-height: 190%;}
#text_id p{text-align: center; line-height: 240%; padding: 50px 0 0;}

/*-------------------------------- #features ---------------------------------*/
#features{padding: 164px 0 0;}
#features .features_bg{background: url(../images/paid/bg_2.png?var=124121) no-repeat center center; background-size: 1600px;}
#features .features_bg .features_bg_2{background: url(../images/paid/bg_3.png?var=124121) no-repeat center top; background-size: 1287px; padding: 0 0 81px;}
#features .features_bg .features_bg_2 .list_box{padding: 40px 0 0;}
#features .features_bg .features_bg_2 .list_box .flex_box{padding: 0 0 80px;}
#features .features_bg .features_bg_2 .list_box .flex_box.left{flex-direction: row-reverse;}
#features .features_bg .features_bg_2 .list_box .flex_box img{border-radius: 15px;}
#features .features_bg .features_bg_2 .list_box .flex_box .text{width: 450px; margin-left: 100px;}
#features .features_bg .features_bg_2 .list_box .flex_box.left .text{margin-right: 100px; margin-left: 0px;}
#features .features_bg .features_bg_2 .list_box .flex_box .text p.pink_tt{color: #E38092; font-size: 16px;font-family: cormorant-garamond, serif; font-weight: 300; font-style: normal; letter-spacing: 0.31em;}
#features .features_bg .features_bg_2 .list_box .flex_box .text p.pink_tt span{font-size: 40px; font-family: hiragino-mincho-pron, sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0;     padding: 0 0 0 6px;}
#features .features_bg .features_bg_2 .list_box .flex_box .text h4{line-height: 160%; font-size: 30px; padding: 25px 0 0;}
#features .features_bg .features_bg_2 .list_box .flex_box .text p.tt{line-height: 240%; font-size: 15px; padding: 15px 0 0;}

#features .features_bg .features_bg_2 .te_box{width: 883px; margin: 0 auto;}
#features .features_bg .features_bg_2 .te_box table{width: 100%; height: auto;}
#features .features_bg .features_bg_2 .te_box tr.top th{background: #F49B9F; color: #fff; text-align: center; padding: 15px 0; border: 1px solid #F49B9F; letter-spacing: 0.5em; font-size: 20px;}
#features .features_bg .features_bg_2 .te_box tr td,
#features .features_bg .features_bg_2 .te_box tr th{border-bottom: 1px solid #F49B9F; border-left: 1px solid #F49B9F;padding: 15px 0; text-align: center; background: #FFF; width: 33%;}
#features .features_bg .features_bg_2 .te_box tr td:last-child,
#features .features_bg .features_bg_2 .te_box tr th:last-child{border-right: 1px solid #F49B9F;}

/*-------------------------------- #service ---------------------------------*/
#service{padding: 100px 0 0;}
#service .service_bg{background: url(../images/paid/bg_4.jpg?var=124121) no-repeat center top;background-size: 100%; padding: 100px 0 0;}
#service .service_bg .flex_box{flex-direction: row;align-items: flex-start }
#service .service_bg .box{background: #fff; width: 100%; box-shadow: 0 0 15px 15px rgba(0,0,0,0.05); width: 525px; height: auto;text-align: center; margin: 50px 0 0;}
#service .service_bg .box.long{width: 100%; height: auto;}
#service .service_bg .box h4{background: #FFF100; display: inline-block; padding: 3px 35px; font-size: 24px; line-height: 180%; border-radius: 0 0 10px 10px;}
#service .service_bg .box ul{display: flex; flex-wrap: wrap;padding: 29px 60px 14px;}
#service .service_bg .box ul li{padding-left: 12px; font-size: 15px; position: relative; margin: 0 20px 20px 0; line-height: 134%;font-family: hiragino-kaku-gothic-pron, sans-serif; font-weight: 300; font-style: normal;}
#service .service_bg .box ul li:before{content: ""; display: block; border-radius: 100%; background: #F49BA0; top: 7px; left: 0px; width: 7px; height: 7px; position: absolute;}
#service .service_bg .flex_box .box{height: 172px;}
#service .service_bg .flex_box .box:first-child{margin-right: 50px;}

/*-------------------------------- #access ---------------------------------*/
#access{padding: 106px 0 0;}
#access .access_bg{padding: 100px 0; background: url(../images/paid/bg_5.png?var=124121) no-repeat center center;}
#access .access_bg .flex_box{padding: 50px 0 0; align-items: flex-start;}
#access .access_bg .flex_box .map{width: 550px; height: 380px; position: relative;}
#access .access_bg .flex_box .map iframe{position: absolute; top: 0px; width: 100%; height: 100%;}
#access .access_bg .flex_box .text{padding: 0 0 0 50px;}
#access .access_bg .flex_box .text ul{}
#access .access_bg .flex_box .text ul li:not(:first-child){padding: 50px 0 0;}
#access .access_bg .flex_box .text ul li h4{font-size: 20px; position: relative; padding: 0 0 0 25px;font-family: hiragino-kaku-gothic-pron, sans-serif; font-weight: 300; font-style: normal;}
#access .access_bg .flex_box .text ul li h4:before{display: block; content: ""; width: 6px; height: 20px; position: absolute; background: #F49BA0; left: 0px; transform: translateY(-50%); top: 50%;}
#access .access_bg .flex_box .text ul li p{padding: 20px 0 0; font-family: hiragino-kaku-gothic-pron, sans-serif; font-weight: 300; font-style: normal;}

@media only screen and (max-width: 768px) {
	
	/*------------------- 共通 ----------------*/
	.text_box{text-align: center;}
	.text_box h3{font-size: 13px; letter-spacing: 0.6em; line-height: 200%;}
	.text_box h3 span{letter-spacing: 0.31em; font-size: 38px;}
	.text_box p{font-size: 11px; line-height: 220%;padding: 20px 0 0;}
	.flex_box { display: flex; align-items: center; flex-direction: column; }
	/*-------------------------------- main ---------------------------------*/
	#fv{padding: 85px 0 0;}
	#fv h2{ font-size: 16px;}
	#fv h2 span{letter-spacing: 0.31em;font-size: 30px;}
	#fv .img_fv{padding: 35px 15px 0;}
	
	/*-------------------------------- #text_id ---------------------------------*/
	#text_id{padding: 59px 0 0;}
	#text_id .text_id_bg{background: none; }
	#text_id .text_id_bg img{width: 100%; height: auto; padding: 40px 0 0;}
	#text_id h3 span{font-size: 17px; letter-spacing: 0.05em;font-feature-settings: "palt";}
	#text_id p{padding: 25px 0 0; }
	
	/*-------------------------------- #features ---------------------------------*/
	#features{padding: 60px 0 0;background: none; background-size: 100%;}
	#features .features_bg{background: none; background-size: cover;}
	#features .features_bg .features_bg_2{background: url(../images/paid/bg_3_sp.png?var=124121) no-repeat center top; background-size: cover;  padding: 0 0 40px;}
	#features .features_bg .features_bg_2 .list_box{padding: 20px 0 0;}
	#features .features_bg .features_bg_2 .list_box .flex_box{padding: 0 0 40px;}
	#features .features_bg .features_bg_2 .list_box .flex_box.left{flex-direction: column;}
	#features .features_bg .features_bg_2 .list_box .flex_box img{border-radius: 15px; width: 100%; height: auto;}
	#features .features_bg .features_bg_2 .list_box .flex_box .text{width: 100%; margin: 20px 0 0;}
	#features .features_bg .features_bg_2 .list_box .flex_box.left .text{margin: 20px 0 0;}
	#features .features_bg .features_bg_2 .list_box .flex_box .text p.pink_tt{font-size: 13px;display: flex; align-items: center;}
	#features .features_bg .features_bg_2 .list_box .flex_box .text p.pink_tt span{font-size: 30px;}
	#features .features_bg .features_bg_2 .list_box .flex_box .text h4{font-size: 20px; padding: 10px 0 0; line-height: 180%}
	#features .features_bg .features_bg_2 .list_box .flex_box .text p.tt{font-size: 12px; padding: 10px 0 0;}
	
	#features .features_bg .features_bg_2 .te_box{width: 100%; margin: 0 auto;}
	#features .features_bg .features_bg_2 .te_box tbody{display: block; width: 100%; height: auto;}
	#features .features_bg .features_bg_2 .te_box tr.top th{padding: 10px 0; width: 100%; font-size: 16px}
	#features .features_bg .features_bg_2 .te_box tr td,
	#features .features_bg .features_bg_2 .te_box tr th{padding: 10px 0; text-align: center; width: 50%; font-size: 13px; line-height: 160%;}
	#features .features_bg .features_bg_2 .te_box tr td{width: 9%;}
	#features .features_bg .features_bg_2 .te_box tr th{width: 1%}
	
	/*-------------------------------- #service ---------------------------------*/
	#service{padding: 50px 0 0;}
	#service .service_bg{background: url(../images/paid/bg_4_sp.jpg?var=124121) no-repeat center top;background-size: 100%; padding: 50px 0 0;}
	#service .service_bg .text_box p{font-size: 14px;}
	#service .service_bg .flex_box{flex-direction: column;align-items: flex-start }
	#service .service_bg .box{ width: 100%;  margin: 50px 0 0;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);}
	#service .service_bg .box.long{width: 100%; height: auto;}
	#service .service_bg .box h4{padding: 3px 15px; font-size: 17px; border-radius: 0 0 10px 10px;}
	#service .service_bg .box ul{display: flex; flex-wrap: wrap;padding: 15px 30px 8px;}
	#service .service_bg .box ul li{padding-left: 10px; font-size: 12px; margin: 0 10px 10px 0; text-align: left;line-height: 170%;}
	#service .service_bg .box ul li:before{top: 7px; width: 6px; height: 6px;}
	#service .service_bg .flex_box .box{height: auto; }
	#service .service_bg .flex_box .box:first-child{margin-right: 50px;}
	
	/*-------------------------------- #access ---------------------------------*/
	#access{padding: 53px 0 0;}
	#access .access_bg{padding: 50px 0; background: url(../images/paid/bg_5_sp.png?var=124121) no-repeat center center;background-size: cover; }
	#access .access_bg .flex_box{padding: 25px 0 0; flex-direction: column;}
	#access .access_bg .flex_box .map{width: 100%; height: auto; padding: 35% 0;}
	#access .access_bg .flex_box .text{padding: 25px 0 0 ;}
	#access .access_bg .flex_box .text ul li:not(:first-child){padding: 30px 0 0;}
	#access .access_bg .flex_box .text ul li h4{font-size: 16px; padding: 0 0 0 15px;}
	#access .access_bg .flex_box .text ul li h4:before{ width: 3px; height: 16px; }
	#access .access_bg .flex_box .text ul li p{padding: 12px 0 0; font-size: 13px; line-height: 160%;}
	
}