@charset "uft-8";
body{width:100%;font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;}
a:hover{filter:alpha(opacity=60);opacity:0.6;}
.wf-notosansjapanese { font-family: "Noto Sans JP"; font-weight:900;}
.clr{clear: both;}
.sp{display: none;}

/* header */
header{background-color:#fff;padding:20px 0;position: fixed;top:0;width:100%;z-index:99;border-bottom: 1px #AFAFAF solid;}
.logo{display:inline;position: relative;left:2%;}
.logo2{display:inline;position: relative;left:0;}
.logo img,.logo2 img{width:11%;}
.sns_btn{display:inline;position: relative;left:75%;}
.sns_btn img{width:3.3%;}
.sns_btn li{display:inline;padding:0 2px;}
/* header end */

/* mv */
h1 img{width:100%;padding-top:5%;}
/* mv end */


main{width:1000px;margin: 0 auto;}

/* contents01 */
.btn-area{width:800px;margin:20px auto;text-align: center;}
.btn-area ul li{display: inline-block;padding:30px 20px;}
h2{text-align: center;padding-top:10%;}
.text-area{color:#1A1A1A;text-align: center;padding:20px 0;font-size:2em;line-height:2.5em;}
.text-01{padding-top:30px;}
.video{text-align:center;padding:40px 0 56.25%  0;position: relative;}
.video iframe{position: absolute;
top: 0;left: 0;width: 100%;height: 100%;}
/* contents01 end */

/* contents02 */
h3{padding:50px 0 0 0;text-align: center;}
.enjoy-01{background-color:#FFECCC;width:720px;margin:20px auto 0;}
.enjoy-02{background-color:#FFE8E0;width:720px;margin:20px auto 0;}
.enjoy-03{background-color:#FFEDB2;width:720px;margin:20px auto 0;}
.talk{text-align:center;padding:30px 0;}
.talk-btn2{text-align:center;padding:30px 0}
.talk-btn{padding:30px 0;text-align: center;}
/* contents02 end */

/* contents03 */
.contents03 ul{width:850px;margin:10px auto;display: flex;justify-content: center;flex-wrap:wrap;}
.contents03 ul li{padding:10px;}
.ins-txt{text-align: center;margin:20px auto;font-size:2.5vw!important;font-weight:bold;}
.ins-txt a{color:#000;}
/* contents03 end */

/* contents04 */
.contents04{background-image: url("../img/con04-back.jpg");background-repeat: no-repeat;background-position: left 0% bottom 0%;padding-bottom:4%;background-size:20%;position:relative;}
.contents04 p{text-align:center;}
#topBtn{position: absolute;bottom:4%;right:10%;cursor:pointer;}
#topBtn img{width:110%;}
/* contents04 end */


/* footer */
.link-btn-area{padding:30px 0;}
.link-btn-area li{display: inline-block;padding:8px;}
footer{background-color:#fff;padding:30px 0 10px 0;color:#000;text-align: center;}
footer p img{padding-bottom:20px;}
.f-txt{font-size:1.5em;font-weight:500;padding:10px 0;line-height:1em;}
.copy{padding-top:30px;}
/* footer end */

@media screen  and ( max-width:1024px) {body{font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;}
.logo img,.logo2 img{width:15%;}	
.sns_btn img{width:3.5%;}
.sns_btn{left:70%;}
h1 img{padding-top:7%;}		
.text-area{font-size:3.5vw;}	
main,h3 img,h2 img{width:98%;}	
.enjoy-01,.enjoy-02,.enjoy-03,.talk img,.contents03 ul{width:90%;}
.talk-btn img,.contents04 p img{width:80%;}	
.talk-btn{;padding:0 0 30px 5%;}
.video iframe{width:98%;}	
.contents03 ul li img,.link-btn-area,.btn-area{width:100%;}	
.ins-txt{font-size:4vw!important;}
.contents04{padding-bottom:9%;}	
}

@media screen  and ( max-width:960px) {body{font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;}
.logo img,.logo2 img{width:20%;}	
.sns_btn img{width:5%;}
.sns_btn{left:59%;}
h1 img{padding-top:9%;}	
.text-area{font-size:3.5vw;}	
main,h3 img,h2 img{width:98%;}	
.enjoy-01,.enjoy-02,.enjoy-03,.talk img,.contents03 ul{width:90%;}
.talk-btn img,.talk-btn2 img,.contents04 p img{width:80%;}	
.talk-btn{;padding:0 0 30px 5%;}
.video iframe{width:98%;}
.link-btn-area,.btn-area{width:100%;}
.contents03 ul li{width:26%;}	
.ins-txt{font-size:4vw!important;}
#topBtn{right:1%;}
#topBtn img{width:83%;}
.contents04{background-size:15%;}	
}




@media screen  and ( max-width:415px) {
body{font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;}
.logo img,.logo2 img{width:23%;}	
.sns_btn img{width:7.5%;}
.sns_btn{left:44%;}	
h1 img{padding-top:15%;}	
.text-area{font-size:3.5vw;}	
main,h3 img,h2 img,.btn-area{width:98%;}
.btn-area ul li img{width:60%;}
.btn-area ul li{padding:10px 0;}    
.enjoy-01,.enjoy-02,.enjoy-03,.talk img,.contents03 ul{width:80%;}
.talk-btn img,.talk-btn2 img,.contents04 p img,.link-btn-area img{width:80%;}
.link-btn-area li{width:25%;padding:4px;}
.link-btn-area li img{width:80%;}    
.talk-btn{;padding:0 0 30px 5%;}
.video iframe{width:98%;}
.contents03 ul li{width:26%;}	
.contents03 ul li img,.link-btn-area,.btn-area{width:100%;}
.ins-txt{font-size:4vw!important;}	
#topBtn img{width:60%;}
#topBtn{right:0%;bottom:-10%;}
.contents04{background-position: left -2% bottom 20%;}	
.f-txt{font-size:4vw;}   
.copy{font-size:2.7vw;}    
.pc{display:none;}
.sp{display:block;}
	
	
	
}