@charset 'utf-8';
/*
 * name:service.css
 * author:Nulo
*/

/* service
------------------------------------------------ */

#pageVisual { background: url(../../img/service/bg_title.jpg) no-repeat top center; background-size: cover; }

/* descript */
#descript { padding: 65px 0 75px; color: #0E142A; text-align: center; }
.descript--title { font-size: 30px; font-size: 3rem; margin-bottom: 55px; }
.descript--cmn { font-size: 14px; font-size: 1.4rem; line-height: 2; letter-spacing: 0.074em; }

/* service */
#service { padding: 110px 0; background: url(../../img/service/bg_service.jpg) no-repeat top center; background-size: cover; }

/* plan */
#plan { padding: 140px 0 160px; }
.plan--title { color: #fff; padding: 44px 0 47px; text-align: center; font-size: 32px; font-size: 3.2rem; font-weight: 600; letter-spacing: 0.074em; background: linear-gradient(to left,#EAAC82 5%,#FF8479 50%); }
.plan--title:before { content: ''; display: inline-block; vertical-align: bottom; margin-right: 12px; width: 70px; height: 69px; background: url(../../img/service/icon_plan.svg); background-size: 100%; }
.plan__list {  }
.plan__list--block { display: flex; margin-top: 120px; }
.plan__list--text { width: 55%; padding-right: 40px; box-sizing: border-box; }
.plan__list--pic { width: 45%; }
.plan__list--title { color: #FF7E48; font-size: 28px; font-size: 2.8rem; font-weight: normal; letter-spacing: 0.056em; line-height: 1.5; margin-bottom: 35px; }
.plan__list--cmn { font-size: 14px; font-size: 1.4rem; line-height: 2; letter-spacing: 0.074em; }
.plan__list--Reverse { flex-direction: row-reverse; }
.plan__list--Reverse .plan__list--text { padding-right: 0; padding-left: 40px; }
.plan__list--Reverse .plan__list--title { color: #E83828; }

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 640px) {

	#pageVisual { background: url(../../img/service/bg_title_sp.jpg) no-repeat top center; background-size: cover; }

	/* descript */
	#descript { padding: 40px 0 25px; }
	.descript--title { font-size: 16px; font-size: 1.6rem; line-height: 1.7; margin-bottom: 15px; }
	.descript--cmn { font-size: 11px; font-size: 1.1rem; line-height: 1.63; letter-spacing: 0.037em; }

	/* service */
	#service { padding: 20px 0; background: url(../../img/service/bg_service_sp.jpg) no-repeat top center; background-size: cover; }

	/* plan */
	#plan { padding: 35px 0 50px; }
	.plan--title { padding: 22px 0 23px; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.037em; }
	.plan--title:before { margin-right: 6px; width: 35px; height: 34px; }
	.plan__list { margin-top: 25px; }
	.plan__list--block { display: block; margin-top: 0; }
	.plan__list--block:not(:first-child) { margin-top: 50px; }
	.plan__list--text { width: 100%; padding-right: 0; }
	.plan__list--pic { width: 100%; margin-top: 15px; }
	.plan__list--title { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.028em; margin-bottom: 12px; }
	.plan__list--cmn { font-size: 11px; font-size: 1.1rem; line-height: 1.63; letter-spacing: 0.037em; }
	.plan__list--Reverse .plan__list--text { padding: 0; }

}