/* Layout

-----------------------------*/

body {

  overflow: visible;

  animation: fadeIn 2s ease 0s 1 normal;

}

@media (max-width:480px) {body {overflow: hidden;}}

@keyframes fadeIn { 

  0% {opacity: 0} 

  100% {opacity: 1} 

} 

@-webkit-keyframes fadeIn {

  0% {opacity: 0} 

  100% {opacity: 1} 

}

#page1 {min-width: 0;overflow: hidden;}@media screen and (min-width: 480px) {#page1 { min-width: 1040px;}}

@media (min-width:480px) {.container {width:1000px}} @media (min-width:768px) {.container {width:1000px}} @media (min-width:992px) {.container {width:1000px}} @media (min-width:1200px) {.container {width:1000px}}



.headline {

  margin-bottom: 3rem;

}

.section h2 {

  border: none;

  line-height: 1.5;

  margin: 0 0 1.5rem;

  padding: 0;

  font-size: 2.5rem;

  font-weight: 700;

  color: #333;

  font-family: 'Noto Sans JP', serif;

  text-align: center;

}

.section h3 {

  border: none;

  line-height: 1.5;

  margin: 0 0 1.5rem;

	padding: 0;

	font-family: 'Noto Sans JP', serif;

}

.section h2::before {content: none;}

p {line-height: 1.8;}

p:last-child {

	margin-bottom: 0;

	z-index: 2;

  position: relative;

}

#page1 #content {

  margin: 0;

  padding: 0;

  width: 100%;

}

.section#contents1,

.section#contents3 {

  padding: 0;

}

.free .section:last-child {

  padding-top: 0;

  padding-bottom: 100px;

}

@media (min-width:481px) {

  #contents2 .container {

    width: 750px;

  }

}

@media (max-width:480px) {

  .container {

    padding-right: 24px;

    padding-left: 24px;

  }

  p {text-align: justify; text-justify: inter-ideograph;}

}

.ml-auto {margin-left: auto;}



/* Module

-----------------------------*/

/* contents1 */

#contents1::before,#contents1::after,#contents1 div::before,#contents1 div::after {display: none;}

#contents1 {

  overflow: hidden;

}

#contents1 .visual {

  width: 100%;

  height: 640px;

  background-image: url("b6329460d615661959ad619f.jpg");

  background-position: center top -290px;

  background-size: auto;

  position: relative;

}

@media (max-width:768px) {

  #contents1 .visual {

    height: calc(100vw - 100px);

  }

}

@media (max-width:480px) {

  #contents1 .visual {

    background-position: calc(50% - 20px) -200px;

    height: 660px;

    background-size: cover;

    margin-bottom: -200px;

  }

}

#contents1 .desc {

  position: absolute;

  bottom: 0;

  width: 100%;

  padding: 24px 0;

  background-color: rgba(0,0,0,.5);

}

@media (max-width:480px) {

  #contents1 .desc {

    bottom: 200px;

  }

}

#contents1 .desc p {

  text-align: center;

  font-size: 4rem;

  background: linear-gradient( to bottom,  rgba(255,255,255,1) 25%, rgba(255,255,255,.3) 75% );

  -webkit-background-clip: text;

  color: transparent;

  font-family: 'Noto Serif JP', serif;

  font-weight: 700;

  line-height: 1.5;

}

#contents1 .desc p span {

  display: block;

  font-size: 2rem;

  font-weight: 500;

  color: #fff;

}

#contents1 .desc p i {

  font-style: normal;

}

_:-ms-lang(x)::-ms-backdrop, #contents1 .desc p {

  background: transparent;

  color: rgba(255,255,255,.88);

}

@media (max-width:480px) {

  #contents1 .desc p {

    background: transparent;

    color: rgba(255,255,255,.9);

    font-size: 10.5vw;

    line-height: 1.2;

  }

  #contents1 .desc p i {

    display: inline-block;

  }

  #contents1 .desc p span {

    font-style: normal;

    margin-top: 1.5rem;

    margin-bottom: .5rem;

    letter-spacing: .24rem;

  }

}



