@charset "UTF-8";
/*
	Responsive - Mobile first
**************************************************************************************************** */
/* ------------------------------------------------------------
	Base
------------------------------------------------------------ */
/* Reset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;font-style: normal;font-weight: normal;vertical-align:baseline;background:transparent;}
body {line-height:1;-webkit-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol {list-style:none;}
img {border: 0;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
textarea {resize: vertical;}

html {
	overflow-y: scroll;
	font-size: calc(100vw / 3.2);
}
body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",YuGothic,"游ゴシック",sans-serif;
	position: relative;
	text-align: center;
	width: 100%;
	font-feature-settings:'palt';
	overflow-x: hidden;
}
a {
	color: inherit;
	outline: none;
}
img {
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1;
}
p {
	text-align: left;
}


/* ------------------------------------------------------------
	Style
------------------------------------------------------------ */
body {
	font-size: 0.14rem;
	line-height: 1.5;
}
img {
	width: 100%;
}
h2 {
	font-size: 1.6em;
}
p {
	margin-bottom: 1.3em;
}

header {
	width: min(100%, 960px);
	margin: auto;
	padding: .5em 0 .2em;
}
header h1 {
	line-height: 1.3;
	text-align: center;
	margin: 0;
}
header a {
	display: block !important;
}
header h1 span {
	display: block;
	font-size: .9em;
}
header h1 strong {
	font-size: 1.5em;
	display: block;
}
header h1 strong::before {
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1.7em;
	background: url(../img/logo.png) no-repeat;
	background-size: contain;
	vertical-align: text-top;
	margin: -.2em 2% 0 0;
}
.gnav {
	background: #CCAD9E;
}
.gnav.fixed {
    left: 0;
    position: fixed;
    top: 0;
	width: 100%;
	z-index: 100;
}
.gnav ul {
	background: #C6A798;
	display: flex;
	text-align: center;
	height: 2.6em;
	align-items: center;
	margin: auto;
}
.gnav li {
	width: 20%;
	line-height: 1.2;
}
.gnav li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	font-size: .6em;
	padding: 1em 0;
}
.gnav li:nth-of-type(n + 2) a {
	border-left: 1px solid #FFF;
}

.wrap {
	padding: 0 6.25%;
}

#sec_mv {
	background: url(../img/bgph_mv.png),  url(../img/bg_mv.jpg);
	background-size: 63% auto, cover;
	background-position: 110% calc(100% - 5.2em), 50% 50%;
	background-repeat: no-repeat;
	padding: 1em 0 0;
	font-weight: 600;
	font-size: 1.1em;
}
#sec_mv h2 span,
#sec_mv h2 strong {
	display: block;
	color: #6f4933;
	background: #6f4933;
	background-image: linear-gradient(0deg, #997255, #3f1a0c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#sec_mv h2 strong {
	font-size: 2.2em;
	font-style: italic;
	text-align: left;
	margin: .3em 0 1.7em 5%;
}
#sec_mv .wrap {
	padding: 0;
}
#sec_mv .mvgp {
	background: #F1DEA7;
	background : linear-gradient(45deg, rgba(211, 138, 38, 1) 0%, rgba(229, 181, 100, 1) 18.05%, rgba(248, 226, 166, 1) 38.91%, rgba(255, 244, 192, 1) 48.74%, rgba(253, 240, 185, 1) 54.98%, rgba(248, 230, 164, 1) 64.38%, rgba(239, 213, 130, 1) 75.78%, rgba(227, 190, 83, 1) 88.61%, rgba(215, 166, 36, 1) 100%);  
	font-size: 1.4em;
	line-height: 1.2;
	padding-top: .3em;
}
#sec_mv .mvgp figure {
	float: right;
	width: 12%;
	margin-right: 13%;
}
#sec_mv .mvgp span {
	font-size: .7em;
}
#sec_mv .mvgp strong {
	display: block;
	font-size: 1.6em;
}
#sec_mv .mvgp p {
	clear: both;
	background: #6B452F;
	color: #FFF;
	text-align: center;
	margin: .3em 0 0;
	line-height: 1;
	padding: .4em 0 .2em;
}
#sec_mv .mvgp p span {
	display: inline-block;
	font-size: .7em;
	vertical-align: text-bottom;
	margin-bottom: .2em;
}
#sec_mv .mvgp p strong {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.2em;
}

