@charset "UTF-8";
/*!
Template: cocoon-master
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/*---------------------------------
common
--------------------------------*/

.hidden-xs{
  display: none;
}
.header_img img{
	width: 100%;
}
@media screen and (min-width: 1020px){ 
	.header_img img{
	max-width: 1200px;
	max-height: 400px;
}
}
body {
    font-family: 'Hiragino Kaku Gothic ProN’, 'ヒラギノ角ゴ ProN W3’, 'Meiryo UI’, Meiryo, メイリオ, Osaka, 'MS PGothic’, arial, helvetica, sans-serif;
}
.content{
	margin-top: -15px;
}
.entry-content {
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.main{
	padding: 0;
}
.wrap{
	width: 100%;
}
.header{
  padding: 0.4em;
}
.entry-title{
  display: none;
}
.wrap_contents{
  padding: 0 4%;
	text-align: center;
}
.wrap_contents p{
	text-align: left;
}
.text_s{
	font-size: 90%;
	margin-top: 4%;
}
.greeting_text{
  text-align: left;
}
a {
  text-decoration: none;
	color: #1f91cd;
}
a:hover{
	opacity:0.8;
	color: #1f91cd;
}
.logo.logo-header.logo-image{
		display: none;
}
@media screen and (min-width: 1020px){ 
.visible-xs{
  display: none;
}
.hidden-xs{
  display: inline;
}
.wrap_contents{
	margin: 0 auto 60px;
	padding: 0 142px;
}	
.logo.logo-header.logo-image{
  display: inline;
}
}
/*---------------------------------
ヘッダー固定
--------------------------------*/
@media screen and (min-width: 1020px){
.header-container {
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
}
body{
	margin-top:75px;
}
}
/*---------------------------------
form
--------------------------------*/
#contact p span{
	color: #B70000;
	font-size: 16px;
}
#contact table th span{
  display: block;
  background: #B70000;
  color: #fff;
  font-size: 60%;
  border-radius: 4px;
  padding: 0 2%;
  max-width: 40%;
  margin: 2% auto 0;
}
#contact table th,
#contact table td{
  padding: 4% 3%;
}
#contact table td{
  background: #fff;
  width:  65%;
}
.confirm{
	display: none;
}
.mw_wp_form_confirm .input{
	display: none;
}
.mw_wp_form_confirm .confirm{
	display: block;
  color: #B70000;
}
.mw_wp_form_confirm {
  margin: 0;
  padding: 0;
}
input[type='submit'] {
  border: none;
  border-radius: 10px;
  background-color: #be2121;
  color: #fff;
  font-size: 1rem;
  margin: 0 2% 4%;
	padding:  4% 2%;
}
.btn_form input:first-child{
  background-color: #be2121;
}
input[type='submit']:hover {
  opacity: 0.8;
}
.btn_form{
  display: flex;
	width: 80%;
	margin: 50px auto 80px;
}
.mwform-radio-field{
	display: block;
	text-align: left;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0px;
}
input[type="text"]{
	padding: 2%;
}
.mwform-tel-field input{
	margin: 2% 0;
	width: 28%!important;
}
.grecaptcha-badge {
  visibility: hidden;
}
.g_policy {
  text-align: center;
  font-size: 12px;
}
@media screen and (min-width: 1020px){
	#contact table th,#contact table td{
		padding: 20px;
	}
	#contact table th span{
		display: inline;
		margin-left: 6px;
	}
	#contact table th span{
		max-width: 20%;
		padding: 4px;
	}
	input[type='submit'] {
		padding: 2%;
    max-width: 30%;
    margin: 0 auto;
	}
