@charset "UTF-8";
@media screen and (min-width: 640px) {
  .sp_br {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .pc_br {
    display: none;
  }
}

.spimg {
  display: none;
}
@media (max-width: 1100px) {
  .spimg {
    display: block;
  }
}

.spimg2 {
  display: none;
}
@media (max-width: 820px) {
  .spimg2 {
    display: block;
  }
}

.pcimg {
  width: 360px;
  max-width: 100%;
}
@media (max-width: 1100px) {
  .pcimg {
    display: none;
  }
}

@media (max-width: 1100px) {
  .pcimg2 {
    display: none;
  }
}

.textcenter {
  text-align: center;
}

/*フェードインアニメ*/
/*スクロールなし*/
.fade {
  animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade2 {
  animation: fadeIn 5s ease 0s 1 normal;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*スクロール*/
.moveCar {
  animation: anim2 10s infinite;
}

@keyframes anim2 {
  0% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(100vw);
  }
}
/*左から右にフェードイン*/
.left-to-right {
  opacity: 0.1;
  transform: translateX(-20px);
  transition: all 1s;
}

.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0);
}

/*下から上にフェードイン*/
.down-to-top {
  opacity: 0.1;
  transform: translateY(20px);
  transition: all 1s;
}

.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}

.downleft-to-top {
  opacity: 0.1;
  transform: translate(-50px, 50px);
  transition: all 1s;
}

.downleft-to-top.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.slidein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1s;
}
.slidein.slidein-left {
  transform: translate(-100%, 0);
}
.slidein.slidein-right {
  transform: translate(100%, 0);
}
.slidein.slidein-up {
  transform: translate(0, -100%);
}
.slidein.slidein-bottom {
  transform: translate(0, 100%);
}
.slidein.scrollin {
  transform: translate(0, 0) !important;
  opacity: 1 !important;
}

.fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 3s;
}
.fadein.fadein-left {
  transform: translate(-30px, 0);
}
.fadein.fadein-right {
  transform: translate(30px, 0);
}
.fadein.fadein-up {
  transform: translate(0, -30px);
}
.fadein.fadein-bottom {
  transform: translate(0, 30px);
}
.fadein.scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

.rotation {
  transition: all 3s;
  opacity: 0;
}
.rotation.rotation-x {
  transform: rotateX(180deg);
}
.rotation.rotation-y {
  transform: rotateY(180deg);
}
.rotation.rotation-clockwise {
  transform: rotate(-170deg);
}
.rotation.rotation-counterclockwise {
  transform: rotate(170deg);
}
.rotation.scrollin {
  transform: translate(0, 0) !important;
  opacity: 1 !important;
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
*, *:before, *:after {
  box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a.noborder {
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

button {
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo B", sans-serif;
  font-weight: bold;
  cursor: pointer;
}

body {
  color: #343434;
  background: white;
}

.container {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

a {
  color: #5482AD;
}

a:hover {
  color: #62BBFD;
}

h3 {
  font-size: 27px;
  line-height: 1.5;
  margin-bottom: 45px;
}
@media (min-width: 640px) and (max-width: 820px) {
  h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 640px) {
  h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

p {
  font-size: 16px;
  line-height: 2;
}

header {
  width: 100%;
  background: white;
  height: 140px;
  align-items: center;
  display: flex;
  margin: 0 auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  position: fixed;
  width: 100%;
  z-index: 100;
  font-weight: bold;
}
@media (max-width: 1100px) {
  header {
    height: 80px;
    position: fixed;
  }
}
header h1 img {
  width: 150px;
  margin-left: 40px;
}
@media screen and (min-width: 1100px) {
  header .hamberger-menu {
    display: none;
  }
}
header .menu-btn {
  position: fixed;
  top: 10px;
  right: 10px;
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  background-color: white;
}
@media screen and (min-width: 1100px) {
  header .menu-btn {
    display: none;
  }
}
header .menu-btn span,
header .menu-btn span:before,
header .menu-btn span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background-color: #5482AD;
  position: absolute;
}
header .menu-btn span:before {
  bottom: 8px;
}
header .menu-btn span:after {
  top: 8px;
}
header #menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
}
header #menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}
header #menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}
header #menu-btn-check {
  display: none;
}
header .sp_nav {
  width: 100%;
  height: 40%;
  position: fixed;
  top: 0;
  left: 100%; /*leftの値を変更してメニューを画面外へ*/
  z-index: 80;
  background-color: #3584bb;
  transition: all 0.5s; /*アニメーション設定*/
}
@media screen and (min-width: 1100px) {
  header .sp_nav {
    display: none;
  }
}
header .sp_nav ul {
  padding: 70px 10px 0;
}
header .sp_nav ul li {
  border-bottom: solid 1px #ffffff;
  list-style: none;
}
header .sp_nav ul li a {
  display: block;
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
  color: #ffffff;
  text-decoration: none;
  padding: 9px 15px 10px 0;
  position: relative;
}
header #menu-btn-check:checked ~ .sp_nav {
  left: 0%; /*メニューを画面内へ*/
}
header .pc_nav {
  margin-left: auto;
}
header .pc_nav ul {
  height: 86px;
  display: flex;
}
@media (max-width: 1100px) {
  header .pc_nav ul {
    display: none;
  }
}
header .pc_nav ul li {
  padding-top: 35px;
  list-style: none;
}
header .pc_nav ul li a {
  text-decoration: none;
  color: #343434;
  padding: 0 20px;
}
header .pc_nav ul li.thispage {
  background: url(../img/menu_circle.svg) no-repeat center center;
}
header .pc_nav ul li:nth-of-type(4) {
  padding: 0;
  padding-top: 5px;
}
header .pc_nav ul li:nth-of-type(4) div {
  padding: 10px 20px;
  padding-top: 12px;
  height: 42px;
  background: #D3E6E8;
  border-radius: 11px;
  margin-right: 50px;
}

main {
  padding-top: 140px;
}
@media (max-width: 1100px) {
  main {
    padding-top: 80px;
  }
}

#sky {
  background-color: white;
  background-image: url(../img/sora.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-bottom: 125px;
}
@media (max-width: 820px) {
  #sky {
    padding-bottom: 0;
    background-position: bottom;
  }
}

#firstview {
  height: 874px;
}
@media (max-width: 820px) {
  #firstview {
    height: 90vh;
  }
}
#firstview .container {
  width: 1100px;
  padding-top: 130px;
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo L", sans-serif;
  text-align: center;
}
@media (max-width: 820px) {
  #firstview .container {
    width: 100%;
    padding-top: 10vh;
    display: block;
    text-align: left;
  }
}
#firstview .container .item {
  color: white;
  border-radius: 30px;
}
@media (max-width: 820px) {
  #firstview .container .item {
    width: 100%;
    background: none;
    padding: 0px 10%;
  }
}
#firstview .container .item h2 {
  font-size: 60px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (max-width: 820px) {
  #firstview .container .item h2 {
    font-size: 35px;
  }
}
#firstview .container .item p {
  font-size: 30px;
}
@media (max-width: 820px) {
  #firstview .container .item p {
    color: white;
    line-height: 1.5;
    font-size: 18px;
  }
}

