@charset "UTF-8";
/* -- foundation -- */
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@700&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
@keyframes fadeUpAnime {
  0% {
    opacity: 1;
    transform: translateY(5px); }
  50% {
    opacity: 1;
    transform: translateY(-5px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeUpAnimespace {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(8px); }
  100% {
    transform: translateX(0); } }
/* ------------------------------ */
/* -- Function -- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  max-width: 100%;
  height: auto; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/*-----------------------------------------------------------
font
-------------------------------------------------------------*/
/*-----------------------------------------------------------
reset
-------------------------------------------------------------*/
html, body {
  min-height: 100vh; }

body, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, p, img {
  margin: 0;
  padding: 0; }

a {
  outline: 0; }
a img {
  transition: .3s all; }

@media screen and (min-width: 768px) {
  a:hover {
    text-decoration: none; }

  a img:hover {
    opacity: .7; } }
ul, ol {
  list-style-type: none; }

/*-----------------------------------------------------------
layout
-------------------------------------------------------------*/
*, *:before, *:after {
  box-sizing: border-box; }

html {
  position: relative;
  min-height: 100%;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  word-break: break-all; }

body {
  width: 100%;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  line-height: 1.5;
  letter-spacing: 0;
  color: #414141;
  opacity: 0;
  animation: fade .6s ease-in-out .2s 1 normal forwards;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-size: 1.6rem; }
@media only screen and (max-width: 1290px) {
  body {
    font-size: 1.3vw; } }
body.open {
  position: fixed; }
@media only screen and (max-width: 768px) {
  body {
    font-size: 3.5vw; } }
@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
a {
  text-decoration: none;
  transition: .3s all;
  color: #555; }
a:hover {
  text-decoration: underline;
  color: #006EE7; }
a:hover img {
  opacity: .7; }

strong {
  font-weight: bold; }

.pc {
  display: block !important; }

.sp {
  display: none !important; }

.anchor {
  margin-top: -52px;
  padding-top: 52px; }

@media only screen and (max-width: 768px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; }

  .anchor {
    margin-top: -44px;
    padding-top: 44px; } }
/* -- layout -- */
/* --------------------------- */
/* Header */
.l-header {
  padding: 0 10px 0 30px; }
.l-header__inner {
  display: flex;
  align-items: center;
  padding-top: 30px;
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  		/*
  		.home & {
  			align-items: flex-start;
  		}
  
  		 */ }
.l-header__logo {
  width: 42%; }
.l-header__logo a {
  display: flex;
  align-items: center; }
.l-header__logo a img {
  width: 7.9vw;
  max-width: 103px;
  				/*
  				.home & {
  					width: ( 190 / 1300 ) * 100vw;
  					max-width: 190px;
  				}
  
  				 */ }
.l-header__logo a span {
  display: block;
  font-weight: bold;
  margin-left: 4.3%;
  white-space: nowrap;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 1px;
  /*
  				.home & {
  					font-weight: bold;
  					margin-left: 6.3%;
  					margin-bottom: 1em;
  					@include font-size-vw(22);
  					display: none;
  					&.home {
  						display: block;
  					}
  				}
  				&.home {
  					display: none;
  					@include font-size-vw(17);
  					letter-spacing: 1px;
  					small {
  						@include font-size-vw(12);
  						display: block;
  						letter-spacing: 0;
  						margin-top: .5em;
  					}
  				}
  */ }
@media only screen and (max-width: 1290px) {
  .l-header__logo a span {
    font-size: 1.4vw; } }
.l-header__logo a span small {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  letter-spacing: 0;
  margin-top: .5em; }
@media only screen and (max-width: 1290px) {
  .l-header__logo a span small {
    font-size: 1vw; } }
.l-header__logo a:hover {
  text-decoration: none;
  color: #414141;
  opacity: .9; }
.l-header__logo a:hover img {
  opacity: .9; }
.l-header__nav {
  margin-left: auto;
  width: 65%;
  margin-top: -1.1em; }
.l-header__nav ul {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
.l-header__nav ul li {
  margin-left: 2em;
  font-size: 17px;
  font-size: 1.7rem;
  white-space: nowrap; }
@media only screen and (max-width: 1290px) {
  .l-header__nav ul li {
    font-size: 1.4vw; } }
.l-header__nav ul li:last-child {
  margin-left: 15px; }
.l-header__nav ul li ul {
  display: none; }
.l-header__nav ul li a {
  display: block;
  position: relative; }
.l-header__nav ul li a::before {
  content: '';
  position: absolute;
  bottom: -.6em;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 4px;
  background-color: #006EE7;
  border-radius: 2px;
  transition: .3s all; }
.l-header__nav ul li a:hover {
  text-decoration: none;
  color: #414141; }
.l-header__nav ul li a:hover::before {
  width: 2em; }
.l-header__nav ul li a.current::before {
  width: 2em; }
.l-header__nav ul li a.c-btn::before {
  content: none; }
@media only screen and (max-width: 768px) {
  .l-header {
    padding: 0 10px 0 15px; }
  .l-header__inner {
    padding-top: 15px; }
  .l-header__logo {
    width: 50%;
    flex-shrink: 0;
    margin-left: -5px; }
  .l-header__logo a {
    width: 100%; }
  .l-header__logo a img {
    width: 50px; }
  .l-header__logo a span {
    margin-bottom: .5em;
    margin-left: 5px;
    white-space: inherit;
    font-size: 11px;
    font-size: 1.1rem;
    					/*
    					&.home {
    						@include font-size(11);
    						small {
    							@include font-size(10);
    							margin-top: 0;
    						}
    					}
    
    					 */ }
  .l-header__logo a span small {
    font-size: 10px;
    font-size: 1rem;
    margin-top: 0; }
  .l-header__considering {
    position: absolute;
    top: 10px;
    right: 50px;
    z-index: 5000; }
  .l-header__considering .c-btn {
    font-weight: normal;
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    padding: 10px 1em !important; }
  .l-header__toggleTrigger {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 99999; }
  .l-header__toggleTrigger.open {
    position: fixed; }
  .l-header__toggleTrigger.open .l-header__toggleTrigger-border span {
    top: 47%; }
  .l-header__toggleTrigger.open .l-header__toggleTrigger-border span:nth-of-type(1) {
    transform: rotate(135deg); }
  .l-header__toggleTrigger.open .l-header__toggleTrigger-border span:nth-of-type(2) {
    transform: rotate(45deg); }
  .l-header__toggleTrigger.open .l-header__toggleTrigger-border span:nth-of-type(3) {
    opacity: 0; }
  .l-header__toggleTrigger.open:hover .l-header__toggleTrigger-border span {
    animation: none; }
  .l-header__toggleTrigger-inner {
    position: relative;
    background-color: #FFFF00;
    border-radius: 50%;
    width: 40px;
    height: 40px; }
  .l-header__toggleTrigger-border {
    position: absolute;
    transition: 0.5s all;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px; }
  .l-header__toggleTrigger-border span {
    height: 2px;
    width: 100%;
    display: block;
    background-color: #414141;
    position: absolute;
    transition: .3s all; }
  .l-header__toggleTrigger-border span:nth-of-type(1) {
    top: 30%; }
  .l-header__toggleTrigger-border span:nth-of-type(2) {
    top: 48%; }
  .l-header__toggleTrigger-border span:nth-of-type(3) {
    bottom: 30%; }
  .l-header__nav nav {
    transform: translateX(200%);
    transition: .5s all;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    height: 100%;
    width: 100%;
    background-color: #fff;
    padding: 60px 0 80px; }
  .l-header__nav nav.open {
    transform: translateX(0);
    transition: .5s all;
    overflow-y: scroll; }
  .l-header__nav nav .spbtn {
    position: absolute;
    top: 10px;
    left: 10px; }
  .l-header__nav nav .spbtn .c-btn {
    font-weight: normal;
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    padding: 10px 1em !important; }
  .l-header__nav nav .spbtn .c-btn + .c-btn {
    margin-left: 1em; }
  .l-header__nav nav > ul {
    border-bottom: 1px solid #D1D1D1; }
  .l-header__nav nav ul {
    display: block; }
  .l-header__nav nav ul ul {
    display: block; }
  .l-header__nav nav ul ul li a {
    color: #414141;
    margin-left: 1em; }
  .l-header__nav nav ul li {
    border-top: 1px solid #D1D1D1;
    margin-left: 0;
    font-size: 13px;
    font-size: 1.3rem; }
  .l-header__nav nav ul li a {
    color: #006EE7;
    padding: 10px 20px; }
  .l-header__nav nav ul li a::before {
    content: none; } }

/* --------------------------- */
/* Footer */
.l-footer {
  margin-top: 130px; }
.l-footer__pagetop {
  right: 20px;
  width: 6.1vw;
  max-width: 86px; }
.l-footer__pagetop a img {
  transition: .3s all; }
.l-footer__pagetop a:hover img {
  opacity: 1;
  transform: scale(1.1); }
.l-footer__copy {
  text-align: center;
  border-top: 1px solid #D1D1D1;
  padding: 20px;
  font-size: 12px;
  font-size: 1.2rem; }
@media only screen and (max-width: 1290px) {
  .l-footer__copy {
    font-size: 1vw; } }
@media only screen and (max-width: 768px) {
  .l-footer {
    margin-top: 5%; }
  .l-footer__pagetop {
    right: 0;
    left: 0;
    margin: auto;
    width: 10%;
    bottom: 0 !important;
    position: relative !important;
    margin-bottom: 10%; }
  .l-footer__copy {
    margin-top: 5%;
    font-size: 2.9vw; } }

/* --------------------------- */
/* nav */
/* --------------------------- */
/* main */
.l-main {
  display: block;
  position: relative;
  width: 100%;
  min-height: 80vh; }

.l-block {
  position: relative;
  padding: 0 25px; }
.l-block:after {
  display: table;
  content: "";
  clear: both; }
.l-block__inner {
  padding: 20px 0 40px;
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (max-width: 768px) {
  .l-block {
    padding: 0; }
  .l-block__inner {
    padding: 20px 10px; } }

/* -- object -- */
/* --------------------------- */
/* block */
.c-head {
  background-color: #006EE7;
  color: #fff;
  font-weight: bold;
  margin-top: 20px;
  border-bottom: 13px solid #FFFF00;
  font-size: 34px;
  font-size: 3.4rem; }
@media only screen and (max-width: 1290px) {
  .c-head {
    font-size: 2.7vw; } }
.c-head span {
  font-size: 15px;
  font-size: 1.5rem; }
@media only screen and (max-width: 1290px) {
  .c-head span {
    font-size: 1.2vw; } }
.c-head .l-block__inner {
  padding-bottom: 20px; }
@media only screen and (max-width: 768px) {
  .c-head {
    font-size: 5.3vw;
    border-width: 10px;
    margin-top: 10px; }
  .c-head span {
    font-size: 2.8vw; } }

/* -- title -- */
.c-heading01 {
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem; }
@media only screen and (max-width: 1290px) {
  .c-heading01 {
    font-size: 2.4vw; } }
.c-heading01 + p {
  margin-top: 15px;
  font-size: 18px;
  font-size: 1.8rem; }
@media only screen and (max-width: 1290px) {
  .c-heading01 + p {
    font-size: 1.4vw; } }
@media only screen and (max-width: 768px) {
  .c-heading01 {
    font-size: 5.3vw; }
  .c-heading01 + p {
    font-size: 3.5vw; } }

.c-heading02 {
  display: flex;
  align-items: flex-end; }
.c-heading02 h3 {
  line-height: 1;
  width: 76%; }
.c-heading02 h3 span {
  font-weight: bold;
  display: inline-block;
  flex-shrink: 0; }
.c-heading02 h3 span:nth-child(1) {
  display: block;
  font-size: 46px;
  font-size: 4.6rem; }
@media only screen and (max-width: 1290px) {
  .c-heading02 h3 span:nth-child(1) {
    font-size: 3.7vw; } }
.c-heading02 h3 span:nth-child(2) {
  color: #006EE7;
  margin-top: 5px;
  font-size: 75px;
  font-size: 7.5rem; }
@media only screen and (max-width: 1290px) {
  .c-heading02 h3 span:nth-child(2) {
    font-size: 6vw; } }
.c-heading02 h3 span:nth-child(3) {
  color: #006EE7;
  margin-left: 3%;
  font-size: 38px;
  font-size: 3.8rem; }
@media only screen and (max-width: 1290px) {
  .c-heading02 h3 span:nth-child(3) {
    font-size: 3vw; } }
.c-heading02 h3 span.u-text-color-red {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  margin-top: 2em;
  font-weight: normal; }
@media only screen and (max-width: 1290px) {
  .c-heading02 h3 span.u-text-color-red {
    font-size: 1.6vw; } }
@media only screen and (max-width: 768px) {
  .c-heading02 h3 span:nth-child(1) {
    font-size: 5.2vw; }
  .c-heading02 h3 span:nth-child(2) {
    margin-top: 10px;
    font-size: 8.1vw; }
  .c-heading02 h3 span:nth-child(3) {
    margin-top: 15px;
    margin-left: 0;
    font-size: 4.4vw; }
  .c-heading02 h3 span.u-text-color-red {
    margin-top: 1em;
    font-size: 3.1vw; } }

.c-heading03 {
  font-weight: bold;
  text-align: center;
  color: #006EE7;
  font-size: 53px;
  font-size: 5.3rem; }
@media only screen and (max-width: 1290px) {
  .c-heading03 {
    font-size: 4.2vw; } }
.c-heading03 + p {
  margin-top: 55px;
  line-height: 2; }
@media only screen and (max-width: 768px) {
  .c-heading03 {
    font-size: 6vw; }
  .c-heading03 + p {
    margin-top: 20px; } }

.c-heading04 {
  font-weight: bold;
  color: #006EE7;
  line-height: 1.1;
  font-size: 46px;
  font-size: 4.6rem; }
@media only screen and (max-width: 1290px) {
  .c-heading04 {
    font-size: 3.7vw; } }
.c-heading04 + p {
  margin-top: 35px;
  line-height: 2; }
@media only screen and (max-width: 768px) {
  .c-heading04 {
    font-size: 5.3vw; }
  .c-heading04 + p {
    margin-top: 20px;
    line-height: 2; } }

.c-heading05 {
  font-weight: bold;
  line-height: 1.1;
  font-size: 60px;
  font-size: 6rem; }
@media only screen and (max-width: 1290px) {
  .c-heading05 {
    font-size: 4.8vw; } }
.c-heading05 small {
  font-size: 28px;
  font-size: 2.8rem; }
@media only screen and (max-width: 1290px) {
  .c-heading05 small {
    font-size: 2.2vw; } }

.c-heading06 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.36;
  margin-bottom: 10px; }
@media only screen and (max-width: 1290px) {
  .c-heading06 {
    font-size: 1.8vw; } }
@media only screen and (max-width: 768px) {
  .c-heading06 {
    font-size: 4vw; } }

/* --------------------------- */
/* button */
.c-btn {
  background-color: #FFFF00;
  padding: 15px 2em !important;
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s all; }
.c-btn--bold {
  font-weight: bold; }
.c-btn--pclow {
  padding: 10px 2em !important; }
.c-btn:hover {
  transform: scale(1.1);
  color: #414141;
  text-decoration: none; }
.c-btn--intro {
  background-color: #006EE7;
  border-radius: 7px;
  color: #fff; }
.c-btn--intro:hover {
  color: #fff !important; }
@media only screen and (max-width: 768px) {
  .c-btn {
    padding: 10px 4em !important; }
  .c-btn--pclow {
    padding: 14px 5em !important; } }

.c-textLink {
  text-decoration: underline; }
.c-textLink:hover {
  text-decoration: none; }

/* --------------------------- */
/* list */
.c-discList > li {
  padding-left: 1.2em;
  position: relative; }
.c-discList > li::before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0; }
.c-discList > li:nth-child(n+2) {
  margin-top: 12px; }

.c-squareList > li {
  padding-left: 1em;
  position: relative; }
.c-squareList > li::before {
  content: '■';
  position: absolute;
  left: 0;
  top: 0; }
.c-squareList > li:nth-child(n+2) {
  margin-top: 5px; }

.c-noteList > li {
  padding-left: 1em;
  position: relative; }
.c-noteList > li::before {
  content: '※';
  position: absolute;
  left: 0;
  top: 0; }
.c-noteList > li:nth-child(n+2) {
  margin-top: 5px; }

.c-numberBracketsList {
  counter-reset: counter01; }
.c-numberBracketsList > li {
  padding-left: 2.5em;
  position: relative; }
.c-numberBracketsList > li::before {
  position: absolute;
  left: 0;
  top: 0;
  counter-increment: counter01;
  content: "（" counter(counter01) "）"; }
.c-numberBracketsList > li:nth-child(n+2) {
  margin-top: 5px; }

.c-numberList {
  counter-reset: counter02; }
.c-numberList > li {
  position: relative;
  padding-left: 1.2em; }
.c-numberList > li::before {
  position: absolute;
  left: 0;
  top: 0;
  counter-increment: counter02;
  content: counter(counter02) "."; }
.c-numberList > li:nth-child(n+2) {
  margin-top: 5px; }

/* --------------------------- */
/* table */
.c-table {
  border: 1px solid #707070;
  border-radius: 17px;
  overflow: hidden; }
.c-table table {
  width: 100%;
  table-layout: fixed;
  font-size: 15px;
  font-size: 1.5rem; }
@media only screen and (max-width: 1290px) {
  .c-table table {
    font-size: 1.2vw; } }
.c-table table tr th {
  padding: 15px;
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070;
  text-align: center;
  font-weight: bold;
  background-color: #FBFBFB; }
.c-table table tr th:last-child {
  border-right: none; }
.c-table table tr th:nth-child(1) {
  width: 25%; }
.c-table table tr th:nth-child(2) {
  width: 21%; }
.c-table table tr th:nth-child(3) {
  width: 17%; }
.c-table table tr th:nth-child(4) {
  width: 16%; }
.c-table table tr th:nth-child(5) {
  width: 21%; }
.c-table table tr td {
  padding: 5px 12px;
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070; }
.c-table table tr td:last-child {
  border-right: none;
  font-weight: bold; }
.c-table table tr:last-child th, .c-table table tr:last-child td {
  border-bottom: none; }
.c-table__all th, .c-table__all td {
  font-weight: bold;
  text-align: right !important;
  background-color: #FBFBFB; }
.c-table__all th {
  border-right: none !important;
  position: relative;
  padding: 22px !important;
  font-size: 23px;
  font-size: 2.3rem; }
@media only screen and (max-width: 1290px) {
  .c-table__all th {
    font-size: 1.8vw; } }
.c-table__all th::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 70%;
  background-color: #707070; }
.c-table__all td {
  font-size: 25px;
  font-size: 2.5rem; }
@media only screen and (max-width: 1290px) {
  .c-table__all td {
    font-size: 2vw; } }
.c-table .c-select {
  width: 72%;
  margin: auto; }
@media only screen and (max-width: 768px) {
  .c-table {
    border-radius: 0;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    border: none;
    background-color: rgba(0, 110, 231, 0.1); }
  .c-table table {
    width: calc(100% - 20px);
    margin: auto; }
  .c-table table tr {
    display: block;
    border: 1px solid #707070; }
  .c-table table tr:first-child {
    display: none; }
  .c-table table tr + tr {
    margin-top: 20px; }
  .c-table table tr td {
    display: flex;
    align-items: center;
    padding: 0;
    flex: 1;
    position: relative;
    border-right: none;
    background-color: #fff;
    font-size: 3.5vw; }
  .c-table table tr td span {
    width: 100%;
    padding: 10px 10px 10px 23%; }
  .c-table table tr td:last-child {
    border-bottom: none; }
  .c-table table tr td::before {
    content: attr(data-label);
    width: 20%;
    position: absolute;
    padding: 10px;
    height: 100%;
    border-right: 1px solid #707070;
    background-color: #F3F3F3;
    font-size: 2.9vw;
    display: flex;
    align-items: center;
    justify-content: center; }
  .c-table__all {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    display: flex !important;
    border: none !important;
    padding: 20px 10px;
    background-color: #006EE7; }
  .c-table__all th {
    padding: 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal !important;
    font-size: 2.9vw; }
  .c-table__all th::after {
    background-color: #006EE7;
    height: 100%; }
  .c-table__all td {
    font-size: 5.3vw !important; }
  .c-table__all td::before {
    content: none !important; }
  .c-table .c-select {
    width: 100%;
    font-size: 3.2vw; } }

/* --------------------------- */
/* form */
/*-----------------------------------------------------------
reset
-------------------------------------------------------------*/
input, button, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  padding: 6px 10px;
  color: #414141;
  font-family: 'Noto Sans JP', sans-serif; }

textarea {
  resize: vertical; }

input[type='checkbox'], input[type='radio'] {
  display: none; }

input[type='submit'], input[type='button'], label, button, select {
  cursor: pointer; }

.c-select {
  border: 1px solid #707070;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  font-size: 15px;
  font-size: 1.5rem; }
@media only screen and (max-width: 1290px) {
  .c-select {
    font-size: 1.2vw; } }
.c-select::after {
  position: absolute;
  content: '';
  width: 1.1vw;
  height: 1.1vw;
  max-width: 15px;
  max-height: 15px;
  background: url(/assets/img/common/arrow_03.svg) no-repeat center center;
  background-size: 100%;
  right: 8%;
  top: 0;
  bottom: 0;
  margin: auto; }
.c-select::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 2.9vw;
  max-width: 41px;
  background-color: #E1E1E1;
  border-left: 1px solid #707070; }
.c-select select {
  width: 100%;
  position: relative;
  z-index: 2;
  cursor: pointer;
  background-color: inherit; }
@media only screen and (max-width: 768px) {
  .c-select::before {
    width: 10.1vw;
    max-width: 76px; }
  .c-select::after {
    width: 2vw;
    height: 2.1vw;
    max-width: 15px;
    max-height: 15px;
    right: 6%; } }

#form .error-php, #form .error-js {
  color: #FF0000; }
#form input[type='text'], #form select {
  width: 100%;
  border: solid 1px #CACACA;
  border-radius: 5px;
  background: #fff;
  font-size: 19px;
  font-size: 1.9rem;
  padding: 9px 15px;
  height: 51px; }
@media only screen and (max-width: 1290px) {
  #form input[type='text'], #form select {
    font-size: 1.5vw; } }
#form input[type='text']::placeholder, #form select::placeholder {
  color: #BEBEBE; }
#form input[type='text']#shops, #form select#shops {
  width: 130px; }
#form input[type='text'].datepicker, #form select.datepicker {
  width: calc(100% - 62px);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
#form select {
  -moz-appearance: none;
  appearance: none;
  min-width: 155px;
  background: #fff url(/assets/img/common/icon_dropdown.svg) no-repeat 97% 50%;
  background-size: 22px 11px; }
#form label {
  color: #585858;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: bold;
  margin-bottom: 5px;
  display: block; }
@media only screen and (max-width: 1290px) {
  #form label {
    font-size: 1.5vw; } }
#form .form-group + .form-group {
  margin-top: 30px; }
#form .form-group .text {
  color: #585858;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
  vertical-align: bottom; }
@media only screen and (max-width: 1290px) {
  #form .form-group .text {
    font-size: 1.7vw; } }
#form .form-group .icon-required {
  color: #f00;
  font-size: 13px;
  font-size: 1.3rem;
  margin-left: 1em; }
