@charset "utf-8";
/* CSS Document */
/**/ body {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 1.8em;
color:#333333;
overflow-x: hidden; /* 右側の隙間解決～横スクロールバー非表示 */
}
/**/a:link { color:#333333; transition: 1.0s }
/**/a:hover { color:#333333; opacity: 0.8; text-decoration: none; }
/**/a:visited { color:#333333 }
/**/a:active { color:#333333 }

/**/  /* レスポンシブのフォントサイズ指定　（仮）------------ */
@media (max-width: 575.98px)                            { html { font-size: 90%;} h1 { font-size: 2rem;} h2 { font-size: 1.8rem;} h3 { font-size: 1.5rem;} h4 { font-size: 1.26rem;}   h5{ font-size: 1.1rem; line-height: 1.8rem}}
@media (min-width: 576px) and (max-width: 767.98px)    { html { font-size: 90%;} h1 { font-size: 2.3rem;} h2 { font-size: 1.8rem;} h3 { font-size: 1.6rem;}}
@media (min-width: 768px) and (max-width: 991.98px)    { html { font-size: 90%;} h1 { font-size: 2.4rem;} h2 { font-size: 1.8rem;} h3 { font-size: 1.8rem;}}
@media (min-width: 992px) and (max-width: 1199.98px)    {  html { font-size: 90%;} h1 { font-size: 3rem;}}
@media (min-width: 1200px)                                {  html { font-size: 100%;}}

/* 固定ナビ対策 ------------ */
a.anchor{
display: block;
padding-top: 80px;
margin-top: -80px;
}

/* tableかぶせ ------------ */
/**/.table { color: #333333;}
.table { border-bottom: 1px solid #dee2e6;}

/* Navかぶせ ------------ */
/*.navbar { color:#424242;}
.navbar a { color:#424242}
.bg-light { background-color: rgba(255,255,255,0.87) !important;}
.navbar-light .navbar-toggler { color: rgba(0,0,0,.5);border-color:rgba(0,0,0,0);}
.navbar-light .navbar-toggler { color: rgba(0,0,0,.5);border-color: rgba(0,0,0,0);}
.dropdown-toggle::after { display:none;} /*dropdownトグルを消去（Nav以外も適用・注意）*/
/*.dropdown-menu {
color: #424242;
background-color: rgba(255,255,255,0.87);
border: 1px solid rgba(0,0,0,0.08);
border-radius: 0;
}
.dropdown-menu a:hover { color: #424242;}
@media only screen and (min-width : 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}*/
button[aria-expanded="true"] > span {
position: relative;
display: none;
}
button[aria-expanded="true"]::after {
position: absolute;
top: 12px;
right: 28px;
font-size: 28px;
content: "✕";
}

/**/.bg-dark { background-color: #333333 !important }
/*.navbar-brand { font-size: 1rem; }*/
/**/.navbar-dark .navbar-nav .nav-link { color: #ffffff; }
/**/.nav_jpn  { background:#3298FF; padding: 0.03em 1em 0.19em 0.96em; font-size:0.98rem }
/**/.navbar-dark .navbar-toggler { color: rgba(255,255,255,1.00); border-color: rgba(255,255,255,0.00); }
/**/.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

/* Carouselかぶせ ------------ */
/**/.carousel-caption {
  position: absolute;
  right: 15%;
  top: 12%;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}


/* パンくずかぶせ ------------ */
.breadcrumb { 
background-color:rgba(255,255,255,0.00);
font-size:0.9rem;
letter-spacing: -0.05em;
padding: 6px
}


/* jumbotronかぶせ ------------ */

/**/.jumbotron_01 {  
background-image: url("../img/en_bg02.jpg");
background-size:cover;
background-position:bottom ;
}
/**/.jumbotron_02 {  
background-image: url("../img/en_bg03.jpg");
background-size:cover;
background-position:top ;
margin-bottom: 0;
min-height:570px;
}
/**/@media (max-width: 575.98px) {.jumbotron_02 {  
min-height:220px;
}}
/**/.jumbotron_03 {  
background-image: url("../img/en_bg04.jpg");
background-size:cover;
background-position:bottom ;
}
/**/.jumbotron_04 {  
background-image: url("../img/en_bg05.jpg");
background-size:cover;
background-position:top ;
margin-bottom: 0;
min-height:570px;
}
/**/@media (max-width: 575.98px) {.jumbotron_04 {  
min-height:220px;}}
/**/.jumbotron_05 {  
background-image: url("../img/en_bg06.jpg");
background-size:cover;
background-position:bottom ;
}


/* footerかぶせ ------------ */
.footer { font-size:0.7rem; background: #000000; color:#ffffff;}

/* 上に戻る ------------------------- */
/**/#goto_top {
display:none;
position:fixed;
bottom:20px;
right:10px;
margin: 0;
padding: 0;
cursor:pointer;
z-index: 10;
}

/* ふわ --------------- */
.imghover {
  border-radius: 50%;
  transition: all 0.6s ease 0s;
}
.imghover:hover {
  cursor: pointer;
  transform: scale(1.05, 1.05);
}
.btn_required { border-radius: 6px; color:#ffffff; background-color: #FF6668; font-size:0.76em; padding:2px 4px; vertical-align:0.16em;}

/* Other --------------- */
/**/.bg_01 { background-image: url("../img/en_bg01.jpg"); background-position:left center; background-repeat: repeat-x; min-height: 500px; }
/**/@media (max-width: 575.98px) {.bg_01 { min-height: 300px; }}
/**/.bg_02 { background-image: url("../img/en_bg01.jpg"); background-position:right center; background-repeat: repeat-x; min-height: 500px; }
/**/@media (max-width: 575.98px) {.bg_02 { min-height: 300px; }}
/**/.bg_3 {background-color: #FFF3F0; }
/**/.bg_04 { border: 1px solid #B2B2B2; background-color:rgba(255,255,255,0.22); padding: 28px 15px 18px 15px; margin-bottom: 20px; }


/* sp_ ------------ */
.sp_01 { padding-right:20px }
@media (max-width: 575.98px) {.sp_02 { margin-top: 12px } }
@media (max-width: 575.98px) {.sp_03 { margin-top: 0 } }
.sp_04 { padding:0 !important; }
.sp_05 { padding-bottom: 0 !important;}
.sp_06 { padding:36px}
.sp_07 { margin-top:50px}
.sp_08 { padding:8px 18px}
.sp_09 { padding-right:10px }
@media (min-width: 1200px) {.sp_10 { margin:38px 0 30px 0 }}
@media (max-width: 1200px) {.sp_11 { padding-top:20px;margin-bottom:20px}}
.sp_12 { margin:38px 0 30px 0; }
.sp_13 { margin-bottom:50px; }
.sp_14 { margin:10px 0 10px 0; }
.sp_15 { margin:20px 0 60px 0; }
.sp_16 { margin:30px 0 20px 0; }
.sp_17 { margin-top:70px}
.sp_18 { margin-bottom:-90px}
.sp_19 { margin:20px 0 40px 0; }
.sp_20 { margin-bottom:70px; }
@media (max-width: 575.98px) {.sp_21 { max-width:116px } }
@media (min-width: 576px) and (max-width: 767.98px) {.sp_21 { max-width:146px } }
.sp_22 { margin-top:120px}
.sp_23 { margin-bottom:400px;}
.sp_24 { margin-bottom:30px;}
.sp_25 { padding: 80px 15px; }
.sp_26 { padding-bottom:60px; }
.sp_27 { margin:0; }

/* fo_ ------------ */
.lato900 { font-family: 'Lato', sans-serif; font-weight:900}
.noto400 { font-family:'Noto Sans JP', sans-serif; font-weight:400}
.noto700 { font-family:'Noto Sans JP', sans-serif; font-weight:700}
.notoserif600 {font-family: 'Noto Serif JP', serif; font-weight:600}
.fo_shadow01 { color:#ffffff; text-shadow:2px 2px 5px #414140; letter-spacing: -0.05em;}
.fo_shadow02 { color:#ffffff; letter-spacing: 0.2em; text-shadow: 0 -3px 3px #565555, -3px 0 3px #565555, 3px 0 3px #565555;}

/**/.fo_01 { font-size:1.0em;}
/**/.fo_02 { color:#ffffff}
.fo_03 { color:#0068CA} /* ブルー */
.fo_04 { color:#FF7E00} /* やまぶき */
.fo_05 { font-size:2.8em;}
/**/.fo_06 { font-size:1.1rem; }
.fo_07 { line-height: 1.05em }
.fo_08 { font-size:1rem;}
.fo_09 { line-height:1.78em }
/**/.fo_10 { letter-spacing: 0.03em;}
/**/.fo_11 { font-size:1.2rem; line-height: 2.16rem}
.fo_12 { color:#A8A8A8}
.fo_13 { color:#929292}
/**/.fo_14 { line-height: 1rem; }
/**/.fo_15 { text-shadow:0px 0px 6px rgba(0,0,0,0.7);}
/**/.fo_16 { font-size:2.1rem; }