#intro .container {
  background: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px;
  border-radius: 20px;
  box-shadow: 8px 8px 0 0 #9ECBED;
  position: relative;
}
#intro .container img#navi_1st {
  width: 350px;
  position: absolute;
  top: -500px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media (max-width: 640px) {
  #intro .container img#navi_1st {
    display: block;
    position: absolute;
    top: -50vh;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 70%;
  }
}
@media screen and (min-width: 1100px) {
  #intro .container {
    max-width: 1232px;
    padding: 116px;
  }
}
@media (min-width: 640px) and (max-width: 820px) {
  #intro .container {
    flex-direction: row;
  }
}
@media screen and (min-width: 800px) {
  #intro .container .item {
    width: 420px;
    padding: 20px;
  }
}
@media screen and (min-width: 1100px) {
  #intro .container .item {
    width: 460px;
    padding: 0;
  }
}
#intro .container .item img#youarehere {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1100px) {
  #intro .container .item img#youarehere {
    max-width: 430px;
  }
}
@media (min-width: 640px) and (max-width: 820px) {
  #intro .container .item img#youarehere {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 50px;
    max-width: 300px;
  }
}
@media (max-width: 640px) {
  #intro .container .item img#youarehere {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 820px) {
  #intro .container {
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  #intro .container {
    flex-direction: column;
    align-items: baseline;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    padding: 20px 10% 50px 10%;
  }
}
@media (max-width: 640px) {
  #intro .container h3 {
    font-size: 14px;
    text-align: right;
    display: block;
    margin-bottom: 70px;
    padding-top: 140px;
    background: url(../img/navigoal1.svg) no-repeat left top 20px;
  }
}

#news {
  height: 600px;
  background: url(../img/news_bg.svg) no-repeat center top 40%;
  padding-top: 150px;
}
@media (max-width: 640px) {
  #news {
    background: none;
    height: 100%;
    padding-top: 0;
  }
}
#news .container {
  background-color: white;
  margin: 0 auto;
  border: 5px solid #5482AD;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 640px) {
  #news .container {
    border-radius: 0;
  }
}
#news .container h3 {
  background-color: #5482AD;
  color: white;
  text-align: center;
  padding: 20px 0;
}
#news .container ul {
  list-style: none;
  padding: 0px 27px;
}
#news .container ul li {
  margin-bottom: 24px;
  line-height: 2;
}
#news .container ul li br {
  margin-bottom: 10px;
}
#news .container ul li:last-child {
  margin-bottom: 50px;
}
#news .container ul span {
  color: white;
  padding: 6px 13px;
  margin-right: 30px;
}
@media (max-width: 640px) {
  #news .container ul span {
    line-height: 400%;
  }
}
#news .container ul .newstag {
  background-color: #5482AD;
}
#news .container ul .eventtag {
  background-color: #FF8E8E;
}

#foryou {
  background: url(../img/foryou_bg_left.svg) no-repeat left -5%, url(../img/tsubame_navi.png) no-repeat right top 5%/40%, url(../img/foryou_bg_right.svg) no-repeat right 40% bottom 100px;
}
@media (max-width: 820px) {
  #foryou {
    background: none;
    background-color: #FFF9AD;
  }
}
#foryou .container {
  text-align: center;
  max-width: 903px;
  height: 903px;
  background-image: url(../img/foryou.svg);
  background-repeat: no-repeat;
  padding-top: 210px;
}
@media (max-width: 820px) {
  #foryou .container {
    background: none;
    height: 700px;
    padding: 10px 10%;
  }
}
#foryou .container h3 {
  margin: 50px 0;
}
#foryou .container ul {
  list-style: none;
  line-height: 200%;
}
@media (max-width: 640px) {
  #foryou .container ul {
    text-align: left;
  }
}
#foryou .container ul li {
  padding-top: 12px;
  padding-bottom: 12px;
}
#foryou .container img {
  width: 168px;
  opacity: 0.7;
  margin-top: 40px;
}

#about {
  padding-top: 115px;
  padding-bottom: 105px;
  background: url(../img/hyoshiki.svg) no-repeat left, url(../img/about_cloud.svg) no-repeat right 10% center;
}
@media screen and (max-width: 1439px) {
  #about {
    background: none;
  }
}
@media (max-width: 640px) {
  #about {
    padding-top: 0;
    background-color: #5482AD;
  }
}
#about .container {
  width: 914px;
  height: 560px;
  background-color: #5482AD;
  color: white;
  border-radius: 28px;
  border: 10px solid white;
  padding: 100px 85px;
  position: relative;
}
@media (max-width: 820px) {
  #about .container {
    width: auto;
    border-radius: 0;
    border: none;
    padding: 100px 10%;
    padding-bottom: 30px;
    height: 100%;
  }
}
@media (min-width: 640px) and (max-width: 820px) {
  #about .container {
    height: 700px;
  }
}
#about .container h3 {
  width: 75%;
}
@media (max-width: 640px) {
  #about .container h3 {
    width: 100%;
  }
  #about .container h3 br {
    display: none;
  }
}
@media (max-width: 640px) {
  #about .container p br {
    display: none;
  }
}
#about .container img#navistudy {
  position: absolute;
  max-width: 158px;
  top: 80px;
  right: 100px;
}
@media (max-width: 820px) {
  #about .container img#navistudy {
    display: none;
  }
}
#about .container div {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 50px;
}
@media (max-width: 820px) {
  #about .container div {
    flex-direction: column;
    align-items: center;
  }
}
#about .container img#tools {
  width: 372px;
}
@media (max-width: 820px) {
  #about .container img#tools {
    display: none;
  }
}
#about .container img#tools_sp {
  display: none;
}
@media (max-width: 820px) {
  #about .container img#tools_sp {
    display: block;
    margin: 0 auto;
    width: 90%;
    padding: 45px 0;
  }
}
#about .container a {
  text-decoration: none;
}
#about .container button {
  display: block;
  background-color: white;
  width: 317px;
  height: 63px;
  font-size: 25px;
  border: none;
  border-radius: 36px;
  color: #5482AD;
  transition: all 0.3s;
}
@media (max-width: 820px) {
  #about .container button {
    width: 300px;
    font-size: 20px;
  }
}
@media (max-width: 820px) {
  #about .container button i {
    display: none;
  }
}
#about .container button:hover {
  background-color: rgb(176.5, 221, 254);
}

div.planbg {
  background: url(../img/tree.svg) repeat-x bottom, url(../img/bg_plan_l.svg) no-repeat left 5% top, url(../img/bg_plan_r.svg) no-repeat right 5% top 30%;
}
@media (max-width: 820px) {
  div.planbg {
    background: none;
  }
}
@media (max-width: 820px) {
  div.planbg .inner {
    flex-direction: column;
    align-items: center;
  }
}

