/*
Template: liquid-light
Theme Name: ecad
Theme URI: https://lqd.jp/wp/liquid.html
Description: LIQUID is Responsive Web Design+ (RWD+) theme, based on Bootstrap 4. RWD+ is a unique feature. You can switch the mobile display and PC display on smartphones.
Author: LIQUID DESIGN Ltd.
Author URI: https://lqd.jp/wp/
License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-header, custom-menu, featured-images, threaded-comments, translation-ready

Text Domain: liquid-light
Version: 1.0.1
*/
@charset "UTF-8";

/*****common*****************************************/
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("//fonts.googleapis.com/earlyaccess/sawarabimincho.css");
@import url("//fonts.googleapis.com/css?family=Roboto:400,300,700italic,700,500&subset=latin,latin-ext");



html {
   overflow-y:scroll;
 }

body {
   margin: 0;
   padding: 0;
   color: #333;
   background: #fff url(img/main_bg.png);
}

img{
   height: auto;
   max-width : 100%;
}

.backstretch-item img{
   max-width : none !important;
}



i{margin-right: 5px;}


.category-name{
   padding: 1.0rem 0;
   margin: 0;
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
   text-align: center;
}

h1{font-size: 1.8rem;}
h2{font-size: 1.8rem; margin-bottom: 1.6rem;font-weight: 200;}
h3{ font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 1.13rem;
    font-weight: bold;
}

h2.jp-en{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
   padding: 1rem 0 4px;
   margin: 0 auto;
   line-height: 1.6;
   }

h2.jp-en + p{
   border-top: 1px solid #000;
   text-align: center;
   width: 50%;
   margin: 0 auto 24px;
}

figure {text-align: center;}

figure a {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

figure a img {
    transition: transform 0.4s ease-out;
}
figure a:hover img {
  transform: scale(1.1);
}
a {  color: #007bff;}


.breadcrumb {
    background-color: #f9f9f9;
    border-radius: 0;
    padding: .5em 0em;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 0.85rem;
}

.inline-box{
	display: inline-block;
	border: 1px solid #333;
	padding: 0px 3px;
	margin: 0 3px;
}


/*--btreset--*/

li#menu-item-29{
   border-bottom: none;
}
.navbar{
   padding: 0rem 0rem;
   border-bottom: none;
}
.navbar {
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 0px solid #00aeef;
    box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0);
    -o-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0);
    -ms-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0);
}

.jumbotron{
   margin: 0 0 0;
    border-radius: 0px;
    padding: 0rem;
}

.home .jumbotron{
	overflow: hidden;
   	/*height: 500px;*/
	display: flex;
}

.container-fluid,
.container{
   padding: 32px 15px;
}

.container.nopad{
   padding: 0px 0px;
}


#header .container,
#header .container-fluid{
   padding: 10px 0;
   transition: all .15s linear;
}

#header.short .container,
#header.short .container-fluid {
   padding: 8px 0;
}
#header h1{font-family: 'Noto Sans Japanese', serif; font-weight: 900;font-size: 1rem;}
#header a {  color: #333;}
.container.no-gap,
.container-fluid.no-gap,
#home .jumbotron .container{
   padding: 0 15px;
}

#header-main .container-fluid{
   position: relative;
}

.logo{
   line-height: 1;
   padding: 0;
   font-size: x-large;
   display: block;
}

.logo img {
    width: auto !important;
    height: auto !important;
    max-width: initial !important;
}


.nav-item a{
   display:block;
   width: 100%;
   /*border-radius: 4px;*/
   color: #474747;
}

.nav-item a:hover{ background: none;}

.navbar-light .navbar-toggler { background: rgba(255,255,255,1);}

br.m-br {display: none;}

.foot .sns {text-align: center;padding: 0;}

