/* ----------------------------------------------------------

jyuryomokkotsu

---------------------------------------------------------- */
#juryomokkotsu main {
  padding-bottom: 0px;
}

#juryomokkotsu .c-main__ttl02-wrap {
  background: url(../images/juryomokkotsu/mv.jpg) no-repeat top center / cover;
  max-width: 1920px;
  width: 100%;
  height: 645px;
  margin-inline: auto;
  position: relative;
  margin-bottom: 40px;
}

#juryomokkotsu .mv .logo {
  width: 420px;
  height: 185px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding: 30px 40px;
  background: rgba(255, 255, 255, .5);
}

#juryomokkotsu .mv .logo img {
  width: 100%;
  height: auto;        
}

#juryomokkotsu .seo_bread_list {
  position: relative;
  z-index: 10;
  color: #000;
}

#juryomokkotsu .seo_bread_list span {
  color: #000;
}

#juryomokkotsu .header.up .inner .logo_box {
  padding: 5px 0 0;
}

#juryomokkotsu .header.up .inner .logo_box .catch {
  font-size: 12px;
  margin-bottom: 2px;
}

#juryomokkotsu .header .inner .gnav .cv {
  width: 216px;
  height: 35px;
}

#juryomokkotsu .main_science.page_index .mv {
  width: 100%;
  height: 645px;
  background: url(../images/juryomokkotsu/mv.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
}

#juryomokkotsu .main_science.page_index .mv .logo {
  position: absolute;
  width: 420px;
  height: 185px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding: 30px 40px;
  background: rgba(255,255,255,.5);
}

#juryomokkotsu .main_science.page_index .lead_box {
  width: 100%;
  margin-bottom: 0 !important;
  padding: 120px 0 120px !important;
  background: none !important;
}

#juryomokkotsu .cmn_tit02 {
  font-weight: 500;
  font-size: 27px;
  line-height: 1;
  text-align: center;
  margin-bottom: 40px;
}

#juryomokkotsu .slidegallery {
  width: 1100px;
  margin: 0 auto 120px;
}

#juryomokkotsu .slick-slider {
  margin-bottom: 20px;
}

#juryomokkotsu .slick-slider .ph {
  position: relative;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 66.2%;
}

#juryomokkotsu .ph.ph_sys img {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}

#juryomokkotsu .thumb_gallery li {
  display: inline-block;
  position: relative;
  width: 180px;
  margin: 0 1px;
  padding-bottom: 120px;
  vertical-align: top;
}

#juryomokkotsu .thumb_gallery li img {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}

#juryomokkotsu .about_box {
  width: 1100px;
  margin: 0 auto 120px;
}

#juryomokkotsu .about_box .ph {
  margin-bottom: 40px;
  padding: 0 50px;
}

#juryomokkotsu .about_box .ph img {
  width: 100%;
  height: auto;        
}

#juryomokkotsu .about_box .tit {
  font-weight: 500;
  font-size: 23px;
  line-height: 1;
  text-align: center;
  margin-bottom: 20px;
}

#juryomokkotsu .about_box .txt {
  font-size: 16px;
  text-align: center;
}

#juryomokkotsu .main_science.page_index .box {
  background: url(../images/juryomokkotsu/ph02.jpg) no-repeat left top;
  background-size: 974px auto;
}

#juryomokkotsu .main_science.page_index .box.box02 {
  background: url(../images/juryomokkotsu/ph03.jpg) no-repeat right top;
  background-size: 974px auto;
  padding: 98px 0 0 68px;
}

#juryomokkotsu .main_science.page_index .box.box03 {
  background: url(../images/juryomokkotsu/ph04.jpg) no-repeat left top;
  background-size: 974px auto;
}

#juryomokkotsu .main_science.page_index .box.box04 {
  background: url(../images/juryomokkotsu/ph05.jpg) no-repeat right top;
  background-size: 974px auto;
  padding: 98px 0 0 68px;
}

#juryomokkotsu .main_science.page_index .box.box05 {
  background: url(../images/juryomokkotsu/ph06.jpg) no-repeat left top;
  background-size: 974px auto;
}

#juryomokkotsu .box .inner .txt_box .tit {
  padding: 20px 0!important;
  font-size: 25px!important;
  line-height: 1.3!important;
  display: flex;
  align-items: center;
}

#juryomokkotsu .box .inner .txt_box .tit span {
  margin-right: 10px;
  padding: 3px 10px;
  background: #585858;
  color: #fff;
}

