@charset "UTF-8";
/* 日本語 */
.head { background-color: #D0F5FE; padding: 90px 0 80px; }
.head h1 { max-width: 880px; height: 220px; width: calc(100% - 180px); margin: 0 auto; border: 12px solid #08F7EF; background: url("../image/single.svg") center center repeat #DFF9FF; border-radius: 30px; text-align: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; font: 6.4rem/1em "Nunito", sans-serif; font-weight: 900; }
.head h1 span { margin: 20px 0 0; font: 2.5rem/1em "LINE Seed JP", sans-serif; font-weight: 700; letter-spacing: 0.05em; }
.head h1 rt { font-weight: 400; margin: 0 0 8px; }

/*min-width:1920px*/
/*max-width:1280px*/
@media (max-width: 1024px) { .head h1 { max-width: 768px; } }
/*max-width:1024px*/
@media (max-width: 768px) { .head h1 { max-width: 480px; height: 200px; width: calc(100% - 50px); font: 6rem/1em "Nunito", sans-serif; font-weight: 900; }
  .head h1 span { margin: 10px 0 0; } }
/*max-width:768px*/
@media (max-width: 480px) { .head h1 { height: 170px; font: 4.6rem/1em "Nunito", sans-serif; font-weight: 900; border: 10px solid #08F7EF; }
  .head h1 span { margin: 10px 0 0; font: 2.4rem/1em "LINE Seed JP", sans-serif; font-weight: 700; letter-spacing: 0.05em; } }
/*max-width:480px*/
/**********************************************/
.page_box { background-color: #D0F5FE; padding: 0 0 140px; position: relative; z-index: 10; border-radius: 0 0 50px 50px; }

.page_item { max-width: 1240px; width: calc(100%  - 180px); font: 1.8rem/2em "Noto Sans JP", sans-serif; font-weight: 400; letter-spacing: 0.05m; margin: 0 auto; }
.page_item img { max-width: 100%; height: auto; }

.page404 h2 { margin-bottom: 40px; font: 2.8rem/1.7em "LINE Seed JP", sans-serif; font-weight: 700; letter-spacing: 0.05em; border-bottom: #9EC6C6 1px solid; padding: 0 0 20px 45px; position: relative; }
.page404 h2:before { position: absolute; content: ""; left: 0; top: 5px; transform: translateY(0%); display: block; background-color: #08F7EF; width: 15px; height: calc(100% - 30px); }
.page404 h2 br { display: none; }
.page404 .view { text-decoration: none; font: 1.6rem/42px "Quicksand", sans-serif; font-weight: 500; padding: 0 0 0 18px; margin: 40px auto 0; width: 200px; height: 45px; border-radius: 25px; display: block; background: url("../image/arrow.svg") right 15px center no-repeat #08F7EF; }

/*min-width:1920px*/
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) { .page_item { max-width: 1240px; width: calc(100%  - 50px); font: 1.6rem/2em "Noto Sans JP", sans-serif; font-weight: 400; letter-spacing: 0.05m; }
  .page404 h2 { margin-bottom: 40px; font: 2.2rem/1.7em "LINE Seed JP", sans-serif; font-weight: 700; letter-spacing: 0.05em; border-bottom: #9EC6C6 1px solid; padding: 0 0 20px 45px; position: relative; }
  .page404 h2:before { left: 0; top: 5px; width: 15px; height: calc(100% - 30px); }
  .page404 h2 br { display: block; } }
/*max-width:768px*/
@media (max-width: 480px) { .page_box { padding: 0 0 80px; } }
/*max-width:480px*/
