@charset "utf-8";


/** TOPページのみ 黒NAV 
#siteheader div.header_inner div.bg_header_container {
  width: 100%;
  height:170px
  display: block;
  background: -moz-linear-gradient(top, rgba(4, 5, 3, 10),rgba(0, 1, 1, 0.9) 72%,rgba(1, 1, 1, 0)); 
  background: -webkit-linear-gradient(top, rgba(4, 5, 3, 10),rgba(0, 1, 1, 0.9) 72%,rgba(1, 1, 1, 0)); 
  background: linear-gradient(to bottom,rgba(4, 5, 3, 10),rgba(0, 1, 1, 0.9) 72%,rgba(1, 1, 1, 0));
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  transition: 0.3s;
}
/** END./TOPページのみ 黒NAV **/


/*#siteheader{
  opacity: 0;
  display: none;
  transition: .5s
}
#siteheader.op{
  opacity: 1;
    display: block;
}*/

.headerScroll #siteheader div.header_inner div.header_container{  
  background-color: rgba(57,57,57,0);
  transition: background-color 1s;
}
.headerScroll #siteheader.op div.header_inner div.header_container{  
  background-color: rgba(57,57,57,0.85);
  transition: background-color 1s;
}


/*============================
#KEY_container
============================*/
div#KEY_container {
  width: auto;
  position: relative;
  background: #000;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
   margin-top: -80px
}
div#KEY_container p.cover{
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%
}
div#KEY_container p.cover img{
  width: 100%;
  height: 100%
}

div#KEY_container iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div#KEY_container video{
  width: 100%;
}

.mainVisual {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

div#KEY_container div.inner {
  width: auto;
  position: relative;
}

div#KEY_container div.inner div.key_slider {
  width: auto;
  /*height: 768px;
  height: 48vw;*/
  /*
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  */
}

div#KEY_container div.inner div.key_slider div.swiper-wrapper {
  width: auto;
}

div#KEY_container div.inner div.key_slider div.swiper-wrapper div.swiper-slide {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}

div#KEY_container div.inner div.key_slider div.swiper-wrapper div.swiper-slide::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-pagination {
  transition: 0.3s;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.45);
  border: 2px solid #797775;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.83);
  border: 2px solid #71716E;
}





div.main_container {
  width: 100%;
  position: relative;

  min-height: 100vh;
}

/*
div#BG_MAIN {
  width: 100%;
  height: 100%;
  background: transparent url(../../images/top/bg_centerline_pc.png) no-repeat center center;
  -webkit-background-size: cover;
  background-size: 100% 78.6%;
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
  z-index: 2;
}
*/


/*
.main_container {
  position: relative;
  background: transparent url(../../images/top/bg_centerline_pc.png) no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}*/




/*============================
KEY_TITLE
============================*/
div#KEY_TITLE {
  width: auto;
  position: relative;
}

div#KEY_TITLE div.inner {
  width: auto;
  padding: 364px 0;
}

div#KEY_TITLE div.inner h2 {
  width: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
}





/*============================
concept_contents
============================*/
div.concept_contents {
  width: auto;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(59, 49, 49, 0.74)); 
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(59, 49, 49, 0.74)); 
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(59, 49, 49, 0.74));
  position: relative;
}

/*
div.concept_contents::after {
  content: "";
  width: auto;
  max-width: 1366px;
  height: 100%;
  margin: 0 auto;
  background: transparent url(../../images/top/bg_line01_pc.png) no-repeat center bottom;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: -2.5%;
  left: 0;
  right: 0;
  z-index: 1;
}


@media (max-width:1000px){
  div.concept_contents::after {
    -webkit-background-size: 1366px;
    background-size: 1366px;
  }
}

@media (max-width:1000px){
  div.concept_contents::after {
    -webkit-background-size: 1366px;
    background-size: 1366px;
  }
}
*/




div.concept_contents div.conts_inner {
  width: auto;
  position: relative;
  z-index: 2;
}

div.concept_contents div.conts_inner div.read_wrap {
  width: 92.7%;
  max-width: 1130px;
  margin: 0 auto;
  padding: 180px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
}

div.concept_contents div.conts_inner div.read_wrap h3 {
  width: auto;
  margin: 0 0 0 15%;
  font-size: 33px;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.37;
  font-family: 'Libre Baskerville', serif;
}

div.concept_contents div.conts_inner div.read_wrap div.text {
  width: auto;
  margin: 0 0 0 7.3%;
  /*margin: 0 10.9% 0 0;*/
}

div.concept_contents div.conts_inner div.read_wrap div.text p.read {
  width: auto;
  padding: 0 0 25px 0;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.97);
  line-height: 1.5;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