#juryomokkotsu .box .inner .txt_box .tit span.title {
  margin-right: 0;
  padding: 0;
  background: none;
  color: inherit;
}

#juryomokkotsu .btn_more {
  width: 450px!important;
}

#juryomokkotsu .btn_list {
  display: flex;
  align-items: center;
  justify-content: center;
}

#juryomokkotsu .btn_list .btn_more {
  width: 400px!important;
  margin: 0 10px;
}

#juryomokkotsu .btn_list .btn_more:first-child a {
  background: #585858;
}

#juryomokkotsu .btn_list .btn_more:first-child a:hover {
  color: #fff;
}

#juryomokkotsu .footer {
  padding: 25px 0 25px;
  background: #1e1e1e;
}

#juryomokkotsu .fix_ft {
  position: fixed;
  bottom: 0;
  width: 100%;
}

#juryomokkotsu .fix_ft a {
  display: inline-block;
  width: 100%;
  height: 50px;
  background: #00549c;
  color: #fff;
  font-size: 3.8vw;
  line-height: 50px;
  text-align: center;
}


#juryomokkotsu .fix_ft.up {
  display: flex;
  align-items: center;
}

#juryomokkotsu .fix_ft.up .btn {
  width: 50%;
  height: 50px;
}

#juryomokkotsu .fix_ft.up .btn a {
  font-size: 3.4vw;
}

#juryomokkotsu .fix_ft.up .btn:first-child a {
  background: #585858;
}

/**************************************

cmn

**************************************/

/**************************************

science(index以外)

**************************************/
#juryomokkotsu .main_science .lead_box .inner {
  width: 916px;
  margin: 0 auto;
}

#juryomokkotsu .main_science .lead_box .inner .cmn_tit {
  margin-bottom: 85px;
  text-align: center;
  position: relative;
}

#juryomokkotsu .main_science .lead_box .inner .cmn_tit span.top {
  font-size: 16px;
  line-height: 1.3;
}

#juryomokkotsu .main_science .lead_box .inner .cmn_tit span.bottom {
  font-size: 27px;
  line-height: 1.3;
}

#juryomokkotsu h3.cmn_tit::after {
  position: absolute;
  right: 0;
  bottom: -24px;
  left: 0;
  width: 17px;
  height: 1px;
  margin: auto;
  background: #00549c;
  content: "";
}

#juryomokkotsu .main_science .lead_box .inner .txt {
  margin-bottom: 50px;
  text-align: center;
}

#juryomokkotsu .main_science .lead_box .inner dl {
  border: 1px solid #fff;
  background: #fff;
  font-size: 0;
}

#juryomokkotsu .main_science .lead_box .inner dl dt {
  display: inline-block;
  width: 241px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}

#juryomokkotsu .main_science .lead_box .inner dl dd {
  display: inline-block;
  width: calc(100% - 241px);
  padding: 25px 40px 25px 50px;
  background: #f5f4f1;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}

.main_science.page_07 .lead_box .inner {
  width: 100% !important;
}

.main_science.page_07 .lead_box .inner dl {
  width: 916px;
  margin: 0 auto;
}


/**************************************

science(index)

**************************************/
.main_science.page_index .box {
  width: 1256px;
  height: 623px;
  margin: 0 auto 178px;
  padding: 98px 0 0 689px;
  background-size: 974px auto;
}

.main_science.page_index .box .inner .txt_box {
  width: 498px;
  background: rgba(245, 244, 241, 0.95);
}

.main_science.page_index .box .inner .txt_box a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 60px 50px;
}

.main_science.page_index .box .inner .txt_box a:hover .more {
  background: none;
  color: inherit;
}

.main_science.page_index .box .inner .txt_box a:hover .more::after {
  right: -52px;
  transition: all 200ms;
}

.main_science.page_index .box .inner .txt_box .sub {
  margin-bottom: 12px;
  font-size: 18px;
}

.main_science.page_index .box .inner .txt_box .sub span {
  margin-right: 15px;
  padding: 3px 15px;
  background: #585858;
  color: #fff;
  font-size: 15px;
}

.main_science.page_index .box .inner .txt_box .tit {
  margin-bottom: 25px;
  padding: 30px 0;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  font-size: 34px;
  line-height: 1;
}

.main_science.page_index .box .inner .txt_box .txt .stit {
  margin-bottom: 10px;
  font-size: 17px;
}