.anker-tag {position: absolute; top: -150px;}



 .photo a img{
   width: 100%;
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
    background: #000;

}
.photo a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.bg-info {color: #fff;}



.sub-menu-position{
   position: relative;
}

.sub-menu-position > .col-auto{
   position: static !important;
}
/*--home-style--*/

.home_style_0 h2{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 1.3rem;
    color: #333;
    font-weight:bold;
    text-align: left;
    margin-bottom: 1.6rem;
    position: relative;
    border-bottom: solid 0px #ddd
}



.home_style_0 .icon {
    background: url(img/h-icon3.png) left top no-repeat;
    padding: 8px 0 16px 80px;
    margin-bottom: 1.6rem;
}

.home_style_0_ .b_dot{border-bottom: 3px  dotted #00a199;}
.home_style_0 .normal-size{font-size: 2rem;}
.home_style_0 .normal-size-border{font-size: 2rem; border-bottom: 3px dotted #00a199; margin-bottom: 1.6rem;}
.home_style_0 p{margin: 1.6rem 0; line-height: 1.6;}


.home_style_0 h3{
   font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;

    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: 500;
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
}
.home_style_0 .v{padding: 0.7rem 0 0 0.7rem!important;}

.home_style_0 h4{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 5px solid #333d61;
    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: 500;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}
.home_style_0 .grade {
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    text-align: left;
    font-weight: 500;
    margin-bottom: 0rem;
    line-height: -1;
    font-size: 1rem;
    display: block;
}
.home_style_0 .mat {
    padding: 3.2rem 1.6rem;
    background: rgba(255, 255, 255, 0.8);
}
.mb_3{ margin-bottom: 3rem!important;}


/*--decoration-top-style--*/

.top_style_0{ font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;}
.top_style_0 .text-block p {
    text-align: center;
    color: #333;
    font-weight: normal;
    padding: 5px;
}

.top_style_0 .text-block h1 {
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 0rem;
}

.top_style_0 .text-block {
    /*height: 150px;*/
    display: table;
   /*border: 1px solid #fff;*/
    background: rgba(255, 255, 255, 0);
    margin: 30px auto 10px;
    padding: 1rem;
    font-size: 1rem;
}


.top_style_1 .text-block p {
    height: 150px;
    text-align: center;
    color: #333;
    font-weight: normal;
    padding: 5px;
}

.top_style_1 .text-block h1 {
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 1.6rem;
}


.top_style_1 .text-block {
    padding: 180px 0 80px 0;
    /*width: 300px;*/
    height: 300px;
    display: table;
    margin: 30px auto 10px;
   /* background: rgba(15, 24, 35, 0.8);}*/
}

.top_style_1 .text-block2 {
    padding: 180px 0 180px 0;
    /*width: 300px;*/
    height: 300px;
    display: table;
    margin: 30px auto 10px;
    /*background: rgba(255, 255, 255, 0.8);*/
}


.top_style_1 .text-block2 h1 {
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    text-align: left;
    color: #333;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 1rem;
    line-height: 1.2;
}




.top_style_2 .text-block p {
    text-align: center;
    color: #623c75;
    font-weight: 100;
    background: #fff;
    padding: 5px;
}

.top_style_2 .text-block h1 {
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-size: 2.8rem;
}

.top_style_2 .text-block {
    width: 300px;
    height: 300px;
    display: table;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0);}



.top_style_3 .text-block p {
    text-align: center;
    color: #623c75;
    font-weight: 100;
    background: #fff;
    padding: 5px;
}

.top_style_3 .text-block h1 {
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-size: 2.4rem;
}

.top_style_3 .text-block {
    width: 300px;
    height: 300px;
    display: table;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0);}


.top_style_4 .text-block p {    text-align: center;    color: #623c75;    font-weight: 100;    background: #fff;    padding: 5px;}
.top_style_4 .text-block h1 {    text-align: center;    color: #fff;    font-weight: 100;    font-size: 2rem;}
.top_style_4 .text-block {    width: 300px;    height: 300px;    display: table;    border: 1px solid #fff;   background: rgba(15, 24, 35, 0.8);}


.top_style_5 .text-block p {    text-align: center;    color: #623c75;    font-weight: 100;    background: #fff;    padding: 5px;}
.top_style_5 .text-block h1,
.top_style_5 .text-block p.category-name{    text-align: center;    color: #fff;    font-weight: 100;    font-size: 2rem; background: none;}
.top_style_5 .text-block {    width: 300px;    height: 300px;    display: table;    border: 1px solid #fff;    background: rgba(255, 255, 255, 0);}


.top_style_6 .text-block p {
    text-align: center;
    color: #623c75;
    font-weight: 100;
    background: #fff;
    padding: 5px;
}

.top_style_6 .text-block h1 {
    text-align: center;
    color: #fff;
    font-weight: 100;
    font-size: 2rem;
}

.top_style_6 .text-block {
    margin: 150px auto;
    width: 300px;
    height: 300px;
    display: table;
    border: 1px solid #fff;
   background: rgba(15, 24, 35, 0.8);}



/*--lead-style-style--*/


.lead_style_0 h2{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 1.8rem;
    color: #666666;
    font-weight: 500;
    text-align: center;
    margin: 1.6rem 0;
}

.lead_style_0 h2 + p{
    font-size: 1rem;
    font-weight: 200;
    color: #5d5d5b;
    text-align: left;
    line-height: 1.6;
    padding-bottom: 1.6rem;
}
.lead_style_0 h3{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
     font-size: 1.13rem;
    font-weight: 500;
    text-align: left;
    color: #5d5d5b;
   padding: 0 0 1.0rem 0;}

.lead_style_0 h3 + p{
    font-size: 1rem;
    font-weight: 200;
    color: #5d5d5b;
    text-align: left;
    padding-bottom: 1.6rem;
}

.lead_style_0 p{
    font-size: 1rem;
    font-weight: 200;
    color: #5d5d5b;
    text-align: left;
    padding-bottom: 1.6rem;
}

/*
h2 {
    position: relative;
    border-bottom: solid 1px #000;
}*/




/*.lead_style_1{border-top:1px solid #444444; border-bottom: 1px solid #444444;}*/

.lead_style_1 h2{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 1.6rem 0;
    padding-bottom: 0.5rem;
    position: relative;
    border-bottom: solid 1px #000;
    text-indent: 1rem;
}
.lead_style_1 h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 1px;
    bottom: -1px;
    left: 0;
    background: #045EF8;
}
.lead_style_1 h2 + p{
    font-size: 1rem;
    font-weight: normal;
    color: #333;
    text-align: center;
    line-height: 1.6;
    padding-bottom: 1.6rem;
    margin: 0 auto;
}
.lead_style_1 h3{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-weight: bold;
    text-align: center;
    color: #333;
   padding: 0 0 1.0rem 0;}

.lead_style_1 h3 + p{
    font-size: 1rem;
    font-weight: 200;
    color: #1da199;
    text-align: left;
    padding-bottom: 1.6rem;
}

.lead_style_1 p{
    font-size: 1rem;
    font-weight: 200;
    color: #1da199;
    text-align: left;
    padding-bottom: 1.6rem;
}
.lead_style_1 h2 .center{text-align: center!important;}
.lead_style_1 p.center{text-align: center!important;}

.lead_style_2 h2{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 2rem;
    color: #1da199;
    font-weight: 200;
    text-align: center;
    margin: 1.6rem 0;
    border-top:1px solid #00a199;
    border-bottom: 1px solid #00a199;
}









/*--decoration-style--*/



.style_0 h2{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 1.3rem;
    color: #5d5d5b;
    font-weight:normal;
    text-align: center;
    margin-bottom: 1.6rem;
}



.style_0 h3{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    text-align: center;
    padding: 0 0 0 0.7rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
}

.style_0 h4{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 8px solid #333d61;
    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: 500;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}
.style_0 .grade {
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    text-align: left;
    font-weight: 500;
    margin-bottom: 0rem;
    line-height: -1;
    font-size: 1rem;
    display: block;
}

.style_0 .mat{ padding: 3.2rem 1.6rem; background: rgba(255, 255, 255, 0.8);border: 1px solid #ccc;}

.style_1 h2{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 1.3rem;
    color: #333;
    font-weight: bold;
    text-align: left;
    margin: 0 0 1.6rem 0;
    padding-bottom: 0.5rem;
    position: relative;
    border-bottom: solid 1px #000;
}
.style_1 h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 1px;
    bottom: -1px;
    left: 0;
    background: #045EF8;
}

.style_1 .b_dot{border-bottom: 5px  dotted #00a199;}
.style_1 .normal-size{font-size: 2rem;}
.style_1 .normal-size-border{font-size: 2rem; border-bottom: 5px dotted #00a199; margin-bottom: 1.6rem;}
.style_1 p{margin-bottom: 1.6rem; line-height: 1.6;/*font-size:0.93rem;*/}
.style_1 .ts{ font-size: 0.9rem; line-height: 1.4;}
.style_1 .tss{ font-size: 0.8rem; line-height: 1.4;}

.style_1 h3{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 8px solid #174885;
    text-align: left;
    padding: 0 0 0 0.6rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 1.6rem;
}

.style_1 h4{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 8px solid #63A9FC;
    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: bold;
    color: #63A9FC;
    font-size: 1rem;
    margin-bottom: 1rem;
}

 .style_1.exc_1 h4 {
     border-left: 8px solid #333 !important;
    color: #333 !important;
}
.exc_1 i.far.fa-file-archive  {
    font-size: 100px;
}
.exc_1 i.far.fa-file-pdf {
  color: #F80000;
}
.exc_1 i.far.fa-file-pdf,
.exc_1 i.far.fa-file-video {
  font-size: 30px;
}
.style_1.exfs_1 h3{font-size: 0.994rem!important;}
.style_1 .exlh_1{line-height: 2.3;} 

.guide_file a{
  margin: 0.5rem;
}
.guide_file {
  display: flex;
  flex-direction: column;
}



.style_2 h2{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 2rem;
    color: #1da199;
    font-weight: 200;
    text-align: center;
    border-top:1px solid #00a199;
    margin-bottom: 0;
}


.style_2 h4{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 8px solid #1da199;
    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: 400;
    color: #1da199;
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.style_2 h3{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 8px solid #1da199;
    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: 400;
    color: #1da199;
    margin-bottom: 1.6rem;

}

.style_2 p{margin-bottom: 1.6rem; line-height: 1.6;}
.style_2 .h_color{color: #1da199;}

.style_2 h2 + p{
    font-size: 1rem;
    font-weight: 200;
    color: #1da199;
    text-align: center;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #00a199;
}




.style_3 h2{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 1.8rem;
    color: #1da199;
    font-weight: 200;
    text-align: center;
    border-top: 3px dotted #00a199;
    border-bottom: 3px dotted #00a199;
    margin-bottom: 1.6rem;
}

.style_3 .b_dot{border-bottom: 3px dotted #00a199;}
.style_3 .normal-size{font-size: 2rem;}
.style_3 .ex_style p{ font-size: 1.2rem; font-weight: 200; color: #1da199; text-align: center;  padding-bottom: 1.6rem;}
.style_3 p{margin-bottom: 1.6rem; line-height: 1.6;}
.style_3 ul li{margin-bottom: 1.6rem; line-height: 1.6;}

.style_3 h3{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 8px solid #1da199;
    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: 400;
    color: #1da199;
    margin-bottom: 1.6rem;

}

.style_4 h2{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    font-size: 1.8rem;
    color: #5d5d5b;
    font-weight: 200;
    text-align: center;
    border-bottom: 1px solid #5d5d5b;
    border-bottom: 1px solid #5d5d5b;
    margin-bottom: 1.6rem;
}




/*--list-style--*/


.list_style_1 ul li,
.list_style_1 ol li {
   margin-bottom: 30px;
   position: relative;
   padding: 3px 0 0 60px;
    list-style: none;
}

.list_style_1 span {
   background: #1a4986;
    padding-top: 8px;
    text-align: center;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 1.2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.5rem;
}
.list_style_1 h4 {text-align: left; padding: 0rem 0; margin-bottom: 1.6rem; color: #1da199;}
.list_style_1 ol li.adjust-space01 {padding-bottom: 20px;}
.list_style_1 ol li.adjust-space02 {padding-bottom: 40px;}


.list_style_2 ul li,
.list_style_2 ol li {
   margin-bottom: 1rem;
   position: relative;
   padding: 3px 0 0 0;
}

.list_style_3 li,
.list_style_3 li {
   margin-bottom: 1rem;
   position: relative;
   padding: 3px 0 0 0;
    list-style: none;
}
.tag {
  line-height: 1.5;
  float: right;
}
.tag ul{
	margin: 0;
	padding: 0;
}


.tag> .list {
  display: block;
}

.tag> .list li {
    text-align: center;
    background: #174885;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
}


.list-auto{
    text-align: center;
    background: #69c086;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    min-width: 70px;
    line-height: 1.7;
}



.list-qup{
    text-align: center;
    background: #f3aa61;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    min-width: 70px;
    line-height: 1.7;
}

.list-sei{
    text-align: center;
    background: #6e6eca;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    line-height: 1.7;
}


.list-slead{
    text-align: center;
    background: #d85656;
    display: block;
    float: left;
    padding: 3px 3px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    line-height: 1.7;
}

.list-nor{
    text-align: center;
    background: #d35dd3;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    min-width: 70px;
    line-height: 1.7;
}


.list-eff{
    text-align: center;
    background: #fbc300;
    display: block;
    float: left;
    padding: 3px 3px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    min-width: 70px;
    line-height: 1.7;
}

.list-dlead{
    text-align: center;
    background: #ffa200;
    display: block;
    float: left;
    padding: 3px 3px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    line-height: 1.7;
}

.list-acc{
    text-align: center;
    background: #9dca43;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    min-width: 70px;
    line-height: 1.7;
}



.list-wir{
    text-align: center;
    background: #805ca5;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    margin-right: 0.2rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    width: 50px;
    line-height: 1.7; 
}


.list-dcx{
    text-align: center;
    background: #3399ff;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    margin-right: 0.2rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    width: 50px;
    line-height: 1.7;
}


.list-dio{
    text-align: center;
    background: #30c2f3;
    display: block;
    float: left;
    padding: 3px 8px;
    margin-bottom: 1rem;
    margin-right: 0.2rem;
    font-size: 0.7rem;
    color: #fff;
    height: 1.5rem;
    width: 50px;
    line-height: 1.7;
}






.dl_style_0 dt{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    color: #333;
    width: 100px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 0.95rem;
    padding: 3px 0;
    margin-right: 1rem;
}

.dl_style_0 dd{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    margin: 0 0 1.6rem;
    line-height: 2;
    font-size: 0.95rem;
    list-style-position: inside;
    color: #333;
    font-weight: normal;
    padding: 0 0 0 120px;
}
.dl_style_0 dt .no-f{float: none!important;}



.dl_style_1 dt{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    background: #fff;
    color: #174885;
    border: 1px solid #174885;
    width: 100px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 0.95rem;
    padding: 3px 0;
    margin-right: 1rem;
}

.dl_style_1 dd{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    margin: 0 0 1.6rem;
    line-height: 2;
    font-size: 0.95rem;
    list-style-position: inside;
    color: #333;
    font-weight: normal;
    padding: 0 0 0 120px;
}
.dl_style_1 dt .no-f{float: none!important;}


.dl_style_1.width-ex-130 dt {width: 130px!important;}

.dl_style_2{}

.dl_style_2 dt {
    margin-top: 0;
    padding: 0.3em 0;
    color: #FFF;
    background-color: #63a9fc;
    font-weight: 500;
    text-align: center;
    font-size: 1.1rem;}

.dl_style_2 dd {
    padding: 1rem;
    margin-left: 0;
    font-size: 1rem;
    border-width: 0 1px 1px;
    border-style: none solid solid;
    border-color: #63a9fc;
    text-align: left;
    margin-bottom: 0;
}

.dl_style_2 .left dt {text-align: left!important;}
.dl_style_2 .left dd {text-align: left!important;}
.dl_style_2 .col2 dl dt { background-color: #D16769!important;}
.dl_style_2 .col2 dd{ border-style: none solid solid #D16769!important;}

.dl_style_3 {
  float: left;
  width: 20%;
  height: 4em;
  padding: 1%;
  margin: .4em 1%;
  text-align: center;
  background-color: #dfefff;
  border: 2px solid #069;
  border-radius: 3px;
}
.dl_style_3 dt { border-bottom: 1px dotted #069; }
.dl_style_3 dd { margin-left: 0; font-size: .8em;}

.dl_style_4 ul { float: left;}
.dl_style_4 ul li {font-size: 1rem;    padding-top: 5px;}
.dl_style_4 dl { margin: 1rem 0; background: #fff;}
.dl_style_4 dt {
    float: left;
    width: 20%;
    font-size: 1rem;
    font-weight: 600;
    min-height: 150px;
    text-align: center;
   }
.dl_style_4 dd {
    float: right;
    width: 80%;
    font-size: 1rem;
    margin-bottom: 0;
    border-bottom: 1px dotted #666;
}

.dl_style_4 img { float: right; margin-left: 20px; width: 150px; height:150px; }
.dl_style_4 .mon_name{  font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;font-size: 1.4rem; font-weight: 300; color: #fff;}



.dl_style_5 dt{
    font-size: 1.1rem;
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    float: left;
    width: 20%;
    display: block;
    font-size: 1.1rem;
    font-weight: 100;
    background: #1a4986;
    padding: 10px;
    margin: 0 30px 0 0;
    text-align: center;
    color: #fff;
    border-radius: 80px 80px 0 80px;
}

.dl_style_5 dd{
    font-size: 1.1rem;
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    float: left;
    width: 65%;
    display: block;
    margin: 0 0 30px 0;
    line-height: 1.6;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #7B7B7B;
}


.dl_style_6 dt{
    font-size: 1.1rem;
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    color: #fff;
    background: #1a4986;
    text-align: center;
    padding: 5px;
    border-radius: 80px 80px 0 80px;
    margin: 0.5rem 0rem;
    width: 120px;
    font-weight: 200;
}

.dl_style_6 dd{
    margin-bottom: 1.6rem;
    line-height: 1.6;
    font-size: 1rem;
    padding-left: 1rem;
}

.dl_style_7{
	margin: 0;
	padding: 0;
}

.dl_style_7 dt,
.dl_style_7 dd{
	margin:0 0 16px;
	padding:0 0 1rem 42px;
	position: relative;
}

.dl_style_7 dt:before,
.dl_style_7 dd:before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	z-index: 40;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

.dl_style_7 dt:before{
	content: "Q";
	background: #1a4986;
	color: #fff;
}

.dl_style_7 dd:before{
	content: "A";
	background: #fff;
	color: #64A4F9;
	border: 1px solid #64A4F9;
}

/*--tel--*/

.tel_style_1 ul{
   margin: 0;
   padding: 0;
}

.tel_style_1 ul li{
   list-style: none;
   margin: 0;
   padding: 0;
}

.tel_style_1 ul li span{
   display: inline-block;
   padding: 1px 28px;
   margin: 0 10px 0 0;
   border: 1px solid #1da199;
   font-size: .895rem;
   color: #1da199;
}


/*--btn-style--*/

input{margin: 0.5rem;}

a.btn_01{
    display: inline-block;
    padding: 5px 15px;
    background: #1a4986;
    border-radius: 1px;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
    width: 260px;
	margin: 0.5rem;
}

a.btn_01,
p.btn_01{
    display: inline-block;
    padding: 8px 30px;
    background: #1a4986;
    border-radius: 1px;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
}

a.btn_01:hover{
   background: #64A4F9;
   text-decoration: none;
   color: #fff;
}

a.btn_01.exc_1,
p.btn_01.exc_1{ background: #498154;}

a.btn_01.exc_1:hover{
   background: #64AF4E!important;
   text-decoration: none;
   color: #fff;
}

a.btn_01.exc_2,
p.btn_01.exc_2{ background: #6d685e;}

a.btn_01.exc_2:hover{
   background: #a39d92!important;
   text-decoration: none;
   color: #fff;
}

a.btn_02,
p.btn_02{
    display: inline-block;
    padding: 8px 30px;
    background: #1a4986;
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem;
    background-color: #ee7c02;
    border-bottom: 1px solid rgba(145,58,0,1.0);
    border-radius: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1rem;
}

a.btn_02:hover{
   background-color: #f99f45;
   text-decoration: none;
   color: #fff;
}


a.btn_03, p.btn_03 {
    display: inline-block;
    padding: 4px 30px;
    background: #ffffff;
    border-radius: 1px;
    color: #174885!important;
    text-decoration: none;
    font-size: 0.95rem;
    text-align: center;
    border: 1px solid #1a4986;
    width: 260px;
}

a.btn_03:hover{
   background: #64A4F9;
   text-decoration: none;
   border: 1px solid #64A4F9;
   color: #fff!important;
}










a.btn_red{
    display: inline-block;
    padding: 5px 15px;
    background: #1a4986;
    border-radius: 1px;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    text-align: center;
}

a.btn_red,
p.btn_red{
    display: inline-block;
    padding: 8px 30px;
    background: #770A22;
    border-radius: 1px;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    text-align: center;
}



a.btn_blue{
    display: inline-block;
    padding: 5px 15px;
    background: #1a4986;
    border-radius: 1px;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    text-align: center;

}

a.btn_blue,
p.btn_blue{
    display: inline-block;
    padding: 8px 30px;
    background: #041860;
    border-radius: 1px;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    text-align: center;
}



.btn_01 .fa-file-pdf-o ,
.btn_02 .fa-file-pdf-o ,
.btn_red .fa-file-pdf-o ,
.btn_blue .fa-file-pdf-o {
    font-size: 1.4rem!important;
    color: #fff;
}



.vanish {
    display: inline-block;
    color: #00a199;
    font-weight: bold;
}




.width-ex{width: 100%!important;}
.width-ex-150{width: 150px!important;}




.h3_1 h3{
     font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 8px solid #333d61;
    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: 500;
    margin-bottom: 1.6rem;

}


/* ----- table ----- */
.item01{
  width:140px;
}
.item02{
  width:290px;
}
.item03{
  width:200px;
  text-align:center;
}
.item04{
  width:200px;
  text-align:center;
}
.item05{
  width:200px;
  text-align:center;

}

input[type="file"] {
    width: 100%;
}
.initial{color: #000!important;}
.edit{color: darkorange!important;}


.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
  box-sizing: border-box;
}
.table.fix-th th{ 
	white-space: nowrap;
    min-width: 150px;
	text-align: center;}

th.narrow{ 
	white-space: nowrap;
    min-width: 100px!important;
	text-align: center;}


table.fix-ht{ 
    height: 500px;
	overflow: scroll;
}

.btn {
    white-space: normal;
}

.btn-xl {
    padding: 1rem 1rem;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.btn-xl i{
   padding : 0 10px 0 0;
}
#mega-menu-wrap-global-menu #mega-menu-global-menu > li.mega-menu-item {
    border-left: 1px solid #999;
}

#mega-menu-wrap-global-menu #mega-menu-global-menu > li.mega-function-btn{
   border-left: none !important;
}


/*----------------------------header--*/

#header{
   z-index: 100;
   width: 100%;
   background: #fff;
   transition: all .15s linear;
}

#header.standby{
   position: fixed;
   left: 0;
   top: -100px;
}

#header.short{
   top: -50px;
}

#header span{
   margin: 0 0.5rem 0 0; font-weight: bold;
}

[class*='col-'] {
    overflow:visible;
}

/*--menu-header-navi--*/
#menu-header-navi li{
   margin: 0 0 0 6px;
}

#menu-header-navi li a{
   padding: 6px 14px;
   background: #335997;
   display: inline-block;
   color: #fff;
   font-size: 0.895rem;
   transition: all 0.2s linear;
}

#menu-header-navi li a:hover{
   background: #446BA9;
   color: #fff;
   text-decoration: none;
}



/*--head-navi--*/

.global-area {
   padding: 20px 0 0 ;
   transition: all .15s linear;
}

#header.short .global-area {
   padding: 8px 0 0 ;
}

#mega-menu-global-menu{
   display: flex !important;
}

#mega-menu-global-menu li {
   border-left: 1px solid #333;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -ms-flex-negative: 0;
}

#mega-menu-global-menu li:last-child{
   border-right: 1px solid #333;
}

#mega-menu-global-menu li a{
   padding: 2px 10px;
   display: block;
   text-align: center;
}

#mega-menu-wrap-global-menu #mega-menu-global-menu > li.mega-menu-item > a.mega-menu-link {
   text-align: center !important;
}
.mega-function-btn{
   padding: 0 0 0 4px !important;
}

.mega-function-btn.mega-function-first{
   padding: 0 0 0 15px !important; 
}


.mega-function-btn a{
   border: 1px solid #666 !important;
   background: #ffffff !important;
   color: #333 !important;
}

.mega-separat{
    border-right: 1px solid #F191A1 !important;
}

.short ul#menu-global2i{
   margin: 0 0 3px;
}

ul#menu-global2 li a{
   font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
   padding: 0 0 0 10px;
   margin: 0 6px;
   position: relative;
   font-size: .8rem;
   display: block;
   color: #7c7b7b;
   font-weight: normal;
}

ul#menu-global2 li a::before {
   content: '\f152';
   display: block;
   width: 8px;
   height: 16px;
   font-size: 0.65rem;
   font-family: "Font Awesome 5 Free";
   font-weight: bold;
   position: absolute;
   left: 0px;
   top: 3px;
}

ul#menu-head-navi li a:hover{
   text-decoration: none;
}

.mega-function-btn a{
   border: 1px solid #666 !important;
   background: #fff!important;
   color: #333 !important;
}

.login_header a{
   border: 1px solid #666 !important;
   background: #ffffff !important;
   color: #333 !important;
   padding: 5px 1rem;
   font-size: 0.9rem;
   list-style-type: none!important;
   height: 30px;
   text-decoration: none;
   text-align: center;}

ul.login_header {
    padding-left: 0;}   


.login_header li{
    list-style-type: none;
    float: left;
    margin: 0 0.5rem;}

/*------------------------------main------*/

#main{
   clear:both;
   padding: 0 0 0 0;
}

#header + #main.short {
   padding: 100px 0 0 0;
}

