@charset "shift_jis";
/* CSS Document */

#contents .pc_none {
display: none;
}


.MB1em {
margin-bottom: 1em!important;
}
.MB00 {
margin-bottom: 0px!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: 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;
}
.MB110 {
margin-bottom: 110px!important;
}
.MB120 {
margin-bottom: 120px!important;
}
.MB130 {
margin-bottom: 130px!important;
}
.MB140 {
margin-bottom: 140px!important;
}
.MB150 {
margin-bottom: 150px!important;
}
.MB160 {
margin-bottom: 160px!important;
}
.MB200 {
margin-bottom: 200px!important;
}



.price_box .price_inbox{

display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;

align-items: center;
max-width: 1200px;
margin:  0 auto;

}
.price_box .price_inbox .price_txt{
max-width: 535px;
width: 80%;
}

.price_box .price_inbox .btn_mall{
max-width: 180px;
display: block;
width: 75%;
}


.btn_mall .btn {
display: inline-block;
font-weight: bold;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 1rem 2rem;
font-size: 24px;
width: 360px;
border-radius: 10px;
}

.btn_mall .btn.btn-light {
display: block;
color: #fff;
background-color: #FFB200;
border-color: #FFB200;
-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3) ;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3) ;
}
.btn_mall .btn.btn-light:hover {
display: block;
color: #fff;
background-color: #FFB200;
border-color: #FFB200;
-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3) ;
box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3) ;
}



#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}




#contents .ct_box {
/* max-width: 1600px; */
width: 100%;
margin: 0 auto;
padding: 60px 0;

background: url(../images/bg.png);
}

#contents .ct_inbox {
width: 98%;
max-width: 1200px;
margin: 0 auto;
}



.ct_box .copyright {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;

width: 94%;
max-width: 1200px;
margin: 0 auto;
}

.ct_box .copyright_img {
width: 25%;
max-width: 200px;
}

.ct_box .copyright_txt {
width: 40%;
text-align: left;
font-size: 11px;
color:#333;
}

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

#contents .sec_box .sec_ttl {
display: block;
position: absolute;
max-width: 1025px;
width: 96%;
margin: 0 auto 20px;
margin-top: -100px;
left:0;
right:0;
z-index: 10;
}
#contents .sec_box {
position: relative;
padding: 1px 0;
}


#contents .sec02 {
background: rgba(255,255,255,0.5);
}

#contents .sec02 .sec02_01 {
display: block;
margin: 120px auto 20px;
max-width: 1052px;
width: 96%;
height: auto;
}

#contents .sec02 .sec02_02 {
display: block;
margin: 0 auto 20px;
max-width: 642px;
width: 60%;
height: auto;
}

#contents .sec02 .sec02_03 {
display: block;
margin: 0 auto 40px;
max-width: 1052px;
width: 96%;
height: auto;
}

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


#contents .sec04 {
background: rgba(68,95,122,0.5);
}

#contents .sec04 .sec04_inbox {
margin: 120px auto 40px;
width: 96%;
max-width: 980px;
}

#contents .sec04_txt_box {
margin: 0 auto;
width: 100%;
max-width: 810px;
}

#contents .sec04 .sec04_txt05 {
display: block;
margin: 0 auto;
width: 100%;
max-width: 787px;
}

#contents .sec04 .btn_mall .btn {
margin: 0 auto;
}


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


#contents .sec05 {
background: rgba(68,95,122,0.5);
padding: 40px 0 20px;
}

#contents .sec05 img {
width: 98%;
max-width: 1127px;
margin: 0 auto 20px;
}

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


#contents .sec06 {
background: rgba(68,95,122,0.5);
}

#contents .sec06 .sec06_inbox {
margin: 120px auto 40px;
width: 98%;
max-width: 1120px;
position: relative;
}

#contents .sec06 .sec06_inbox .sec06_img02 {
position: relative;
margin-top: -80px;
}

#contents .sec06 .sec06_inbox .sec06_img03 {
position: relative;
margin-top: -160px;
}



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

#contents .sec03_ttl {
margin-top: 60px;

border-top: solid 8px #fff;
border-bottom: solid 8px #fff;

background: url(../images/sec03_ttl_bg.png);

padding: 40px 0;

-webkit-box-shadow: 0 0 27px 0 rgba(99,129,154,1) ;
box-shadow: 0 0 27px 0 rgba(99,129,154,1) ;
}

#contents .accordion-title {
cursor: pointer;
}
#contents .accordion-text {
display: none;
}


#contents .sec03_ttl .sec03_ttl_img {
display: block;
width: 96%;
height: auto;
margin: 0 auto 20px;
max-width: 992px;
}
#contents .sec03_ttl:hover .sec03_ttl_img {
transform: scale(1.05,1.05);
transition:0.5s all;
}

#contents .sec03_ttl .sec03_ttl_arrow {
display: block;
margin: 0 auto;
width: 12%;
height: auto;
max-width: 103px;
animation: sec03_ttl_arrow_anime .5s infinite alternate ease-in-out;
}
@keyframes sec03_ttl_arrow_anime {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(20px);
  }
}

#contents .sec03 {
/* background: #74AFC3; */
background: rgba(109,240,255,.25);
padding: 40px 0 0;
}


#contents .sec03 .sec03_each {
position: relative;
}
#contents .sec03 .sec03_each::after {
content: "";
display: block;
clear: both;
}


#contents .sec03 .sec03_each .sec03_01{
display: block;
width: 66.7%;
height: auto;
max-width: 800px;
}

#contents .sec03 .sec03_each .sec03_02{
float: right;
display: block;
width: 51.7%;
height: auto;
max-width: 620px;
position: relative;
}
#contents .sec03 .sec03_each .sec03_02 .sec03_02_mov{
position: absolute;
z-index: 10;
margin-top: -10%;
}

#contents .sec03 .sec03_each .sec03_03{
display: block;
width: 60%;
height: auto;
max-width: 720px;
position: relative;
}
#contents .sec03 .sec03_each .sec03_03 .sec03_03_mov{
position: absolute;
z-index: 20;
margin-top: -5%;
}

#contents .sec03 .sec03_04{
margin-top: 40px;
}

#contents .sec03 .js-fade1,
#contents .sec03 .js-fade2,
#contents .sec03 .js-fade3,
#contents .sec03 .sec03_04_mov {
opacity: 0.01;
transition: opacity 1s;
}

#contents .sec03 .inview {
opacity: 1;
}