@charset "UTF-8";




/* Body */
html {
	
	font-kerning: normal;
	text-rendering: optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	font-size: 16px;
	line-height: 1.6;
	
	overflow-x:hidden;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 500;
}
/**/
a{-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-touch-callout:none;}
/*typo*/
.page-header-name{font-size: 30px;margin: 50px 0.5em;/*display: inline-block; */} 
.page-header-name span{padding-left: 50px;
    font-size: 15px;
    display: block;
    float: none;
    clear: none;
}
.page-header-name span.noimg_m{padding-left: 0px;
    font-size: 15px;
    display: block;
    float: none;
    clear: none;
}
.page-header-name img{margin:0 0.25em 0 0;width: 35px;height: auto;}
@media (max-width:767px){.page-header-name{font-size: 30px;margin: 50px 0.5em 30px 0.5em;/*display: inline-block; */} }
.h2_smoll{ font-size: 2em; margin-bottom: 1em;}
.h2_min{font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: 600;font-size: 26px; line-height: 2em;}
.h2_bg_tree{
    background-image: url(../images/tree_b.png);background-color:rgba(255,255,255,0.5);
background-blend-mode:lighten;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 215px auto;
    padding: 160px 50px 80px 50px;
    
}
.sub-category{text-align: center;font-size:18px;}
.sub-category img{margin: 1em ;width: 45px;height: auto;}