.plan {
  padding-top: 100px;
  position: relative;
  /*   .option{
         position: relative;
         display: flex;
         border:$red solid 5px;
         margin-top:50px;

         @include mobile_and_tablet(){
             width:85%;
             flex-direction:column;
             align-items: center;
             height: 450px;
             margin-top:120px;
         }
         .item{
             @include mobile_and_tablet(){
                 margin-bottom:30px;
             }
             .sankaku{
                 @include mobile_and_tablet(){
                     width: 100;
                 }
             }
         }

         .item:nth-child(2){
             padding:0 10%;
             width: 50%;
             background:none;
             @include mobile_and_tablet(){
                 padding:25px 6%;
             }
             h4{
                 width: 100%;
                 background:none;
                 @include mobile_and_tablet(){
                     padding:0;
                 }
             }
             p{
                 font-weight: bold;
                 border-top:$red solid 2px;
                 @include mobile_and_tablet(){
                     border:none;
                     padding:0;
                 }
             }
             .optionprice{
                 display:block;
                 font-weight: bold;
                 @include mobile_and_tablet(){
                     display:none;
                 }
             }
             @include xs_pc(){
                 width: 100%;
                 padding-top:50px;
             }
             @include mobile_and_tablet(){
                 background:$red;
                 padding-bottom: 50px;
             }
         }
         .item:nth-child(3) {
             width: 50%;
             padding-top:30px;
             p{
                 text-align: left;
                 line-height: 2;
             }
             .optionprice{
                 display:none;
                 @include mobile_and_tablet(){
                     display:block;
                     font-weight: bold;
                 }
             }
             @include xs_pc(){
                 width: 100%;
                 padding-top:60px;
             }
             @include mobile_and_tablet(){
                 padding-top:0;
                 border:none;
             }
         }
         #option_img{
             position: absolute;
             top:-130px;
             left:50%;
             transform: translate(-50%, 0);
             z-index:50;
             @include mobile_and_tablet(){
                 top:-150px;
             }
         }
     }*/
}
@media (max-width: 820px) {
  .plan {
    padding-top: 0;
  }
}
.plan .container {
  max-width: 950px;
  border-radius: 20px;
  background: white;
  border: #5482AD solid 10px;
  padding: 60px 0px;
}
@media (max-width: 820px) {
  .plan .container {
    border: none;
    padding: 0;
  }
}
.plan .container h3 {
  text-align: center;
  margin-bottom: 30px;
  background-image: url(../img/highlight.svg);
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: center;
}
@media (max-width: 820px) {
  .plan .container h3 {
    padding-top: 70px;
  }
}
.plan .container p {
  text-align: center;
  margin-bottom: 0px;
}
@media (max-width: 1100px) {
  .plan .container p {
    padding: 0 10%;
    margin-bottom: 30px;
    text-align: left;
    line-height: 2;
  }
}
.plan .container .inner .item:nth-of-type(2) .plan_title {
  border: 5px solid #FFE079;
  flex-direction: row;
}
@media (max-width: 820px) {
  .plan .container .inner .item:nth-of-type(2) .plan_title {
    background-color: #FFE079;
  }
}
.plan .container .inner .item:nth-of-type(2) .planarrow {
  background-color: #FFE079;
}
.plan .container .inner .item:nth-of-type(2) .planarrow img {
  transform: rotate(0deg);
}
.plan .container .inner .item:nth-of-type(2) .planicon {
  padding-left: 20px;
}
.plan .container .inner .item:nth-of-type(3) .plan_title {
  border: 5px solid #FCA3A3;
  flex-direction: row;
}
@media (max-width: 820px) {
  .plan .container .inner .item:nth-of-type(3) .plan_title {
    background-color: #FCA3A3;
  }
}
.plan .container .inner .item:nth-of-type(3) .planarrow {
  background-color: #FCA3A3;
}
.plan .container .inner .item:nth-of-type(3) .planarrow img {
  transform: rotate(180deg);
}
.plan .container .inner .item:nth-of-type(3) .planicon {
  padding-left: 20px;
}
.plan .container .item {
  width: 100;
  position: relative;
  z-index: 20;
  padding: 0 30px;
  margin-top: 30px;
  /*
  dd:first-of-type{
      background-color: $plancolor;
      text-align: center;
      padding:15px;
      font-weight: bold;
  } 

  dd:nth-of-type(1){
      @include mobile_and_tablet(){
          border:none;
      }
      margin:0 auto;
      text-align: center;
      font-weight: bold;
      margin-bottom: 10px;
  }
  dd:nth-of-type(2){
      padding:20px 30px;
      font-size: 16px;
      line-height: 2;
      color:$fontcolor;
      @include mobile_and_tablet(){
          padding:30px 30px; 
      }            
  }
  */
}
@media (max-width: 820px) {
  .plan .container .item {
    margin-bottom: 45px;
    width: 85%;
    padding: 0 0px;
    border: #62BBFD solid 7px;
    border-radius: 17px;
    margin: 0 auto;
    margin-top: 30px;
  }
}
.plan .container .item svg {
  display: none;
}
@media (max-width: 820px) {
  .plan .container .item svg {
    display: block;
    width: 100%;
  }
}
.plan .container .item .plan_title {
  display: flex;
  width: 70%;
  height: 150px;
  margin: 0 auto;
  border: 5px solid #62BBFD;
}
@media (max-width: 820px) {
  .plan .container .item .plan_title {
    width: 100%;
    background-color: #62BBFD;
  }
}
.plan .container .item .plan_title .planarrow {
  display: flex;
  align-items: center;
  background-color: #62BBFD;
  padding: 0 20px;
}
.plan .container .item .plan_title .planarrow img {
  width: 100px;
  transform: rotate(-90deg);
}
@media (max-width: 820px) {
  .plan .container .item .plan_title .planarrow {
    display: none;
  }
}
.plan .container .item .plan_title .planicon {
  margin-right: 20px;
  display: flex;
}
.plan .container .item .plan_title .planicon img {
  width: 80px;
}
@media (max-width: 820px) {
  .plan .container .item .plan_title .planicon {
    display: none;
  }
}
.plan .container .item .plan_title p {
  text-align: left;
  display: block;
  width: 70%;
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 20px;
  font-family: "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Hiragino Maru Gothic W3 JIS2004";
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 25px;
  z-index: 20;
}
.plan .container .item .plan_title p span {
  text-align: left;
  display: block;
  font-size: 18px;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Hiragino Maru Gothic W3 JIS2004";
}
@media (max-width: 1100px) {
  .plan .container .item .plan_title p {
    font-size: 18px;
  }
}
@media (max-width: 820px) {
  .plan .container .item .plan_title p {
    width: 100%;
  }
}
.plan .container .item .plan_description {
  display: flex;
  width: 70%;
  margin: 0 auto;
  align-items: center;
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.5;
}
.plan .container .item .plan_description .planicon2 {
  display: none;
}
@media (max-width: 820px) {
  .plan .container .item .plan_description .planicon2 {
    display: block;
    margin-top: 20px;
  }
  .plan .container .item .plan_description .planicon2 img {
    width: 80px;
  }
}
@media (max-width: 820px) {
  .plan .container .item .plan_description {
    flex-direction: column-reverse;
  }
}
.plan .container .item .plan_description dt {
  padding-right: 20px;
}
@media (max-width: 820px) {
  .plan .container .item .plan_description dt {
    padding: 30px 0;
  }
}
.plan .container .item .plan_description dd {
  text-align: center;
  width: 80%;
}
.plan .container .item .p, .plan .container .item h4 {
  text-align: left;
  display: block;
  width: 70%;
  margin: 0 auto;
  padding-top: 30px;
  font-family: "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Hiragino Maru Gothic W3 JIS2004";
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 25px;
  z-index: 20;
}
@media (max-width: 820px) {
  .plan .container .item .p, .plan .container .item h4 {
    font-size: 30px;
    background: #62BBFD;
    width: 100%;
    padding: 25px 6%;
    margin-bottom: 0;
  }
}
@media (min-width: 640px) and (max-width: 820px) {
  .plan .container .item .p, .plan .container .item h4 {
    font-size: 35px;
  }
}
@media (max-width: 640px) {
  .plan .container .item .p, .plan .container .item h4 {
    font-size: 21px;
  }
}
.plan .container .item .p span, .plan .container .item h4 span {
  text-align: left;
  display: block;
  font-size: 16px;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "Hiragino Maru Gothic W3 JIS2004";
  margin-bottom: 10px;
}
.plan .container .item .price {
  font-size: 30px;
  color: #5482AD;
}
@media (max-width: 820px) {
  .plan .container .item:nth-child(2) {
    border: #FFE079 solid 7px;
  }
}
@media (max-width: 820px) {
  .plan .container .item:nth-child(3) {
    border: #FCA3A3 solid 7px;
  }
}
.plan a {
  text-decoration: none;
}
.plan #planmore {
  position: relative;
  max-width: 950px;
  margin: 0 auto;
  height: 165px;
  margin-top: 45px;
  margin-bottom: 300px;
  text-align: right;
}
@media (max-width: 820px) {
  .plan #planmore {
    justify-content: center;
    margin-bottom: 45px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
  }
}
.plan #planmore button {
  background-color: white;
  width: 100%;
  height: 73px;
  font-size: 25px;
  border: 5px solid #62BBFD;
  border-radius: 36px;
  color: #62BBFD;
  transition: all 0.3s;
}
@media (max-width: 820px) {
  .plan #planmore button {
    width: 85%;
    margin: 0 auto;
    font-size: 18px;
    margin-top: 45px;
    color: #343434;
  }
}
@media (max-width: 820px) {
  .plan #planmore button i {
    display: none;
  }
}
.plan #planmore button:hover {
  border: 5px solid #5482AD;
  color: #5482AD;
}
.plan #planmore div {
  position: absolute;
  right: 0;
  width: 205px;
}
.plan #planmore img {
  margin-top: 55px;
  margin-bottom: 10px;
  width: 205px;
}
@media (max-width: 820px) {
  .plan #planmore img {
    display: none;
  }
}
.plan #planmore p {
  text-align: left;
}
@media (max-width: 820px) {
  .plan #planmore p {
    display: none;
  }
}