.main_science.page_index .box .inner .txt_box .txt .sentences {
  font-size: 14px;
}

.main_science.page_index .box .inner .txt_box .more {
  position: absolute;
  right: 80px;
  bottom: 25px;
  font-size: 12px;
}

.main_science.page_index .section_bg {
  width: 480px;
  margin: 0 auto;
}

.main_science.page_index .section_bg .tit {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #afafaf;
  font-size: 2rem;
  text-align: center;
}

.main_science.page_index .section_bg table th {
  vertical-align: top;
}

.main_science.page_index .section_bg table td {
  padding: 0 0 10px 20px;
  vertical-align: top;
}

#juryomokkotsu .btn_list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 80px;
}

#juryomokkotsu .btn_list .btn_more {
  width: 400px!important;
  margin: 0 10px;
}

#juryomokkotsu .btn_list .btn_more:first-child a {
  background: #585858;
}

#juryomokkotsu .btn_list .btn_more:first-child a:hover {
  color: #fff;
}

#juryomokkotsu .btn_more a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  background: #00549c;
  color: #fff;
  font-size: 15px;
  line-height: 62px;
  text-align: center;
}

#juryomokkotsu .btn_more a::after {
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  width: 34px;
  height: 5px;
  margin: auto;
  background: url(../images/juryomokkotsu/arrow_wh.png) no-repeat center;
  background-size: 100% auto;
  content: "";
}

/* ========================================
@media screen and (max-width:760px) {
======================================== */
@media screen and (max-width:760px) {
#juryomokkotsu .c-main__ttl02-wrap {
  width: 100%;
  height: 240px;
  background: url(../images/juryomokkotsu/mv.jpg) no-repeat center top;
  background-size: cover;
  padding: 0;
  position: relative;
}

#juryomokkotsu .mv .logo {
  position: absolute;
  width: 250px;
  height: 110px;
  padding: 20px 30px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: rgba(255, 255, 255, .5);
}

#juryomokkotsu .mv .logo img {
  width: 100%;
  height: auto;        
}

#juryomokkotsu .seo_bread_list {
  position: relative;
  z-index: 10;
  color: #000;
}

#juryomokkotsu .seo_bread_list span {
  color: #000;
}

#juryomokkotsu .header .inner {
  min-width: 100%;
  margin: 0 auto;
}

#juryomokkotsu .header.up {
  height: auto;
}

#juryomokkotsu .header.up .inner .logo_box {
  padding: 7px 0;
}

#juryomokkotsu .header.up .inner .logo_box .catch {
  font-size: 12px;
  margin-bottom: 2px;
  text-align: center;
}

#juryomokkotsu .main_science.page_index .mv {
  width: 100%;
  height: 220px;
  background: url(../images/juryomokkotsu/mv.jpg) no-repeat center top;
  background-size: cover;
}

#juryomokkotsu .main_science.page_index .mv .logo {
  width: 250px;
  height: 110px;
  padding: 20px 30px;
}

#juryomokkotsu .main_science.page_index .lead_box {
  padding: 10% 5% 15% !important;
}

#juryomokkotsu .cmn_tit02 {
  font-size: 6vw;
  line-height: 1.3;
  margin-bottom: 5%;
}

#juryomokkotsu .slidegallery {
  width: 100%;
  padding: 0 5%;
  margin: 0 auto 15%;
}

#juryomokkotsu .slick-slider {
  margin-bottom: 1%;
  padding-bottom: 0;
}

#juryomokkotsu .slick-slider .ph {
  position: relative;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 66.2%;
}

#juryomokkotsu .thumb_gallery li {
  display: inline-block;
  position: relative;
  width: 100px;
  margin: 0 1px;
  padding-bottom: 40px;
  vertical-align: top;
}

#juryomokkotsu .thumb_gallery li img {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}

#juryomokkotsu .about_box {
  width: 100%;
  padding: 0 5%;
  margin: 0 auto 15%;
}

#juryomokkotsu .about_box .ph {
  margin-bottom: 5%;
  padding: 0;
}

#juryomokkotsu .about_box .tit {
  font-weight: 500;
  font-size: 5.5vw;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 4%;
}

#juryomokkotsu .about_box .txt {
  font-size: 4vw;
  text-align: center;
} #juryomokkotsu .about_box {
  width: 100%;
  padding: 0 5%;
  margin: 0 auto 15%;
}

