button{
  min-width: auto !important;
}
a{
  outline: none;
  color: #0000EE;
}
@media screen and (min-width: 1024px){
  a:hover{
    text-decoration: underline;
  }
}
#header,
.contents_in > *,
#footer{
  width: 100%;
  line-height: 1.4;
}
.header_in,
.head_wrapper_in,
.breadcrumb_in{
  width: 100%;
  max-width: 960px;
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.header_in{
  background: #ffffff;
}
.header_left img{
  width: 100%;
  max-width: 220px
}
.header_right_in,
.header_right ul{
  display: flex;
}
.footer_title,
.footer_navi ul,
.copyright{
  display: flex;
  justify-content: center;
}
.header_right li,
.footer_navi li:not(:first-child){
  margin-left: 1rem;
}
.header_right a:hover,
.breadcrumb a:hover,
.footer_navi a:hover{
  text-decoration: underline;
}

.sns_icon{
  display: flex;
  justify-content: center;
  margin: 0 0 1rem;
}
.sns_icon a{
  position: relative;
}
.sns_icon img{
  width: 70px;
  height: 70px;
}
.sns_icon a + a{
  margin-left: 1rem;
}
.sns_icon a:hover:after{
  border-radius: 50%;
}
.facebook{
  background: #3B5998;
}
.twitter{
  background: #1DA1F2;
}
.instagram{
  background: #BD081C;
}

.footer_title,
.copyright{
  background: #003399;
}
.copyright{
  border-top:1px solid #ffffff;
}
.footer_title_in{
  box-sizing: border-box;
  max-width: 960px;
  padding: 1rem;
}
.footer_title_in div{
  display: flex;
  align-items: center;
}
.footer_title_in p{
  color: #ffffff;
  font-size: 30px;
  margin-left: 1rem;
}
.footer_title img{
  width: calc((100% - 1rem) - 120px);
  max-width: 260px;
}
.footer_contents_list{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.footer_contents_list_in{
  padding: 0 2rem 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.footer_contents{
  /*width: calc((100% - 3rem) / 4);*/
  margin: 1rem 1rem 0;
  text-align: right;
}
/*.footer_contents + .footer_contents{
  margin-left: 1rem;
}*/
.footer_contents a:hover{
  text-decoration: underline;
}
.footer_navi ul{
  margin: 1rem 0;
}
.copyright p{
  color: #ffffff;
  padding: 1rem 0;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

.head_wrapper{
  background: #000000;
  color: #ffffff;
}
.head_wrapper:first-child{
  background: #003399;
}
.head_wrapper_in{
  padding: 1rem;
}
.head_wrapper_in span{
  display: inline-block;
  margin-right: 1rem;
}
.head_wrapper + .head_wrapper .head_wrapper_in{
  padding: 0.5rem 1rem;
}

h1 span{
  font-size: 26px;
}
h2 span{
  font-size: 26px;
}

.kamban{
  position: relative;
}
.kamban_in img{
  width: 100%;
  max-height: calc(100vh - 235px);
  object-fit: contain;
}
.kamban1{
  background: url(../images/mainimages1.jpg) no-repeat;
}
.kamban2{
  background: url(../images/mainimages2.jpg) no-repeat;
}
.kamban3{
  background: url(../images/mainimages3.jpg) no-repeat;
}
.kamban1,
.kamban2,
.kamban3{
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
  background-position: center;
}
.image-text {
  position: relative;
  }
.image-text p {
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 19px;
  top: 85%;
  left: 71.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
.common_info{
  max-width: 960px;
  margin: 40px auto;
  padding: 0 1rem;
  box-sizing: border-box;
}
.common_info + .common_info{
  margin: 80px auto;
}
#products.common_info{
  margin: 40px auto;
}
.common_info_title h3{
  font-size: 20px;
  font-weight: bold;
  border-left: 8px solid #003399;
  padding: 0.5rem 0 0.5rem 0.5rem;
}

.common_info_content{
  margin: 1rem 0 0;
  padding: 0 1rem;
}
.common_info_content_in{
  line-height: 1.4;
}
.common_info_content_in dl{
  display: flex;
  width: 100%;
  border-top: 0;
}
.common_info_content_in > dl{
  margin-top:40px;
}
.common_info_content_in > dl:first-child{
  margin-top:0;
}
.common_info_content_in dt{
  width: 200px;
  box-sizing: border-box;
}
.common_info_content_in dt p{
  padding:4px 0 4px 8px;
  border-left:5px solid #003399;
  border-bottom:1px solid #000000;
  font-weight: bold;
  font-size:16px;
}
.common_info_content_in dd{
  flex:1 0 0%;
  padding: 5px 0 0 1rem;
  box-sizing: border-box;
}

.common_list + .common_list{
  margin-top: 16px;
}
.common_list_in_list > li:before{
  content: "・";
}
.common_list_in_list > li{
margin-top:8px;
}
.common_list > ul{
  display:flex;
  flex-wrap:wrap;
}
.common_list > ul > li{
  min-width:calc(50% - 1rem);
  margin-top:16px;
}
.common_list > ul > li:first-child{
  margin-top:0;
}
.common_list_nomargin,
.common_list_nomargin_pc{
  margin-top:0!important;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

.sp{
  display: none;
}
.font_bold{
  font-weight: bold;
}
.img_icon{
  width: 1rem;
  height: 1rem;
  margin-right: 0.2em;
}
.square,
.circle,
.common_list li{
  position: relative;
  margin-left: 1rem;
}
.square:before,
.circle:before{
  content: "";
  width: 14px;
  height: 14px;
  background: #000000;
  position: absolute;
  left: -1rem;
  top: 2px;
}
.square:before{
  background:#133A89;
}
.circle:before{
  border-radius: 50%;
  top: 1px;
}

.common_btn_area{
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.common_btn{
  display: inline-block;
}
.common_btn a{
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background: #003399;
  border-radius: 0.5em;
}
.common_btn + .common_btn{
  margin-left: 1rem;
}
.info_entry_site a,
.common_btn{
  position: relative;
}
.common_btn a:hover:after{
  border-radius: 0.5em;
}
.btn1_area .common_btn{
  width: 100%;
}
.btn2_area .common_btn{
  width: calc((100% - 1rem) / 2);
}
.btn3_area .common_btn{
  width: calc((100% - 2rem) / 3);
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

.content_wrapper + .content_wrapper{
  margin-top: 40px;
}
.content_wrapper{
  display: flex;
}
.content_wrapper > div{
  width: calc((100% - 1rem) / 2);
}
.content_wrapper > div + div{
  margin-left: 1rem;
}
.content_wrapper > div > *:not(:last-child){
  margin-bottom: 14px;
}
#products .content_wrapper > div > div{
  position:relative;
  line-height:1;
}
#products .content_wrapper > div > div > img{
  display:block;
}
#products .content_wrapper > div > div > p{
  position:absolute;
  bottom:0;
  width:100%;
  text-align:center;
  background:rgba(255,255,255,0.75);
  padding:0.75em 0;
}
#products .content_wrapper > div > div a{
  display:flex;
  align-items:center;
}
#products .content_wrapper > div > div a span{
  font-weight:bold;
  color:#000000;
}

.content_wrapper3 > div{
  width: calc((100% - 2rem) / 3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content_wrapper4 > div{
  width: calc((100% - 3rem) / 4);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content_1 > div:first-child,
.content_2 > div:first-child,
.content_3 > div:first-child{
  display: flex;
  height: 170px;
  justify-content: center;
  border: 1px solid #cacaca;
  padding: 0.3rem;
  box-sizing: border-box;
}
.content_1 > div:first-child img,
.content_2 > div:first-child img,
.content_3 > div:first-child img{
  object-fit: contain;
}
.content_1 > div:first-child img{
  width: 50%;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.content_1 > div:first-child img + img{
  border: 0;
}
.content_wrapper3 .read_more{
  width: 100%;
}
.content_wrapper3 .read_more div{
  padding-right: 0;
}

.content_title{
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.content_title *,
.content_small_title h4{
  font-weight: bold;
}
.content_title img{
  width: 4rem;
}
.content_title div:last-child{
  margin-left: 0.5rem;
  line-height: 1.2;
}
.content_title h3{
  font-size: 30px;
  font-weight: bold;
  color: #0066CC;
}
.content_title p{
  font-size: 18px;
}
.content_title_2{
  position: relative;
}
.content_title_2 img{
  width: 6rem;
}
.content_title_2 div:last-child{
  margin-left: 0;
  line-height: 1.2;
  position: absolute;
  left: 3rem;
}
.content_title_2 h3,
.job_list .content_title h3{
  font-size: 30px;
  color: #000000;
}

.read_more{
  display: inline-block;
  background: #003399;
  position: relative;
}
.read_more div{
  display: flex;
  align-items: center;
  color: #ffffff;
  padding-right: 5em;
}
.read_more div > *{
  margin-right: 0.5rem;
}
.read_more img{
  width: 3rem;
}

.content_small_title h4{
  font-size: 20px;
}
.content_link{
  margin-top: 0.5rem;
  vertical-align: top;
}
#products .content_link{
  margin-top: 0;
}
.content_link a:hover{
  text-decoration: underline;
}

.award{
  display: flex;
}
.award .content_small_title{
  padding: 20px 0;
}
/*.content_left_line{
  border-left: 3px solid #003399;
  padding-left: 3px;
}*/
.content_left_line .content_link{
  display:flex;
  flex-wrap:wrap;
  text-align: right;
}
.award_img{
  width: 100%;
  height: 250px;
  display: flex;
}
.award_img img{
  width: 50%;
  object-fit: cover;
}
.award_img img + img{
  object-fit: contain;
}
.content_left_line > img{
  width: 100%;
  max-height: 250px;
  object-fit: cover;
}

.content_in_flex{
  display: flex;
  height: 100%;
  border: 1px solid #cacaca;
  box-sizing: border-box;
}
.content_in_flex > div:first-child{
  width: 35%;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.content_in_flex > div:first-child img{
/*  object-fit:cover;*/
  height:auto;
}
.content_in_flex > div + div{
  width: 65%;
  padding: 0.3rem;
  box-sizing: border-box;
}
.content_in_flex .content_link{
  text-align: right;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

.session_list ul{
  margin-left: 1rem;
}
.session_list li span:first-child{
  display: inline-block;
  width: 5em;
}

.info_entry{
  margin-top: 40px;
}

.info_entry_site > *{
  margin-top:16px;
}
.info_entry_site > *:first-child{
  margin-top:0;
}
.info_entry_site > .info_entry_site_main{
  margin-top:0;
}
.info_entry_site_main{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin-top:-1rem;
  margin-left:-1rem;
}
.info_entry_site_main > dl{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:calc(50% - 1rem);
  margin-top:1rem;
  margin-left:1rem;
  box-shadow:0 0 5px #999999;
}
.info_entry_site_main > dl > dt{
  flex:1 0 0%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:8px 1rem;
  border-top:5px solid #0099CC;
  text-align:center;
}
.info_entry_site_main > dl > dt > p{
  box-sizing:border-box;
  padding:0;
  border-left:0;
  border-bottom:0;
  font-weight:inherit;
  font-size:12px;
}
.info_entry_site_main > dl > dt > p:first-child{
  flex:1 0 0%;
  display:flex;
  justify-content:center;
  align-items:center;
}
@media all and (-ms-high-contrast: none) {
  .info_entry_site_main > dl > dt,
  .info_entry_site_main > dl > dt > p:first-child{
    flex:inherit;
  }
}
.info_entry_site_main > dl > dt > p > img{
  width:100%;
  max-width:200px;
}
.info_entry_site_main > dl > dd{
  flex:inherit;
  width:100%;
  padding:0 1rem 16px;
  text-align:center;
}
.info_entry_site_main > dl > dd > a{
  display:block;
  padding:8px 0;
  border:1px solid #0099CC;
  color:#0099CC;
}
.info_entry_site_main > dl > dd > a:hover{
  text-decoration:none;
}

@media screen and (min-width: 1024px) {
  .info_entry_site_main > dl > dd > a:hover{
    border:1px solid transparent;
    background-color:#0099CC;
    color:#ffffff;
  }
}

.info_entry > h4{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items:flex-end;
  padding: 9px 0 8px;
  background-color: #003399;
  color: #ffffff;
}
.info_entry > h4 > p{
  font-weight:bold;
  font-size: 20px;
}
.info_entry > h4 > span{
  font-size: 16px;
}
.info_entry_main{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.info_entry_main > dl{
  display:flex;
  flex-direction:column;
  width: calc((100% - 2rem) / 3);
  margin-top:16px;
  margin-left: 1rem;
  box-shadow: 0 0 5px #999999;
}
.info_entry_main > dl:nth-child(3n + 1){
  margin-left:0;
}
.info_entry_main > dl > dt{
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 5px solid #0099CC;
  width:100%;
  padding: 24px 0;
  line-height: 1;
  text-align: center;
}
.info_entry_main > dl > dt > *{
  font-family: serif;
  font-weight: bold;
  font-size: 14px;
}
.info_entry_main > dl > dt > *:last-child{
  margin-left: 8px;
  font-size: 20px;
}
.info_entry_main > dl > dd{
  flex:inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #0099CC;
  width:100%;
  padding: 16px 1rem;
}
.info_entry_main > dl > dd > ul > li{
  margin-top:8px;
}
.info_entry_main > dl > dd > ul > li:first-child{
  margin-top:0;
}
.info_entry_hybrid > h4{
  text-align:center;
  font-weight:bold;
  font-size:16px;
  color:#B20000;
}
.info_entry_hybrid_main{
  margin-top:1rem;
}
.info_entry_hybrid_main > p{
  margin-top:8px;
}
.info_entry_hybrid_main > p:first-child{
  margin-top:0;
}
.info_entry_hybrid_main_notice{
  font-size:12px;
}

.info_contact{
  display:flex;
  justify-content:center;
  margin-top:40px;
}
.info_contact_in{
  width:100%;
  border:1px solid #acacac;
}
.info_contact_in > h3{
  padding:8px 0;
  background-color:#3399CC;
  text-align:center;
  font-size:20px;
  color:#ffffff;
}
.info_contact_main{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:16px 1rem;
}
.info_contact_main > h4{
  margin-bottom:8px;
  font-size:18px;
  font-weight:bold;
}

.entry_btn_area{
  margin: 40px 0 0;
}
.entry_btn a{
  width: 20em;
  font-weight: bold;
  font-size: 20px;
  padding: 2rem;

  background: rgb(81,105,153);
  background: -moz-linear-gradient(top,  rgba(81,105,153,1) 0%, rgba(0,51,153,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  background: linear-gradient(to bottom,  rgba(81,105,153,1) 0%,rgba(0,51,153,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516999', endColorstr='#003399',GradientType=0 );
}

.common_info + .bosyu_yoko{
  margin-top: 3rem;
}
.common_index + .bosyu_yoko{
  margin-top: 2rem;
}
.banner_area,
.bosyu_yoko,
.page_navi,
.job_list{
  display: flex;
  justify-content: center;
}
.banner_area{
flex-direction:column;
align-items:center;
}
.bosyu_yoko{
  background: repeating-linear-gradient(-45deg, #dbdbdb 0,#dbdbdb 20px,#cccccc 10px, #cccccc 40px);
}
.banner_area_in,
.bosyu_yoko_in,
.page_navi_in,
.job_list_in{
  width: 100%;
  max-width: 960px;
}
.banner_area_in > div{
  padding: 0 2rem 2rem;
  display: flex;
  flex-wrap:wrap;
}
.line_friend{
display: flex;
flex-direction: row;
margin-bottom:1rem;
}
.line_friend > *{
margin-left:1rem;
}
.line_friend > *:first-child{
margin-left:0;
}
.line_friend_left{
width:80px;
height:80px;
}
.line_friend_left > img{
box-shadow:2px 2px 2px #333333;
}
.line_friend_right{
flex:inherit;
display:flex;
flex-direction:column;
justify-content:center;
}
.line_friend_right > *{
margin-top:0.5rem;
}
.line_friend_right > *:first-child{
margin-top:0;
}
.line_friend_right_in{
display:flex;
flex-direction:row;
align-items:center;
}
.line_friend_right_in > *{
margin-left:1rem;
}
.line_friend_right_in > *:first-child{
margin-left:0;
}
.line_friend_right_in > a{
position:relative;
width:130px;
height:40px;
}
.banner_area_in a{
  display: inline-block;
  width: calc((100% - 1rem) / 2);
  position: relative;
}
.banner_area_in img{
  width: 100%;
}
.banner_area_in a:nth-child(2n + 2){
  margin-left: 1rem;
}
.banner_area_in a:nth-child(n + 3){
  margin-top: 1rem;
}

.notice{
  padding:24px 0;
}
.notice_in{
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
}
.notice_in:before{
  content:"＼";
  margin-right:16px;
  font-size:24px;
}
.notice_in:after{
  content:"／";
  margin-left:16px;
  font-size:24px;
}
.notice_main{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.notice_main > p{
  font-size:16px;
}
.notice_main > a{
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-top:0.5rem;
  color:#000000;
}
.notice_main > a > i{
  font-size:18px;
  margin-right:0.5rem;
  color:#000000;
}
.notice_main > a > span{
  color:#000000;
}
.news {
 max-width: 880px;
 margin: 1rem auto;
 background: #FFF4C8;
 padding: 10px;
 box-shadow: 3px 3px 3px #666666;
}

@media screen and (min-width: 1024px){
  .notice_main > a:hover{
    text-decoration:none;
  }
  .notice_main > a:hover > span{
    text-decoration:underline;
  }
}

.bosyu_yoko_in > div{
  padding: 1rem 2rem;
}
.bosyu_yoko .img_icon{
  width: 30px;
  height: 30px;
}
.bosyu_yoko_in p,
.bosyu_yoko_in .common_btn_area:not(:last-child){
  margin-bottom: 1rem;
}
.bosyu_yoko_in p{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.bosyu_yoko .yoko_btn{
  flex:1 0 0%;
}
.yoko_btn a{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  /*font-weight: bold;
  background: #ffffff;
  color: #000000;*/
  padding: 1rem 0.5rem;
  font-size: inherit;
  border-radius: 0;
  /*border-top: 3px solid #0066CC;
  border-bottom: 3px solid #cccccc;*/
}
.yoko_btn a > i{
  margin-right:0.5rem;
  font-size:18px;
}

.page_navi_in > div{
  display: flex;
  justify-content: flex-end;
  padding: 1rem 2rem;
  line-height:1;
}
.page_navi_in > div > a + a{
  margin-left: 1rem;
}
.page_navi_in > div > a:hover{
  text-decoration: underline;
}

.job_list{
  margin-bottom: 2rem;
  background: repeating-linear-gradient(-45deg, #dbdbdb 0,#dbdbdb 20px,#cdccda 10px, #cdccda 40px);
}
.square_title{
  margin-left: 1em;
  padding-left: 0.2em;
}
.square_title:before{
  width: 30px;
  height: 30px;
  left: -1em;
  top: 5px;
  background: #003399;
}
.job_list_in > div{
  padding: 34px 2rem 40px;
}
.job_list_in .content_wrapper{
  display: flex;
  flex-wrap: wrap;
  margin-bottom:18px;
}
.job_list_in .content_wrapper:last-child{
  margin-bottom:0;
}
.job_list_in .content_title{
  margin-bottom:16px;
}
.content_wrapper > .job{
  width: calc((100% - 3rem) / 4);
  display: flex;
  flex-direction: column;
}
.content_wrapper > .job:nth-child(n + 5){
  margin-top: 1rem;
}
.job:nth-child(4n) + .job{
  margin-left: 0;
}
.job_list .content_wrapper > div > *{
  margin-bottom: 0;
}
.job_img{
  display: flex;
  width: 100%;
  height: 7rem;
  box-sizing: border-box;
  padding: 1rem;
  background: #0066CC;
}
.job_img img{
  width: 100%;
}
.job_link{
  display: inline-block;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 1024px){
  .banner_area_in a:hover:after,
  .job_link:hover:after,
  .info_entry_site a:hover:after,
  .common_btn a:hover:after,
  .read_more:hover:after,
  .sns_icon a:hover:after,
  .line_friend_right_in > a:hover:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.2);
  }
  .yoko_btn a:hover:after{
    border-radius: 0;
  }
}

.job_link p{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:1em 0;
  background: #003399;
  line-height:1;
  color: #ffffff;
}

@media screen and (min-width: 1024px){
  .job_link:hover,
  .common_btn a:hover,
  .read_more:hover{
    text-decoration: none;
  }
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/* 職種モーダル */
.modaal-container{
  max-width: 960px;
}
.modal_with_padding .modaal-container{
  padding:1em;
  box-sizing:border-box;
}
#job_modal{
  display: none;
}
.job_name{
  font-size: 20px;
  font-weight: bold;
}
.job_name.circle{
  margin-left: 1em;
  padding-left: 0.2em;
}
.job_name.circle:before{
  width: 20px;
  height: 20px;
  top: 0;
  left: -1em;
  background: #003399;
}
.job_detail{
  margin-top: 1rem;
}

/* global dealer network モーダル */
.global_network_modal{
  display:block;
  position:relative;
}
.global_network_modal:after{
  content:"クリック・タップで拡大";
  position:absolute;
  top:calc(50% - 1em);
  left:calc(50% - 6.5em);
  padding:0.5em 1em;
  background:rgba(0,0,0,0.5);
  border-radius:1.5em;
  color:#ffffff;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/* SLICK */
.slick-dots{
  bottom:0;
}
.slick-dotted.slick-slider{
margin-bottom:0;
}
.slick-dots li button:before{
color:#ffffff;
opacity:0.75;
}
.slick-dots li.slick-active button:before{
color:yellow;
opacity:1;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/* HAMBURGER */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 26px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ffffff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 11px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg);
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/* ハンバーガーメニュー関連 */
#header{
  position: sticky;
  background: #ffffff;
  top: 0;
  z-index: 999;
  border-bottom: 3px solid #003399;
}
#header .menu-trigger:hover{
  cursor: pointer;
}
#header .menu-trigger span{
  background-color: #003399 !important;
}
.header_menu{
  display: none;
  box-sizing: border-box;
  max-width: 960px;
  width: 100%;
  line-height: 1.8;
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}
.header_menu_in{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0.5rem;
  background: #ffffff;
  border: 5px solid #003399;
  box-sizing: border-box;
}
.header_menu_in > div + div{
  border-top: 1px solid #003399;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
.header_menu_in .square{
  font-weight: bold;
}
.header_menu_in .square:before{
  background: #003399;
  top: 5px;
}
.header_menu_in li a{
  color: #003399;
}
.header_menu_in li a:hover{
  text-decoration: underline;
}

/*.menu_yoko{
  margin-top: 0.5rem;
}*/
.menu_list ul,
.menu_yoko ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.menu_list li{
  width: calc((100% - 1rem) / 3);
}
.menu_list li + li:not(:nth-child(2n + 1)),
.menu_yoko li + li:not(:nth-child(2n + 1)),
.menu_yoko li:last-child{
  margin-left: 0.5rem;
}
.menu_list li + li:nth-child(n + 4),
.menu_yoko li + li:nth-child(n + 3){
  margin-top: 0.5rem;
}
.menu_yoko li{
  width: calc((100% - 0.5rem) / 2);
}
/*
.menu_yoko li:nth-child(n + 3){
  width: calc((100% - 1rem) / 3);
}
*/
.menu_list li a,
.menu_yoko li a{
  color: #003399;
  display: inline-block;
  padding: 0.3rem;
  border: 1px solid #003399;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.menu_list li a:hover,
.menu_yoko li a:hover{
  background: #003399;
  color: #ffffff;
  text-decoration: none;
}
.menu_navi ul{
  display: flex;
}
.menu_navi ul li:not(:first-child){
  margin-left: 2rem;
}
.menu_navi ul li a{
  display: flex;
  align-items: center;
}

.header_menu_bg{
  display: none;
}
.header_menu_bg.active{
  display: block;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.8);
  position: fixed;
  z-index: 998;
}

.comming_soon{
  pointer-events:none;
  background-color:#acacac!important;
  border:0!important;
  color:#ffffff!important;
}

#go_top{
  position: fixed;
  z-index: 100;
  bottom: 56px;
  right: 20px;
  max-width: 15%;
  width: 60px;
  background: #002063;
}
#go_top img{
  width:100%;
}

@media screen and (min-width: 1024px){
  #go_top:hover{
    opacity:0.75;
  }
}

