@charset "utf-8";
/* CSS Document */

/* fontsize 1 26px */
/* fontsize 2 22px */
/* fontsize 3 18px */
/* fontsize * 15px */


img {
	max-width:100%;
}

	body div{
	position:relative;
	 z-index: 2;
}

/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}



body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  /*background:url("../img/poster_sp.png") center/cover no-repeat;*/ /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }


body{
	/* letter-spacing:0.2em; */
	color:#333;
	text-align:center;
	padding:0px 0 50px;
	width:100%;
	/*スマホで勝手に文字が大きくなる対策*/
    -webkit-text-size-adjust: 100%;
		-webkit-animation: bodyfadeIn 1.5s ease 0s 1 normal;
		animation: bodyfadeIn 1.5s ease 0s 1 normal;
}
@keyframes bodyfadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


input[type="text"] {
	float: left;
	width: 200px;
	height: 22px;
	padding: 4px;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	border-radius: 0;
}
input[type="submit"] {
	font-size:18px;
	font-weight:700;
	width:80%;;
	margin:0 auto 80px;
	padding:15px 0;
	background-color: #fff;
	border:solid 1px #666;
	letter-spacing:0.2em;
	/* color: #fff; */
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: 'Noto Sans JP', /*Mplus 1p,*/"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}
input[type="submit"]:hover {
	background-color: #cc0000;
	color: #fff;
}
input[type="submit"][disabled] {
	background-color: #ccc;
	border:none;
	cursor: default;
}


/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){

	input[type="submit"] {
		width:480px;;
		font-size:24px;
	}

}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {


body::before {
  content:"";
  display:block;
  position:fixed;
  background:url("") center/cover no-repeat; /*fixedをトル！*/
  -webkit-background-size:cover;/*Android4*/
  }

body{
	/*background:#fff url("../img/poster_sp.png") no-repeat center center fixed;*/
	background-size:cover;
	color:#333;
	text-align:center;
	padding:0px 0 50px;
	width:100%;
	/*スマホで勝手に文字が大きくなる対策*/
    -webkit-text-size-adjust: 100%;
}

}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){

	body{
	/*background:#fff url("../img/poster_sp.png") no-repeat center center fixed;*/
	background-size:cover;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

	body{
	/*background:#fff url("../img/poster.png") no-repeat center center fixed;*/
	background-size:cover;
}

}




a:link,a:visited {
	color:#333;
	text-decoration: none;
}
a:hover,a:active {
	color:#333;
	text-decoration: none;
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}

li{
	list-style:none;
}


img.logo {
	width: 80%;
}


.con h1{
	font-size:22px;
	font-weight:200;
	text-align:center;
}


.con_c h1{
	font-size:22px;
	font-weight:200;
	text-align:center;
	margin:0 0 40px 0;
}



body h2{
	font-size:22px;
	font-weight:200;
	line-height: 1.6em;
	margin:0 0 15px;
}


body h3{
	font-size:18px;
	font-weight:600;
	line-height: 1.6em;
	padding:35px 0 25px;
}


body h4{
	font-size:16px;
	font-weight:600;
	line-height: 1.6em;
	padding:35px 0 15px;
}




/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {




.con h1{
	font-size:34px;
	font-weight:700;
	font-feature-settings: "palt";
	text-align:center;
}


.con_c h1{
	font-size:34px;
	font-weight:700;
	font-feature-settings: "palt";
	text-align:center;
	margin:0 0 40px 0;
}



body h2{
	font-size:30px;
	font-weight:200;
	padding:0 0 15px;
}


body h3{
	font-size:22px;
	font-weight:500;
	padding:55px 0 35px;
}


body h4{
	font-size:18px;
	font-weight:500;
	padding:55px 0 15px;
}


.tel{
	font-size:48px;
	font-weight:700;
	margin:50px 0 0;
	padding:0 0 50px;
	letter-spacing:0.1em;
}


}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

	img.logo {
		width:500px;
	}

}


