@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp.min.css);
html {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  height: 100%;
  font-size: 0.67vw;
  font-size: 62.5%;
}
body {
  margin: 0;
  padding: 0;
  font-family: YakuHanJP,'Montserrat', "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  color: #1e2123;
  font-size: 1.4rem;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  list-style: none;
  display: inline;
  margin-right: 0px;
}
label {
  width: auto;
  max-width: auto;
}
p {
  line-height: 1.8;
}
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?8au1wb');
  src: url('fonts/icomoon.eot?8au1wb#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?8au1wb') format('truetype'), url('fonts/icomoon.woff?8au1wb') format('woff'), url('fonts/icomoon.svg?8au1wb#icomoon') format('svg');
  /*font-weight: normal*/;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  /*font-weight: normal*/;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
  font-size: 10px;
  color: #595757;
}
.icon-home:before {content: "\e900";}.icon-home3:before {content: "\e902";}.icon-pencil:before {content: "\e905";}.icon-pencil2:before {content: "\e906";}.icon-connection:before {content: "\e91b";}.icon-folder:before {content: "\e92f";}.icon-search:before {content: "\e986";}.icon-cross:before {content: "\ea0f";}.icon-checkmark:before {content: "\ea10";}.icon-checkmark2:before {content: "\ea11";}.icon-play3:before {content: "\ea1c";}.icon-arrow-up-left:before {content: "\ea31";}.icon-arrow-up:before {content: "\ea32";}.icon-arrow-up-right:before {content: "\ea33";}.icon-arrow-right:before {content: "\ea34";}.icon-arrow-down-right:before {content: "\ea35";}.icon-arrow-down:before {content: "\ea36";}.icon-arrow-down-left:before {content: "\ea37";}.icon-arrow-left:before {content: "\ea38";}.icon-arrow-up-left2:before {content: "\ea39";}.icon-arrow-up2:before {content: "\ea3a";}.icon-arrow-up-right2:before {content: "\ea3b";}.icon-arrow-right2:before {content: "\ea3c";}.icon-arrow-down-right2:before {content: "\ea3d";}.icon-arrow-down2:before {content: "\ea3e";}.icon-arrow-down-left2:before {content: "\ea3f";}.icon-arrow-left2:before {content: "\ea40";}.icon-circle-up:before {content: "\ea41";}.icon-circle-right:before {content: "\ea42";}.icon-circle-down:before {content: "\ea43";}.icon-circle-left:before {content: "\ea44";}.icon-checkbox-checked:before {content: "\ea52";}.icon-checkbox-unchecked:before {content: "\ea53";}.icon-radio-checked:before {content: "\ea54";}.icon-radio-checked2:before {content: "\ea55";}.icon-radio-unchecked:before {content: "\ea56";}.icon-table2:before {content: "\ea71";}.icon-mail:before {content: "\ea83";}.icon-mail4:before {content: "\ea86";}.icon-facebook2:before {ontent: "\ea91";}.icon-instagram:before {content: "\ea92";}.icon-twitter:before {content: "\ea96";}.icon-file-pdf:before {content: "\eadf";}.icon-new-tab:before {content: "\ea7e";}
/* リンクなど ----------------------------------------------------*/

