@charset "utf-8";

/*------------------------------------------------------------
LP
------------------------------------------------------------*/

/*パンくずリスト*/
.bread-crumbs .bread-crumbs-inner{
	display: none;
}
main{
	width: 100%;
	/*font-family: "linotype-sabon","Times New Roman", Times,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;*/
	font-family: "linotype-sabon","Times New Roman", Times, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
	margin: 0 auto 150px;
}


/*! pc & tb 
------------------------------------------*/
@media screen and (min-width: 641px) {
	
.spView{
	display: none;
}


main{
	/*max-width: 1240px;*/
}


/*スライダー swiper
---------------------*/
.main_slider{
/*	position: absolute;
	bottom: calc(50/1030*100%);
	right: 0;
  left: 0;*/
  margin: 0 auto;
}

.swiper{
  width: 100%;
	max-width: 3000px!important;
}
/*スライドの動きをスムーズにする・自動で流れ続ける無限ループスライダー*/
main .swiper-wrapper{
	transition-timing-function: linear;
}
.swiper-slide{
	/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
	/*margin-left: 30px;*/
/*  color: #ffffff;
  width: 270px;
  height: 100%;
  text-align: center;
  line-height: 270px;*/
}


main h2{
		font-size: 27px;
		/*font-style: italic;*/
		font-family: "linotype-sabon","Times New Roman", Times, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
		display: block;
		color: #333333;
		text-align: center;
		margin: 0 auto;
		padding: 100px 0 50px;
	line-height: 1.5;
	}


.sec_wrap{
	max-width: 1240px;
	max-width: 1600px;
	margin: 0 auto;
}








	.main_img{
		width: 100%;
	}

	.main_txt{
		width: 520px;
		margin: 0 auto 40px;
		text-align: left;
		font-size: 15px;
		line-height: 3.5rem;
		color: #7d7d7d;
		color: #686868;
		font-family: "Noto Serif JP", serif;
	}

.menu_ttl{
	text-align: center;
	font-size: 18px;
	color: #7d7d7d;
	color: #686868;
	margin: 0 auto;
	padding: 0 0 30px
}

.menu_wrap{
	padding-bottom: 30px;

}
.menu_box{
	display: flex;
	flex-wrap: wrap;/*改行許可せず*/
	justify-content: center;/*中央配置*/
	justify-content: space-between;
	align-items: flex-start;/*上揃え*/
	width: calc(100/100*100%);
	max-width: 550px;
	margin: 0 auto;
	position: relative;
}

.menu_btn{
	width: 45%;
	width: 250px;
	/*padding-right: calc(16/1240*100%);*/
	margin: 0 8px 16px;
	border: 1px solid #a7a7a7;
	border-radius: 30px;
	line-height: 30px;
	height: 34px;
	font-size: 14px;
	text-align: center;
	color: #666666;
	letter-spacing: 0;
	font-family: "Noto Serif JP", serif;
}
/*.menu_btn_long{
	width: 320px;
	margin: 0 8px 16px;
	border: 1px solid #a7a7a7;
	border-radius: 30px;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	text-align: center;
	color: #666666;
}*/
.menu_btn:hover{
	border: 1px solid #a7a7a7;
	background-color: #a7a7a7;
	color: #ffffff;
}


.top_btn{
	width: 360px;
	/*padding-right: calc(16/1240*100%);*/
	margin: 0 auto;
	background-color: #a7a7a7;
	border-radius: 36px;
	line-height: 34px;
	height: 36px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
	letter-spacing: 0px;
	font-family: "Noto Serif JP", serif;
}
.top_line{
	width: 20px;
	height: 1px;
	margin: 120px auto 0;
	background-color: #666666;
}




	.sec_ttl{
		text-align: center;
		font-size: 20px;
		color: #444444;
		padding-top: 140px;
		margin-bottom: 45px;
		letter-spacing: 1px;
		font-weight: 400;
	}
	.txt_jp{
		font-family: "Noto Serif JP", serif;
	}
	.ttl_en{
		font-size: 13px;
		padding-top: 5px;
		font-style: italic;
		letter-spacing: 0;
		color: #7d7d7d;
		color: #686868;
	}
	.sec_txt{
		width: 540px;
		margin: 0 auto 50px;
		font-size: 1.4rem;
		text-align: left;
		line-height: 2;
		font-family: "Noto Serif JP", serif;
	}

.sec_img_box{
	display: flex;
	flex-wrap: nowrap;/*改行許可せず*/
	justify-content: space-between;/*両端配置*/
	align-items: flex-start;/*上揃え*/
	width: calc(100/100*100%);
	margin: 0 auto 50px;
	position: relative;
}
	.sec_img{
		width: calc(298/1240*100%);
	}

	.sec_btn_wrap a{
		width: 150px;
		height: 30px;
		display: block;
		margin: 0 auto;
	}
	.sec_btn{
		background-color: #a7a7a7;
		border-radius: 50px;
		font-size: 14px;
		line-height: 30px;
		color: #ffffff;
		text-align: center;
		letter-spacing: 0.8px;
	}


	.footer_btn_wrap{
		/*border-top: 1px solid #dadada;*/
		margin: 100px auto 60px;
	}

	.footer_btn_wrap a{
		width: 360px;
		height: 32px;
		display: block;
		margin: 0 auto 30px;
	}
	.footer_btn{
		background-color: #a7a7a7;
		border-radius: 36px;
		font-size: 14px;
		line-height: 34px;
		height: 36px;
		color: #ffffff;
		text-align: center;
		letter-spacing: 1px;
	}

	.font_jp{
		letter-spacing: 0px;
		font-family: "Noto Serif JP", serif;
	}





























}/*! //pc & tb */