@media only screen and (max-width: 1290px) {
  #form .form-group .icon-required {
    font-size: 1vw; } }
#form .datepicker-btn {
  display: inline-block;
  margin-left: -1px;
  width: 62px;
  height: 51px;
  background-color: #006EE7;
  border-radius: 0 5px 5px 0;
  background-image: url(/assets/img/common/icon_calendar.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 48%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #cacaca;
  vertical-align: top; }
#form .text-check {
  color: #585858;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 40px auto 35px; }
@media only screen and (max-width: 1290px) {
  #form .text-check {
    font-size: 1.6vw; } }
#form .btn-forms {
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: -1px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
@media only screen and (max-width: 1290px) {
  #form .btn-forms {
    font-size: 1.4vw; } }
#form .btn-forms.single {
  justify-content: center; }
#form .btn-forms.confirm {
  margin-top: 30px; }
#form .btn-post {
  color: #585858;
  font-size: 24px;
  font-size: 2.4rem;
  background: #FFFF00;
  border-radius: 10px;
  min-width: 48%;
  padding: .8em 1em;
  box-shadow: 3px 7px 8px #bbb;
  margin-top: 1em; }
@media only screen and (max-width: 1290px) {
  #form .btn-post {
    font-size: 1.9vw; } }
@media only screen and (max-width: 768px) {
  #form input[type='text'], #form select {
    font-size: 4.3vw;
    padding: 9px 15px;
    height: 51px; }
  #form input[type='text']#shops, #form select#shops {
    width: 130px; }
  #form input[type='text'].datepicker, #form select.datepicker {
    width: calc(100% - 62px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #form label {
    font-size: 4.3vw; }
  #form .form-group + .form-group {
    margin-top: 30px; }
  #form .form-group .text {
    font-size: 4.3vw; }
  #form .form-group .icon-required {
    font-size: 3.7vw; }
  #form .text-check {
    font-size: 4vw;
    margin: 40px auto 35px; }
  #form .btn-forms {
    font-size: 3.7vw;
    flex-direction: column;
    flex-wrap: wrap; }
  #form .btn-forms.confirm {
    margin-top: 30px;
    display: flex;
    flex-direction: column-reverse; }
  #form .btn-post {
    font-size: 4vw;
    width: 80vw;
    padding: .8em 3em; } }