#sec_about {
	position: relative;
	background: #9C7D66;
	background : linear-gradient(0deg, rgba(203, 169, 141, 1) 0%, rgba(189, 156, 130, 1) 20.19%, rgba(160, 129, 105, 1) 71.04%, rgba(149, 119, 96, 1) 100%);
	padding: 3em 0;
	color: #FFF;
}
#sec_about figure {
	width: 70%;
	margin: 3.5em auto 2.5em;
}

#sec_rcmd {
	padding: 5em 0 4em;
	position: relative;
	background: rgba(0,0,0,0.4);
}
#sec_rcmd::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/bgph_rcmd.png) 50% 0 no-repeat;
	background-size: 110% auto;
	z-index: -1;
}
#sec_rcmd h2 {
	color: #FFF;
	margin-bottom: 1.5em;
}
#sec_rcmd .sec_rcmd_list {
	background: #F7F3F0;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
	text-align: left;
	padding: .5em 0 .5em 6%;
}
#sec_rcmd .sec_rcmd_list li {
	background: url(../img/listmark.png) no-repeat 0 50%;
	background-size: auto 90%;
	font-size: .9em;
	padding-left: 2em;
	margin: .7em 0;
}

.sec,.secbg {
	padding-bottom: 3.5em;
}
.secbg {
	background: #F7F1E1;
}
.sec h2,.secbg h2 {
	margin: 0 auto 2.5em;
}
.secbg h2 {
	color: #FFF;
	padding: .4em 0;
	background: #957760;
	background : linear-gradient(90deg, rgba(203, 169, 141, 1) 0%, rgba(186, 153, 127, 1) 8.72%, rgba(166, 134, 110, 1) 22.75%, rgba(153, 123, 99, 1) 36.62%, rgba(149, 119, 96, 1) 50%, rgba(153, 123, 99, 1) 63.38%, rgba(166, 134, 110, 1) 77.25%, rgba(186, 153, 127, 1) 91.28%, rgba(203, 169, 141, 1) 100%);
}
.sec h2 {
	width: min(87.5%, 960px);
	color: #736357;
	padding: 2.5em 0 .5em;
	border-bottom: .1em solid #CCAD9E;
}

.secbox {
	background: #FFF;
	padding: 0 3% 1.3em;
	margin-bottom: 2em;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
}
.secbox h3 {
	background: #A58C81;
	color: #FFF;
	font-size: 1.2em;
	padding: .7em 0;
	margin: 0 -3% 1em;
	width: 106.2%;
}

#sec_tx .sec_tx_pe {
	counter-reset: count;
}
#sec_tx .sec_tx_pe li {
	margin-bottom: 1.5em;
}
#sec_tx .sec_tx_pe li::before {
	counter-increment: count;
	content:  "Step."counter(count);
	color: #FFF;
	font-family: 'Noto Serif JP', serif;
}
#sec_tx .sec_tx_pe li:first-of-type,
#sec_tx .sec_tx_pe li:nth-of-type(2) {
	background: #A58C81;
	color: #FFF;
	padding: .7em 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#sec_tx .sec_tx_pe li:first-of-type::before,
#sec_tx .sec_tx_pe li:nth-of-type(2)::before {
	width: 5em;
}
#sec_tx .sec_tx_pe li:first-of-type p,
#sec_tx .sec_tx_pe li:nth-of-type(2) p {
	border-left: 1px solid #FFF;
	padding: 0 3%;	
	width: calc(100% - 5em);
	margin: 0;
}
#sec_tx .sec_tx_pe li:nth-of-type(n + 3)::before {
	display: block;
	background: #A58C81;
	padding: .3em 0;
	font-size: 1.4em;
}
#sec_tx .sec_tx_pe li figure {
	margin-bottom: 1em;
}
#sec_tx p.ta--c.gf--nt {
	font-size: 1.45em;
}

#sec_diff h3.sec_diff_hl {
	background: #957760;
	background : linear-gradient(90deg, rgba(203, 169, 141, 1) 0%, rgba(186, 153, 127, 1) 8.72%, rgba(166, 134, 110, 1) 22.75%, rgba(153, 123, 99, 1) 36.62%, rgba(149, 119, 96, 1) 50%, rgba(153, 123, 99, 1) 63.38%, rgba(166, 134, 110, 1) 77.25%, rgba(186, 153, 127, 1) 91.28%, rgba(203, 169, 141, 1) 100%);
	color: #FFF;
	margin: 1em 0;
	padding: .4em 0;
	font-size: 1.3em;
	line-height: 1.2;
}
#sec_diff h3.sec_diff_hl span {
	font-size: .8em;
}
#sec_diff .secbox figcaption {
	border-radius: 1.5em;
	background: #A58C81;
	color: #FFF;
	padding: .7em 0;
	margin: 1.3em 0;
}

