@charset "UTF-8";
/*---------------------------------------------------------
	全ページ共通スタイル
---------------------------------------------------------*/

 *{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nobox{
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* 要素設定*/
body {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    line-height: 1.9;
    font-size: 16px;
    background: #0f2231;
}

/*body {
 -ms-overflow-style: none;
 scrollbar-width: none;
}
html{
  scrollbar-width: none;  
}

body::-webkit-scrollbar {
 display: none;
}*/

.noBar{
 -ms-overflow-style: none; /* IE対策 */
 scrollbar-width: none;
}
.noBar::-webkit-scrollbar { /* Google Chrome対策 */
 display: none;
}


.slick-slide li{
  vertical-align: middle;
}


button,
select,
textarea,
input{
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #0F0F0F;
    font-size: 16px;
}

a{
    color: #fff;
}



.mainWidth{
	padding-left: 6%;
	padding-right: 6%;
}
.mainInner{
    max-width: 1680px;
    margin: 0 auto;
}
.mainInner2{
    max-width: 1200px;
    margin: 0 auto;
}

.mainInner3{
    max-width: 1000px;
    margin: 0 auto;
}


/* ------------------------------------------------------*/

.ttl1{
	font-size: 18px;
	font-weight: 700;
	padding-top: 18px;
	margin: 0 0 23px;
}
.ttl1 span{
	position: relative;
	z-index: 1;
}
.ttl1 span:before{
	content: "";
	z-index: 2;
	position: absolute;
	background: #0877ff;
	width: 40px;
	height: 4px;
	top: -23px;
	left: 0;
}
.ttl1 span:after{
	content: "";
	z-index: 1;
	position: absolute;
	background: #7b95b2;
	width: 70px;
	height: 1px;
	top: -23px;
	left: 0;
}

/* --------------- */
.arrow1{
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: -1;
	margin: 0 0 0 -7px;
}
.arrow1:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: #0877ff;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	border-radius: 100px;
  transition: transform 0.4s ease;	
}
.arrow1:after{
	content: "";
	z-index: 1;
	position: absolute;
	background: url(../img/common/icon_arrow1.svg) 0 0 no-repeat;
	background-size: 100% auto;
	width: 14px;
	height: 11px;
	top:0;
	bottom: 0;
	right: 17px;
	margin: auto;
}

.arrow_search:after{
  background-image: url(../img/common/icon_megane.svg);
  width: 18px;
  height: 18px;
  right: 15px;
}


.arrow1.size_s:before,
.arrow1.size_s{
	width: 45px;
	height: 45px;
}
.arrow1.size_s:after{
	right: 15px;
}


/* --------------- */
.btn_arrow{
	display: flex;
	align-items:center;
  flex-shrink: 0;
}
.btn_arrow_txt{
	flex: 1;
	line-height: 1.4;
}
/* --------------- */

.btn1{
	overflow: hidden;
	display: inline-block;
}
.btn1:before{
    content: "";
    z-index: -1;
    position: absolute;
    background: #086bff;
    left: -2px;
    top: -2px;
    bottom: -2px;
    width: 102%;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

/* --------------- */
.anc1{
  height: 0;
  position: relative;
  z-index: 1;
  top: -100px;
  left: 0;
}

/* --------------- */


.line1 a,
a.line1 {
    -webkit-animation: none !important;
    animation: none !important;
    display: inline;
    -webkit-transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 0% 1px;
    text-decoration: none;
}

.line2 a,
a.line2 {
    -webkit-animation: none !important;
    animation: none !important;
    display: inline;
    -webkit-transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: background-size 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 1px;
    text-decoration: none;
}

a.line2_blue,
.line2_blue a,
a.line1_blue,
.line1_blue a{
    background-image: url(../img/common/line1_blue.png);
}
a.line2_white,
.line2_white a,
a.line1_white,
.line1_white a{
    background-image: url(../img/common/line1_white.png);
}
a.line2_gray,
.line2_gray a,
a.line1_gray,
.line1_gray a{
    background-image: url(../img/common/line1_gray.png);
}





/* --------------- */

/*　パンくず
---------------------------------------------------------*/

#breadcrumb{
  border-bottom: #283C4D solid 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.detail_breadcrumb{
  margin-top: 80px;
}

#breadcrumb .mainInner2{}
.breadcrumb_list{
    display: flex;
    font-size: 12px;
}
.breadcrumb_list li{
  position: relative;
  z-index: 1;
}

.breadcrumb_list li + li{
  margin-left: 30px;

}
.breadcrumb_list li + li:before{
  content: "";
  z-index: 1;
  position: absolute;
  border-bottom:1px solid #475C6E;
  width: 15px;
  top: 11px;
  left: -22px;
}
.breadcrumb_list a{
    color: #0279ff;
}


/*　メイン
---------------------------------------------------------*/

.mainv_top{
  margin-top: 80px;
  opacity: 0;
}
.mainv{
    padding-top: 49px;
    padding-bottom: 22px;
}
.mainv .mainInner2{}
.mainv_ttl{
    font-size: 72px;
    font-weight: 300;
    line-height: 1;
    position: relative;
    z-index: 10;
  }
  
  .mainv_ttl ._c{
    display: inline-block;
    margin-right: 21px;
    overflow: hidden;
    vertical-align: top;
    padding: 0 0 10px;
  }
  
  .mainv_ttl ._c span {
    transform: translate(0, 110%) skewX(12deg);
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    display: inline-block;
}

.mainv_ttl.on ._c span {
    transform: translate(0, 0%) skewX(0deg);
}


/*　ヘッダー
---------------------------------------------------------*/


#pageHeader{
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(15,34,49,1);
  border-bottom: #283C4D solid 1px;
  transition: background-color 400ms ease, border-bottom-color 400ms ease;
}

.head_transparent #pageHeader{
  border-bottom-color: transparent;
  background-color: rgba(15,34,49,0);
}

.head_transparent #pageHeader:hover,
.head_transparent #pageHeader.on{
  border-bottom-color: #283C4D;
  background-color: rgba(15,34,49,1);
}



