* {
    margin: 0;
    padding: 0;
}
body{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
img{
	max-width:100%;
}
a:hover img{  opacity: 0.8;
  filter: alpha(opacity=80);
}
a:hover img.ease {
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.sp640{display:none;}
.sp375{display:none;}
.sp320{display:none;}
li{
    list-style: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
label{
    -webkit-tap-highlight-color: transparent;
}

.sp{
    display: none;
}
.wrap{
    width: 1200px;
    margin: 0 auto;
}
.f14{font-size:14px;}
.f26{font-size:26px;}
.f_left{float:left;}
.f_right{float:right;}
.w50{width:50%;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.center {text-align:center!important;}
/*レスポンシブの挙動を自然に*/
.trans{
-webkit-transition: width 1s ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition: width 1s ease-in-out 0.01s;
  -o-transition: width 1s ease-in-out 0.01s;
  transition: width 1s ease-in-out 0.01s;
}
.dl2 {
    /* 2秒遅れてアニメする */
    animation-delay: 2s;}
.dl3 {
    animation-delay: 3s;}
.dl4 {
    animation-delay: 4s;}

/********************************* header **********************************/
	header{
		background:url(../images/header_bg.jpg) center bottom;
		background-size:cover;
		height:calc(100vh - 98px);
		position:relative;
		margin-top:98px;
	}
	.header_wrap{
		position:relative;
		width:1200px; margin:auto;
		height: 100%;
	}
	
	.header01{
		opacity: 0;
		position:absolute;
		top:18%;
		left:10px;
    		animation: fadeIn 2s ease-out .8s 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-out .8s 1 normal forwards;
	}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
	.header02{
		opacity: 0;
		position:absolute;
		bottom:10px;
		left:10px;
   			animation: fadeIn2 2s ease-out 1.2s 1 normal forwards;
    -webkit-animation: fadeIn2 2s ease-out 1.2s 1 normal forwards;
	}
@keyframes fadeIn2 {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn2 {
    0% {opacity: 0}
    100% {opacity: 1}
}
	
#nav{
	z-index:99; 
	position:fixed;
	top:0;
	width:100%;
	background:rgba(255,255,255,.8);
	height:98px;
	}	
.nav_wrap{height:60px;margin-top:19px;}	
.nav_wrap ul li:nth-child(1){float:left;width:50%;padding-top:8px;}
.nav_wrap ul li:nth-child(2){float:right;width:50%;text-align:right;}
.header_arrow {
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
}
	
/********************************* footer **********************************/
footer{
    background: #fff;
    text-align: center;
}
/*footer:before{
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    background: linear-gradient(to right,#00a0e8,#8ec31e 50%,#f39700);
}*/
.footer_wrap{
    padding: 40px 0;
    position: relative;
}
.footer_logo{
    position: absolute;
    top: 40px;
    left: 0;
}
.footer_nav a{
    color: #000;
    text-decoration: none;
}
.footer_nav a:hover{
    opacity: .5;
  filter: alpha(opacity=50);
}
.scroll_top{
    /*display: none;>
    position: fixed;*/
    bottom: 10px;
    right: 50px;
	width:120px;
	position:absolute;
}


/********************************* sec01導入 **********************************/
#section{padding-top:98px;margin-top:-98px;}
.sec01{
	background:#f5db5b;
	padding-top:98px;
	padding-bottom: 50px;
}
.sec01_inner01,.sec01_inner02,.sec01_inner03{position:relative;margin-bottom: 40px;}
.sec01_inner01 .sec01_img01{width:60%;float:left;}
.sec01_inner01 .sec01_arrow{width:15%;float:right;text-align:center;padding-right: 20px;}
.sec01_inner01 .sec01_txt01{position:absolute;left: 50%;top: 28%;width:35%;}
.sec01_inner02 .sec01_img02{width:60%;float:right;text-align:right;}
.sec01_inner02 .sec01_arrow{width:15%;float:left;text-align:center;padding-left: 20px;}
.sec01_inner02 .sec01_txt02{position:absolute;left: 10%;top: 28%;width:35%;}
.sec01_inner02 .sec01_btn01{position:absolute;right: 2%;bottom:-3%;width:17%;}
.sec01_inner03 .sec01_img03{width:60%;float:left;}
.sec01_inner03 .sec01_arrow{width:15%;float:right;text-align:center;padding-right: 20px;}
.sec01_inner03 .sec01_txt03{position:absolute;left: 50%;top: 28%;width:35%;}

/********************************* sec02 **********************************/

.sec02{
	background:#fff;
	padding-top:50px;
	padding-bottom: 50px;
	text-align:center;
}

.sec02_header{width:730px; margin:auto;} 
.sec02_inner{width:524px; margin:30px auto 0;font-size:18px;line-height:2.1;} 

/********************************* sec03プログラム **********************************/

.sec03,.sec04,.sec05,.sec06{
	background:#f5db5b;
	padding-top:50px;
	padding-bottom: 30px;
	text-align:center;
}

.sec03_header,.sec04_header,.sec05_header,.sec06_header01,.sec06_header02,.sec06_header{width:800px; margin:auto;}

.sec04,.sec06{
	background:#faedad;
}
.sec06_header02{
	margin-top:40px;
	margin-bottom:40px;
}
#hajimete{
padding-top: 130px;
margin-top: 0px;
}
.slider img {
  transform: scale(0.85);
  transition: 0.5s;
}

.slider .slick-center img {
  transform: scale(1);
}
.prev-arrow {
	position:absolute;
    left: calc(50vw - 449px);
	top:calc(50% - 30px);
	z-index: 5;
}
.next-arrow {
	position:absolute;
    right: calc(50vw - 449px);
	top:calc(50% - 30px);
}
.slider{margin-top:30px;}

/********************************* campaign **********************************/
#campaign,#campaign_sp{
	background:#fff;padding:96px 0;
}
.campaign_wrap{
	background:#fff;
padding-top:30px;
text-align:center;
}

.campaign_in{
	width:880px;
	margin:auto;
  padding: 0%;
  margin-top:20px;
  maegin-bottom:20px;
}
.campaign_wrap p{
	text-align:left;
	font-size:18px;
	width:800px;
	margin:30px auto;
	line-height:1.5;
}
.campaign_btn{margin-top:90px;}


@media screen and (max-width: 1200px){
	.header_wrap{
		width:90%; margin:auto;
	}
	
    .wrap{
        width: 92%;
        margin: 19px 4%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1000px){
	.header01,.header02{
		width:33%;
	}
.campaign_wrap > div,.campaign_wrap > p{
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
.sec03_header, .sec04_header, .sec05_header, .sec06_header01, .sec06_header02,.sec06_header {
    width: 80%;
}
}
@media screen and (max-width: 880px){
.prev-arrow {
    left: 10px;
}
.next-arrow {
    right: 10px;
}

}
@media screen and (max-width: 768px){
    a:hover{
        opacity: 1 !important;
  filter: alpha(opacity=100)!important;
    }
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
	
    /********************************* header **********************************/
#nav{height:50px;}
.nav_wrap {
    margin: 10px 4%;
}
.nav_wrap ul li:nth-child(1){width:80px; padding-top:0;}
.nav_wrap ul li:nth-child(2) {width: 155px;}
	header{
		background:url(../images/header_bg-sp.jpg) center top -38px;
		background-size:cover;
		height:calc(100vh - 38px);
		position:relative;
		margin-top:50px;
	}
header.bglong{
	background-size: auto 100%;
background-position: center bottom;
}
.header_wrap {
    width:100%;}
	
.header_yellow_area{
position:absolute;
bottom:0;
width:100%;
}
.header01 {
	    background: url(../images/header_yellow-sp.png) center top no-repeat;
    position: absolute;
    top: 54vh;
    left: 0;
    width: 100%;
    height: 42vh;
    background-size: 100% 100%;
}

.header02 {
    bottom: 25px;
    text-align: center;
	left: 25%;
right: 0;
width: 50%;
}	
#section{padding-top:50px;margin-top:-50px;}
	
.sec01_inner01 .sec01_txt01,.sec01_inner01 .sec01_txt02,.sec01_inner01 .sec01_txt03,.sec01_inner01 .sec01_txt04 {
    position: inherit;
    left: inherit;
    top: inherit;
    width: 90%;
    margin: auto;
	text-align: center;
}
.sec01_inner01 .sec01_img01 {
    width: 100%;
    float: none;
}
.sec01_btn01{width:92%; margin:25px auto;}

.sec02_header {
    width: 100%;
}
.sec02_inner {
    width: 100%;}
.sec02_header img.sp{display:inline-block;}
.sec03_txt,.sec04_txt,.sec05_txt,.sec06_txt01,.sec06_txt02 {
    font-size:24px;
	line-height:2;
	padding:20px 10%;
	text-align:left;
}
.sec06_header02{width:100%;
    margin: 10px 0 0;}
.sec06_inner02{background:#fff;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:20px;}
.sec06_txt02 {
    padding: 10px 0 20px;
}
.sec06_img01 {width:80%;margin:auto auto 60px;}
.wrap.sec06_inner01{width:100%;margin:0 auto 30px;}
.sec06 .flex{  
padding: 20px 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   margin-top: 50px; }
  .sec06 .flex > div{width:30%;}
  
    /********************************* campaign **********************************/
.campaign_wrap > div.campaign_in {
	margin-bottom: 30px;
	width:100%;
	}
	

.campaign_btn {background:#f5db5b;
    padding: 40px 8%;
    margin-top: 40px;
}
#campaign{padding-bottom:0;padding-top:0;}

    /********************************* footer **********************************/
    /*footer:before{
        content: "";
        display: block;
        height: 5px;
        width: 100%;
        background: linear-gradient(to right,#00a0e8,#8ec31e 50%,#f39700);
    }*/
    .footer_wrap{
        padding: 20px 2%;
		position: relative;
    }
    .footer_logo{
        position: inherit;
        top: auto;
        left: auto;
        width: 100%;
		padding-top: 50px;
		padding-bottom: 20px;
    }
	.footer_nav {
		text-align: center;
		font-size: 14px;
	}
    .footer_nav a:hover{
        opacity: .6;
		filter: alpha(opacity=60)
    }
    .copy {
    text-align: center;
    font-size: 15px;
	line-height: 1;
    }
.scroll_top {
    position: absolute;
    width: 80px;
    bottom: 75%;
    left: calc(50% - 40px);
}

.slick-dots li button::before {
    font-size: 16px!important;
}
.prev-arrow,.next-arrow{
    display: none!important;
}
.slick .slick-slide {
    transform: scale(1);
}
.slick-dots {
    bottom: -38px!important;
}



}
@media screen and (max-width: 640px){
	.sp640{display:block;}
	.pc640{display:none;}
.weekday_01 p img,.holiday_01 p img {
    width: 70%;
}
#start .start_01 {
    height: 100vw;
}
.sec03_txt,.sec04_txt,.sec05_txt,.sec06_txt01,.sec06_txt02 {
    font-size:18px;
}
.sec02_inner {
    font-size:16px;
}
.sec03_header, .sec04_header, .sec05_header, .sec06_header01, .sec06_header {
    width: 90%;
}
}
@media screen and (max-width: 450px){
	.footer_nav {
		text-align: center;
		font-size: 10px;
	}
    .copy {
    font-size: 11px;
    }
	
.campaign_wrap p {
    font-size: 14px;	
}
.sec02_inner {
    font-size:3.5vw;
}
.sec03_txt,.sec04_txt,.sec05_txt,.sec06_txt01,.sec06_txt02 {
    font-size:16px;
}
.sec06_header02 {
    margin-bottom: 10px;
}
.sec06_txt02 {
    padding: 0;
}
.sec06_txt02 img {
    position: inherit;
width: 50%;
padding-left: 25%;
}

}
@media screen and (max-width: 375px){
	.sp375{display:block;}
	.pc375{display:none;}
	

}
@media screen and (max-width: 320px){
	.sp320{display:block;}
}