#sec_flow .sec_flow_chart {
	counter-reset: my-counter;
}
#sec_flow .sec_flow_chart li {
	margin-bottom: 2.5em;
}
#sec_flow .sec_flow_chart li strong {
	display: block;
	font-size: 1.45em;
	color: #FFF;
	text-align: left;
	padding: .2em 0 .2em 30%;
	background: #A58C81;
	background: linear-gradient(70deg, #CCAD9E 0%, #CCAD9E 25%, #A58C81 25%, #A58C81 100%);
	position: relative;
}
#sec_flow .sec_flow_chart li strong::before {
	content: counter(my-counter);
	counter-increment: my-counter;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24%;
	height: 100%;
	font-size: 1.7em;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	font-family: 'Shippori Mincho', serif;
}
#sec_flow .sec_flow_chart li figure {
	margin: 1em 0;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
}
#sec_flow .secbox h3 {
	background: #726356;
}
#sec_flow .sec_flow_notetbl {
	font-size: .75em;
	width: 100%;
	margin: 0 auto 1em;
	text-align: left;
}
#sec_flow .sec_flow_notetbl th,
#sec_flow .sec_flow_notetbl td {
	padding: .4em .5em .4em 3%;
}
#sec_flow .sec_flow_notetbl th {
	color: #FFF;
	background: #A58C81;
	width: 28%;
}
#sec_flow .sec_flow_notetbl td {
	background: #F2EAE7;
}
#sec_flow .sec_flow_notetbl tr:nth-of-type(n + 2) th {
	border-top: 1px solid #B39B8D;
}
#sec_flow .sec_flow_notetbl tr:nth-of-type(n + 2) td {
	border-top: 1px solid #E3D7CC;
}
#sec_flow .sec_flow_notetbl {
}

#sec_price .sec_price_tbl {
	width: 100%;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
	font-size: 1.2em;
	margin-bottom: 1em;
}
#sec_price .sec_price_tbl th {
	background: #726356;
	text-align: left;
	color: #FFF;
	padding: .2em 10%;
	width: 48%;
	vertical-align: middle;
}
#sec_price .sec_price_tbl td {
	background: #FFF;
	text-align: right;
	color: #b25880;
	padding: .2em 5%;
}
#sec_price .sec_price_tbl tr:first-of-type th {
	border-bottom: 1px solid #8B796A;
}
#sec_price .sec_price_tbl tr:first-of-type td {
	border-bottom: 1px solid #EFE9E1;
}
#sec_price .sec_price_tbl td strong {
	font-size: 1.5em;
}
#sec_price .sec_price_payment {
	text-align: left;
	margin-bottom: 1em;
}
#sec_price .sec_price_payment li {
	display: inline;
	font-size: 1.15em;
}
#sec_price .sec_price_payment li:first-of-type {
	margin-right: 1em;
}
#sec_price .sec_price_payment li::before {
	content: "";
	border-radius: 50%;
	width: .8em;
	height: .8em;
	display: inline-block;
	background: #7D4A31;
	margin-right: .1em;
}
#sec_price .sec_price_credit {
	text-align: center;
	margin: 1em auto;
}
#sec_price .sec_price_credit img {
	width: auto;
	height: 1.55em;
}

#sec_faq dl {
	text-align: left;
}
#sec_faq dt {
	font-size: 1.15em;
	border-bottom: 1px solid #B09A92;
	margin-bottom: 1em;
	color: #736357;
	padding-bottom: .3em;
	line-height: 1.3;
	display: flex;
	align-items: center;
}
#sec_faq dt:nth-of-type(n + 2) {
	margin-top: 2em;
}
#sec_faq dt::before {
	content: "Q";
	color: #ccad9e;
	font-family: 'Shippori Mincho', serif;
	font-size: 1.2em;
	margin-right: .3em;
}