.pc_c{
	text-align:center;
}



#logo{
	width:100px;
	margin:0 auto;
}

#logo img{
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

#logo{
	width:140px;
	margin:0 auto;
}

}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}




#main_entry{
	/* background: url("../img/main.jpg") no-repeat center center; */
	/* background-size:cover; */
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
}


#main_entry h1{
	/* color: #fff; */
	width: 96%;
	margin: 0 auto;
	padding: 5% 0 ;
	font-size: 18px;
	font-weight: 700;
	/* letter-spacing: 0.1em; */
	/* text-align:left; */
}


#main_entry ul{
	display: flex;
	flex-wrap: wrap;
	/* align-content: flex-start; */
	width: 100%;
}

#main_entry li{
	/* width: 16%; */
	width: calc(100% / 9);
	height: auto;
	/* vertical-align: bottom; */
}

#main_entry li img{
	width: 100%;
	vertical-align: bottom;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

	#main_entry li{
		/* width: 16%; */
		width: calc(100% / 15);
		height: auto;
		/* vertical-align: bottom; */
	}

	#main_entry h1{
	padding: 30px 0;
}

}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

	#main_entry{
		width: 100%;
		margin: 0 auto;
}

}






.br { display:none; }
@media screen and (min-width: 768px){
.br { display:block; }
}

@media screen and (min-width: 480px) {
	.br { display:block; }
}




@media screen and (min-width: 768px){


}



ul.ww{
	text-align:center;
}

#main{
}


.bxslider li{
	position:absolute;
}



.con{
	clear:both;
	margin:0px auto 0px;
	text-align:left;
	line-height: 1.8em;
}


.con_c{
	clear:both;
	margin:0px auto 0px;
	line-height: 1.8em;
}


.con_c p{
	text-align:left;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

/* .con_c p{
	text-align:center;
} */

}


/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){


}


/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

.con_c{
	clear:both;
	width:980px;
	margin:0px auto 0px;
}


}







div.pbg_bk{
	position:absolute;
	width:100%;
	background:#000;
}

div.pbg_wh{
	position:absolute;
	width:100%;
	background:#fff;
}

div.pbg_bk img,div.pbg_wh img{
	width:100%;
	height:650px;/****内容によって複製して変更****/
	opacity: .3;
	object-fit: cover;
	vertical-align:bottom;
}

div.pbgimg{
	opacity: .6;
}




.con p{
	clear:both;
	margin-bottom:0px;
}

.con p.m{
	/* letter-spacing: 0.1em; */
}

.con_t{
	clear:both;
	margin-top:4%;
}

.con_b{
	clear:both;
	margin-bottom:13%;
}

.tb{
	clear:both;
	margin:4% auto 8%;
}




.con_tb{
	clear:both;
	width:94%;
	margin:4% auto 13%;
}


.photo,ul.photo{
	width:100%;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}



.photo li{
	/* float:left; */
	width:50%;
	margin:0;
	padding:0;
}


.photo li img{
	width:100%;
	vertical-align: middle;
	 /*border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;*/
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

.photo li{
	/* float:left; */
	width:50%;
	margin:0;
}


.photo li img{
	 /*border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;*/
}

}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){


}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

.tb{
	clear:both;
	margin:40px auto 60px;
}

.con_tb{
	clear:both;
	margin:40px auto 90px;
	width:980px;
}


.photo,ul.photo{
	padding: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
}



.photo li{
	/* float:left; */
	width:25%;
	margin:0px;
}


.photo li img{
	width: 100%;
/*	 border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;*/
}

}





body small{
	font-size:11px;
}





.button a:link,.button a:visited {
	font-size:18px;
	font-weight:700;
	width:80%;;
	margin:0 auto 80px;
	padding:15px 0;
	display:block;
	border:solid 1px #666;
	/* letter-spacing:0.2em; */
	text-align:center;
	 /* border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px; */
/*	-webkit-transition: all 0.2s;
    transition: all 0.2s;*/
}

