/*
Theme Name: yoshioka
*/

@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");
@import url("//fonts.googleapis.com/earlyaccess/hannari.css");


html {
   overflow-y:scroll;
 }

body {
   margin: 0;
   padding: 0;
   color: #1f1f1f;
   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;
}

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



img:hover::before {
    opacity: 1;
    background-color:#44A8E8;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}



i{margin-right: 0.5rem;}



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: #5d5d5b;}

.ds{box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.3);}



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



.category-name{
   padding: 1.0rem 0;
   margin: 0;
    
   text-align: center;
}


/*--Image-control--*/

 .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);
}

.logo2{width: 80px; margin: 0 auto; text-align: center;}
/*--breadcrumb--*/


.breadcrumb {
    background-color: rgba(0, 0, 0, 0.0);
    border-radius: 0;
    padding: .5em 1em;
    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;
}


/*--boot-reset--*/

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 2rem 0;
    border-radius: 0px;
    padding: 0rem;
    /*width: 100vw;*/
    box-shadow: 0px 20px 120px rgba(0, 0, 0, 0.3) inset;
}

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

.content.nopad,
.container-fluid.nopad,
.container.nopad{padding: 0px 0px;}

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    transition: all .1s linear;
    width: 100%;
    background: rgba(255,255,255,1);
}
#header .container,
#header .container-fluid{
   padding: 0px 0;
   transition: all .15s linear;
}

#header.short .container,
#header.short .container-fluid {
   padding: 8px 0;
}

.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;
}


#logo{
	display: block;
	/*margin: 10px 0 1rem ;*/
}
#logo .logo{
	display: block;
	/*margin: 10px 0 1rem ;*/
	width: 300px;
}
#header ul{
	margin: 0;
	padding: 0;
	display: flex;
}

#header ul li{
	margin: 0;
	padding: 0;
	list-style: none;
    border-right: 1px solid #b7b4b4;
}

#header ul li a{
    padding: 1rem 0.5rem;
    display: block;
    font-size: 0.8rem;
}






/*--header-effects--*/



#header ul li a {
    color: #6b6664;
    text-decoration: none;
    position: relative;
    text-align: center;
    min-width: 104px;
}
#header ul li a::after {
    width: 100%;
    height: 0;
    background:#b73232;
    content: '';
    position: absolute;
    top: 75%;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease-out;
    margin: auto;
    box-sizing:border-box;
  }

#header ul li a:hover::after {  opacity: 1; top: 100%;  height: 4px;}

a .hover{display: none;}
a:hover .normal{display: none;}
a:hover .hover{display: inline;}




.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;
}


/*--jumbotron-style--*/
.jumbotron .container {height: 100%;}
.jumbotron .j_style_1 {
	/*background: initial;*/
	margin: 0;
    height: 100vh;
	/*padding: 12rem 0rem;*/
}

.jumbotron .j_style_1 h1{
	font-weight: 200;
    font-family: "Sawarabi Mincho";
    font-size: 1.5rem;
}

.jumbotron .j_style_1  h1,
.jumbotron .j_style_1  h1 + p{
	color: #333;
}

.jumbotron .j_style_1  h2.copy {
   font-family: "Noto Sans Japanese", serif;
   font-size:2rem;
   color: #000;
   font-weight: 600;
   text-align: left;
   margin: 1.6rem 0;
}

.jumbotron .j_style_1  h2.copy span {
   font-family: "Noto Sans Japanese", serif;
   font-size:2.8rem;
   color: #000;
   font-weight: 600;
   text-align: left;
   margin: 1.6rem 0;
}

.jumbotron .j_style_1 .text-block {
   /* padding: 180px 0 80px 0;*/
    /*width: 300px;*/
    height:auto;
    display: table;
    /*margin: 150px auto 80px;*/
}
.jumbotron figure{margin: 0 auto;text-align: center; margin: 0 0 1rem 0;}