#sec_info figure {
	margin-bottom: 1em;
}
#sec_info .secbox:first-of-type h4 {
	font-size: 1.15em;
	color: #736357;
	line-height: 1.5;
	margin-bottom: .5em;
}
#sec_info .secbox:first-of-type figure img {
	float: left;
	width: 50%;
	margin-bottom: 1.5em;
}
#sec_info .secbox:first-of-type figcaption {
	text-align: left;
	font-size: 1.1em;
	color: #736357;
	line-height: 1.3;
	padding-top: 2em;
}
#sec_info .secbox:first-of-type p {
	clear: both;
	margin: 0;
}
#sec_info .secbox:first-of-type p:last-of-type {
	margin: .7em 0 0;
	padding-top: .7em;
	border-top: 1px solid #F2EAE7;
}
#sec_info .sec_info_tbl {
	width: 100%;
	text-align: left;
}
#sec_info .sec_info_tbl th,
#sec_info .sec_info_tbl td {
	display: block;
}
#sec_info .sec_info_tbl th {
	font-weight: bold;
}
#sec_info .sec_info_tbl tr:nth-of-type(n + 2) th {
	border-top: 1px solid #F2EAE7;
	padding-top: .5em;
	margin-top: .5em;
}
#sec_access .sec_info_btn {
	display: block;
	font-size: 1.4em;
	color: #FFF;
	background: #A58C81;
	border-radius: .2em;
	padding: .6em 0;
}

.cta {
	border: 2px solid #A58C81;
	border-radius: .5em;
	margin: 3em auto 0;
	background: #FFF;
	background : linear-gradient(0deg, rgba(238, 227, 201, 1) 0%, rgba(239, 229, 204, 1) 2.37%, rgba(246, 240, 227, 1) 21.89%, rgba(251, 249, 243, 1) 43.13%, rgba(254, 253, 252, 1) 67.11%, rgba(255, 255, 255, 1) 99.7%);
}
.cta p {
	text-align: center;
	font-size: 1.4em;
	padding: 1.3em 0 .5em;
}
.cta img {
	width: min(90%, 355px);
	margin-bottom: .5em;
}
.cta span {
	display: block;
}
.cta ul {
	padding: 1em 3%;
}
.cta li {
	margin: 1.2em 0;
	line-height: 1.5;
}
.cta li a {
	display: block;
	background: #726356;
	color: #FFF;
	font-size: 1.2em;
	padding: .3em 0;
}
.cta li a span {
	font-size: .6em;
}

.footer small {
	display: block;
	color: #fff;
	background: #938075;
	padding: .1em 0;
	font-size: 0.7em;
}
.footer small span {
	font-size: 1.7em;
	vertical-align: middle;
}

.clearfix::after,
.secbox::after,
.wrap::after {
	content: "";
	display: block;
	clear: both;
}
.clearfix::before,
.secbox::before,
.wrap::before {
	content: "";
	display: block;
	clear: both;
}
.clearfix,
.secbox,
.wrap {
	display: block;
}

.gf--nt {font-family: 'Noto Serif JP', serif;}
.gf--sm {font-family: 'Shippori Mincho', serif;}