.button a:hover,.button a:active {
	display:block;
/*	 border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;*/
}


.button .waiting{
	font-size:18px;
	font-weight:700;
	width:80%;
	margin:0 auto 80px;
	padding:15px 0;
	display:block;
	border:solid 1px #666;
	/* letter-spacing:0.2em; */
	/* border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px; */
}







/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {



}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){

.button a:link,.button a:visited {
	font-size:24px;
	font-weight:700;
	width:480px;
	margin:0 auto 80px;
	padding:15px 0;
	display:block;
	border:solid 1px #666;
	/* letter-spacing:0.2em; */
	text-align:center;
	 /* border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px; */
	/*-webkit-transition: all 0.2s;
    transition: all 0.2s;*/
}

.button a:hover,.button a:active {
	display:block;
	 /*border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;*/
}


.button .waiting{
	font-size:24px;
	font-weight:700;
	width:480px;
	margin:0 auto 80px;
	padding:15px 0;
	display:block;
	border:solid 1px #666;
	/* letter-spacing:0.2em; */
	/* border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px; */
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

}



#form{
	text-align:left;
	width:94%;
	margin:50px auto 100px;
}

#form div.button{
	text-align: center;
}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){


#form{
	text-align:left;
	width:640px;
	margin:50px auto 100px;
}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

}



.inputText {
	width: 97%;
	padding: 3px;
	font-size: 130%;
	/*border-radius: 6px;*/
}

.inputSelect {
	padding: 3px;
	font-size: 130%;
}

.inputText.inputTextShort {
	width: 50%;
}

.inputText.inputTextShortest {
	width: 35%;
}

textarea {
	width: 70%;
	height: 150px;
	padding: 3px;
/*	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px #CCC inset;
	border-radius: 6px;
	box-shadow: 0 2px 2px #CCC inset;*/
}

/* .formBtn {
	font-size: 140%;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	width: 150px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	border-radius: 6px;
	box-shadow: 0 2px 2px #CCC;
} */

.center-text {
	text-align: center;
	margin: 0;
}

.error {
	color: #FF0000;
}

span.require {
	color: red;
	font-weight: bold;
}

.unsubscribe-message {
        text-align: center;
        font-size: 130%;
}






#sns{
	margin:0 auto 15%;
	width:60%;
}

#sns ul{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-around;
	width: 100%;
	margin:0 auto;
}

#sns li{
	margin:0 9%;
	width:15%;
}

#sns li img{
	width:100%;
}

.sns_icon {
  vertical-align: middle;
}

.sns_icon img {
  height: 16px;
}


.google_map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}

	.google_map iframe,
	.google_map object,
	.google_map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 
}

/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {
}

/* 980：PC（デスクトップ/タブレット横）*/
@media screen and (min-width: 768px){

	#sns{
		margin:0 auto 150px;
		width:240px;
	}

	.google_map {
			margin:30px auto 0px;
			width:100%;
			height:640px;
	}
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

/* .gmap{
	width: 740px;
} */

}


.gmap {
	position: relative;
	padding-bottom: 75%;
	height: 0;
  overflow: hidden;
  margin-bottom: 32px;
}

@media screen and (min-width: 768px){
	.gmap {
			padding-bottom: 56.25%;
			margin-bottom: 16px;
		}
	}

	
.gmap iframe,
.gmap object,
.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
  height: 100%;
}




#footer{
	clear:both;
	padding:8% 0 0;
	text-align: center;
	/* letter-spacing:0.1em; */
}

#footer_link{
	clear:both;
}

#footer_link ul{
	width:100%;
	font-size:16px;
	margin:0 auto;
	padding-bottom:12%;
}

#footer_link li{
	margin:5% 0;
}






.contents_comment{
	width:800px;
	margin:0 auto;
	text-align:left;
}



.boxguide{
	width: 98%;
	margin: 0 auto;
	text-align: left;
	padding: 5%;
	border: solid 1px #ccc;
	box-sizing: border-box;
}

