@charset "utf-8";


@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');


a[href*="tel:"] {
 pointer-events      : none;
 cursor              : default;
 text-decoration     : none;
}

* {
 padding             : 0;
 margin              : 0;
}
html{
 font-size           : 62.5%;
 height              : 100%;
}
img {
 image-rendering     : -webkit-optimize-contrast;
}
img {
 width               : 100%;
 border              : 0;
 vertical-align      : bottom;
}
a img {
 border-top-style    : none;
 border-right-style  : none;
 border-bottom-style : none;
 border-left-style   : none;
}
a{
 text-decoration     : none;
 color               : #000000;
}
a:hover{
 text-decoration     : none;
 color               : #00448c;
}
a:hover img{
 opacity             : 0.5;
 filter              : alpha(opacity=50);
 -moz-opacity        : 0.5;
 -ms-filter          : "alpha(opacity=50)";
 background-color    : rgba(255, 255, 255, 0);
}

.clear-both{
 clear               : both;
}

p{
 padding             : 1em 0 1em 0;
}

body {
 margin              : 0;
 padding             : 0;
 height              : 100%;
 background          : #f6efde;
 font-size           : 1.3vw;
 line-height         : 160%;
 font-weight         : 400;
 font-style          : normal;
 letter-spacing      : 0.02em;
 color               : #3e3a39;
 text-align          : left;
 text-justify        : inter-character;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-family         : 'Noto Serif JP', "游明朝", YuMincho, serif;/**/
}

.codepc{ display     : inline; }
.codesp{ display     : none; }

h1{ font-size:2vw;   line-height:120%; font-weight:400; }
h2{ font-size:3.5vw; line-height:120%; font-weight:400; }
h3{ font-size:1.8vw; line-height:120%; font-weight:400; }
h4{ font-size:2.5vw; line-height:120%; font-weight:400; }