.head{
	position: relative;
	z-index: 1;
	/* margin: 0 35px 0; */
	display: flex;
	justify-content:center;
	height: 80px;
}
.head_logo{
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 35px;
}
.head_logo a path{
	transition: fill 400ms ease;
}
.head_navi{
	display: flex;
	justify-content:center;
}
.head_navi li{
    height: 80px;
    display: flex;
    align-items:center;
}
.head_navi li + li{
	margin-left: 40px;
}
.head_navi li > a{
    color: #fff;
    height: 32px;
    position: relative;
    z-index: 1;
}
.head_navi a.hover{
    padding: 0 15px 0 0;
}
.head_navi a.hover:before{
	content: '';
	position: absolute;
	top: -6px;
	bottom: 0;
	right: 0px;
	width: 5px;
	height: 5px;
	margin: auto;
	border-top: 2px solid #0279ff;
	border-right: 2px solid #0279ff;
	transform: rotate(135deg);
}
.head_navi li > a:after{
	content: '';
	position: absolute;
	bottom: -24px;
	right: 51%;
	left: 51%;
	border-top: 2px solid #0279ff;
	transition: right 400ms cubic-bezier(.165,.84,.44,1), left 400ms cubic-bezier(.165,.84,.44,1);
}

.head_btns{
    position: absolute;
    z-index: 1;
    right: 35px;
    top: 13px;
    display: flex;
    align-items:center;
}
.head_btn_search{
    width: 54px;
    height: 54px;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 1;
}
.head_btn_search svg{
	position: absolute;
	z-index: 1;
	top: 17px;
	left: 17px;
}

.head_btn_search path{
    transition: fill 400ms ease;
}

