@charset "utf-8";
.second-Ttl {
    height: calc(258rem / 20);
    background: none;
}
.second-Ttl h2 {
    background: none;
    text-align: center;
    height: calc(258rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}
.second-Ttl h2 img{
 width: calc(642rem / 20);
}
@media only screen and (max-width: 48em ) {
.second-Ttl h2 img{
 width: calc(375rem / 20*1.2);
}
}
.happyquest-Sec1{
 padding-top: calc(40rem / 20);
 padding-bottom: calc(60rem / 20);
 position: relative;
}

@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .inner{
 padding-left: calc(20rem / 20);
 padding-right: calc(20rem / 20);
}
}
.happyquest-Sec1 .innerbox{
 /* border: #003b86 .35rem solid; */
}
.happyquest-Sec1 .ttl{
 font-size: calc(26rem / 20);
 text-align: center;
 /* color: #fff; */
 /* background: #003b86; */
 padding-top: calc(20rem / 20);
 padding-bottom: calc(20rem / 20);
}
@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .ttl{
 font-size: calc(35rem / 20);
}
}
.happyquest-Sec1 .textarea{
 padding-left: calc(55rem / 20);
 padding-right: calc(55rem / 20);
 padding-top: calc(40rem / 20);
 padding-bottom: calc(70rem / 20);
}
@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .textarea{
 padding-left: calc(25rem / 20);
 padding-right: calc(25rem / 20);
 padding-top: calc(25rem / 20);
 padding-bottom: calc(25rem / 20);
}
}
.happyquest-Sec1 .subttl{
 font-size: calc(20rem / 20);
 font-weight: bold;
 text-align: center;
 margin-bottom: calc(0rem / 20);
}
@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .subttl{
 font-size: calc(28rem / 20);
}
}
.happyquest-Sec1 .subttl01{
 font-size: calc(30rem / 20);
 font-weight: bold;
 text-align: center;
 margin-bottom: calc(30rem / 20);
}
@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .subttl01{
 font-size: calc(28rem / 20);
}
}
.happyquest-Sec1 .sttl{
 font-size: calc(16rem / 20);
 font-weight: 600;
 /* border-bottom: #003b86 .15rem solid; */
 text-align: center;
 padding-bottom: calc(12rem / 20);
 padding-top: calc(12rem / 20);
 margin-bottom: calc(20rem / 20);
}
@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .sttl{
 font-size: calc(26rem / 20);
}
}
.happyquest-Sec1 .txt{
 /* font-size: calc(16rem / 20); */
 margin-bottom: calc(50rem / 20);
 text-align: center;
 color: #595757;
 font-weight: 600;
}
@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .txt{
 font-size: calc(30rem / 20);
}
}
.happyquest-Sec1 .list{display: flex;/* list-style-type: none; */justify-content: center;height: calc(240rem / 20);}
.happyquest-Sec1 .list li{
 position: relative;
 /* text-indent:-1em; */
 /* padding-left:1em; */
 line-height: calc(180rem / 20);
 height: calc(180rem / 20);
 list-style-type: none;
 width: calc(200rem / 20);
 text-align: center;
}

@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .list{display: flex;/* list-style-type: none; */justify-content: center;height: calc(275rem / 20);}
.happyquest-Sec1 .list li{
 position: relative;
 /* text-indent:-1em; */
 /* padding-left:1em; */
 line-height: calc(230rem / 20);
 height: calc(230rem / 20);
 list-style-type: none;
 width: calc(200rem / 20);
 text-align: center;
}

}


.happyquest-Sec1 .list li span{
 display: flex;
 justify-content: center;
 margin-top: calc(-60rem / 20);
 color: #00a0e9;
 font-weight: 600;
}
@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .list li span{
 display: flex;
 justify-content: center;
 margin-top: calc(-85rem / 20);
 color: #00a0e9;
 font-weight: 600;
}
}
.happyquest-Sec1 .sttl01{
 font-size: calc(16rem / 20);
 font-weight: 600;
 /* border-bottom: #003b86 .15rem solid; */
 text-align: center;
 padding-bottom: calc(12rem / 20);
 padding-top: calc(12rem / 20);
 margin-bottom: calc(0rem / 20);
 margin-top: calc(50rem / 20);
}
@media only screen and (max-width: 48em ) {
.happyquest-Sec1 .sttl01{
 font-size: calc(26rem / 20);
}
}
.youtube {
    text-align: center;
    margin-bottom: calc(80rem / 20);
}
.youtube video{
	width: 100%;
}

.full_box {
    font-size: calc(40rem / 20);
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media only screen and (max-width: 48em ) {
.full_box {
    font-size: calc(34rem / 20);
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
}
.full_btn {
    background-color: #e60012;
    width: calc(770rem / 20);
    color: #fff;
    margin-top: calc(10rem / 20);
    margin-bottom: calc(100rem / 20);
    padding-top: calc(10rem / 20);
    padding-bottom: calc(10rem / 20);
    /* text-align: center; */
    transition: .3s;
}
/*.full_btn a:link, a:visited, a:hover, a:active { 
    color: #fff;
}*/
.full_btn a:link, .full_btn a:visited, .full_btn a:hover, .full_btn a:active { 
    color: #fff;
}
.full_btn:hover { 
opacity: 0.7;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.commingsoon {
    font-size: calc(60rem / 20);
    font-weight: 600;
    /* border-bottom: #003b86 .15rem solid; */
    text-align: center;
    padding-bottom: calc(12rem / 20);
    padding-top: calc(12rem / 20);
    margin-bottom: calc(0rem / 20);
    margin-top: calc(50rem / 20);
}