body {
margin: 0;
padding: 0;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
background: #ffffff;
color: #000;
}

/* html,body{font-size: 62.5%;} */
@media screen and (min-width: 921px){
header,main,footer{min-width: 1000px}
}

@media screen and (max-width: 920px){
header,main,footer{min-width: 0}
}


.content{
padding: 0 4vw;
margin: 0 auto;
}

@media screen and (min-width: 920px){
.content {width: 750px;}
}

@media screen and (min-width: 1000px){
.content {padding: 0 32px;}
}

@media screen and (min-width: 416px){
.content {padding: 0 4.6vw;}
}

img{height: auto;}

@media screen and (max-width: 920px){
img{max-width: 100%}
}


ul{
margin: 0;
padding: 0;
}

ul li{list-style: none;}

.bp{background-color: #FF8099;}
.bb{background-color: #99CCFF;}


.d-flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.sp{display: none}

@media screen and (max-width: 920px){
.sp{display: inherit;}
.pc{display: none}
}


/* top */
.top{
position: relative;
padding: 4% 0 8%;
background-image: url(../img/back_p.png),url(../img/back_p2.png);
background-repeat: repeat-x;
background-position: top,bottom;
}

.top-main{text-align: center;}

.top-main{
margin: 0;
position: relative;
margin:  0 auto;
width: 880px;
}


@media screen and (max-width: 1200px){
.top{
padding: 4% 0 8%;
height: auto;
background-image: url(../img/back_p_sp.png),url(../img/back_p2_sp.png);
  }
}


@media screen and (max-width: 920px){
.top{padding: 8% 0 8%;}
.top img{margin: 0 auto;}
.top-main{margin: 0 auto;width: 100%}
.top-main img{max-width: 100%;}
.top-main .sp{margin: 0 auto;}
}


@media screen and (max-width: 480px){
.top{padding: 12% 0 14%;}
}


.top-comm{
animation-name: tran;
animation-timing-function: linear;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-duration: 1.5s;
position: absolute;
top:250px;
margin-left: 180px;
z-index: 100;
}

.top-question-left{
animation: spin;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-duration: 2s;
display: inline-block;
transition: 1.3s ease-in-out;
position: absolute;
top: -30px;
right: 380px;
z-index: 10;
}

.top-question-right{
animation: spin2 ;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-duration: 3s;
display: inline-block;
transition: 1.5s ease-in-out;
position: absolute;
top: 0;
right: 120px;
z-index: 10;
}

@media screen and (max-width: 1200px){
.top-comm{top:240px;}
}

@media screen and (max-width: 920px){
.top-comm{
top: auto;
bottom:250px;
margin-left: 0;
width: 250px
}

.top-question-left{
top: 5px;
left: 30%;
}

.top-question-right{
top: 18px;
right: 28% ;
}
}


@media screen and (max-width: 800px){

.top-question-left{
  top: 5px;
  left: 25%;
}

.top-question-right{
  top: 18px;
  right: 24% ;
}

}

@media screen and (max-width:650px){
.top-comm{
bottom:190px;
width: 150px;
}

.top-question-left{
  top: -5px;
  left: 21%;
}

.top-question-right{
  top: 18px;
  right: 20% ;
}
.top-question-left img{width: 48px;}
.top-question-right img{width: 55px;}
}


@media screen and (max-width: 480px){
.top-comm{
bottom: 30px;
margin-left: 0;
width: 150px;
}

.top-question-left{
  top: 6px;
  left: 19%;
}

.top-question-right{
  top: 15px;
  right: 18% ;
}
.top-question-left img{width: 36px;}
.top-question-right img{width: 42px;}
}


.top-question-left{width: 60px;}
.top-question-right{width: 72px;}



@keyframes tran {
0% {transform: scale(1);}
50% {transform: scale(1.02);}
100% {transform: scale(1.04);}
}

@keyframes spin {
0% {transform:translate(0, 0) rotate(5deg);}
50% {transform:translate(0, -5) rotate(0deg);}
100% {transform:translate(0, 0) rotate(-5deg);}
}

@keyframes spin2 {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5) rotate(0deg);}
100% {transform:translate(0, 0) rotate(5deg);}
}