#movie-content{
	/*margin: -286px 0;*/
	background: #f0f0f0;
}

.movie-content{
/*	 position: fixed;
	 right: 0;
	left: 0;
	 bottom: 0;
	 z-index: -30;
	 background: url('img/firstframe.jpg') no-repeat;
	 background-size: cover;
	 min-height: 100%;
	 width: auto;
*/
	 min-width: 100%;
	 height: auto;
}

.movie-content + .container-fluid{
	position: relative;
	z-index: 2;
}
/*------------------------------footer------*/
   
#footer{
   width: 100%;
   margin: 0 auto;
   padding: 20px 0 0 ;
   float: left;
}

.copy{
   background: #6d685d;
   padding: 20px 0;
   color: #fff;
   text-align: center;
   font-size: 0.95rem;
   width: 100%;
}
.foot-logo figure{ margin: 0 auto 1rem;}
.foot-logo p{ margin: 0 auto 0.5rem; font-size: 0.8rem; color: #333;}
.foot-logo h3{ margin: 0 auto 0.5rem; font-size: 1rem; color: #333; text-align: center; font-weight: bold;}
/*--foot-navi--*/

#footer-navi ul{
	margin: 0 0 32px;
	padding: 0;
}

#footer-navi li{
	list-style :none;

}

#footer-navi li a{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    display: block;
    font-size: 0.9rem;
    margin: 0 0 0.5rem;
    padding: 2px 0;
    text-align: center;
    font-weight: 400;
    color: #333!important;
}

