html {touch-action: manipulation;-webkit-appearance: none}
body {line-height: 1.4;color: #424242;font-family: YuGothic,"Yu Gothic",sans-serif}

a {color: #ff5330;text-decoration: none}
img {vertical-align: bottom;}
.mplus-b {font-family: 'M PLUS 1p',sans-serif;font-weight: 500}
* {box-sizing: border-box;font-family: YuGothic,"Yu Gothic",sans-serif}

/*****************************/
/********** pc mode **********/
/*****************************/
/* common */
a,input[type="button"],input[type="submit"],button {transition: 0.2s}
a:hover,input[type="button"]:hover,input[type="submit"]:hover,button:hover {opacity: 0.8!important;transition: 0.2s!important;cursor: pointer!important}
img {max-width: 100%}
.body__all {}

/*============================
header
============================*/
header {background: #0069d5;}
.header__inner {display: flex;justify-content: space-between;max-width: 1200px;margin: 0 auto;padding: 0.2em;}
.header__inner h1 {width: 38%;max-width: 200px;}
.header__inner a {}
.header__inner button{appearance:none;border:none;padding: unset;margin: unset;background:none;width: 38%;max-width: 100px;}
.header__inner button img {}
.header__inner img {vertical-align: bottom;}

/*============================
#fvarea
============================*/
#fvarea {background: url(/img/lp/haikei.png) top -110px center/2200px auto no-repeat white;padding-bottom: 4em;}
.hero {max-width: 1000px;margin: 0 auto;position: relative;height: 520px;z-index: 30;}
.herocatch {position: absolute;left: 0;width: 620px;bottom: 30px;}
.herocatch img:nth-child(2) {width: 100%;margin: 0.6em auto;display: block;}
.herocatch img {flex-shrink: 0;}
.heroimg {position: absolute;right: -20px;bottom: 0px;width: 360px;}

/*============================
#cta1.cta
============================*/
.cta {max-width: 1000px;margin: 0 auto;width: 100%;}
#cta1{}
#cta2{margin:3em auto}
.cta-bridge {max-width: 600px;margin: 0 auto;background: #ffffff;border: 2px solid;padding: 12px;border-radius: 16px;display: grid;grid-template-columns: 100%;justify-items: center;text-align: center;gap: 6px;position: relative;z-index: 20;box-shadow: 0 2px 4px #00000055;}
.cta-bridge-race {font-size: 22px;background: linear-gradient(to bottom,#ffdb1f,#f3ff42);box-shadow: 0px 2px 0px 2px #b9b800 inset;padding: 0.5em 2em;border-radius: 12px;font-weight: bold;}
.cta-bridge-race br+br {display: none;}
.cta-bridge-text {font-size: 28px;display: flex;align-items: center;}
.cta-bridge-text span {font-weight: bold;}
.cta-bridge-text img {height: 1em;}
.cta-bridge-arrow {border: 4px solid #0a541b;border-radius: 32px;background: #ffdb1f;padding: 0.8em 2em;position: relative;}
.cta-bridge-arrow:after {content: "";display: block;width: 80px;height: 30px;background: url(/img/lp/cta-bridge-arrow.png) center/100% 100% no-repeat;position: absolute;top: 100%;left: 0;right: 0;margin: auto;}
.cta-bridge-arrow p {color: #0d6621;font-weight: bold;line-height: 1.1;}
.cta-bridge-arrow p:nth-child(1) {font-size: 1.6em;line-height: 1.5;}
.cta-balloon {display: block;margin-bottom: -8%;}
.cta-body {max-width: 1000px;margin: -40px auto 0;background: #fffbe4;border: 1px solid;padding: 72px 20px 40px;border-radius: 16px;display: grid;grid-template-columns: 100%;gap: 1em;justify-items: center;position: relative;z-index: 10;}
.cta-body-text {display: grid;grid-template-columns: 100%;justify-items: center;gap: 0.6em;}
.cta-body-text span {font-weight: bold;}
.regist {display: flex;width: 100%;max-width: 500px;margin:0 auto;}
.regist input {border: 1px solid;color: #313131;flex-grow: 1;font-size: 24px;padding: 0 1em;}
.regist button {background: yellow;border: 1px solid;border-left: none;color: #313131;flex-grow: 0;padding: .4em 1em;font-size: 24px;font-weight: bold;}
.cta-body-sns {max-width: 500px;display: grid;grid-template-columns: 100%;gap: 12px;}

#yahoo__login {}
#google__login {}
.cta-body-step {}

.content-h2 {background: #0069d5;text-align: center;border-top: 8px solid #ffdb1f;font-size: 60px;padding: 0.6em 0 1em;clip-path: polygon(0 0,100% 0,100% 70%,50% 100%,0% 70%);line-height: 1;}
.content-h2 h2 {color: white;font-weight: bold;display: flex;justify-content: center;align-items: baseline;}
.content-h2 p {color: white;font-family: serif;}
.content-h2 h2 img {height: 1.4em;transform: translateY(0.1em);margin-right: 0.1em;}
.content-h2 h2 br {display: none;}
.content-h2 h2 span {color: #ffdb1f;}

/*============================
#reasons
============================*/
#zenkoku {background: url(/img/lp/haikei-zenkoku.png) center/cover;width: 100%;max-width: 1400px;margin: 0 auto;}
.zenkoku-content {padding: 24px 0;max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: 2em;}
.zenkoku-text {background: white;padding: 4em 2em;display: grid;grid-template-columns: 100%;justify-items: center;box-shadow: 0 4px 4px #00000044;position: relative;width: 50%;gap: 1em;}
.zenkoku-text:before {content: "";display: block;position: absolute;top: 0;left: 0;box-sizing: border-box;border: 1em solid transparent;border-top-color: #0069d5;border-left-color: #0069d5;}
.zenkoku-text h3 {max-width: 320px;}
.zenkoku-text p {font-size: 24px;font-weight: bold;}
.zenkoku-text hr {border-bottom: 0;border-top: 1px solid #0c6520;width: 100%;}
.zenkoku-map {width: 40%;box-shadow: 0 4px 4px #00000044;}

/*============================
#reasons
============================*/
#reasons {width: 100%;max-width: 1400px;margin: 0 auto;}
.reasons-body {max-width: 1200px;margin: 0 auto;padding: 4em 0;display: grid;grid-template-columns: 100%;gap: 4em;counter-reset: reasons-number;}
.reasons-item {background: #fffbe4;display: flex;padding: 3em;position: relative;justify-content: space-between;}
.reasons-text {counter-increment: reasons-number;display: flex;flex-grow: 0;width: 49%;}
.reasons-text:before {content: counter(reasons-number);font-size: 4em;font-weight: bold;line-height: 1;margin-right: .2em;font-family: monospace;}
.reasons-text-right{
}
.reasons-text-h3 {margin-bottom: 1em;}
.reasons-text-h3 h3 {font-size: 3em;font-weight: bold;line-height: 1.1em;display: inline-block;}
.reasons-text-h3 h3 span {background: linear-gradient(to bottom,transparent 80%,#ffdb1f 80%);display: inline-block;line-height: 1;}
.reasons-text-right p{font-size: 1.5em;font-weight: bold;}

.reasons-text-right p br {
    /* display: none; */
}
.reasons-text-right p span {background: #0069d5;padding: 0 0.4em;color: white;}
.reasons-img {position: relative;width: 46%;right: -2em;}
.reasons-photo {width: 100%;}
.reasons-sp {position: absolute;top: -6%;left: -12%;}


/* 20241106追記 */
.reasons-sp{max-width:25%;}
.reasons-sp-2{max-width:25%;}
.reasons-sp-2 {position: absolute;top: -6%;left: 20%;}
.reasons-item:nth-child(even) .reasons-sp-2 {left: unset;right: -12%;}
.reasons-item:nth-child(even){flex-direction:row-reverse;}
.reasons-item:nth-child(even) .reasons-img{right: unset;left: -2em;}
.reasons-item:nth-child(even) .reasons-sp {left: unset;right: -12%;}


/*============================
#qanda
============================*/
#qanda {width: 100%;max-width: 1400px;margin: 0 auto;}
.qanda-body {max-width: 1100px;margin: -4em auto 0;background: #ebebeb;padding: 8em 3em;display: grid;grid-template-columns: 100%;gap: 2em;}
.qanda-item {background: white;border-radius: 1em;padding: 1em;font-size: 1.5em;}
.qanda-q {display: flex;gap: 2em;align-items: center;}
.qanda-q:before {content: "Q";font-family: selif;font-size: 1.5em;}
.qanda-q:after{content:"";width:1.4em;height:1.2em;background:url(/img/lp/sankaku2.png) center/100% 100% no-repeat;margin-left:auto;cursor:pointer;transition:.2s;}
.qanda-q.active:after{transform:rotateZ(180deg);}
.qanda-text {font-weight: bold;}
.qanda-a {display: flex;gap: 2em;border-top: 1px solid;padding-top: 1em;margin-top: 1em;}
.qanda-a:before {content: "A";font-family: selif;font-size: 1.5em;transform: translateY(-10%);}

/*============================
footer
============================*/
.lp-footer {font-size: 14px;min-width: 1000px}
.lp-footer-menu {background: #f4d002;text-align: center;padding: 8px 0}
.lp-footer-menu a {color: #0069d5;margin: 0 16px;font-weight: bold}
.lp-footer-copy {background: #0069d5;color: #fff;text-align: center;padding: 8px 0}
.lp-footer-copy a {color: #fff}

/*============================
lp-subpage
============================*/
.lp__all {background-image: url(/img/bgpattern.jpg);background-size: 256px;}
.lp-subpage-all {}
.lp-subpage-inner {max-width: 1000px;margin: 32px auto;}











/*****************************/
/********** SP mode **********/
/*****************************/
@media (max-width: 720px) {

/* common */
a,input[type="button"],input[type="submit"] {transition:0.2s}
a:hover,input[type="button"]:hover,input[type="submit"]:hover {opacity: 1 !important}
img {max-width: 100%}
.body__all {gap: 8vw;}


/*============================
#fvarea
============================*/
#fvarea {background-position: top -8% right 50%;background-size: 200%;}
.hero {height: 60vw;}
.herocatch {width: 66%;left: 2%;bottom: unset;top: 50%;transform: translateY(-50%);}
.heroimg {width: 30%;bottom: -5%;right: 1%;}

/*============================
#cta1.cta
============================*/
.cta {width: 94%;}
.cta-bridge {padding: 2vw;width: 96%;}
.cta-bridge-race {font-size: 4vw;width: 100%;padding: .5em;}
.cta-bridge-text {font-size: 5vw;}
.cta-bridge-text span {white-space: nowrap;}
.cta-bridge-text img {position: relative;top: -0.1em;}
.cta-bridge-arrow {padding: 2vw;font-size: 2.8vw;border-radius: 6vw;width: 100%;}
.cta-bridge-arrow:after {width: 16vw;height: 8vw;}
.cta-body {padding: 8vw 4vw;margin-top: -4vw;gap: 4vw;}
.cta-body-text {width: 80%;gap: .2em;}
.cta-body-text span {font-size: 4vw;}
.regist input {width: 100%;font-size: 16px;padding: 0.5em;}
.regist button {flex-shrink: 0;font-size: 4vw;padding: .5em 1em;}
.cta-body-sns {gap: 2vw;}
.cta-body-step {margin-left: 2%;width: 102%;}


.content-h2 {font-size: 8vw;line-height: 1.25;}
.content-h2 h2 {display: block;}
.content-h2 h2 br {display: unset;}
.zenkoku-content {flex-direction: column;}
.zenkoku-text {width: 88%;gap: 2vw;padding: 6vw;}
.zenkoku-text h3 {width: 80%;}
.zenkoku-text p {font-size: 12px;}
.zenkoku-map {width: 60%;}

/*============================
#reasons
============================*/

.reasons-body {width: 94%;padding: 6vw 0 0;gap: 4vw;}
.reasons-item {flex-direction: column;padding: 6vw 4vw;gap: 4vw;border: 1px solid #efeacb;}
.reasons-text {width: 100%;}
.reasons-text:before {font-size: 12vw;margin-right: .1em;margin-left: -0.15em;}
.reasons-text-h3 {margin-bottom: 4vw;}
.reasons-text-h3 h3 {font-size: 5.5vw;text-align: unset;text-align-last: unset;}
.reasons-text-h3 h3>br {display: none;}
.reasons-text-h3 h3 span {display: unset;}
.reasons-text-right p {font-size: 13px;}
.reasons-text-right p>br {display: none;}
.reasons-img {width: 100%;right: 0;}
.reasons-sp {width: auto;height: 78%;left: -4%;top: -4%;}

/* 20241106追記 */
.reasons-sp{max-width:100%;}
.reasons-sp-2{max-width:100%;}
.reasons-sp-2{width: auto;height: 78%;left: 20%;top: -4%;}
.reasons-item:nth-child(even) .reasons-sp-2 {right: -4%;}
.reasons-item:nth-child(even) {flex-direction: column;}
.reasons-item:nth-child(even) .reasons-img {left: unset;right: 0;}
.reasons-item:nth-child(even) .reasons-sp {right: -4%;}

/*============================
#qanda
============================*/
.qanda-body {margin: -12vw 0 0;padding: 16vw 4vw 8vw;gap: 4vw;}
.qanda-item {padding: 4vw;font-size: 14px;}
.qanda-q {gap: 2vw;}
.qanda-text {display: grid;gap: 1em;grid-template-columns: 100%;}
.qanda-a {gap: 2vw;font-size: 12px;margin-top: 4vw;padding-top: 4vw;}
.qanda-a:before {transform: unset;}

/*============================
footer
============================*/
.lp-footer {
    min-width: unset;
}
.lp-footer-menu {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.lp-footer-menu a {}
.lp-footer-copy {}
.lp-footer-copy a {}

}

/*****************************/
/*** Keyframes(AGAINST IE) ***/
/*****************************/