.ta--c { text-align: center !important;}
.cl--p { color: #b25880;}
.fw--b { font-weight: bold;}
.dp--ib { display: inline-block;}




/* 	Form
================== */
.form {
	padding-bottom: 4em;
}
.form h2 {
	margin: 0 auto 1em;
	color: #FFF;
	padding: .4em 0;
	background: #957760;
	background : linear-gradient(90deg, rgba(203, 169, 141, 1) 0%, rgba(186, 153, 127, 1) 8.72%, rgba(166, 134, 110, 1) 22.75%, rgba(153, 123, 99, 1) 36.62%, rgba(149, 119, 96, 1) 50%, rgba(153, 123, 99, 1) 63.38%, rgba(166, 134, 110, 1) 77.25%, rgba(186, 153, 127, 1) 91.28%, rgba(203, 169, 141, 1) 100%);
}
.formtbl {
	width: 100%;
	margin: 1em 0 1.5em;
}
.formtbl th,
.formtbl td {
	line-height: 1.6;
	text-align: left;
}
.formtbl tr {
    border-top: 1px solid #ccc;
}
.formtbl th {
	position: relative;
	padding: 1em 0 0 45px;
}
.formtbl td {
	padding: 5px 0 1.2em 0;
}
.formtbl th span {
    display: inline-block;
    width: 40px;
    height: 21px;
    font-size: 11px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    vertical-align: middle;
	position: absolute;
	left: 0;
	margin-top: 0.1em;
}
.formtbl th span.required {
    background-color: #BC9873;
}
.formtbl th span.any {
    background-color: #808080;
}
.formtbl input[type="text"],
.formtbl input[type="number"],
.formtbl input[type="tel"],
.formtbl input[type="email"],
.formtbl select,
.formtbl textarea {
	border: solid 1px #CCC;
	border-radius: 3px;
	padding: .3em .5em;
	margin: 5px 0;
	box-shadow: none;
	vertical-align: middle;
	font-size: 16px;
    -webkit-appearance: none;
	font-family: sans-serif;
}
.formtbl input[type="number"] {
	width: 4.5em;
}
.formtbl input[type="text"],
.formtbl input[type="email"] {
	width: 90%;
}
.formtbl input[type="tel"] {
	width: 50%;
}
.formtbl input[type="checkbox"] {
	vertical-align: middle;
	line-height: 1;
	margin: 0;
	width: 1em;
	height: 1em;
}
.formtbl ::placeholder {
	color: #ccc;
}
.formtbl textarea {
	width: 90% !important;
	height: 5em !important;
}
.formtbl label {
	display: block !important;
	border: none !important;
	padding: 0 !important;
	margin: 0.2em 20px 0.1em 0 !important;
}
.formbtn {
	text-align: center;
	margin: 0 auto;
}
.formbtn input,
.formbtn input:hover,
.formbtn a,
.formbtn a:hover {
	display: inline-block;
	border: none;
	border-radius: 5px; 
	background: #BC9873;
	color: #fff;
	margin: 20px auto;
	padding: 1em 40px;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	font-size: 1em;
    -webkit-appearance: none;
}

/* default customize */
.mfp_ok {
    background-color: #FFF;
}
div.mfp_ok {
	display: none !important;
}
:focus {
	outline-color: #000;
}
form#mailformpro label.mfp_checked {
    padding: 0 !important;
    border: none !important;
    background-color: #FFF !important;
    box-shadow: none !important;
}
.mfp_element_submit {
	text-shadow: none;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
    background: #B69A78 !important;
	border: none;
}

@media screen and (max-width : 767px) {
.formtbl th,
.formtbl td {
	display: block;
}
}
@media screen and (min-width : 768px) {
.formtbl th,
.formtbl td {
	padding-top: 1em;
	padding-bottom: 1em;
}
}

@media screen and (min-width : 600px) {
html {
	font-size: 62.5%;
}
body {
	font-size: 1.4rem;
	line-height: 1.8;
}

#sec_mv {
	background-size: 55% auto, cover;
	background-position: 125% calc(0% + 2em), 100% 50%;
	padding: 1em 6.25%;
	font-size: 3.3vw;
}
#sec_mv h2 {
	width: 70%;
}
#sec_mv h2 strong {
	text-align: center;
	margin: .15em 0 .3em;
	font-size: 2.5em;
}
#sec_mv .mvgp {
	font-size: 1.3em;
	line-height: 1.1;
	width: 70%;
}
#sec_mv .mvgp figure {
	width: 11%;
	margin-right: 10%;
}
}

@media screen and (min-width : 768px) {
br.sp {display: none;}
img {
	width: auto;
	max-width: 100%;
}
h2 {
	font-size: 2.8em;
}
p {
	margin-bottom: 2em;
}
header {
	padding: 1em 0 1em;
}
header h1 {
	float: left;
	text-align: left;
	width: max(32%, 300px);
}
header h1 span {
	font-size: 1em;
	padding-left: 3.3em;
}
header h1 strong {
	font-size: 1.9em;
	margin-top: -.1em;
}
header h1 strong::before {
	width: 1.5em;
	height: 1.7em;
	margin: -.3em 2% 0 0;
}
header ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(36%, 300px);
	float: right;
	margin-top: .4em;
}
header li {
	width: 49%;
	font-size: 1.3em;
}
header li a {
	background: #957760;
	background : linear-gradient(180deg, rgba(203, 169, 141, 1) 0%, rgba(192, 159, 132, 1) 6.3%, rgba(173, 141, 116, 1) 21.26%, rgba(159, 129, 105, 1) 38.6%, rgba(151, 121, 98, 1) 60.3%, rgba(149, 119, 96, 1) 100%);
	color: #FFF;
	padding: .3em 0;
	border-radius: .3em;
}
header a.gf--sm {
	display: block;
	float: right;
	width: 7em;
	color: #736357;
	font-size: 3em;
	line-height: 1;
	text-align: left;
	margin-top: .1em;
}
header a.gf--sm::before {
	content: "";
	display: inline-block;
	width: .8em;
	height: .5em;
	background: url(../img/cta_tel.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
	margin: -.3em 1% 0 0;
}
.gnav ul {
	width: min(100%, 960px);
	height: 4.5em;
}
.gnav br {
	display: none;
}
.gnav li a {
	font-size: 1em;
	padding: 1.2em 0;
}

.wrap {
	width: min(87.5%, 960px);
	margin: auto;
	padding: 0;
}

#sec_mv {
	padding-bottom: 2.5em;
	font-size: 1.8vw;
}
#sec_mv .wrap {
	width: min(100%, 960px);
}
#sec_mv .mvgp {
	font-size: 2.4em;
}