#footer-navi li li a{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
	font-size: 0.89rem!important;
	margin: 0;
	border-left: none;
	border-right: none;
	/*text-align: left;*/
}


#footer-navi ul li a:first-child {
    font-weight: bold;

}
/*------------------------------float-navi------*/
#float-navi{
   background: white;
   width: 100%;
   position: fixed;
   left: 0;
   bottom: -100px;
   transition: all .1s linear;
   box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
    z-index: 800;

}

#float-navi.appear{
   bottom: 0;
}
#float-navi i.fas.fa-chevron-circle-up {
    font-size: 2.5rem;
    color: gray;
}
.float-navi {
    margin: 0.8rem 1rem 0 1rem;
}


/*=======hero=========================*/




/*--index--*/
.bg-01   {background: #fff;}
.bg-02   {background: #D5D5D5;}
.bg-03   {background: rgba(0,0,0,.0);}
.bg-04    {background: #fee5ac;}
.bg-05    {background: url(img/bg-05.jpg) center top /cover no-repeat;}
.bg-06   {background: rgba(2, 2, 27, 0.93);}


.bread-bg{background-color: #f9f9f9;}

/*--index--*/
.mbg-01   {background: url(img/top_bg.jpg) center top /cover no-repeat;}
.mbg-02   {background: url(img/top_01.jpg) left center  no-repeat;}
.mbg-03   {background: url(img/top_02.jpg) right center  no-repeat;}
.mbg-04   {background: url(img/top_03.jpg) left center  no-repeat;}
.mbg-05   {background: url(img/top_04.jpg) right center  no-repeat;}
.mbg-06   {background: url(img/top_bg3.jpg) right center  no-repeat;}

.index_bg_01 {background: url(img/index_bg_01.jpg) left top /cover no-repeat; height: 700px;}
.index_bg_02 {background: url(img/index_bg_02.jpg) center top /cover no-repeat;}
.index_bg_03 {background: url(img/index_bg_03.jpg) center top /cover no-repeat;}
.index_bg_04 {background: url(img/index_bg_04.jpg) center top /cover no-repeat;}
    
.bg-ecad_dcx{background: url("img/bg-ecad_dcx.jpg") left top /cover no-repeat;}
.bg-ecad_dcx_1{background: url("img/bg-ecad_dcx_1.jpg") center top /cover no-repeat;}
.bg-ecad_dcx_2{background: url("img/bg-ecad_dcx_2.jpg") center top /cover no-repeat;}
.bg-ecad_dcx_3{background: url("img/bg-ecad_dcx_3.jpg") center top /cover no-repeat;}
.bg-ecad_dcx_4{background: url("img/bg-ecad_dcx_4.jpg") center top /cover no-repeat;}
.bg-ecad_dcx_5{background: url("img/bg-ecad_dcx_5.jpg") center top /cover no-repeat;}

.bg-ecad_dio{background: url("img/bg-ecad_dio.jpg") left top /cover no-repeat;}
.bg-ecad_dio_1{background: url("img/bg-ecad_dio_1.jpg") center top /cover no-repeat;}
.bg-ecad_dio_2{background: url("img/bg-ecad_dio_2.jpg") center top /cover no-repeat;}
.bg-ecad_dio_3{background: url("img/bg-ecad_dio_3.jpg") center top /cover no-repeat;}
.bg-ecad_dio_4{background: url("img/bg-ecad_dio_4.jpg") center top /cover no-repeat;}
/*--letter spacing--*/

.ls-01   {letter-spacing: -0.01em;}
.ls-02   {letter-spacing: -0.02em;}
.ls-03   {letter-spacing: -0.03em;}
.ls-04   {letter-spacing: -0.04em;}
.ls-05   {letter-spacing: -0.05em;}
.ls-06   {letter-spacing: -0.06em;}
.ls-07   {letter-spacing: -0.07em;}
.ls-08   {letter-spacing: -0.08em;}
.ls-09   {letter-spacing: -0.09em;}

/*--fixed-height--*/
.fixed-height-00{height: 800px;}
.fixed-height-01{height: 700px;}
.fixed-height-02{height: 600px;}
.fixed-height-03{height: 120px;}
.fixed-height-04{height: 60px;}
/*--separate--*/

.separate{
   border-bottom: 1px dashed #000;
}

/*--event info--*/

.event-info .container {
    padding: 32px 15px 0;
}

.event-info a{
   display: block;
   position: relative;
}

.event-info figure{
   margin :0;
}

.event-info dl{
   margin: 0 ;
   padding: 0;
   position: absolute;
   bottom: 0;
   left:0;
   width: 100%;
   display: flex;
   background: rgba(255,255,255,.75);
   align-items: stretch;
   -webkit-align-items: stretch;

}

.event-info dt{
   width: 70px;
   text-align: center;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   -webkit-align-items: center;
   -webkit-justify-content: center; 
   font-weight: normal;
   font-size: 0.895rem;
   }

.event-info dd span{
   display: block;
}


.event-info dd{
   flex: 1;
   color : #474747;
   padding: 10px;
   margin: 0;
   font-size: 0.895rem;
}

.jhs,.hs,.all{
   color: #fff !important;
}

.jhs{
   background: #8F2230 !important;
}

.hs{
   background: #312870 !important;
}

.all{
   background: #FF7701 !important;
}
.attention{border: 1px solid #5d5d5b; padding: 1rem 0 0 0; margin: 1rem 0;}

/*--info p--*/

.event-info a p{
    font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
    color: #fff;
   /*color: #474747;*/
   font-size: 1rem;
    font-weight: 500;
}

.event-info p{
   margin: 0 ;
   padding: 10px;
   position: absolute;
   bottom: 0;
   left:0;
    background: rgba(25, 11, 11, 0.75);
   width: 100%;
}


.event-info p span {
    display: block;
    font-size: 0.9rem;
    display: block;
    padding: 1px;
    font-size: 10px;
    width: 80px;
    border: 1px solid #fff;
    text-align: center;
}
.event-info .col-md-6:nth-child(odd) p{
   border-left: 50px solid #8F2230;
}

.event-info .col-md-6:nth-child(even) p{
   border-left: 50px solid #312870;
}

.event-group{
background: rgba(0,0,0,1);
}

.event-group a{
   overflow: hidden;
}


/*--news--*/

#news-area{
	height: 400px;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #ccc;
	box-sizing: border-box;
    padding: 1rem;
}

.news-list {
   margin: 0;
   padding: 0;
}
.news-list li {
   list-style: none;
   margin: 0 0 16px;
   padding: 0 0 16px;
   width: 100%;
   border-bottom: 1px dotted #dee2e6;
}

.news-list li:last-child {
   border-bottom: none;
}

.news-list li .news-cat {
   display: inline-block;
   margin: 0 6px 0 0;
   padding: 2px 10px;
   color: #fff;
   font-size: 0.895rem;
}

.news-list li .news-date {
   font-size: 0.895rem;
}
.news-list li .news-title a {
   color: #361B11;
}
.news-list li .news-text {
   font-size: 0.895rem;
}

.news-list li .news-date + div{
   position: relative;
   width: 100%;
}

.news-list li dl {
   margin: 6px 0 0;
   padding: 0 115px 0 0;
}

.news-list .eyecatch{
   width: 100px;
   height: 100px;
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   overflow: hidden;
   vertical-align: middle;
   /*border: 1px solid #ccc;*/
   box-sizing: border-box;
}

.news-list .eyecatch a{
   display: flex;
   height: 100px;
   align-items: center;
}




.tab-pane .news-list{
   padding: 30px;
   width: 100%;
   height: 188px;
   border-left: 1px solid #dee2e6;
   border-right: 1px solid #dee2e6;
   border-bottom: 1px solid #dee2e6;
   overflow-x: hidden;
   background: rgba(255,255,255,.8);
}

.tab-pane .news-list + p{
   width: 100%;
}

.tab-pane .news-list + p a{
   text-align: center;
   font-size: 0.9rem;
   background: #b0b0b0;
   padding: 6px 0;
   color: #fff;
   display: block;
   width: 100%;
   text-decoration: none;
}

.tab-pane .news-list + p a:hover{
   background: #999999;
   text-decoration: none;
}
.news-cat {
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 2px 10px;
    color: #fff;
    font-size: 0.895rem;
}
dt .news-date {
    font-size: 0.895rem; font-weight: normal;
}

.news-list li .news-title a {  color: #361B11;}
.news-cat.news{ background: #FFAD32;}
.news-cat.support{ background: #6d685e;}
.news-cat.admission{ background: #362e9b;}
.news-cat.products{ background: #3475b3;}
.news-cat.notice{background: #6956a1;}
.news-cat.event{background: #df761c;}
.news-cat.library{background: #498154;}
.news-cat.activity{background: #F7DC35; color: #333!important;}
.news-cat.art_course,.news-cat.art_course_01,.news-cat.art_course_02{ background: #E6506E;}
.news-cat.special_course_01,.news-cat.special_course_02{background: #3091CE;}
.news-cat.total_course_01,.news-cat.total_course_02{background: #F7DC35; color: #333 !important; }

.news-cat{color: #fff;}




.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #eb3c55;
    border-color: #dee2e6 #dee2e6 #fff;
   border-radius: 4px 4px 0 0 ;
}

#newstab1.active{background: #6956a1; color: #fff;}
#newstab2.active{background: #3475b3;color: #fff;}
#newstab3.active{background: #df761c; color: #fff;}
#newstab4.active{background: #F7DC35; color: #333;}
#newstab5.active{background: #3091CE; color: #fff;}
#newstab6.active{background: #EC6A7D; color: #fff;}





.nav-tabs {
    border-bottom: 2px solid #dee2e6;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link{
   border: none;
}

.nav-tabs .nav-link:hover{
   color: #fff;
}

.nav-tabs .nav-link.active:hover{
   color: #fff;
}
/*--nav--*/

#news-home .nav-item{
width: 25%;
}

#news-home .nav-pills .nav-link {
border-radius: 0;
padding: 4px 0;
text-align: center;
color: #fff;
}

.nav-item:first-child a{background: #fff !important; border: 1px solid #6F6F6F; color: #333 !important;}
.nav-item:nth-child(2) a{background: #6956A1; border: 1px solid #6956A1;}
.nav-item:nth-child(3) a{background: #3475B3; border: 1px solid #3475B3;}
.nav-item:last-child a{background: #E0761C; border: 1px solid #E0761C;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: initial;
    background-color:  initial;
}


.nav-link{
	position: relative;
}

.nav-link::after{
	content: '';
	display: block;
	height: 10px;
	width: 10px;
	transform: rotate(-45deg);
	bottom: -6px;
	left: 47%;
	position: absolute;
	opacity: 0;
	transition: all .1s linear;
	-moz-transition: all .1s linear;
}

.nav-item:first-child .nav-link::after{
	background: #fff;
	border-left: 1px solid #6f6f6f;
	border-bottom: 1px solid #6f6f6f;
}

.nav-item:nth-child(2) .nav-link::after{
	background: #6A549C;
	border-left: 1px solid #6A549C;
	border-bottom: 1px solid #6A549C;
}

.nav-item:nth-child(3) .nav-link::after{
	background: #3473AF;
	border-left: 1px solid #3473AF;
	border-bottom: 1px solid #3473AF;
}

.nav-item:last-child .nav-link::after{
	background: #E1762A;
	border-left: 1px solid #E1762A;
	border-bottom: 1px solid #E1762A;
}

.nav-link.active::after{
	opacity: 1;
}

.tab-pane dl{
width: 100%;
padding: 25px 25px 0 25px ;
box-sizing: border-box;
}

.archive-btn a{
display: block;
color: #fff;
background: #C7C7C7;
padding: 4px 0;
text-align: center;
width: 100%; 
}

.tab-content dl dt{
margin: 0 0 4px;
}

.tab-content dl dd{
	margin: 0 0 10px;
	padding: 0 0 10px;
    border-bottom: 1px solid #d0d0d0;
}

.news-cat {
width: 140px;
text-align: center;
}

/*--usertype-area--*/

.usertype-area input[type="radio"]:checked + label {
    background: #174885;
	color: #fff;
}

.usertype-area input[type="radio"] {
    display: none;
}

.usertype-area ul{
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid #ccc;
	overflow: hidden;
	}

.usertype-area li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.usertype-area li label{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 8px 0;
	margin : 0;
	cursor: pointer;
}

.usertype-area li{
	width: 50%;
}



/*--broken--*/

.broken,
.broken-right{
   position:  relative;
}

.broken-text{
   position:  absolute;
   left: 2%;
   z-index: 80;
}

.broken-right .broken-text {
   left: auto;
   right: 2%;
}

.broken-textbox{
   padding: 3.2rem 1.6rem;
   background: #fff;
}

.broken-textbox-mat{
   padding: 3.2rem 1.6rem;
   background: rgba(255, 255, 255, 0.93);
}

.broken img{
   margin: 0;
}




/* ICT Education page */

.ict-education ol li {
   margin-bottom: 30px;
   position: relative;
   padding: 3px 0 0 60px;
    list-style: none;
}

.ict-education span {
   background: #1a4986;
    padding-top: 8px;
    text-align: center;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 1.2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.5rem;
}

ol li.adjust-space01 {
   padding-bottom: 20px;
}
ol li.adjust-space02 {
   padding-bottom: 40px;
}
/*--circle--*/

.circle-area{
   width: 100%;
   }

.circle   {
   border-radius: 50%;
   display: table;
   margin: 0 auto;
   vertical-align: middle;
   text-align: center;
   }

.circle .circle-text{
   height: 100%;
   width: 100%;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   margin: 0;
   padding: 20px;
   box-sizing: border-box;
}

.circle-01 p{
   margin: 0;
   color: #fff;
}

.circle-01{
   width: 160px;
   height: 160px;
   background: #FF7E1E;
   margin: 0 auto;
}

.cir-li ol li {
   margin-bottom: 30px;
   position: relative;
   padding: 10px 0 0 80px;
}

.cir-li span {
   background: #077082;
    padding-top: 8px;
    text-align: center;
    color: white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 1.2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 32px;
}


/*--form--*/

form p {
   display: table;
   /*padding: 10px 0;*/
   margin: 0;
   /*border-top: 1px dotted #ccc;*/
   width: 100%;
}

form p:first-child{
   border-top: none;
}

form label{
   /*width: auto;*/
   width: 250px;
   padding: 0 10px 0 0 ;
   display: table-cell;
   vertical-align: top;
   font-weight: 700;
}

form label + span{
   display: table-cell;
   vertical-align: top;
}

form label + span label{
   width: auto;
}

label > span.badge{
   font-size: 80%;
   font-weight: normal;
   display: inline-block;
   margin: 0 0 0 6px;
}
.caution{color: #D70003;}
.red{color: #D70003;}
span.required,

.form-group label span.required{
   background: #1fafdc;
   color: #fff;
   line-height: 1.6;
   padding: 0 10px;
   margin: 0 8px;
   border-radius: 6px;
   vertical-align: middle;
   display: inline-block;
   font-size: 80%;
   }

.form-group label span.required{
   margin: 0 0 0 8px;
}
.df label {
    width: 250px;
    padding: 0 10px 0 0;
    display: table-cell;
    vertical-align: top;
    float: left;
    margin-left: 5px;
    line-height: 0.8;
}



p.buttons-area-confirm {
   text-align: center;
}

p.buttons-area-confirm input{
   display: inline-block;
   margin: 2px;
   padding: 14px 0;
   width: 120px;
   text-align:center;
   cursor: pointer;
}

p.buttons-area-confirm input.submit-btn{
   background: #3B75C0;
   color: #fff;
}

p.buttons-area-confirm input.submit-btn:hover{
   background: #5C89C3;
}
#zip1{width: 4em;}
#zip2{width: 5em;}
.zip-hyphen{padding: 0 4px;}
.form-control {border: 1px solid #a8a8a8;}

#policy{border:1px solid #555; padding: 1rem; font-size: 0.9rem; }
#policy li{margin: 1rem 0;}
/*--button--*/

.btn{
   position: relative;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.btn:hover:before{
   content:'';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left:0;
   background: rgba(255,255,255,0.2);
}

.btn-xlg, .btn-group-xlg>.btn {
    padding: 20px 32px;
    font-size: 150%;
    line-height: 1.3333333;
    border-radius: 6px;
}

.fa-file-pdf-o{font-size: 2rem!important; color: orangered;}


/*--contact-button--*/

.contact-button{
   background: #dfdfdf;
   display: block;
   color: #fff;
   transition: background 0.3s ease-out;
   width: 100%;
}

.contact-button-inner{
   background: #a6a6a6;
   transition: background 0.3s ease-out;
}

.contact-button:hover{
   background: #D4D4D4;
   text-decoration: none;
   color: #fff;
}

.contact-button:hover .contact-button-inner{
   background: #586b84;
}

.contact-button p{
   margin: 0;
   padding: 40px 0;
   font-size: 1.2rem;
   line-height: 1.6;
}

.contact-button p span{
   display: block;
   text-align: center;
   border-top: 1px solid #fff;
   padding: 0 10px;
   margin: 0 auto;
   width: 30%;
   font-size: 1rem;
   
}


/*--telno--*/

.telno{
   color: #565656;
   font-size: 2.2rem;
   margin : 0;
}

.telno span{
   font-size: 1.3rem;
}

.telno i{
   padding: 0 10px 0 0;
}

.telno strong{
   display: block;
   text-align: center;
   font-size: 1.5rem;
   font-weight: normal;
}

.telno span{
   display: block;
   text-align: center;
   font-size: 1rem;
}

/*--list--*/

.ullist-2 li{
   width: 50%;
   float: left;
   color: #fff;
}
/*--home slide--*/





#slide-content{
   position: relative;
   padding: 10vh 0 0;
}


#slide-content .slide-main{
   margin: 0 0 10vh;
}


#slide-content #bg-slide-area{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: -99;
   margin: 0;
   padding: 0;
}

#slide-content #bg-slide-area li{
   position: absolute;
   left: 0;
   top:0;
   list-style: none;
   padding: 0;
   margin: 0;
   display: none;
}

#slide-content #bg-slide-area li:first-child{
   display: block;
}

#slide-area li img,
.slide-main li img{
   display: block;
   margin: 0 auto;
}

#slide-area,
#thumb-area,
.slide-main,
.slide-navi,
#bg-slide-area{
   margin: 0;
   padding: 0;
}

.slick-slide{
   cursor: pointer;
}


.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}


.slide-navi li.pv-btn:first-child {
    background: rgba(228,228,228,.5);
}


/*--modal-navi--*/

#navi-button{
   display: none;
}



/*--mobile-footer--*/


#mobile-footer{
   display: none;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 5000;
}

#mobile-footer ul{
   width: 100%;
   margin:0;
   padding: 0;
   overflow: hidden;
   background: #fff;
}

#mobile-footer ul li{
   width: 25%;
   padding: 0;
   float: left;
   list-style: none;
}

#mobile-footer ul li a{
   display: block;   
   border-left: 1px solid #fff;
   text-align: center;
   padding: 4px 0;
   background: #1a4986;
   color: #fff;
   position: relative;
   font-size: .7rem;
}

#mobile-footer ul li a:hover{ background: #fff;}


#mobile-footer ul li:first-child a{
   border-left: none;
}

#mobile-footer ul li a::before{
   display: block;
   width: 50px;
   height: 40px;
   margin: 0 auto;
   font-size: 1.8rem;
   font-family: fontAwesome;
}

.mn-01 a::before{
   content: '\f095';
}

.mn-02 a::before{
   content: '\f0f6';
}

.mn-03 a::before{
   content: '\f129';
}

.mn-04 a::before{
   content: '\f0c9';
}




/*--mobile-menu-modal--*/


.mobile-menu a {color: #fff;}
.mobile-menu a:first-child{font-size: 1.3rem; font-weight: bold;}
.mobile-menu ul{padding-left: 0;margin: 1rem 0;

}

.mobile-menu ul li a:hover,
#mobile-footer ul li a:hover{text-decoration: none;}

.mobile-menu ul li {
    list-style: none;
    margin: 0.5rem auto;
    border-bottom: 1px solid #fff;
    padding: 0.5rem 0.1rem;
    font-size: 1rem;
}





.sub-menu ul{margin-top: 1rem; list-style: none;}

.sub-menu li{ list-style: none;}

.sub-menu li a { color: #999!important; font-size: 1rem!important; font-weight:normal!important;}
.sub-menu li a:visited { color: #999!important;}
    
.mobile-menu .box{list-style: none;padding: 0.5rem; width: 100%; border:1px solid #333; text-align: center; margin-bottom: 1rem;} 



#modal-navi .modal-content {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 15px;
    background: initial;
    border: none;
    border-radius: 0;
}

.modal-content-main{
   width: 100%;
   padding: 20px;
   border-radius: 4px;
}



.close-modal-navi p{
   text-align: right;
   padding: 10px 15px;
   cursor: pointer;
   display: block;
}

.close-modal-navi i{color: #fff;  font-size: 1.6rem;}


#modal-navi{ background:rgba(39, 39, 39, 0.94) !important;}



    
#head_back{
   position: relative;
   position: fixed;
   right: 15px;
    bottom: 75px;
   z-index: 99;
   display: none;
}

#head_back i{
   display: block;
   margin: 0 auto;
   font-size: 2.2rem;
}

#head_back p{
   margin: 0 auto;
   padding: 0;
   text-align: center;
   color: #fff;
   font-size: .675rem;
}

#head_back p a{
   padding: 4px 10px 10px;
   margin: 0;
   display: block;
   border-radius: 2px;
   background: rgba(0,0,0,.7);
}

#head_back a:link,
#head_back a:active,
#head_back a:visited{
   color:#fff;
   text-decoration: none;
}

#head_back a:hover {
   color: #f66;
   text-decoration: none;
}




/*--table--*/

.cell-center th,
.cell-center td{
   text-align: center;
}

.table-01,
.table-01 + p{
   margin: 0 0 32px;
}


.table-01 thead th{
   background: rgba(29, 161, 153, .8);
   color: #fff;
}

.table-01 thead th:first-child{
   width: 76%
}

.table-01 tbody tr td:first-child{
   background: rgba(234,234,234,.8);
   font-weight: normal;
}

.table-01 tbody td{
   background: rgba(255,255,255,.8);
}


/*--single archive--*/


.sidebar .widgets{
   padding: 10px;
   margin: 0;
}

.sidebar ul{
   margin: 0;
   padding: 0;
}

.sidebar ul li{
   margin: 0 0 10px;
   padding:  3px 0 13px;
   list-style: none;
   font-size: 1rem;
    border-bottom: 1px dotted #5d5d5b;
}

.sidebar ul li:last-child{
   border: none;
}

.sidebar ul li span{
   font-size: 0.895rem;
   display: block;
}

.widget{
   border-top: 1px solid #c3c3c3;
   padding: 16px 0;
   margin: 0;
}

.sidebar #archive-x ul li{
	margin: 0 0 2px;
	padding: 0;
	list-style: none;
	border-bottom: none;
}

.sidebar #archive-x ul li a{
	padding: 0 0 0 10px;
	border-left: 6px solid #375fa0;
	line-height: 1;
}

#archive-x.widget{
	border-top: none;
	padding: 0 0 26px;
	margin: 0 0 16px;
}

.widget .ttl {
   margin: 0;
   padding: 0 0 3px;
}

#archive-x.widget .ttl {
    padding: 0 0 10px;
}

.ttl span {
    display: inline-block;
    padding: 0;
    border-bottom: none;
}

.widget select{
   display: block;
   width: 100%;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.post h1,
.content.archive h1{
   text-align: left;
}

.archive-list h2{
   font-size: 1.2rem;
   text-align: left;
}

.archive-list{
   padding: 0 0 16px;
   margin: 0 0 16px;
   border-bottom: 1px dotted #ced4da;

}




/*--megamenu-js--*/

.menu-container {
    width: 80%;
    margin: 0 auto;
    background: #e9e9e9;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li a {
    display: block;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #f0f0f0;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}

/*--Micro interaction--*/
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #03A9F4;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	/*padding: 2em;*/
	color: #fff;
	text-transform: uppercase;
	/*font-size: 1.25em;*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption a {color: #fff!important;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	/*background: #df4e4e;*/
}

figure.effect-goliath img,
figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath h2,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1rem;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 0.9rem;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
}

figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



/* ƒJƒŒƒ“ƒ_[ˆΪs*/


table.cal {
    width: 100%;
    table-layout: fixed;
}

div.cal_wrapper {
	padding: 10px 0px;
}
div.schedule_wrapper {
	padding: 10px 0px;
	/*width: 750px;*/
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
	margin: 0 auto;
}
div.schedule_wrapper h3 {
    padding: 0 10px;
    font-weight: bold;
    margin: 10px;
    font-size: 1rem;
    color: #666;

}
div.schedule_wrapper div.schedule_list {
	padding: 0px 10px;
	margin: 0px;
}
div.schedule_wrapper div.schedule_list ol {
	padding: 0px;
	margin: 5px auto;
	border-top: solid 1px #CCC;
}
div.schedule_wrapper div.schedule_list ol li {
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-size: 14px;
	line-height: 1.5em;
}
div.schedule_wrapper div.schedule_list ol li:hover {
	text-decoration: underline;
}
div.cal_wrapper table.cal tr th p {
	float: left;
	padding: 5px;
	margin: 0px;
	color: #666;
    font-size: 1.3rem;
}
div.cal_wrapper table.cal tr th div.cal_ui {
	float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	border: solid 1px #CCC;
	background-color: #FFF;
	font-size: 16px;
	margin: 0px 1px;
	padding: 1px 5px;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td {
	border-top: solid 1px #EEE;
}
div.cal_wrapper table.cal tr td {
    font-size: 1.3rem;
	text-align: center;
	padding: 2px
}
div.cal_wrapper table.cal tr.headline td {
	padding: 5px 0px;
	color: #666;
}
div.cal_wrapper table.cal tr.headline {
	background-color: #EEE;
}
div.cal_wrapper table.cal tr td div {
    position: relative;
    padding: 5px 0;
    font-size: 1.2rem;
    text-align: center;
    background-color: #FFF;
    border-radius: 3px;
    width: auto;
}


div.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 280px;
	border: solid 2px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5;
	box-shadow: 1px 1px 3px #666;
	font-size:1rem;
}

/* ƒNƒ‰ƒXŽw’θ */

div.cal_wrapper table.cal tr td div.Sat {
    color: #369ce6;
}
div.cal_wrapper table.cal tr td div.Sun {
    color: #ea5d5d;
}
div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
}
div.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE;
}
div.cal_wrapper table.cal tr td div.Holyday {
	font-weight: bolder;
	color: #F00;
	background-color: #FEE;
}
div.cal_wrapper table.cal tr td div.Birthday {
	font-weight: bolder;
	background-color: #EEF;
	color: #090;
	border-radius: 3px;
}