.wrap-header-movie {
	margin: ;
	padding: 15px 0 0 0;
    width: 100%;
	text-align: center;
	background-color: #FF8099;
}

@media (max-width: 840px) {
    .wrap-header-movie {
        width: 
    }
}

.top-video-block {
	margin: 0 auto;
	max-width: 730px;
	padding: px;
	border: 7px solid #ffff;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 8px 8px 8px rgb(106,105,105,0.4);
}

@media (max-width: 840px) {
.top-video-block {
	width: 88%;
}
}

/* 問い合わせボタン-固定- */
.contact-btn{
background-color: #FFE474;
border-radius: 20px;
border: 7px solid #ffff;
box-shadow: 8px 8px 8px rgb(106,105,105,0.4);
position:fixed;
padding:1% 0;
right: 0;
left: 0;
bottom: 60px;
margin: auto;
z-index: 20;
max-width: 730px;
width: 100%;
text-align: center;
}

.contact-btn p{width: 85%;margin: 0 auto 20px}

.con-area{
width: 48%;
font-size: 20px;
font-weight: bold;
position: relative;
}


.con-area a{
text-decoration: none;
padding: 15px 0;
color: #000;
background-color: #fff;
border-radius: 50px;
border: 3px solid #000;
display: block;
}

.con-area a:before{
content: "";
position: absolute;
top: 50%;
right: 30px;
width: 12px;
height: 12px;
margin-top: -6px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.con-area a:hover{
color: #fff;
border: 3px solid #000;
background-color:  #000;
transition: .4s;
}

.con-area a:hover:before{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}


.contact-btn .d-flex{padding: 0 10%;}


@media screen and (max-width: 1200px){
.contact-btn{bottom: 50px;}
}


@media screen and (max-width: 920px){
.contact-btn{width: 90%;padding: 3% 0;bottom: 30px;}
.contact-btn .d-flex{padding: 0 4%;}
.con-area{width: 48%;}
.contact-btn p{margin: 0 auto 20px;}
.con-area{font-size: 16px;}
.con-area a{padding: 20px 0}
}



@media screen and (max-width: 480px){
.contact-btn{bottom: 20px;}
.contact-btn p{margin: 0 auto 5px;}
.con-area{font-size: 12px;}
.con-area a{padding: 10px 0}
.con-area a:before{
right: 20px;
width: 5px;
height: 5px;
margin-top: -2.5px;
border-top: 2px solid #000;
border-right: 2px solid #000;
}

}


/* サブタイトル */
.sub-tit{
padding: 4vh 0 3vh;
margin: 0;
}

/* 広報・PR */
.pr-about{
padding:2vh 0;
position: relative;
background-image: url(../img/back_b.png),url(../img/back_b2.png);
background-repeat: repeat-x;
background-position: top,bottom;
text-align: center;
}

.pr-about .d-flex{justify-content: center;flex-wrap: nowrap;}
.pr01,.pr02,.pr03{width: calc(100%/3)}


@media screen and (max-width: 920px){
.pr-about{background-image: url(../img/back_b_sp.png),url(../img/back_b2_sp.png);}
}

.pr-about .self{
position: relative;
font-weight: normal;
font-size: 18px;
line-height: 1.4em;
margin:0 0 20px;
}

.pr-about .self p{
position: absolute;
width: 100%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
margin: auto;
}

.pr-about .self span{
font-size: 20px;
color: #FF9700;
border-bottom: 1px solid #FF9700;
font-weight:bold;
}

.first p{left: 45%}
.second p{left: 45%}
.third p{left: 40%}
.fourth p{left: 50%}
.fifth p{left: 52%}
.sixth p{left: 55%}



@media screen and (max-width: 920px){
.pr-about .d-flex{;width: 100%;}
.pr-about .self{margin: 0}
.first p{left: 48%}
.second p{left: 47%}
.third p{left: 46%}
.fourth p{left: 50%}
.fifth p{left: 51%}
.sixth p{left: 50%}
}


@media screen and (max-width: 480px){
.first p{left: 50px}
.second p{left: 50px}
.third p{left: 50px}
.fourth p{left: 55px}
.fifth p{left: 56px}
.sixth p{left: 55px}
}


.self-waku{
display: flex;
align-items: center;
justify-content: center;
animation-timing-function: linear;
animation-direction: alternate;
animation-iteration-count: infinite;
box-sizing: border-box;
animation-name: comm;
}

@keyframes comm{
  0% {transform: scale(1);}
  50% {transform: scale(1.03);}
  100% {transform: scale(1.06);}
}

.first .self-waku{animation-duration: 1.5s;}
.second .self-waku{animation-duration: 1.2s;}
.third .self-waku{animation-duration: 1.6s;}
.fourth .self-waku{animation-duration: 1.1s;}
.fifth .self-waku{animation-duration: 1.3s;}
.sixth .self-waku{animation-duration: 1.8s;}


@media screen and (max-width: 700px){
.pr-about .self{font-size:13px;}
.pr-about .self span{font-size: 15px}
}

@media screen and (max-width: 480px){
.pr-about .self{font-size: 10px;}
.pr-about .self span{font-size: 10px;border-bottom: 1px solid #FF9700;padding-bottom: 0.1em;}
.self-waku{width: 110px;height: 100px;}
}

.pr-about .self {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .5s, transform .5s; /* 透過率と縦方向の移動を0.5秒 */
}

.fadein-self.in-inview {
  opacity: 1;
  transform: translateY(10px);
  transition-delay: .7s; /* フェード開始を遅らせる */
}

.fadein-self02.in-inview {
  opacity: 1;
  transform: translateY(10px);
  transition-delay: 0.8s;
}

.fadein-self03.in-inview {
  opacity: 1;
  transform: translateY(10px);
  transition-delay: 0.9s;
}

.fadein-self04.in-inview {
  opacity: 1;
  transform: translateY(10px);
  transition-delay: 1.0s;
}

.fadein-self05.in-inview {
  opacity: 1;
  transform: translateY(10px);
  transition-delay: 1.1s;
}

.fadein-self06.in-inview {
  opacity: 1;
  transform: translateY(10px);
  transition-delay: 1.2s;
}


/* サポートポイント */
.support-point{
background:url(../img/back_l.png) , -moz-linear-gradient(right, #fff 20%, #99CCFF 50%,#fff 80%);
background:url(../img/back_l.png) , -webkit-linear-gradient(right, #fff 0 4%, #99CCFF 14% 86%, #fff 96% 100%);
}

@media screen and (max-width: 768px){
.support-point{
background:url(../img/back_l_sp.png) , -moz-linear-gradient(right, #fff, #99CCFF,#fff);
background:url(../img/back_l_sp.png) , -webkit-linear-gradient(right, #fff, #99CCFF,#fff);
}
}

.support-point{padding-bottom: 18vh;}

.support-point .d-flex section{
width: 46.8%;
margin: 40px 0;
font-size: 13.5px;
letter-spacing: 0.05em;
line-height: 1.4em;
text-align: center;
}

.support-point .d-flex section h3{
margin: 20px 0 10px;
text-align: center;
}

.support-point .d-flex section h3 img{
height: 80px;
}

.support-point .d-flex section .support-inner{
background-color: #fff;
box-shadow: 8px 8px 8px rgb(106,105,105,0.4);
border-radius: 0 15px 15px;
padding: 5px 10px;
height: 440px;
}

.support-point .d-flex section p.support-number{
width: 37%;
margin: 0;
background-color: #fff;
border-radius: 15px 15px 0 0;
position: relative;
}

.support-point .d-flex section p.support-number img{
height: 22.5px;
padding-top: 15px;
}

.support-point .d-flex section p.support-number:after{
content: "";
height: 0;
display: block;
position: absolute;
border-left: solid 36px #fff;
border-top: solid 52px transparent;
top: 2px;
right: -30px;
}

.support-point .d-flex section ul{
text-align: left;
padding: 0 8%;
margin-bottom: -50px;
}

.support-point .d-flex section ul li{
text-indent: -1.2em;
padding-left: 1.2em;
}

.support-point .d-flex section ul li:before{
content: "●";
color: #FF9700;
padding-right: 0.2em;
}

.support-inner .ill-area{
position: relative;
z-index: 2;
}

.support-inner .ill-area .fadein-left,
.support-inner .ill-area .fadein-right{
z-index: 100;
}

.support-inner .ill-area .back{
width: 400px;
position: absolute;
z-index: -1;
top: 80%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}


.ill02 .back{top: 69%!important}
.ill04 .back{top: 78%!important}
.ill05 .back{top: 92%!important}
.ill06 .back{top: 68%!important}


@media screen and (max-width: 1310px){
.support-point .d-flex section .support-inner{height: 500px;}
.support-point .d-flex section{ margin: 5% 0 10%;}
.support-point .d-flex section h3 img{height: 80px;}
.support-point .d-flex section p.support-number img{height: 28px;}
}

@media screen and (max-width: 1200px){
.support-inner .ill-area .back{width: 380px}
.ill04 .back{top: 85%!important}
}

@media screen and (max-width: 920px){
.ill03 .back{top: 75%!important}
.ill04 .back{top: 99%!important}
.ill06 .back{top: 72%!important}
}


@media screen and (max-width: 768px){
.support-point{padding-bottom: 5vh;}
.support-point .d-flex section{ width: 100%;margin: 5% 0 20%;font-size: 12px}
.support-point .d-flex section ul{margin-bottom: -10px;}
.support-point .d-flex section h3 br{display: inherit;}
.support-point .d-flex section h3 img{height: 80px;}
.ill01 .back{top: 60%!important}
.ill02 .back{top: 62%!important}
.ill03 .back{top: 60%!important}
.ill04 .back{top: 65%!important}
.ill05 .back{top: 75%!important}
.ill06 .back{top: 55%!important}
}

@media screen and (max-width: 500px){
.support-point .d-flex section p.support-number img{height: 28px;}
.support-point .d-flex section p.support-number{width: 40%}
.support-point .d-flex section br{display: none}
}

@media screen and (max-width: 480px){
.support-point{padding-bottom: 10vh;}
.support-point .d-flex{margin-bottom: 18%}
.support-point .d-flex section .support-inner{height: 360px;}
.support-point .d-flex section ul{padding: 0 4%;}
.support-point .d-flex section h3{font-size: 25px;height: 100px}
.fade01 img{width: 173px}
.fade02 img{width: 159px;}
.fade03 img{width: 160px;}
.fade04 img{width: 305px;}
.fade05 img{width: 177px;}
.fade06 img{width: 255px;}
.support-inner .ill-area .back{width: 200px}
}

/* 左 */
.fadein-left {
  opacity: 0;
  transform: translateY(120px);
  transition: opacity .5s, transform .5s; /* 透過率と縦方向の移動を0.5秒 */
}

.fadein-left.in-inview {
  opacity: 1;
  transform: translateY(80px);
  transition-delay: .3s; /* フェード開始を0.2秒遅らせる */
}


/* 右 */
.fadein-right {
  opacity: 0;
  transform: translateY(120px);
  transition: opacity .5s, transform .5s; /* 透過率と縦方向の移動を0.5秒 */
}

.fadein-right.in-inview {
  opacity: 1;
  transform: translateY(80px);
  transition-delay: .7s; /* フェード開始 */
}

/* 右-2 */
.fadein-right-2 {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .5s, transform .5s; /* 透過率と縦方向の移動を0.5秒 */
}

.fadein-right-2.in-inview {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .7s; /* フェード開始 */
}


@media screen and (max-width: 768px){
.fadein-left {transform: translateY(70px);}
.fadein-left.in-inview {transform: translateY(30px);}
.fadein-right {transform: translateY(70px);}
.fadein-right.in-inview {transform: translateY(30px);transition-delay: .3s;}
}




/* last */
.rely-area{position: relative;}

.rely-inner{
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}

.fadein-rely {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .5s, transform .2s; /* 透過率と縦方向の移動を0.5秒 */
}

.fadein-rely.in-inview {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s; /* フェード開始 */
}

.rely-area .fadein-rely img{margin: -4vh 0 0 20vw;}


@media screen and (max-width: 1800px){
.rely-area .fadein-rely img{margin: -3vh 0 0 30vw;}
}

@media screen and (max-width: 1700px){
.rely-area .fadein-rely img{margin: -3vh 0 0 32vw;}
}

@media screen and (max-width: 1600px){
.rely-area .fadein-rely img{margin: -3vh 0 0 27vw;}
}

@media screen and (max-width: 1310px){
.rely-inner img{max-width: none;}
.rely-area .fadein-rely img{margin: -3vh 0 0 31vw;}
}

@media screen and (max-width: 1200px){
.rely-area .fadein-rely img{margin: -3vh 0 0 34vw;}
}

@media screen and (max-width: 1000px){
.rely{padding: 7% 0 0}
.rely-inner img{max-width: none}
.rely-area .fadein-rely img{margin: -100px 0 0 42vw;width: 300px}
}

@media screen and (max-width: 920px){
.rely-inner{top: 28%;}
.rely{padding: 18% 0 0;display: flex;justify-content: center;}
.rely-area .fadein-rely img{margin: -50px auto 0;width: 400px}
.rely-inner img{width: 680px}
}

@media screen and (max-width: 768px){
.rely-area .fadein-rely img{width: 300px}
.rely-inner img{width: 500px}
}

@media screen and (max-width: 480px){
.rely{padding: 25% 0 0}
.rely-area .fadein-rely img{width: 200px}
.rely-inner img{width: 340px}
}

.contact-last{
background-image: url(../img/back_w.png);
background-repeat: repeat-x;
background-position: top;
height: 42vh;
}


.contact-area{
position: relative;
top: -20px;
background-color: #FFE474;
border-radius: 20px;
border: 7px solid #ffff;
box-shadow: 8px 8px 8px rgb(106,105,105,0.4);
padding: 2% 0;
z-index: 20;
text-align: center;
}

.contact-area .d-flex .contact-area-child{width: 50%;}
.contact-area .d-flex .contact-area-child:last-child{margin: -60px 0 0;}

.contact-area .d-flex{
width: 95%;
margin: 0 auto;
align-items: center;
}

.contact-area .d-flex .contact-btn-last{
width: 66.1%;
margin: -50px auto 0;
}

.contact-btn-last .con-area{
width: 100%;
font-size: 16px;
}

.contact-btn-last .con-area a{
padding: 10px 0;
}

.contact-area .d-flex .contact-btn-last img{max-width: 100%}
.contact-area .d-flex .contact-btn-last .fadein-left{margin: 0 0 1em;}

@media screen and (max-width: 920px){
.contact-last{height: auto;}
.contact-area{padding: 8% 0;}
.contact-area .d-flex .contact-btn-last .fadein-left{margin: -15px 0 1em;}
.contact-area .d-flex .contact-area-child{width: 100%;}
.contact-area .d-flex .contact-area-child img{margin: 0 auto;}
.contact-area .d-flex .contact-btn-last{width: 80%}
.contact-area .d-flex .contact-btn-last{margin: 0 auto 8%;}
.contact-area .d-flex .contact-btn-last .fadein-left{margin: 0 0 10px;}
}

@media screen and (max-width: 768px){
.contact-area .d-flex .contact-btn-last{margin: 8% auto 4%;}
}


@media screen and (max-width: 480px){
.contact-area{top:-10px;}
.contact-area .d-flex .contact-area-child img:first-of-type{margin-bottom: 0.5em}
.contact-area .d-flex .contact-btn-last{margin: 15% auto 10%;}
}



/* footer */
footer{
background-image: url(../img/back_w2.png);
background-repeat: repeat-x;
background-position: top;
padding: 13vh 0 0;
text-align: center;
}


.footer-innwer{
background-color: #fff;
padding: 2em 0;
}

.footer-bottom{
background-color: #FF8099;
height: 50px;
}


@media screen and (max-width: 920px){
footer{background-image: url(../img/back_w2_sp.png);padding: 18vh 0 0;margin-top: -1px;}
.footer-bottom{height: 30px;}
}

/* 大久保追加 */

.footer-bottom-r{
  float: right;
  margin: 0 30px;
}
.forpr{
  padding: 2vh 0;
  text-align: center;
  background-image: url(../img/tit.png);
  background-repeat: no-repeat;
  background-position: center;
}

.forpr h2{
  font-size: 3em;
}
    
@media screen and (max-width: 768px){
  .forpr{background-size: 98%;}
  .forpr h2{font-size: 2.3em}
}
    
@media screen and (max-width: 480px){
  .forpr h2{font-size: 1.8em}
}