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

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Poppins:100,300,400,700|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 */
	color:#2C2433;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	font-size:15px;
}


@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;
}











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

#main{
	padding-top:/*150*/100px;
}



@media only screen and (max-width: 640px) {

#main{
	padding-top:/*90*/70px;
}

}



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

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



#pagetop{
	margin:50px auto 80px;
}


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

#page_top {
	position:fixed;
	bottom:/*30%*//*150px*/ 210px;
	right: 1%;
	z-index:99999;
}

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


@media only screen and (max-width: 789px) {  
	#page_top {
		/*bottom:50px;*/
	}
	#page_top img{
		width:35px;
	}
	
}



.sentence{
	padding-top:150px;
}


@media only screen and (max-width: 540px) { 
.sentence{
	padding-top:60px;
}
}


sub{
	margin-left:-5px;
	
}