/* contents2 */

#contents2 {

  background-color: #ffa4cd;

  color: #fff;

  text-align: center;

}

#contents2 h2 {

  color: #fff;

}

#contents2 h2 span {

  display: block;

  font-size: 2rem;

  font-weight: 700;

}

#contents2 .row>div {

	-ms-flex-item-align: center;

	align-self: center;

}

@media (max-width:480px) {

  #contents2 {

    z-index: 1;

    position: relative;

  }

  #contents2 .row>div:first-child {

    margin: auto;

    margin-bottom: 1.5rem;

  }

  #contents2 .row>div img {

    max-width: 150px;

  }

}



/* contents3 */

#contents3 .visual {

  width: 100%;

  height: 100vh;

  min-height: 640px;

  background-image: url("1631fe9f61b179f115cfb2be.jpg");

  background-position: center;

  background-size: cover;

  position: relative;

}

@media (max-width:768px) {

  #contents3 .visual {

    height: calc(100vw - 100px);

  }

}

#contents3 .desc {

  text-align: center;

  padding: 72px 0;

}

@media (max-width:480px) {

  #contents3 .desc {

    padding: 32px 24px;

  }

  #contents3 .desc p {

    text-align: left;

  }

}



/* contents4 */

#contents4{

  position: relative;

}

#contents4 h3 {

	padding-right: 150px;

}

#contents4 h3::after {

	content: "";

	background: url("1b2cdb01c82a6189d7346f19.jpg") no-repeat center;

	background-size: cover;

	width: 100px;

	height: 100px;

	position: absolute;

	right: 30px;

	top: -30px;

}

#contents4 p {

	margin-top: 3rem;

}

#contents4 .row>div:last-child figure {

	position: absolute;

	bottom: 0;

	width: calc(100% - 30px);

}

@media (max-width:480px) {

  #contents4 .row>div:first-child {

    padding-right: 0;

    padding-left: 0;

    margin-left: -9px;

    margin-right: -9px;

    margin-bottom: 3rem;

  }

  #contents4 h3 {

    padding-right: 110px;

  }

  #contents4 h3::after {

    right: 16px;

    top: -16px;

  }

  #contents4 .row > div:last-child figure {

    position: static;

    width: 100%;

  }

}



/* contents5 */

#contents5 {

	background-color: #f2f2f2;

}

#contents5 .row>div {

	position: relative;

}

#contents5 p {

	padding-left: 150px;

}

#contents5 p::before {

	content: "";

	background: url("9ff242252b9bba6d8cd9ad09.png") no-repeat center;

	background-size: cover;

	width: 120px;

	height: 120px;

	position: absolute;

	left: 16px;

	top: -30px;

}

#contents5 figure {

	margin-top: 3rem;

}

@media (max-width:480px) {

  #contents5 h2 {

    text-align: left;

    padding-left: 88px;

  }

  #contents5 p {

    padding-left: 0;

  }

  #contents5 p::before {

    background-size: 100px auto;

    left: 0;

    top: -124px;

  }

}



/* contents6 */

#contents6 {

	background-color: #ffa4cd;

}

#contents6 h2 {

	color: #fff;

	height: 75px;

}

#contents6 .desc {

	color: #fff;

	height: 202px;

	margin-bottom: 1.5rem;

}

#contents6 .row>div:last-child h2 {

	line-height: 75px;

	position: relative;

	text-align: left;

	text-indent: 80px;

}

#contents6 .row>div:last-child h2::after {

	content: "";

	background: url("28bde474060c19c5d39bd42e.png") no-repeat center;

	background-size: 100%;

	width: 100px;

	height: 100px;

	position: absolute;

	right: 80px;

	top: -16px;

}

