.main {
  padding-bottom: 10px;
}
.container-inner.min-height .text{
  line-height: 1.8;
  font-weight: bold;
  color: #000;
}
@media only screen and (min-width: 641px) {
  .main {
      min-height:788px
  }
  .container-inner.min-height{
      min-height: 440px;
  }
}
@media only screen and (max-width: 640px) {
  .main #page-title {
      margin-bottom: 0!important;
  }
  .main #page-title .page-title {
      margin-bottom: 0!important;
  }
}
.container-fluid {
color: #000;

}
.bg01 {
background: #F9F9F9;
font-weight: bold;
font-size: 2.0rem;
line-height: 1.954;
}
.fontColor01{
color:#AD1F28;
font-size: 2.4rem;
line-height: 1.2;
}
.btn.shadow.btn-orange-link {
background: #EF8912;
color: #fff;
border: 2px solid #EF8912;
}
.btn.shadow .fas.fa-chevron-right {
position: absolute;
right: 12px;
top: calc(50% - 12px);
top: calc(50% - 9px);
}
.btn.shadow.icon-arrow-right:before,.btn.shadow.icon-arrow-right:after {
display:none;
}
.borderBottomTit {
font-size: 3.0rem;
font-weight: bold;
line-height: 1.5;
position: relative;
color: #000;
padding-bottom: 15px;
}
.borderBottomTit:after {
position: absolute;
content:"";
height:4px;
width: 40px;
background: #084099;
display:block;
bottom:0;
left:0;
right:0;
margin: 0 auto;
}
.subTit01 {
margin: 60px auto 0;
max-width:719px;
}
.chkList {
margin-top: 18px;
}
.chkList li:nth-of-type(1) img{
max-width:441px;
}
.chkList li:nth-of-type(2) {
margin-top: 16px;
}
.chkList li:nth-of-type(2) img{
max-width:377px;
}
.flexBox {
display:flex;
flex-wrap:wrap;
}
.box01 {
width: 100%;
max-width:738px;
justify-content:space-between;
}
.box01 .image {
width: 176px;
}
.bg02 {
color:#fff;
background: #678190;
font-weight: bold;
padding: 16px 32px;
text-align: justify;
border-radius:10px;
width: 532px;
line-height: 1.888;
height: 100%;
}
.box02{
justify-content:space-between;
margin-top: 50px;
}
.box02 li img{
margin-left: auto;
margin-right: auto;
}
.bg03 {
margin-top: 45px;
background: #E2F0F7;
padding:35px 60px;
}
.bg03 .font-weight-bold {
font-size: 2.2rem;
line-height: 1.727;
font-feature-settings: "palt";
}
.bg03 .flexBox {
justify-content: space-between;
}
.bg03 .flexBox li {
width: 100%;
position: relative;
}
.bg03 .flexBox li .videoWarp{
height:auto;
padding-bottom: 56.25%;
}