#tour {
  background-color: #D5DDE6;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media (max-width: 640px) {
  #tour {
    padding: 0;
  }
}
#tour .container {
  max-width: 1098px;
  background: white;
  padding: 100px;
  padding-bottom: 145px;
  border-radius: 20px;
}
@media screen and (max-width: 799px) {
  #tour .container {
    width: 100%;
    background: #D5DDE6;
    padding: 10%;
    padding-top: 80px;
    border-radius: 0px;
  }
}
#tour .container .flex {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
@media screen and (max-width: 799px) {
  #tour .container .flex {
    flex-direction: column-reverse;
    align-items: center;
  }
}
#tour .container p {
  margin-bottom: 70px;
}
#tour .container i {
  color: #5482AD;
  font-size: 20px;
  margin-right: 10px;
}
@media screen and (max-width: 799px) {
  #tour .container i {
    display: none;
  }
}
#tour .container a:hover {
  color: #62BBFD;
}
#tour .container a:hover i {
  color: #62BBFD;
}
#tour .container h3 {
  font-size: 20px;
  padding-top: 20px;
  height: 58px;
  background: url(../img/tour_h.svg) no-repeat;
}
@media (max-width: 820px) {
  #tour .container h3 {
    width: 100%;
    background: none;
    margin-bottom: 50px;
    text-align: center;
    font-size: 15px;
  }
}
#tour .container .item {
  flex-basis: 48%;
  width: 100%;
}
#tour .container .item img {
  max-width: 438px;
}
@media screen and (max-width: 799px) {
  #tour .container .item img {
    max-width: 100%;
    margin-bottom: 80px;
  }
}
#tour .container .item a {
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo L", sans-serif;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 799px) {
  #tour .container .item a {
    display: block;
    background: white;
    text-decoration: none;
    text-align: center;
    height: 64px;
    line-height: 64px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: bold;
    color: #343434;
    margin-bottom: 50px;
  }
}

.zigzag {
  height: 18px;
  background: url(../img/zigzag.svg) repeat-x;
}

#character .container {
  display: flex;
  max-width: 1000px;
  margin-top: 100px;
  align-items: center;
  padding-bottom: 145px;
}
@media (max-width: 640px) {
  #character .container {
    flex-direction: column-reverse;
    justify-content: center;
    margin-top: 70px;
  }
}
@media (max-width: 640px) {
  #character .container .item:first-child h3 {
    text-align: center;
    margin: 50px 0;
  }
}
@media (max-width: 640px) {
  #character .container .item:first-child div {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 60px;
  }
}
#character .container i {
  font-size: 44px;
  color: #1877F2;
  padding-right: 20px;
}
#character .container .fa-x-twitter {
  color: #000000;
  padding-right: 0;
}
#character .container img {
  max-width: 395px;
}
@media (max-width: 640px) {
  #character .container img {
    max-width: 225px;
  }
}
#character .container p {
  margin-bottom: 45px;
}
@media (max-width: 640px) {
  #character .container p {
    padding: 0 10%;
  }
}
#character .container button {
  display: block;
  margin-top: 50px;
  background-color: white;
  width: 388px;
  height: 63px;
  font-size: 20px;
  border: 3px solid #62BBFD;
  border-radius: 36px;
  color: #62BBFD;
  transition: all 0.3s;
}
@media (max-width: 640px) {
  #character .container button {
    width: 310px;
    margin: 0 auto;
  }
}
#character .container button i {
  font-size: 20px;
  color: #62BBFD;
}
@media (max-width: 640px) {
  #character .container button i {
    display: none;
  }
}
#character .container button:hover {
  border: none;
  background-color: #62BBFD;
  color: white;
}
#character .container button:hover i {
  color: white;
}

footer {
  padding: 50px;
  text-align: center;
}
footer small {
  margin-top: 100px;
  display: block;
  font-size: 14px;
  line-height: 200%;
}

#about1 {
  border-left: 100px solid #B9E0FE;
  padding-top: 170px;
  padding-bottom: 50px;
  background: url(../img/about1mesh.svg) no-repeat;
  background-position-x: 55%;
  background-position-y: 65%;
}
@media (max-width: 820px) {
  #about1 {
    border-left: 10px solid #B9E0FE;
    background-image: none;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#about1 .container {
  max-width: 1050px;
  width: 1050px;
  height: 600px;
  padding-top: 120px;
  padding-left: 85px;
  display: flex;
  justify-content: space-between;
  background-image: url(../img/about1circle.svg);
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
}
@media (max-width: 820px) {
  #about1 .container {
    width: 100%;
    height: 100%;
    padding: 5%;
    padding-top: 70px;
    flex-direction: column;
    background-position-x: center;
    background-size: 180px;
    background-position-y: top;
    align-items: flex-end;
  }
}
#about1 .container .item:first-child {
  width: 544px;
}
@media (max-width: 820px) {
  #about1 .container .item:first-child {
    width: 100%;
  }
}
#about1 .container .item:first-child h2 {
  font-size: 35px;
  line-height: 150%;
  margin-bottom: 55px;
}
@media (max-width: 820px) {
  #about1 .container .item:first-child h2 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 100px;
  }
  #about1 .container .item:first-child h2 br {
    display: none;
  }
}
#about1 .container .item:nth-child(2) img {
  width: 211px;
  padding-top: 250px;
}
@media (max-width: 820px) {
  #about1 .container .item:nth-child(2) img {
    width: 120px;
    padding-top: 45px;
  }
}