.mwform-radio-field{
	display: inline;
	text-align: center;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 10px;
}
}
/*---------------------------------
basic
--------------------------------*/
.container{
	background: url(/wp-content/uploads/2022/08/bg_main.gif);
} 
.content .main{
	background: url(/wp-content/uploads/2022/08/bg_main.gif);
}
.content .main {
  margin: 0;
  width: 100%;
  padding: 0;
  border: none;
}
.content .main h2{
  color: #fff;
  text-align: center;
  background: #1f91cd;
  font-weight: normal;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  margin: 0 0 2%;
  padding: 4%;
}
.content .main h2:before,
.content .main h2:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
	opacity: 0.4;
}
.content .main h2:before {
    margin-right: 1rem;
}
.content .main h2:after {
    margin-left: 1rem;
}
@media screen and (min-width: 1020px){
	.header_img{
		background: #f4f5f7;
		text-align: center;
		height: 400px;
	}
	.content .main h2{
		padding: 20px;
		margin: 20px 0;
	}
}
/*---------------------------------
wrap_contents
--------------------------------*/
#greeting .wrap_contents,
#application .wrap_contents,
#environment .wrap_contents,
#contact .wrap_contents{
	background: #fff;
	border: 1px solid #e2ecf7;
	padding: 5%;
	margin: 0 2% 10%;
}
@media screen and (min-width: 1020px){
  #greeting .wrap_contents,
	#application .wrap_contents,
#environment .wrap_contents,
	#contact .wrap_contents{
	margin: 0 140px 60px;
	padding: 100px 120px;
  }
}
@media screen and (min-width: 1400px){
  #greeting .wrap_contents,
	#application .wrap_contents,
#environment .wrap_contents,
	#contact .wrap_contents{
	margin: 0 240px 60px;
	padding: 60px 100px 60px;
  }
}
/*---------------------------------
greeting
--------------------------------*/
#greeting img {
	margin-bottom: 5%;
}
#greeting h3 {
    position: relative;
    display: inline-block;
    border: none;
    margin: 2% 0 8%;
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.6;
    padding: 0 0 5% 0;
    border-bottom: 2px solid #1f91cd;
}
#greeting h3:before {
    left: 0;
}
#greeting h3:after {
    right: 0;
}
#greeting .wrap_contents img{
	max-height: 300px;
	width: auto;
}
@media screen and (min-width: 750px){
#greeting h3 {
    margin: 2% 0 6%;
    padding: 0 0 2% 0;
}
}
@media screen and (min-width: 1020px){
	#greeting img {
	margin-bottom: 0;
}
  #greeting h2{
    position: relative;
	font-size: 24px;
  }
	#greeting h3 {
    padding: 0 100px;
	margin: 80px 0 50px;
	font-size: 21px;
    padding: 0 16%;
	border: none;
	}
	#greeting .wrap_contents h3:first-child{
	margin: 0 0 50px;
	}
	#greeting h3:before,
	#greeting h3:after {
    width: 80px;
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    height: 2px;
    background-color: #666;
	}