#juryomokkotsu .about_box .ph {
  margin-bottom: 5%;
  padding: 0;
}

#juryomokkotsu .about_box .tit {
  font-weight: 500;
  font-size: 5.5vw;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 4%;
}

#juryomokkotsu .about_box .txt {
  font-size: 4vw;
  text-align: center;
}

#juryomokkotsu .main_science.page_index .box {
  background: url(../images/juryomokkotsu/ph02.jpg) no-repeat left top;
  background-size: 100% auto!important;
}

#juryomokkotsu .main_science.page_index .box.box02 {
  background: url(../images/juryomokkotsu/ph03.jpg) no-repeat right top;
  background-size: 100% auto!important;
  padding: 50vw 5% 0;
}

#juryomokkotsu .main_science.page_index .box.box03 {
  background: url(../images/juryomokkotsu/ph04.jpg) no-repeat left top;
  background-size: 100% auto!important;
}

#juryomokkotsu .main_science.page_index .box.box04 {
  background: url(../images/juryomokkotsu/ph05.jpg) no-repeat right top;
  background-size: 100% auto!important;
  padding: 50vw 5% 0;
}

#juryomokkotsu .main_science.page_index .box.box05 {
  background: url(../images/juryomokkotsu/ph06.jpg) no-repeat left top;
  background-size: 100% auto!important;
}

#juryomokkotsu .box .inner .txt_box .tit {
  padding: 10px 0!important;
  font-size: 5.5vw!important;
  line-height: 1.3!important;
  display: flex;
  align-items: center;
}

#juryomokkotsu .box .inner .txt_box .tit span {
  margin-right: 10px;
  padding: 3px 6px;
  background: #585858;
  color: #fff;
}

#juryomokkotsu .box .inner .txt_box .tit span.title {
  margin-right: 0;
  padding: 0;
  background: none;
  color: inherit;
}

#juryomokkotsu .btn_more {
  width: 90%!important;
}

#juryomokkotsu .btn_more a::after {
  right: 10px;
}

#juryomokkotsu .btn_list {
  flex-wrap: wrap;
  width: 95%!important;
  margin: 0 auto;
}

#juryomokkotsu .btn_list .btn_more:first-child {
  margin-bottom: 3%;
}

/* cmn
-------------------------------------*/
#juryomokkotsu .main_science .lead_box {
  width: 100%;
  margin-bottom: 10%;
  padding: 10% 5%;
  background: #f5f4f1;
}

#juryomokkotsu .main_science .lead_box .inner {
  width: 100%;
  margin: 0 auto;
}

#juryomokkotsu .main_science .lead_box .inner .cmn_tit {
  margin-bottom: 12%;
}

#juryomokkotsu .main_science .lead_box .inner .txt {
  margin-bottom: 5%;
  font-size: 3.8vw;
}

#juryomokkotsu .main_science .lead_box .inner dl {
  border: 1px solid #fff;
  background: #fff;
  font-size: 0;
}

#juryomokkotsu .main_science .lead_box .inner dl dt {
  display: inline-block;
  width: 100%;
  padding: 5%;
  font-size: 4vw;
  text-align: center;
  vertical-align: middle;
}

#juryomokkotsu .main_science .lead_box .inner dl dd {
  display: inline-block;
  width: 100%;
  padding: 5%;
  background: #f5f4f1;
  font-size: 4vw;
  text-align: left;
  vertical-align: middle;
}

.main_science.page_index .lead_box {
  width: 100%;
  margin-bottom: 0 !important;
  padding: 10% 5% 10% !important;
  background: none !important;
}

.main_science.page_index .lead_box .txt {
  margin-bottom: 0 !important;
}

#juryomokkotsu .btn_list {
  flex-wrap: wrap;
  width: 95%!important;
  margin: 0 auto;
  margin-bottom: 10vw;
}

#juryomokkotsu .btn_list .btn_more:first-child {
  margin-bottom: 3%;
}

#juryomokkotsu .main_science.page_index .box {
  width: 100%;
  height: auto;
  margin: 0 auto 15%;
  padding: 50vw 5% 0;
  background: url(../images/juryomokkotsu/ph02.jpg) no-repeat left top;
  background-size: 100% auto;
}

#juryomokkotsu .main_science.page_index .box .inner .txt_box {
  width: 100%;
  background: rgba(245, 244, 241, 0.95);
}

#juryomokkotsu .main_science.page_index .box .inner .txt_box a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8% 5% 12%;
}

}