div.cal_wrapper table.cal tr td div.Honsha {
	font-weight: bolder;
	background-color:#dbdbfd;
	color:#7070c7;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.Osaka {
	font-weight: bolder;
    background-color: #daffda;
	color: #090;
	border-radius: 3px;
}

div.cal_wrapper table.cal tr td div.backward {
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}

/*--teams--*/

.teams_style{
	padding: 30px;
	font-family: "ŸΰƒSƒVƒbƒN Medium" , YuGothic, "Yu Gothic" , "ƒqƒ‰ƒMƒmŠpƒS Pro", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo , sans-serif;
}

.teams_style h1{
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 0;
	margin: 0 0 16px;
}
.teams_style h2{
	text-align: left;
	color: #333;
	font-weight: bold;
	font-size: 1.3rem;
	padding: 0;
	margin: 0 0 16px;
}
.teams_style dt{
	font-size: 1.16rem;
	padding: 2px 0;
	font-weight: bold;
}

.teams_style dd{
	padding: 2px 0;
	margin: 0 0 32px;
}

.teams_style dd ol,
.teams_style dd ul{
	margin: 4px 0 0 ;
}

.teams_style dd ul li{
	list-style: disc;
}

.teams_style dd dl{
	padding: 0 0 0 1.4rem;
	margin: 4px 0 0 ;
}