.top_copy{/*width:300px;*/ text-align: center;}
.top_copy2{width: 80px; margin: 1rem auto; text-align: center;}
/*--home-style--*/




/*--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: #fff;
    font-weight: normal;
    padding: 5px;
    background: #df4601;
    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: 80px 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;
}

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


.top_style_1 .text-block2 h1 {
    text-align: left;
    color: #333;
    font-weight: 900;
    font-size: 1.5rem;
    padding: 1rem;
    line-height: 1.2;
}




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


.lead_style_0 h2{
     
    font-size: 1.8rem;
    color: #666666;
    font-weight: 500;
    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-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;
}

.lead_style_0 h2.copy {
   font-family: "Noto Sans Japanese", serif;
   font-size: 3.5rem;
   color: #eb3c55;
   font-weight: 600;
   text-align: left;
   margin: 1.6rem 0;
}
.lead_style_0 .exlh__1{line-height: 2.5!important;}

.lead_style_0 h2 .center{text-align: center!important;}

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

.lead_style_1 h2{
    font-size: 1.4rem;
    color: #3f3f3f;
    margin: 1.6rem 0;
    /*padding-bottom: 0.5rem;*/
    /*font-weight: bold;*/
    /*border-bottom: solid 1px #3f3f3f;*/
    /*text-indent: 1rem;*/}

.lead_style_1 h2.big-text {
      font-size: 2rem;
      font-weight: 900;
  }

/*
.lead_style_1 h2:after {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 1px;
    bottom: -1px;
    left: 0;
    background: #045EF8;
}*/

.lead_style_1 .exlh__1{line-height: 2!important;}

.lead_style_1 h2 p{
    font-size: 1rem;
    font-weight: normal;
    color:#3f3f3f;
    line-height: 1.6;
    padding-bottom: 1.6rem;
    margin: 0 0;
}
.lead_style_1 h3{
     
    font-weight: 500;
    text-align: left;
    color: #3f3f3f;
   padding: 0 0 1.0rem 0;}


.lead_style_1 h3 + p{
    font-size: 1rem;
    font-weight: 200;
    color: #3f3f3f;
    text-align: left;
    padding-bottom: 1.6rem;
}
.lead_style_1 .solid {
   color: #fff;
   margin: 1.6rem 0;
   padding: 0.5rem 0;
   background: #3f8cee;
   text-align: center;
   font-weight: 800;
   font-size: 1.2rem;
}
.lead_style_1 h3.copy {
   font-weight: 800;
   text-align: center;
   color: #3f3f3f;
   padding: 0 0 1rem 0;
   font-size: 1.17rem;
}

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

.lead_style_1 figcaption p{
   padding-bottom: 0;
}

.lead_style_1 h2 .center{text-align: center!important;}
.lead_style_1 .bigcopy-w {
   font-family: 'Noto Sans Japanese', serif;
   font-size: 2rem;
   font-weight: 900;
   color: #333333;
}
.lead_style_1 .bigtext-w {
   font-family: 'Noto Sans Japanese', serif;
   font-size: 1.2rem;
   font-weight: 700;
   color: #333333;
}

.lead_style_2 h2 {
   font-size: 2rem;
   color: #3f3f3f;
   font-weight: 700;
   text-align: center;
   padding: 0.8rem 0;
   margin: 1.6rem 0;
   border-top: 1px solid #333333;
   border-bottom: 1px solid #333;
}
.lead_style_2 p{
   font-size: 1rem;
   font-weight: 200;
   color: #3f3f3f;
   text-align: left;
   padding-top: 1.6rem;
}

.topic-box {
   background: #FAFAFA;
   background: rgba(250, 250, 250, 1);
   border-style: dotted;
   border-color: #EF7D1D;
   border-color: rgba(239, 125, 29, 1);
   border-width: 1px;
   padding: 1.5em;
   margin: 1rem auto;
}
.topic-box ul, ol { padding-left:1.5em; margin-bottom:0;}
.topic-box li {
   margin-bottom: 0.5em;
}