#sec_about {
	padding: 5.5em 0 3.5em;
}
#sec_about h2 span {
	display: block;
	text-align: left;
	float: right;
	width: 58%;
	margin-bottom: 1em;
}
#sec_about p {
	float: right;
	width: 58%;
}
#sec_about figure {
	width: 40%;
	margin: -4.5em 2% 0 0;
	float: left;
}

#sec_rcmd::before {
	background-position: 180% 0;
	background-size: auto 100%;
	z-index: -1;
}
#sec_rcmd h2 {
	margin-bottom: 1em;
}
#sec_rcmd .sec_rcmd_list {
	padding: .5em 0 .5em 10%;
	margin: 0 0 1em 5%;
	width: max(40%, 400px);
}
#sec_rcmd .sec_rcmd_list li {
	font-size: 1.15em;
	background-size: auto 70%;
	padding: .1em 0 .1em 2em;
	margin: .3em 0;
}

.sec,.secbg {
	padding-bottom: 5em;
}
.sec h2,.secbg h2 {
	margin-bottom: 2em;
}
.secbg h2 {
	padding: .5em 0;
}
.secbox h3 {
	font-size: 1.4em;
	margin-bottom: 1.5em;
}


#sec_tx .sec_tx_pe li {
	float: left;
}
#sec_tx .sec_tx_pe li:first-of-type,
#sec_tx .sec_tx_pe li:nth-of-type(2) {
	padding: .3em 0;
	width: 49%;
}
#sec_tx .sec_tx_pe li:first-of-type::before,
#sec_tx .sec_tx_pe li:nth-of-type(2)::before {
	font-size: 1.4em;
	width: 35%;
}
#sec_tx .sec_tx_pe li:first-of-type p,
#sec_tx .sec_tx_pe li:nth-of-type(2) p {
	padding: 0 8%;	
}
#sec_tx .sec_tx_pe li:nth-of-type(n + 3) {
	width: 23.875%;
	margin-right: 1.5%;
}
#sec_tx .sec_tx_pe li:nth-of-type(2),
#sec_tx .sec_tx_pe li:nth-of-type(6) {
	float: right;
	margin-right: 0;
}
#sec_tx p.ta--c.gf--nt {
	clear: both;
}

#sec_diff h3.sec_diff_hl {
	padding: .7em 0;
	font-size: 1.4em;
}
#sec_diff h3.sec_diff_hl span {
	font-size: 1em;
}
#sec_diff .secbox figure {
	width: 18.8%;
	float: left;
	margin-right: 1.5%;
}
#sec_diff .secbox figure:last-of-type {
	margin-right: 0;
}
#sec_diff .secbox figcaption {
	padding: .6em 0;
	margin: .6em 0;
	line-height: 1.5;
	font-size: 1.1em;
}
#sec_diff .secbox figure:first-of-type figcaption {
	line-height: 3;
}
#sec_diff .secbox p {
	text-align: center;
}

#sec_flow .sec_flow_chart {
	margin-bottom: 2em;
}
#sec_flow .sec_flow_chart li {
	margin-bottom: 2.5em;
	float: left;
	width: 32%;
	margin: 0 2% 1em 0;
}
#sec_flow .sec_flow_chart li:nth-of-type(3n) {
	float: right;
	margin-right: 0;
}
#sec_flow .sec_flow_chart li:nth-of-type(3n + 1) {
	clear: both;
}
#sec_flow .sec_flow_chart li strong {
	font-size: min(2.1vw,1.45em);
}