.teams_style dd dl dt{
	font-size: 1.02rem;
	font-weight: normal;
	padding: 0;
}

.teams_style dd dl dd{
	margin: 0 0 4px;
	padding: 0;
}

.teams_style ol {

}

.teams_style ol li{
	padding: 0;
    margin: 0.5rem auto;
}

.teams_style ol li ul{
	margin: 12px 0 ;
}

.teams_style ol li ul li{
	list-style: disc;
}

iframe[name=kiyaku],
iframe[name=keiyaku]{
	border: 1px solid #ccc;
}

/*-formˆΪs--*/

#addForm .control{
	position: relative;
}

.control p{
	display: none;
}

#addForm .control p{
    display: block;
    width: 29px;
    height: 29px;
    padding:3px 5px 0 6px;
    box-sizing: border-box;
    background: #444;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 2rem;
    font-weight: bold;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
}


#addForm .control p:hover{
	background: #777;
}

#addForm .control p i {
    position: absolute;
    top: 5px;
    left: 8px;
    font-size: 1.3rem;
}

/*--megamenu-mobile--*/


@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}



/*======rws===============*/


@media screen and (max-width: 1920px) {.top_style_1 .text-block2 {margin: 30px auto 0px;}}
@media screen and (max-width: 1780px) {.top_style_1 .text-block2 {margin: 30px auto 0px 675px;}}
@media screen and (max-width: 1160px) {
    

.top_style_1 .text-block2 {
    padding: 150px 0 150px 0;
    margin: 30px auto 10px;
   background: rgba(255, 255, 255, 0.8);
}
#mega-menu-wrap-global-menu #mega-menu-global-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 3px 0px 3px;
    line-height: 30px;
    height: 30px;
    font-size: 0.8rem;
}
}



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