.or{ color:#eb5312; }

.mds01,
.mds02,
.mds03,
.mds04,
.mds05{
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 word-break          : normal;
 line-height         : 140%;
 font-weight         : 700
}
.mds01{ font-size : 2.8vw;}
.mds02{ font-size : 2.6vw;}
.mds03{ font-size : 2vw;}
.mds04{ font-size : 1.8vw;}
.mds05{ font-size : 1.6vw;}

a.linkbtn01{
 width               : 70%;
 display             : inline-block;
 background          : #eb5312;
 color               : #ffffff;
 font-weight         : 500;
 padding             : 0.5em 0 0.5em 0;
 font-size           : 2.1vw;
 border-radius       : 0.5vw;
}
a.linkbtn01:hover{
 background          : #f39871;
 color               : #ffffff;
}
a.linkbtn02{
 width               : 90%;
 display             : inline-block;
 background          : #eb5312;
 color               : #ffffff;
 font-weight         : 500;
 padding             : 0.5em 0 0.5em 0;
 font-size           : 1.4vw;
 border-radius       : 0.5vw;
}
a.linkbtn02:hover{
 background          : #f39871;
 color               : #ffffff;
}

.grad{
  background-image   : linear-gradient(#ffc190, #ffffff 32%) !important;
}



/*-------------------------------------------
ヘッダ
-------------------------------------------*/
header{
 float               : left;
 display             : inline;
 width               : 100%;
}
header img{
 width               : 100%;
}



/*-------------------------------------------
フッタ
-------------------------------------------*/
footer{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 3vw 0 1vw 0;
 margin              : 0 0 0 0;
 background          : #eb5312;
 font-size           : 0.8vw;
 line-height         : 160%;
 text-align          : center;
 color               : #ffffff;
}



/*-------------------------------------------
コンテンツ
-------------------------------------------*/
.wrapper01{
 clear               : both;
 display             : block;
 width               : 100%;
 text-align          : center;
}
.wrapper02{
 clear               : both;
 display             : block;
 width               : 100%;
 padding             : 2vw 0 2vw 0;
 text-align          : center;
}
.wrapper03{
 clear               : both;
 display             : block;
 width               : 100%;
 padding             : 6vw 0 2vw 0;
 text-align          : center;
}
.wrapper04{
 clear               : both;
 display             : block;
 width               : 100%;
 padding             : 6vw 0 6vw 0;
 text-align          : center;
}
.content01{
 width               : 80%;
 margin              : 0 auto;
 padding             : 6vw 0 6vw 0;
 background          : #ffffff;
 text-align          : center;
}
.content01:after{
 content             : "";
 display             : block;
 clear               : both;
}
.content01 ul{
 width               : 86%;
 margin              : 0 auto;
 padding             : 5vw 0 0 0;
 text-align          : left;
 font-size           : 1.2vw;
 line-height         : 140%;
}
.content01 ul li{
 padding             : 0 0 0.3em 0;
 list-style-type     : none;
 padding-left        : 1em;
 text-indent         : -1em;
}



/*-------------------------------------------
MAP
-------------------------------------------*/
.mapmds{
 width               : 80%;
 margin              : 0 auto;
 padding             : 1vw 0 1vw 0;
 background          : #f39871;
 color               : #ffffff;
}
.mapill{
 width               : 100%;
 margin              : 0 auto;
}
.mapill img{
 width               : 100%;
}

.wrapperM01{
 clear               : both;
 display             : block;
 width               : 100%;
 margin              : -28vw 0 0 0;;
 text-align          : center;
}
.contentM01{
 width               : 80%;
 margin              : 0 auto;
 padding             : 34vw 0 6vw 0;
 background          : #ffffff;
 text-align          : center;
}
.contentM01:after{
 content             : "";
 display             : block;
 clear               : both;
}

.wrapperM02{
 clear               : both;
 display             : block;
 width               : 100%;
 margin              : -0 0 0 0;;
 text-align          : center;
}
.contentM02{
 width               : 80%;
 margin              : 0 auto;
 padding             : 6vw 0 6vw 0;
 background          : #ffffff;
 text-align          : center;
}
.contentM02:after{
 content             : "";
 display             : block;
 clear               : both;
}

.mapbox_cont{
 float               : left;
 display             : inline;
 width               : 88%;
 margin              : 0 6% 0 6%;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
}
.mapbox{
 float               : left;
 display             : inline;
 width               : 23%;
 margin              : 0 1% 3vw 1%;
 border-top          : 3px solid #eb5312;
}
.mapbox_ico01,
.mapbox_ico02{
 float               : left;
 display             : inline;
 width               : 27%;
 background          : #eb5312;
}
.mapbox_ico01{
 margin              : 0.2vw 0 0 0;
}
.mapbox_ico01 img{
 width               : 45%;
 padding             : 0.2vw 0 0.2vw 0;
}
.mapbox_ico01 .number{
 width               : 50%;
 margin              : 0 auto;
 background          : #ef7642;
 border-radius       : 100%;
 color               : #ffffff;
 font-size           : 1vw;
 font-weight         : 900;
 line-height         : 200%
}
.mapbox_ico02{
 margin              : 0 0 0 0;
}
.mapbox_tit{
 float               : left;
 display             : inline;
 width               : 70%;
 margin              : 0.2vw 0 0 3%;
 font-size           : 1.2vw;
 line-height         : 140%;
 font-weight         : 700;
 text-align          : left;
 position            : relative;
}
.mapbox_tit .inner{
 position            : absolute;
 top                 : 50%;
 left                : 0%;
 transform           : translateY(-50%) translateX(-0%);
 -webkit- transform  : translateY(-50%) translateX(-0%);
}
.mapbox_tit .inner span{
 font-size           : 1vw;
}
.mapbox_add{
 float               : left;
 display             : inline;
 width               : 70%;
 margin              : 0 0 0 3%;
 font-size           : 0.8vw;
 line-height         : 140%;
 text-align          : left;
}
.mapbox_pic,
.mapbox_txt{
 float               : left;
 display             : inline;
 width               : 100%;
 margin              : 0.5vw 0 0 0;
 font-size           : 1vw;
 line-height         : 140%;
 text-align          : left;
}



/*-------------------------------------------
STORY
-------------------------------------------*/
.story{
 float               : left;
 display             : inline;
 width               : 100%;
 height              : 45vw;
 position            : relative;
 margin              : 0 0 2vw 0;
}
.story .box{
 position            : absolute;
 top                 : 3.8vw;
 left                : 16vw;
 width               : 44.8vw;
}
.story .box img{
 width               : 100%;
}
.story .box p{
 width               : 90%;
 padding             : 3vw 0 0 0;
 color               : #ffffff;
 font-size           : 1.15vw;
 text-align          : justify;
}



/*-------------------------------------------
バナー
-------------------------------------------*/
.ban2A{
 display             : flex;
 width               : 44%;
 justify-content     : space-between;
 padding             : 0vw 28% 2vw 28%;
}
.ban2{
 display             : flex;
 width               : 38%;
 justify-content     : space-between;
 padding             : 0vw 31% 2vw 31%;
}
.ban3{
 display             : flex;
 width               : 70%;
 justify-content     : space-between;
 padding             : 0vw 15% 2vw 15%;
}
.ban4{
 display             : flex;
 width               : 80%;
 justify-content     : space-between;
 padding             : 0vw 10% 2vw 10%;
}
.banimg{
 width               : 14vw;
}
.banimg img{
 width               : 100%;
 border              : 1px solid #cccccc;
}



/*-------------------------------------------
景品
-------------------------------------------*/

.prz_mds{
 float               : left;
 display             : inline;
 width               : 90%;
 background          : #eb5312;
 margin              : 0 5% 2vw 5%;
 padding             : 0.5em 0 0.5em 0;
 color               : #ffffff;
 font-size           : 1.6vw;
}
.prz3{
 display             : flex;
 width               : 90%;
 justify-content     : space-between;
 padding             : 0vw 5% 7vw 5%;
}
.prz2{
 display             : flex;
 width               : 60%;
 justify-content     : space-between;
 padding             : 0vw 20% 7vw 20%;
}
.prz1{
 display             : flex;
 width               : 60%;
 align-items         : center;
 justify-content     : center;
 padding             : 0vw 20% 7vw 20%;
}
.prz_box{
 width               : 22vw;
 background          : #ffffff;
 box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.15);
/* border-radius       : 1vw;*/
}
.prz_box img{
 width               : 100%;
}
.prz_box p{
 width               : 90%;
 padding             : 1em 5% 2em 5%;
 font-size           : 1vw;
 line-height         : 140%;
 text-align          : left;
}

.prz_comp01{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 2.1em 0% 2.1em 0%;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight         : 500;
}
.prz_comp02{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 1.3em 0% 1.3em 0%;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight         : 500;
}
.prz_comp03{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0.5em 0% 0.5em 0%;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight         : 500;
}
.prz_numb{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0.5em 0 0.5em 0;
 background          : #fac6b0;
 color               : #eb5312;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight         : 700;
}



a.site{
 float               : left;
 display             : inline;
 margin              : 0.5em 0 0.5em 0;
 color               : #f9824f;
 background          : #ffffff;
 padding             : 0.5em 1em 0.5em 1em;
 border-radius       : 1em;
 border              : 1px solid #f9824f;
}
a.site:hover{
 color               : #ffffff;
 background          : #f9824f;
}

.nosite{
 float               : left;
 display             : inline;
 margin              : 0.5em 0 0.5em 0;
 color               : #ffffff;
 background          : #ffffff;
 padding             : 0.5em 1em 0.5em 1em;
 border-radius       : 1em;
 border              : 1px solid #ffffff;
}





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

@media (max-width: 766px) {

	body {
	 font-size           : 4vw;
	 line-height         : 180%;
	 letter-spacing      : 0em;
	}

	.codepc{ display     : none !important; }
	.codesp{ display     : inline !important; }

	a[href*="tel:"] {
	 pointer-events      : auto;
	 cursor              : default;
	 text-decoration     : none;
	}

	h1{ font-size   : 4vw; line-height:160%;}
	h2{ font-size   : 6vw; line-height:160%;}
	h3{ font-size   : 3.6vw; line-height:160%;}
	h4{ font-size   : 5vw; line-height:160%;}

	.or{}

	.mds01,
	.mds02,
	.mds03,
	.mds04,
	.mds05{
	}
	.mds01{ font-size : 5vw;}
	.mds02{ font-size : 5vw;}
	.mds03{ font-size : 4vw;}
	.mds04{ font-size : 3vw;}
	.mds05{ font-size : 3vw;}

	a.linkbtn01{
	 border-radius       : 2vw;
	 font-size           : 4vw;
	 padding             : 0.5em 3em 0.5em 3em;
	}
	a.linkbtn01:hover{
	 border-radius       : 2vw;
	 font-size           : 4vw;
	}
	a.linkbtn02{
	 border-radius       : 2vw;
	 font-size           : 4vw;
	 line-height         : 140%;
	}
	a.linkbtn02:hover{
	 border-radius       : 2vw;
	 font-size           : 4vw;
	}

	.grad{
	}



	/*-------------------------------------------
	ヘッダ
	-------------------------------------------*/
	header{
	}
	header img{
	}



	/*-------------------------------------------
	フッタ
	-------------------------------------------*/
	footer{
	 padding             : 3vw 0 1vw 0;
	 font-size           : 2vw;
	 line-height         : 160%;
	}



	/*-------------------------------------------
	コンテンツ
	-------------------------------------------*/
	.wrapper01{
	}
	.wrapper02{
	 padding             : 5vw 0 5vw 0;
	}
	.wrapper03{
	 padding             : 6vw 0 5vw 0;
	}
	.wrapper04{
	 padding             : 6vw 0 6vw 0;
	}
	.content01{
	 width               : 90%;
	 padding             : 6vw 0 6vw 0;
	}
	.content01 ul{
	 width               : 86%;
	 margin              : 0 auto;
	 padding             : 5vw 0 0 0;
	 font-size           : 2.5vw;
	 line-height         : 140%;
	}
	.content01 ul li{
	 padding             : 0 0 0.5em 0;
	 list-style-type     : none;
	 padding-left        : 1em;
	 text-indent         : -1em;
	}



	/*-------------------------------------------
	MAP
	-------------------------------------------*/
	.mapmds{
	 width               : 90%;
	 margin              : 0 auto;
	 padding             : 2vw 0 2vw 0;
	}
	.mapill{
	}
	.mapill img{
	}

	.wrapperM01{
	 margin              : -28vw 0 0 0;;
	}
	.contentM01{
	 width               : 90%;
	 margin              : 0 auto;
	 padding             : 34vw 0 6vw 0;
	}
	.contentM01:after{
	}

	.wrapperM02{
	}
	.contentM02{
	 width               : 90%;
	 margin              : 0 auto;
	 padding             : 6vw 0 6vw 0;
	}
	.contentM02:after{
	}

	.mapbox_cont{
	 width               : 96%;
	 margin              : 0 2% 0 2%;
	}
	.mapbox{
	 width               : 48%;
	 margin              : 0 1% 3vw 1%;
	 border-top          : 3px solid #eb5312;
	}
	.mapbox_ico01,
	.mapbox_ico02{
	 width               : 27%;
	}
	.mapbox_ico01{
	 margin              : 0.5vw 0 0 0;
	 padding             : 0 0 2px 0;
	}
	.mapbox_ico01 img{
	 width               : 45%;
	 padding             : 0.5vw 0 0.5vw 0;
	}
	.mapbox_ico01 .number{
	 width               : 50%;
	 margin              : 0 auto;
	 font-size           : 2.5vw;
	 font-weight         : 900;
	 line-height         : 200%
	}
	.mapbox_ico02{
	 margin              : -1px 0 0 0;
	}
	.mapbox_tit{
	 width               : 70%;
	 margin              : 0.5vw 0 0 3%;
	 font-size           : 3.5vw;
	 line-height         : 140%;
	 font-weight         : 700;
	 text-align          : left;
	 position            : relative;
	}
	.mapbox_tit .inner{
	 position            : absolute;
	 top                 : 50%;
	 left                : 0%;
	 transform           : translateY(-50%) translateX(-0%);
	 -webkit- transform  : translateY(-50%) translateX(-0%);
	}
	.mapbox_tit .inner span{
	 font-size           : 2.5vw;
	}
	.mapbox_add{
	 width               : 70%;
	 margin              : -1px 0 0 3%;
	 font-size           : 2.5vw;
	 line-height         : 140%;
	}
	.mapbox_pic,
	.mapbox_txt{
	 width               : 100%;
	 margin              : 0.5vw 0 0 0;
	 font-size           : 3vw;
	 line-height         : 140%;
	 text-align          : left;
	}



	/*-------------------------------------------
	STORY
	-------------------------------------------*/
	.story{
	 width               : 100%;
	 height              : auto;
	 position            : static;
	 margin              : 0 0 2vw 0;
	}
	.story .box{
	 position            : static;
	 width               : 90%;
	 margin              : 0 5% 2vw 5%;
	 padding             : 6vw 0 0 0;
	}
	.story .box img{
	 width               : 90%;
	}
	.story .box p{
	 width               : 90%;
	 padding             : 3vw 5% 0 5%;
	 color               : #3e3a39;
	 font-size           : 3.5vw;
	 text-align          : justify;
	}



	/*-------------------------------------------
	バナー
	-------------------------------------------*/
	.ban2A{
	 display             : flex;
	 width               : 86%;
	 justify-content     : space-between;
	 padding             : 6vw 7% 2vw 7%;
	}
	.ban2{
	 display             : block;
	 width               : 80%;
	 justify-content     : center;
	 padding             : 0vw 5% 0 5%;
	 margin              : 0 5% 3vw 5%;
	 text-align          : center;
	}
	.ban3{
	 display             : block;
	 width               : 80%;
	 justify-content     : center;
	 padding             : 6vw 5% 0 5%;
	 margin              : 0 5% 3vw 5%;
	 text-align          : center;
}
	.ban4{
	 display             : block;
	 width               : 80%;
	 justify-content     : center;
	 padding             : 0vw 5% 0 5%;
	 margin              : 0 5% 3vw 5%;
	 text-align          : center;
	}
	.banimg{
	 width               : 35vw;
	 padding             : 3vw 0 6vw 0;
	 margin              : 0 auto;
	}
	.banimg img{
	}



	/*-------------------------------------------
	景品
	-------------------------------------------*/

	.prz_mds{
	 width               : 90%;
	 margin              : 0 5% 6vw 5%;
	 padding             : 0.5em 0 0.5em 0;
	 font-size           : 4vw;
	}
	.prz3{
	 float               : left;
	 display             : inline;
	 width               : 90%;
	 justify-content     : normal;
	 padding             : 0vw 5% 7vw 5%;
	 margin              : 0 5% 3vw 5%;
	}
	.prz2{
	 float               : left;
	 display             : inline;
	 width               : 90%;
	 justify-content     : normal;
	 padding             : 0vw 5% 7vw 5%;
	 margin              : 0 5% 3vw 5%;
	}
	.prz1{
	 float               : left;
	 display             : inline;
	 width               : 90%;
	 justify-content     : normal;
	 padding             : 0vw 5% 7vw 5%;
	 margin              : 0 5% 3vw 5%;
	}
	.prz_box{
	 width               : 90%;
	 margin              : 0 0 6vw 0;
	}
	.prz_box img{
	}
	.prz_box p{
	 width               : 90%;
	 padding             : 1em 5% 2em 5%;
	 font-size           : 3vw;
	 line-height         : 140%;
	}

	.prz_comp01{
	 padding             : 2.1em 0% 2.1em 0%;
	 font-size           : 5vw;
	}
	.prz_comp02{
	 padding             : 1.3em 0% 1.3em 0%;
	 font-size           : 5vw;
	}
	.prz_comp03{
	 padding             : 0.5em 0% 0.5em 0%;
	 font-size           : 5vw;
	}
	.prz_numb{
	 padding             : 0.5em 0 0.5em 0;
	 font-size           : 5vw;
	}










}/*--*/