.boxguide h2{
	text-align: center;
	padding: 0;
}

.boxguide h3{
	padding-bottom: 1%;
}

.mokuji>ul{
	width: 98%;
	margin: 0 auto;
	text-align: left;
	padding: 5%;
	border: solid 1px #ccc;
	box-sizing: border-box;
}

.mokuji li{
	line-height: 2.2em;
	text-decoration: underline;
}


.mokuji ul ul{
	width: 94%;
	margin: 0 auto;
	text-align: left;
}


.dl_button{
	width: 60%;
	margin: 0 auto;
}

.dl_button img{
	width: 100%;
}

/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

	.dl_button{
		width: 240px;
	}

}








.qqq{
	color:#F69;
	font-weight:700;
}


.aaa{
	color:#09F;
	font-weight:700;
}



.l_text{
	text-align: left;
}


.m{
	font-size:14px;
}


.s{
	font-size:12px;
}

.u{
	border-bottom: 1px solid;
	padding-bottom: 2px;
}

.pink{
	color: #E4318F;
}

/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {



}


/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){


}


/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){


#footer{
	clear:both;
	padding:80px 0 0;
	/* letter-spacing:0.2em; */
}

#footer_link ul{
	width:530px;/***メニューの数に合わせる**/
	font-size:12px;
	margin:0 auto;
	padding-bottom:120px;
}

#footer_link li{
	float:left;
	margin:0 20px;
}




.contents_comment{
	width:800px;
	margin:0 auto;
	text-align:left;
}


.m{
	font-size:14px;
	line-height: 1.4em;
	/* letter-spacing:0.2em; */
}


.s{
	font-size:12px;
	/* letter-spacing:0.2em; */
}

.u{
	border-bottom: 1px solid;
	padding-bottom: 2px;
}


}















.l{
	float:none;
}



/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {


}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){


}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){

.l{
	float:left;
}

}


.r{
	float:right;
}



.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}




.animation{
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}


#backtop {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index:3;
}




.keyframe{
    animation-name: anim_v;
}

@keyframes anim_v {
    0% {
        transform: translate(0, 0px);
    }
    100% {
        transform: translate(0, -15px);
    }
}



#backtop img{
	width:100%;
	margin:18px 0 0 0;
}


#backtop a:link,#backtop a:visited {
	/* background:rgba(255,255,255,0.7); */
	width: 25px;
	height: 120px;
	display:block;
	/* border:solid 1px #999; */
	/* letter-spacing:0.2em; */
	text-align:center;
	/* border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; */
	/*-webkit-transition: all 0.2s;
    transition: all 0.2s;*/
}

#backtop a:hover,#backtop a:active {
	display:block;
	 /* border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px; */
}


video {
		width: 70%; height: auto;
}


/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {


#backtop {
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index:3;
}


}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){

	video {
			width: 540px; height: auto;
	}

}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}

        /* video {
            opacity: 0.1;
            position: fixed;
            right: 0;
            bottom: 0;
            min-width: 100%; min-height: 100%;
            width: auto; height: auto;
            z-index: 1;
        } */





.text_l{
	text-align: left;
}

.red{
	color: #cc0000;
}

/* .u{
	text-decoration: underline overline 1px;
} */

.b{
	font-weight: bold;
}

.waiting{
-ms-filter: "alpha( opacity=40 )";
filter: alpha( opacity=40 );
opacity: 0.4;
}



a:hover img.fadeimg{
-ms-filter: "alpha( opacity=60 )";
filter: alpha( opacity=60 );
opacity: 0.6;

}



.pcp{
	display:none;
}

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}



.clear {
	clear:both;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix{
    display: inline-block;
}
/* clearfix for ie7 */
.clearfix {
    display: block;
}




/* 768：iPad縦 / iPhone 7/6 Plus横 */
@media screen and (min-width: 480px) {

}

/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){
}

/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
}