.bg03 .flexBox .videoWrap{
width: 100%;
position: relative;
height: 100%;
padding-bottom: 56.25%;
}
.bg03 .flexBox .videoWrap iframe{
position:absolute;
width:100%;
height:100%;
left: 0;
top:0;
}
.bg03 .link-text {
font-weight: bold;
padding-left: 10px;
}
.subTit02 {
margin: 40px auto 0;
width: 100%;
max-width:549px;
}
.circleImageWrap {
margin: 50px auto 0;
width: 100%;
max-width:651px;
text-align: center;
}
.dantaiText{
font-size: 2.2rem;
font-weight: 500;
line-height: 1.78;
margin-top: 30px;
}
.bnrWrap {
margin-top: 40px;
}
.bnrWrap .flexBox {
justify-content:space-between;
margin-top:10px;
}
.bnrWrap .flexBox li{
width: 50%;
position: relative;
}
.bnrWrap .flexBox li:nth-of-type(1) {
left: -6px;
}
.bnrWrap .flexBox li:nth-of-type(2) {
right: -6px;
}
.samePlTxt {
padding-left: 20px;
position: relative;
font-feature-settings: "palt";
}
.list01 li {
padding-left: 20px;
position: relative;
}
.list01 li span {
position: absolute;
left: 0;
}
.list01 li:nth-of-type(n+2) {
margin-top: 8px;
}
.samePlTxt span {
position: absolute;
left: 0;
}
.txt-black {
color:#000;
}
.link_text {
color: #034098!important;
text-decoration: underline;
}
.subTit03 {
width: 100%;
max-width: 467px;
margin: 40px auto 0;
}
@media only screen and (max-width: 640px) {
.bg01 {
  font-size: 108%;
  line-height: 1.75;
}
.bg01 p.txt-center {
  text-align: justify!important;
}
.fontColor01 {
font-size: 115%;
}
.borderBottomTit {
  font-size: 150%;
}
.subTit01 {
  margin: 30px auto 0;
}
.box01 .image {
  width: 50%;
  margin: 0 auto 20px;
}
.bg02 {
  padding: 16px;
  width: 100%;
  line-height: 1.75;
  margin-top: 20px;
}
.box02 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.box02 li {
  margin-bottom: 40px;
}
.bg03 {
  margin-top: 0;
  background: #E2F0F7;
  padding: 30px 20px;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.bg03 .font-weight-bold{
  font-size: 115%;
  line-height: 1.727;
  font-feature-settings: "palt";
  text-align: justify;
}
.bg03 .flexBox li:nth-of-type(1) {
  margin-bottom: 20px;
}
.bg03 .link-text {
  font-weight: bold;
  padding-left: 10px;
  font-size: 108%;
}
.circleImageWrap {
  margin: 30px auto 0;
  max-width: 100%;
  text-align: center;
}
.dantaiText {
  font-size: 100%;
  font-weight: 500;
  line-height: 1.78;
  margin-top: 30px;
  text-align: justify;
}
.bnrWrap .flexBox li {
  width: 100%;
  position: relative;
  left: 0!important;
  right: 0!important;
}
.bnrWrap .flexBox {
  justify-content: space-between;
  margin-top: 0;
}
.lineBox .container-fluid{
  padding-top: 10px;
}
.chkList li:nth-of-type(2) img {
  max-width:86%!important
}
.subTit03 {
  margin: 15px auto 0;
}
.circleImageWrap img{
  width: 98vw!important;
  max-width: 98vw;
  margin: 0 calc(50% - 49vw);
}
}

@media only screen and (min-width: 641px) {
.box02 li{
  width: calc((100% / 3) - 1px);
  position: relative;
}
.box02 li:nth-of-type(1) img {
  max-width:216px;
}
.box02 li:nth-of-type(2) img {
  max-width:233px;
}
.box02 li:nth-of-type(2):before,
.box02 li:nth-of-type(2):after {
  content:"";
  width:1px;
  height:270px;
  background: #0941A6;
  position:absolute;
  bottom:15px;
}
.box02 li:nth-of-type(2):before {
  left:0;
}
.box02 li:nth-of-type(2):after {
  right: 0;
}
.box02 li:nth-of-type(3) img {
  max-width:263px;
}
.bg03 .flexBox li {
max-width: 422px;
width: 47.5%;
}
.bg03 .link-text {
font-size: 19px;
}
.pc_plr0 {
padding-left: 0!important;
padding-right: 0!important;
}

}




.fadein {
opacity: 0;
transition: all 0.6s;
}
@keyframes slidein {
0% {
  opacity : 0;
  transform:translateY(20px);
}
100% {
  opacity : 1;
  transform:translateY(0px);
}
}
.fadein.scrollin {
animation-name: slidein;
animation-fill-mode: forwards;
animation-duration: .6s;
}
.sideIn{
opacity : 0;
transition:all 0.6s;
}
.sideIn.sideScrollin {
animation-name: sideSlidein;
animation-fill-mode: forwards;
animation-duration: .5s;
}