#greeting .wrap_contents img{
	max-height: 400px;
	width: auto;
}
}
@media screen and (min-width: 1400px){
	#greeting .wrap_contents img{
	max-height: 100%;
	}
}
/*---------------------------------
application
--------------------------------*/
#application ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#application ul li{
	border: 1px solid #eee;
	margin: 5% 0;
}
#application ul li a{
	padding: 10%;
	display: block;
}
#application h3{
	border-left: #1f91cd 6px solid;
	text-align: left;
	margin-top: 0;
}
@media screen and (min-width: 750px){
	#application ul{
	list-style: none;
	display: flex;
	}
	#application ul li{
	width: 50%;
	border: 1px solid #eee;
	margin-right: 10px;
	}
	#application ul li a{
	padding: 60px;
	}
}
/*---------------------------------
environment
--------------------------------*/
#environment .col2_img p{
	font-size: 12px;
	text-align: center;
}
#environment img{
	margin: 0 0 5%;
}
#environment .attention{
	font-size: 14px;
}
#environment ul{
	text-align: left;
	margin: 0 0 8% 0;
	padding-left: 1em;
}
#environment h3{
	border-left: #1f91cd 6px solid;
	border-top: none;
	border-right: none;
	border-bottom: none;
	text-align: left;
	margin-top: 10%;
	margin-bottom: 5%;
	font-size: 1.4rem;
}
#environment h3:first-child{
	margin-top: 0%;
}
#environment h3.heading{
	position: relative;
	padding-left: 2em;
	font-size: 26px;
	border-left: none;
}
#environment h3.heading::before{
	content: attr(data-number);
	position: absolute;
	top: 10px;
	left: 0;
	padding-bottom: 5px;
	color: #1f91cd;
	border-bottom: #1f91cd 1px solid;
}
#environment p{
	margin: 0 0 5%;
}
#environment h3 span{
	font-size: 80%;
}
@media screen and (min-width: 750px){
	#environment .photo{
		display: flex;
	}
	#environment .photo img{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10%;
	}
	#environment .photo img:last-child{
		margin-right: 0;
	}
}
/*---------------------------------
interview
--------------------------------*/
#interview .wrap_contents img{
	max-height: 300px;
	width: auto;
}
#interview .col2_wrap{
	background: #fff;
	border: 1px solid #e2ecf7;
	padding: 5%;
	margin: 0 0 5% 0;
}
#interview h3{
	border: 0;
	text-align: left;
	margin: 0 0 10% 0;
	padding: 0;
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.8;
}
#interview h3 span{
	display: block;
	font-size: 0.9rem;
	font-weight: bold;
	letter-spacing: normal;
	color: #1f91cd;
	margin: 0 0 2% 0;
}
#interview .position{
	text-align: right;
	margin: 0;
	font-size: 0.6rem;
}
#interview .name{
	text-align: right;
	margin: 0 0 8% 0;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
}
@media screen and (min-width: 1020px){
#interview .wrap_contents img{
	max-height: 100%;
}
#interview .col2_text{
	margin-right: 5%;
}
}
/*---------------------------------
col2
--------------------------------*/
@media screen and (min-width: 1020px){
  .col2_wrap{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  margin-bottom: 20px;
  }
  .col2_wrap p{
	  text-align: left;
  }
  .col2_img{
    width: 40%;
	margin-right: 5%
  }
  .col2_img img{
    width: 100%;
  }
  .col2_text{
    width: 55%;
  }
  .col2_text h3{
    margin-top: 0;
	}
	 .col2_text h3:before,.col2_text h3:after {
    width: 40px!important;
	}
	.flip{
  flex-direction: row;
  justify-content: space-around;
  }
  .flip .col2_img{
    width: 40%;
	margin-right: 0;
  }
  .flip .col2_text{
    width: 55%;
	margin-right: 0;
	margin-right: 5%
  }
}
/*---------------------------------
ハンバーガーメニュー
--------------------------------*/
.menu-close-button{
	position: absolute;
	right: 5%;
	top: 2%;
}
.logo-menu-button img{
	margin: 0;
}
.mobile-menu-buttons .menu-button:first-child > a{
	background:  #fff!important;
}
.mobile-menu-buttons .menu-button:first-child > a::before{
	display: none;
}
.fa-close {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
}
.fa-close::before, .fa-close::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px; /* 棒の幅（太さ） */
  height: 30px; /* 棒の高さ */
  background: #1f91cd;
}
.fa-close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.fa-close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
	.menu-drawer{
		margin-top:20%;
	}
	.menu-drawer li {
    display: block;
    border-bottom: 1px solid #e2ecf7;
    padding: 4% 0;
		position: relative;
	}
	.menu-drawer li ul li:first-child{
    padding: 4% 0;
	}
	.menu-drawer li ul li:last-child{
		border: none;
    padding: 4% 0 0;
	}
	.menu-drawer li a{
	color: #000;
	}
	.menu-drawer li:after{
    position: absolute;
    right: 2%;
		bottom: 35%;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto 0;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #1f91cd;
    border-width: 1px 1px 0 0;
	}
	.ml20{
	margin-left: 0;
	}
	.mb20{
	}
	.mb80{
	margin-bottom: 0;
	}
	.archive-title span{
		margin-right:0;
	}
	.entry-card-content{
		margin-left: 20%;
	}
	.entry-card-content{
		margin-left: 42%!important;
	}
	.entry-card-content h2{
		font-size:1.4rem;
	}
	.logo_pro{
		max-width: 150px!important;
		text-align: center;
		margin: 0 auto;
	}
	.body .wp-block-cover{
	min-height:150px;
	}
	.wp-block-cover__inner-container h1{
		font-size: 2rem!important;
	}
	.body .wp-block-columns {
    margin-bottom: 2em;
	}
	.entry-title, .archive-title {
		margin: 5% 0;
		letter-spacing: 0.1em;
		font-size: 2rem;
}
/*---------------------------------
header
--------------------------------*/
.logo-menu-button a{
	padding: 0.4rem 0 0 0!important;
}
.logo-menu-button img{
	max-height: 32px;
}
.navi-in > ul li{
  width: 140px;
}
.navi-in > ul li#menu-item-37 a{
  color: #01478e;
  font-size: 1.5rem;
  font-weight: bold;
  background: #fff;
  position: relative;
  border-right: 1px solid #fff;
}
.navi-in > ul li#menu-item-37{
	width: 220px;
}
.navi-in > ul li#menu-item-37 a:hover{
	opacity: 1.0;
}
.navi-in > ul li#menu-item-37 a::before {
  content: "\f098";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: -20px;
  font-size: 1.7rem;
}
.navi-in > ul li#menu-item-38 a{
	margin-right: 5px;
  color: #fff;
  background: #be2121;
  position: relative;
  text-indent: 2em;
  font-size: 1.1rem;
}
.navi-in > ul li#menu-item-38 a::before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0px;
  font-size: 1.4rem;
}
/*---------------------------------
mainvisual ※後でSP以上用の不要分を削除
--------------------------------*/
  .appeal {
    background-image: url(/wp-content/uploads/2022/07/slide_desk.jpg)!important;
    min-height: 400px;
  }
  .appeal-content {
    position: relative;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255,1);
    top: 60px;
    padding: 0 0 1em 0;
  }
  .appeal-message {
    padding: 8% 5% 5% 5%;
	margin:0;
    position: relative;
    font-size:1.2rem;
	line-height:1.2;
    font-weight: bold;
  }
  .appeal-message span{
	display: block;
	border-bottom: 2px solid #efe3b3;
	padding-bottom: 5%;
	margin-bottom: 5%;
    font-size:1.4rem;
  }
  .appeal-title{
    padding: 15px 30px 15px 35px;
    background-color: rgba(1,71,142,1);
    color: #efe3b3;
    font-weight: normal;
    font-size:1.0rem;
    letter-spacing: 0.1em;
  }
  @media screen and (min-width: 750px){
  }
  @media screen and (min-width: 835px){
  }
  @media screen and (min-width: 1020px){
  .appeal {
    background-image: url(/wp-content/uploads/2022/07/slide_02.jpg)!important;
  }
  .appeal-content {
    position: relative;
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255,1);
    right: 160px;
  }
  .appeal-message {
    margin: 0px 40px 15px;
    padding: 35px 20px 20px 20px;
    position: relative;
    font-size:2.0rem;
    font-weight: bold;
  }
  .appeal-title{
    padding: 15px 30px 15px 35px;
    background-color: rgba(1,71,142,1);
    font-weight: normal;
    letter-spacing: 0.1em;
    font-size: 1.6rem;
  }
  }