.page-header img{margin: 0.5em ;width: 45px;height: auto;}
.h3-01{font-size:18px; padding: 0.5em 1em; margin: 0.5em 0;border-bottom: solid 3px rgba(70,70,70,0.70);}
.h_bgG{background:rgba(70,70,70,0.70); color: #ffffff;padding: 0.5em 0; font-size: 1.2em;margin: 0.5em 0 1em 0;}

.txt_bold{font-weight: 900;}
.bg-C50{background: rgba(231,230,230,1.00); }
	img.brand-name{
    padding: 45px 10px 0 10px;
    width: 250px;
    height: auto;
	
}
.bg-C80{background:rgba(160,161,172,0.80)/*(70,70,70,0.70)*/;}

header{
	position: fixed;
	
}

.boder-t{border-top: 1px solid rgba(0,0,0,0.30);}
.boder-b{border-bottom: 1px solid rgba(0,0,0,0.30);}
/*header nav*/

.global-header{
/*height: 98px;*/
	background-color: rgba(255,255,255,1.00)/* rgba(160,161,172,0.80)*/;

	width: 100%;
	
}

img.brand-name{
    padding: 20px 10px 5px 10px;
    width: 250px;
    height: auto;
	
}
@media screen and (min-width:1200px/*992px*/)  {img.brand-name{
    padding: 40px 0px 5px 0px;
    width: 280px;
    height: auto;
	
    }}
@media screen and (min-width:64em/*992px*/)  and ( max-width:1199px) {img.brand-name{
    padding: 40px 0px 5px 0px;
    width: 240px;
    height: auto;
	
}
 
}
@media screen and (min-width:480px) and ( max-width:991px) {
img.brand-name{
    padding: 12px 0px 10px 0px;
    width: 250px;
    height: auto;
	
    }	
}
@media screen and (min-width:0px) and ( max-width:479px) {
	img.brand-name{
	padding: 12px 0px 10px 0px;
	width: 200px;
	height: auto;
	
}.global-header{height: 55px;}
}
@media (min-width: 360px/*64em*/) {
	.nav-sp{
		height: auto;
                max-height: 1200px;
               /* overflow-x: hidden;*/
		
	}
	
}
@media (max-width: 64em/*992*/) {
   ul.drawer-menu li.drawer-dropdown{
     
	box-sizing: border-box;border: 0px solid rgba(160,161,172,1.00);
       -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
    ul.drawer-menu li.drawer-dropdown:hover,ul.drawer-menu li a:hover{background: rgba(160,161,172,0.80); }
    .drawer-dropdown-menu-item:hover{background: rgba(160,161,172,0.00); color: #ffffff; }
}
@media (min-width: 64em/*992*/) {
	.global-header{
    /*height: 140px;*/
    background-color: /*rgba(160,161,172,0.80)*/rgba(255,255,255,1.00);
    width: 100%;
	
}
	.drawer-navbar-header{
		padding: 15px 10px 0px 10px;
	width: 180px;
	height: auto;
		float: none;
	}
	ul.drawer-menu li.drawer-dropdown:hover > ul.drawer-dropdown-menu{
    display: block;  
	
}
	.i-sp,.drawer-dropdown .drawer-caret{
	display: none;
}
	.nav-sp{
		height: auto;
       max-height: 1200px;
      overflow-x: hidden;
		
	}
}
@media (min-width: 64em/*200px*/) {
	.global-header{
height: 115px;
	background-color: rgba(255,255,255,1.00)/*rgba(160,161,172,0.80)*/;
	
	width: 100%;

}
	
	
	/*nav0925*/
.nav-line li .drawer-menu-item{
    border-left: 1px  rgba(160,161,172,0.80) solid;
    width: 130px/*140px*/;
    text-align: center;
    height: 115px;
    display: table-cell;
    vertical-align: bottom;
}
	/*250228*/
	.nav-line li:last-child .drawer-menu-item{
    border-right: 1px  rgba(160,161,172,0.80) solid;
  
}
    @media (max-width:1023px){.nav-line li .drawer-menu-item{ border-left: 0px  rgba(160,161,172,0.80) solid;} }   
	.nav-line li:last-child{border-right: 1px  rgba(255,255,255,1.00) solid;}
ul.nav-line li:hover{
	background: rgba(160,161,172,0.80)/*(70,70,70,0.70)*/;
	color: #fffff;	
}
	.nav-sab-c::before{content: "‐";}	
ul.drawer-menu li.drawer-dropdown:hover > ul.drawer-dropdown-menu{
    display: block;  margin: 0;
	
}
	.i-sp,.drawer-dropdown .drawer-caret{
	display: none;
}
}

ul.nav-gbg li:hover{
	background: rgba(160,161,172,0.80)/*(70,70,70,0.70)*/;
	color: #fffff;	
}
/*footer nav*/
.navbar-w {
  background-color: #fff;
  border-color: #fff;
}
.navbar-w li a.nav-f-gb {color: #fff;}
.nav-f a{color: rgba(0,0,0,0.80); font-size: 14px;}
.nav-f a.nav-f-gb{color: rgba(255,255,255,0.80); font-size: 14px;background: rgba(160,161,172,1.00);}
.nav-f a.nav-f-gb:hover,.navbar-w li a.nav-f-gb:hover{color: rgba(0,0,0,0.80);background: rgba(160,161,172,0.50); }
.img-80{width: 80%; height: auto;}
.f-address{color:rgba(0,0,0,0.80);font-size: 1.3rem; }


#page_top{
    width: 120px;
    height: 40px;
    position: fixed;
    right: 0;
    bottom: 10px;
    background: rgba(0,0,0,0.80);
    opacity: 0.6;
    border-top-left-radius: 10px;border-bottom-left-radius: 10px;
}
#page_top a{
position: relative;
display: block;
width: 100px;
height: 40px;
text-decoration: none;
}

#page_top a::after{

font-weight: bold;
font-size: 14px;
content: '↑ PAGE TOP';
color: #fff;
position: absolute;
top: 10px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
	
}

.btn-sp{
	background: rgba(70,70,70,0.90);
	color: #ffffff;
}
.btn-sp a{
    color: #ffffff;}

    
.drawer-menu > li:hover > a {  color:#ffffff; }

.open{
	color: #ffffff;
     background-color:/* transparent*/rgba(160,161,172,1.00);
}

ul {

	list-style: none;
}
/*cou*/

.carousel-btn {
    position: absolute;
    /*2020*/
    padding: 0;margin: 0;
    bottom: 5%;
    left: 0;
    width: 100%;
    /*font-size: 20px;*/
    color: #fff;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    /*filter: alpha(opacity=50);
    opacity: .5;*/
    z-index: 10;
}
@media (min-width: 64em){.carousel-btn{display: none;}}
@media(min-width: 480px) and (max-width: 64em){.carousel-btn{bottom: -5%; background: rgba(231,230,230,1.00);margin: 0;padding: 0;font-size: 14px;}
	.carousel-btn .col-xs-4{padding: 1px;}}
@media (max-width: 479px){.carousel-btn{bottom: -5%; background: rgba(231,230,230,1.00);margin: 0;padding: 0;font-size: 12px;}.carousel-btn .col-xs-4{padding: 1px;width: 33.3333%;float: left;}}

/**/
.item img{width: 100%;height: auto;}
/*main 231006*/
#main,.top{display: block;
    
	 margin-top: -114px;
padding-top: 114px;
}
@media (max-width: 64em) {
	.top{display: block;
	 margin-top: -55px; 
  padding-top: 55px; 
}
	}
main{
	padding: 114px 0 0 0;
    border-bottom: 1px solid rgba(231,230,230,1.00);
}
@media (min-width: 360px) {
	main{
	padding: 55px 0 0 0;
}
}
@media (min-width: 64em) {
	main{
	padding: 114px 0 0 0;
}
}
@media (min-width: 1200px) {
	main{
	padding: 114px 0 0 0;
}
}
/*News colum*/
@media (min-width: 360px) {
	.col-mdN-4 {
    width: 100%;
	float: none;

	margin-left: 0%;
		margin-top: 30px;
  }}
@media (min-width: 64em/*992*/) {
	.col-mdN-4 {
    width: 31%;
	float: right;
	margin-top: 0px;
  }}
@media (min-width: 1200px) {
.col-mdN-4 {
    width: 31%;
	float: right;
	margin-top: 0px;
  }}


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
     flex-wrap: wrap;
  
}
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*flex:1 0 0;*/
}
 
