@charset "UTF-8";
/*--------------------
    import
--------------------*/
/*--------------------
    mixin
--------------------*/
/*--------------------
    mixin_pc, mixin_sp
--------------------*/
/*--------------------
    width
--------------------*/
/*--------------------
    img size
--------------------*/
/*--------------------
    padding-top
--------------------*/
/*--------------------
    padding-bottom
--------------------*/
/*--------------------
    変数
--------------------*/
/*--------------------
    LP
--------------------*/
#lpPage {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#lpPage h2 {
  font-size: 35px;
  font-weight: bold;
  text-align: center;
}
#lpPage h2 span {
  color: #B60016;
}
@media (max-width: 680px) {
  #lpPage h2 {
    font-size: 25px;
  }
}
#lpPage #fixedBtn {
  position: fixed;
  top: 15%;
  right: 0;
  bottom: 0;
  z-index: 999;
}
@media (max-width: 680px) {
  #lpPage #fixedBtn {
    top: 3%;
  }
}
#lpPage #fixedBtn .fbtn_top, #lpPage #fixedBtn .fbtn_bot {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  width: 122px;
}
@media (max-width: 1280px) {
  #lpPage #fixedBtn .fbtn_top, #lpPage #fixedBtn .fbtn_bot {
    width: calc(122/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #fixedBtn .fbtn_top, #lpPage #fixedBtn .fbtn_bot {
    width: calc(122/680*100vw);
  }
}
#lpPage #fixedBtn .fbtn_top img, #lpPage #fixedBtn .fbtn_bot img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#lpPage #fixedBtn .fbtn_top:hover, #lpPage #fixedBtn .fbtn_bot:hover {
  cursor: pointer;
  opacity: 0.7;
}
#lpPage #fixedBtn .fbtn_bot {
  padding-top: 20px;
}
#lpPage #fv {
  position: relative;
}
#lpPage #fv h1 {
  height: 900px;
}
@media (max-width: 1280px) {
  #lpPage #fv h1 {
    height: 100%;
  }
}
#lpPage #fv h1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#lpPage #fv .fv_btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15%;
  margin: auto;
  display: flex;
  justify-content: center;
  gap: 20px;
}
#lpPage #fv .fv_btn .business_btn, #lpPage #fv .fv_btn .user_btn {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  padding: 15px 0;
  font-size: 15px;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 30px;
}
@media (max-width: 680px) {
  #lpPage #fv .fv_btn .business_btn, #lpPage #fv .fv_btn .user_btn {
    width: calc(240/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #fv .fv_btn .business_btn, #lpPage #fv .fv_btn .user_btn {
    padding: 10px 0;
    font-size: 14px;
  }
}
#lpPage #fv .fv_btn .business_btn:hover, #lpPage #fv .fv_btn .user_btn:hover {
  cursor: pointer;
  opacity: 0.7;
}
#lpPage #fv .fv_btn .business_btn {
  background: #FF9C50;
}
#lpPage #fv .fv_btn .user_btn {
  background: #5694FF;
}
#lpPage .fv_menu {
  background: #000;
}
#lpPage .fv_menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  padding: 40px 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 680px) {
  #lpPage .fv_menu ul {
    gap: 20px;
    font-size: 14px;
  }
}
#lpPage #about {
  position: relative;
  padding-top: 60px;
  padding-bottom: 220px;
  text-align: center;
}
@media (max-width: 1280px) {
  #lpPage #about {
    padding-top: calc(60/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #about {
    padding-top: calc(60/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #about {
    padding-bottom: calc(280/680*100vw);
  }
}
#lpPage #about .about_obj {
  position: absolute;
  left: 100px;
  bottom: 0;
  z-index: -1;
  width: 295px;
}
@media (max-width: 1280px) {
  #lpPage #about .about_obj {
    width: calc(295/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #about .about_obj {
    width: calc(295/680*100vw);
  }
}
#lpPage #about .about_obj img {
  width: 100%;
}
#lpPage #about .about_img01 {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: -1;
  width: 194px;
}
@media (max-width: 1280px) {
  #lpPage #about .about_img01 {
    width: calc(194/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #about .about_img01 {
    width: calc(194/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #about .about_img01 {
    display: none;
  }
}
#lpPage #about .about_img01 img {
  width: 100%;
}
#lpPage #about .about_img02 {
  position: absolute;
  left: 20px;
  bottom: 0;
  z-index: -1;
  width: 332px;
}
@media (max-width: 1280px) {
  #lpPage #about .about_img02 {
    width: calc(332/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #about .about_img02 {
    width: calc(332/680*100vw);
  }
}
#lpPage #about .about_img02 img {
  width: 100%;
}
#lpPage #about .about_img03 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 332px;
}
@media (max-width: 1280px) {
  #lpPage #about .about_img03 {
    width: calc(332/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #about .about_img03 {
    width: calc(332/680*100vw);
  }
}
#lpPage #about .about_img03 img {
  width: 100%;
}
#lpPage #about p {
  padding-top: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.2em;
}
@media (max-width: 1280px) {
  #lpPage #about p {
    padding-top: calc(30/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #about p {
    padding-top: calc(30/680*100vw);
  }
}
#lpPage #about p span {
  background: linear-gradient(transparent 20%, #9BF1FF 80%);
}
@media (max-width: 680px) {
  #lpPage #about p {
    font-size: 14px;
    line-height: 1.6;
  }
}
#lpPage #feature {
  position: relative;
  padding-top: 20px;
  padding-bottom: 150px;
}
@media (max-width: 1280px) {
  #lpPage #feature {
    padding-top: calc(20/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature {
    padding-top: calc(20/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #feature {
    padding-bottom: calc(150/1280*100vw);
  }
}
#lpPage #feature .feature_img {
  position: absolute;
  left: 700px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 487px;
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_img {
    left: calc(700/1280*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_img {
    width: calc(487/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_img {
    width: 40%;
  }
}
#lpPage #feature .feature_img img {
  width: 100%;
}
#lpPage #feature .feature_title {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 487px;
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_title {
    width: calc(487/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_title {
    width: calc(487/680*100vw);
  }
}
#lpPage #feature h2 {
  padding-top: 10px;
  text-align: center;
}
#lpPage #feature .feature_inner {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 30px;
  padding-top: 70px;
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_inner {
    padding-top: calc(70/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner {
    padding-top: calc(70/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner {
    gap: 15px;
  }
}
#lpPage #feature .feature_inner .feature_obj {
  position: absolute;
  width: 125px;
  top: 0;
  left: 1100px;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_inner .feature_obj {
    width: calc(125/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner .feature_obj {
    width: calc(125/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_inner .feature_obj {
    left: calc(1100/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner .feature_obj {
    display: none;
  }
}
#lpPage #feature .feature_inner .feature_obj img {
  width: 100%;
}
#lpPage #feature .feature_inner .fi_left, #lpPage #feature .feature_inner .fi_right {
  width: 480px;
  padding: 40px;
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_inner .fi_left, #lpPage #feature .feature_inner .fi_right {
    width: calc(480/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner .fi_left, #lpPage #feature .feature_inner .fi_right {
    width: 45%;
    padding: 40px 30px;
  }
}
#lpPage #feature .feature_inner .fi_left h3, #lpPage #feature .feature_inner .fi_right h3 {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 197px;
  margin: 0 auto;
  padding: 14px 0;
  font-size: 20px;
  color: #fff;
  border-radius: 27px;
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_inner .fi_left h3, #lpPage #feature .feature_inner .fi_right h3 {
    width: calc(197/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner .fi_left h3, #lpPage #feature .feature_inner .fi_right h3 {
    width: calc(197/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner .fi_left h3, #lpPage #feature .feature_inner .fi_right h3 {
    padding: 10px 0;
    font-size: 16px;
  }
}
#lpPage #feature .feature_inner .fi_left ul, #lpPage #feature .feature_inner .fi_right ul {
  padding-top: 40px;
}
@media (max-width: 1280px) {
  #lpPage #feature .feature_inner .fi_left ul, #lpPage #feature .feature_inner .fi_right ul {
    padding-top: calc(40/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner .fi_left ul, #lpPage #feature .feature_inner .fi_right ul {
    padding-top: calc(40/680*100vw);
  }
}
#lpPage #feature .feature_inner .fi_left ul li, #lpPage #feature .feature_inner .fi_right ul li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  font-size: 20px;
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner .fi_left ul li, #lpPage #feature .feature_inner .fi_right ul li {
    font-size: 14px;
    gap: 10px;
  }
}
#lpPage #feature .feature_inner .fi_left ul li span, #lpPage #feature .feature_inner .fi_right ul li span {
  font-size: 60px;
}
@media (max-width: 680px) {
  #lpPage #feature .feature_inner .fi_left ul li span, #lpPage #feature .feature_inner .fi_right ul li span {
    font-size: 30px;
  }
}
#lpPage #feature .feature_inner .fi_left ul li:after, #lpPage #feature .feature_inner .fi_right ul li:after {
  position: absolute;
  content: "";
  display: block;
  bottom: -10px;
  width: 100%;
  opacity: 0.3;
}
#lpPage #feature .feature_inner .fi_left ul li:not(:first-child), #lpPage #feature .feature_inner .fi_right ul li:not(:first-child) {
  padding-top: 20px;
}
#lpPage #feature .feature_inner .fi_left {
  border: 5px solid #FF9C50;
  border-radius: 30px 0 0 0;
}
#lpPage #feature .feature_inner .fi_left h3 {
  background: #FF9C50;
}
#lpPage #feature .feature_inner .fi_left ul li:after {
  border-bottom: 7px solid #FF9C50;
}
#lpPage #feature .feature_inner .fi_right {
  height: 100%;
  border: 5px solid #5694FF;
  border-radius: 0 30px 0 0;
}
#lpPage #feature .feature_inner .fi_right h3 {
  background: #5694FF;
}
#lpPage #feature .feature_inner .fi_right ul li:after {
  border-bottom: 7px solid #5694FF;
}
#lpPage #info {
  position: relative;
  margin: 40px auto 0;
  background: #FF9C50;
  padding-top: 90px;
  padding-bottom: 130px;
}
@media (max-width: 1280px) {
  #lpPage #info {
    padding-top: calc(90/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info {
    padding-top: calc(90/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #info {
    padding-bottom: calc(130/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info {
    padding-bottom: calc(130/680*100vw);
  }
}
#lpPage #info .info_obj {
  position: absolute;
  top: -110px;
  left: 0;
  right: 500px;
  margin: auto;
  width: 297px;
}
@media (max-width: 1280px) {
  #lpPage #info .info_obj {
    width: calc(297/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info .info_obj {
    width: calc(297/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #info .info_obj {
    top: calc(-110/1280*100vw);
    right: calc(500/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info .info_obj {
    display: none;
  }
}
#lpPage #info .info_obj img {
  width: 100%;
}
#lpPage #info .info_title {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 30px;
  width: 536px;
}
@media (max-width: 1280px) {
  #lpPage #info .info_title {
    padding-bottom: calc(30/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info .info_title {
    padding-bottom: calc(30/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #info .info_title {
    width: calc(536/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info .info_title {
    width: calc(536/680*100vw);
  }
}
#lpPage #info .info_title img {
  width: 100%;
}
#lpPage #info h2 {
  font-size: 35px;
  font-weight: bold;
}
@media (max-width: 1280px) {
  #lpPage #info h2 {
    font-size: calc(35/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info h2 {
    font-size: 25px;
  }
}
#lpPage #info ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 777px;
  margin: 0 auto;
  padding-top: 100px;
}
@media (max-width: 1280px) {
  #lpPage #info ul {
    padding-top: calc(100/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info ul {
    padding-top: calc(100/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #info ul {
    width: calc(777/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info ul {
    width: 80%;
  }
}
#lpPage #info ul:after {
  content: "";
  display: block;
  width: 248px;
}
@media (max-width: 1280px) {
  #lpPage #info ul:after {
    width: calc(248/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info ul:after {
    width: calc(248/680*100vw);
  }
}
#lpPage #info ul li {
  width: 248px;
}
@media (max-width: 1280px) {
  #lpPage #info ul li {
    width: calc(248/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #info ul li {
    width: calc(248/680*100vw);
  }
}
#lpPage #info ul li img {
  width: 100%;
}
#lpPage .info_banner {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding-top: 135px;
  width: 1280px;
}
@media (max-width: 1280px) {
  #lpPage .info_banner {
    padding-top: calc(135/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage .info_banner {
    padding-top: calc(135/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage .info_banner {
    width: calc(1280/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage .info_banner {
    width: calc(680/680*100vw);
  }
}
#lpPage .info_banner img {
  width: 100%;
}
#lpPage #voice {
  padding-top: 170px;
}
@media (max-width: 1280px) {
  #lpPage #voice {
    padding-top: calc(170/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #voice {
    padding-top: calc(170/680*100vw);
  }
}
#lpPage #voice .voice_title {
  position: relative;
}
#lpPage #voice .voice_title .voice_obj {
  position: absolute;
  left: 450px;
  right: 0;
  bottom: 10px;
  margin: auto;
  width: 203px;
}
@media (max-width: 680px) {
  #lpPage #voice .voice_title .voice_obj {
    left: calc(450/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #voice .voice_title .voice_obj {
    width: calc(203/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #voice .voice_title .voice_obj {
    width: calc(203/680*100vw);
  }
}
#lpPage #voice .voice_title .voice_obj img {
  width: 100%;
}
#lpPage #voice .voice_frame {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding-top: 50px;
  width: 1072px;
}
@media (max-width: 1280px) {
  #lpPage #voice .voice_frame {
    padding-top: calc(50/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #voice .voice_frame {
    padding-top: calc(50/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #voice .voice_frame {
    width: calc(1072/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #voice .voice_frame {
    width: 80%;
  }
}
#lpPage #voice .voice_frame img {
  width: 100%;
}
#lpPage #application {
  position: relative;
  padding-top: 90px;
}
#lpPage #application .app_obj {
  position: absolute;
  top: 0;
  left: 0;
  right: 800px;
  margin: auto;
  width: 321px;
}
@media (max-width: 1280px) {
  #lpPage #application .app_obj {
    width: calc(321/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #application .app_obj {
    width: calc(321/680*100vw);
  }
}
#lpPage #application .app_obj img {
  width: 100%;
}
#lpPage #application .app_inner {
  padding: 70px 0;
  background: #FFF8F6;
}
#lpPage #application .app_img {
  display: flex;
  justify-content: center;
  width: 944px;
  margin: 0 auto;
  padding-top: 50px;
}
@media (max-width: 1280px) {
  #lpPage #application .app_img {
    width: calc(944/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #application .app_img {
    width: 80%;
  }
}
#lpPage #application .app_img img {
  width: 100%;
}
#lpPage #application .app_txt01 {
  padding-top: 20px;
  font-size: 15px;
  text-align: center;
}
#lpPage #application .app_txt01 a {
  color: #5694FF;
}
#lpPage #application .app_txt01 a:hover {
  cursor: pointer;
  opacity: 0.7;
}
#lpPage #application .app_btn {
  padding-top: 60px;
}
@media (max-width: 1280px) {
  #lpPage #application .app_btn {
    padding-top: calc(60/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #application .app_btn {
    padding-top: calc(60/680*100vw);
  }
}
#lpPage #application .app_btn h3 {
  font-size: 30px;
  text-align: center;
}
#lpPage #application .app_btn .app_btn_inner {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-top: 25px;
}
@media (max-width: 1280px) {
  #lpPage #application .app_btn .app_btn_inner {
    padding-top: calc(25/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #application .app_btn .app_btn_inner {
    padding-top: calc(25/680*100vw);
  }
}
#lpPage #application .app_btn .app_btn_inner .business_btn, #lpPage #application .app_btn .app_btn_inner .user_btn {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  padding: 15px 0;
  font-size: 15px;
  color: #fff;
  border-radius: 30px;
}
@media (max-width: 680px) {
  #lpPage #application .app_btn .app_btn_inner .business_btn, #lpPage #application .app_btn .app_btn_inner .user_btn {
    width: calc(240/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #application .app_btn .app_btn_inner .business_btn, #lpPage #application .app_btn .app_btn_inner .user_btn {
    padding: 10px 0;
    font-size: 14px;
  }
}
#lpPage #application .app_btn .app_btn_inner .business_btn:hover, #lpPage #application .app_btn .app_btn_inner .user_btn:hover {
  cursor: pointer;
  opacity: 0.7;
}
#lpPage #application .app_btn .app_btn_inner .business_btn {
  background: #FF9C50;
}
#lpPage #application .app_btn .app_btn_inner .user_btn {
  background: #5694FF;
}
#lpPage #thought {
  padding-top: 100px;
  padding-bottom: 130px;
}
@media (max-width: 1280px) {
  #lpPage #thought {
    padding-top: calc(100/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #thought {
    padding-top: calc(100/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #thought {
    padding-bottom: calc(130/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #thought {
    padding-bottom: calc(130/680*100vw);
  }
}
#lpPage #thought .thought_title {
  position: relative;
}
#lpPage #thought .thought_title .thought_obj {
  position: absolute;
  left: 470px;
  right: 0;
  bottom: 20px;
  margin: auto;
  width: 185px;
}
@media (max-width: 680px) {
  #lpPage #thought .thought_title .thought_obj {
    left: calc(470/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #thought .thought_title .thought_obj {
    width: calc(185/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #thought .thought_title .thought_obj {
    width: calc(185/680*100vw);
  }
}
#lpPage #thought .thought_title .thought_obj img {
  width: 100%;
}
#lpPage #thought .thought_img {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 647px;
  padding-top: 50px;
}
@media (max-width: 1280px) {
  #lpPage #thought .thought_img {
    width: calc(647/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #thought .thought_img {
    width: calc(647/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #thought .thought_img {
    padding-top: calc(50/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #thought .thought_img {
    padding-top: calc(50/680*100vw);
  }
}
#lpPage #thought .thought_img img {
  width: 100%;
}
#lpPage #plan {
  position: relative;
  padding-top: 60px;
  padding-bottom: 90px;
  background: #F9F9F9;
}
@media (max-width: 1280px) {
  #lpPage #plan {
    padding-top: calc(60/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #plan {
    padding-top: calc(60/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #plan {
    padding-bottom: calc(90/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #plan {
    padding-bottom: calc(90/680*100vw);
  }
}
#lpPage #plan .plan_obj {
  position: absolute;
  top: -100px;
  left: 0;
  right: 100px;
  margin: auto;
  width: 57px;
}
@media (max-width: 1280px) {
  #lpPage #plan .plan_obj {
    top: calc(-100/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #plan .plan_obj {
    top: calc(-100/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #plan .plan_obj {
    width: calc(57/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #plan .plan_obj {
    width: calc(57/680*100vw);
  }
}
#lpPage #plan .plan_obj img {
  width: 100%;
}
#lpPage #plan .plan_img {
  margin: 0 auto;
  padding-top: 40px;
  width: 970px;
}
@media (max-width: 1280px) {
  #lpPage #plan .plan_img {
    width: calc(970/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #plan .plan_img {
    width: 90%;
  }
}
#lpPage #plan .plan_img img {
  width: 100%;
}
#lpPage #guide {
  position: relative;
  padding-top: 160px;
}
@media (max-width: 1280px) {
  #lpPage #guide {
    padding-top: calc(160/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #guide {
    padding-top: calc(160/680*100vw);
  }
}
#lpPage #guide .guide_obj {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
  width: 346px;
}
@media (max-width: 1280px) {
  #lpPage #guide .guide_obj {
    top: calc(-40/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #guide .guide_obj {
    top: calc(-40/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #guide .guide_obj {
    width: calc(346/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #guide .guide_obj {
    width: calc(346/680*100vw);
  }
}
#lpPage #guide .guide_obj img {
  width: 100%;
}
#lpPage #guide h2 {
  padding-bottom: 50px;
}
@media (max-width: 1280px) {
  #lpPage #guide h2 {
    padding-bottom: calc(50/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #guide h2 {
    padding-bottom: calc(50/680*100vw);
  }
}
#lpPage #guide .guide_img {
  position: relative;
  height: 208px;
  margin: 0 auto;
  width: 1280px;
}
@media (max-width: 1280px) {
  #lpPage #guide .guide_img {
    width: 100%;
  }
  #lpPage #guide .guide_img img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#lpPage #guide .guide_img img {
  width: 100%;
  height: 100%;
}
#lpPage #guide .guide_img .guide_btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 48px;
  margin: auto;
  display: flex;
  justify-content: center;
  gap: 10px;
}
#lpPage #guide .guide_img .guide_btn .guide_btn01, #lpPage #guide .guide_img .guide_btn .guide_btn02 {
  cursor: pointer;
  opacity: 0.7;
}
#lpPage #guide .guide_img .guide_btn .guide_btn01 img, #lpPage #guide .guide_img .guide_btn .guide_btn02 img {
  width: 100%;
}
#lpPage #question {
  padding-top: 30px;
}
@media (max-width: 1280px) {
  #lpPage #question {
    padding-top: calc(30/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #question {
    padding-top: calc(30/680*100vw);
  }
}
#lpPage #question .question_obj {
  padding-left: 300px;
}
@media (max-width: 680px) {
  #lpPage #question .question_obj {
    padding-left: calc(300/680*100vw);
  }
}
#lpPage #question .question_obj .question_obj_inner {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 284px;
}
@media (max-width: 1280px) {
  #lpPage #question .question_obj .question_obj_inner {
    width: calc(284/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #question .question_obj .question_obj_inner {
    width: calc(284/680*100vw);
  }
}
#lpPage #question .question_obj img {
  width: 100%;
}
#lpPage #question h2 {
  padding-top: 10px;
}
@media (max-width: 1280px) {
  #lpPage #question h2 {
    padding-top: calc(10/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #question h2 {
    padding-top: calc(10/680*100vw);
  }
}
#lpPage #question .question_btn {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-top: 50px;
}
@media (max-width: 1280px) {
  #lpPage #question .question_btn {
    padding-top: calc(50/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #question .question_btn {
    padding-top: calc(50/680*100vw);
  }
}
#lpPage #question .question_btn .business_btn, #lpPage #question .question_btn .user_btn {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  padding: 15px 0;
  font-size: 15px;
  border-radius: 30px;
}
@media (max-width: 680px) {
  #lpPage #question .question_btn .business_btn, #lpPage #question .question_btn .user_btn {
    width: calc(240/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #question .question_btn .business_btn, #lpPage #question .question_btn .user_btn {
    padding: 10px 0;
    font-size: 14px;
  }
}
#lpPage #question .question_btn .business_btn:hover, #lpPage #question .question_btn .user_btn:hover {
  cursor: pointer;
  opacity: 0.7;
}
#lpPage #question .question_btn .business_btn {
  color: #FF9C50;
  border: 3px solid #FF9C50;
  background: #fff;
}
#lpPage #question .question_btn .user_btn {
  color: #fff;
  background: #5694FF;
}
#lpPage #question .q_and_a {
  padding-top: 60px;
}
@media (max-width: 1280px) {
  #lpPage #question .q_and_a {
    padding-top: calc(60/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #question .q_and_a {
    padding-top: calc(60/680*100vw);
  }
}
#lpPage #question .q_and_a h3 {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 2px 0 #DEBF6D;
}
#lpPage #question .q_and_a ul {
  margin: 0 auto;
  width: 1000px;
}
@media (max-width: 1280px) {
  #lpPage #question .q_and_a ul {
    width: calc(1000/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #question .q_and_a ul {
    width: 90%;
  }
}
#lpPage #question .q_and_a ul li {
  padding-top: 30px;
}
@media (max-width: 1280px) {
  #lpPage #question .q_and_a ul li {
    padding-top: calc(30/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #question .q_and_a ul li {
    padding-top: calc(30/680*100vw);
  }
}
#lpPage #question .q_and_a ul li div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  height: 70px;
}
@media (max-width: 680px) {
  #lpPage #question .q_and_a ul li div {
    height: auto;
  }
}
#lpPage #question .q_and_a ul li div img {
  height: 100%;
}
#lpPage #question .q_and_a ul li div a {
  color: #5694FF;
}
#lpPage #question .q_and_a ul li div a:hover {
  cursor: pointer;
  opacity: 0.7;
}
#lpPage #question .q_and_a ul li div:nth-child(1) {
  font-size: 16px;
  font-weight: bold;
  background: #F8F8F8;
}
#lpPage #question .q_and_a ul li div:nth-child(2) {
  font-size: 14px;
}
@media (max-width: 680px) {
  #lpPage #question .q_and_a ul li div:nth-child(2) {
    font-size: 12px;
  }
}
#lpPage #account {
  position: relative;
  padding-top: 100px;
  padding-bottom: 200px;
  width: 1280px;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  #lpPage #account {
    padding-top: calc(100/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account {
    padding-top: calc(100/680*100vw);
  }
}
@media (max-width: 1280px) {
  #lpPage #account {
    width: calc(1280/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account {
    width: calc(680/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account {
    padding-bottom: 300px;
  }
}
@media (max-width: 680px) and (max-width: 1280px) {
  #lpPage #account {
    padding-bottom: calc(300/1280*100vw);
  }
}
@media (max-width: 680px) and (max-width: 680px) {
  #lpPage #account {
    padding-bottom: calc(300/680*100vw);
  }
}
#lpPage #account .account_obj01 {
  position: absolute;
  top: 20px;
  left: 0;
  right: 900px;
  margin: auto;
  width: 216px;
}
@media (max-width: 1280px) {
  #lpPage #account .account_obj01 {
    width: calc(216/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account .account_obj01 {
    width: calc(216/680*100vw);
  }
}
#lpPage #account .account_obj01 img {
  width: 100%;
}
@media (max-width: 1280px) {
  #lpPage #account .account_obj01 {
    left: 20px;
  }
}
@media (max-width: 680px) {
  #lpPage #account .account_obj01 {
    display: none;
  }
}
#lpPage #account .account_img01 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 268px;
}
@media (max-width: 1280px) {
  #lpPage #account .account_img01 {
    width: calc(268/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account .account_img01 {
    width: calc(268/680*100vw);
  }
}
#lpPage #account .account_img01 img {
  width: 100%;
}
#lpPage #account .account_img02 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 328px;
}
@media (max-width: 1280px) {
  #lpPage #account .account_img02 {
    width: calc(328/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account .account_img02 {
    width: calc(328/680*100vw);
  }
}
#lpPage #account .account_img02 img {
  width: 100%;
}
#lpPage #account .account_title {
  position: relative;
}
#lpPage #account .account_title .account_obj02 {
  position: absolute;
  top: -40px;
  left: 500px;
  right: 0;
  margin: auto;
  width: 45px;
  width: 45px;
}
@media (max-width: 680px) {
  #lpPage #account .account_title .account_obj02 {
    width: calc(45/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account .account_title .account_obj02 {
    left: 350px;
    right: 20px;
  }
}
#lpPage #account .account_title .account_obj02 img {
  width: 100%;
}
#lpPage #account .account_btn {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-top: 50px;
}
@media (max-width: 1280px) {
  #lpPage #account .account_btn {
    padding-top: calc(50/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account .account_btn {
    padding-top: calc(50/680*100vw);
  }
}
#lpPage #account .account_btn .business_btn, #lpPage #account .account_btn .user_btn {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  padding: 15px 0;
  font-size: 15px;
  color: #fff;
  border-radius: 30px;
}
@media (max-width: 680px) {
  #lpPage #account .account_btn .business_btn, #lpPage #account .account_btn .user_btn {
    width: calc(240/680*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #account .account_btn .business_btn, #lpPage #account .account_btn .user_btn {
    padding: 10px 0;
    font-size: 14px;
  }
}
#lpPage #account .account_btn .business_btn:hover, #lpPage #account .account_btn .user_btn:hover {
  cursor: pointer;
  opacity: 0.7;
}
#lpPage #account .account_btn .business_btn {
  background: #FF9C50;
}
#lpPage #account .account_btn .user_btn {
  background: #5694FF;
}
#lpPage #footer {
  padding-top: 70px;
}
@media (max-width: 1280px) {
  #lpPage #footer {
    padding-top: calc(70/1280*100vw);
  }
}
@media (max-width: 680px) {
  #lpPage #footer {
    padding-top: calc(70/680*100vw);
  }
}
#lpPage #footer .footer_inner {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  height: 84px;
  font-size: 14px;
  color: #fff;
  background: #000;
}