div.concept_contents div.conts_inner div.read_wrap div.text p.text {
  width: auto;
  font-size: 14px;
  color: #fff;
  line-height: 2.1;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

div.concept_contents div.bg_en_read {
  width: 100%;
  font-size: 60px;
  color: rgba(255, 255, 255, 0.12);
  text-align: center;
  font-family: 'Libre Baskerville', serif;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
  z-index: 1;
}





/*============================
brand_contents
============================*/
div.brand_contents {
  width: auto;
  position: relative;
  z-index: 1;
}

/*
div.brand_contents::after {
  content: "";
  width: auto;
  max-width: 1366px;
  height: 100%;
  margin: 0 auto;
  background: transparent url(../../images/top/bg_line02_pc.png) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
*/

div.brand_contents div.conts_inner {
  width: auto;
  padding: 110px 0 115px 0;
  background-color: #333131;
}

div.brand_contents div.conts_inner h3 {
  width: auto;
  padding: 0 0 20px 0;
  font-size: 32px;
  color: #fff;
  text-align: center;
  font-family: 'Libre Baskerville', serif;
  position: relative;
  z-index: 2;
}

div.brand_contents div.conts_inner p.read {
  width: auto;
  padding: 0 0 65px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
  position: relative;
  z-index: 2;
}

div.brand_contents div.conts_inner ul {
  width: 92.7%;
  max-width: 1115px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

div.brand_contents div.conts_inner ul li {
  width: 49.5%;
  padding: 0 0 9px 0;
}

div.brand_contents div.conts_inner ul li a {
  width: auto;
}





/*============================
eventnews_contents
============================*/
div.eventnews_contents {
  width: auto;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

/*
div.eventnews_contents::after {
  content: "";
  width: auto;
  max-width: 1366px;
  height: 100%;
  margin: 0 auto;
  background: transparent url(../../images/top/bg_line03_pc.png) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
*/

div.eventnews_contents div.conts_inner {
  width: auto;
  padding: 120px 0 135px 0;
  /* background-color: rgba(255, 255, 255, 0.7); */
  position: relative;
  z-index: 2;
}

div.eventnews_contents div.conts_inner div.post_wrap {
  width: 92.7%;
  max-width: 1130px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box {
  width: 47%;
  position: relative;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.title_wrap {
  width: auto;
  padding: 0 0 45px 0;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.title_wrap h3 {
  width: auto;
  font-size: 32px;
  line-height: 1.5;
  font-family: 'Libre Baskerville', serif;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap {
  width: auto;
  /*height: 28vw;*/
  height: 430px;
  overflow: auto;
  scrollbar-width: thin;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul {
  width: 95%;
  margin: 0 auto 0 0;
  border-top: 1px solid #EFEFEF;
  box-sizing: border-box;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li {
  width: auto;
  padding: 20px 0;
  border-bottom: 1px solid #EFEFEF;
  box-sizing: border-box;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li.is-hide {
  display: none;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li a {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li a figure {
  width: 100px;
  overflow: hidden;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li a figure img {
  width: 100%;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li div.text_area {
  width: 75.4%;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  justify-content:space-between;
}


/*  調整前style
div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li a figure {
  width: 20.2%;
  overflow: hidden;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li a figure span {
  width: 100%;
  height: 0;
  display: block;
  padding-top: 100%;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li div.text_area {
  width: 76.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  justify-content:space-between;
} */

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li div.text_area p.title {
  width: auto;
  font-size: 16px;
  line-height: 1.75;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li div.text_area div.data {
  width: auto;
  padding: 10px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li div.text_area div.data p.day {
  width: auto;
  margin: 0 30px 0 0;
  font-size: 14px;
  color: #848484;
  line-height: 1.0;
  font-weight: 500;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li div.text_area div.data p.cate {
  width: auto;
  font-size: 14px;
  color: #848484;
  line-height: 1.0;
  font-weight: 500;
  position: relative;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.list_wrap ul li div.text_area div.data p.cate::after {
  content: "";
  width: 1px;
  height: 11px;
  background-color: #848484;
  position: absolute;
  top: 50%;
	left: -15px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.link_btn {
  width: auto;
  padding: 51px 0 0 0;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.link_btn a {
  width: 62.9%;
  margin: 0 auto;
  display: block;
  background-color: #2c2c2c;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.link_btn a span {
  width: 88%;
  display: block;
  margin: 0 auto;
  padding: 25px 0;
  font-size: 14px;
  color: #fff;
  line-height: 1.0;
  letter-spacing: 0.05em;
  font-weight: bold;
  position: relative;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box div.link_btn a span::after {
  content: "";
  width: 33px;
  height: 23px;
  background: transparent url(../../images/common/arrow_search.png) no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  top: 50%;
	right: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}



/** cate_area **/
div.eventnews_contents div.conts_inner div.post_wrap div.com_box.news div.title_wrap {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  opacity: 1;
  transition: 0.6s;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box.news div.title_wrap div.cate_area {
  width: 44%;
  /*
  padding: 10px 0 0 0;
  */
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box.news div.title_wrap div.cate_area p.category {
  width: auto;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #C3C3C3;
  box-sizing: border-box;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box.news div.title_wrap div.cate_area p.category span {
  width: auto;
  display: block;
  padding: 0 0 0 8px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  position: relative;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box.news div.title_wrap div.cate_area p.category span::after {
  content: "";
  width: 14px;
  height: 8px;
  background: transparent url(../../images/common/arrow_cate_gray.png) no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  top: 50%;
	right: 9.5%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box.news div.title_wrap div.cate_area ul.cate_list {
  width: auto;
  padding: 5px 0 0 0;
  background-color: #fff;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box.news div.title_wrap div.cate_area ul.cate_list li {
  width: 95%;
  margin: 0 auto;
  padding: 5px 0;
  border-bottom: 1px solid #C3C3C3;
  box-sizing: border-box;
}

div.eventnews_contents div.conts_inner div.post_wrap div.com_box.news div.title_wrap div.cate_area ul.cate_list li span {
  width: auto;
  padding: 0 0 0 8px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}





/*============================
bg_contents
============================*/
div.bg_contents {
  width: auto;
  background: -moz-linear-gradient(top, rgba(51, 49, 49, 0.82) 15.4%,rgba(51, 49, 49, 10)); 
  background: -webkit-linear-gradient(top, rgba(51, 49, 49, 0.82) 15.4%,rgba(51, 49, 49, 10)); 
  background: linear-gradient(to bottom, rgba(51, 49, 49, 0.82) 15.4%,rgba(51, 49, 49, 10));
  position: relative;
  z-index: 1;
}

/*
div.bg_contents::before {
  content: "";
  width: auto;
  max-width: 1366px;
  height: 100%;
  margin: 0 auto;
  background: transparent url(../../images/top/bg_line04_pc.png) no-repeat center top;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
*/

div.bg_contents::after {
  content: "";
  width: 100%;
  height: 53.2%;
  margin: 0 auto;
  background: transparent url(../../images/top/how_bg_pc.png) no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  bottom: -37px;
  left: 0;
  right: 0;
  z-index: 0;
}


div.bg_contents div.bg_contents_inner {
  width: auto;
  position: relative;
}

/*
@media (max-width:1386px){
  
}
*/


/*
div.bg_contents div.bg_contents_inner::before {
  content: "";
  width: auto;
  max-width: 1366px;
  height: 5%;
  margin: 0 auto;
  background: transparent url(../../images/top/how_bg_bottom_pc.png) repeat-y center center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

@media (min-width:1600px){
  div.bg_contents div.bg_contents_inner::before { height: 10%;}
}

@media (min-width:1820px){
  div.bg_contents div.bg_contents_inner::before { height: 14%;}
}

@media (max-width:1280px){
  div.bg_contents div.bg_contents_inner::before { height: 13%;}
}

@media (max-width:1105px){
  div.bg_contents div.bg_contents_inner::before { height: 20%;}
}
*/


/*============================
howto_contents
============================*/
div.bg_contents div.bg_contents_inner div.howto_contents {
  width: auto;
  position: relative;
  z-index: 2;
  /*
  background: -moz-linear-gradient(top, rgba(51, 49, 49, 0), rgba(59, 49, 49, 0.82) 20%, rgba(59, 49, 49, 0.82)); 
  background: -webkit-linear-gradient(top, rgba(51, 49, 49, 0), rgba(59, 49, 49, 0.82) 20%, rgba(59, 49, 49, 0.82)); 
  background: linear-gradient(to bottom, rgba(51, 49, 49, 0), rgba(59, 49, 49, 0.82) 20%, rgba(59, 49, 49, 0.82));*/
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner {
  width: auto;
  padding: 125px 0 0 0;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner h3 {
  width: auto;
  padding: 0 0 15px 0;
  font-size: 32px;
  color: #fff;
  text-align: center;
  line-height: 1.25;
  font-family: 'Libre Baskerville', serif;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner p.detail {
  width: auto;
  padding: 0 0 90px 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}


/*** instructor_wrap ***/
div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap {
  width: auto;
  padding: 0 0 115px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.img_area {
  width: 57.3%;
  order: 2;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.img_area .slick-list {
  padding: 0 3.9% 0 0 !important;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.img_area figure {
  width: auto;
  margin: 0 10px;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.img_area figure span.pic {
  width: 100%;
  height: 0;
  display: block;
  padding-top: 62.1%;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}



div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.text_area {
  width: 25.7%;
  margin: 0 4.9% 0 auto;
  padding: 35px 0 0 0;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.text_area p.read {
  width: auto;
  padding: 0 0 20px 0;
  font-size: 20px;
  color: #fff;
  line-height: 1.75;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.text_area p.text {
  width: auto;
  padding: 0 0 30px 0;
  font-size: 14px;
  color: #fff;
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.text_area p.btn {
  width: 95.2%;
  margin: 0 auto 0 0;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.text_area p.btn a {
  width: 100%;
  display: block;
  padding: 22px 0 21px 0;
  background-color: #EAEAEA;
  position: relative;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.text_area p.btn a::after {
  content: "";
  width: 9.9%;
  max-width: 33px;
  height: 35.9%;
  max-height: 22px;
  background: transparent url(../../images/common/arrow_search_bk.png) no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 5.8%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.instructor_wrap div.text_area p.btn a span {
  width: auto;
  display: block;
  /*margin: 0 5.8% 0 5.6%;*/
  margin: 0 15% 0 5.6%;
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}



/*** style_wrap ***/
div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.img_area {
  width: 53.7%;
  margin: 0 0 0 3.7%;
}

/**
div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.img_area .slick-list {
  padding: 0 0 0 3.9% !important;
}
**/

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.img_area figure {
  width: auto;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.img_area figure span.pic {
  width: 100%;
  height: 0;
  display: block;
  padding-top: 72.6%;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}


div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.img_area figure span.caption {
  width: auto;
  display: block;
  padding: 15px 0 0 0;
  font-size: 14px;
  color: #fff;
  text-align: right;
  letter-spacing: 0.05em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}



div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area {
  width: 27.5%;
  margin: 0 auto 0 6.8%;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area p.read {
  width: auto;
  padding: 0 0 20px 0;
  font-size: 20px;
  color: #fff;
  line-height: 1.75;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area p.text {
  width: auto;
  padding: 0 0 20px 0;
  font-size: 14px;
  color: #fff;
  line-height: 1.7;
  letter-spacing: 0.05em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area ul.style {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area ul.style li {
  width: 46.7%;
  padding: 0 0 13px 0;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area ul.style li:nth-child(even) {
  margin: 0 0 0 6.4%;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area ul.style li a {
  width: 100%;
  display: block;
  border-radius: 5px;
  position: relative;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area ul.style li a::before {
  content: "";
  width: 14.2%;
  height: 25%;
  background: transparent url(../../images/common/arrow_search.png) no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  bottom: 6px;
  right: 7px;
  z-index: 1;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area ul.style li a::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area ul.style li a img {
  border-radius: 5px;
}

div.bg_contents div.bg_contents_inner div.howto_contents div.conts_inner div.style_wrap div.text_area ul.style li a span {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 1.0;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
}




/*============================
service_contents
============================*/
div.bg_contents div.bg_contents_inner div.service_contents {
  width: auto;
  position: relative;
  z-index: 2;
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner {
  width: auto;
  padding: 190px 0 110px 0;
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner h3 {
  width: auto;
  padding: 0 0 55px 0;
  font-size: 28px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-family: 'Libre Baskerville', serif;
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner ul {
  width: 92.7%;
  max-width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner ul li {
  width: 49.5%;
  margin: 0 0 9px 0;
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner ul li a {
  width: auto;
  display: block;
  position: relative;
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner ul li a div.bg_img_bk {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.42);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner ul li a dl {
  width: 90.8%;
  margin: 0 auto;
  position: relative;
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner ul li a dl::after {
  content: "";
  width: 33px;
  height: 23px;
  background: transparent url(../../images/common/arrow_search.png) no-repeat center center;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  top: 50%;
	right: 0;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner ul li a dl dt {
  width: auto;
  padding: 0 0 5px 0;
  font-size: 24px;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-family: 'Libre Baskerville', serif;
}

div.bg_contents div.bg_contents_inner div.service_contents div.conts_inner ul li a dl dd {
  width: auto;
  font-size: 14px;
  color: #fff;
  line-height: 1.0;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}





/*============================
SEARCH
============================*/
/*
div#SEARCH::after {
  content: "";
  width: auto;
  max-width: 1366px;
  height: 100%;
  margin: 0 auto;
  background: transparent url(../../images/top/bg_line05_pc.png) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
*/


/*============================
sitefooter
============================*/
footer#sitefooter::after {
  content: "";
  width: auto;
  max-width: 1366px;
  height: 81px;
  margin: 0 auto;
  background: transparent url(../../images/top/bg_line06_pc.png) no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}