/*---------------------------------
h3
--------------------------------*/
#contact h3{
  text-align: center;
  background: #fff;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: #1f91cd 3px solid;
  padding: 1em;
  margin-top: 1em;
}

/*---------------------------------
section:menu
--------------------------------*/
#menu{
	margin-top: 8%;
}
.menu_list{
  list-style: none;
}
.menu_list li a p{
  color: #333;
}
.menu_list li a h3{
  margin: 0;
  padding: 0;
  border: none;
}
.menu_list li p{
	margin: 0;
}
  .menu_list{
    display: flex;
	justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0!important;
  }
  .menu_list li a {
    margin: 0 auto 8%!important;
    margin-bottom: 18%!important;
    width: 100%;
  }
  .menu_list li a h3{
    font-size:18px;
	  margin-top: 40px;
	  text-align: left;
	  padding-right: 50px;
	  padding-bottom: 20px;
	  position: relative;
	  color: #333;
  }
  .menu_list li a h3 span{
	  display: block;
	  font-size:16px;
	  margin-bottom: 8px;
	  font-weight: normal;
	  color: #1f91cd;
  }
  .menu_list li a h3:after{
	  position: absolute;
	  top: 8px;
	  right: 10px;
	  display: block;
	  width: 40px;
	  height: 40px;
	  content: "";
	  transition: right .2s;
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  border-right: #1f91cd 2px solid;
	  border-bottom: #1f91cd 2px solid;
  }
  .interview_movie h3 {
    margin: 0;
    padding: 0;
    border: none;
    font-size:18px;
	  margin-top: 40px;
	  text-align: left;
	  padding-right: 50px;
	  padding-bottom: 20px;
	  position: relative;
	  color: #333;
  }
  .interview_movie h3::after {
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    content: "";
    transition: right .2s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: #1f91cd 2px solid;
    border-bottom: #1f91cd 2px solid;
  }
  .interview_movie h3 span {
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: normal;
    color: #1f91cd;
  }
  .interview_movie .movies {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 100px
  }
  .interview_movie .movies iframe {
    margin-bottom: 10px;
  }
  
