@charset "UTF-8";
/* CSS Document */
/* ▼　共通設定　▼ */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box; }

body {
  font-size: 18px;
  font-weight: 400;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  color: #05193B;
  line-height: 2;
  margin: 0;
  padding: 0; }

.font_antique {
  font-family: 'Zen Antique Soft', serif;
  font-weight: 400; }

img {
  border: none; }

a img {
  border-style: none; }

a {
  outline: 0;
  color: #002876;
  text-decoration: none; }

a:hover {
  opacity: 0.7; }

a img, :link img, :visited img {
  border: none; }

/* delate dot boader of link for New Mozilla \*/
a {
  overflow: hidden; }

a[href^="tel:"] { cursor: default; }

a[href^="tel:"]:hover { opacity: 1.0; }

img, fieldset, abbr, acronym {
  border: 0; }

img {
  /*vertical-align:bottom;*/ }

hr {
	border: 0;
    border-top: 2px solid #C1C2CC;
    margin: 1.5em 0; }

dd {
	margin: 0;}

/* float clear */
.clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/ }

.clear {
  clear: both; }

ul {
    list-style-type:none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px; }

li {
  list-style-type: none; }

#wrapper {
  margin: 0 auto;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: 400;}
  
p {
  margin:0;}

.iframe_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;}
iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}

/* ▲　共通設定　▲ */
/* ▼　ヘッダ　▼ */
#site_header {
  position: fixed;
  top: 0;
  width: 100%;
  /*height: 80px;*/
  background: #fff;
  z-index: 10; }

#site_title {
  width: 160px; }

#site_title .dsp_inlineblk {
  display: inline-block;
  line-height: 1.5;
  margin-left: 0.5em; }

#site_title .sub_ttl {
  font-size: 0.625em; }

#nav_main {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  display: flex;
  padding-top: 2em;
  justify-content: flex-end; }

#nav_main ul {
  text-align: right;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

#nav_main li {
  display: inline-block;
  margin: 0 1em; }

#nav_main .bdr_blue {
  padding: 0 5px 3px; }

#nav_main .lnk_btn_wrap{
	min-width: 6em;
}

/* ▽▽ハンバーガーメニュー▽▽ */
#nav_slide {
  /* チェックボックスを隠す */
  display: none; }

.nav_slide_btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 4em;
	height: 3em;
	cursor: pointer;
	display: block;
	z-index: 100;
	-webkit-transition: all 1s;
	transition: all 1s; }
.nav_slide_btn .lne_humberger{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	height: 2px;
	width: 3em;
  	background-color: #146CFF;}
.nav_slide_btn .lne_humberger:nth-of-type(1) {
	top:0px; }
.nav_slide_btn .lne_humberger:nth-of-type(2) {
    top:calc( 0.7em - 2px);}
.nav_slide_btn .lne_humberger:nth-of-type(3) {
    top:calc(1.4em - 4px);}
.nav_slide_btn .txt_menu,
.nav_slide_btn .txt_close{
	position: absolute;
    top: calc(1.4em - 2px);
    font-size: 1.1em;}
.nav_slide_btn .txt_menu{
	display: block;}
.nav_slide_btn .txt_close{
	display: none;}

#nav_slide_cnt {
  width: 0%;
  height: 100%;
  padding: 120px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 90;
  position: fixed;
  right: 0;
  /*右からスライド*/
  top: 0;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s; }

/* ▽▽開閉時のアニメーション▽▽ */
#nav_slide:checked ~ .nav_slide_btn .ico-menu {
  display: none; }
#nav_slide:checked ~ .nav_slide_btn .ico-close {
  display: inline; }
#nav_slide:checked ~ .nav_slide_btn .lne_humberger:nth-of-type(1) {
    transform: translateX(-0.1em) rotate(-22deg);
    transform-origin: 100% 100%;}
#nav_slide:checked ~ .nav_slide_btn .lne_humberger:nth-of-type(2) {
    display: none;}
#nav_slide:checked ~ .nav_slide_btn .lne_humberger:nth-of-type(3) {
    transform: translateX(-0.1em) rotate(22deg);
    transform-origin: 100% 100%;}
#nav_slide:checked ~ .nav_slide_btn .txt_menu{
	display: none;}
#nav_slide:checked ~ .nav_slide_btn .txt_close{
	display: block;}

#nav_slide:checked ~ #nav_slide_cnt {
  width: 100%;
  opacity: 1; }

/*#nav_slide_cnt li{
	border-bottom: 1px solid #C1C2CC;}*/