#about2 {
  border-left: 100px solid #FAF09F;
  padding-top: 170px;
  padding-bottom: 50px;
  background: url(../img/about2mesh.svg) no-repeat;
  background-position-x: 55%;
  background-position-y: 10%;
}
@media (max-width: 820px) {
  #about2 {
    border-left: 10px solid #FAF09F;
    background-image: none;
    padding-top: 23px;
    padding-bottom: 100px;
  }
}
#about2 .container {
  max-width: 1050px;
  width: 1050px;
  height: 1340px;
  padding-top: 120px;
  padding-left: 85px;
  display: flex;
  justify-content: space-between;
  background-image: url(../img/about2cirlce.svg);
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
  flex-direction: column;
  box-sizing: border-box;
}
@media (max-width: 820px) {
  #about2 .container {
    max-width: 100%;
    width: 100%;
    height: auto;
    padding: 5%;
    padding-top: 70px;
    flex-direction: column;
    background-position-x: center;
    background-size: 180px;
    background-position-y: top;
    align-items: center;
  }
}
#about2 .container h2 {
  font-size: 35px;
  line-height: 150%;
  margin-bottom: 55px;
}
@media (max-width: 820px) {
  #about2 .container h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 100px;
  }
  #about2 .container h2 br {
    display: none;
  }
}
#about2 .container .about2contents {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 100px;
}
@media (max-width: 820px) {
  #about2 .container .about2contents {
    flex-direction: column;
    padding: 0px;
    margin-bottom: 0;
  }
}
#about2 .container .about2contents .item:first-child {
  font-size: 70px;
  color: #FFA81D;
  text-align: left;
}
@media (max-width: 820px) {
  #about2 .container .about2contents .item:first-child {
    display: none;
  }
}
#about2 .container .about2contents .item:nth-child(2) {
  padding-left: 100px;
  padding-right: 100px;
}
@media (max-width: 820px) {
  #about2 .container .about2contents .item:nth-child(2) div:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
}
#about2 .container .about2contents .item:nth-child(2) div:first-child p:first-child {
  display: none;
}
@media (max-width: 820px) {
  #about2 .container .about2contents .item:nth-child(2) div:first-child p:first-child {
    display: block;
    font-size: 60px;
    color: #FFA81D;
    width: 60px;
    text-align: left;
    line-height: 1;
    margin-bottom: 10px;
  }
}
@media (max-width: 820px) {
  #about2 .container .about2contents .item:nth-child(2) {
    padding: 5px;
  }
}
#about2 .container .about2contents .item:nth-child(2) h3 {
  font-size: 20px;
  margin-top: 20px;
  line-height: 1;
}
@media (max-width: 820px) {
  #about2 .container .about2contents .item:nth-child(2) h3 {
    display: inline;
    height: 50px;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 20px 0;
    font-size: 17px;
  }
}
#about2 .container .about2contents #about2img1 {
  width: 264px;
  height: 264px;
}
@media (max-width: 820px) {
  #about2 .container .about2contents #about2img1 {
    margin-left: auto;
    width: 140px;
    height: 140px;
  }
}
#about2 .container .about2contents #about2img2 {
  width: 264px;
  height: 264px;
}
@media (max-width: 820px) {
  #about2 .container .about2contents #about2img2 {
    margin-left: auto;
    width: 140px;
    height: 140px;
  }
}
#about2 .container .about2contents #about2img3 {
  width: 285px;
  height: 160px;
}
@media (max-width: 820px) {
  #about2 .container .about2contents #about2img3 {
    margin-left: auto;
    margin-top: 40px;
    width: 184px;
    height: 104px;
  }
}

#about3 {
  border-left: 100px solid #FF8E8E;
  padding-top: 170px;
  padding-bottom: 0px;
  background: url(../img/about3mesh.svg) no-repeat;
  background-position-x: 70%;
  background-position-y: 30%;
  overflow: hidden;
}
@media (max-width: 820px) {
  #about3 {
    border-left: 10px solid #FF8E8E;
    background-image: none;
    padding-top: 23px;
    padding-bottom: 50px;
    overflow: visible;
  }
}
#about3 button {
  background-color: white;
  width: 487px;
  height: 73px;
  font-size: 20px;
  border: 5px solid #FF8E8E;
  border-radius: 36px;
  color: #343434;
  margin-top: 80px;
  margin-bottom: 120px;
  transition: all 0.3s;
}
@media (max-width: 820px) {
  #about3 button {
    width: 95%;
    font-size: 18px;
    margin-top: 45px;
    margin-bottom: 45px;
    color: #343434;
  }
}
@media (max-width: 820px) {
  #about3 button i {
    display: none;
  }
}
#about3 button:hover {
  border: none;
  background: #FF8E8E;
  color: white;
}
#about3 .container {
  max-width: 1050px;
  width: 1050px;
  padding-top: 120px;
  padding-left: 85px;
  display: flex;
  justify-content: unset;
  background-image: url(../img/about3circle.svg);
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
}
@media (max-width: 820px) {
  #about3 .container {
    max-width: 100%;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding: 5%;
    padding-top: 70px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-position-x: center;
    background-size: 180px;
    background-position-y: top;
    align-items: flex-end;
  }
}
#about3 .container .item:first-child {
  min-width: 480px;
  margin-right: 130px;
}
@media (max-width: 820px) {
  #about3 .container .item:first-child {
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
#about3 .container .item:first-child h2 {
  font-size: 35px;
  line-height: 150%;
  margin-bottom: 55px;
}
@media (max-width: 820px) {
  #about3 .container .item:first-child h2 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 100px;
  }
  #about3 .container .item:first-child h2 br {
    display: none;
  }
}
#about3 .container .item:first-child p {
  max-width: 400px;
}
@media (max-width: 820px) {
  #about3 .container .item:first-child p {
    max-width: 100%;
    text-align: left;
  }
}
@media (max-width: 820px) {
  #about3 .container .item:nth-child(2) {
    text-align: center;
    min-width: 100%;
    max-width: 100%;
  }
}
#about3 .container .item:nth-child(2) img {
  min-width: 300px;
}
@media (max-width: 820px) {
  #about3 .container .item:nth-child(2) img {
    min-width: 90%;
    max-width: 90%;
    padding-top: 45px;
    margin: 0 auto;
  }
}
#about3 .container .item:nth-child(2) p {
  font-size: 13px;
  margin-top: 30px;
}
@media (max-width: 820px) {
  #about3 .container .item:nth-child(2) p {
    font-size: 15px;
    text-align: left;
  }
}