a {
  text-decoration: underline;
}
a:link {
  text-decoration: underline;
}
a:visited {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a:active {
  color: rgba(71, 71, 71, 1.00);
}
a.tel,a.tel:hover {
  text-decoration: none !important;
  color: inherit !important;
}
/* 汎用 ----------------------------------------------------*/
/* clerfix */
#contents:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.alignright {float: right; margin: 0px 0 10px 20px;}
.alignleft {float: left; margin: 0px 20px 10px 0;}
.imgR, img.alignright { float: right; margin: 7px 0 10px 20px;}
.imgL, img.alignleft { float: left; margin: 7px 20px 10px 0;}
.tC, .btn { text-align: center;}
.tR, .sign { text-align: right;}
.center { text-align: center;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}

/* text ---------------------------------------------------- */
.ac {text-align: center !important;}
.ar {text-align: right !important;}
.al {text-align: left !important;}
.bold{font-weight: bold !important;}
.font10 {font-size: 1rem !important;}.font11 {font-size: 1.1rem !important;}.font12 {font-size: 1.2rem !important;}.font13 {font-size: 1.3rem !important;}.font14 {font-size: 1.4rem !important;}.font15 {font-size: 1.5rem !important;}.font16 {font-size: 1.6rem !important;}.font17 {font-size: 1.7rem !important;}.font18 {font-size: 1.8rem !important;}.font19 {font-size: 1.9rem !important;}.font20 {font-size: 2rem !important;}.font21 {font-size: 2.1rem !important;}.font22 {font-size: 2.2rem !important;}.font23 {font-size: 2.3rem !important;}.font24 {font-size: 2.4rem !important;}.font25 {font-size: 2.5rem !important;}.font26 {font-size: 2.6rem !important;}.font27 {font-size: 2.7rem !important;}.font28 {font-size: 2.8rem !important;}.font29 {font-size: 2.9rem !important;}.font30 {font-size: 3rem !important;}.font31 {font-size: 3.1rem !important;}.font32 {font-size: 3.2rem !important;}.font33 {font-size: 3.3rem !important;}.font34 {font-size: 3.4rem !important;}.font35 {font-size: 3.5rem !important;}.font36 {font-size: 3.6rem !important;}.font37 {font-size: 3.7rem !important;}.font38 {font-size: 3.8rem !important;}.font39 {font-size: 3.9rem !important;}.font40 {font-size: 4rem !important;}.font41 {font-size: 4.1rem !important;}.font42 {font-size: 4.2rem !important;}.font43 {font-size: 4.3rem !important;}.font44 {font-size: 4.4rem !important;}.font45 {font-size: 4.5rem !important;}.font46 {font-size: 4.6rem !important;}.font47 {font-size: 4.7rem !important;}.font48 {font-size: 4.8rem !important;}.font49 {font-size: 4.9rem !important;}.font50 {font-size: 5rem !important;}

/* -float
---------------------------------------------------- */

.fr {float: right !important;}
.fl {float: left !important;}
.clear {clear: both;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix { height: 1px; /*¥*/ /*/ height: auto; overflow: hidden; /**/}

/* clearfix の代用<div class="hr"><hr /></div> ---------------------------------------------------- */

div.hr {clear: both;}
div.hr hr {display: none;}
/* margin ---------------------------------------------------- */
.mt00 {margin-top: rem !important;}.mt05 {margin-top: .5rem !important;}.mt10 {margin-top: 1rem !important;}.mt15 {margin-top: 1.5rem !important;}.mt20 {margin-top: 2rem !important;}.mt25 {margin-top: 2.5rem !important;}.mt30 {margin-top: 3rem !important;}.mt35 {margin-top: 3.5rem !important;}.mt40 {margin-top: 4rem !important;}.mt45 {margin-top: 4.5rem !important;}.mt50  {margin-top: 5rem !important;}.mt55  {margin-top: 5.5rem !important;}.mt60  {margin-top: 6rem !important;}.mt65  {margin-top: 6.5rem !important;}.mt70  {margin-top: 7rem !important;}.mt75  {margin-top: 7.5rem !important;}.mt80  {margin-top: 8rem !important;}.mt85  {margin-top: 8.5rem !important;}.mt90  {margin-top: 9rem !important;}.mt95  {margin-top: 9.5rem !important;}.mt100  {margin-top: 10rem !important;}.mr00  {margin-right: rem !important;}.mr05  {margin-right: .5rem !important;}.mr10  {margin-right: 1rem !important;}.mr15  {margin-right: 1.5rem !important;}.mr20  {margin-right: 2rem !important;}.mr25  {margin-right: 2.5rem !important;}.mr30  {margin-right: 3rem !important;}.mr35  {margin-right: 3.5rem !important;}.mr40  {margin-right: 4rem !important;}.mr45  {margin-right: 4.5rem !important;}.mr50  {margin-right: 5rem !important;}.mr55  {margin-right: 5.5rem !important;}.mr60  {margin-right: 6rem !important;}.mr65  {margin-right: 6.5rem !important;}.mr70  {margin-right: 7rem !important;}.mr75  {margin-right: 7.5rem !important;}.mr80  {margin-right: 8rem !important;}.mr85  {margin-right: 8.5rem !important;}.mr90  {margin-right: 9rem !important;}.mr95  {margin-right: 9.5rem !important;}.mr100  {margin-right: 10rem !important;}.mb00  {margin-bottom: rem !important;}.mb05  {margin-bottom: .5rem !important;}.mb10  {margin-bottom: 1rem !important;}.mb15  {margin-bottom: 1.5rem !important;}.mb20  {margin-bottom: 2rem !important;}.mb25  {margin-bottom: 2.5rem !important;}.mb30  {margin-bottom: 3rem !important;}.mb35  {margin-bottom: 3.5rem !important;}.mb40  {margin-bottom: 4rem !important;}.mb45  {margin-bottom: 4.5rem !important;}.mb50  {margin-bottom: 5rem !important;}.mb55  {margin-bottom: 5.5rem !important;}.mb60  {margin-bottom: 6rem !important;}.mb65  {margin-bottom: 6.5rem !important;}.mb70  {margin-bottom: 7rem !important;}.mb75  {margin-bottom: 7.5rem !important;}.mb80  {margin-bottom: 8rem !important;}.mb85  {margin-bottom: 8.5rem !important;}.mb90  {margin-bottom: 9rem !important;}.mb95  {margin-bottom: 9.5rem !important;}.mb100  {margin-bottom: 10rem !important;}.ml00  {margin-left: rem !important;}.ml05  {margin-left: .5rem !important;}.ml10  {margin-left: 1rem !important;}.ml15  {margin-left: 1.5rem !important;}.ml20  {margin-left: 2rem !important;}.ml25  {margin-left: 2.5rem !important;}.ml30  {margin-left: 3rem !important;}.ml35  {margin-left: 3.5rem !important;}.ml40  {margin-left: 4rem !important;}.ml45  {margin-left: 4.5rem !important;}.ml50  {margin-left: 5rem !important;}.ml55  {margin-left: 5.5rem !important;}.ml60  {margin-left: 6rem !important;}.ml65  {margin-left: 6.5rem !important;}.ml70  {margin-left: 7rem !important;}.ml75  {margin-left: 7.5rem !important;}.ml80  {margin-left: 8rem !important;}.ml85  {margin-left: 8.5rem !important;}.ml90  {margin-left: 9rem !important;}.ml95  {margin-left: 9.5rem !important;}.ml100  {margin-left: 10rem !important;}

/* -padding ---------------------------------------------------- */
.pt00 { padding-top: rem !important;}.pt05 { padding-top: .5rem !important;}.pt10 { padding-top: 1rem !important;}.pt15 { padding-top: 1.5rem !important;}.pt20 { padding-top: 2rem !important;}.pt25 { padding-top: 2.5rem !important;}.pt30 { padding-top: 3rem !important;}.pt35 { padding-top: 3.5rem !important;}.pt40 { padding-top: 4rem !important;}.pt45 { padding-top: 4.5rem !important;}.pt50 { padding-top: 5rem !important;}.pt55 { padding-top: 5.5rem !important;}.pt60 { padding-top: 6rem !important;}.pt65 { padding-top: 6.5rem !important;}.pt70 { padding-top: 7rem !important;}.pt75 { padding-top: 7.5rem !important;}.pt80 { padding-top: 8rem !important;}.pt85 { padding-top: 8.5rem !important;}.pt90 { padding-top: 9rem !important;}.pt95 { padding-top: 9.5rem !important;}.pt100 { padding-top: 10rem !important;}.pr00 { padding-right: rem !important;}.pr05 { padding-right: .5rem !important;}.pr10 { padding-right: 1rem !important;}.pr15 { padding-right: 1.5rem !important;}.pr20 { padding-right: 2rem !important;}.pr25 { padding-right: 2.5rem !important;}.pr30 { padding-right: 3rem !important;}.pr35 { padding-right: 3.5rem !important;}.pr40 { padding-right: 4rem !important;}.pr45 { padding-right: 4.5rem !important;}.pr50 { padding-right: 5rem !important;}.pr55 { padding-right: 5.5rem !important;}.pr60 { padding-right: 6rem !important;}.pr65 { padding-right: 6.5rem !important;}.pr70 { padding-right: 7rem !important;}.pr75 { padding-right: 7.5rem !important;}.pr80 { padding-right: 8rem !important;}.pr85 { padding-right: 8.5rem !important;}.pr90 { padding-right: 9rem !important;}.pr95 { padding-right: 9.5rem !important;}.pr100 { padding-right: 10rem !important;}.pb00 { padding-bottom: rem !important;}.pb05 { padding-bottom: .5rem !important;}.pb10 { padding-bottom: 1rem !important;}.pb15 { padding-bottom: 1.5rem !important;}.pb20 { padding-bottom: 2rem !important;}.pb25 { padding-bottom: 2.5rem !important;}.pb30 { padding-bottom: 3rem !important;}.pb35 { padding-bottom: 3.5rem !important;}.pb40 { padding-bottom: 4rem !important;}.pb45 { padding-bottom: 4.5rem !important;}.pb50 { padding-bottom: 5rem !important;}.pb55 { padding-bottom: 5.5rem !important;}.pb60 { padding-bottom: 6rem !important;}.pb65 { padding-bottom: 6.5rem !important;}.pb70 { padding-bottom: 7rem !important;}.pb75 { padding-bottom: 7.5rem !important;}.pb80 { padding-bottom: 8rem !important;}.pb85 { padding-bottom: 8.5rem !important;}.pb90 { padding-bottom: 9rem !important;}.pb95 { padding-bottom: 9.5rem !important;}.pb100 { padding-bottom: 10rem !important;}.pl00 { padding-left: rem !important;}.pl05 { padding-left: .5rem !important;}.pl10 { padding-left: 1rem !important;}.pl15 { padding-left: 1.5rem !important;}.pl20 { padding-left: 2rem !important;}.pl25 { padding-left: 2.5rem !important;}.pl30 { padding-left: 3rem !important;}.pl35 { padding-left: 3.5rem !important;}.pl40 { padding-left: 4rem !important;}.pl45 { padding-left: 4.5rem !important;}.pl50 { padding-left: 5rem !important;}.pl55 { padding-left: 5.5rem !important;}.pl60 { padding-left: 6rem !important;}.pl65 { padding-left: 6.5rem !important;}.pl70 { padding-left: 7rem !important;}.pl75 { padding-left: 7.5rem !important;}.pl80 { padding-left: 8rem !important;}.pl85 { padding-left: 8.5rem !important;}.pl90 { padding-left: 9rem !important;}.pl95 { padding-left: 9.5rem !important;}.pl100 { padding-left: 10rem !important;}

/*-form
-------------------------------------------------------------------*/
 
.form_small { width:5rem;  height:1.4rem;  font-size:1.2rem;}
.form_middle { width:1.2rem; height:1.4rem; font-size:1.2rem;}
.form_long { width:26rem; height:1.4rem; font-size:1.2rem;}
input,textarea {-moz-box-shadow: inset 1px 4px 5px -6px rgba(0,0,0,0.5);  -webkit-box-shadow: inset 1px 4px 5px -6px rgba(0, 0, 0, 0.5);  box-shadow: inset 1px 4px 5px -6px rgba(0,0,0,0.5); border: 1px solid #ddd; -webkit-border-radius: 0.4rem;  border-radius: 0.4rem;  padding:0.5rem;}

/*	header#globalHeader　----------------------------------------------------*/
header#globalHeader {
}
header#globalHeader nav ul { list-style: none; padding: 0; margin: 0; }
header#globalHeader nav ul li { list-style: none; display: inline; padding: 0; margin: 0; }
header#globalHeader nav ul li a {
  text-decoration: none;
  color: #333333;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1.5rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand img {}
.navbar-brand h1{}
/*トグルボタン----------------------------------*/
.toggle {
  float: right;
  margin-top: 20px;
  margin-right: 5px;
  margin-bottom: 0;
  background-color: transparent;
  border-style: none;
  padding: 0;
}
.toggle:focus {
  outline: none;
}
.pc {
  display: none;
}
@media (min-width: 991px) {
  .toggle {
    display: none;
  }
  .smp {
    display: none;
  }
  .pc {
    display: inline-block;
  }
}
@media (max-width: 991px) {
  .navbar-collapse {
    margin-top: 0px;
    background-color: rgba(0, 0, 0, 0.70);
		padding-bottom: 10px;
  }
}
.navbar-toggle-anime, .navbar-toggle-anime span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.navbar-toggle-anime {
  position: relative;
  width: 26px;
  height: 26px;
}
.navbar-toggle-anime span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #111111;
  border-radius: 4px;
}
.navbar-toggle-anime span:nth-of-type(1) {
  top: 0;
}
.navbar-toggle-anime span:nth-of-type(2) {
  top: 10px;
}
.navbar-toggle-anime span:nth-of-type(3) {
  bottom: 5px;
}
.navbar-toggle-anime.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.navbar-toggle-anime.active span:nth-of-type(2) {
  opacity: 0;
}
.navbar-toggle-anime.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(315deg);
  transform: translateY(-9px) rotate(315deg);
}
header#globalHeader.fixed {
  animation: DownAnime 1s forwards;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
  background-color: #FFFFFF;
}
@keyframes DownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}
/*	footer#globalFooter　----------------------------------------------------*/
footer#globalFooter {
	clear: both;
}
footer#globalFooter nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
footer#globalFooter nav ul li {
	list-style: none;
	display: inline;
	padding: 0 10px;
	margin: 0;
	font-size: 0.8rem;
	position: relative;
}