/* --------------------------- */
/* breadcrumbs */
.c-breadcrumbs ul {
  display: flex; }
.c-breadcrumbs ul li::after {
  content: '>';
  margin: 0 5px; }
.c-breadcrumbs ul li:last-child::after {
  content: none; }
.c-breadcrumbs ul li a {
  color: #006EE7;
  text-decoration: underline; }
.c-breadcrumbs ul li a:hover {
  text-decoration: none; }
.c-breadcrumbs .l-block__inner {
  padding-bottom: 20px;
  border-bottom: 1px solid #D1D1D1; }
@media only screen and (max-width: 768px) {
  .c-breadcrumbs {
    display: none; } }

/* ---------------------------- */
/* --------------------------- */
/* index */
.p-wrap {
  overflow: hidden; }

.p-mainvisual {
  position: relative;
  margin-top: 1%;
  width: 100%;
  	/*
  		&__inner {
  		display: flex;
  		align-items: center;
  		@include rel-center( $CONTENT_WIDTH * 1px );
  	}
  
  	&__text01 {
  		color: #fff;
  		font-weight: 900;
  		line-height: 1.3;
  		@include font-size-vw(61);
  		opacity: 0;
  		transform: translateX(20px);
  		transition: .3s all;
  		@media only screen and (max-width: 1310px) {
  			@include font-size-vw(55);
  		}
  		.load & {
  			opacity: 1;
  			transition-delay: .5s;
  			transform: translateX(0);
  		}
  	}
  	&__text02 {
  		font-weight: bold;
  		display: inline-block;
  		background-color: $YELLOW_COLOR;
  		border-radius: 5px;
  		padding: 3px 5px;
  		margin-top: 0.8em;
  		@include font-size-vw(22);
  		opacity: 0;
  		transform: translateX(20px);
  		transition: .3s all;
  		@media only screen and (max-width: 1310px) {
  			@include font-size-vw(20);
  		}
  		.load & {
  			opacity: 1;
  			transition-delay: .8s;
  			transform: translateX(0);
  		}
  	}
  	&__text03 {
  		color: #fff;
  		font-weight: bold;
  		margin-top: 0.5em;
  		@include font-size-vw(29);
  		opacity: 0;
  		transform: translateX(20px);
  		transition: .3s all;
  		@media only screen and (max-width: 1310px) {
  			@include font-size-vw(26);
  		}
  		.load & {
  			opacity: 1;
  			transition-delay: .8s;
  			transform: translateX(0);
  		}
  	}
  	&__textgroup {
  		width: 45%;
  		@media only screen and (max-width: 1500px) {
  			margin-top: -9%;
  		}
  	}
  	&__imggroup {
  		width: 54%;
  		// margin-right: -4.4%;
  		height: ( 652 / 1400 ) * 100vw;
  		max-height: 652px;
  		position: relative;
  		margin-left: auto;
  		margin-top: -3%;
  	}
  	&__img {
  		position: absolute;
  		opacity: 0;
  		// transform: scale(.5);
  		transform: translateY(10px);
  		transition: .4s ease-out;
  		.load & {
  			opacity: 1;
  			// transform: scale(1);
  			transform: translateY(0);
  		}
  		>div {
  			>div {
  				border-radius: 30px;
  				overflow: hidden;
  				isolation: isolate;
  				// animation-name: fadeUpAnimespace;
  				animation-duration: 10s;
  				animation-fill-mode: forwards;
  				animation-iteration-count: infinite;
  			}
  		}
  		img {
  			display: block;
  		}
  		&--01 {
  			width: ( 414 / 1400 ) * 100vw;
  			max-width: 414px;
  			left: 0;
  			top: 0;
  			.load & {
  				transition-delay: 1.2s;
  			}
  			>div {
  				transition: 1s ease-out;
  			}
  		}
  		&--02 {
  			width: ( 161 / 1400 ) * 100vw;
  			max-width: 161px;
  			left: 0;
  			top: 47.5%;
  			.load & {
  				transition-delay: 1.4s;
  			}
  			>div {
  				transition: .5s ease-out;
  			}
  		}
  		&--03 {
  			width: ( 247 / 1400 ) * 100vw;
  			max-width: 247px;
  			top: 64.7%;
  			left: 69%;
  			.load & {
  				transition-delay: 1.5s;
  			}
  			>div {
  				transition: 1.2s ease-out;
  			}
  		}
  		&--04 {
  			width: ( 265 / 1400 ) * 100vw;
  			max-width: 265px;
  			right: 36.7%;
  			top: 73.4%;
  			.load & {
  				transition-delay: 1.6s;
  			}
  			>div {
  				transition: .8s ease-out;
  			}
  		}
  		&--05 {
  			width: ( 458 / 1400 ) * 100vw;
  			max-width: 458px;
  			right: 1.4%;
  			top: 29.7%;
  			.load & {
  				transition-delay: 1.7s;
  			}
  			>div {
  				transition: 1.8s ease-out;
  			}
  		}
  	}
  	 */
  /* マウスイコンのスクロール誘導 */ }
.p-mainvisual img {
  width: 100%; }
.p-mainvisual .scrolldown {
  position: absolute;
  bottom: 3%;
  right: 30px;
  animation: arrowmove 1s ease-in-out infinite;
  width: 7vw;
  max-width: 86px; }
@keyframes arrowmove {
  0% {
    bottom: 1%; }
  50% {
    bottom: 3%; }
  100% {
    bottom: 1%; } }
@media only screen and (max-width: 768px) {
  .p-mainvisual {
    margin-top: 10px;
    display: block;
    		/*
    		&__inner {
    			padding-top: 10%;
    			display: block;
    		}
    		&__text01 {
    			@include font-sizeSP(72);
    		}
    		&__text02 {
    			@include font-sizeSP(31);
    		}
    		&__text03 {
    			@include font-sizeSP(36);
    		}
    		&__textgroup {
    			margin-top: 0;
    			width: 100%;
    		}
    		&__imggroup {
    			width: 100%;
    			position: relative;
    			height: ( 625 / 750 ) * 100vw;
    			top: 0;
    		}
    		&__img {
    			position: absolute;
    			img {
    				display: block;
    			}
    			>div {
    				transform: translateX(0)!important;
    				>div {
    					border-radius: 15px;
    				}
    			}
    			&--01 {
    				width: ( 397 / 750 ) * 100vw;
    				max-width: 397px;
    				right: auto;
    				left: 1%;
    				top: 8%;
    			}
    			&--02 {
    				width: ( 153 / 750 ) * 100vw;
    				max-width: 153px;
    				right: auto;
    				left: 1%;
    				top: 54.5%;
    			}
    			&--03 {
    				width: ( 237 / 750 ) * 100vw;
    				max-width: 237px;
    				right: 0.8%;
    				top: 74%;
    			}
    			&--04 {
    				width: ( 255 / 750 ) * 100vw;
    				max-width: 255px;
    				right: 36.7%;
    				top: 82%;
    			}
    			&--05 {
    				width: ( 439 / 750 ) * 100vw;
    				max-width: 439px;
    				right: 5.4%;
    				top: 38%;
    			}
    		}
    
    		 */ }
  .p-mainvisual .mv_sub_sp {
    margin-top: 32px;
    padding: 0 10px; }
  .p-mainvisual .scrolldown {
    display: none; } }

.p-indexsystem {
  margin-top: 110px; }
.p-indexsystem__chara {
  width: 10.6vw;
  max-width: 149px;
  margin: auto;
  opacity: 0; }
.p-indexsystem__chara.is-inview {
  animation-name: fadeUpAnime;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  transition: .3s all; }
.p-indexsystem__title {
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  font-size: 45px;
  font-size: 4.5rem; }
@media only screen and (max-width: 1290px) {
  .p-indexsystem__title {
    font-size: 3.6vw; } }
.p-indexsystem__read {
  text-align: center;
  margin-top: 30px;
  line-height: 1.7;
  font-size: 21px;
  font-size: 2.1rem; }
@media only screen and (max-width: 1290px) {
  .p-indexsystem__read {
    font-size: 1.7vw; } }
.p-indexsystem__img {
  width: 100vw;
  margin: 40px calc(50% - 50vw) 0;
  padding: 10px 0; }
.p-indexsystem__img > img {
  width: 85.7vw;
  max-width: 1200px;
  display: block;
  margin: auto; }
@media only screen and (max-width: 768px) {
  .p-indexsystem {
    margin-top: 0; }
  .p-indexsystem__chara {
    width: 19.9vw;
    max-width: 149px;
    margin: auto; }
  .p-indexsystem__title {
    font-size: 6vw; }
  .p-indexsystem__read {
    font-size: 3.5vw; }
  .p-indexsystem__img {
    overflow-x: scroll;
    padding: 0 5% 0; }
  .p-indexsystem__img > img {
    width: 180vw; }
  .p-indexsystem__img::-webkit-scrollbar {
    display: none; }
  .p-indexsystem__img-control {
    padding: 4% 0;
    display: flex;
    justify-content: center; }
  .p-indexsystem__img-control div {
    width: 7.5vw; }
  .p-indexsystem__img-control div:nth-child(n+2) {
    margin-left: 5%; } }

.p-indexdecoration01 {
  position: relative;
  overflow: hidden;
  margin-top: 27px;
  font-size: 175px;
  font-size: 17.5rem; }
@media only screen and (max-width: 1290px) {
  .p-indexdecoration01 {
    font-size: 14vw; } }
.p-indexdecoration01__text {
  line-height: 1;
  display: flex;
  white-space: nowrap; }
.p-indexdecoration01__text span {
  font-weight: 900;
  display: block;
  margin-right: .4em;
  height: 1em; }
.p-indexdecoration01__text.top {
  animation: marquee2 10s linear infinite; }
.p-indexdecoration01__img {
  height: 35.7vw;
  overflow: hidden;
  margin-top: -0.045em; }
@media only screen and (max-width: 768px) {
  .p-indexdecoration01 {
    font-size: 20.9vw; }
  .p-indexdecoration01__img {
    height: 53.3vw; } }

.p-indexdecoration02 {
  margin-top: 70px; }
.p-indexdecoration02__img {
  height: 35.7vw;
  overflow: hidden; }
@media only screen and (max-width: 768px) {
  .p-indexdecoration02__img {
    height: 53.3vw; } }

.p-idexintro {
  margin-top: 130px; }
.p-idexintro__elem {
  display: flex;
  position: relative;
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
.p-idexintro__elem-left {
  width: 50%; }
.p-idexintro__elem-right {
  width: 49.6%;
  margin-left: auto;
  position: relative; }
.p-idexintro__elem:nth-child(n+2) {
  padding-top: 155px;
  margin-top: 80px; }
.p-idexintro__elem:nth-child(n+2)::before {
  content: '';
  width: 1300px;
  position: absolute;
  top: 0;
  left: -50px;
  margin: auto;
  height: 1px;
  background-color: #D1D1D1; }
.p-idexintro__elem:nth-child(even) .p-idexintro__elem-left {
  order: 1;
  width: 52.7%;
  margin-left: -2.7%; }
.p-idexintro__elem:nth-child(even) .p-idexintro__elem-right {
  order: 0;
  width: 50%; }
.p-idexintro__elem:nth-child(1) .p-idexintro__character {
  top: -6%;
  left: -33%; }
.p-idexintro__elem:nth-child(2) .p-idexintro__character {
  top: -11%;
  right: 14%; }
.p-idexintro__elem:nth-child(2) .p-idexintro__img {
  margin-top: -5%; }
.p-idexintro__elem:nth-child(3) {
  margin-top: 0; }
.p-idexintro__elem:nth-child(3) .p-idexintro__character {
  top: 19%;
  left: -12%; }
.p-idexintro__elem:nth-child(3) .p-idexintro__img {
  margin-top: 5%; }
.p-idexintro__elem:nth-child(4) {
  margin-top: 120px; }
.p-idexintro__elem:nth-child(4) .p-idexintro__elem-left {
  padding-left: 14.7%; }
.p-idexintro__elem:nth-child(4) .p-idexintro__character {
  top: -13%;
  right: -5%; }
.p-idexintro__elem:nth-child(4) .p-idexintro__img {
  margin-top: 1%; }
.p-idexintro__elem:nth-child(5) {
  margin-top: 100px; }
.p-idexintro__elem:nth-child(5) .p-idexintro__character {
  top: -9%;
  left: -31%; }
.p-idexintro__elem:nth-child(5) .p-idexintro__img {
  margin-top: -8%; }
.p-idexintro__title-01 {
  font-weight: bold;
  line-height: 1;
  font-size: 35px;
  font-size: 3.5rem; }
@media only screen and (max-width: 1290px) {
  .p-idexintro__title-01 {
    font-size: 2.8vw; } }
.p-idexintro__title-02 {
  font-weight: bold;
  line-height: 1;
  color: #006EE7;
  margin-top: 0.15em;
  font-size: 65px;
  font-size: 6.5rem; }
@media only screen and (max-width: 1290px) {
  .p-idexintro__title-02 {
    font-size: 5.2vw; } }
.p-idexintro__title-03 {
  font-weight: bold;
  line-height: 1;
  margin-top: .7em;
  color: #006EE7;
  font-size: 35px;
  font-size: 3.5rem; }
@media only screen and (max-width: 1290px) {
  .p-idexintro__title-03 {
    font-size: 2.8vw; } }
.p-idexintro__read {
  line-height: 1.8;
  margin-top: 1.8em;
  font-size: 17px;
  font-size: 1.7rem; }
@media only screen and (max-width: 1290px) {
  .p-idexintro__read {
    font-size: 1.4vw; } }
.p-idexintro__read-note {
  color: #FF0000;
  display: block;
  margin-right: 2em;
  margin-top: 10px; }
.p-idexintro__btn {
  display: inline-block;
  margin-top: 1.6em;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem; }
@media only screen and (max-width: 1290px) {
  .p-idexintro__btn {
    font-size: 1.4vw; } }
.p-idexintro__character {
  width: 13.1vw;
  max-width: 183px;
  position: absolute;
  transition: .3s all;
  opacity: 0; }
.p-idexintro__character.is-inview {
  animation-name: fadeUpAnime;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  transition: .3s all; }
.p-idexintro__img img {
  display: block; }
@media only screen and (max-width: 768px) {
  .p-idexintro {
    margin-top: 0; }
  .p-idexintro__elem {
    display: block;
    padding-top: 12% !important;
    margin-top: 12% !important; }
  .p-idexintro__elem-left {
    width: 100%; }
  .p-idexintro__elem-right {
    width: 100%;
    margin-top: 10%; }
  .p-idexintro__elem:nth-child(n+2)::before {
    width: 100%;
    left: 0; }
  .p-idexintro__elem:nth-child(even) .p-idexintro__elem-left {
    order: 0;
    width: 100%;
    margin-left: 0; }
  .p-idexintro__elem:nth-child(even) .p-idexintro__elem-right {
    order: 1;
    width: 100%; }
  .p-idexintro__elem:nth-child(1) {
    padding-top: 4% !important;
    margin-top: 0 !important; }
  .p-idexintro__elem:nth-child(1) .p-idexintro__character {
    top: -7%;
    left: 0; }
  .p-idexintro__elem:nth-child(1) .p-idexintro__img {
    padding-left: 25%; }
  .p-idexintro__elem:nth-child(2) .p-idexintro__character {
    top: -3%;
    right: 11%; }
  .p-idexintro__elem:nth-child(2) .p-idexintro__img {
    margin-top: 0;
    margin-right: -12%;
    margin-left: 10%; }
  .p-idexintro__elem:nth-child(3) {
    margin-top: 0; }
  .p-idexintro__elem:nth-child(3) .p-idexintro__character {
    top: 10%;
    left: 2%; }
  .p-idexintro__elem:nth-child(3) .p-idexintro__img {
    margin-top: 0;
    padding-left: 8%;
    padding-right: 2%; }
  .p-idexintro__elem:nth-child(4) {
    margin-top: 120px; }
  .p-idexintro__elem:nth-child(4) .p-idexintro__elem-left {
    padding-left: 0; }
  .p-idexintro__elem:nth-child(4) .p-idexintro__character {
    top: -13%;
    right: 5%; }
  .p-idexintro__elem:nth-child(4) .p-idexintro__img {
    margin-top: 0;
    padding-right: 10%;
    padding-left: 8%; }
  .p-idexintro__elem:nth-child(5) {
    margin-top: 100px; }
  .p-idexintro__elem:nth-child(5) .p-idexintro__character {
    top: 0;
    left: 0; }
  .p-idexintro__elem:nth-child(5) .p-idexintro__img {
    margin-top: 0;
    padding-left: 22%; }
  .p-idexintro__title-01 {
    font-size: 4.7vw; }
  .p-idexintro__title-02 {
    font-size: 8.7vw; }
  .p-idexintro__title-03 {
    font-size: 4.7vw; }
  .p-idexintro__read {
    font-size: 3.5vw; }
  .p-idexintro__read-note {
    text-align: left !important; }
  .p-idexintro__btn {
    margin-top: 3em;
    text-align: center;
    font-size: 3.7vw; }
  .p-idexintro__character {
    width: 21.3vw;
    max-width: 160px;
    position: absolute; } }

.p-bnr {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background-color: #F3F3F3;
  padding: 22px 0; }
.p-bnr__title {
  font-weight: bold;
  text-align: center;
  font-size: 25px;
  font-size: 2.5rem; }
@media only screen and (max-width: 1290px) {
  .p-bnr__title {
    font-size: 2vw; } }
.p-bnr ul {
  display: flex;
  justify-content: center;
  margin-top: 35px; }
.p-bnr ul li {
  width: 16.9vw;
  max-width: 236px; }
.p-bnr ul li:nth-child(n+2) {
  margin-left: 1.6%; }
.p-bnr ul li a {
  display: block;
  border-radius: 8px;
  overflow: hidden; }
.p-bnr ul li a img {
  display: block; }
@media only screen and (max-width: 768px) {
  .p-bnr__title {
    font-size: 3.7vw; }
  .p-bnr ul {
    flex-wrap: wrap;
    justify-content: flex-start; }
  .p-bnr ul li {
    width: 48%; }
  .p-bnr ul li:nth-child(n+2) {
    margin-left: 0; }
  .p-bnr ul li:nth-child(n+3) {
    margin-top: 4%; }
  .p-bnr ul li:nth-child(2n) {
    margin-left: 4%; } }

.p-contact {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background-color: #006EE7;
  padding: 22px 0;
  text-align: center;
  color: #fff; }
.home .p-contact {
  margin-top: 0 !important; }
.p-contact__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
.p-contact__left {
  width: 47.5%; }
.p-contact__right {
  margin-left: auto;
  width: 50%; }
.p-contact__text01 {
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem; }
@media only screen and (max-width: 1290px) {
  .p-contact__text01 {
    font-size: 1.9vw; } }
.p-contact__text02 {
  margin-top: 6px;
  font-size: 19px;
  font-size: 1.9rem; }
@media only screen and (max-width: 1290px) {
  .p-contact__text02 {
    font-size: 1.5vw; } }
.p-contact__btn {
  display: inline-block;
  margin-top: 45px;
  font-size: 20px;
  font-size: 2rem; }
@media only screen and (max-width: 1290px) {
  .p-contact__btn {
    font-size: 1.6vw; } }
@media only screen and (max-width: 768px) {
  .p-contact__left {
    width: 100%; }
  .p-contact__right {
    margin-top: 20px;
    width: 100%; }
  .p-contact__text01 {
    font-size: 3.7vw; }
  .p-contact__text02 {
    margin-top: 5%;
    font-size: 3.5vw; }
  .p-contact__btn {
    margin-top: 7%;
    font-size: 3.5vw; } }

.p-footinfo {
  text-align: center;
  margin-top: 25px; }
.p-footinfo__text01 {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem; }
@media only screen and (max-width: 1290px) {
  .p-footinfo__text01 {
    font-size: 1.4vw; } }
.p-footinfo__text02 {
  margin-top: 13px;
  line-height: 1.8;
  font-size: 14px;
  font-size: 1.4rem; }
@media only screen and (max-width: 1290px) {
  .p-footinfo__text02 {
    font-size: 1.1vw; } }
@media only screen and (max-width: 768px) {
  .p-footinfo__text01 {
    font-size: 3.5vw; }
  .p-footinfo__text02 {
    font-size: 2.9vw; } }

/* --------------------------- */
/* service */
.p-servicelist ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px; }
.p-servicelist ul li {
  width: 30.7%;
  margin-right: 3.95%; }
.p-servicelist ul li:nth-child(3n) {
  margin-right: 0; }
.p-servicelist ul li:nth-child(n+4) {
  margin-top: 4.5%; }
.p-servicelist ul li a {
  display: block;
  border-radius: 28px;
  border: 1px solid #c7c7c7;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
  padding: 6% 7%;
  height: 100%; }
.p-servicelist ul li a:hover {
  text-decoration: none;
  transform: translateY(-10px);
  color: #414141; }
.p-servicelist ul li a:hover img {
  opacity: 1; }
.p-servicelist__label01 {
  font-weight: bold;
  line-height: 1;
  font-size: 19px;
  font-size: 1.9rem; }
@media only screen and (max-width: 1290px) {
  .p-servicelist__label01 {
    font-size: 1.5vw; } }
.p-servicelist__label02 {
  font-weight: bold;
  color: #006EE7;
  font-size: 31px;
  font-size: 3.1rem; }
@media only screen and (max-width: 1290px) {
  .p-servicelist__label02 {
    font-size: 2.5vw; } }
.p-servicelist__label03 {
  font-weight: bold;
  color: #006EE7;
  line-height: 1;
  font-size: 17px;
  font-size: 1.7rem; }
@media only screen and (max-width: 1290px) {
  .p-servicelist__label03 {
    font-size: 1.4vw; } }
.p-servicelist__img {
  width: 88%;
  margin: 13px auto 0; }
.p-servicelist__desc {
  margin-top: 13px;
  line-height: 1.8;
  min-height: 8em;
  font-size: 12px;
  font-size: 1.2rem; }
@media only screen and (max-width: 1290px) {
  .p-servicelist__desc {
    font-size: 1vw; } }
.p-servicelist__btn {
  width: 70%;
  margin: 10px auto 0; }
.p-servicelist__btn .c-btn {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem; }
@media only screen and (max-width: 1290px) {
  .p-servicelist__btn .c-btn {
    font-size: 1.1vw; } }
.p-servicelist__btn .c-btn:hover {
  transform: scale(1); }
@media only screen and (max-width: 768px) {
  .p-servicelist ul {
    margin-top: 30px; }
  .p-servicelist ul li {
    width: 100%;
    margin-right: 0; }
  .p-servicelist ul li:nth-child(n+2) {
    margin-top: 4.5%; }
  .p-servicelist ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 20px;
    padding: 6% 5%; }
  .p-servicelist__label01 {
    font-size: 3.5vw; }
  .p-servicelist__label02 {
    margin-top: 5px;
    font-size: 5.5vw; }
  .p-servicelist__label03 {
    margin-top: 5px;
    font-size: 2.9vw; }
  .p-servicelist__head {
    width: 53%; }
  .p-servicelist__img {
    width: 47%;
    margin-right: 0;
    margin-top: 0; }
  .p-servicelist__desc {
    font-size: 3.5vw; }
  .p-servicelist__btn {
    width: 70%;
    margin: 10px auto 0; }
  .p-servicelist__btn .c-btn {
    font-size: 3.7vw; } }

.p-machinelist ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px; }
.p-machinelist ul li {
  width: 22%;
  text-align: center;
  margin-right: 1%; }
.p-machinelist ul li:nth-child(4n) {
  margin-right: 0; }
.p-machinelist ul li:nth-child(n+5) {
  margin-top: 5%; }
.p-machinelist ul li a {
  display: block; }
.p-machinelist ul li a:hover {
  color: #414141;
  text-decoration: none;
  transform: translateY(-10px); }
.p-machinelist ul li a:hover img {
  opacity: 1; }
.p-machinelist__label01 {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem; }
@media only screen and (max-width: 1290px) {
  .p-machinelist__label01 {
    font-size: 1.4vw; } }
.p-machinelist__label02 {
  margin-top: 10px;
  font-size: 18px;
  font-size: 1.8rem; }
@media only screen and (max-width: 1290px) {
  .p-machinelist__label02 {
    font-size: 1.4vw; } }
.p-machinelist__img {
  width: 70%;
  margin: 13px auto 0; }
@media only screen and (max-width: 768px) {
  .p-machinelist ul li {
    width: 47%;
    margin-right: 3%; }
  .p-machinelist ul li:nth-child(2n) {
    margin-right: 0; }
  .p-machinelist ul li:nth-child(n+3) {
    margin-top: 15%; }
  .p-machinelist__label01 {
    font-size: 3.1vw; }
  .p-machinelist__label02 {
    font-size: 3.1vw; }
  .p-machinelist__img {
    width: 80%; } }

.p-wifilist ul {
  margin-top: 30px; }
.p-wifilist ul li {
  width: 20%; }
.p-wifilist ul li a {
  display: block; }
.p-wifilist ul li a:hover {
  transform: translateY(-10px); }
.p-wifilist ul li a:hover img {
  opacity: 1; }
@media only screen and (max-width: 768px) {
  .p-wifilist .c-heading01 {
    padding-top: 50px;
    border-top: 1px solid #D1D1D1; }
  .p-wifilist ul li {
    width: 50%;
    margin: auto; } }

.p-servicehead__img {
  margin: 50px calc(50% - 50vw) 0;
  width: 100vw; }
.p-servicehead__decoration {
  width: 20.4vw;
  height: 20.4vw;
  max-width: 286px;
  max-height: 286px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-top: -10%;
  position: relative;
  overflow: hidden; }
.p-servicehead__decoration img {
  width: 12.1vw;
  height: 12.1vw;
  max-width: 170px;
  max-height: 170px;
  margin: -11% auto 0; }
.p-servicehead__btn {
  margin-left: auto;
  width: 16.4vw;
  max-width: 230px; }
.p-servicehead + .p-serviceelem {
  margin-top: -125px; }
@media only screen and (max-width: 768px) {
  .p-servicehead__img {
    margin-top: 30px; }
  .p-servicehead__decoration {
    margin-top: -15%;
    width: 38.1vw;
    height: 38.1vw; }
  .p-servicehead__decoration img {
    width: 21.3vw;
    height: 21.3vw;
    max-width: 160px;
    max-height: 160px; }
  .p-servicehead__btn {
    margin-left: 0;
    width: 48.7vw;
    max-width: 365px;
    margin-top: -19%; }
  .p-servicehead + .p-serviceelem {
    margin-top: 0; } }

.p-serviceelem + .p-serviceelem {
  border-top: 17px solid #F3F3F3;
  margin-top: 30px;
  padding-top: 40px; }
.p-serviceelem__img--full {
  margin: 50px calc(50% - 50vw) 0;
  width: 100vw; }
.p-serviceelem__img img {
  display: block; }
.p-serviceelem__col01 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col01-left {
  width: 46.6%; }
.p-serviceelem__col01-right {
  width: 51.6%;
  margin-left: auto;
  margin-top: 4%; }
.p-serviceelem__col02 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col02-left {
  width: 40%;
  margin-top: 1.5%; }
.p-serviceelem__col02-right {
  width: 54.1%;
  margin-left: auto;
  margin-top: 2%; }
.p-serviceelem__col03 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col03-left {
  width: 60.4%;
  margin-top: 3.5%; }
.p-serviceelem__col03-right {
  width: 36.6%;
  margin-left: auto;
  margin-top: 4%; }
.p-serviceelem__col04 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col04-left {
  width: 55.8%;
  margin-left: -5%; }
.p-serviceelem__col04-right {
  width: 46.6%;
  margin-left: auto;
  margin-top: 11%;
  line-height: 2; }
.p-serviceelem__col05 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col05-left {
  width: 50%;
  margin-top: 3.5%; }
.p-serviceelem__col05-right {
  width: 27.24%;
  margin-left: 14%;
  margin-top: .4%; }
.p-serviceelem__col06 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col06-left {
  width: 40%;
  margin-top: -.5%; }
.p-serviceelem__col06-right {
  width: 47%;
  margin-left: auto;
  margin-top: 1.4%; }
.p-serviceelem__col07 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col07-left {
  width: 49%;
  margin-top: 1.5%; }
.p-serviceelem__col07-right {
  width: 40%;
  margin-left: auto;
  margin-top: 2%; }
.p-serviceelem__col08 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col08-left {
  width: 27.24%;
  margin-top: 3.5%;
  margin-left: 10.4%; }
.p-serviceelem__col08-right {
  width: 49.6%;
  margin-left: auto;
  margin-top: 4%; }
.p-serviceelem__col09 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col09-left {
  width: 45.8%;
  margin-top: 1%; }
.p-serviceelem__col09-right {
  width: 57.47%;
  margin-left: auto;
  margin-right: -3.4%;
  margin-top: 1%; }
.p-serviceelem__col10 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col10-left {
  width: 57.5%;
  margin-top: 1.3%;
  margin-left: -3.6%; }
.p-serviceelem__col10-right {
  width: 46%;
  margin-left: auto;
  margin-top: 5%; }
.p-serviceelem__col11 .c-heading03 + p {
  width: 50%; }
.p-serviceelem__col11 .p-serviceelem__img {
  margin-top: -150px; }
.p-serviceelem__col12 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col12-left {
  width: 42%;
  margin-top: 2.3%; }
.p-serviceelem__col12-right {
  width: 52.7%;
  margin-left: auto;
  margin-top: 1%; }
.p-serviceelem__col13 {
  display: flex;
  flex-wrap: wrap; }
.p-serviceelem__col13-left {
  width: 46.7%;
  margin-top: 2.3%; }
.p-serviceelem__col13-right {
  width: 47%;
  margin-left: auto;
  margin-top: 3%; }
@media only screen and (max-width: 768px) {
  .p-serviceelem + .p-serviceelem {
    border-top: 10px solid #F3F3F3;
    margin-top: 30px;
    padding-top: 20px; }
  .p-serviceelem__img {
    margin-top: 30px; }
  .p-serviceelem__img--full {
    margin-top: 30px; }
  .p-serviceelem__col01-left {
    width: 85%;
    margin: auto; }
  .p-serviceelem__col01-right {
    width: 100%;
    margin-top: 0; }
  .p-serviceelem__col02-left {
    width: 100%;
    margin-top: 0; }
  .p-serviceelem__col02-right {
    width: 100%;
    margin-top: 0; }
  .p-serviceelem__col03-left {
    width: 100%;
    margin-top: 0; }
  .p-serviceelem__col03-right {
    width: 100%;
    margin-top: 0; }
  .p-serviceelem__col04-left {
    width: 75%;
    margin: auto; }
  .p-serviceelem__col04-right {
    width: 100%;
    margin-top: 20px; }
  .p-serviceelem__col05-left {
    width: 100%;
    margin-top: 0; }
  .p-serviceelem__col05-right {
    width: 50%;
    margin: auto; }
  .p-serviceelem__col06-left {
    width: 75%;
    margin: auto; }
  .p-serviceelem__col06-right {
    width: 100%;
    margin-top: 0; }
  .p-serviceelem__col07-left {
    width: 100%;
    margin: auto; }
  .p-serviceelem__col07-right {
    width: 75%;
    margin: auto; }
  .p-serviceelem__col08-left {
    width: 50%;
    margin: auto; }
  .p-serviceelem__col08-right {
    width: 100%;
    margin-top: 0; }
  .p-serviceelem__col09-left {
    width: 100%;
    margin: auto; }
  .p-serviceelem__col09-right {
    width: 85%;
    margin: auto; }
  .p-serviceelem__col10-left {
    width: 85%;
    margin: auto; }
  .p-serviceelem__col10-right {
    width: 100%;
    margin: auto; }
  .p-serviceelem__col11 .c-heading03 + p {
    width: 100%; }
  .p-serviceelem__col11 .p-serviceelem__img {
    margin-top: 0; }
  .p-serviceelem__col12-left {
    width: 100%;
    margin: auto; }
  .p-serviceelem__col12-right {
    width: 65%;
    margin: auto; }
  .p-serviceelem__col13-left {
    width: 65%;
    margin: auto; }
  .p-serviceelem__col13-right {
    width: 100%;
    margin: auto; }
  .p-serviceelem__spbottom {
    order: 1; }
  .p-serviceelem__sptop {
    order: 0; } }

/* --------------------------- */
/* price */
.p-priceplan {
  	/*
  	&__text06 {
  		color: #FF0000;
  		width: 93%;
  		margin: 25px auto 20px;
  		@include font-size-vw(14);
  	}
  
  	 */ }
.p-priceplan ul {
  display: flex;
  align-items: flex-start; }
.p-priceplan ul > li {
  width: 19%;
  border-radius: 17px;
  overflow: hidden;
  margin-right: 1.5%;
  			/*
  			&:nth-child(2) {
  				border-color: #2C41C8;
  				.p-priceplan {
  					&__text01 {
  						background-color: #2C41C8;
  					}
  					&__text02 {
  						background-color: #2C41C8;
  					}
  					&__text03 {
  						background-color: #2C41C8;
  					}
  					&__text04 {
  						border-color: #2C41C8;
  						color: #2C41C8;
  					}
  				}
  			}
  			&:nth-child(3) {
  				border-color: #072481;
  				.p-priceplan {
  					&__text01 {
  						background-color: #072481;
  					}
  					&__text02 {
  						background-color: #072481;
  					}
  					&__text03 {
  						background-color: #072481;
  					}
  					&__text04 {
  						border-color: #072481;
  						color: #072481;
  					}
  				}
  			}
  
  			 */ }
.p-priceplan ul > li:nth-child(5n) {
  margin-right: 0; }
.p-priceplan__text01 {
  color: #fff;
  font-weight: bold;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  font-size: 22px;
  font-size: 2.2rem; }
@media only screen and (max-width: 1290px) {
  .p-priceplan__text01 {
    font-size: 1.8vw; } }
.p-priceplan__text02 {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 1.5em 0 .5em;
  z-index: 0;
  position: relative; }
@media only screen and (max-width: 1290px) {
  .p-priceplan__text02 {
    font-size: 1vw; } }
.p-priceplan__text02:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 5em;
  height: 100%;
  background: #fff;
  border-radius: 30px;
  z-index: -1; }
.p-priceplan__text03 {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-bottom: 17px;
  font-size: 22px;
  font-size: 2.2rem; }
@media only screen and (max-width: 1290px) {
  .p-priceplan__text03 {
    font-size: 1.8vw; } }
.p-priceplan__text03 small {
  font-size: 15px;
  font-size: 1.5rem; }
@media only screen and (max-width: 1290px) {
  .p-priceplan__text03 small {
    font-size: 1.2vw; } }
.p-priceplan__text04 {
  color: #5A96FF;
  font-weight: bold;
  text-align: center;
  padding: 7px 0;
  box-shadow: 0px 9px 17px #eee;
  font-size: 18px;
  font-size: 1.8rem; }
@media only screen and (max-width: 1290px) {
  .p-priceplan__text04 {
    font-size: 1.4vw; } }
.p-priceplan__text04 small {
  font-size: 12px;
  font-size: 1.2rem; }
@media only screen and (max-width: 1290px) {
  .p-priceplan__text04 small {
    font-size: 1vw; } }
.p-priceplan__text05 {
  width: 90%;
  margin: 15px auto 0;
  font-size: 13px;
  font-size: 1.3rem; }
@media only screen and (max-width: 1290px) {
  .p-priceplan__text05 {
    font-size: 1vw; } }
.p-priceplan__list {
  width: 93%;
  margin: 15px auto 0;
  display: block !important; }
.p-priceplan__list > li {
  border: none !important;
  width: 100% !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
  font-size: 13px;
  font-size: 1.3rem;
  			/*
                  @include font-size-vw(18);
                  &::before {
                      content: '✓';
                      margin-right: 3px;
                  }
                  &:nth-child(n+2) {
                      margin-top: 8px!important;
                  }
  
                   */
  display: flex;
  align-items: center; }
.p-priceplan__list > li + li {
  margin-top: 20px; }
@media only screen and (max-width: 1290px) {
  .p-priceplan__list > li {
    font-size: 1vw; } }
.p-priceplan__list > li img {
  width: 70px;
  margin-right: 1.4em; }
.p-priceplan .c-noteList {
  display: block !important;
  margin-top: -8em; }
.p-priceplan .c-noteList > li {
  border: none !important;
  width: 100% !important;
  margin-right: 0 !important; }
.p-priceplan .c-noteList > li:nth-child(n+2) {
  margin-top: 5px !important; }
.p-priceplan .plan01, .p-priceplan .plan02, .p-priceplan .plan03, .p-priceplan .plan04, .p-priceplan .plan05 {
  box-shadow: 10px 10px 17px #eee;
  padding-bottom: 25px; }
.p-priceplan .plan01 {
  border: 1px solid #F8B300; }
.p-priceplan .plan01 > div {
  background-image: linear-gradient(0deg, #f8b300 68%, #fccb00 90%); }
.p-priceplan .plan01 .p-priceplan__text02, .p-priceplan .plan01 .p-priceplan__text04, .p-priceplan .plan01 .p-priceplan__text05 {
  color: #F8B300; }
.p-priceplan .plan01 .p-priceplan__text04 {
  border-bottom: solid 1px #F8B300; }
.p-priceplan .plan02 {
  border: 1px solid #65AF29; }
.p-priceplan .plan02 > div {
  background-image: linear-gradient(0deg, #6ab82d 68%, #8ec31f 90%); }
.p-priceplan .plan02 .p-priceplan__text02, .p-priceplan .plan02 .p-priceplan__text04, .p-priceplan .plan02 .p-priceplan__text05 {
  color: #65AF29; }
.p-priceplan .plan02 .p-priceplan__text04 {
  border-bottom: solid 1px #65AF29; }
.p-priceplan .plan03 {
  border: 1px solid #2EBACE; }
.p-priceplan .plan03 > div {
  background-image: linear-gradient(0deg, #2ebace 68%, #69c5d0 90%); }
.p-priceplan .plan03 .p-priceplan__text02, .p-priceplan .plan03 .p-priceplan__text04, .p-priceplan .plan03 .p-priceplan__text05 {
  color: #2EBACE; }
.p-priceplan .plan03 .p-priceplan__text04 {
  border-bottom: solid 1px #2EBACE; }
.p-priceplan .plan04 {
  border: 1px solid #EE8284; }
.p-priceplan .plan04 > div {
  background-image: linear-gradient(0deg, #ee8284 68%, #f29b8f 90%); }
.p-priceplan .plan04 .p-priceplan__text02, .p-priceplan .plan04 .p-priceplan__text04, .p-priceplan .plan04 .p-priceplan__text05 {
  color: #EE8284; }
.p-priceplan .plan04 .p-priceplan__text04 {
  border-bottom: solid 1px #EE8284; }
.p-priceplan .plan05 {
  border: 1px solid #8B71B1; }
.p-priceplan .plan05 > div {
  background-image: linear-gradient(0deg, #8b71b1 68%, #b27ab2 90%); }
.p-priceplan .plan05 .p-priceplan__text02, .p-priceplan .plan05 .p-priceplan__text04, .p-priceplan .plan05 .p-priceplan__text05 {
  color: #8B71B1; }
.p-priceplan .plan05 .p-priceplan__text04 {
  border-bottom: solid 1px #8B71B1; }
@media only screen and (max-width: 768px) {
  .p-priceplan ul {
    display: block; }
  .p-priceplan ul > li {
    width: 100%;
    border-radius: 17px; }
  .p-priceplan ul > li:nth-child(n+2) {
    margin-top: 20px; }
  .p-priceplan__text01 {
    padding-top: 10px;
    font-size: 8vw; }
  .p-priceplan__text02 {
    font-size: 3.9vw; }
  .p-priceplan__text03 {
    font-size: 7.1vw; }
  .p-priceplan__text03 small {
    font-size: 5.7vw; }
  .p-priceplan__text04 {
    font-size: 5.2vw; }
  .p-priceplan__text04 small {
    font-size: 4.5vw; }
  .p-priceplan__text05 {
    font-size: 3.5vw; }
  .p-priceplan__text06 {
    font-size: 2.9vw; }
  .p-priceplan__list {
    display: block !important; }
  .p-priceplan__list > li {
    font-size: 4vw; }
  .p-priceplan .c-noteList {
    margin-top: 30px; } }

@media only screen and (max-width: 768px) {
  .p-pricesim {
    border-top: 1px solid #D1D1D1; } }

/* --------------------------- */
/* considering */
.p-considering .c-heading {
  text-align: center; }
.p-considering .c-heading span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  background: #006EE7;
  padding: 0.5em 1.5em;
  border-radius: 30px;
  position: relative; }
@media only screen and (max-width: 1290px) {
  .p-considering .c-heading span {
    font-size: 1.4vw; } }
.p-considering .c-heading span:after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34px 15px 0 15px;
  border-color: #006EE7 transparent transparent transparent; }
.p-considering .c-heading + p {
  text-align: center;
  font-weight: bold;
  margin-top: 0.5em;
  line-height: 1.4;
  font-size: 50px;
  font-size: 5rem; }
@media only screen and (max-width: 1290px) {
  .p-considering .c-heading + p {
    font-size: 4vw; } }
.p-considering .c-heading + p span {
  font-size: 35px;
  font-size: 3.5rem;
  background: linear-gradient(transparent 60%, #FFFF00 60%); }
@media only screen and (max-width: 1290px) {
  .p-considering .c-heading + p span {
    font-size: 2.8vw; } }
.p-considering .c-heading + p span em {
  font-size: 40px;
  font-size: 4rem;
  color: #006EE7; }
@media only screen and (max-width: 1290px) {
  .p-considering .c-heading + p span em {
    font-size: 3.2vw; } }
.p-considering__btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 75px; }
.p-considering__btns > li {
  width: 23.5%; }
.p-considering__btns > li + li {
  margin-left: 2%; }
.p-considering__btns > li a {
  font-size: 18px;
  font-size: 1.8rem;
  background: #FFFF00;
  border-radius: 10px;
  box-shadow: 3px 7px 8px #bbb;
  width: 100%;
  min-height: 104px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  letter-spacing: -1px;
  line-height: 1.2; }
@media only screen and (max-width: 1290px) {
  .p-considering__btns > li a {
    font-size: 1.4vw; } }
.p-considering__btns > li a span {
  position: relative;
  padding-left: 50px; }
.p-considering__btns > li a span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 50px;
  height: 40px; }
.p-considering__btns > li a small {
  font-size: 18px;
  font-size: 1.8rem; }
@media only screen and (max-width: 1290px) {
  .p-considering__btns > li a small {
    font-size: 1.4vw; } }
.p-considering__btns > li a:hover {
  text-decoration: none; }
.p-considering__btns > li:nth-child(1) a span:before {
  background: url(/assets/img/considering/icon_01.png) no-repeat center center;
  background-size: contain; }
.p-considering__btns > li:nth-child(2) a span:before {
  background: url(/assets/img/considering/icon_02.png) no-repeat center center;
  background-size: contain; }
.p-considering__btns > li:nth-child(3) a span:before {
  background: url(/assets/img/considering/icon_03.png) no-repeat center center;
  background-size: contain; }
.p-considering__btns > li:nth-child(4) a span:before {
  background: url(/assets/img/considering/icon_04.png) no-repeat center center;
  background-size: contain; }
.p-considering__tools {
  width: 67vw;
  margin: 60px auto 0; }
.p-considering__request {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
.p-considering__copy {
  color: #006EE7;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
  margin-top: 15px;
  letter-spacing: -1px;
  line-height: 2; }
@media only screen and (max-width: 1290px) {
  .p-considering__copy {
    font-size: 2.1vw; } }
.p-considering__copy + figure {
  margin-top: 40px; }
.p-considering__copytext-box {
  border: solid 1px #cacaca;
  padding: 0 1em 1em;
  margin-top: 1em;
  margin-bottom: 60px; }
.p-considering__copytext {
  font-weight: bold;
  font-size: 19px;
  font-size: 1.9rem;
  margin-top: 15px;
  letter-spacing: -1px;
  line-height: 1.7; }
@media only screen and (max-width: 1290px) {
  .p-considering__copytext {
    font-size: 1.5vw; } }
.p-considering__copytext + figure {
  margin-top: 40px; }
.p-considering__copytext + figure.img_consult {
  width: 86%;
  margin-left: auto;
  margin-right: auto; }
.p-considering__pamphlet {
  width: 54%; }
.p-considering__formarea {
  width: 44%;
  margin-top: 20px; }
.p-considering .form-area {
  background: #F9F9F9;
  padding: 20px 32px 40px; }
.p-considering .form-area + [class*='c-heading'] {
  margin-top: 80px; }
.p-considering .form-area .form-group__text {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: -.5;
  margin-top: 25px;
  padding-left: 1em;
  text-indent: -1em; }
@media only screen and (max-width: 1290px) {
  .p-considering .form-area .form-group__text {
    font-size: 1.1vw; } }
.p-considering .target_credit + [class*='c-heading'] {
  margin-top: 80px; }
.p-considering .form-group__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
.p-considering .form-group__inner > .calendar {
  width: 57%; }
.p-considering .form-group__inner > .times {
  width: 39%; }
.p-considering .form-group__inner > .expiry {
  width: 55%; }
.p-considering .form-group__inner > .securitycode {
  width: 41%; }
.p-considering__formareacomplete {
  width: 100%;
  background: #F9F9F9;
  border-radius: 30px;
  padding: 23px;
  font-size: 21px;
  font-size: 2.1rem;
  margin-top: 20px; }
@media only screen and (max-width: 1290px) {
  .p-considering__formareacomplete {
    font-size: 1.7vw; } }
.p-considering__formareacomplete .title {
  color: #006EE7;
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: solid 1px #BDBDBD;
  margin-bottom: 15px; }
@media only screen and (max-width: 1290px) {
  .p-considering__formareacomplete .title {
    font-size: 3.8vw; } }
.p-considering__formareacomplete .title + p {
  padding: 15px;
  line-height: 2.1; }
.p-considering__formareacomplete .img_complete {
  padding: 60px 0 50px;
  text-align: center; }
.p-considering__formareacomplete .img_complete img {
  width: 192px; }
.p-considering__formareacomplete .img_complete + p {
  line-height: 2.1; }
.p-considering__account form {
  width: 592px;
  margin: 60px auto; }
.p-considering__account form .form-area {
  background: #F9F9F9;
  padding: 35px 32px 60px; }
.p-considering__prepare {
  padding-top: 100px;
  padding-bottom: 60px; }
.p-considering__prepare_inner {
  display: flex;
  justify-content: space-between;
  padding: 0 5vw; }
.p-considering__prepare_inner > * {
  width: 31%;
  background: #fff;
  border: solid 1px #CACACA;
  border-radius: 22px;
  text-align: center;
  padding: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold; }
@media only screen and (max-width: 1290px) {
  .p-considering__prepare_inner > * {
    font-size: 1.4vw; } }
.p-considering__prepare_inner .p-considering__prepare-header {
  color: #006EE7;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 1em; }
@media only screen and (max-width: 1290px) {
  .p-considering__prepare_inner .p-considering__prepare-header {
    font-size: 1.4vw; } }
.p-considering__prepare_inner [class*=img_account] {
  width: 98%; }
.p-considering__prepare_inner .img_account01, .p-considering__prepare_inner .img_account03 {
  margin-bottom: 10px; }
.p-considering__greeting {
  padding-top: 100px;
  padding-bottom: 60px; }
.p-considering__greeting_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 22px;
  font-size: 2.2rem; }
@media only screen and (max-width: 1290px) {
  .p-considering__greeting_inner {
    font-size: 1.8vw; } }
.p-considering__greeting_inner figure {
  width: 186px;
  margin-right: 1em; }
.p-considering__payment {
  text-align: center;
  margin-bottom: 100px; }
.p-considering__payment .text {
  color: #006EE7;
  font-size: 18px;
  font-size: 1.8rem; }
@media only screen and (max-width: 1290px) {
  .p-considering__payment .text {
    font-size: 1.4vw; } }
.p-considering__payment .img_credit {
  width: 100%;
  max-width: 590px;
  margin-top: 25px; }
.p-considering__payment-inner {
  font-size: 20px;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  /* ラジオボタン */ }
@media only screen and (max-width: 1290px) {
  .p-considering__payment-inner {
    font-size: 1.6vw; } }
.p-considering__payment-inner > div {
  margin-left: 15px; }
.p-considering__payment-inner .radiobox {
  display: flex;
  align-items: center;
  justify-content: center; }
.p-considering__payment-inner .radiobutton {
  display: none; }
.p-considering__payment-inner label {
  background-color: #fff;
  padding: 12px 20px;
  min-width: 217px;
  border-top: solid 1px #006EE7;
  border-bottom: solid 1px #006EE7;
  border-left: solid 1px #006EE7;
  color: #006EE7;
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px; }
.p-considering__payment-inner label:last-child {
  border-right: solid 1px #006EE7;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px; }
.p-considering__payment-inner .radiobutton:checked + label {
  background-color: #006EE7;
  box-shadow: inset 5px 10px 10px rgba(0, 0, 0, 0.4);
  color: #fff; }
@media only screen and (max-width: 768px) {
  .p-considering .c-heading span {
    font-size: 4vw; }
  .p-considering .c-heading span:after {
    bottom: -20px;
    border-width: 24px 15px 0 15px; }
  .p-considering .c-heading + p {
    margin-top: 1.5em; }
  .p-considering__btns {
    flex-wrap: wrap;
    margin-top: 40px; }
  .p-considering__btns > li {
    width: 48%;
    margin-bottom: 20px; }
  .p-considering__btns > li a {
    font-size: 3.3vw;
    min-height: 10em; }
  .p-considering__btns > li a span {
    padding-left: 0;
    padding-top: 50px; }
  .p-considering__btns > li a span:before {
    top: 0;
    left: 50%;
    transform: translateY(0) translateX(-50%); }
  .p-considering__btns > li a small {
    font-size: 3.3vw; }
  .p-considering__btns > li:nth-child(1) a span:before {
    background-position: center top; }
  .p-considering__tools {
    width: 100%;
    margin: 40px auto 0; }
  .p-considering__tools + .p-considering__btns {
    margin-top: 20px; }
  .p-considering__copy {
    margin-top: 20px;
    line-height: 2;
    font-size: 4vw; }
  .p-considering__copy + figure {
    margin-top: 20px; }
  .p-considering__copytext {
    font-size: 3.7vw; }
  .p-considering__copytext + figure {
    margin-top: 20px; }
  .p-considering__copytext + figure.img_consult {
    width: 100%; }
  .p-considering__pamphlet {
    width: 100%; }
  .p-considering__formarea {
    width: 100%; }
  .p-considering__formarea form {
    padding: 1em; }
  .p-considering .form-area {
    padding: 20px; }
  .p-considering .form-area + [class*='c-heading'] {
    margin-top: 40px; }
  .p-considering .form-area .form-group__text {
    font-size: 3.3vw;
    letter-spacing: -.5;
    margin-top: 25px; }
  .p-considering .target_credit + [class*='c-heading'] {
    margin-top: 40px; }
  .p-considering .form-group__inner > .calendar {
    width: 100%; }
  .p-considering .form-group__inner > .times {
    width: 100%;
    margin-top: 20px; }
  .p-considering .form-group__inner > .expiry {
    width: 100%; }
  .p-considering .form-group__inner > .securitycode {
    width: 100%;
    margin-top: 10px; }
  .p-considering__formareacomplete {
    border-radius: 15px;
    padding: 15px;
    font-size: 3.7vw;
    margin-top: 20px; }
  .p-considering__formareacomplete .title {
    color: #006EE7;
    font-size: 4vw;
    padding-bottom: 1em;
    margin-bottom: 1em; }
  .p-considering__formareacomplete .title + p {
    padding: 0 15px;
    line-height: 1.5; }
  .p-considering__formareacomplete .img_complete {
    padding: 30px 0; }
  .p-considering__formareacomplete .img_complete img {
    width: 100px; }
  .p-considering__formareacomplete .img_complete + p {
    text-align: left; }
  .p-considering__account form {
    width: 100%;
    margin: 30px auto; }
  .p-considering__account form .form-area {
    padding: 20px; }
  .p-considering__prepare {
    padding-top: 50px;
    padding-bottom: 30px; }
  .p-considering__prepare_inner {
    flex-direction: column;
    flex-wrap: wrap; }
  .p-considering__prepare_inner > * {
    width: 100%;
    border-radius: 15px;
    font-size: 2.9vw;
    font-weight: bold; }
  .p-considering__prepare_inner > * + * {
    margin-top: 25px; }
  .p-considering__prepare_inner .p-considering__prepare-header {
    font-size: 3.7vw; }
  .p-considering__prepare_inner [class*=img_account] {
    width: 98%; }
  .p-considering__prepare_inner .img_account01, .p-considering__prepare_inner .img_account03 {
    margin-bottom: 0; }
  .p-considering__greeting {
    padding-top: 50px;
    padding-bottom: 30px; }
  .p-considering__greeting_inner {
    flex-direction: column;
    font-size: 4.3vw; }
  .p-considering__greeting_inner figure {
    width: 40%;
    margin-right: 0;
    margin-bottom: 1em; }
  .p-considering__payment {
    margin-bottom: 50px; }
  .p-considering__payment .text {
    font-size: 3.7vw; }
  .p-considering__payment-inner {
    font-size: 3.7vw;
    flex-direction: column; }
  .p-considering__payment-inner > div {
    margin: 0; }
  .p-considering__payment-inner .radiobox {
    width: 100%;
    margin-top: 1em; }
  .p-considering__payment-inner label {
    font-size: 3.3vw;
    width: 50%;
    min-width: inherit; } }

/* ---------------------------- */
/* --------------------------- */
/* text */
.u-text-strong {
  font-weight: bold; }

.u-text-italic {
  font-style: italic; }

.u-text-center {
  text-align: center; }

.u-text-left {
  text-align: left; }

.u-text-right {
  text-align: right; }

.u-text-min {
  font-size: 85%; }

.u-text-nolink {
  pointer-events: none; }

.u-text-decoration {
  text-decoration: underline; }

.u-text-color-key {
  color: #006EE7; }

.u-text-color-red {
  color: #FF0000; }

.u-text-price::before {
  content: '￥'; }

.u-text-lspace_3 {
  letter-spacing: -3px; }

/* --------------------------- */
/* margin */
.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

@media only screen and (max-width: 768px) {
  .spmt0 {
    margin-top: 0px !important; }

  .spmt5 {
    margin-top: 5px !important; }

  .spmt10 {
    margin-top: 10px !important; }

  .spmt15 {
    margin-top: 15px !important; }

  .spmt20 {
    margin-top: 20px !important; }

  .spmt25 {
    margin-top: 25px !important; }

  .spmt30 {
    margin-top: 30px !important; }

  .spmt35 {
    margin-top: 35px !important; }

  .spmt40 {
    margin-top: 40px !important; }

  .spmt45 {
    margin-top: 45px !important; }

  .spmt50 {
    margin-top: 50px !important; }

  .spmt55 {
    margin-top: 55px !important; }

  .spmt60 {
    margin-top: 60px !important; }

  .spmt65 {
    margin-top: 65px !important; }

  .spmt70 {
    margin-top: 70px !important; }

  .spmt75 {
    margin-top: 75px !important; }

  .spmt80 {
    margin-top: 80px !important; }

  .spmt85 {
    margin-top: 85px !important; }

  .spmt90 {
    margin-top: 90px !important; }

  .spmt95 {
    margin-top: 95px !important; }

  .spmt100 {
    margin-top: 100px !important; } }
.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.mb100 {
  margin-bottom: 100px !important; }

@media only screen and (max-width: 768px) {
  .spmb0 {
    margin-bottom: 0px !important; }

  .spmb5 {
    margin-bottom: 5px !important; }

  .spmb10 {
    margin-bottom: 10px !important; }

  .spmb15 {
    margin-bottom: 15px !important; }

  .spmb20 {
    margin-bottom: 20px !important; }

  .spmb25 {
    margin-bottom: 25px !important; }

  .spmb30 {
    margin-bottom: 30px !important; }

  .spmb35 {
    margin-bottom: 35px !important; }

  .spmb40 {
    margin-bottom: 40px !important; }

  .spmb45 {
    margin-bottom: 45px !important; }

  .spmb50 {
    margin-bottom: 50px !important; }

  .spmb55 {
    margin-bottom: 55px !important; }

  .spmb60 {
    margin-bottom: 60px !important; }

  .spmb65 {
    margin-bottom: 65px !important; }

  .spmb70 {
    margin-bottom: 70px !important; }

  .spmb75 {
    margin-bottom: 75px !important; }

  .spmb80 {
    margin-bottom: 80px !important; }

  .spmb85 {
    margin-bottom: 85px !important; }

  .spmb90 {
    margin-bottom: 90px !important; }

  .spmb95 {
    margin-bottom: 95px !important; }

  .spmb100 {
    margin-bottom: 100px !important; } }
@media only screen and (min-width: 768px) {
  .pcpb0 {
    padding-bottom: 0; } }

@media only screen and (max-width: 768px) {
  .sppb0 {
    padding-bottom: 0; } }

@media only screen and (max-width: 768px) {
  .spmt-10p {
    margin-top: -10%; } }

/*# sourceMappingURL=common.css.map */