#about4 {
  padding-top: 100px;
  padding-bottom: 0px;
  overflow: hidden;
}
@media (max-width: 820px) {
  #about4 {
    background-image: none;
    padding: 0 30px;
    padding-top: 23px;
    padding-bottom: 100px;
    overflow: visible;
  }
}
#about4 .lineacount {
  text-align: center;
  padding-top: 0px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}
#about4 .lineacount button {
  background-color: white;
  width: 487px;
  height: 73px;
  font-size: 20px;
  border: 5px solid #56E371;
  border-radius: 36px;
  color: #343434;
  margin-top: 80px;
  margin-bottom: 120px;
  transition: all 0.3s;
}
@media (max-width: 820px) {
  #about4 .lineacount button {
    width: 95%;
    font-size: 18px;
    margin-top: 45px;
    margin-bottom: 0;
    color: #343434;
  }
}
@media (max-width: 820px) {
  #about4 .lineacount button i {
    display: none;
  }
}
#about4 .lineacount button:hover {
  border: none;
  background: #56E371;
  color: white;
}

.planbg_about {
  background: url(../img/Sign_stop.svg) no-repeat left 10% bottom, url(../img/2tree.svg) no-repeat right 10% bottom, url(../img/bg_plan_l.svg) no-repeat left 5% top, url(../img/bg_plan_r.svg) no-repeat right 5% top 30% !important;
  padding-bottom: 0px;
}
@media (max-width: 820px) {
  .planbg_about {
    background: none !important;
    padding-bottom: 0;
  }
}
.planbg_about .plan #planmore {
  margin-bottom: 500px;
}
@media (max-width: 820px) {
  .planbg_about .plan #planmore {
    margin-bottom: 100px;
  }
}
.planbg_about footer {
  padding: 20px;
}

div.planbg2 {
  padding-bottom: 30px;
  background: url(../img/2tree.svg) no-repeat bottom left 10%, url(../img/Sign_stop.svg) no-repeat bottom right 5%;
}
@media (max-width: 820px) {
  div.planbg2 {
    background: none;
  }
}