.vh-adj2 {
   height: 50vh;
}
/*--style--*/



.style_0 h2{
    font-size: 1.3rem;
    color: #5d5d5b;
    font-weight:normal;
    text-align: center;
    margin-bottom: 1.6rem;
}


.style_0 h3{
    font-size: 1.13rem;
    text-align: center;
    padding: 0 0 0 0.7rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
}

.style_0 h4{
     
    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 {
    text-align: left;
    font-weight: 500;
    margin-bottom: 0rem;
    line-height: -1;
    font-size: 1rem;
    display: block;
}

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

.style_0 .mat2 > div{
	padding: 0 15px;
}

.style_1 h2{
    font-size: 1.3rem;
    color: #3f3f3f;
    font-weight: bold;
    text-align: left;
    margin: 0 0 1.6rem 0;
    padding-bottom: 0.5rem;
    position: relative;
    border-bottom: solid 1px #808080;
}

/*
.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; color: #3f3f3f;}
.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-size: 1.2rem;
    text-align: left;
    font-weight: bold;
    margin-bottom: 1rem;
    position: relative;
}

.style_1 h4{
    text-align: left;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 0.6rem;
    background: linear-gradient(transparent 50%, #e8e8e8 60%);
}
.style_1 .excenter { text-align: center; margin: 0 0 0.6rem 0; padding-bottom: 0.5rem;}
.style_1 p{ font-size: 1rem; margin-bottom: 1rem; line-height: 1.6;}


.style_1 p.under {text-align: left; font-weight: normal; color: #797979;font-size: 0.8rem; margin-bottom: 1rem; background: linear-gradient(transparent 50%, #e8e8e8 60%);}

.style_1.exh3 h3 { font-size: 1.1rem; text-align: left; font-weight: normal; margin-bottom: 1rem; position: relative;}

.style_1 h2 span,
.style_1 h3 span{ display: block; font-size: 1rem; font-weight: bold;line-height: 1.1;}

.style_1.exbl h3{ border-left: 8px solid #3f3f3f;  padding: 0 0 0 0.6rem;}

.style_1.exbb h2 { border-bottom: solid 1px #3f3f3f;}
.style_1.exbb h2:after { content: ""; position: absolute; display: block; width: 100px; height: 1px; bottom: -1px; left: 0; background: #d44920;}
.style_1 h2.exbb  { border-bottom: solid 1px #3f3f3f;}
.style_1 h2.exbb:after { content: ""; position: absolute; display: block; width: 100px; height: 1px; bottom: -1px; left: 0; background: #d44920;}
.style_1 .exbb{ border-bottom: solid 1px #3f3f3f;}
.style_1 .exbb:after { content: ""; position: absolute; display: block; width: 100px; height: 1px; bottom: -1px; left: 0; background: #d44920;}

.style_1 h4{
    border-left: 8px solid #3f3f3f;
    text-align: left;
    padding: 0 0 0 0.7rem;
    font-weight: bold;
    color: #797979;
    font-size: 1rem;
    margin-bottom: 1rem;
}


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

/*- list-style_1 -------------------------------------------------------------------------------------------------------------*/

.list_style_1 ul{margin:0 0 1.6rem 0; position: relative;}
.list_style_1 ol{margin:0 0 1.6rem 0; position: relative; list-style-type:decimal;}

.list_style_1 ul li {
	position: relative;
	padding: 3px 0 0 0;
    list-style-type:disc;
}
.list_style_1 ol li {
	position: relative;
	padding: 3px 0 0 0;
    list-style-type:decimal;
    text-align: left;
}
.list_style_1 .caret li{
 list-style-type:none!important;
 margin-left: -1rem;
}
.list_style_1 .caret li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0da'; 
  padding: 0 10px 0 0;
  color: #7d7d7d;
 list-style-type:none!important;
}


.list_style_1 .disc li{ list-style-type:disc!important;}

.list_style_1 .none li{ list-style-type:none!important;}