@media screen and (min-width: 1020px){
  .menu_list li a h3{
	  margin-top: 0px;
  }
  .menu_list li {
    margin-bottom: 100px!important;
    width: 470px;
  }
  #menu .wrap_contents{
    max-width: 1170px!important;
    margin: 50px auto 80px;
    padding: 0 100px;
  }
  .interview_movie .movies {
    justify-content: space-between;
  }
}
/*---------------------------------
section:can
--------------------------------*/
#can ul{
  list-style: none;
  text-align:left;
  position: relative;
  padding: 0;
}
#can ul li{
  padding-left: 2.2em;
  line-height: 38px;
  background-size: 15px auto;
}
#can ul li.one{
  background: url(https://hut.knowswho.biz/wp-content/uploads/2022/07/no1.png) left 0px top 8px no-repeat;
}
#can ul li.two{
  background: url(https://hut.knowswho.biz/wp-content/uploads/2022/07/no2.png) left 0px top 8px no-repeat;
}
#can ul li.three{
  background: url(https://hut.knowswho.biz/wp-content/uploads/2022/07/no3.png) left 0px top 8px no-repeat;
}
#can ul li.four{
  background: url(https://hut.knowswho.biz/wp-content/uploads/2022/07/no4.png) left 0px top 8px no-repeat;
}
#can ul li.five{
  background: url(https://hut.knowswho.biz/wp-content/uploads/2022/07/no5.png) left 0px top 8px no-repeat;
}
#can ul li.six{
  background: url(https://hut.knowswho.biz/wp-content/uploads/2022/07/no6.png) left 0px top 8px no-repeat;
}
#can{
  position: relative;
}
#can img{
  width: 25%;
  position: absolute;
  bottom: -20px;
  right: 4%;
}
@media screen and (min-width: 835px){
  #can wrap_contents{
    position: relative;
    left: 400px;
  }
  #can img{
    width: 23%;
    right: 20%;
  }
  #can ul{
    position: relative;
	margin-left: 20%;
  }
}
@media screen and (min-width: 1020px){
  #can wrap_contents{
    position: relative;
    left: 400px;
  }
  #can img{
    width: 13%;
    right: 30%;
  }
  #can ul{
    position: relative;
	margin-left: 20%;
  line-height: 38px;
	font-size: 1.1rem;
  }
}
/*---------------------------------
section:contact
--------------------------------*/
.contact_text{
  font-size: 80%;
  text-align: left;
}
.contact_add{
  border: 1px solid #eee;
  background: #fff;
  padding: 5%;
  text-align: center;
  line-height: 2.0;
	margin: 5% 0;
}
.contact_add .bold{
  font-weight: bold;
}
@media screen and (min-width: 1020px){ 
  .contact_text{
	  width: 100%;
    margin: 40px auto;
    border: 1px solid #eee;
    padding: 20px 100px 60px;
    background: #fff;
  }
}
/*---------------------------------
フッターモバイルボタン
--------------------------------*/
.mobile-menu-buttons{
  margin: 0;
  padding:0;
}
.custom-menu-icon{
	display: none!important;
}
.mobile-menu-buttons .menu-button > a{
  padding: 1em;
  position: relative;
	text-indent: 1em;
	font-weight: bold;
}
.mobile-menu-buttons .menu-button:first-child > a{
  color:#fff;
  background: rgba(1,71,142,1);
	text-indent: 1em;
}
.mobile-menu-buttons .menu-button:first-child > a::before{
  content: "\f098";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  font-size: 16px;
    left: -0.4em;
}
.mobile-menu-buttons .menu-button:last-child > a{
  color:#fff;
  background: #be2121;
}
.mobile-menu-buttons .menu-button:last-child > a::before{
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
    top: 50%;
    left: -0.4em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  font-size: 16px;
}
.mobile-menu-buttons .menu-caption {
  font-size: 0.7rem;
  opacity: 1;
}
/*---------------------------------
パンクズ
--------------------------------*/
.fa-file-o{
	font-size: 1rem!important;
}
/*---------------------------------
フッター
--------------------------------*/
.footer {
	padding: 0;
	border-top: 1px solid #eee;
}
.footer-widgets-mobile{
	margin: 0;
	font-size: 80%;
}
.footer-mobile{
	padding: 0;
}
.footer-mobile .widget{
	margin: 0;
}
ul.menu li a{
	color:#fff;
	padding: 4%
}
ul.menu li{
	background: #777;
}
.footer-bottom{
	padding: 0 0 0 0;
}
.copyright {
    margin-top: 0;
    font-size: 10px;
    padding: 2%;
}
@media screen and (max-width: 1020px) {
	.footer-widgets {
		display: block!important;
	}
.footer-widgets{
	margin: 0;
}
.footer-right,.footer-left,.footer-center{
	padding: 0;
}
.body .widget{
	margin-bottom: 0;
}
}
@media screen and (min-width: 1020px){ 
	.footer-bottom-content{
		width: 600px;
	}
	.footer-left,.footer-right{
		display: none;
	}
	.footer-left, .footer-center, .footer-right{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	ul.menu{
		display: flex;
		justify-content: center;
	}
	ul.menu li a{
		color:#666;
		padding:  2% 4%;
	}
	ul.menu li a:hover{
		background: #fff;
	}
	ul.menu li{
		background: #fff;
		width: 100%;
		border-right: 1px solid #eee;
	}
	ul.menu li:last-child{
		border-right: none;
	}
	#nav_menu-3{
		padding: 0 160px;
		font-size: 12px;
	}
}
/*---------------------------------
ページトップボタン
--------------------------------*/
.mblt-footer-mobile-buttons .go-to-top-button,
.mblt-header-and-footer-mobile-buttons .go-to-top-button {
    display: block;
  }
