@charset "UTF-8";
.page_header{
	position: relative;
width: 100%;
  height: 0;
	top:120px;
  padding-top: calc(620 / 2123 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/page_header_pc.png") center center / cover no-repeat;
	z-index: -1000;
	margin-bottom: 110px;
}
.page_header h2{position: absolute;top:36%;left: 10%;font-size: 2.2em;}
.box-item03{background-color: #EBEEF3;}
.box-item03:hover{background-color: #D4ECEE;}

.company_h3{font-size: 1.4em;margin-bottom: 1em;}
.company_h3_02{font-size: 1.4em;margin-bottom: 0em;}

h3.mincyo_catch_01{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; text-align: left;font-size:1.6em;margin: 1.6em 0 0;font-weight: normal;}

/* 写真右下のCSS */
#left-box {
  width: 100%;
 overflow: hidden;/*float解除*/
}
#left-box p{line-height: 1.8em;}
#left-box .space {
  float: right;/*画像の位置を右下にしたい場合はright*/
  height: 5em/*画像上の余白の高さ*/
}
#left-box .img {
  float: right;/*画像の位置を右下にしたい場合はright*/
  clear: both;/*.spaceのfloat解除*/
  margin: 1.2em 0em 0 1.2em;/*画像の周りの余白*/
	width: 30%;
}
#left-box .img img{width: 100%;}
/* 概要表のCSS */
.company_info{
width: 100%;
  height: auto;
	background-color: #ffffff;
  
}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 0% 0 5%;
	padding: 0;
	border-top: solid 1px #979898;
}
.company_info dt {
  width: 14%;
padding: 20px 3%;
 margin: 0 0 0 0;
  display: flex;
  align-items: center;
  justify-content: left;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	background-color: #DCECFF;
}
.company_info dd {
  width: 72%;
  padding: 20px 5% 20px 3%;
  margin: 0 0 0 0;
	border-bottom: solid 1px #979898;
	font-size: 1em;
	text-align: left;
	line-height: 1.8em;
}
.company_info dd span{display: inline-block;}
/* GoogleマップのCSS */
.map_h4{font-weight: normal;}
.gmap iframe{width: 100%;height: 350px;}

/* 年表のCSS */
.timeline > li {
    overflow: hidden;
    margin: 0em 0 0em;
    position: relative;
	
  }
.timeline-date {
    width: 150px;
    float: left;
    margin-top: 20px;
  }
.timeline-content {
    width: 75%;
    float: left;
    border-left: 2px #5CBEB8 solid;
    padding-left: 30px;
	padding-bottom: 1em;
	padding-top: 1em;
  }
.timeline-content h3{font-weight: normal;}
.timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #5CBEB8;
    position: absolute;
    left: 145px;
    top: 24px;
    border-radius: 100%;
  }

/* 社会奉仕活動のCSS */
ul.service{
  list-style:none;
	margin: 3em 0;
}

ul.service li{
  background:url("../img/service_icon.svg") no-repeat 0 0;
  background-size:auto 22px;
  padding-left: 30px;
line-height: 1.4em;
	margin: 1em 0;
	padding-bottom: 1em;
	border-bottom: dotted 2px #B4B4B5;
}
.img100per{width: 100%;}
.movie{width: 80%;margin: 0 auto 5em;}
.border_blue{border-bottom: solid 2px #4193BB;border-left: solid 5px #4193BB;padding-left: 2%;padding-bottom: 0.4%;margin-bottom: 1em;}
ol.attempt  {
  margin: 0;
  padding: 0
}
ol.attempt li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
	margin: 0.4em;
	text-align: justify;
}
.movie iframe{width: 100%;height: 400px;}
@media screen and (max-width: 1200px) {

}


@media screen and (max-width: 560px) {
.movie{width: 100%;margin: 0 auto 5em;}
.page_header{
	position: relative;
width: 100%;
  height: 0;
	top:80px;
  padding-top: calc(620 / 2123 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/page_header_pc.png") center center / cover no-repeat;
	z-index: -1000;
	margin-bottom: 76px;
}
.page_header h2{position: absolute;top:30%;left: 2%;font-size: 1.5em;}

.company_h3{font-size: 1.2em;margin-bottom: 1em;}
	
h3.mincyo_catch_01{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; text-align: left;font-size:1.2em;margin: 1.2em 0 0;font-weight: normal;}
	
/* 写真右下のCSS */
#left-box {
  width: 100%;
 overflow: hidden;/*float解除*/
}
#left-box p{line-height: 1.8em;}
#left-box .space {
  float: none;/*画像の位置を右下にしたい場合はright*/
  height: auto/*画像上の余白の高さ*/
}
#left-box .img {
  float: none;/*画像の位置を右下にしたい場合はright*/
  clear: both;/*.spaceのfloat解除*/
  margin: 2em;/*画像の周りの余白*/
	width: 80%;
}
#left-box .img img{width: 100%;}
	
/* 概要表のCSS */
.company_info{
width: 100%;
height: auto;
margin: 0 auto;
}
.company_info dl {
  display: flex;
  flex-wrap: wrap;
	width: 100%;
	margin: 0% auto;
	padding: 0;
}
.company_info dt {
  width: 96%;
  padding: 2% 2% 2%;
  margin: 0 0 0px 0;
display: flex;
  align-items: center;
  justify-content: left;
border-bottom: none;
border-right: none;
}
.company_info dd {
  width: 96%;
  padding: 1% 2% 2%;
  margin: 0 0 0px 0;
border-bottom: solid 1px #979898;
}
.company_info dd span{display: none;}
/* GoogleマップのCSS */
.gmap iframe{width: 100%;height: 250px;margin-bottom: 2em;}
.map_h4{margin-top: 0.6em;}
/* 年表のCSS */
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 0px;
	border-bottom: solid 1px #5CBEB8;
}
.movie iframe{width: 100%;height: 200px;}
.timeline-date {
    width: 150px;
    float: none;
    margin-top: 10px;
	padding-left: 20px;
  }
.timeline-content {
    width: 95%;
    float: none;
    border-left:none;
    padding-left: 20px;
	padding-bottom: 1em;
	padding-top: 0em;
  }
.timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #5CBEB8;
    position: absolute;
    left: 0px;
    top: 14px;
    border-radius: 100%;
  }
	
}