#sec_price .sec_price_tbl {
	font-size: 1.7em;
}
#sec_price .sec_price_tbl th {
	width: 35%;
}
#sec_price .sec_price_tbl td {
	text-align: center;
	padding: 0 5%;
}
#sec_price .sec_price_payment,
#sec_price .secbox p {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
#sec_price .sec_price_credit {
	text-align: left;
	margin: 0 auto 1em;
}
#sec_price .sec_price_credit img {
	width: auto;
	height: 2.8em;
}

#sec_faq dl {
	width: 85%;
	margin: auto;
}
#sec_faq dt {
	font-size: 1.4em;
	padding-bottom: .1em;
}
#sec_faq dt::before {
	font-size: 1.7em;
	margin: 0 .5em .1em 0;
}

#sec_info .secbox:first-of-type {
	position: relative;
}
#sec_info .secbox:first-of-type h4 {
	font-size: 1.4em;
	line-height: 1.8;
	text-align: left;
	margin-left: 40%;
}
#sec_info .secbox:first-of-type figure img {
	position: absolute;
	width: 30%;
	margin: 0;
	bottom: 0;
	left: 6.25%;
}
#sec_info .secbox:first-of-type figcaption {
	padding-top: 0;
	margin: 0 0 3em 40%;
	font-size: 1.15em;
}
#sec_info .secbox:first-of-type p {
	clear: none;
	padding-left: 1.5%;
	margin: 0 0 0 40%;
	font-size: 1.07em;
}
#sec_info .secbox:first-of-type p:last-of-type {
	border-top: 1px solid #E6D6CE;
	padding-top: 1em;
	margin: 1em 0 1em 40%;
}
#sec_info .secbox:nth-of-type(2) figure {
	float: left;
	width: 38%;
	text-align: center;
}
#sec_info .secbox:nth-of-type(2) figure img {
	width: min(100%, 220px);
}
#sec_info .sec_info_tbl {
	width: 60%;
	float: right;
}
#sec_info .sec_info_tbl tr:nth-of-type(n + 2) th {
	border-top: 1px solid #E6D6CE;
}
#sec_access figure {
	float: right;
	width: min(60%, 470px);
	margin-left: 5%;
}
#sec_access p.fw--b {
	margin: 4em 0 1em;
}
#sec_access .sec_info_btn {
	margin: 2em 60% 0 0;
	border-radius: .5em;
	font-size: 1.7em;
	width: min(40%, 300px);
}

.cta {
	font-size: 1.4em;
}
.cta p {
	padding: 1em 0 0;
	font-size: 1em;
	margin-bottom: .3em;
}
.cta br {
	display: none;
}
.cta img {
	margin-bottom: .2em;
}
.cta ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: .5em 10% 1.2em;
}
.cta li {
	width: 49%;
	margin: 0;
}
}

@media screen and (max-width : 767px) {
br.pc {display: none;}
header a.gf--sm,
header ul {
	display: none !important;
}
}

@media screen and (min-width : 768px) and (max-width : 900px) {
header a.gf--sm {
	font-size: 0;
	width: 50px;
	margin-right: 1%;
}
header a.gf--sm::before {
	width: 50px;
	height: 30px;
	margin: .8rem 0 0;
}
}

@media screen and (min-width: 960px) {
.gnav li a {
	border-left: 1px solid #FFF;
}
.gnav li:last-of-type a {
	border-right: 1px solid #FFF;
}

#sec_mv {
	background-size: 690px auto, cover;
	background-position: calc(50% + 300px) calc(0% + 2em), 100% 50%;
	padding: 2.5em 0;
	font-size: 1.3em;
}
#sec_mv h2,
#sec_mv .wrap {
	width: min(87.5%, 960px);
	margin: auto;
}
#sec_mv h2 span,
#sec_mv h2 strong,
#sec_mv .mvgp {
	margin-right: calc(100% - 570px);
}
#sec_mv .mvgp {
	font-size: 2.4em;
	width: auto;
}
#sec_mv .mvgp figure {
	width: 12.5%;
	margin-right: 10%;
}
#sec_mv .mvgp strong {
	margin-top: .1em;
}

#sec_rcmd::before {
	background-position: calc(50% + 450px) 0;
}

}