a.nav-link {
    white-space: nowrap; 
  font-size: .85rem;
}
#mega-menu-wrap-global-menu #mega-menu-global-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 3px 0px 3px;
    line-height: 20px;
    height: 20px;
    font-size: 0.625rem;
}
.mega-function-btn.mega-function-first {
    padding: 0 0 0 5px !important;
}
    
#mobile-footer{
   display: block;
}
#footer-navi {
    display: none;
}
}



@media screen and (max-width: 920px) {
/*--home heroŒό‚―--*/
	.home .jumbotron {
	   /* height: 250px;*/
	}

	.movie-content {
	    margin: 0;
	}

}

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

#slide-content{
   position: relative;
   padding: 3vh 0;
}


.head-navi,
.head-navi2,
.global{
   display: none;
}




  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br {
    display: none;
  }

.broken-text{
   position:  static;
   left: 0;
}

.textbox-mat{
    padding: 3.2rem 15px;
}
.head-navi,
.head-navi2,
.global{
	display: none;
}


    
.telno strong {
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: normal;
}
    
.telno strong {
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: normal;
} 
}

@media screen and (max-width: 575px) {
    
.top_style_1 .text-block2 h1 {
    color: #333;
    font-weight: 900;
    font-size: 1.25rem;
    padding: 15px;
}

#foot-navi ul li{
   text-align: center;
}