.head_btn{
	display: flex;
	align-items:center;
	justify-content:center;
	border-radius: 100px;
	width: 140px;
	height: 54px;
	padding: 5px 10px;
	margin: 0 0 0 8px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.head_btn:before{
  content: "";
  z-index: -1;
  position: absolute;
  

  background: #fff;


  left: -2px;
  top: -2px;
  bottom: -2px;
  width: 102%;


    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;

}




.head_btn1{
	background: #0279FF;
}
.head_btn1:before{
	background: #086bff;
}
.head_btn2{
	background: #003CD3;
}
.head_btn2:before{
	background: #0330d2;	
}


/* ------------*/

.pagenavi{
  text-align: center;
}
.pagenavi .pages,
.pagenavi .first,
.pagenavi .extend,
.pagenavi .last{
  display: none;
}

.pagenavi .current,
.pagenavi .page{
  display: inline-block;
  border: solid #0279FF 1px;
  width: 40px;
  line-height: 48px;
  text-align: center;
  border-radius: 100px;
  margin: 0 2px;
  vertical-align: top;
}

.pagenavi .current{
    background: #0279FF;    
}

.pagenavi .nextpostslink,
.pagenavi .previouspostslink{
  display: inline-block;
  width: 48px;
  height: 48px;
  position: relative;
  z-index: 1;
  vertical-align: top;
  border-radius: 100px;
  overflow: hidden;
  text-indent: -900px;
  margin: 0 0 0 25px;
}


.pagenavi .nextpostslink:before,
.pagenavi .previouspostslink:before{
  content: "";
  z-index: 1;
  position: absolute;
  background: url(../img/common/icon_arrow1.svg) 0 0 no-repeat;
  background-size: 100% auto;
  width: 14px;
  height: 11px;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto;
}
.pagenavi .previouspostslink:before{
  transform: rotate(180deg);
}
.pagenavi .previouspostslink{
  margin: 0 25px 0 0;
}

.pagenavi .wp-pagenavi{
  margin-top: 99px;
}

/* ------------*/
.cms_mainv{
    background: #153356;
    padding-top: 30px;
    padding-bottom: 29px;
}
.cms_mainv .mainInner3{}
.cms_mainv_head{
    margin: 0 0 23px;
}
.cms_mainv_date{
    color: #9cacb8;
    font-size: 13px;  
}
.cms_mainv_cat{
background: #0877ff;
    border-radius: 100px;
    font-size: 13px;
    margin: 0 0 0 16px;
    padding: 0px 19px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;  
}
.cms_mainv_ttl{
    font-size: 40px;
    line-height: 1.2;
}

.cms_mainv_tag{
    margin: 2px 0 0;
}
.cms_mainv_tag a{
    margin: 0 10px 0 0;
    color: #0279ff;  
}

/* ------------*/
.cms_main{
    padding-top: 70px;
    padding-bottom: 94px;
    padding-left: 11%;
    padding-right: 11%;
}
.cms_main_inner{}
.cms_main_img{
  margin: 0 auto 50px;
  width: 75%;
}
.cms_main_img img{
  width: 100%;
}
.cms_main_body{
    padding: 0 0 1px;
}

/* ------------*/
.cms_main_back{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    font-size: 14px;
    margin-top: 40px;
}

.cms_main_back .arrow1 {
    margin: 0 -7px 0 0;
    transform: rotate(
180deg);
}




/* ----------------------------------- */

.cms_sns_fix{
    position: relative;
    z-index: 9;
    left: 0;
    right: 0;
    /* top: 54px; */
    padding-left: 11%;
    padding-right: 11%;
}
.cms_sns_fix.on1 {
    position: fixed;
    top: 160px;
}
.cms_sns_fix.on2 {
    position: relative;
}

.cms_sns_fix .mainInner3{
    position: relative;
    z-index: 1;
     height: 0px; 
    pointer-events: none;
    text-align: right;
}
.cms_sns_fix_box{
    display: inline-block;
    width: 34px;
    position: relative;
    z-index: 1;
    top: 62px;
    right: -67px;
}
.cms_sns_fix_box a{
  display: block;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
.cms_sns_fix_box a:before{
  content: "";
  z-index: 1;
  position: absolute;

  border:1px solid #fff;

  top:0;
  bottom: 0;
  right:0;
  left: 0;

  border-radius: 100px;
    transition: transform 600ms cubic-bezier(.165,.84,.44,1);
}

.cms_sns_fix_box a + a{
  margin-top: 20px;
}
.cms_sns_fix_ttl{
  text-align: center;
  font-size: 14px;
  margin: 0 -15px 8px;
}

@media screen and (max-width: 800px) { 
  .cms_sns_fix_box{
    right: -46px;
  }
}

/* ----------------------------------- */

.nav_popup{
	background: #243846;
	position: absolute;
	z-index: 90;
	top: 80px;
	left: 0;
	right: 0;
	padding: 50px 6%;
  /* 戻すコメントアウト1116 */
	visibility: hidden;
	-webkit-transition: -webkit-transform .3s, opacity .3s, visibility 0s .3s;
	transition: transform .3s, opacity .3s, visibility 0s .3s;
	opacity: 0;
  /* 戻すコメントアウト1116 */
}

.head_navi li:hover .nav_popup{
  visibility: visible;
  -webkit-transition: -webkit-transform .4s, opacity .4s;
  transition: transform .4s, opacity .4s;
  opacity: 1;
}

.nav_popup_box{
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
}


.nav_popup_box:before{
  content: "";
  z-index: 10;
  position: absolute;
  
  background: #243846;  

  top:0;
  bottom: 0;
  right:0;
  left: 0;
    /* 戻すコメントアウト1116 */
    transform: translate3d(0px, 0%, 0px);
    transition: transform 0.7s cubic-bezier(.165,.84,.44,1);   
    transition-delay: 0.2s;
    /* 戻す */

    /* 消す記述1116 */
    /* transform: translate3d(0px, 100%, 0px);  */
    /* 消す */
}
.head_navi li:hover .nav_popup_box:before{
    transform: translate3d(0px, 100%, 0px); 
}



.nav_popup_box a{



	width: 100%;
	font-size: 21px;
	line-height: 1.19;
	height: 123px;
	display: flex;
	align-items:center;
	padding: 0 15px 0 85px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.nav_popup_box-spport a {
  padding-left: 63px;
}


.nav_popup_box a:before{
  content: "";
  z-index: -1;
  position: absolute;

  background-image: -moz-linear-gradient( 90deg, rgb(36,56,70) 0%, rgb(2,121,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(36,56,70) 0%, rgb(2,121,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(36,56,70) 0%, rgb(2,121,255) 100%);



  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.5;
  transition: opacity 400ms ease;
}


.nav_popup_box a:after{
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: 0 0 no-repeat;
  background-size: 100% auto;
}

.nav_popup_box a.icon1_1:after{
  background-image: url(../img/common/navi_icon1_1.svg);
  width: 35px;
  height: 35px;
  left: 33px;
}
.nav_popup_box a.icon1_2:after{
  background-image: url(../img/common/navi_icon1_2.svg);
  width: 45px;
  height: 38px;
  left: 24px;
}
.nav_popup_box a.icon1_3:after{
  background-image: url(../img/common/navi_icon1_3.svg);
  width: 37px;
  height: 39px;
  left: 31px;
}
.nav_popup_box a.icon1_4:after{
  background-image: url(../img/common/navi_icon1_4.svg);
  width: 31px;
  height: 41px;
  left: 35px;
}


.nav_popup_box a.icon2_1:after{
  background-image: url(../img/common/navi_icon2_1.svg);
  width: 36px;
  height: 36px;
  /* left: 32px; */
  left: 15px;
}
.nav_popup_box a.icon2_2:after{
  background-image: url(../img/common/navi_icon2_2.svg);
  width: 38px;
  height: 27px;
  /* left: 33px; */
  left: 15px;
}
.nav_popup_box a.icon2_3:after{
  background-image: url(../img/common/navi_icon2_3.svg);
  /* width: 35px; */
  width: 33px;
  height: 32px;
  /* left: 33px; */
  left: 15px;
}
.nav_popup_box a.icon2_4:after{
  background-image: url(../img/common/navi_icon2_4.svg);
  /* width: 35px; */
  width: 33px;
  height: 35px;
  /* left: 33px; */
  left: 15px;
}
.nav_popup_box a.icon2_5:after{
  background-image: url(../img/common/navi_icon2_5.svg);
  /* width: 35px; */
  width: 33px;
  height: 38px;
  /* left: 33px; */
  left: 15px;
}

.nav_popup_box a.icon3_1:after{
  background-image: url(../img/common/products_img1.png);
  width: 36px;
  height: 85px;
  left: 32px;
}
.nav_popup_box a.icon3_2:after{
  background-image: url(../img/common/products_img2.png);
  width: 38px;
  height: 77px;
  left: 33px;
}
.nav_popup_box a.icon3_3:after{
  background-image: url(../img/common/products_img3.png);
  width: 58px;
  height: 65px;
  left: 20px;
}



.nav_popup_box a + a{
	margin-left: 20px;
}




.nav_popup_menu,
.nav_popup_main{
  background: #FF5A3C;
  visibility: hidden;
  transition: opacity .4s .1s, visibility 0s .5s;
  opacity: 0;

}

.nav_popup.on_menu .nav_popup_menu,
.nav_popup.on_main .nav_popup_main{
  visibility: visible;
  transition: transform .4s .1s, opacity .4s .1s;
  opacity: 1;

}

.nav_popup_menu{}
.nav_popup_main{}

.head_menu{
  display: none;
}


@media screen and (max-width: 1350px) {
  .nav_popup_box-spport {
    flex-wrap: wrap;
  }
  .nav_popup_box-spport a {
    width: calc(100% / 3 - 20px);
  }
  .nav_popup_box-spport a:nth-of-type(4n) {
    margin-left: 0;
  }
  .nav_popup_box-spport a:nth-of-type(n+4) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1280px) { 
  .head {
    justify-content:flex-start;
  }
  .head_navi {
    margin-left: 230px;
  }

}

.head_menu_popup{
  display: none;
}

@media screen and (max-width: 1075px) { 
  .head_navi{
    display: none;
  }
  .head_btn {
    display: none;
  }
  .head_menu{
    width: 54px;
    height: 54px;
    display: block;
    position: relative;
    z-index: 1;
    /* background: #ccc; */
  }

  .head_menu span,
  .head_menu:before,
  .head_menu:after {
      content: "";
      z-index: 1;
      position: absolute;
      background: #fff;
      overflow: hidden;
      height: 1px;
      /* top: 0; */
      /* bottom: 0; */
      right: 10px;
      left: 10px;
      transition: all 400ms ease;
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      margin: auto;
  }
  .head_menu.on:before{
    transform: rotate(-45deg);
    top: 26px;
  }
  .head_menu.on:after{
    transform: rotate(45deg);
    bottom: 26px;
  } 
  .head_menu.on span{
    opacity: 0;
  }


  .head_menu:before {
      top: 16px;
  }
  .head_menu:after {
      bottom: 16px;
  }
  .head_menu span {
      top: 0;
      bottom: 0;
  }

  /* ----------------------------- */

  .head_menu_popup{
    display: block;
    
}

  .head_menu_main{
    position: fixed;
    z-index: 101;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #243846;
    padding: 0 6%;
    overflow-y: scroll;
    visibility: hidden;
    -webkit-transition: -webkit-transform .4s, opacity .4s, visibility 0s .4s;
    transition: transform .4s, opacity .4s, visibility 0s .4s;
    opacity: 0;
  }
  .head_menu_main.on{
    visibility: visible;
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    opacity: 1;
  }


  .head_menu_main .head_navi{
    display: block;
    margin-left: 0;
  }


  .head_navi li{
    display: block;
    height: auto;
    border-bottom: #627686 solid 1px;
  }

  .head_navi li + li {
    margin-left: 0px;
  }
  .head_navi li > a{
    font-size: 18px;
    display: block;
    padding: 18px 0 !important;
    height: auto;
  }

  .head_navi li > a:after{
    display: none;
  }

  .head_navi li > .head_navi_about {
    padding: 0;
    position: absolute;
    top: 17px;
    width: 119px;
    height: auto;
    z-index: 10;
  }

  .head_navi li .nav_popup {
      position:relative;
      top: 0;
      padding: 0 6% 15px;
      visibility: visible;
      opacity: 1;
      display: none;
  }
  .nav_popup_box{
    flex-wrap: wrap;
  }
  .nav_popup_box:before{
    display: none;
  }

  .nav_popup_box.col1 a{
    margin: 0;
  }

  .nav_popup_box.col1 a:nth-child(n+2){
    margin-top: 10px;
  }

  .nav_popup_box.col2 a{
    width: calc(50% - 5px);
    margin-left: 10px;
  }
  .nav_popup_box.col2 a:nth-child(2n+1){
    margin-left: 0px;
  }
  .nav_popup_box.col2 a:nth-child(n+3){
    margin-top: 10px;
  }  
  .head_navi a.hover:before{
    top: -6px;
    bottom: 0;
    right: 15px;
    width: 10px;
    height: 10px;
  }

  .nav_popup_box a.icon2_1:after{
    width: 43px;
    height: 44px;
    left: 31px;
  }
  .nav_popup_box a.icon2_2:after{
      width: 40px;
      height: 29px;
      left: 31px;
  }
  .nav_popup_box a.icon2_3:after{
      width: 35px;
      height: 31px;
      left: 31px;
  }
  .nav_popup_box a.icon2_4:after{
      width: 35px;
      height: 31px;
      left: 31px;
  }
  .nav_popup_box a.icon2_5:after{
      width: 35px;
      height: 38px;
      left: 31px;
  }


.head_navi a.hover:before,
.head_navi li > a:before {
    content: '';
    position: absolute;
    top: -6px;
    bottom: 0;
    right: 0px;
    width: 5px;
    height: 5px;
    margin: auto;
    border-top: 2px solid #0279ff;
    border-right: 2px solid #0279ff;
    transform: rotate( 45deg );
    top: -6px;
    bottom: 0;
    right: 15px;
    width: 10px;
    height: 10px;
}
.head_navi a.hover:before{
    transform: rotate( 135deg );  
}
.head_navi a.hover.on:before{
    transform: rotate( 315deg );
}
.head_navi li > .head_navi_about:before {
  display: none;
}

  .head_menu_info{
    display: flex;
    justify-content:space-between;
    padding: 29px 0;
  }
  .head_menu_info .head_btn{
    display: block;
    margin: 0;
    width: calc(50% - 10px);
    text-align: center;
    line-height: 41px;
  }

  #pageHeader.menu_on{
    background: #243846 !important;
  }
  


}

/* ---------------------------------------------------------*/
#pageSearch{
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #243846;

  visibility: hidden;
  -webkit-transition: -webkit-transform .2s, opacity .2s, visibility 0s .2s;
  transition: transform .2s, opacity .2s, visibility 0s .2s;
  opacity: 0;

}
#pageSearch.on{
  visibility: visible;
  -webkit-transition: -webkit-transform .4s, opacity .4s;
  transition: transform .4s, opacity .4s;
  opacity: 1;
}

.searchInner{
  max-width: 1000px;
  margin: 0 auto;
    height: 100%;
  position: relative;
  z-index: 1;
}
.search_close{
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  top: 23px;
  right: 0;
  text-indent: -999px;
  overflow: hidden;
}

.search_close:before,
.search_close:after{
  content: "";
  z-index: 1;
  position: absolute;
  background:#fff;
  height: 2px;
  top:0;
  bottom: 0;
  right: -5px;
  left: -5px;
  margin: auto;
  transform: rotate(45deg);

  transition: all 400ms ease;
}
.search_close:before{
  transform: rotate(-45deg);  
}

.search_main{
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 90px;
    overflow-y: scroll;
    padding-bottom: 50px;
}
.search_cat{
  font-size: 20px;
  color: #fff;
  background: #115cac;
  background: -moz-linear-gradient(top, #115cac 0%, #243846 100%);
  background: -webkit-linear-gradient(top, #115cac 0%,#243846 100%);
  background: linear-gradient(to bottom, #115cac 0%,#243846 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115cac', endColorstr='#243846',GradientType=0 );
  padding: 8px 19px;
  margin: 0 0 11px;
}
.search_box{
  margin-top: 55px;
}

.search_list{
  display: flex;
  flex-wrap: wrap;


  align-items:flex-start;
}
.search_list:after {
    content: " ";
    display: block;
    clear: both;
}
.search_list li{
  width: 19%;
  margin-left: 1%;
  position: relative;
  z-index: 1;
  border-bottom: solid 1px #7C95AA;
  /* float: left; */
}



.search_list li:nth-child(5n+1){
  margin-left: 0;
}

.search_list a{
  display: flex;
  align-items:center;
  min-height: 54px;
  padding: 5px 0;
}


.search_list a:before{
  content: "";
  z-index: -1;
  position: absolute;
  

  background: #0279ff;
  height: 1px;

  left: 0px;
  bottom: -1px;
  width: 100%;


    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;

}


.search_list_img{
  width: 25px;
  height: 40px;
  background: 50% no-repeat;
  background-size:contain;
  margin: 0 13px 0 6px;
  display: block;
  transition: 400ms ease;
}
.search_list_name{
  flex: 1;
  color: #9DADB9;
  line-height: 1.3;
  transition: color 400ms ease;
}




/*　フッター
---------------------------------------------------------*/



.foot_info{
    display: flex;
}
.foot_info_box1,
.foot_info_box2{
    width: 50%;
    text-align: center;
    padding: 110px 40px 145px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;

    display: flex;
    align-items:center;
    justify-content:center;
}

.foot_info_box1:before,
.foot_info_box2:before{
  content: "";
  z-index: -1;
  position: absolute;
  

  background: #fff;


  left: -2px;
  top: -2px;
  bottom: -2px;
  width: 102%;


    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;

}
.foot_info_box1:before{
    background: #086bff;
}
.foot_info_box2:before{
  background: #0330d2;
}


.foot_info_box1{
	background: #0877ff;
}

.foot_info_box1 .arrow1,
.foot_info_box2 .arrow1,
.foot_info_box1 .arrow1:before,
.foot_info_box2 .arrow1:before{
	width: 70px;
	height: 70px;
}

.foot_info_box1 .arrow1:after,
.foot_info_box2 .arrow1:after{
    right: 26px;
}


.foot_info_box1 .arrow1:before{
	background: #045dd5;
}
.foot_info_box2{
	background: #033bd2;
}

.foot_info_ttl{
    display: inline-block;
    font-size: 50px;
    position: relative;
    z-index: 1;
}
.foot_info_mes{
    margin: 10px auto 0;
    max-width: 445px;
}




#pageFooter{padding-top: 54px;padding-bottom: 90px;}

#pageFooter .mainInner2{
  display: flex;
  justify-content:space-between;
}
.foot_box{}

.foot_navi_ttl{
    font-size: 18px;
    margin: 0 0 12px;
}
.foot_navi_list{}
.foot_navi_list li{}
.foot_navi_list li + li{
    margin-top: 6px;
}
.foot_navi_list a{
    color: #9dadb9;
    font-size: 14px;
}

.foot_bottom{
  background:#152d41;
  padding-top: 35px;
  padding-bottom: 35px;
}
.foot_bottom .mainInner2{
  display: flex;
  justify-content:space-between;
  align-items:center;
}
.foot_bottom_main{
  display: flex;
  justify-content:space-between; 
  align-items:center;   
}
.foot_bottom_logo{}
.foot_bottom_list{
  display: flex;
  align-items:center;  
  margin: 0 0 0 48px;
}
.foot_bottom_list li{}
.foot_bottom_list li + li{
    margin: 0 0 0 32px;
}
.foot_bottom_list a{
    font-size: 13px;
    color: #9CACB8;
}
.foot_bottom_copy{
  color: #496172;
  font-size: 10px;
}

.foot_navi_ttl_in {
  margin-top: 36px;
}

.foot_sns li {
  display: inline-block;
  margin-right: 16px;
}
.foot_sns li {
  display: inline-block;
}
.foot_sns li a {
  transition: .2s;
}
.foot_sns li a:hover {
  opacity: .8;
  background-size: 0 0px;
}


/*　コンテンツ
---------------------------------------------------------*/


.mouseStalker{
	position: fixed;
	z-index: 10;
	pointer-events: none;




}
/* ---------------------------------------------------------*/

.scBomb_up{
    transform: translate(0, 40px);
    opacity: 0;
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1) ,opacity 1.2s ease;  
}
.scBomb_anim.scBomb_up,
.scBomb_anim .scBomb_up{
    transform: translate(0, 0);
    opacity: 1;
}

/* ---------------------------------------------------------*/

.column_list{
    display: flex;
    flex-wrap: wrap;	
}
.column_list li{
    width: 32.4%;
    position: relative;
    z-index: 1;
}
.column_list_box{
  display: flex;
  justify-content:space-between;
}
.column_list_link{
	position: absolute;
	z-index: 1;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.column_list_img{
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.column_list_img img{
	transition: transform 600ms cubic-bezier(.165,.84,.44,1);
}
.column_list_data{
    padding: 13px 22px;
}
.column_list_head{
    margin: 0 0 14px;
}
.column_list_date{
    color: #9cacb8;
    font-size: 13px;
}
.column_list_cat{
    background: #0877ff;
    border-radius: 100px;
    font-size: 13px;
    margin: 0 0 0 16px;
    padding: 0px 19px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}







.column_list_ttl{
    font-size: 22px;
    max-height: calc(22px * 1.4 * 3);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4;
    overflow: hidden;    
}
.column_list_tag{
    margin: 38px 0 0;
    position: relative;
    z-index: 10;
}
.column_list_tag a{
    /* display: inline-block; */
    margin: 0  10px 0 0;
    color: #0279ff;
}


.column_slide{
  display: block;
}
.column_slide_line{
	position: relative;
	z-index: 1;
	height: 3px;
	background: #303E48;
	margin: 18px 0 0;
}
.column_slide_line span{
    background: #1a1a1a;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    transition: left 400ms ease;
    background: #0877ff;
}

.column_slide_navi{
    text-align: right;
    margin: 0 0 22px;
    position: relative;
    z-index: 1;
}
.column_slide_navi:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: #303E48;
	width: 1px;
	top: 6px;
	bottom: 6px;
	right: 65px;
}


.column_slide_prev,
.column_slide_next{
	width: 45px;
	height: 45px;
	display: inline-block;
}

.column_slide_prev span,
.column_slide_next span{
	display: none;
}
.column_slide_prev{
	transform: rotate(180deg);
	margin: 0px 31px 0 0;
}

.column_slide_prev.off,
.column_slide_next.off{
	pointer-events: none;
}

.column_slide_prev .arrow1:before,
.column_slide_next .arrow1:before{
	transition: transform 0.4s ease ,opacity 0.4s ease;	
}
.column_slide_prev.off .arrow1:before,
.column_slide_next.off .arrow1:before{
	opacity: 0;
}

.column_list_drag{
	display: flex;
	justify-content: center;
	align-items: center;

	border-radius: 200px;
	background-color: rgba(14, 34, 51,0.8);

	width: 114px;
	height: 114px;


	margin: -57px 0 0 -57px;
	pointer-events: none;

    transform: scale(0);
    transition: transform ease .1s;
}
.column_list_drag.on{

    transform: scale(1);
}



/* -------------------- */

.news_list{
    border-top: #305e8d solid 1px;
}
.news_list li{
    position: relative;
    z-index: 1;
    padding: 26px 0 26px 185px;
    border-bottom: #305e8d solid 1px;
}
.news_list_date{
    position: absolute;
    z-index: 1;
    color: #9dadb9;
    left: 4px;
    font-size: 13px;
    top: 27px;
}
.news_list_cat{
    position: absolute;
    z-index: 1;
    display: inline-block;
    background: #0877ff;
    border-radius: 100px;
    font-size: 13px;
    margin: 0 0 0 16px;
    width: 72px;
    text-align: center;
    /* padding: 0px 19px; */
    overflow: hidden;
    vertical-align: middle;
    left: 66px;
}
.news_list_ttl{}
.news_list_ttl a{}


/* ---------------------------------------------------------*/

.cms_cat{
  height: 62px;
}
.cms_cat_inner{
  text-align: center;
  border-top: solid 1px #283C4D;
  border-bottom: solid 1px #283C4D;
  overflow-x: scroll;
  white-space: nowrap;
  padding: 14px 19px;
  background: #0f2231;
}
.cms_cat.on .cms_cat_inner{
  position: fixed;
  z-index: 10;
  top: 80px;
  left: 0;
  right: 0;
  transition: none;
}


.cms_cat a{
  border-radius: 100px;
  padding: 0 20px;
  line-height: 32px;
  display: inline-block;
}

.cms_cat a.on{
    background: #0279FF;
}

.cms_cat a + a{
  margin-left: 10px;
}

/* ---------------------------------------------------------*/
.pageQuotation{
  position: fixed;
  z-index: 10;
  bottom: 20px;
  right: 20px;
  background: #0279FF;
  overflow: hidden;
  border-radius: 100px;
  font-size: 14px;
}
.pageQuotation .btn_arrow{
  padding: 20px 73px;
}

.pageQuotation .arrow1:before{
  display: none;
}
.pageQuotation .arrow1{
  position: absolute;
  right: 7px;
}

.pageQuotation .btn_arrow_txt{
  position: relative;
  z-index: 1;
  padding-left: 32px;
}
.pageQuotation .btn_arrow_txt:before{
  content: "";
  z-index: 1;
  position: absolute;
  /* border-bottom:1px solid #000; */
  background: url(../img/common/icon_den.svg) 0 0 no-repeat;
  background-size: 100% auto;
  width: 22px;
  height: 28px;
  top: -4px;
  bottom: 0;
  right:0;
  left: 0;
}
.pageQuotation .btn_arrow_txt span.suu{
  background: #fff;
  color: #0279FF;
  position: absolute;
  top: -10px;
  left: -16px;
  z-index: 3;
  border-radius: 100px;
  font-size: 13px;
  line-height: 22px;
  width: 22px;
  text-align: center;
}
.pageQuotation .btn_arrow_txt span.txt{}


/* ---------------------------------------------------------*/
/* ---------------------------------------------------------*/
/* ---------------------------------------------------------*/

/*---------------------------------------------------------
  ホバー
---------------------------------------------------------*/

@media screen and (min-width: 641px) {

  .head_logo a:hover{
    opacity: 0.7;
  }
	.head_btn_search:hover path{
		fill: #0279ff;
	}
	.head_navi li > a:hover{
		color: #0279ff;
	}
  .head_navi li > .head_navi_about:hover + a{
    color: #0279ff;
  }


	.head_navi li > a:hover:after{
		left: 0%;
		right: 0%;
	}

  .search_list a:hover:before,
  .foot_info_box1:hover:before,
  .foot_info_box2:hover:before,
	.btn1:hover:before,
	.head_btn:hover:before{
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
	}  

	a:hover .arrow1:after{
		animation-duration: .4s;
		animation-delay: 0s;
		animation-fill-mode: both;
		animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
		animation-name: slideArw;
	}	


	a:hover .arrow1:before{
		transform: scale(1.1);
	}



  @keyframes slideArw {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    49.9% {
      opacity: 0;
      transform: translateX(10px);
    }
    50% {
      transform: translateX(-10px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes slideArw_dw{
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    49.9% {
      opacity: 0;
      transform: translateY(10px);
    }
    50% {
      transform: translateY(-10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .column_list li:hover .column_list_img img{
    transform: scale(1.15);
  }

  .news_list_ttl a:hover{
  	color: #0279ff;
  }

  .nav_popup_box a:hover:before{
    opacity: 0.8;
  }

  .head_menu:hover span,
  .head_menu:hover:before,
  .head_menu:hover:after{
    background: #0279ff;
  }

  .line1 a:hover,
  a:hover.line1{
      background-position: left bottom;
      background-size: 100% 1px;
  }

  .line2 a:hover,
  a:hover.line2{
      background-position: right bottom;
      background-size: 0% 1px;
  }  

  .search_close:hover:before,
  .search_close:hover:after{
    background-color: #0279ff;
  }

  .search_list{
    display: flex !important; 
  }

  .search_list a:hover .search_list_name {
    color: #0279FF;
  }
  .search_list a:hover .search_list_img {
    transform: scale(1.1);
  }

  .cms_cat a:hover{
      background: #0279FF;
  }


  .pagenavi a:hover{
      background: #0279FF;    
  }


  .cms_sns_fix_box a:hover:before{
    transform: scale(1.15);
  }

}


/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/

.sp-block,.sp-inline{
	display: none;
}


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



  /* 要素設定*/
  body {
    font-size: 14px;
}


  button,
  select,
  textarea,
  input{}

  a{}



  .mainWidth{
    padding-left: 15px;
    padding-right: 15px;
}
  .mainInner{}
  .mainInner2{}


  /* ------------------------------------------------------*/

  .ttl1{
    font-size: 13px;
    padding-top: 7px;
    margin: 0 0 10px;
}
  .ttl1 span{}
  .ttl1 span:before{
    width: 30px;
    height: 3px;
    top: -12px;
}
  .ttl1 span:after{
    width: 50px;
    top: -12px;
}

  /* --------------- */
  .arrow1{
    margin: 0 0 0 -5px;
    width: 45px;
    height: 45px;
}
  .arrow1:before{
    width: 45px;
    height: 45px;
}
  .arrow1:after{
    right: 14px;
}

  .arrow1.size_s:before,
  .arrow1.size_s{}
  .arrow1.size_s:after{}


  /* --------------- */
  .btn_arrow{
}
  .btn_arrow_txt{
}
  /* --------------- */

  .btn1{}
  .btn1:before{}

  /* --------------- */
  .anc1{}

  /* --------------- */


  .line1 a,
  a.line1 {}
  a.line1_blue,
  .line1_blue a{}
  a.line1_white,
  .line1_white a{}
  a.line1_gray,
  .line1_gray a{}



  .line1 a:hover,
  a:hover.line1{}




  /* --------------- */

  /*　パンくず
  ---------------------------------------------------------*/

  #breadcrumb{
  padding: 0;
  }

  .detail_breadcrumb{
    margin-top: 65px;
  }

  #breadcrumb .mainInner2{}
  .breadcrumb_list{
    overflow-y: scroll;
    padding: 10px 15px;
}
  .breadcrumb_list li{
    white-space: nowrap;
}
  .breadcrumb_list li + li{}
  .breadcrumb_list a{}



  /*　メイン
  ---------------------------------------------------------*/

  .mainv_top{
    margin-top: 66px;
}
  .mainv{
    padding-bottom: 7px;
}
  .mainv .mainInner2{}
  .mainv_ttl{
    font-size: 32px;
}

  .mainv_ttl ._c{
    margin-right: 8px;
}

  .mainv_ttl ._c span {
    transform: translate(0, 130%) skewX(
12deg
);
}

  .mainv_ttl.on ._c span {}


  /*　ヘッダー
  ---------------------------------------------------------*/


  #pageHeader{}
  .head_transparent #pageHeader{}

  .head_transparent #pageHeader:hover,
  .head_transparent #pageHeader.on{}




  .head{
    height: 65px;
}
  .head_logo{
    width: 105px;
    top: 16px;
    left: 16px;
}
  .head_logo a path{}
  .head_navi{}
  .head_navi li{}
  .head_navi li + li{}
  .head_navi li > a{
    padding: 13px 16px !important;
}
  .head_navi a.hover{}
  .head_navi a.hover:before{}
  .head_navi li > a:after{}

  .head_btns{
    right: 5px;
    top: 6px;
}
  .head_btn_search{
    width: 40px;
    height: 50px;
}
  .head_btn_search svg{
    width: 18px;
    top: 16px;
    left: 13px;
}

  .head_btn_search path{}

  .head_btn{}

  .head_btn:before{}

  .head_menu_info .head_btn {
    width: auto;
    margin: 18px 0;
    }



  .head_btn1{}
  .head_btn1:before{}
  .head_btn2{}
  .head_btn2:before{}


  /* ------------*/

  .pagenavi{}
  .pagenavi .pages,
  .pagenavi .first,
  .pagenavi .extend,
  .pagenavi .last{}

  .pagenavi .current,
  .pagenavi .page{
    width: 37px;
    line-height: 45px;
}

  .pagenavi .current{}

  .pagenavi .nextpostslink,
  .pagenavi .previouspostslink{
    margin: 0 0 0 5px;
    width: 45px;
    height: 45px;
}


  .pagenavi .nextpostslink:before,
  .pagenavi .previouspostslink:before{}
  .pagenavi .previouspostslink:before{}
  .pagenavi .previouspostslink{
    margin: 0 5px 0 0;
}

  .pagenavi .wp-pagenavi{
    margin-top: 50px;
}




  /* ------------*/
  .cms_mainv{
    padding-top: 28px;
    padding-bottom: 23px;
}
  .cms_mainv .mainInner3{}
  .cms_mainv_head{
    margin: 0 0 9px;
}
  .cms_mainv_date{
    font-size: 12px;
}
  .cms_mainv_cat{
    font-size: 12px;
    margin: 0 0 0 9px;
}
  .cms_mainv_ttl{
    font-size: 26px;
}

  .cms_mainv_tag{}
  .cms_mainv_tag a{
    font-size: 12px;
}

  /* ------------*/
  .cms_main{
    padding-top: 40px;
    padding-bottom: 40px;
}
  .cms_main_inner{}
  .cms_main_img{
    margin-bottom: 30px;
}
  .cms_main_img img{}
  .cms_main_body{}

  /* ------------*/
  .cms_main_back{}

  .cms_main_back .arrow1 {}



  /* ----------------------------------- */

  .cms_sns_fix{
    display: none;
}
  .cms_sns_fix.on1 {}
  .cms_sns_fix.on2 {}

  .cms_sns_fix .mainInner2{}
  .cms_sns_fix_box{
    width: auto;
    display: flex;
    flex-wrap: wrap;
    display: flex;
    justify-content:center;
    margin: 0;
    right: 0;
    top: 0;
    margin-bottom: 30px;
}
  .cms_sns_fix_box a{}
  .cms_sns_fix_box a img{
    width: 50px;
    height: 50px;
}
  .cms_sns_fix_box a:before{}

  .cms_sns_fix_box a + a{
    margin: 0 0 0 7%;
}
  .cms_sns_fix_ttl{
    width: 100%;
    margin: 0 0 14px;
}

  .cms_sns_fix_box a:hover:before{}


  /* ------------*/

  .nav_popup{
}

  .head_navi li:hover .nav_popup{}

  .nav_popup_box{}


  .nav_popup_box:before{}
  .head_navi li:hover .nav_popup_box:before{}



  .nav_popup_box a{
    font-size: 14px;
    padding: 0 8px 0 66px;
    height: 75px;
}
  .nav_popup_box2 a {
    padding-left: 48px;
}


  .nav_popup_box a:before{}


  .nav_popup_box a:after{}

  .nav_popup_box a.icon1_1:after{
    width: 27px;
    height: 27px;
    left: 11px;
}
  .nav_popup_box a.icon1_2:after{
    width: 29px;
    height: 24px;
    left: 11px;
}
  .nav_popup_box a.icon1_3:after{
    width: 29px;
    height: 31px;
    left: 11px;
}
  .nav_popup_box a.icon1_4:after{
    width: 26px;
    height: 34px;
    left: 11px;
}


  .nav_popup_box a.icon2_1:after{
    width: 30px;
    height: 41px;
    left: 11px;
}
  .nav_popup_box a.icon2_2:after{
    width: 30px;
    height: 22px;
    left: 11px;
}
  .nav_popup_box a.icon2_3:after{
    width: 27px;
    height: 24px;
    left: 11px;
}
  .nav_popup_box a.icon2_4:after{
    width: 27px;
    height: 24px;
    left: 11px;
}
  .nav_popup_box a.icon2_5:after{
    width: 27px;
    height: 30px;
    left: 11px;
}

  .nav_popup_box a.icon3_1:after{
    width: 29px;
    height: 91px;
    left: 25px;
    top: 26px;
}
  .nav_popup_box a.icon3_2:after{
    width: 32px;
    height: 77px;
    left: 23px;
    top: 16px;
}
  .nav_popup_box a.icon3_3:after{
    width: 51px;
    height: 65px;
    left: 13px;
}



  .nav_popup_box a + a{}




  .nav_popup_menu,
  .nav_popup_main{}

  .nav_popup.on_menu .nav_popup_menu,
  .nav_popup.on_main .nav_popup_main{}

  .nav_popup_menu{}
  .nav_popup_main{}

  .head_menu{
    width: 50px;
    height: 53px;
}
  
  .head_menu.on:before{
    /* top: 26px; */
  }
  .head_menu.on:after{
    /* bottom: 26px; */
  }   

  .head_menu_main{
    padding: 0 15px;
    top: 65px;
  }

  .head_menu_info{
    display: block;
    padding: 9px 16px;
  }

  .head_navi li .nav_popup{
    
padding: 0 16px 15px;
  }

  .head_navi li > .head_navi_about {
    left: 30px;
  }


  /* ---------------------------------------------------------*/
  #pageSearch{}
  #pageSearch.on{}

  .searchInner{}
  .search_close{
    width: 23px;
    height: 23px;
    right: 4px;
}

  .search_close:before,
  .search_close:after{
    height: 1px;
}
  .search_close:before{}

  .search_main{
    top: 70px;
    border-top: solid 1px #7C95AA;
}
  .search_cat{
    background: none;
    font-size: 18px;
    margin: 0;
    padding: 12px 15px;
    position: relative;
    z-index: 1;
}

  .search_cat:before{
    content: '';
    position: absolute;
    top: -6px;
    bottom: 0;
    right: 16px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #0279ff;
    border-right: 2px solid #0279ff;
    transform: rotate(135deg);
}
  .search_cat.on:before{
    transform: rotate(315deg);
    top: 4px;
}

.search_box{
  margin-top: 0px;
  border-bottom: solid 1px #7C95AA;
}

  .search_list + .search_cat{}

  .search_list{
  display: none;
  margin: 11px 0 30px;
  }
  .search_list li{
    width: 48%;
    margin-left: 4%;
  }
  .search_list li:nth-child(5n+1){
    margin-left: 4%;
}
  .search_list li:nth-child(2n+1){
    margin-left: 0;
}




  .search_list a{
    min-height: 49px;
    padding: 4px 0;

    transition: none;
    -webkit-transition: none;
    -moz-transition: none;

}


  .search_list a:before{}


  .search_list_img{}
  .search_list_name{
    font-size: 12px;
}



  /*　フッター
  ---------------------------------------------------------*/



  .foot_info{
    display: block;
}
  .foot_info_box1,
  .foot_info_box2{
    width: auto;
    padding: 10px 40px;
    height: 175px;
}

  .foot_info_box1:before,
  .foot_info_box2:before{}
  .foot_info_box1:before{}
  .foot_info_box2:before{}


  .foot_info_box1{}

  .foot_info_box1 .arrow1,
  .foot_info_box2 .arrow1,
  .foot_info_box1 .arrow1:before,
  .foot_info_box2 .arrow1:before{
    width: 45px;
    height: 45px;
}

  .foot_info_box1 .arrow1:after,
  .foot_info_box2 .arrow1:after{
    right: 15px;
}


  .foot_info_box1 .arrow1:before{}
  .foot_info_box2{}

  .foot_info_ttl{
    font-size: 28px;
}
  .foot_info_mes{
    font-size: 12px;
    margin: 4px auto 0;
}




  #pageFooter{
    padding-top: 22px;
    padding-bottom: 50px;
    padding-left: 31px;
    padding-right: 31px;
}

  #pageFooter .mainInner2{
    display: block;
}
  .foot_box{}

  .foot_box + .foot_box{
    margin-top: 16px;
  }

  .foot_navi_ttl{
    font-size: 16px;
    margin: 0 0 0px;
}
  .foot_navi_list{}
  .foot_navi_list li{}
  .foot_navi_list li + li{
    margin-top: 7px;
}
  .foot_navi_list a{
    font-size: 12px;
}

  .foot_bottom{
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 31px;
    padding-right: 31px;
}
  .foot_bottom .mainInner2{
    display: block;
}
  .foot_bottom_main{
    margin: 0 0 16px;
}
  .foot_bottom_logo{
    width: 126px;
}
  .foot_bottom_list{
    margin: 0;
}
  .foot_bottom_list li{}
  .foot_bottom_list li + li{
    margin: 0 0 0 18px;
}
  .foot_bottom_list a{
    font-size: 12px;
}
  .foot_bottom_copy{
    text-align: center;
}

.foot_navi_ttl_in {
  margin-top: 16px;
}


  /*　コンテンツ
  ---------------------------------------------------------*/


  .mouseStalker{}

  /* ---------------------------------------------------------*/

  .column_list{}
  .column_list li{
    padding: 0 14px 0 0;
}
  .column_list_box{}
  .column_list_link{}
  .column_list_img{}
  .column_list_img img{}
  .column_list_data{
    padding: 11px 14px;
}
  .column_list_head{
    margin: 0 0 9px;
}
  .column_list_date{
    font-size: 12px;
}
  .column_list_cat{
    font-size: 10px;
    margin: 0 0 0 9px;
    padding: 0 10px;
}







  .column_list_ttl{
    font-size: 15px;
    max-height: calc(15px * 1.4 * 3);
}
  .column_list_tag{
    font-size: 12px;
    margin: 11px 0 0;
}
  .column_list_tag a{}


  .column_slide{}
  .column_slide_line{
    margin: 20px 16px 0;
}
  .column_slide_line span{}

  .column_slide_navi{
    display: none;
}
  .column_slide_navi:before{}


  .column_slide_prev,
  .column_slide_next{}

  .column_slide_prev span,
  .column_slide_next span{}
  .column_slide_prev{}

  .column_slide_prev.off,
  .column_slide_next.off{}

  .column_slide_prev .arrow1:before,
  .column_slide_next .arrow1:before{}
  .column_slide_prev.off .arrow1:before,
  .column_slide_next.off .arrow1:before{}

  .column_list_drag{}
  .column_list_drag.on{}

  .column_slide .slick-list{
    overflow: visible;
  }


  /* -------------------- */

  .news_list{}
  .news_list li{
    padding: 46px 0 10px 0;
}
  .news_list_date{
    left: 0;
    top: 14px;
    font-size: 12px;
}
  .news_list_cat{
    top: 14px;
    font-size: 12px;
    left: 48px;
}
  .news_list_ttl{
    font-size: 15px;
    line-height: 1.4;
}
  .news_list_ttl a{}


  /* ---------------------------------------------------------*/

  .cms_cat{
    height: 57px;
}
  .cms_cat_inner{}

  .cms_cat.on .cms_cat_inner{
    top: 65px;
  }


  .cms_cat a{
    padding: 0 14px;
    line-height: 27px;
}

  .cms_cat a.on{}

  .cms_cat a + a{
    margin-left: 2px;
}  

  /* -------------------- */

  .pageQuotation{
    overflow: visible;
}
  .pageQuotation .btn_arrow{
    padding: 0;
}

  .pageQuotation .arrow1:before{}
  .pageQuotation .arrow1{
    display: none;
}

  .pageQuotation .btn_arrow_txt{
    width: 70px;
    height: 70px;
    display: block;
    padding: 0;
}
  .pageQuotation .btn_arrow_txt:before{
    width: 26px;
    height: 35px;
    margin: auto;
    top: 0;
}
  .pageQuotation .btn_arrow_txt span.suu{
    top: 5px;
    left: 6px;
}
  .pageQuotation .btn_arrow_txt span.txt{
    display: none;
  }

  /* -------------------- */

  .sp-none{
    display: none !important;
  }
  .sp-block{
    display: block;
  }  
  .sp-flex {
    display: flex;
  }  
	.sp-inline {
		display: inline;
	}
	.sp-brNone br{
		display: none;
	}


}