.go-to-top{
	bottom: 60px;
}
.go-to-top .go-to-top-button{
	border-radius:1000px;
	border: 1px solid #fff;
	background: #1f91cd;
	color: #fff;
	width: 60px;
	height: 60px;
}
.fa-angle-up:before{
	position: relative;
	bottom: 2px;
}
@media screen and (min-width: 1020px){ 
	.go-to-top{
		bottom: 40px
	}
	.go-to-top .go-to-top-button{
	border-radius:80px;
	width: 80px;
	height: 80px;
	}
}

/*---------------------------------
グロナビ
--------------------------------*/
/*ロゴ左寄せ*/
.header-container-in.hlt-top-menu.hlt-tm-right.wrap {
}
.logo.logo-header.logo-image {
    height: auto;
}
.header-container-in.hlt-top-menu .site-name-text-link {
    text-align: left;
} 
.tagline {
  text-align: center;
  font-size: 14px;
}
.logo {
  text-align: center;
}
/*ロゴ余白解除*/
.site-logo-image{
    padding: 0 0 0 20px;
}
.footer-site-logo-image{
	padding:0;
}
@media screen and (min-width: 1020px){ 
.footer-site-logo-image{
    padding: 0 0 0 20px;
}
}
/*ナビ*/
.navi-in a {
  font-weight: bold;
  font-size: 14px;
}
.navi-in a:hover{
  color: #1f91cd;
  background-color: #ffffff;
}
/*ナビサイズ*/
.navi-in > ul li{
	font-size: 15px;
}
/*ナビ仕切り*/
#navi .navi-in > ul > li{
  border-left: 1px solid #f3f3f7;
}
#navi .navi-in > ul > li:last-child{
  border-right: 1px solid #f3f3f7;
}
/*ナビ現在地*/
.navi-in .current-menu-item a{
  background-color: #e2ecf7;
  font-weight: bold;
}
.toggle-checkbox:checked ~ .toggle-content {
  border:  1px solid #ccc;
}
.toggle-button::before {
  color: #2c6ebd;
}
.navi-in > ul > .menu-item-has-children > a::after{
  right: 10px;
} 
/*ナビプルダウンメニュー*/
.navi-in > ul .sub-menu li a{
	background: #444;
	color: #fff;
	font-size:16px;
	font-weight: normal;
}
/*ナビ矢印*/
.fa{
	font-size: 20px;
}
.navi-in .has-icon{
	right: 10px;
}
.fa-angle-down:before{
    top: -1px;
    font-size: 7px;
    right: 6px;
    position: relative;
}

/******* management bar *******/
.customize-support .mobile-header-menu-buttons { margin-top: 46px !important; }
@media screen and ( min-width: 783px ) {
  .customize-support .mobile-header-menu-buttons { margin-top: 32px !important; }
	/* .customize-support .header-container { margin-top: 32px !important; }
	.customize-support .header-container .offcanvas-collapse.open { margin-top: 32px !important; } */
}
@media screen and ( min-width: 1020px ) {
  .customize-support .mobile-header-menu-buttons { margin-top: 0 !important; }
}
@media screen and ( min-width: 1020px ) {
	.customize-support .header-container { margin-top: 32px !important; }
}