@charset "UTF-8";
/*--------------------------------------------------------------
# Common
# ボタン Btn Button
# Page Default Layout
# Site Header
　　# main-nav
　　# menu-toggle
　　# mobile-nav
# Page Title
# Breadcrumbs パンくずリスト
# 投稿ページ post-type:post
# アーカイブ archive
# 検索結果 search 
# Pagination ページネーション ページャー
# 404
# pageTop ボタン
# Footer
　　# footer-nav
# Sidebar サイドバー
# Animation
# Loading
# 汎用
--------------------------------------------------------------*/

/*===========================================================*/
/* # Common
/*===========================================================*/
html{
	font-size: 16px; /* base font-size for pc */
}
body {
  color: #333;
  font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-size: 1rem;
	line-height: 1.8;
  word-wrap: break-word;
	margin:0!important;
}
.mincho{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

body.fixed { /*　mobile-nav表示中　*/
}

a:link, a:visited, a:hover, a:active {
  color: #3B83FF;
  text-decoration: none;
  transition: all .3s;
}
a:active, a:focus {
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
	vertical-align:top;
}

@media(max-width:767px) {
  html{
	  font-size: 14px; /* base font-size for sp */
  }
	body {
	  font-size: 1rem;
		line-height: 1.8;
	}
}

.grecaptcha-badge { 
  /*visibility: hidden;*/
  bottom: 90px !important;
}
@media(max-width:767px) {
.grecaptcha-badge { 
  bottom: 70px !important;
}
}

/*===========================================================*/
/* ボタン Btn Button
/*===========================================================*/


/*===========================================================*/
/* # Page Default Layout 
/*===========================================================*/

.site.wrapper{ padding-top:130px; position: relative; }
@media(max-width:1599px) { .site.wrapper{ padding-top:108px; } }
@media(max-width:1240px) { .site.wrapper{ padding-top:75px; } }
@media(max-width:767px) { .site.wrapper{ padding-top:58px; } }

@media(min-width:1080px) {
  .contents-wrap{
	  padding:40px 60px 40px;
  }
}
@media(max-width:1079px) {
  .contents-wrap{
	  padding:30px 5% 40px;
  }
}
@media(max-width:767px) {
  .contents-wrap{
	  padding:20px 8% 30px;
  }
}
body.single .contents-wrap{
	  background: #f2f2f2;
}

body.page .entry-wrap{
	width:960px;
	max-width:100%;
	margin:0 auto;
}
body.single .entry-wrap{
	width:960px;
	max-width:100%;
	margin:0 auto;
}
.section-inner{
	width:960px;
	max-width:100%;
	margin:0 auto;
}

/*===========================================================*/
/* # Page Title
/*===========================================================*/
.page-header{
	background-color: #599FFF;
	padding:60px 8% ;
}
.page-title{
	font-size: 2rem;
  color: #fff;
	text-align: center;
  margin:0 auto; 
}
@media(max-width:767px) {
  .page-title{
	  font-size: 1.8rem;
  }
}

/*===========================================================*/
/* # 404
/*===========================================================*/

/*===========================================================*/
/* # pageTop ボタン
/*===========================================================*/
#page-top {
	position:fixed;
	bottom:0;
	right:0;
	z-index: 99999;
}
#page-top a{
	display:block;
	width:80px;
	height:80px;
	background:#aaaaaa;
	opacity: .8;
	position: relative;
}
#page-top a:hover{
	opacity: 1;
}
#page-top a::before{
	font-family:"Line Awesome Free","Line Awesome Brands";
	content: "\f062";
	font-weight:900;
	font-size: 16px;
	color:#fff;
	position:absolute;
	top:50%; 
	left:50%;
	transform: translate(-50%,-50%);
	z-index:1;
}


@media(max-width:767px){
	#page-top a{
	  width:60px;
	  height:60px;
  }
 #page-top a::before{
	 font-size: 13px;
  }
	
}

/*===========================================================*/
/* # Footer
/*===========================================================*/

.site-footer{
	padding:20px 20px 50px;
	background-color: #E8F7FF;
  margin:0 auto;
  width:100%;
  text-align: center;
}
.footer-title{
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom:0;
}
.footer-contact{
  margin-top:10px;
}

@media(max-width:767px){
  .footer-title{
    font-size: 1.1em;
  }
}


/*===========================================================*/
/* # 汎用
/*===========================================================*/
@media(min-width:768px){
	.sp{
		display: none;
	}
}
@media(max-width:767px){
	.pc{
		display: none;
	}
}