.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;/*--- IE10用 ---*/
    flex-flow: row wrap;
    align-content: flex-start;
    flex:1 0 0;
}.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
    margin: -.2px; /* hack adjust for wrapping */
    font-size: 16px;
}
 
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
    width:100%;
}
 

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}
 
.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}
/*photo box*/
ul.list-item-thumb{margin: 0em 0;}
ul.list-item-thumb li{margin: 0em 0;padding: 0 0.5em 0 0;}
.thumb-col-4{width: 25%; float: left;border: 1px solid #fff;}

.thumb-col-4-sub{width: 25%; float: left;border: 1px solid rgba(231,230,230,0.00);}
@media (max-width: 767px) {
	.thumb-col-4{width: 50%; float: left;border: 1px solid #fff;}
.thumb-col-4-sub{width: 50%; float: left;border: 1px solid rgba(231,230,230,0.00);}}

.thumb-col{position: relative;}

.thumb-col h3{
    position: absolute;/*絶対配置*/
    color: white;/*文字は白に*/
    background: rgba(0,0,0,0.30);
    top: 0;
    left: 0;
    margin: 0;
    padding-top: 1.5em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    text-align: center;
    width: 100%;
    font-size: 14px;
    height: 15%;z-index: 30;
}
.thumb-col h3.sub-list{padding: 1.5em 1em 0 1em;text-align: center;width: 100%;font-size: 14px;height:30%;}
.thumb-col h3.sub-list-icon{padding: 0.8em 1em 0 1em;text-align: center;width: 100%;font-size: 14px;height:20%;}
.thumb-col a{position: absolute;font-size: 14px;
  bottom: 0;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  /*以下装飾*/
  margin:0;/*余計な隙間を除く*/
  
  border: solid white 0px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/}
.btn-thum{background: rgba(0,0,0,0.50);width: 80%;}
.btn-thum:hover{color: rgba(255,255,255,0.70);background: rgba(0,0,0,0.70);}
.thumb-col img{width: 100%; 
 }
.thumb-col img.icon-w,.icon-sub{width: 20px;height: auto;margin: 0 auto 0.25em auto;opacity: 0.8;}

@media (min-width: 768px) and (max-width: 991px) {.thumb-col h3.sub-list{padding: 0.9em 1em 0 1em;text-align: center;width: 100%;font-size: 13px;height:40%;}
	.thumb-col h3.sub-list-icon{padding: 0.5em 1em 0 1em;text-align: center;width: 100%;font-size: 12px;height:30%;}
.thumb-col h3{padding-top: 0.8em;padding-right: 1em;padding-left: 1em;padding-bottom: 1em;font-size: 14px;height: 20%;}}
@media (min-width: 576px) and (max-width: 767px) {.thumb-col h3.sub-list{padding: 1.0em 1em 0 1em;text-align: center;width: 100%;font-size: 14px;height:29%;}
	.thumb-col h3.sub-list-icon{padding: 0.8em 1em 0 1em;text-align: center;width: 100%;font-size: 14px;height:20%;}
.thumb-col h3{padding-top: 0.8em;padding-right: 1em;padding-left: 1em;padding-bottom: 1em;font-size: 14px;height: 15%;}}
@media (min-width: 480px) and (max-width: 767px) {}
@media (min-width: 480px) and (max-width: 575px) {.thumb-col h3.sub-list{padding: 1.0em 1em 0 1em;text-align: center;width: 100%;font-size: 13px;height:29%;}
	.thumb-col h3.sub-list-icon{padding: 0.5em 1em 0 1em;text-align: center;width: 100%;font-size: 12px;height:20%;}
.thumb-col h3{padding-top: 1.2em;padding-right: 1em;padding-left: 1em;padding-bottom: 1em;font-size: 14px;height: 15%;}}
@media (min-width: 0px) and (max-width: 479px) {
	.thumb-col h3{padding-top: 0.5em;padding-right: 1em;padding-left: 1em;padding-bottom: 1em;font-size: 14px;height: 15%;}
	.thumb-col h3.sub-list{padding: 1.0em 0.5em 0 0.5em;text-align: center;width: 100%;font-size: 10px;height:30%;}
.thumb-col h3.sub-list-icon{padding: 0.5em 1em 0 1em;text-align: center;width: 100%;font-size: 10px;height:20%;}
}
/*newsbox*/
/*250228*/

	.row-n {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
row-gap: 30px;
}
.col-4n{margin: 0 15px; border: 1px solid #ccc;}
.col-4n img{ width: 100%;
    padding: 0.5em 0.5em 1em  0.5em;}
.col-4n h3{ padding: 0.25em 0.5em 0em 0.5em;font-weight: 600;margin: 0;
    font-size: 16px;line-height: 1.6em;
    width: 100%;}
.col-4n p.p-copy{padding: 0.5em;line-height: normal;}
.col-4n p a{color: #235284; text-decoration: underline;padding: 0.5em;font-size: 14px;}
.col-4n span.ndate{}
.cat-news,.cat-emply,.cat-work{font-size: 12px;color: #ffffff;padding: 0.25em;margin-left: 0.5em;}
.cat-news{background: #982539;}
.cat-work{background: #25982E;}
.cat-emply{background: #255e98;}

@media (min-width: 768px) and (max-width:991px) {
	.row-n {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
row-gap: 30px;
}
}
@media (min-width:576px) and (max-width: 767px) {
	.row-n {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
row-gap: 30px;
}
}
@media (max-width:576px) {
	.row-n {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
row-gap: 30px;
}
}
.news-col-4{width: 100%; border: 1px solid #ccc;margin: 1em 0;}

.news-col{position: relative;}
.news-col span.ndate{position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
	background: rgba(0,0,0,0.30);
  top: 0;
	left: 15%;margin: 0; padding: 1em 1em 1em 1em;text-align: center;width: 70%;font-size: 14px;}
/*1020*/
/*220808*/
/*.news-col h3{padding: 0em 0.5em 0.5em 0.5em;font-size: 16px;font-weight: 600;margin: 0;vertical-align: bottom;border: 1px solid;
	   line-height: 1.2;
	    overflow: hidden;width: 100%;
	    height: 2.6em;}*/
.news-col h3{ padding: 0em 0.5em 0.5em 0.5em;font-weight: 600;margin: 0;
    font-size: 16px;height: 2.3em;overflow: hidden;position: relative;
    width: 100%;}
.news-col h3 span{position: absolute;
	bottom: 0;}
.news-col span.date-n{font-weight: 600;color: #000000;font-size: 13px;}
.news-col .date-y{padding: 0em 0.5em 0.5em 0em;position: absolute;height: 1.2em; width: 100%;border: 1px solid;}
.news-col span.date-sub{font-weight: 500;color: #666666;font-size: 12px;display: block;text-align: right;position:relative;bottom: 0.5em;right: 0.5em;}
.news-col p{padding: 0.5em;line-height: normal;}
.news-col p.p-copy{padding: 0.5em;line-height: normal;position:relative;height:5.8em;}

.news-col img{
    width: 94%;
    margin: 0.5em 3% 1em 3%;
}
.col-xxs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xxs-12 {
  float: left;
}

@media (max-width: 767px) {
	.c_baseline{
  display: flex;
 align-items: stretch/*align-items: baseline*/;
  flex-wrap: wrap;
  
}
	.col-xxs-12 {
  width: 50%;
}
	
}
@media (max-width: 575px) {
.col-xxs-12 {width: 100%;float: none;}}
@media (max-width: 479px) {.news-col span.ndate{font-size: 12px;}
}

/*.thumb {
    display: block;
    position: relative;
    overflow: hidden;
	
}*/
.thumb_overlay{
position: absolute;
left: 0;
top: 80%;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
color: #fff;
background: rgba(70,70,70,0.80);
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
z-index: 500;
	
}
.thumb_overlay h4 {
    font-weight: 700;
}
.thumb_overlay h4 {
    position: relative;
    margin: 5%;
	
    color: #ffffff;
    font-weight: 400;
}
.thumb:hover .thumb_overlay {
  opacity: 1;
}
/*------button---*/
.boxflex{
 display:flex;
}
.btn-base {
  color: #fff;
  background-color: rgba(160,161,172,1.0);
	border-color: rgba(160,161,172,1.0);}
.btn-base:hover {
  color: #fff;
  background-color: rgba(160,161,172,0.7);
  border-color: rgba(160,161,172,0.7);
}
.btn-gb-c{padding: 0.5rem 1rem; color: #fff;background: rgba(160,161,172,0.8);margin: 0.5rem auto;}
.btn-gb-c:hover{background: rgba(160,161,172,1.0);}
.btn-gb-s{padding: 0.5rem; color: #fff;background: rgba(160,161,172,0.8);width: 90%;margin: 0.5rem auto;display: block;}
@media (max-width : 64em){.btn-gb-s{padding: 1rem 0; color: #fff;background: rgba(160,161,172,1.0);width: 100%;margin: 1px;display: block;}}
.btn-gb{padding: 1.5rem; color: #fff;background: rgba(160,161,172,1.00);width: 90%;margin: 0.5rem auto;display: block;}
.btn-gb:hover,.btn-gb-s:hover,.btn-gb-c:hover{color: #fff;}
.btn-square1{
  display: inline-block;
  position: relative;
  padding: 0.35em 1em;
  background: #668ad8;
  color: #FFF;
  text-decoration: none;
}

.btn-square1:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 0;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 0;
  border: solid 8px transparent;
  border-bottom-color: #8eacec;
}

.btn-square1:active {

  padding: 0.32em 0.9em;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.btn-square1:active:before { 
  width: -webkit-calc(100% - 12px);
  width: calc(100% - 12px);
}

.btn-square1:active:before {
  top:-12px;
  border-width: 6px;
}
/*breadcrumb*/

.list-bread {
  padding: 10px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
}
.list-bread > li {
  display: inline-block;
}
.list-bread > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: ">\00a0";
}
.list-bread > .active {
  color: #777;
}
@media (max-width :767px){.list-bread {font-size: 12px;  padding: 5px 5px;}.list-bread > li + li:before {
    padding: 0 2px;}}

/**photo Lib**/


section.photo_L img{
  max-width: 100%;
margin: 0.5em ;
}
#mainimg{width: 100%;}
/*縦長のとき*/
#mainimg.photo_H{width: auto; height: 650px;}
.photo_item{
   margin: 0 auto 0 auto;
  max-width: 100%;
  
}
@media (max-width: 767px) {.photo_item{width: 100%;}
	#mainimg{max-width: 100%;max-height: auto;}

}
 /*1229*/
@media (min-width:576px) and (max-width: 767px) {
	
    /*1229*/
    #mainimg.photo_H{width: auto; height: 450px;}
    h2.page-header {
  font-size: 18px;
}
    
    h2.page-header img{width: 25px;height: auto;}
}
@media  (max-width: 575px) {
	
    /*1229*/
    #mainimg.photo_H{width: 80%; height: auto;}
    h2.page-header {
  font-size: 16px;
}
    
    h2.page-header img{width: 20px;height: auto;}
}
.photo_item ul{
/*display: flex;*/
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.photo_item li{
 /*flex: 1 1 auto;*/
  margin-right: 5px;float: left;
}
li:last-of-type{
  margin-right: 0;
}
#imgtitle{font-size: 1.2em; font-weight: 600;text-align: right;}
dl.item_dl{margin: 1em 0; display: inline-block;}dl.item_dl dt{padding-right: 1em;float: left;}dl.item_dl dd{padding-right: 1em;float: left;}
dl.item_dl dd::after{content: "　/"}
dl.item_dl dd:last-child::after{content: ""}

dl.item_dl_nom{margin: 0em 0; display: inline-block;}dl.item_dl_nom dt{padding-right: 1em;float: left;}dl.item_dl_nom dd{padding-right: 1em;float: left;}

/*
dl.item_dl{margin: 1em 0;width: 100%;border: 1px solid #6d6a6c;}

dl.item_dl dt{background: #e7e6e6;padding: 10px;color: #6d6a6c;border: 1px solid #6d6a6c;}
dl.item_dl dd{background: #fff;padding: 10px;color: #6d6a6c;border: 1px solid #6d6a6c;}*/
/*dl table*/
.dl_table01 {
  background-color: #FFF;
  border-top: 1px solid #E4E4E4;
  border-left: 1px solid #E4E4E4;
  margin: 0px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.dl_table01 dt {
  background-color: #fff; font-weight: bold;
}
.dl_table01 dt{
  padding: 15px;
  width: 20%;
  box-sizing: border-box;
  border-right:  0px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}

.dl_table01 dd {
  padding: 15px;
  width: 80%;
  box-sizing: border-box;
  border-right:  0px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}
.dl_table02 {
  font-size: 1.4rem;
  margin: 1em 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.dl_table02 dt {
 font-weight: bold;
}
.dl_table02 dt{
  padding: 5px;
  width: 20%;
  box-sizing: border-box;

  border-bottom: 1px solid rgba(0,0,0,0.30);
}

.dl_table02 dd {
  padding: 5px;
  width: 80%;
  box-sizing: border-box;
  border-right:  0px solid #E4E4E4;
  border-bottom: 1px solid  rgba(0,0,0,0.30);
}
.dl_table02 dd.dd-height01 {
 height: calc( 2em * 2 );

}
@media screen and (max-width: 575px) {
	.dl_table01,.dl_table02 {
  display: block;
  flex-wrap: nowrap;
}
	.dl_table01 dt,.dl_table01 dd,.dl_table02 dt,.dl_table02 dd{width: 100%;}
}
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #6d6a6c;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
/*table*/
table.table01 { width: 98%; margin: 1em auto;}
.table01  th, .table01  td  { padding: 10px; border: 1px solid #ddd; }
.table01  th  { background: #f4f4f4; }.table01  td  { background: #ffffff; }
.table01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:767px){
    .table01 { margin: 0 -10px; }
    .table01 th,
    .table01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table01 tr:first-child th { border-top: 1px solid #ddd; }
}
/*space*/

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}


/*page*/
.col-h1-1,.col-h1-2{float: left;display: block;}
.sub-nav{  padding: 50px 1.5em; font-size: 14px;}
@media (max-width: 767px) {.col-h1-1,.col-h1-2{float: none;display: block;}
.sub-nav{  padding: 10px 1.5em; font-size: 14px;}}


/*contact*/
.scroll_h350 {
    padding: 10px 15px;
    height: 350px;
    text-align: left;
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

/*Links List*/
.list-iconW{padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
	
}
.list-iconW li{line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;}
.list-iconW li::before{
	content: "\e164";
	font-family: 'Glyphicons Halflings';position: absolute;
  left : 1em;
}	
.list-iconW li:first-line {
    font-weight: bold;
    color: #000;
}
/*iframe*/
.iframe-mt{margin-top:0.8rem;}

@media (min-width: 992px) and  (max-width: 1199px) {.iframe-mt{margin-top:4.75rem;}}

@media (max-width: 991px) {.iframe-mt{margin-top:0rem;}}

/**/
.photo-thumbs {
  width: 100%;
  max-width: 350px;
  position: relative;
}
.photo-thumbs::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.photo-thumbs img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  object-fit: cover;font-family: 'object-fit: cover';z-index: 0;
}
.photo-thumbs-B {
  width: 100%;
  max-width: 301px;
  position: relative;
}
.photo-thumbs-B::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.photo-thumbs-B img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  object-fit: cover;font-family: 'object-fit: cover';z-index: 0;
}
/**/

.img-illa{opacity: 0.5; width: 50%; height: auto;margin: 1em 1em 1em 0;text-align: right;float: right;}
@media (min-width: 576px) and  (max-width: 991px) {
.img-illa{ width: 80%; height: auto;margin: 1.5em auto;}
}
@media (min-width: 481px) and  (max-width: 575px) {
.img-illa{ width: 45%; height: auto;margin: 1em auto;text-align: center;float: none;display: block;}

.h2_cach{
    padding: 0px 50px 0 50px;   }
}
@media (max-width: 480px){
 .img-illa{ width: 45%; height: auto;margin: 1em auto;text-align: center;float: none;display: block;}   
.h2_cach{
    padding: 0px 0 0 25px;   }
}

/*20201020-20201221*/
.thumb-2-sub{width: 50%; float: left;border: 1px solid rgba(231,230,230,1.00); background: #ffffff;padding: 1em;}
.award-box,.award-content{width: 100%;clear: both; float: none;display: block;}
.award-content{margin: 0em 0 0 0;float: none;}
.award-content h2{font-size: 12px;display: block; width: 50%;float: left;line-height:normal;font-weight: 600;}/*20210127*/
.award-content p.p-line{font-size: 12px;  width: 50%;float: left;line-height: normal;border-left: 1px solid #ddd; padding: 0.5em  0em 0em 1em;margin: 1em 0;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;/*height: 8em;*/
  overflow: hidden;}
a.iframe{font-size: 12px;}
.award-content-h{ margin: 0em 0em 1em 1em;float: left;width: 40.25%;display: block;font-size: 12px;}
.award-content-h h2{font-size: 12px;display: block; width: 100%;float: none;line-height: normal;padding-top: 50%;font-weight: 600;}/*20210127*/
.award-content-h p.p-line{width: 100%;float: none;line-height: normal;border-top: 1px solid #ddd; padding: 0.5em  0em 0em 0em;margin: 1em 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;/*height: 8em;*/ overflow: hidden;}

   
.trim_w{
position: relative;
height: 0;
overflow: hidden;
width: 100%;
}
  .trim_h{
position: relative;
height: 100%;
overflow: hidden;
width: 100%;
}
   
   
    .trim_w img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }
.trim_h img{
    position: absolute;
    top: 0%;
    left: 0%;
    /* top: 50%;
    left: 50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    }
    .trim_h img{/*縦max-height: 479px;*/
        height: 100%;
max-width: inherit;
   
    width: 100%;object-fit: cover;
   
    }
    .trim_w img{/*横*/
    height: auto;max-height: inherit;
    width: 100%;
    }

    /* === トリミングサイズ === */
/*211207*/

.thumb-col-2-sub{width: 48.2%; float: left;border: 1px solid rgba(231,230,230,1.00); background: #ffffff;padding: 1em 0 /*2112200.5em*/0em 0;display: block;margin: 0.86%;}
.photo-aw{text-align: center;}
.photo-aw img{width:100%; height:350px;
  object-fit: contain; object-position: 50% 50%;}
    .wrap{
    /*max-width:536px; 横幅*/
    width:100%;
    }
.award-entory{padding: 1em 1em 0 1em;}
.award-entory h2{text-align: center;margin: 0 0 0.75em 0;border-bottom: 2px solid rgba(231,230,230,1.00);font-size: 14px;font-weight: 600;padding-bottom: 0.25em;}
.award-entory p{text-align: center;font-size: 12px;line-height: 1.25em;overflow: hidden;
  height: 2.5em }
@media (min-width: 992px) and  (max-width: 1199px){
    .photo-aw img{width:100%; height:285px;}
}
@media (min-width: 768px) and  (max-width: 991px){
    .photo-aw img{width:100%; height:220px;}
}
@media (min-width: 640px) and  (max-width: 767px){
    .photo-aw img{width:100%; height:180px;}
}
@media (min-width: 576px) and  (max-width: 639px){
    .photo-aw img{width:100%; height:320px;}
}
@media (min-width: 480px) and  (max-width: 575px){
   .photo-aw img{width:100%; height:260px;} 
}
@media (min-width: 360px) and  (max-width: 479px){
    .photo-aw img{width:100%; height:184px;} 
}
    .inner{ /*縦幅*/
    padding-top:56%; /* トリミングしたい縦幅 ÷トリミングしたい横幅 × 100 */
    }
.wrap-H{
    /*max-height:479px; 横幅*/
    width:53.23%;height: 100%; float: left;
    }
    .inner-H{ /*縦幅*/
    padding-right:56.15%; /* トリミングしたい縦幅 ÷トリミングしたい横幅 × 100 */
    }
/*210106*/
@media (min-width: 640px) and  (max-width: 767px){
    .wrap-H{
    /*max-height:479px; 横幅*/
    width:55.23%;height: 100%;max-height:320px; min-height:260px; float: left;
    }
    .award-content-h{width: 38.25%;}
    .award-content h2,.award-content p.p-line{font-size: 0.8em;}
.award-content-h h2,.award-content-h p.p-line{font-size: 1em;}}


@media (min-width: 576px) and  (max-width: 639px){
    .thumb-col-2-sub{width: 100%; float: none;}
    .wrap-H{
    /*max-height:479px; 横幅*/
    width:53.23%;height: 100%;max-height:495px; min-height: 380px; float: left;
    }
     .inner-H{ /*縦幅*/
    padding-right:56.15%; height: 100%;/* 558 トリミングしたい縦幅 ÷トリミングしたい横幅 × 100 */
    }
   .award-content h2,.award-content p.p-line{font-size: 0.8em;}
     .award-content-h h2,.award-content-h p.p-line{font-size: 1em;}
    .award-content p.p-line,.award-content-h p.p-line{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;/*height: 8em;*/ overflow: hidden;}
    .award-content-h h2{padding-top: 30%;}

}

@media (min-width: 480px) and  (max-width: 575px){
    .thumb-col-2-sub{width: 100%; float: none;}
    .wrap-H{
    /*max-height:479px; 横幅*/
    width:53.23%;height: 100%;max-height:430px; min-height: 350px; float: left;
    }
     .inner-H{ /*縦幅*/
    padding-right:56.15%; height: 100%;/* 558 トリミングしたい縦幅 ÷トリミングしたい横幅 × 100 */
    }
   .award-content h2,.award-content p.p-line{font-size: 0.8em;}
    .award-content-h h2,.award-content-h p.p-line{font-size: 1em;}
    .award-content p.p-line,.award-content-h p.p-line{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;/*height: 8em;*/ overflow: hidden;}
    .award-content-h h2{padding-top: 30%;}

}
@media (min-width: 320px) and  (max-width: 479px){
    .thumb-col-2-sub{width: 100%; float: none;}
    .wrap-H{
    /*max-height:479px; 横幅*/
    width:53.23%;height: 100%;max-height:360px; min-height: 300px; float: left;
    }
     .inner-H{ /*縦幅*/
    padding-right:56.15%; height: 100%;/* 558 トリミングしたい縦幅 ÷トリミングしたい横幅 × 100 */
    }
  .award-content-h h2,.award-content-h p.p-line{font-size: 1em;}
    .award-content p.p-line,.award-content-h p.p-line{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;/*height: 8em;*/ overflow: hidden;}
    .award-content-h h2{padding-top: 30%;}

}
/*masonry*/

.grid-item {
    width: 24%; /* 非サポートブラウザ用のフォールバック */
    /*width: 280px; */background: #ffffff;
    margin: 2px;
    font-weight: 500;
}
 p.caption{margin: 6px 15px 6px 15px; font-size: 10px;line-height: 1.3em;}
.grid-item--width2 { width: 560px; }
img.item-im{width: 100%;height: auto;}
.cols {
 float:left;
 padding:9px
}
@media (min-width: 640px) and (max-width: 767px){
    .grid-item { width: 30%; }
    
}
@media (min-width: 480px) and (max-width: 639px){
    .grid-item { width: 48%; }
    
}

@media  (max-width: 479px){
    .grid-item { width: 100%; }
    
}
/*1201*/
/*photo box white*/

.row-eq-heightH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; flex-wrap: wrap;
}
.thumb-col-4-subW{width: 24.1%; float: left;border: 0px solid rgba(231,230,230,0.00);background: rgba(251,251,251,1.00);margin: 0.33%;text-align: center;}
.photo-img {padding: 18px 0 0 0;}
.photo-img img{width:100%/*281.967px*/; height: 176px/*176*/;
  border: 0px solid #000;
  object-fit: contain; object-position: 50% 50%;}
.thumb-col-4-subW h3{font-size: 13px;margin: 7px 3px 0px 3px;font-weight: 600;}/*20120127*/
.thumb-col-4-subW p{font-size: 12px;margin: 0 3px 4px 3px;}

@media (min-width: 1024px) and  (max-width: 1199px) {
    .photo-img img{width:233.767px; height: 144.251px/*180.33451*/;
  border: 0px solid #000;
  object-fit: contain; }
    
}
@media (min-width: 992px) and  (max-width: 1023px) {
    .thumb-col-4-subW{width: 23%; float: left;border: 0px solid rgba(231,230,230,0.00);background: rgba(251,251,251,1.00);margin: 0.8%;text-align: center;}
    .photo-img img{width:223.1px; height: 137.669px/*172.10568px*/;
  border: 0px solid #000;
  object-fit: contain; }
    
}
@media (min-width: 768px) and  (max-width: 991px) {
    /*210105-211201*/
    .thumb-col-4-subW{/*20210127height:205px; */}
     .photo-img img{width:180.75px; height: 111.536px/*139.43568px*/;
  border: 0px solid #000;
  object-fit: contain; }
}
@media (min-width: 576px) and   (max-width: 767px) {
    .thumb-col-4-subW{width: 48.9%; margin: 0.53%;text-align: center;}
    .photo-img img{width:100%;  height: 159px;  object-fit: contain;}
    
}
@media  (min-width: 480px) and (max-width: 575px) {
    .thumb-col-4-subW{width: 48.25%; margin: 0.8%;text-align: center;}
    /*210105-211201*/
    .photo-img img{width:100%; height: 128px; }
    
}
/*210105-211201*/
@media  (max-width: 479px){
     .thumb-col-4-subW{width: 48.25%; margin: 0.8%;text-align: center;}
    /*210105*/
    .photo-img img{width:100%;  height: 96px; }
    
}
.w-100{width:100%;}
.btn-wk{float: left;width: 16%;margin: 0.25em;}
@media (min-width: 768px) and  (max-width: 991px) {.btn-wk{float: left;width: 24%;margin: 0.25em;}}

@media (min-width: 576px) and   (max-width: 767px) {.btn-wk{float: left;width: 32%;margin: 0.25em;}}
@media (max-width: 575px) {.btn-wk{float: left;width: 48%;margin: 0.25em;}}
@media (min-width: 480px) and  (max-width: 767px) {
img.flogo{width: 250px;}
    nav .nav-footer li{width: 33%; float: left; text-align: center;}
    nav .nav-footer{border-top: 1px solid rgba(205,205,205,1.00);}
    #page_top{
    width: 100px;
    height: 40px;
    position: fixed;
    right: 0;
    bottom: 120px;
    background: rgba(0,0,0,0.80);
    opacity: 0.6;
    border-top-left-radius: 10px;border-bottom-left-radius: 10px;
}
}
@media (max-width: 479px) {
img.flogo{width: 250px;}
     nav .nav-footer{border-top: 1px solid rgba(205,205,205,1.00);}
    nav .nav-footer li{width: 50%; float: left; text-align: center;}
    #page_top{
    width: 100px;
    height: 40px;
    position: fixed;
    right: 0;
    bottom: 150px;
    background: rgba(0,0,0,0.80);
    opacity: 0.6;
    border-top-left-radius: 10px;border-bottom-left-radius: 10px;
}
}

/*20210127*/
@media (max-width: 639px) {
.enkaku{display: none}
}

/*20210407*/
.cach-box{width: 610px;margin: 1em auto;}
@media  (max-width:479px){.cach-box{width: 310px;}}
@media (min-width:480px) and (max-width:575px){.cach-box{width: 380px;}}
@media (min-width:576px) and (max-width:767px){.cach-box{width: 450px;}}
@media (min-width:768px) and (max-width:991px){.cach-box{width: 500px;}}

/*250228*/
.box-ball{border: 1px solid #DDDDDD; margin:0 1.5em; padding: 1em;}
.box-ball h3{font-size:16px;margin: 0.5em 0;font-weight: 600;}
.box-ball a{text-decoration: underline;color: #235284;}

/*メニューをページ下部に固定*/
#sp-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;

   z-index: 99;
}

/*メニューを横並びにする*/
#sp-menu ul{
   display: grid;
	 grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-menu li{
   justify-content: center;
   align-items: center;
  
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #CACBD0;
}

#sp-menu li:first-child{
   background: #255E98;
}

#sp-menu li:last-child{
   background: #248698;
}

#sp-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}/*.for-sp{
      display:none;
    }*/
@media (max-width: 1023px) {
footer {padding-bottom: 40px;}
	
}
@media (min-width: 1024px) {
   .for-sp{
      display:none;
    }
}