.list_style_1 h4 {text-align: left; padding: 0rem 1rem; margin-bottom: 1.6rem; color: #361B11;}
.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: 1.6rem;
	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;
}


.dl_style_0 dt{
    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{
    
    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{
    background: #fff;
    color: #333;
    border: 1px solid #333;
    width: 100px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 0.95rem;
    padding: 3px 0;
    margin-right: 1rem;
}

.dl_style_1 dd{
    margin: 0 0 1.6rem;
    line-height: 2;
    font-size: 0.9rem;
    list-style-position: inside;
    color: #333;
    font-weight: normal;
    padding: 0 0 0 120px;

}
.dl_style_1 dd ul {
width: 100%;
}
.dl_style_1 dd ul li{
   margin: 0 0 1.6rem;
   line-height: 2;
   font-size: 0.95rem;
   list-style-position: inside;
   color: #333;
   font-weight: normal;

}

.dl_style_1 dt .no-f{float: none!important;}
.dl_style_1 dt.no-borer{border: 0px solid #174885;color: #333;width: 130px;font-weight: normal;text-align: justify; }

.dl_style_1 .w150 dt {width: 150px!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: 20px;
    font-weight: 600;
    min-height: 150px;
    text-align: center;
   }
.dl_style_4 dd {
    float: right;
    width: 80%;
    font-size: 12px;
    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-size: 1.4rem; font-weight: 300; color: #fff;}



.dl_style_5 dt{
    font-size: 1.1rem;
     
    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;
     
    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;
     
    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;
}




a.related_link {
    
   background: url(img/icon_link.png) no-repeat 3px center;
   border: 1px solid #333;
   color: #333;
   padding: 20px;
   margin: 0px 0px;
  /*margin: 0px 30px;*/
   display: block;
   font-size: 1rem;
   font-weight: bold;
   text-align: center;
   /*transition: background 0.3s ease-out;*/
 }
 a.related_link[href$=".pdf"] {
   background: url(img/icon_pdf.png) no-repeat 3px center;
 }

 a.related_link:hover{
  /* background: rgba(240, 190, 190, 0.3);*/
   /*text-decoration: none;*/
   /*color: #fff;*/
   /*transition: background 0.3s ease-out;*/
}


.breadcrumb {
    border-radius: 0;
    padding: .5em 1em;
    line-height: 1.2;
}
.breadcrumb li {
    overflow: hidden;
}
.breadcrumb li.active {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transform: ellipsis;
    -webkit-transform: ellipsis;
    -o-transform: ellipsis;
    -ms-transform: ellipsis;
}
.breadcrumb li.active a {
    pointer-events: none;
    color: inherit;
}
.bread-bg {
    /*background-color: #f9f9f9;*/
    border-bottom: 1px solid #e9ecef;
}

.balloon-chat {
   display: flex;
   flex-wrap: wrap;
   }

   .balloon-chat.left { 
   flex-direction: row; 
   }
   .balloon-chat h3 {
      font-size: 2rem;
      font-weight: 800;
      padding: 1rem 0;
  }
  
   .balloon-chat.right { 
   flex-direction: row-reverse; 
   }
   
   .chatting {
   position: relative;
   display: inline-block; 
   margin: 10px 20px;
   padding: 10px 20px;
   background: #9de693; 
   text-align: left; 
   border-radius: 12px; 
   }
   
   .chatting::after {
   content: "";
   border: 15px solid transparent;
   border-top-color: #9de693; 
   position: absolute;
   top: 10px;}

   .left .chatting::after {
   left: -15px; 
   }
   .right .chatting::after {
   right: -15px; 
   } 
   /* アイコンの作成 */
   /*.balloon-chat figure img {
      border-radius: 50%;

      margin: 0;
      background: aliceblue;}*/
   /* アイコンの大きさ */
   .icon-img {
   width: 80px;
   height: 80px;
   }
   /* アイコンの名前の設定 */
   .icon-name {
   width: 80px; /* アイコンの大きさと合わせる */
   font-size: 12px;
   text-align: center;
   }   

   .chat-text{
        font-size: 1rem;
      font-weight: 800;}
/*--webfont--*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?njteaq');
  src:  url('fonts/icomoon.eot?njteaq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?njteaq') format('truetype'),
    url('fonts/icomoon.woff?njteaq') format('woff'),
    url('fonts/icomoon.svg?njteaq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[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;
}
.icon-point span{font-size: 25px;}
.icon-point .path1:before {
  content: "\e900";
  color: rgb(255, 255, 255);
}
.icon-point .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(34, 30, 31);
}
.icon-point .path3:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(242, 111, 32);
}
.icon-point .path4:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(242, 111, 32);
}
.icon-point .path5:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(242, 111, 32);
}
.icon-point .path6:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(242, 111, 32);
}



br.mb{display: none;}
br.mb2{display: block;}
/*--effects--*/
.ca-menu{
    padding:0;
    margin:20px auto;
    }
.ca-menu h2{
    border-bottom: solid 1px #808080;
    margin: 0 0 0.6rem 0;
    font-size: 1.3rem;
    color: #808080;
    font-weight: bold;
    text-align: left;
    padding-bottom: 0.5rem;
    position: relative;
}



.ca-menu p{
    border-left: 0px solid #174885;
    text-align: left;
    font-weight: normal;
    color: #808080;
    margin-bottom: 1rem;
}


.ca-menu li{
    height: 100px;
    overflow: hidden;
    position: relative;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon{
    font-size: 20px;
    text-shadow: 0px 0px 1px #333;
    height: 100px;
    position: absolute;
    width:100px;
    /*left: 20px;*/
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-content{
    position: absolute;
    left: 120px;
    height: 60px;
    top: 20px;
}
.ca-main{
    font-size: 30px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-sub{
    font-size: 14px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:hover{
    /*background: #e1f0fa;*/
    background: rgba(132, 199, 191, 0.8);
}
.ca-menu li:hover .ca-icon{
    font-size: 40px;
    color: #fff;
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
.ca-menu h2:hover .ca-main{
    opacity: 1;
    color:#fff;
    border-bottom: solid 1px #fff;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}




.ca-menu li:hover .ca-main{
    opacity: 1;
    color:#fff;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}
.ca-menu li:hover .ca-sub{
    opacity: 1;
    color:#fff;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}


/*--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--*/



a.btn_01{
    display: inline-block;
    padding: 5px 15px;
    background: #7f7f7f;
    border-radius: 1px;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
    width: 260px;
    transition: background 0.3s ease-out;
}

a.btn_01,
p.btn_01{
    display: inline-block;
    padding: 8px 30px;
    background: #ffffff;
    border-radius: 1px;
    color: #1f1f1f;
    text-decoration: none;
    font-size: 0.9rem;
    text-align: center;
    border: 1px solid #7f7f7f;
    font-weight: normal;
    transition: background 0.3s ease-out;
}

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

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: #333!important;
    text-decoration: none;
    font-size: 0.95rem;
    text-align: center;
    border: 1px solid #333;
    width: 260px;
}

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




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

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





/* ----- 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;}

.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);}

input[type="file"] {width: 100%;}

.btn-xl i{ padding : 0 10px 0 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);
   white-space: normal;
}

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

.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;}


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

#header{
   z-index: 100;
   width: 100%;
   background: rgba(255,255,255,.8);
   transition: all .15s linear;
}

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

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



[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 ;
}


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

ul#menu-global2 li a{
   
   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;
}


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

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

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




#movie-content{
   height: 500px;
   background: #f0f0f0;
}
/*------------------------------footer------*/



#footer{
   width: 100%;
   margin: 3rem auto 0 auto;
   padding: 20px 0 0 ;
   float: left;
}
.inqend{
height: 30vh;
}
.copy{
   font-family: 'Noto Sans Japanese', serif;
   padding: 0.5rem 0;
   color: #fff;
   text-align: center;
   font-size: 0.7rem;
   width: 100%;
   margin-bottom: 0rem;
}

.foot-logo figure{ margin: 0 auto 1rem;}
.foot-logo p{ margin: 0 auto 0.5rem; font-size: 0.8rem; color: #fff;}
.foot-logo h3{ margin: 0 auto 0.5rem; font-size: 1rem; color: #fff; text-align: center; font-weight: bold;}
/*--foot-navi--*/

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

#footer-navi li{ist-style :none;}

#footer-navi li a{
   /* 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: 300;
    color: #333;
}

#footer-navi li li a{
	font-size: 0.895rem;
	margin: 0;
	border-left: none;
	border-right: none;
	text-align: left;
}



/*-----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);}
.bg-07   {background: rgb(201,195,233);
   background: -moz-linear-gradient(114deg, rgba(201,195,233,1) 0%, rgba(216,243,254,1) 100%);
   background: -webkit-linear-gradient(114deg, rgba(201,195,233,1) 0%, rgba(216,243,254,1) 100%);
   background: linear-gradient(114deg, rgba(201,195,233,1) 0%, rgba(216,243,254,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9c3e9",endColorstr="#d8f3fe",GradientType=1);}


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

.hero-bg{background: url(img/hero-bg.jpg) center bottom /cover no-repeat;}
.hero-bg2{background: url(img/hero-bg2.jpg) center bottom /cover no-repeat;}
.hero-bg2b{background: url(img/hero-bg2b.jpg) center bottom /cover no-repeat;}
.hero-bg3{background: url(img/hero-bg3.jpg) center bottom /cover no-repeat;}
.hero-bg4{background: url(img/hero-bg4.jpg) center bottom /cover no-repeat;}
/*
.hero-bg {
	-webkit-animation: hero-bg 5s linear alternate both;
	        animation: hero-bg 5s linear alternate both;
}


@-webkit-keyframes hero-bg {
  0% {
    background: url(img/hero-bg2.jpg) center bottom /cover no-repeat;
  }
  100% {
    background: url(img/hero-bg.jpg) center bottom /cover no-repeat;
  }
}
@keyframes hero-bg {
  0% {
    background: url(img/hero-bg2.jpg) center bottom /cover no-repeat;
  }
  100% {
    background: url(img/hero-bg.jpg) center bottom /cover no-repeat;
  }
}
*/







.home-bg-01{background: url(img/home-bg-01.jpg) left center /cover no-repeat;}
.home-bg-01b{background: url(img/home-bg-01b.jpg) left center /cover no-repeat;}
.home-bg-02{background: url(img/home-bg-02.jpg) right center /cover no-repeat;}
.home-bg-02b{background: url(img/home-bg-02b.jpg) right center /cover no-repeat;}
.home-bg-03{background: url(img/home-bg-03.jpg) left center /cover no-repeat;}
.home-bg-03b{background: url(img/home-bg-03b.jpg) left center /cover no-repeat;}
.index_bg_00 {background: url(img/index_bg_00.jpg) left top /cover no-repeat;}
.index_bg_01 {background: url(img/index_bg_01.jpg) left top /cover no-repeat; height: 600px;}
.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;}

.index_00 {background: url(img/index_00.jpg) left top /cover no-repeat;}
.index_01 {background: url(img/index_01.jpg) left top /cover no-repeat;}
.index_02 {background: url(img/index_02.jpg) left top /cover no-repeat;}
.index_03 {background: url(img/index_03.jpg) left top /cover no-repeat;}
.index_04 {background: url(img/index_04.jpg) left top /cover no-repeat;}
.index_05 {background: url(img/index_05.jpg) left top /cover no-repeat;}

.bi_bg_00{background: url(img/bi_bg_00.jpg) left top /cover no-repeat;}
.bi_00 {background: url(img/bi_00.jpg) left top /cover no-repeat;}
.bi_01 {background: url(img/bi_01.jpg) left top /cover no-repeat;}
.bi_02 {background: url(img/bi_02.jpg) left top /cover no-repeat;}
.bi_03 {background: url(img/bi_03.jpg) left top /cover no-repeat;}
.bi_04 {background: url(img/bi_04.jpg) left top /cover no-repeat;}
.bi_05 {background: url(img/bi_05.jpg) left top /cover no-repeat;}

.layer-content{
	position: relative;
}

.layer-img{
	position: absolute;
	top:0;
	z-index: 5;
	width: 100%;
}
.textbox-mat {
   padding: 2.5rem 32px;
    background: rgba(255, 255, 255, 0.93);
    /* background: url(img/icon_about.jpg) center top /cover no-repeat; */
    /*height: 100%;*/
    /* border: 15px solid #ffffff; */
}

/*--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: 360px;}
.fixed-height-02{height: 600px;}
.fixed-height-03{height: 120px;}
.fixed-height-04{height: 60px;}
/*--separate--*/
.footer_bg_01 {background: url(img/footer_bg_01.jpg) center top /cover no-repeat;}
.copy_bg_01 {background: #b73232;}
.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;
   }





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

/*--info p--*/

.event-info a p{
    
    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);
   /*background: rgba(255,255,255,.75);*/
   width: 100%;
}
.event-info dd span{ display: block;}
.event-info dd{ flex: 1; color : #474747;padding: 10px; margin: 0; font-size: 0.895rem;}
/*.event-info p span{
   display: block;
   font-size: 0.895rem;
}*/
.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-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--*/

.nav-item{width: 25%;}

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

.nav-item:first-child a{background: #fff; border: 1px solid #6F6F6F; color: #333;}
.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%; 
}

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

#news-home .tab-content dl dd{
margin: 0 0 20px;
}

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

/*--news--*/
/*
#news-area dt a {
    color: #474747;
    text-decoration: underline;
}



#news-area dl{
   margin: 0;
   padding: 0;
}

#news-area dt{
   font-weight: normal;
   font-size: 0.895rem;
   padding: 2px 0;
}

#news-area dt span{
   margin: 0 10px 0 0;
   padding: 2px 14px;
   display: inline-block;
}

#news-area dd dl{
   margin: 0;
   padding: 0 0 0 15px;
}

#news dd dt{
   font-size: 1rem;
   margin: 0 ;
   padding: 0;
   font-weight: bold;
   
   }

#news dd dd{
   font-size: 0.895rem;
   margin: 0 0 16px ;
   padding: 0;
   color: #696969;
   }

#news dl + p{
   text-align: right;
}
*/
/*--broken-text-*/

.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;
}



/*--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%;
   font-weight: 700;
}

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

form label{
   width: 250px;
   padding: 0 10px 0 0 ;
   display: table-cell;
   vertical-align: top;
}

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;
}

.red{color: #D70003;}
span.required,
.form-group label span.required{
   background: #a74b4b;
   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;
}
.form-control,
.searchform .btn {
    border-radius: 0;
}

.form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#contact-form .form-group{
   width: 100%;
   border-top: 1px solid #e6e6e6;
   padding: 14px 0;
   margin: 0;
   overflow: hidden;
}

#contact-form .form-group label{width: 22%; margin: 0 2% 0 0 ; float: left;}

#contact-form .form-element{width: 76%; float: left;}

#contact-form .form-element label{width: 100%;}

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;}

#agreement {
      height: 30vh;
      overflow-y: scroll;
      padding: 1em;
      margin: 0 0 6px;
      overflow: scroll;
      overflow-x:hidden;
      height: 320px;
      border: 1px solid #ccc;	
  }
#privacy-box { word-break: break-word;}
input[type=checkbox], input[type=radio] {
    width: 1em;
    height: 1em;
}
#add1{border: 1px solid #ced4da; padding: 0.375rem 0.75rem;}

.element-1-17{
   text-indent: 1rem!important;
   width: 100%!important;
}

#name0, #name1 {
   width: 50%;
 }
 #kana0, #kana1 {
   width: 50%;
 }
 #corp {
   width: 80%;
 }
 #years {
   width: 50%;
 }
 #add1 {
   width: 50%;
 }
 #add1 {
   width: 30%;
 }
 #mail, #mailconfirm {
   width: 80%;
 }
 #tel0, #tel1, #tel2 {
   width: calc(100px - 10px); /* 10pxは各要素の間隔 */
   display: inline-block;
   margin-right: 10px;
 }

/*--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: #1589b9;
}
.contact-button h3 {
   margin: 0;
   padding: 40px 0 40px 0;
   font-size: 1.2rem;
   line-height: 1.6;
 }
.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: #fff;
   font-size: 1.5rem;
   margin : 0;
}

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

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

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

.telno span{
   display: block;
   text-align: center;
   font-size: 0.8rem;
}
.pp i,
.pp a{
   color: #fff!important;
   font-size: 1rem;
   margin : 0.5rem auto;
}


.pp i{ margin-right : 0.5rem;}

/*--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: 33.3333333%;
   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: #616161;
   color: #fff;
   position: relative;
   font-size: .7rem;
}

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


#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: "Font Awesome 5 Free";
   font-weight:bold;
}

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

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

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


.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--*/

    
#head_back{
   position: relative;
   position: fixed;
   right: 15px;
   bottom: 50px;
   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;
}




/*--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;
}

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

.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-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;}

    
}


/*======hero===============*/
.grid {
	position: relative;
	margin: 0 auto;
    padding: 2em 0 0.5em;
	max-width: 1440px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 1%;/
	/*min-width: 320px;
	max-width: 480px;
	max-height: 360px;*/
	width: 100%;
	background: #000000;
	text-align: center;
	cursor: pointer;

}

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

.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%;
}

/* 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: 1rem;
    font-weight: bold;
}
figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
      filter: grayscale(100%);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
    background: #1a1a1a;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
      filter: grayscale(0%);
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}


/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #18a367;
}

figure.effect-layla img {
	height: 390px;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

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

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

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


@media screen and (max-width: 1920px) {.top_style_1 .text-block2 {margin: 30px auto 10px 800px;}}
@media screen and (max-width: 1280px) {.top_style_1 .text-block2 {margin: 30px auto 10px 650px;}}
@media screen and (max-width: 1100px) {
    

.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;}

a.btn_01,
a.btn_02{width: 100%!important;}
.jumbotron .j_style_1 {  height:auto;}
.fixed-height-01 {  height: auto;} 
    
}





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

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


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



#mobile-footer{display: block;}

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

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

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

#footer-navi {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;
} 
    
    
.index_bg_01 {background: url(img/index_bg_03.jpg) left top /cover no-repeat;}
    
    
    
}

@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%;}
    
br {display: none; }
    
    
    
    
.home-bg-01{background: url(img/home-bg-01.jpg) left center /cover no-repeat;display: none;}
.home-bg-01b{background: url(img/home-bg-01b.jpg) left center /cover no-repeat;display: none;}
.home-bg-02{background: url(img/home-bg-02.jpg) right center /cover no-repeat;display: none;}
.home-bg-02b{background: url(img/home-bg-02b.jpg) left center /cover no-repeat;display: none;}
    


#name0,
#name1,
#kana0,
#kana1,
#corp,
#years,
#add1,
#add2,
#mail,
#mailconfirm,
#tel0,
#tel1,
#tel2 {
     width: 100%;
   }
 }







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

.top_style_0 .text-block h1,
.top_style_1 .text-block h1 {font-size:1.35rem;}

.top_style_0 .text-block,
.top_style_1 .text-block{ margin: 100px 0 0 0; width: 100%;}


.lead_style_0 h2,
.lead_style_1 h2,
.lead_style_2 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 {font-size: 1.3rem;  font-weight: 500;}

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

br.mb{display: block;}
br.mb2{display: none;}
}

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


}




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

}