/* 202310 初めての方へ デザイン修正 */ .fs-l-page{position:relative;overflow: hidden;width: 100%;} .fs-c-heading--page-wrap{display:none;} #first_guide2023 >.fs-l-pageMain{margin-bottom:0;} #first_guide2023 {padding: 330px 0 0 0;text-align: center;font-size: 16px;} #first_guide2023 .section {margin: 0 0 5em;} #first_guide2023 h2{margin: 0 0 1.3em;font-size: 26px;line-height: 1.6;} #first_guide2023 a {text-decoration: underline;} #first_guide2023 .fg_btn{background: #222222;margin: 0 auto;display: block;text-decoration: none;width: 34%;} #first_guide2023 .fg_btn>span{display: block;color: #fff;padding: 1em 0;text-align: center;font-size: 1em;} /* */ #first_guide2023 #fg_head {position: absolute;top: 50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 1920px; width:100%;} #first_guide2023 #fg_head #first_guide2023 .pc-only {} #first_guide2023 .sp-only {display:none;} /* */ #first_guide2023 #fg_benefit {} #first_guide2023 #fg_benefit{} #first_guide2023 .fg_benefit_h2 {} #first_guide2023 .fg_benefit_h2 br {} #first_guide2023 .fg_benefit_ul {display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} #first_guide2023 .fg_benefit_li {display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center; width:100%;padding: 3em 1em;margin: 0 1% 1% 0;background: #e7f4ec;justify-content:flex-start;align-items: center;} #first_guide2023 .fg_benefit_ul .sp-only {display:none;} #first_guide2023 .fg_benefit_li:last-of-type{margin-right:0;} #first_guide2023 .fg_benefit_li img {width:70%;} #first_guide2023 .fg_benefit_li p {padding: 0.8em 0 0; text-align:left; line-height:1.8; font-size:18px;} #first_guide2023 .fg_benefit_li br {} #first_guide2023 .fg_benefit_li .accent {font-weight:bold; border-bottom: solid 1px #333;} /* */ #first_guide2023 #fg_member {} #first_guide2023 #fg_member{} #first_guide2023 .fg_member_h2 {} #first_guide2023 .fg_member_h2 br {} #first_guide2023 .fg_member_ul {display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap: wrap; flex-wrap: wrap;} #first_guide2023 .fg_member_li {width:32.3%;padding: 3em 0;margin: 0 1% 2% 0;background: #f8f6e0;} #first_guide2023 .fg_member_li:nth-of-type(3){margin-right:0;} #first_guide2023 .fg_member_li:nth-of-type(4){width:100%;display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 3em 0 3em 4em;position: relative;margin-right: 0;} #first_guide2023 .fg_member_li:nth-of-type(4) img{width: 208px;padding: 0 0 0;} #first_guide2023 .fg_member_li:nth-of-type(4)>p{width: 72%;} #first_guide2023 .fg_member_li:nth-of-type(4) p{padding: 0 0 5em 50px;text-align: left;} #first_guide2023 .fg_member_li:nth-of-type(4) p>span{font-weight: bold;font-size: 1.25em;display: block;padding: 0 0 1em;} #first_guide2023 .fg_member_li img br {} #first_guide2023 .fg_member_li img br span {} #first_guide2023 .fg_member_li img a {} #first_guide2023 .fg_member_li img span {} #first_guide2023 .fg_member_li p {padding: 1em 0 0;} #first_guide2023 .fg_member_li p br {} #first_guide2023 .fg_member_li p .fg_btn{position: absolute;bottom: 3em;right: 0;left: 0;width: 35%;} /* */ #first_guide2023 #fg_point {} #first_guide2023 #fg_point{} #first_guide2023 .fg_point_h2 {} #first_guide2023 .fg_point_p {margin: 0 0 3em;} #first_guide2023 .fg_point_p br {} #first_guide2023 .fg_point_ul {display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #f6f6f6;/* border: solid 1px red; */padding: 2em 0;} #first_guide2023 .fg_point_li {width:32.3%;} #first_guide2023 .fg_point_li:last-of-type{margin-right:0;width: 40.3%;} #first_guide2023 .fg_point_li p {font-size: 1.5em;padding-left: 1em;line-height: 1.5;} #first_guide2023 .fg_point_li br {} /* */ #first_guide2023 #fg_rank {} #first_guide2023 #fg_rank.section{margin: 0 0 2em;} #first_guide2023 #fg_rank .fg_rank_h2 {} #first_guide2023 #fg_rank .fg_rank_h2 br {} #first_guide2023 #fg_rank .fg_rank_p {margin: 0 0 4em;} #first_guide2023 #fg_rank .fg_rank1 {} #first_guide2023 #fg_rank img {width: 50%;margin: 0 0 4em;} #first_guide2023 #fg_rank .fg_btn {} #first_guide2023 #fg_rank span {} /* */ #first_guide2023 #fg_line {} #first_guide2023 #fg_line.section{margin: 0 0 5em;} #first_guide2023 #fg_line .fg_line_h2 {} #first_guide2023 #fg_line .fg_line {margin: 0 0 3em;} #first_guide2023 #fg_line .green_accent{color:#449748; font-weight:bold;} #first_guide2023 #fg_line .fg_line_ul {display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin: 0 auto 3em;} #first_guide2023 #fg_line .fg_line_li {width: 50%;} #first_guide2023 #fg_line .fg_line_li:first-of-type{margin-right:0;width: 50%;display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack:justify;justify-content:space-around;background: #f6f6f6;padding: 0 0 0 1.5em;} #first_guide2023 #fg_line .fg_line_li img {width: 70%;} #first_guide2023 #fg_line .fg_line_li:first-of-type img{width: 120px;} #first_guide2023 #fg_line .fg_line_li p{padding: 1.5em 0 0;} #first_guide2023 #fg_line .fg_line_li:first-of-type p{width: 62%;padding: 0 0 0 0;} #first_guide2023 #fg_line .fg_btn {} /* */ #first_guide2023 #fg_back {} #first_guide2023 #fg_back.section{margin: 0 0 0em;} #first_guide2023 #fg_back .fg_btn {background: #fff;border: solid 1px #222;} #first_guide2023 #fg_back .fg_btn>span {color: #222;} #first_guide2023 #fg_benefits .imgArea {max-width: 50%; margin: 4em auto 0;} #first_guide2023 #fg_benefits {margin-bottom: -3em;}/* 最終sectionに対して調整 */ @media only screen and (min-width: 961px){/* PConly */ .pc-only{display: inline-block;} .sp-only{display:none;} } @media only screen and (max-width: 959px){/* SPonly */ .pc-only{display:none;} .sp-only{display:inline-block;} /* */ .fs-l-main{margin: 0 0 0;width: 100%;} #first_guide2023 {padding:0 0 0 0;font-size: 3.2vw;line-height: 1.6;} /* */ .fs-l-page{} #first_guide2023 {} #first_guide2023 .section {margin: 0 0 3em;} #first_guide2023 h2{font-size: 1.4em;} #first_guide2023 .fg_btn{width: 70%;} #first_guide2023 .fg_btn>span{font-size: 1em;} #first_guide2023 .fg_btn a {} /* */ #first_guide2023 #fg_head {position:static;width: 100%;top: 0;left: 0;transform: none;margin: 0 0 2em;font-size: 3.5vw;} #first_guide2023 #fg_head .pc-only {display:none;} #first_guide2023 .sp-only {display:inline-block;} /* */ #first_guide2023 #fg_benefit {} #first_guide2023 #fg_benefit{} #first_guide2023 .fg_benefit_h2 {} #first_guide2023 .fg_benefit_h2 br {} #first_guide2023 #fg_benefit .pc-only {display:none;} #first_guide2023 .fg_benefit_ul .sp-only {display:block;} #first_guide2023 .fg_benefit_li {width: 89%;padding: 5vw 13% 5vw;margin: 0 auto 4vw;} #first_guide2023 .fg_benefit_li:last-of-type{margin-right: auto;padding-right: 8%;padding-left: 8%;} #first_guide2023 .fg_benefit_li:nth-of-type(1) img{padding: 0 6%;} #first_guide2023 .fg_benefit_li:nth-of-type(2) img{padding: 0 0 0 2%;} #first_guide2023 .fg_benefit_li:nth-of-type(3) img{padding: 0 0 0 4%;} #first_guide2023 .fg_benefit_li img{width:100%;} #first_guide2023 .fg_benefit_li p {font-size: 3.7vw; text-align:center;white-space: nowrap;} #first_guide2023 .fg_benefit_li br {} #first_guide2023 .fg_benefit_li a {} /* */ #first_guide2023 #fg_member {} #first_guide2023 #fg_member{} #first_guide2023 .fg_member_h2 {} #first_guide2023 .fg_member_h2 br {} #first_guide2023 .fg_member_ul {display: block;} #first_guide2023 .fg_member_li {width: 89%;padding: 5vw 16% 5vw;margin: 0 auto 2em;} #first_guide2023 .fg_member_li:nth-of-type(1){padding-right: 12%;padding-left: 12%;} #first_guide2023 .fg_member_li:nth-of-type(2){} #first_guide2023 .fg_member_li:nth-of-type(3){padding-right: 11%;padding-left: 13%;margin-right: auto;} #first_guide2023 .fg_member_li:nth-of-type(4){width: 89%;margin: 0 auto 0;display: block;padding: 6vw 6% 5vw;} #first_guide2023 .fg_member_li:nth-of-type(4) img{width: 43%;position: absolute;top: 24%;left: 0;right: 0;margin: 0 auto;padding: 0;} #first_guide2023 .fg_member_li:nth-of-type(4)>p{width: 100%;padding: 0 0 0;text-align: center;} #first_guide2023 .fg_member_li:nth-of-type(4) p{text-align: left;} #first_guide2023 .fg_member_li:nth-of-type(4) p>span{font-size: 4.2vw;line-height: 1.6;margin: 0 0 32vw;text-align: center;padding: 0;} #first_guide2023 .fg_member_li:nth-of-type(4) p .fg_btn{width: 87%;margin: 1em auto 0;} #first_guide2023 .fg_member_li img br {} #first_guide2023 .fg_member_li img br span {} #first_guide2023 .fg_member_li img a {} #first_guide2023 .fg_member_li img span {} #first_guide2023 .fg_member_li p {font-size: 3.7vw;} #first_guide2023 .fg_member_li p br {} #first_guide2023 .fg_member_li p .fg_btn{position: static;width: 100%;margin: 1em 0 0;} /* */ #first_guide2023 #fg_point {} #first_guide2023 #fg_point{} #first_guide2023 .fg_point_h2 {} #first_guide2023 .fg_point_p {padding: 0 4% 0;text-align: left;font-size: 3.5vw;} #first_guide2023 .fg_point_p br {} #first_guide2023 .fg_point_ul {display: block;padding: 12vw 3em 6vw;margin: 0 auto;width: 90%;} #first_guide2023 .fg_point_li {width: 100%;margin: 0 0 1em;} #first_guide2023 .fg_point_li:last-of-type{width: 100%;} #first_guide2023 .fg_point_li p {font-size: 4.4vw;padding: 2vw 0 0 0;} #first_guide2023 .fg_point_li br {} /* */ #first_guide2023 #fg_rank {} #first_guide2023 #fg_rank >.section{margin: 0 0 2em;} #first_guide2023 #fg_rank .fg_rank_h2 {} #first_guide2023 #fg_rank .fg_rank_h2 br {} #first_guide2023 #fg_rank .fg_rank_p {margin: 0 0 3em;padding: 0 4% 0;text-align: left;font-size: 3.5vw;} #first_guide2023 #fg_rank .fg_rank1 {} #first_guide2023 #fg_rank img {width: 90%;margin: 0 0 3em;} #first_guide2023 #fg_rank .fg_btn {} #first_guide2023 #fg_rank span {} /* */ #first_guide2023 #fg_line {} #first_guide2023 #fg_line.section{} #first_guide2023 #fg_line .fg_line_h2 {} #first_guide2023 #fg_line .fg_line {padding: 0 1em 0;text-align: left;font-size: 3.5vw;margin: 0 0 2em;} #first_guide2023 #fg_line .green_accent{color:#449748; font-weight:bold;} #first_guide2023 #fg_line .fg_line_ul {display: block;margin: 0 1em 2.5em;} #first_guide2023 #fg_line .fg_line_li {width: 100%;} #first_guide2023 #fg_line .fg_line_li:first-of-type{width: 100%;display: block;margin: 0 0 2em;padding: 1em 0;} #first_guide2023 #fg_line .fg_line_li img {} #first_guide2023 #fg_line .fg_line_li:first-of-type img{width: 38%; margin:0 auto;} #first_guide2023 #fg_line .fg_line_li p{padding: 1.0em 0 0;} #first_guide2023 #fg_line .fg_line_li:first-of-type p{width: 100%;text-align: center;padding: 1.0em 0 0 0;font-size: 3.5vw;} #first_guide2023 #fg_line .fg_btn {} #first_guide2023 #fg_line span {} /* */ #first_guide2023 #fg_back {} #first_guide2023 #fg_back .fg_btn {} #first_guide2023 #fg_back .fg_btn>span {} #first_guide2023 #fg_benefits .imgArea {max-width: 90%; margin: 3em auto;} }