@media (max-width:480px) {

  #contents6 .row>div:first-child {

    margin-bottom: 3rem;

  }

  #contents6 .desc {

    height: auto;

  }

  #contents6 .row > div:last-child h2 {

    text-indent: 20px;

  }

  #contents6 .row > div:last-child h2::after {

    width: 88px;

    right: 20px;

  }

}



/* contents7 */

#contents7 {

	background-color: #67ccff;

}

#contents7 .row {

  position: relative;

}

#contents7 .row>div {

	-ms-flex-item-align: center;

	align-self: center;

}

#contents7 .ttl {

  color: #fff;

  margin-bottom: -30px;

}

#contents7 h3 {

  color: #ff5cb9;

  font-size: 2.5rem;

  font-weight: 900;

  text-align: center;

  position: relative;

  z-index: 2;

}

#contents7 .item1 p {

  text-align: center;

}

#contents7 p {

  position: relative;

  z-index: 2;

}

#contents7 .item1::after {

  background-image: url("378bf2c09d542796642f8f8b.png");

}

#contents7 .item2::after {

  background-image: url("e580e6b66d0f5320beb59c87.png");

}

#contents7 .fukidashi::after {

  content: "";

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: 100% auto;

}

#contents7 .item1 {

  padding: 120px 0;

}

#contents7 .item2 {

  padding: 56px 80px 116px;

  margin-bottom: 3rem;

}

#contents7 .row:last-child>div:last-child {

  -ms-flex-item-align: end;

  align-self: flex-end;

}

#contents7 .row:last-child>div:last-child figure {

  position: absolute;

  bottom: 0;

  left: -60px;

  z-index: 1;

  right: 70px;

}

@media (max-width:480px) {

  #contents7 .fukidashi h3,

  #contents7 .fukidashi p {

    color: #fff;

  }

  #contents7 .ttl {

    margin-bottom: 1rem;

  }

  #contents7 .ttl p {

    text-align: center;

    font-size: 6vw;

    font-weight: 700;

  }

  #contents7 .ttl+.row > div > figure {

    padding-right: 16.66666667%;

  }

  #contents7 .fukidashi::after {

    content: none;

  }

  #contents7 .item1,

  #contents7 .item2 {

    padding: 40px 0 0;

  }

  #contents7 .item1 p {

    text-align: left;

  }

  #contents7 .item1 p br {

    display: none;

  }

  #contents7 .item1 p>span,

  #contents7 .item1 p>span:first-child>br {

    display: block;

  }

  #contents7 .item2 {

    margin-bottom: 0;

  }

}



/* contents8 */

#contents8 {

  position: relative;

  padding-top: 56px;

  padding-bottom: 8px;

}

#contents8:before {

  top: 0;

}

#contents8:after {

  bottom: 0;

}

#contents8:before,

#contents8:after {

  background: url("f393034f50aa7a6ebedc43d8.jpg") repeat-x 0 0;

  background-size: contain;

  content: "";

  width: 100%;

  height: 24px;

  position: absolute;

  left: 0;

}

#contents8 .desc {

  margin-bottom: 6rem;

}

#contents8 .desc p {

  line-height: 2;

}

#contents8 .catch p {

  text-align: center;

  font-size: 3rem;

  font-weight: 900;

  line-height: 2;

}

#contents8 .catch p span {

  font-size: 1.75rem;

  font-weight: 900;

}

#contents8 figure {

  position: relative;

  z-index: 10;

}

@media (max-width:480px) {

  #contents8 .catch p {

    line-height: 1.6;

  }

  #contents8 .catch p span {

    margin-bottom: 1rem;

  }

  #contents8 .desc,

  #contents8 .catch {

    margin-bottom: 3rem;

  }

  #contents8 figure {

    padding: 0 16.66666667%;

  }

}



/* contents9 */

#contents9 h2 {

  text-align: left;

  color: #ff5cb9;

  font-size: 2rem;

}

#contents9 .thumb {

  padding-left: 13px;

  padding-right: 13px;

  margin-bottom: 1.5rem;

}

#contents9 .thumb>div {

  padding-left: 2px;

  padding-right: 2px;

}