.faq {
  background: url(../img/zigzag.svg) repeat-x left 30% bottom 49.5%, linear-gradient(180deg, #D5DDE6 0%, #D5DDE6 50%, white 50%, white 100%);
  padding: 230px 0 200px 0;
}
@media (max-width: 820px) {
  .faq {
    padding-bottom: 0;
  }
}
.faq .container {
  background: white;
  border-radius: 20px;
  border: #5482AD solid 5px;
  padding: 130px 145px;
  position: relative;
  max-width: 1130px;
}
@media (max-width: 820px) {
  .faq .container {
    border-radius: 0px;
    padding: 100px 35px;
    padding-bottom: 0;
  }
}
.faq .container h2 {
  width: 230px;
  height: 64px;
  border-radius: 32px;
  background-color: #5482AD;
  color: white;
  text-align: center;
  font-size: 28px;
  padding-top: 18px;
  position: absolute;
  top: -34px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}
@media (max-width: 820px) {
  .faq .container h2 {
    width: 100%;
    border-radius: 0px;
    top: 0;
  }
}
.faq .container dt {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 820px) {
  .faq .container dt {
    flex-direction: column;
    margin-bottom: 50px;
  }
}
.faq .container dt img {
  margin-right: 80px;
}
@media (max-width: 820px) {
  .faq .container dt img {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.faq .container dt p {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.faq .container dd {
  display: flex;
  align-items: start;
  margin-bottom: 60px;
}
@media (max-width: 820px) {
  .faq .container dd {
    align-items: center;
    flex-direction: column;
    margin-bottom: 100px;
  }
}
.faq .container dd img {
  margin-right: 80px;
}
@media (max-width: 820px) {
  .faq .container dd img {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.faq .container dd p {
  font-size: 16px;
  font-weight: normal;
}

.planbg3 {
  background-color: #D5DDE6;
}
@media (max-width: 820px) {
  .planbg3 {
    padding-bottom: 125px;
  }
}
@media screen and (min-width: 1100px) {
  .planbg3 {
    background-image: radial-gradient(#DDE3EB 20%, transparent 20%), radial-gradient(#DDE3EB 20%, transparent 20%);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
    background-attachment: fixed;
    text-align: center;
  }
  .planbg3 .planbg4 {
    background-image: url(../img/line.svg), url(../img/line.svg), url(../img/boundary.svg), url(../img/boundary2.svg);
    background-repeat: repeat-y, repeat-y, no-repeat, no-repeat;
    background-position: left 5% top 0, right 5% top 0, left 0 bottom 0, right 0 bottom 0;
    padding-bottom: 300px;
  }
}
.planbg3 .plan .container .pcimg2 {
  display: none;
}
@media (max-width: 820px) {
  .planbg3 .plan .container {
    background: none;
  }
}
.planbg3 .plan .container button {
  display: none;
}
@media (max-width: 820px) {
  .planbg3 .plan .container button {
    display: block;
    width: 207px;
    border: 0;
    border-radius: 29px;
    height: 58px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 100px;
    background: #62BBFD;
    transition: all 0.3s;
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
.planbg3 .plan .container button:hover {
  border: none;
  background: #5482AD;
  border: 5px solid #5482AD;
  color: white;
}
.planbg3 .plan h3 {
  background-image: url(../img/highlight2.svg);
}
.planbg3 .plan .inner {
  margin-top: 50px;
}
.planbg3 .plan .item a {
  display: flex;
  width: 100%;
  color: black;
}
@media (max-width: 820px) {
  .planbg3 .plan .item .plan_title {
    height: 90px;
  }
  .planbg3 .plan .item .plan_title .plan_title_p {
    padding-top: 0;
  }
  .planbg3 .plan .item .plan_description {
    margin-top: 0;
  }
}
@media (max-width: 820px) {
  .planbg3 .plan .item .p {
    padding-top: 0 !important;
  }
}
.planbg3 .plan .item .planicon {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.planbg3 .plan .item .planicon img {
  margin-top: 20px;
}
.planbg3 .plan .item .planicon p {
  padding: 0;
  width: 100%;
  text-align: center;
}
.planbg3 .plan .item dl a {
  color: black;
}
@media (max-width: 820px) {
  .planbg3 .plan .item {
    background: white;
  }
}
@media screen and (min-width: 1100px) {
  .planbg3 .plan .item .pcimg2 {
    display: block;
  }
  .planbg3 .plan .item dt {
    border: 5px solid #62BBFD;
    background: linear-gradient(180deg, #62BBFD 0%, #62BBFD 50%, white 50%, white 100%);
    border-radius: 20px;
    width: 80%;
    padding: 20px 20px 40px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }
  .planbg3 .plan .item dd:nth-of-type(1) {
    border-top: none;
  }
  .planbg3 .plan .item dd:nth-of-type(2) {
    text-align: left;
  }
}
@media screen and (min-width: 1100px) {
  .planbg3 .plan .item:nth-child(3) dt {
    width: 80%;
    border: 5px solid #FFE079;
    background: linear-gradient(180deg, #FFE079 0%, #FFE079 50%, white 50%, white 100%);
  }
  .planbg3 .plan .item:nth-child(3) dd:nth-of-type(1) {
    border-top: none;
  }
}
.planbg3 .plan .item:nth-child(3) button {
  background: #FFE079;
}
.planbg3 .plan .option {
  background: white;
  height: 100%;
}
.planbg3 .plan .option button {
  background: #FF8E8E !important;
}
@media (max-width: 820px) {
  .planbg3 .plan .option .item {
    padding-top: 50px;
    margin-bottom: 0;
  }
}

#planinfo {
  padding-top: 70px;
  background: url(../img/2tree.svg) no-repeat bottom 6% left 5%, url(../img/Sign_car.svg) no-repeat bottom 6% right 10%;
  transform: scale(-1, 1);
}
@media (max-width: 820px) {
  #planinfo {
    background: none;
    border: none;
    padding-top: 0;
    background: none;
  }
}
#planinfo .container {
  transform: scale(-1, 1);
  max-width: 1000px;
}
#planinfo .container .flexplanhead {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 820px) {
  #planinfo .container .flexplanhead {
    flex-direction: column;
  }
}
#planinfo .container .flexplanhead img {
  width: 150px;
}
@media (max-width: 820px) {
  #planinfo .container .flexplanhead img {
    display: none;
  }
}
#planinfo .container .flexplanhead h3 {
  display: block;
  font-size: 30px;
  margin-left: 30px;
  width: 300px;
  margin-bottom: 0;
}
@media (max-width: 820px) {
  #planinfo .container .flexplanhead h3 {
    background: #62BBFD;
    text-align: center;
    font-size: 20px;
    margin-left: 0;
    width: 100%;
    padding: 20px 0;
  }
}
#planinfo .container .flexplanhead p {
  line-height: 1.5;
}
@media (max-width: 820px) {
  #planinfo .container .flexplanhead p {
    line-height: 2;
    padding: 65px 25px;
  }
}
#planinfo .container #flexplans {
  display: flex;
  flex-direction: column;
}
#planinfo .container #flexplans #plan1, #planinfo .container #flexplans #plan2, #planinfo .container #flexplans #plan3 {
  padding-top: 120px;
  margin-top: -120px;
  margin-bottom: 120px;
}
#planinfo .container #flexplans .plans {
  border: 5px solid #62BBFD;
  background: white;
  border-radius: 43px;
  height: 520px;
  margin-top: 40px;
  display: flex;
  padding: 55px;
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans {
    flex-direction: column;
    height: auto;
    margin-top: 60px;
    padding: 0;
  }
}
#planinfo .container #flexplans .plans .plans_l {
  padding-right: 55px;
  border-right: 1px solid #343434;
  min-width: 400px;
}
@media (max-width: 820px) {
  #planinfo .container #flexplans .plans .plans_l p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans .plans_l {
    border-right: 0px;
    padding-right: 0;
    margin-top: 80px;
    text-align: center;
    min-width: 100%;
  }
}
#planinfo .container #flexplans .plans .plans_l .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans .plans_l .flex {
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-bottom: 0;
    justify-content: space-around;
  }
}
#planinfo .container #flexplans .plans .plans_l .flex img {
  max-width: 20%;
  align-items: center;
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans .plans_l .flex img {
    min-width: 0;
  }
}
#planinfo .container #flexplans .plans .plans_l .flex div {
  padding-left: 20px;
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans .plans_l .flex div {
    min-width: 0;
    padding-left: 0;
  }
}
#planinfo .container #flexplans .plans .plans_l .flex div p {
  line-height: 1.5;
}
#planinfo .container #flexplans .plans .plans_l h4 {
  font-size: 23px;
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo B", sans-serif;
}
#planinfo .container #flexplans .plans .plans_l h4 span {
  font-size: 14px;
  font-weight: normal;
  line-height: 200%;
}
#planinfo .container #flexplans .plans .plans_l p span {
  font-size: 30px;
  color: #5482AD;
  font-weight: bold;
}
#planinfo .container #flexplans .plans .plans_r {
  padding-left: 55px;
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans .plans_r {
    padding-left: 0;
    padding: 6%;
    padding-top: 30px;
  }
}
#planinfo .container #flexplans .plans .plans_r h5 {
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo B", sans-serif;
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 25px;
}
@media (max-width: 820px) {
  #planinfo .container #flexplans .plans .plans_r h5 {
    margin-top: 30px;
    font-size: 18px;
  }
}
#planinfo .container #flexplans .plans .plans_r ul {
  padding: 0;
  margin-bottom: 35px;
}
#planinfo .container #flexplans .plans .plans_r ul li {
  position: relative;
  list-style-type: none !important;
  margin-bottom: 5px;
  line-height: 1.5;
  vertical-align: middle;
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo B", sans-serif;
  font-weight: bold;
}
#planinfo .container #flexplans .plans .plans_r ul li:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: #62BBFD;
  border-radius: 50%;
  margin-right: 8px;
}
#planinfo .container #flexplans .plans .plans_r p {
  line-height: 1.8;
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans .plans_r p {
    line-height: 2;
  }
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans .plans_r .spimg {
    max-width: 100%;
    margin-top: 45px;
  }
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans .plans:first-child {
    margin-top: 0;
  }
}
#planinfo .container #flexplans #plan2 .plans {
  border: 5px solid #FFE079;
}
#planinfo .container #flexplans #plan2 .plans .plans_l .flex img {
  width: 90px;
}
@media (max-width: 1100px) {
  #planinfo .container #flexplans #plan2 .plans .plans_l .flex img {
    width: 140px;
  }
}
#planinfo .container #flexplans #plan2 .plans .plans_r ul li:before {
  background: #FFE079;
}
#planinfo .container #flexplans #plan3 .plans {
  border: 5px solid #FF8E8E;
}
#planinfo .container #flexplans #plan3 .plans .plans_r p {
  margin-top: 20px;
}
#planinfo .container #flexplans #plan3 .plans .plans_r ul li:before {
  background: #FF8E8E;
}
#planinfo .container #flexplans #plan3 .plans img:first-child {
  width: 95px;
}
#planinfo .container #flexplans #plan3 .plans .plans_l p {
  margin-top: 20px;
}
@media (max-width: 820px) {
  #planinfo .container #flexplans #plan3 .plans .plans_l p {
    margin-bottom: 20px;
  }
}
@media (max-width: 820px) {
  #planinfo .container #tourlink {
    width: 90%;
    margin: 0 auto;
  }
  #planinfo .container #tourlink p {
    font-size: 14px;
  }
}
#planinfo .container #tourlink button {
  display: inline-block;
  width: 480px;
  border: 0;
  border-radius: 35px;
  height: 70px;
  color: #343434;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 100px;
  background: #FFE079;
  transition: all 0.3s;
}
@media (max-width: 820px) {
  #planinfo .container #tourlink button {
    max-width: 90%;
    display: block;
    margin: 0 auto;
    font-size: 15px;
    margin-top: 30px;
  }
}
#planinfo .container #tourlink button:hover {
  border: none;
  background: white;
  border: 5px solid #5482AD;
}
#planinfo .container #tourlink div {
  text-align: right;
}
#planinfo .container #tourlink img {
  width: 100px;
  margin-top: 40px;
  margin-right: 5%;
}
@media screen and (min-width: 1100px) {
  #planinfo .container #tourlink img {
    display: none;
  }
}