/*! tb 
------------------------------------------*/
@media screen and (max-width: 1000px) {

	.sec_img_box{
	display: flex;
	flex-wrap: wrap;/*改行許可*/
	justify-content: center;/*中央配置*/
	align-items: flex-start;/*上揃え*/
	width: calc(70/100*100%);
	margin: 0 auto 30px;
}
	.sec_img{
		width: calc(482/1000*100%);
		text-align: center;
		margin: 0 auto;
		padding-bottom: calc(18/1000*100%);;
	}

	.sec_img img{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		
	}

	}/*tab*/









/*! sp 
------------------------------------------*/
@media screen and (max-width: 640px) {
.pcView{
	display: none;
}

main .contents{
		margin: 0 0 0;
}

/*sp スライダー swiper
---------------------*/
.main_slider{
/*	position: absolute;
	bottom: calc(50/1030*100vw);
	right: 0;
  left: 0;*/
	width: 100%;
  margin: 0 auto;
}
.swiper{
  width: 100%;
}
/*スライドの動きをスムーズにする・自動で流れ続ける無限ループスライダー*/
main .swiper-wrapper{
	transition-timing-function: linear;
}
.swiper-slide{
	/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
	/*margin-left: 30px;*/
/*  color: #ffffff;
  width: 270px;
  height: 100%;
  text-align: center;
  line-height: 270px;*/
}

main h2{
	font-size: 5.625vw;
	font-size: 6vw;
	letter-spacing: 0.1vw;
	/*font-style: italic;*/
	display: block;
	color: #333333;
	text-align: center;
	margin: 0 auto;
	padding: 12vw 0 10vw;
	line-height: 1.6;
}






	.main_img{
		width: 100%;
	}

	.main_txt{
		width: 86vw;
		text-align: left;
		margin: 0 auto;
		font-size: 3.3vw;
		line-height: 2.2;
		color: #7d7d7d;
		color: #686868;
		margin-bottom: 9.5vw;
		font-family: "Noto Serif JP", serif;
	}

.menu_wrap{
	width: 80vw;
	margin: 0 auto;
}
.menu_ttl{
	text-align: center;
	font-size: 4vw;
	color: #7d7d7d;
	color: #686868;
	margin: 0 auto;
	padding: 0 0 5vw
}
.menu_box{
	display: flex;
	flex-wrap: wrap;/*改行許可*/
	justify-content: center;/*中央配置*/
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	position: relative;
}
.menu_btn_box{
	/*width: 32vw;*/
	margin-bottom: 2vw;
}
.menu_btn_box a{

	margin: 0 auto;
	text-align: center;
}
.menu_btn{
	width: 38vw;
	margin: 0 1vw;
	border: 1px solid #a7a7a7;
	border-radius: 7.8125vw;
	line-height: 5.625vw;
	line-height: 6.5vw;
	height: 5.625vw;
	height: 6.8vw;
	font-size: 2.8125vw;
	text-align: center;
	color: #666666;
	letter-spacing: -0.1vw;
	font-family: "Noto Serif JP", serif;
}
.menu_btn_long{
	width: 64vw;
	margin: 0 auto;
	border: 1px solid #a7a7a7;
	border-radius: 7.8125vw;
	line-height: 5.625vw;
	line-height: 6.5vw;
	height: 5.625vw;
	height: 6.5vw;
	font-size: 2.8125vw;
	text-align: center;
	color: #666666;
	font-family: "Noto Serif JP", serif;
}
.top_btn{
	width: 78vw;
	margin: 5vw auto 0;
	background-color: #a7a7a7;
	border-radius: 7.8125vw;
	line-height: 6.5vw;
	height: 7.0vw;
	font-size: 2.8125vw;
	text-align: center;
	color: #ffffff;
	letter-spacing: -0vw;
	font-family: "Noto Serif JP", serif;
}
.top_line{
	width: 2.5vw;
	height: 1px;
	margin: 20vw auto 0;
	background-color: #666666;
}








	.sec_ttl{
		text-align: center;
		font-size: 4.0625vw;
		color: #666666;
		padding-top: 22vw;
		margin-bottom: 6.5vw;
	}
	.txt_jp{
		font-family: "Noto Serif JP", serif;
	}
	.ttl_en{
		font-size: 3.5vw;
		padding-top: 1vw;
		font-style: italic;
		letter-spacing: 0;
		color: #7d7d7d;
		color: #686868;
	}
	.sec_txt{
		width: 86vw;
		margin: 0 auto;
		font-size: 3.28125vw;
		text-align: left;
		line-height: 2;
		margin-bottom: 4vw;
		font-family: "Noto Serif JP", serif;
	}

	.sec_img_box{
	display: flex;
	flex-wrap: wrap;/*改行許可*/
	justify-content: center;/*両端配置*/
	align-items: flex-start;/*上揃え*/
	width: 98vw;
	margin: 0 auto 5vw;
		
}
	.sec_img{
		width: 47vw;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 2vw;
	}

	.sec_img img{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		
	}

	.sec_btn_wrap a{
		width: 30vw;
		height: 5.625vw;
		display: block;
		margin: 0 auto;
	}
	.sec_btn{
		background-color: #a7a7a7;
		border-radius: 7.8125vw;
		font-size: 2.8125vw;
		line-height: 5.625vw;
		color: #ffffff;
		text-align: center;
		letter-spacing: 0.1vw;
	}

	.footer_btn_wrap{
		/*border-top: 1px solid #dadada;*/
		margin: 15vw auto 13vw;
	}

	.footer_btn_wrap a{
		width: 72vw;
		height: 5.625vw;
		display: block;
		margin: 0 auto 8vw;
	}
	.footer_btn{
		text-align: center;
		letter-spacing: 0.8px;
		background-color: #a7a7a7;
		border-radius: 4vw;
		font-size: 2.8125vw;
		line-height: 5.625vw;
		line-height: 8vw;
		color: #ffffff;
		text-align: center;
		letter-spacing: 0.1vw;
	}
	.font_jp{
		font-size: 2.7vw;
		letter-spacing: -0.2vw;
		font-family: "Noto Serif JP", serif;
	}



}/*! //sp */










/*@media screen and (max-width: 1200px) and (min-width: 768px) and (orientation: portrait) {
}
*/




/*   ふわっと表示：時差で下から上へ start
=========================*/
/* ----- effects ----- */
  .effFIU1, .effFIU2, .effFIU3, .effFIU4 { opacity:0; }
  .effFIU1.effanm { animation:effFIU1 1.5s both; }
  .effFIU2.effanm { animation:effFIU2 1.5s both; animation-delay: 0.2s; }
  .effFIU3.effanm { animation:effFIU3 1.5s both; animation-delay: 0.6s;}
  .effFIU4.effanm { animation:effFIU4 1.5s both; animation-delay: 1.0s;}


/*下から上へフェードイン*/
  @-webkit-keyframes effFIU1 {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIU1 {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

  @-webkit-keyframes effFIU2 {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIU2 {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

  @-webkit-keyframes effFIU3 {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIU3 {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}


  @-webkit-keyframes effFIU4 {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
  @keyframes effFIU4 {0%{opacity:0;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}





/*   ふわっと表示 end
=========================*/