.dl_style_1 dd {font-size: 1rem;}
    
.dl_style_5 dt{width: 100%;}
.dl_style_5 dd{width: 100%;}
    
.login_header li{
    list-style-type: none;
    float: none;
    margin: 0 0 1rem;}
    
    
ul.login_header { padding-left: 0;}   
.login_header a{width: 100%;   display: inline-block;}
span.required, .form-group label span.required { margin: 0 0px;}
  
.sub-menu li a { color: #fff!important; font-size: 1rem!important; font-weight:normal!important;}
.sub-menu li a:visited { color: #fff!important;}
.sub-menu ul{margin-top: 1rem; list-style: none;}

.sub-menu li{ list-style: none;}

.sub-menu li a { color: #fff!important; font-size: 1rem!important; font-weight:normal!important;}
.sub-menu li a:visited { color: #fff!important;}   
}




@media screen and (max-width: 480px) {
.logo img {width: 250px !important;}

.top_style_0 .text-block h1,
.top_style_1 .text-block h1,
.top_style_2 .text-block h1,
.top_style_3 .text-block h1,
.top_style_4 .text-block h1,
.top_style_5 .text-block h1,
.top_style_6 .text-block h1 {font-size:1.5rem;}

.top_style_0 .text-block,
.top_style_1 .text-block,
.top_style_2 .text-block,
.top_style_3 .text-block,
.top_style_4 .text-block,
.top_style_5 .text-block,
.top_style_6 .text-block{margin: 50px auto; width: 100%;}


.lead_style_0 h2,
.lead_style_1 h2,
.lead_style_2 h2,
.lead_style_3 h2,
.lead_style_4 h2 {font-size: 1.3rem;  font-weight: 500;}

.lead_style_1 h2 + p,
.lead_style_2 h2 + p {font-size: 0.9rem;}

.style_0 h2,
.style_1 h2,
.style_2 h2,
.style_3 h2,
.style_4 h2 {font-size: 1.3rem;  font-weight: 500;}

.style_1 h2 + p,
.style_2 h2 + p,
.style_3 h2 + p {font-size: 0.95rem;  font-weight: 200;}

}

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


}




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

}