#voice {
  display: none;
  background: #B9E0FE;
  padding-top: 65px;
  background: url(../img/tree.svg) repeat-x bottom, url(../img/planmesh.svg) no-repeat left 50% top 25%, url(../img/planbg_r.svg) no-repeat left -2% top 20%, url(../img/planbg_l.svg) no-repeat right -1% top 55%, #B9E0FE;
}
#voice h3 {
  margin: 0 auto;
  text-align: center;
  color: white;
  font-size: 48px;
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo B", sans-serif;
  font-weight: bold;
}
@media (max-width: 820px) {
  #voice h3 {
    font-size: 26px;
  }
}
#voice .container {
  margin-top: 45px;
  background: white;
  border-radius: 43px;
  padding: 88px;
}
@media (max-width: 820px) {
  #voice .container {
    width: 90%;
    padding: 50px 30px;
  }
}
#voice .container div {
  margin-bottom: 80px;
}
#voice .container h4 {
  font-size: 23px;
  margin-bottom: 25px;
}
#voice .container h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 35px;
}
#voice .container p {
  line-height: 1.7;
  margin-bottom: 25px;
}
#voice .container p#magazine {
  font-size: 19px;
  text-align: right;
}
#voice button {
  display: block;
  margin: 0 auto;
  width: 480px;
  border: 0;
  border-radius: 35px;
  height: 70px;
  color: #343434;
  font-size: 20px;
  font-weight: bold;
  background: white;
  margin-top: 100px;
  margin-bottom: 200px;
}
@media (max-width: 820px) {
  #voice button {
    max-width: 90%;
  }
}
#voice img {
  margin-left: 200px;
}

footer#planfooter {
  background-color: gray;
}

#navi {
  background: #E8F2F9;
  padding-top: 90px;
}
@media (max-width: 1100px) {
  #navi {
    padding-top: 60px;
  }
}
#navi h2 {
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo B", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 42px;
  color: #343434;
  margin-bottom: 90px;
}
@media (max-width: 1100px) {
  #navi h2 {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
#navi h3 {
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo B", sans-serif;
  font-weight: bold;
}
#navi .container {
  max-width: 1232px;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 43px;
  padding: 50px 170px;
  margin-bottom: 115px;
}
@media (max-width: 1100px) {
  #navi .container {
    background: none;
    padding: 10%;
    box-shadow: none;
    padding-top: 30px;
    margin-bottom: 0;
  }
}
#navi .container .sp_chara {
  display: none;
  text-align: center;
}
@media (max-width: 1100px) {
  #navi .container .sp_chara {
    display: block;
    background: white;
    width: 90%;
    height: 285px;
    margin: 0 auto;
    border-radius: 25px;
  }
  #navi .container .sp_chara img {
    width: 160px;
    margin-top: 50px;
  }
}
#navi .container p {
  color: #707070;
}
#navi .container .flex {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  #navi .container .flex {
    flex-direction: column;
  }
}
#navi .container .flex h3 {
  font-size: 43px;
  color: #343434;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 1100px) {
  #navi .container .flex h3 {
    font-size: 30px;
    margin-top: 60px;
    margin-bottom: 50px;
  }
}
#navi .container .flex a {
  display: inline-block;
}
#navi .container .flex .fa-twitter {
  font-size: 26px;
}
#navi .container .flex i {
  font-size: 30px;
  color: #000000;
  margin-right: 30px;
}
#navi .container .flex .fa-twitter {
  color: #000000;
  padding-right: 0;
}
#navi .container .navi_flex1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 1100px) {
  #navi .container .navi_flex1 {
    flex-direction: column-reverse;
  }
}
#navi .container .navi_flex2 {
  display: flex;
  flex-direction: column;
  padding-right: 30px;
  justify-content: flex-end;
  height: 550px;
}
@media (max-width: 1100px) {
  #navi .container .navi_flex2 {
    height: auto;
    padding-top: 30px;
    padding-right: 0;
  }
}
#navi .container .navi_flex2 a {
  font-family: "Tsukushi A Round Gothic", "Shuei MaruGo L", sans-serif;
}
#navi .container .navi_flex2 img {
  width: 225px;
  margin-bottom: 30px;
}
@media (max-width: 1100px) {
  #navi .container .navi_flex2 img {
    display: none;
  }
}
#navi .container .navi_flex3 {
  display: flex;
  flex-direction: row;
  padding-top: 30px;
}
@media (max-width: 1100px) {
  #navi .container .navi_flex3 {
    padding-top: 0;
  }
}
#navi .container .navi_flex3 h3 {
  font-size: 16px;
  margin-bottom: 15px;
}
#navi .container .navi_flex3 i {
  font-size: 25px;
  margin-right: 10px;
}
#navi .container .navi_flex3 a {
  display: block;
  width: 150px;
}
#navi .container .navi_flex3 img {
  width: 94px;
  height: 94px;
  margin-right: 20px;
  margin-bottom: 0;
}
@media (max-width: 1100px) {
  #navi .container .navi_flex3 img {
    display: block;
  }
}
#navi .container img#naviline {
  width: 130px;
}
@media (max-width: 1100px) {
  #navi .container img#naviline {
    display: none;
  }
}
#navi .container .characterinfo {
  padding-left: 50px;
}
@media (max-width: 1100px) {
  #navi .container .characterinfo {
    padding-left: 0;
  }
}
#navi .container .characterinfo h3 {
  font-size: 33px;
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  #navi .container .characterinfo h3 {
    font-size: 20px;
    margin-top: 30px;
  }
}
#navi .container .characterinfo p {
  margin-bottom: 30px;
}
#navi #yanocchi {
  background: #E6F2DD;
  padding-top: 115px;
  padding-bottom: 30px;
}
@media (max-width: 1100px) {
  #navi #yanocchi {
    padding-top: 0px;
  }
}
#navi #yanocchi .container {
  height: 800px;
  margin-bottom: 0;
  padding-top: 100px;
}
@media (max-width: 1100px) {
  #navi #yanocchi .container {
    height: auto;
    padding-top: 50px;
  }
}
#navi #yanocchi .sp_chara img {
  width: 205px;
  margin-top: 25px;
}
#navi #yanocchi .navi_flex1 {
  flex-basis: 30%;
}
#navi #yanocchi .navi_flex1 h3 {
  font-size: 43px;
  color: #343434;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 50px;
}
@media (max-width: 1100px) {
  #navi #yanocchi .navi_flex1 h3 {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
#navi #yanocchi .navi_flex1 a {
  display: inline-block;
}
#navi #yanocchi .navi_flex1 .fa-twitter {
  font-size: 26px;
}
#navi #yanocchi .navi_flex1 .fa-facebook {
  font-size: 26px;
}
#navi #yanocchi .navi_flex1 i {
  font-size: 30px;
  color: #000000;
  margin-right: 10px;
}
#navi #yanocchi .navi_flex1 .fa-twitter {
  color: #000000;
  padding-right: 0;
}
#navi #yanocchi .navi_flex1 p {
  margin-bottom: 10px;
}
#navi #yanocchi .navi_flex2 {
  flex-basis: 70%;
  justify-content: flex-start;
}
#navi #yanocchi .navi_flex2 img {
  margin: 0 auto;
}
#navi #yanocchi small {
  text-align: center;
  margin-top: 100px;
  font-size: 14px;
  display: block;
}/*# sourceMappingURL=style.css.map */