footer#globalFooter nav ul li + li {
  border-left: 1px solid #333;
}
#page-top {
  right: -50px;
  bottom: 50px;
  position: fixed;
}
#page-top a {
  background-image: url(../images/share/pageTop.png);
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display:block
}
/* copyright　----------------------------------------------------*/
footer#globalFooter p.copyright {
	font-size: 0.8rem;
	text-align: center;
}

/*#　contents ----------------------------------------------------*/
#contents {
}
.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex-start {
	justify-content: flex-start;
}
.flex-center {
	justify-content:center;
}
.flex-end {
	justify-content:flex-end;
}
.flex-around {
	justify-content:space-around;
}
.center_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width:576px) {
	.flex {
		display: block;
	}
}
/*  ------------------------------------------------------------------------------*/
/* BUTTON */

.button {
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 2px solid #333333;
  font-size: 16px;
  color: #333333;
  text-decoration: none!important;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.button:hover {
  background-color: #333333;
  border-color: #333333;
  color: #FFF;
}

/* home ------------------------------------------------------------------------------*/
.wrap {
  display: flex;
  justify-content: space-between;
  width: 100vw;
  height: 100vh;
}
.section {
  width: 25%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px auto;
}
.section {
  
}
@keyframes wideAnime {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.section a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: none;
  transition: 2s;
}
.section a img {
  opacity: 1;
  transition: 2s;
}
.section a:hover img {
  opacity: 0;
  transition: 2s;
}
.title {
  background-color: #FAEE00;
  background-image: url(../images/arrow_bk.svg);
}
.hironari {
  background-color: #ffffff;
  background-image: url(../images/arrow_bk.svg);
}
.arlequin {
  background-color: #231815;
  background-image: url(../images/arrow_bg.svg);
}
.haotaiwan {
  background-color: #E4007F;
  background-image: url(../images/arrow_w.svg);
}
.section a:hover {
  
}
.title a {
  background-color: #FAEE00;
}
.hironari a {
  background-color: #ffffff;
}
.arlequin a {
  background-color: #231815
}
.haotaiwan a {
  background-color: #E4007F;
}
.title a:hover {
  opacity: 0;
}
.hironari a:hover {
   opacity: 0;
}
.arlequin a:hover {
   opacity: 0;
}
.haotaiwan a:hover {
   opacity: 0;
}
/*　Media Queries　-------------------------------------------------------*/
@media (max-width:1280px) {}
@media (max-width:1120px) {}
@media (max-width:1024px) {}
@media (max-width:768px) {}
@media (max-width:576px) {}
@media (max-width:414px) {}
@media (max-width:320px) {}