#contents9 .thumb>div img {

  max-height: 296px;

}

#contents9 .tmb {

  position: relative;

}

#contents9 .tmb h3 {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 0;

  text-align: center;

  color: #fff;

  font-size: 1.5rem;

  padding: 12px 0;

  background-color: rgba(0,0,0,.3);

}

#contents9 .container>.row:nth-child(3) {

  margin-bottom: 8rem;

}

#contents9 .container>.row:nth-child(4) .desc {

  padding: 40px 80px;

  border: 5px solid #0547a5;

  border-radius: 16px;

}

#contents9 .container>.row:nth-child(4) h3 {

  text-align: center;

  font-size: 3rem;

}

#contents9 .container>.row:nth-child(4) p {

  line-height: 2;

}

#contents9 .container>.row:nth-child(4) p:not(:last-child) {

  margin-bottom: 8px;

}

@media (max-width:480px) {

  #contents9 .thumb > div:not(:last-child) {

    padding: 0 0 8px;

  }

  #contents9 .thumb > div img {

    max-height: initial;

  }

  #contents9 .container > .row:nth-child(3) {

    margin-bottom: 3rem;

  }

  #contents9 .container > .row:nth-child(4) .desc {

    padding: 24px;

  }

  #contents9 .container > .row:nth-child(4) p {

    line-height: 1.7;

  }

}



/* contents10 */

#contents10 h2 {

  text-align: left;

  color: #0547a5;

  font-size: 2rem;

}

#contents10 h3 {

  text-indent: -1rem;

}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {

  border-bottom-width: 0;

}

#contents10 table thead th {

  background-color: #f2f2f2;

}

#contents10 table thead th:first-child {

  width: 200px;

  letter-spacing: 4rem;

}

#contents10 table thead th:first-child span {

  margin-right: -4rem;

}

#contents10 table thead th:last-child {

  letter-spacing: 5rem;

}

#contents10 table thead th:last-child span {

  margin-right: -5rem;

}

#contents10 table th {

  text-align: center;

}

#contents10 table th,

#contents10 table td {

  padding: 12px 16px;

  line-height: 1.7;

}

#contents10 .row:first-child {

  margin-bottom: 80px;

}

#contents10 .desc {

  text-align: center;

  padding: 40px 80px;

  border: 5px solid #0547a5;

  border-radius: 16px;

  background-color: #f0f6ff;

}

#contents10 .desc h3 {

  font-size: 3rem;

}

#contents10 .desc dl {

  margin-bottom: 0;

  font-size: 1.9rem;

}

#contents10 .desc dt,#contents10 .desc dd {

  line-height: 1.7;

}

#contents10 .desc dd span:last-child {

  margin-left: 2rem;

}

@media (max-width:480px) {

  #contents10 .row:first-child {

    margin-bottom: 40px;

  }

  #contents10 .row>div {

    width: 100%;

  }

  #contents10 .desc {

    padding: 24px;

  }

  #contents10 .desc dt,#contents10 .desc dd {

    line-height: 1.5;

  }

  #contents10 .desc dd br {

    display: none;

  }

  #contents10 .desc dd span {

    display: block;

    margin: 0 !important;

  }

  .free .section:last-child {

    padding-bottom: 40px;

  }

  .table-responsive > .table {

    max-width: 100%;

  }

  .table-responsive > .table td p {

    width: 500px;

    white-space: normal;

  }

}



/* Adjust */

@media (max-width:600px) {

  .ban_area ul li {

    width: 25%;

  }

}

@media (max-width:480px) {

  .ban_area ul li {

    width: 50%;

  }

}

@media (min-width:480px) {

}

.row:before,.row:after{width:0px;}



/*!

 * Bootstrap v4.4.1 (https://getbootstrap.com/)

 * Copyright 2011-2019 The Bootstrap Authors

 * Copyright 2011-2019 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

 /*@media(min-width:480px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1{width:auto}}*/

 @media (min-width:480px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}