#nav_slide_cnt li a {
  display: block;
  margin: 0;
  padding: 1em 1em 1em 0;
  line-height: 1.2;
  position: relative;
  border-bottom: 1px solid #C1C2CC;
  /*color: #146CFF;*/ }

#nav_slide_cnt li a::after{
	content: attr(data-desc);
	display:block;
	font-size: 0.75em;
	color: #747686;
	margin-top: 1em;}
#nav_slide_cnt .sub-menu li a{
  padding-left: 1em;
}

#nav_slide_cnt .sub-menu li a::before {
  content: '-';
}

#nav_slide_cnt p{
  padding: 2em 1em 2em 1em;
  margin: 0;
  line-height: 1;}
#nav_slide_cnt .lnk_form a{
  width: 50%;
  padding: 2em 0.5em;
  border:1px solid #146CFF;}
#nav_slide_cnt .lnk_form a:last-of-type{
  background: #146CFF;
  color: #fff;}

/* ▲　ヘッダ　▲ */
/* ▼　メイン　▼ */
/*home*/
main {
  margin-top: 120px;
  padding-bottom: 40px; }

section {
  /*display: none;
  transform : translate(0, 100px);*/
  opacity: 0;
  visibility: hidden;
  transition: all 2s; }

section.active {
  /*display: block;
  transform : translate(0, 0);*/
  opacity: 1;
  visibility: visible; }

/*ページタイトル*/
#sec_ttl .page_ttl{
	line-height: 1.5;}
#sec_ttl .txt_double{
	font-size: 2em;}
#sec_ttl .bgc_half{
	transform: translateY(3em);}
#sec_ttl .bgc_half .content_inner{
	transform: translateY(-3em);}
#sec_ttl .blk_page_img .content_inner{
	transform: translateY(-1em);}

/**ブログ**/
#sec_post{
	margin-top: 5em;}
#sec_post .entry-header{}
#sec_post .entry-content{}
#sec_post .entry-group{
	display: inline-flex;
    align-items: center;
}
#sec_post .entry-date{
	margin-right: 1em;
}
#sec_posts{
	margin-top: 5em;}
#sec_posts .blk_posts{
	border-bottom: 1px solid #E6E6E6;
    padding: 1em;
}
#sec_posts .blk_secttl.flex_space {
    align-items: center;
}
#sec_posts .blk_posts p{
	margin-bottom: 0;
	margin-right: 1em;
}
#sec_posts .blk_posts .hvr_uline_show a:hover{
	color: #146CFF;
}
#sec_posts .blk_posts .hvr_uline_show a::after{
	height: 1px;
}
.nav-links{
	padding-top: 1em;
}
.nav-links a{
	color:#146CFF;
}
.nav-links a .icon-arrow_s{
	font-size: 0.66em;
    background: #146Cff;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    vertical-align: text-bottom;
    display: inline-flex;
    align-items: center;
    justify-content: CENTER;
	position: relative;
	transition: all .5s;
}
.nav-links a .icon-arrow_s::before{
	transform: translate(-0.1em, 0.1em);
}
.nav-links .nav-next .icon-arrow_s{
	transform: rotate(180deg);
}
.nav-links a:hover .icon-arrow_s{
	background: transparent;
	color: #146CFF;
	border: 1px solid #146CFF;
}
/*.nav-links a:hover .icon-arrow_s::after{
	transform-origin: left top;
	transform: scale(1, 1); 
}*/
/* ▲　メイン　▲ */
/* ▼　フッター　▼ */
#site_footer .content {
  padding: 1.5em 0; }
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 2%;
    text-align: center;
    z-index: 50;
    font-size: 3em;
}
/* ▲　フッター　▲ */
/* ▼　コピーライト　▼ */
/* ▲　コピーライト　▲ */
/* ▼　レスポンシブ　▼ */
/*===============================================*/
@media screen and (min-width: 1001px) {
  .sponly {
    display: none !important; }
  #sec_posts .blk_posts p{
	display: inline-block;
  }
 }
/*===============================================*/
@media screen and (max-width: 1000px) {
  .pconly {
    display: none !important; }

  .sponly {
    display: block; }
  #sec_posts .blk_posts p{
	display: block;
  }
}
/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width: 767px) {
  body{
	  font-size: 14px;
  }
}
/*===============================================
●smart.css  画面の横幅が480pxまで
===============================================*/
@media screen and (max-width: 480px) {
  body{
	  font-size: 12px;
  }
	#site_title{
		width: 120px;
	}
	main{
		margin-top: 100px;
	}
}