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

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Poppins|Roboto:100,300,400&display=swap');

/*
  	font-family: 'Roboto', sans-serif;
	font-family: 'Josefin Sans', sans-serif;
	font-family: 'Poppins', sans-serif;
*/

body{
	/* */ /*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
	/* font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", 'Josefin Sans', sans-serif */
	font-family: "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color:#2C2433;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	font-size:16px;
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


a{
	color:#2C2433;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

img{
	max-width:100%;
	border:0;
}


.btn_b{
	max-width:400px;
	margin:15px auto;
	font-size:18px;
}

.btn_b a{
	text-decoration:none;
	display:block;
	padding:15px 0;
	color:#333;
	border:1px solid #333;
}

.btn_b a:hover{
	background:rgba(84, 84, 84, 0.8);
}

#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #fff;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 2;
	padding-top:/*80*/110px;
}




@media only screen and (max-width: 640px) {
	body{
	font-size:14px;
}
}









/*
メインコンテンツ
---------------------------------------------------------------------------------*/

#main{
	padding-top:/*2%*/5%;
}

#main h2{
	font-size:40px;
	font-weight:normal;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing:0.3em;
	margin-bottom:2.0em;
	color: #F2B87C;
}

#main h2 span {
	font-size: 15px;
	color: #000000;
	font-weight: normal;
	letter-spacing: normal;
	display: inline-block;
	margin-top: 0.5em;

}


@media only screen and (max-width: 640px) {  
#main{
	padding-top:30px;
}

#main h2{
	font-size:22px;

}


}








/*
共通
---------------------------------------------------------------------------------*/
/*-------- タイトル 見出し ------*/
.comm_ttl{
	font-size:40px;
  	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	letter-spacing:7px;
	margin-bottom:20px;
	text-align:center;
}

.comm_ttl span{
	font-size:14px;
	display:block;
	font-weight:normal;
}



#pagetop{
/*	margin:50px auto 80px;*/
margin:0px 0 80px 0;
}


/*-------- 自動挿入 ページTOPへ戻る ------*/

#page_top {
	position:fixed;
	bottom:3%;
	right: 3%;
	z-index:99999;
}

/*-------- スマホ非表示 ------*/
.sp{
	display:none !important;
}

.sp_2 {
	display: none!important;
}


@media only screen and (max-width: 789px) {  
	#page_top img{
		width:35px;
	}
	
	.sp {
		display: block!important;
	}
	
	.pc {
		display: none!important;
	}
}

@media only screen and (max-width: 640px) {
	.sp {
		display: none!important;
	}
	
	.sp_2 {
		display: block!important;
	}
	
	.pc_2 {
		display: none!important;
	}
}




#movie{
	width:90%;
	max-width:600px;
	margin:100px auto ; 
}


#movie iframe{
	width:100%;
	height:350px;
}



sub{
	margin-left:-5px;
	
}


.inner {
	width: 90%;
	margin: auto;
	max-width: 1200px;
}

.flex_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}