:root{
  --mainFontColor : #682303;
  --pointGray : #e8f6de;
  --split_12 : calc(100% / 12);
  --alphabetFont : 'Chakra Petch', sans-serif;
  --z-header: 100;
}
/* SETUP ---------------------------- */
html{
  font-size: 62.5%;
  height: 100%;
}
body{
  position: relative;
  background: var(--pointGray);
  color: var(--mainFontColor);
  line-height: 1.5;
  font-size: 1.6rem;
  font-family: 'Noto Sans JP', sans-serif;
 
}
/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
  body{font-size: 1.4rem;}
}

/* COMMON --------------------------- */
/* LAYOUT ------------------------ */
.ly_pageCont{
  margin-top: 64px;
}
.ly_sect{
  margin-top: clamp(17rem,16vw,25.6rem);
}
.ly_sect:first-of-type{
  margin-top: clamp(10.6rem,10vw,16rem);
}
/* ELEMENT ----------------------- */
.el_lv1subPageHeading{
  font-family: var(--alphabetFont);
  font-size: clamp(3.2rem,3vw,4.8rem);
  font-weight: bold;
  line-height: 1.2;
  text-transform: capitalize;
}
.el_archHeading_taxonomy{
  font-family: var(--alphabetFont);
  text-transform: capitalize;
  font-size: 2rem;
  line-height: 1;
}
.el_archHeading_term{
  position: relative;
  margin-left: 2rem;
  padding: 0 4rem;
  font-size: 1.4rem;
}
.el_archHeading_term::before{
  content: '';
  position: absolute;
  bottom: 40%;
  width: 2rem;
  height: 2px;
  background: #bcbcbc;
}
.el_archHeading_term::before{
  left: 0;
}
.el_lv2Heading{
  font-family: var(--alphabetFont);
  text-transform: capitalize;
}
.el_lv2Heading span{
  display: block;
}
.el_lv2Heading span:first-child{
  margin-left: var(--split_12);
}
.el_lv2Heading span.el_lv2Heading__ml0{
  margin-left: 0;
}
.el_lv2Heading__sm{
  font-size: clamp(2.2rem,2vw,3.2rem);
}
.el_lv2Heading__lg{
  font-size: clamp(8rem,10vw,16rem);
  line-height: 1.1;
}
.el_lv2Heading__lg:not(:first-child){
  margin-top: 3.2rem;
}
.el_alignLeft .el_lv2Heading__lg{
  margin-left: calc(var(--split_12) * 2);
}
.el_alignCenter .el_lv2Heading__lg{
  text-align: center;
}
.el_lv3Heading{
  font-size: clamp(2.2rem,2vw,3.2rem);
}
.el_lv2PageHeading{
  position: relative;
  margin-left: var(--split_12);
  padding-top: clamp(3.33rem,3.125vw,5rem);
  font-size: 1.6rem;
  font-weight: normal;
}
.el_lv2PageHeading::before{
  content: attr(data-headingEng);
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--alphabetFont);
  font-size: clamp(2.2rem,2vw,3.2rem);
  font-weight: bold;
  line-height: 1.3125;
  text-transform: capitalize;
}
.el_viewMore{
  display: inline-block;
  padding: 8px 24px;
  border-radius: 4px;
  font-family: var(--alphabetFont);
  text-transform: capitalize;
  text-decoration: none;
  transition: all .3s;
}
.el_viewMore__bk{
  border: 1px solid #680303be;
  color: #680303be;
}
.el_viewMore__bk:hover{
  background: #680303be;
  color: #fff;
}
.el_viewMore__wh{
  border: 1px solid #e8f6de;
  color: #e8f6de;
}
.el_viewMore__wh:hover{
  background: #fff;
  color: #680303be;
}

/* BLOCK ------------------------- */
.bl_innerSect{
  margin-top: clamp(8rem,7.5vw,12rem);
}
.bl_innerSect_txt{
  margin-top: clamp(3.2rem,3vw,4.8rem);
  line-height: 3.5;
}
.bl_btn_wrapper{
  margin-top: 8.8rem;
}
.bl_btn_wrapper__alignRight{
  display: flex;
  justify-content: flex-end;
  margin-right: var(--split_12);
}
.bl_pageHeader_imgWrapper{
  margin-left: calc(var(--split_12) * 3);
}
.bl_pageHeader_imgWrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bl_pageHeader_txtWrapper{
  margin-left: var(--split_12);
}
.bl_pageBody{
  margin-top: clamp(8rem,7.5vw,12rem);
}
.bl_pageSect{
  margin-top: clamp(17rem,16vw,25.6rem);
}
.bl_pageSectBody{
  margin-top: clamp(5.33rem,5vw,8rem);
  margin-left: calc(var(--split_12) * 3);
}
/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 1199px){
}

/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px){
  .el_lv2Heading span:first-child,
  .bl_pageHeader_txtWrapper,
  .el_lv2PageHeading{margin-left: calc(var(--split_12) / 2);}
  .el_alignLeft .el_lv2Heading__lg{margin-left: var(--split_12);}
}

/* Extra small */
@media screen and (max-width: 575px){
}

/* Extra x small */
@media screen and (max-width: 350px){
}

/* HELPER ------------------------ */
/* ASPECT --------------------- */
.hp_aspect{
  position: relative;
  width: 100%;
}
.hp_aspect::after{
  content:"";
  display: block;
}
.hp_aspect iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hp_aspect img,
.hp_aspect>div,
.hp_aspect>a,
.hp_aspect>svg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hp_aspect.hp_aspect__16-9::after{
  padding-top: 56.25%;
}
.hp_aspect.hp_aspect__4-3::after{
  padding-top: 75%;
}
.hp_aspect.hp_aspect__1-1::after{
  padding-top: 100%;
}

/* LINK with ICON ------------- */
.hp_linkIcon{
  position: relative;
  padding-left: 20px;
}
.hp_linkIcon::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.hp_linkIcon.hp_linkIcon__shop::before{
  transition: all .3s;
  background: url(../images/icon_external-link.svg) no-repeat center / contain;
}
.hp_linkIcon.hp_linkIcon__mail::before{
  background: url(../images/icon_mail.svg) no-repeat center / contain;
}

/* UNIQUE ------------------------ */
.un_lineUnit_wrapper{
  position: absolute;
  inset: 0;
  background: var(--mainFontColor);
  z-index: -1;
}
.un_horizontalLineUnit,
.un_verticalLineUnit{
  position: absolute;
  inset: 0;
}
.un_split12_verticalLine{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #9bf0c3
;
  transform: translateX(-50%);
}
.un_split12_verticalLine:nth-child(1){
  left: var(--split_12);
}
.un_split12_verticalLine:nth-child(2){
  left: calc(var(--split_12) * 2);
}
.un_split12_verticalLine:nth-child(3){
  left: calc(var(--split_12) * 3);
}
.un_split12_verticalLine:nth-child(4){
  left: calc(var(--split_12) * 4);
}
.un_split12_verticalLine:nth-child(5){
  left: calc(var(--split_12) * 5);
}
.un_split12_verticalLine:nth-child(6){
  left: calc(var(--split_12) * 6);
}
.un_split12_verticalLine:nth-child(7){
  left: calc(var(--split_12) * 7);
}
.un_split12_verticalLine:nth-child(8){
  left: calc(var(--split_12) * 8);
}
.un_split12_verticalLine:nth-child(9){
  left: calc(var(--split_12) * 9);
}
.un_split12_verticalLine:nth-child(10){
  left: calc(var(--split_12) * 10);
}
.un_split12_verticalLine:nth-child(11){
  left: calc(var(--split_12) * 11);
}

/* HEADER --------------------------- */
.ly_header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255,255,255,.8);
  z-index: var(--z-header);
}
.ly_header_inner{
  padding: 0 var(--split_12);
}
.bl_headerConts{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--alphabetFont);
  text-transform: capitalize;
}
.bl_headerConts_logo{
  width: 200px;
}
#HTH-logo-2{
	border-radius: 10%;
}
.bl_headerConts_list{
  display: flex;
}
.bl_headerConts_item{
  margin: 12px 1.5em;
}
.bl_headerConts_item:last-child{
  margin-right: 0;
}
.bl_headerConts_link{
  position: relative;
  display: inline-block;
  color: inherit;
  line-height: 40px;
  font-size: 14px;
}
.bl_headerConts_shopLink{
  padding: 0 8px;
  border: 1px solid var(--mainFontColor);
  border-radius: 4px;
  transition: all .3s;
}
.bl_headerConts_link:hover{
  color: #680303be;
}
.bl_headerConts_shopLink:hover{
  color: #fff;
  background: var(--mainFontColor);
}
.bl_headerConts_shopLink:hover::after{
  display: none;
}
.bl_headerConts_shopLink:hover .hp_linkIcon__shop::before{
  background-image: url(../images/icon_external-link__wh.svg);
}
.bl_headerConts_link::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 4px;
  background: var(--mainFontColor);
}
.bl_headerConts_link:hover::after{
  width: 100%;
  transition: width .3s;
}

/* HAMBURGER --------------------- */
.bl_hamburger_wrap{
  position: relative;
  width: 32px;
  height: 64px;
  margin-left: 20px; 
  z-index: calc(var(--z-header) + 1);
}
.bl_hamburger_wrap:hover{
  cursor: pointer;
}
.bl_hamburger_btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  width: 100%;
  height: 4px;
  background: var(--mainFontColor);
  border-radius: 2px;
  transition:  0.5s;
  transition-delay:  0.5s;
}
.bl_hamburger_btn::before,
.bl_hamburger_btn::after{
  content: '';
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--mainFontColor);
  border-radius: 2px;
  transition-property: top , transform;
  transition-delay:  .5s , 0s;
  transition-duration:  .5s , .5s;
}
.ly_header.is_fixed .bl_hamburger_btn,
.ly_header.is_fixed .bl_hamburger_btn::before,
.ly_header.is_fixed .bl_hamburger_btn::after{
  background-color: var(--mainFontColor);
}
.bl_hamburger_btn::before{
  top: -10px;
}
.bl_hamburger_btn::after{
  top: 10px;
}
.bl_hamburger_wrap.is_active .bl_hamburger_btn{
  background-color: transparent;
  transition-duration:  0s;
}
.bl_hamburger_wrap.is_active .bl_hamburger_btn::before,
.bl_hamburger_wrap.is_active .bl_hamburger_btn::after{
  top: 0;
  transition-property: top, transform;
  transition-delay: 0s, .5s;
  background: var(--mainFontColor);
} 
.bl_hamburger_wrap.is_active .bl_hamburger_btn::before{
  transform: rotate(45deg);
}
.bl_hamburger_wrap.is_active .bl_hamburger_btn::after{
  transform: rotate(-45deg);
}

/* MV ------------------------------- */
.bl_MV{
  height: max(320px,calc(100vh - 64px));
  background: url(../images/saien.jpeg) no-repeat center / cover;
}
.bl_MV_inner{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.bl_MV_logo{
  width: max(180px,calc(var(--split_12) * 2));
}

/* PHILOSOPHY ----------------------- */
.bl_philosophyBody{
  margin-right: var(--split_12);
  margin-left: calc(var(--split_12)*2);
  padding-bottom: max(280px,40vw);
  background: url(../images/saien0.jpeg) no-repeat right bottom / 62.5vw;
}
/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px){
  .bl_philosophyBody{margin-left: var(--split_12);background-size: 70vw;}
}

/* SEASON -------------------------- */
.bl_servBody{
  position: relative;
  --servItemWidth: 29vw;
  --servItemAspectRatio: 1.28;
  --servItemHeight: calc(var(--servItemWidth) * var(--servItemAspectRatio));
  --servItem-verticalMargin: clamp(106px,10vw,160px);
  --servItem-overlapHeight: calc((var(--servItemHeight) -  var(--servItem-verticalMargin)) / 2);
}
.un_serv_horizontalLine,
.un_serv_verticalLine{
  position: absolute;
  background: #e8f6de;
}
.un_serv_verticalLine{
  top: 0;
  bottom: 0;
  width: 1px;
  transform: translateX(-50%);
}
.un_serv_verticalLine:nth-child(1){
  left: var(--split_12);
}
.un_serv_verticalLine:nth-child(2){
  left: calc(var(--split_12) * 2);
}
.un_serv_verticalLine:nth-child(3){
  left: calc(var(--split_12) * 2 + var(--servItemWidth));
}
.un_serv_verticalLine:nth-child(4){
  right: calc(var(--split_12) * 2 + var(--servItemWidth));
}
.un_serv_verticalLine:nth-child(5){
  right: calc(var(--split_12) * 2);
}
.un_serv_verticalLine:nth-child(6){
  right: calc(var(--split_12) * 1);
}
.un_serv_horizontalLine{
  right: 0;
  left: 0;
  height: 1px;
  transform: translateY(-50%);
}
.un_serv_horizontalLine:nth-child(1){
  top: var(--servItem-verticalMargin);
}
.un_serv_horizontalLine:nth-child(2){
  top: calc(var(--servItem-verticalMargin) + var(--servItemHeight) - var(--servItem-overlapHeight));
}
.un_serv_horizontalLine:nth-child(3){
  top: calc(var(--servItem-verticalMargin) + var(--servItemHeight));
}
.un_serv_horizontalLine:nth-child(4){
  top: calc(var(--servItemHeight) + var(--servItem-verticalMargin) * 2);
}
.un_serv_horizontalLine:nth-child(5){
  top: calc(var(--servItem-verticalMargin) * 2 + var(--servItemHeight) + var(--servItem-overlapHeight));
}
.un_serv_horizontalLine:nth-child(6){
  top: calc(var(--servItem-verticalMargin) * 2 + var(--servItemHeight) * 2) ;
}
.un_serv_horizontalLine:nth-child(7){
  top: calc(var(--servItem-verticalMargin) * 3 + var(--servItemHeight) * 2);
}
.bl_servBody{
  margin-top: calc(clamp(20px,2.5vw,40px) * -1);
  padding: var(--servItem-verticalMargin) 0;
}
.bl_servItem{
  width: var(--servItemWidth);
}
.bl_servItem:nth-child(odd){
  margin-left: calc(var(--split_12) * 2);
}
.bl_servItem:nth-child(even){
  margin-left: auto;
  margin-right: calc(var(--split_12) * 2);
}
.bl_servItem:not(:first-child){
  margin-top: calc(var(--servItem-overlapHeight) * -1);
}
.bl_servLink{
  position: relative;
  display: block;
  color: #fff;
  overflow: hidden;
}
.bl_servLink::after{
  content: '';
  position: absolute;
  inset: 0;
  transition: all .3s ease-out;
  z-index: -1;
}
.bl_servItem__spring .bl_servLink::after{
  background: url(../images/saien1.jpeg) no-repeat center / cover;
}
.bl_servItem__summer .bl_servLink::after{
  background: url(../images/saien2.jpeg) no-repeat center / cover;
}
.bl_servItem__autumn .bl_servLink::after{
  background: url(../images/saien3.jpeg) no-repeat center / cover;
}
.bl_servItem__winter .bl_servLink::after{
  background: url(../images/saien4.jpeg) no-repeat center / cover;
}
.bl_servLink:hover::after{
  transform: scale(1.1);
  opacity: .3;
}
.bl_servLink .hp_aspect::after{
  padding-top: calc(var(--servItemAspectRatio) * 100%);
}
.bl_servLink_inner{
  display: flex;
  align-items: flex-end;
  padding: clamp(1.6rem,2vw,3.2rem);
}
.bl_servLink_txtWrapper{
  flex: 1;
  border-bottom: 1px solid #e8f6de;
}
.bl_servLink_txt{
  position: relative;
  display: inline-block;
  padding-top: clamp(2.8rem,3.5vw,5.6rem);
  margin-bottom: clamp(1rem,1vw,1.6rem);
  font-size: 1.4rem;
}
.bl_servLink_txt::before{
  content: attr(data-eng);
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--alphabetFont);
  font-size: clamp(2.1rem,2.625vw,4.2rem);
  font-weight: bold;
  text-transform: capitalize;
  white-space: nowrap;

}
.bl_servBtn_wrapper{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: var(--servItem-verticalMargin);
  margin-right: calc(var(--split_12) * 2);
}
/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
  .bl_servBody{
    --servItemWidth: calc(var(--split_12) * 8);
    --servItemAspectRatio: .5;
    --servItemHeight: calc(var(--servItemWidth) * var(--servItemAspectRatio));
    --servItemGap: 4rem;
  }
  .bl_servItem{width: 100%;border-top: 1px solid #e8f6de
;border-bottom: 1px solid #e8f6de
;}
  .bl_servItem:not(:first-child){margin-top: var(--servItemGap);}
  .bl_servItem:nth-child(odd),
  .bl_servItem:nth-child(even){margin-right: auto;margin-left: auto;}
  .bl_servLink{width: var(--servItemWidth);margin: 0 auto;}
  .bl_servLink .hp_aspect::after{padding-top: 50%;}
  .un_serv_verticalLine:nth-child(4){display: none;}
  .un_serv_verticalLine:nth-child(5){display: none;}
  .un_serv_horizontalLine:first-child{top: auto;bottom: var(--servItem-verticalMargin);}
  .un_serv_horizontalLine:not(:first-child){display: none;}
  .bl_servLink_txt{font-size: 1.2rem;}
  .bl_servBtn_wrapper{width: var(--servItemWidth);margin: 0 auto;}
}

/* OUR WORKS ------------------------ */
.bl_cardUnit{
  display: flex;
  justify-content: space-between;
  margin: clamp(6.4rem,6vw,9.6rem) var(--split_12) 0;
}
.bl_card{
  width: 30%;
}
.bl_card_link{
  display: block;
  color: inherit;
  text-decoration: none;
}
.bl_card_body{
  display: flex;
  flex-direction: column;
}
.bl_card_ttl_1{
  font-weight: bold;
}
.bl_card_ttl{
  order: 3;
  margin-top: .4rem;
}
.bl_card_time{
  order: 2;
  margin-top: 1.6rem;
  font-family: var(--alphabetFont);
  font-size: 1.4rem;
  line-height: 1;
}
.bl_card_imgWrapper{
  order: 1;
  overflow: hidden;
}
.bl_card_imgWrapper img{
  transition: all .3s ease-out;
}
.bl_card_term{
  order: 4;
  margin-top: .4rem;
  font-size: 1.2rem;
  color: #680303be;
}
.bl_cardTerm_list{
  display: flex;
  flex-wrap: wrap;
}
.bl_cardTerm_list li:not(:first-child)::before{
  content: '、';
}
.bl_card_link:hover .bl_card_imgWrapper img{
  transform: scale(1.1);
  opacity: .75;
}
/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px){
  .bl_cardUnit{flex-direction: column;align-items: center;}
  .bl_card{width: 80%;}
  .bl_card:not(:first-child){margin-top: 3.2rem;}
}

/* ABOUT US ------------------------- */
.bl_aboutBody{
  margin-left: calc(var(--split_12) * 6);
}
/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 1199px){
  .bl_aboutBody{margin-left: calc(var(--split_12) * 5);}
}
/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px){
  .bl_aboutBody{
    padding: 25px;
    margin-left: 10px;
  }
}

/* POST ----------------------------- */
/* POST COMMON-------------------- */
.bl_media_link{
  display: block;
  color: inherit;
  text-decoration: none;
}
.bl_media_link:hover{
  opacity: .6;
}
.bl_media_body{
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.bl_media_ttl{
  order: 2;
  flex-basis: 100%;
  margin-top: clamp(1.6rem,1.5vw,2.4rem);
  font-weight: bold;
}
.bl_media_imgWrapper{
  order: 1;
  flex-basis: 100%;
 
}
#img4c {
    width: 100%;
    height: 260px;
}
.bl_media_imgWrapper img{
  transition: all .3s ease-out;
}
.bl_media_imgWrapper::after{
  padding-top: 42%;
}
.bl_media_link:hover .bl_media_imgWrapper img{
  transform: scale(1.1);
}

/* POST TOPPAGE ------------------ */
.bl_mediaUnit{
  margin-right: var(--split_12);
  margin-left: calc(var(--split_12) * 4);
}
.bl_topPageMedia:not(:first-child){
  margin-top: clamp(3.2rem,3vw,4.8rem);
}
.bl_topPageMedia_body{
  display: flex;
}
.bl_topPageMedia_time{
  flex-basis: calc(100% / 7 * 2);
  font-family: var(--alphabetFont);
  font-size: 1.4rem;
}
.bl_topPageMedia:not(:first-child) .bl_topPageMedia_time{
  padding-top: clamp(4.2rem,4vw,6.4rem);
}
.bl_topPageMedia:not(:first-child) .bl_media_body{
  border-top: 1px solid #e8f6de;
  padding-top: clamp(4.2rem,4vw,6.4rem);
}

/* POST ARCHIVE ------------------ */
.bl_post_Wrapper{
  display: flex;
  margin: 0 var(--split_12);
}
.bl_mainConts{
  flex-basis: 0;
  flex-grow: 999;
  min-width: 50%;
  padding-right: 6.4rem;
}
.bl_archUnit{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: calc(clamp(5.4rem,6.7vw,8rem) * -1);
}
.bl_archUnit > article{
  width: 48%;
  margin-top: clamp(5.4rem,6.7vw,8rem);
}
.wp-pagenavi{
  display: flex;
  justify-content: center;
  margin-top: clamp(5.8rem,5.5vw,8.8rem);
  font-family: var(--alphabetFont);
  font-size: 2.4rem;
}
.wp-pagenavi span,
.wp-pagenavi a{
  min-width: 4rem;
  min-height: 4rem;
  margin: 0 0.2rem;
  border: 1px solid var(--mainFontColor);
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  transition: all .3s ease-out;
}
.wp-pagenavi span{
  background: var(--mainFontColor);
  color: var(--pointGray);
}
.wp-pagenavi a{
  color: inherit;
}
.wp-pagenavi a:hover{
  background: var(--mainFontColor);
  color: var(--pointGray);
}
.wp-pagenavi .last,
.wp-pagenavi .first{
  padding: 0 .5em;
}

/* POST SINGLE ------------------- */
.bl_postTtl{
  font-size: 1.6rem;
}
.bl_postInfo{
  display: flex;
  align-items: center;
  margin-top: 2.4rem;
}
.bl_postInfo_time{
  font-size: 1.2rem;
}
.bl_postThumb{
  margin-top: clamp(2.66rem,2.5vw,4rem);
}
.bl_postThumb::after{
  padding-top: 42%;
}
.bl_postBody{
  margin-top: clamp(2.66rem,2.5vw,4rem);
}
.bl_postLinkUnit{
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: clamp(5.8rem,5.5vw,8.8rem);
}
.bl_postLinkUnit span{
  display: inline-block;
}
.bl_postLink__next{
  margin-left: auto;
}
.bl_postArchLink_wrapper{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bl_postArchLink{
  display: inline-block;
  padding: 0 2.4rem;
  border: 1px solid var(--mainFontColor);
  border-radius: 4px;
  background: var(--mainFontColor);
  color: var(--pointGray);
  line-height: 4rem;
  text-decoration: none;
  transition: all .3s;
}
.bl_postLink__prev a,
.bl_postLink__next a{
  position: relative;
  display: inline-block;
  color: inherit;
  font-family: var(--alphabetFont);
  font-size: 2.4rem;
  line-height: 4rem;
  text-transform: capitalize;
  text-decoration: none;
}
.bl_postLink__prev a{
  padding-left: 5.6rem;
}
.bl_postLink__next a{
  padding-right: 5.6rem;
}
.bl_postLink__prev a::before,
.bl_postLink__next a::before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  border: 1px solid var(--mainFontColor);
  border-radius: 4px;
  background: var(--mainFontColor);
  transition: all .3s ease-out;
}
.bl_postLink__prev a::before{
  left: 0;
}
.bl_postLink__next a::before{
  right: 0;
}
.bl_postLink__prev a::after,
.bl_postLink__next a::after{
  position: absolute;
  top: 0;
  color: var(--pointGray);
  font-size: 2.4rem;
}
.bl_postLink__prev a::after{
  content: '<';
  left: 1.2rem;
}
.bl_postLink__next a::after{
  content: '>';
  right: 1.2rem;
}
.bl_postLink__prev a:hover,
.bl_postLink__next a:hover{
  text-decoration: underline;
}
.bl_postArchLink:hover,
.bl_postLink__prev a:hover::before,
.bl_postLink__next a:hover::before{
  background: transparent;
}
.bl_postArchLink:hover,
.bl_postLink__prev a:hover::after,
.bl_postLink__next a:hover::after{
  color: var(--mainFontColor);
}
@media screen and (max-width: 1199px){
  .bl_mediaUnit {margin-left: calc(var(--split_12) * 3);}
  .bl_post_Wrapper{flex-direction: column;}
  .bl_mainConts{padding-right: 0;}
  .bl_sidebar{margin-top: 8rem;}
}
/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
  .wp-pagenavi{font-size: 1.8rem;}
  .wp-pagenavi span,
  .wp-pagenavi a{min-width: 30px;min-height: 30px;line-height: 30px;}
}
/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px){
  .bl_mediaUnit {margin-top: 2.4rem;margin-left: var(--split_12);}
  .bl_archUnit > article{width: 100%;}
}

/* TAXONOMY ------------------------- */
.bl_media_taxonomy{
  order: 4;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.2rem;
}
.bl_topPageMedia_body .bl_media_taxonomy{
  margin-top: clamp(.666rem,.625vw,1rem);
}
.bl_post_taxonomy{
  display: flex;
  flex-wrap: wrap;
  margin-left: 3.2rem;
  font-size: 1.2rem;
  line-height: 1.2;
}
.bl_notLinkTerm_list,
.bl_linkTerm_listWrapper ul{
  display: flex;
  flex-wrap: wrap;
  line-height: 1.2;
}
.bl_notLinkTerm_list li,
.bl_linkTerm_listWrapper a{
  position: relative;
  margin: .2em .4em .2em 0;
  padding: .3em 1.1em .3em 1.7em;
  border: 1px solid #e8f6de;
  border-radius: 4px;
}
.bl_linkTerm_listWrapper a{
  display: inline-block;
  color: inherit;
  text-decoration: none;
  transition: all .3s ease-out;
}
.bl_notLinkTerm_list.bl_notLinkTerm_list__cats li,
.bl_linkTerm_listWrapper.bl_linkTerm_listWrapper__cats a{
  background: var(--mainFontColor);
  color: #fff;
}
.bl_notLinkTerm_list li::before,
.bl_linkTerm_listWrapper a::before{
  content: '';
  position: absolute;
  top: 50%;
  left: .5em;
  transform: translateY(-50%);
  width: 11px;
  height: 12px;
}
.bl_notLinkTerm_list.bl_notLinkTerm_list__cats li::before,
.bl_linkTerm_listWrapper.bl_linkTerm_listWrapper__cats a::before{
  background: url(../images/icon_folder__wh.svg) no-repeat center / contain;
}
.bl_notLinkTerm_list.bl_notLinkTerm_list__tags li::before,
.bl_linkTerm_listWrapper.bl_linkTerm_listWrapper__tags a::before{
  background: url(../images/icon_tag__bk.svg) no-repeat center / contain;
}
.bl_linkTerm_listWrapper.bl_linkTerm_listWrapper__tags a:hover{
  color: var(--pointGray);
  background: var(--mainFontColor);
}
.bl_linkTerm_listWrapper.bl_linkTerm_listWrapper__tags a:hover::before{
  background-image: url(../images/icon_tag__wh.svg);
}
.bl_linkTerm_listWrapper.bl_linkTerm_listWrapper__cats a:hover{
  color: var(--mainFontColor);
  background: var(--pointGray);
}
.bl_linkTerm_listWrapper.bl_linkTerm_listWrapper__cats a:hover::before{
  background-image: url(../images/icon_folder__bk.svg);
}

/* SIDEBAR -------------------------- */
.bl_sidebar{
  flex-basis: 20%;
}
.bl_sidebarInner:not(:first-child){
  margin-top: clamp(6.4rem,6vw,9.6rem);
}
.bl_sidebar_ttl{
  position: relative;
  padding-top: clamp(3rem,2.25vw,3.6rem);
  font-size: 1.2rem;
}
.bl_sidebar_ttl::before{
  content: attr(data-headingEng);
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--alphabetFont);
  font-size: clamp(2rem,1.5vw,2.4rem);
  font-weight: bold;
  text-transform: capitalize;
}
.bl_sidebar_body{
  margin-top: clamp(1rem,1vw,1.6rem);
  padding-top: clamp(.5rem,.5vw,.8rem);
  border-top: 1px solid var(--mainFontColor);
  font-size: 1.2rem;
}
.bl_sidebar_list li{
  margin-left: 1em;
  border-bottom: 1px solid #e8f6de;
}
.bl_sidebar_list a{
  position: relative;
  display: block;
  padding: 1.2em 1.5em ;
  color: inherit;
  font-size: 1.4rem;
  text-decoration: none;
}
.bl_sidebar_list a::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 15px;
  height: 13px;
  background: url(../images/icon_folder__bk.svg) no-repeat center / contain;
}
.bl_sidebar_list a:hover{
  opacity: .6;
}
.bl_linkTerm_listWrapper__sidebar{
  margin-left: 1em;
}
.bl_media_time{
  order: 3;
  margin-top: clamp(1rem,1vw,1.6rem);
  font-family: var(--alphabetFont);
  font-size: 1.4rem;
}

/* COMMON CONTACT ------------------- */
.ly_cmnContSect{
  color: var(--pointGray);
}
.ly_cmnContSect .el_lv2Heading{
  position: relative;
  z-index: 1;
}
.ly_cmnContSect .el_lv2Heading span:first-child{
  margin-left: 0;
}
.bl_cmnContBody{
  position: relative;
  margin-top: calc(clamp(66px,8.35vw,132px) * -1);
  padding-top: clamp(66px,8.35vw,132px);
  padding-bottom: clamp(8.5rem,8vw,12.8rem);
  text-align: center;
}
.bl_cmnContBody::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--split_12) * 10);
  height: 2px;
  background: var(--pointGray);
}
.bl_cmnContInner{
  margin-top: clamp(9.6rem,9vw,14.4rem);
  padding: clamp(3.7rem,3.5vw,5.6rem) 0;
  border-top: 1px solid #e8f6de
;
  border-bottom: 1px solid #e8f6de
;
} 
.bl_contMethod_wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25.6rem;
  padding-top: clamp(3.7rem,3.5vw,5.6rem);
}
.bl_contMethod{
  width: calc(var(--split_12) * 3);
    line-height: 1.2;
}
.bl_contMethod:first-child{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-right: 1px solid var(--pointGray);
}
.bl_contMethod_tel{
  margin-bottom: clamp(1.6rem,1.5vw,2.4rem);
  font-family: var(--alphabetFont);
  font-size: clamp(2.66rem,2.5vw,4rem);
  font-weight: bold;
}
.bl_contMethod_mail{
  display: inline-block;
  padding: clamp(1rem,1vw,1.6rem) clamp(3.7rem,3.5vw,5.6rem);
  font-family: var(--alphabetFont);
  border-radius: 4px;
  border: 2px solid var(--pointGray);
  color: var(--pointGray);
  font-size: clamp(2.2rem,2vw,3.2rem);
  font-weight: bold;
  text-decoration: none;
  transition: all .3s;
}
.bl_contMethod_mail:hover{
  background: var(--pointGray);
  color: var(--mainFontColor);
}
/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 1199px){
  .bl_contMethod{ width: calc(var(--split_12) * 4);}
}
/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
  .bl_contMethod{ width: calc(var(--split_12) * 5);}
}
/* Extra small */
@media screen and (max-width: 575px){
  .bl_contMethod_wrapper{flex-direction: column;}
  .bl_contMethod{width: calc(var(--split_12) * 8);}
  .bl_contMethod:first-child{height: auto;padding-bottom: clamp(3.7rem,3.5vw,5.6rem);margin-bottom: clamp(3.7rem,3.5vw,5.6rem);border-right: none;border-bottom: 1px solid var(--pointGray);}
}

/* FOOTER --------------------------- */
.ly_footer{
  position: relative;
}
.bl_footer_inner{
  padding-top: 50px;
  border-top: 1px solid #e8f6de
;
  font-family: var(--alphabetFont);
  color: var(--pointGray);
}
.bl_footerConts{
  display: flex;
  align-items: center;
  padding: 0 calc(var(--split_12) * 2);
}
.bl_footerConts a:hover{
  opacity: .6;
}
.bl_footerConts_logoWrapper{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bl_footerConts_logo{
  width: calc(100% / 6 * 2);
}
.bl_footer_list{
  width: calc(100% / 8 * 2);
}
.bl_footer_item{
  padding-bottom: clamp(2.2rem,2vw,3.2rem);
  border-bottom: 1px solid #e8f6de;
}
.bl_footer_item:not(:first-child){
  padding-top: clamp(1.66rem,1.5625vw,2.5rem);
}
.bl_footer_list a{
  line-height: 1;
  text-transform: capitalize;
}
.bl_footer_link{
  color: inherit;
  font-weight: bold;
}
.bl_footer_childList{
  margin-top: .8rem;
  margin-left: 1em;
}
.bl_footer_childLink{
  color: #e8f6de;
}
.bl_copyRight_wrapper{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: calc(var(--split_12) * 2);
  height: clamp(10rem,10vw,16rem);
}
.bl_copyRight_wrapper-1{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: calc(var(--split_12) * 2);
}
.bl_copyRight{
  margin-bottom: 1.6rem;
  line-height: 1;
}
/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 1199px){
  .bl_footerConts{padding: 0 var(--split_12);}
  .bl_footer_list{width: calc(100% / 10 * 3);}
  .bl_footerConts_logo{width: calc(100% / 7 * 3);}
}
/* PAGE ABOUT US ------------ */
.bl_policy_list{
  counter-reset: number 0;
}
.bl_policy_item{
  position: relative;
  line-height: 3.2rem;
  padding-left: clamp(4.1rem,3.875vw,6.2rem);
}
.bl_policy_item:not(:first-child){
  margin-top: 4rem;
}
.bl_policy_item::before{
  counter-increment: number 1;
  content: "0" counter(number) ;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: var(--alphabetFont);
  font-size: 2.4rem;
  font-weight: bold;
}
.bl_overviewSect{
  width: calc(var(--split_12) * 6);
}
.bl_definition_list{
  margin-top: 5.6rem;
}
.bl_definition_inner{
  display: flex;
}
.bl_definition_inner:not(:first-child){
  margin-top: 3.2rem;
}
.bl_definition_term,
.bl_definition_desc{
  padding-bottom: 2.4rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.bl_definition_term{
  flex: 0 0 160px;
  border-bottom-color: var(--mainFontColor);
  font-weight: bold;
}
.bl_definition_desc{
  flex: 1;
  padding-left: 1em;
  border-bottom-color: #bcbcbc;
}
.bl_accessSect{
  margin-right: var(--split_12);
}
.bl_accessSect_inner{
  display: flex;
}
.bl_access_txt{
  width: calc((100% / 8) * 3);
  font-style: normal;
}
.bl_access_map{
  flex: 1;
}
/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
  .bl_pageSectBody{margin-left: calc(var(--split_12) * 2);}
  .bl_policy_item::before{font-size: 2rem;}
  .bl_overviewSect{width: calc(var(--split_12) * 8);}
  .bl_accessSect_inner{flex-direction: column;}
  .bl_access_txt{width: 100%;}
  .bl_access_map{margin-top: 2rem;}
}
/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px){
  .bl_pageSectBody{margin-left: var(--split_12);}
  .bl_overviewSect{width: calc(var(--split_12) * 10);}
  .bl_definition_inner{flex-direction: column;}
  .bl_definition_term,
  .bl_definition_desc{flex: 1 1 0;}
  .bl_definition_term{padding-bottom: 1em;border-bottom: none;}
}

/* PAGE CONTACT --------------------- */
.bl_form{
  width:min(960px,92%);
  margin: 0 auto clamp(17rem,16vw,25.6rem);
}
.bl_form_body{
  margin-top: 80px;
}
.bl_form_term{
  font-weight: bold;
}
.bl_form_term:not(:first-of-type){
  margin-top: clamp(4.2rem,4vw,6.4rem);
}
.bl_form_term.hp_reqd{
  position: relative;
  display: inline-block;
  padding-right: 48px;
}
.bl_form_term.hp_reqd::after{
  content:'必須';
  position:absolute;
  top:50%;
  right:0;
  transform: translateY(-50%);
  display:inline-block;
  padding:0 6px;
  background:var(--mainFontColor);
  border-radius:2px;
  color:var(--pointGray);
  font-size:11px;
  font-weight:normal;
  line-height:20px;
}
.bl_form_desc{
  margin-top: clamp(1.6rem,1.5vw,2.4rem);
}
.bl_form_desc.bl_checkbox{
  margin-top: clamp(.5rem,.5vw,.8rem);
}
.bl_form_desc.bl_form_desc__2col{
  display: flex;
  justify-content: space-between;
}
input[type="text"],
input[type="email"],
textarea{
  width:100%;
  padding:1em 1.25em;
  background:#fff;
  border: none;
  border-radius: 4px;
}
.bl_form_2colInner{
  width: 48%;
}
.bl_checkbox{
  display:flex;
  flex-wrap:wrap;
  margin-right: -8px;
  margin-left: -8px;
  font-size:15px;
}
.bl_checkbox .mwform-checkbox-field label{
  position:relative;
  height:56px;
  display: block;
}
.bl_checkbox .mwform-checkbox-field label:hover{
  cursor:pointer;	
}
.bl_checkbox .mwform-checkbox-field-text{
  display:block;
  padding: 0 24px 0 48px;
  line-height:56px;
  background:#f4f4f4;
}
.bl_checkbox .mwform-checkbox-field-text::before,
.bl_checkbox .mwform-checkbox-field-text::after{
  content:'';
  position:absolute;
  top:50%;
  transform:translatey(-50%);
  transition-duration:.3s;
}
.bl_checkbox .mwform-checkbox-field-text::before{
  left:14px;
  background:#fff;
  width:24px;
  height:24px;
}
.bl_checkbox .mwform-checkbox-field-text::after{
  opacity:0;
  left:17px;
  background-image:url(../images/cta_check.svg);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  width:18px;
  height:18px;
}
input[type="checkbox"]{
  position:absolute;
  top:0;
  left:0;
  opacity:0;
}
input[type="checkbox"]:checked +  .mwform-radio-field-text::before{
  background:#f4f6f4;
}
.mwform-checkbox-field-text:hover,
input[type="checkbox"]:is(:checked,:focus) +  .mwform-checkbox-field-text{
  background:var(--mainFontColor);
  color:#fff;
  transition-duration:.4s;
}
input[type="checkbox"]:checked +  .mwform-checkbox-field-text::after{
  opacity:1;
}
.horizontal-item,
.horizontal-item + .horizontal-item{
  margin:1.6rem 8px 0;
}
*::placeholder {
  color: #989898;
}
.bl_form_list .error{
  width: 100%;
  padding-left: 20px;
	font-size:12px;
}
.bl_pp_wrap{
  width: 90%;
  height: 220px;
  margin: clamp(8.5rem,8vw,12.8rem) auto 0;
  padding: 8px;
  background: #fff;
  border: 1px solid #e8f6de;
  border-radius: 4px;
}
.bl_pp_inner{
  width: 100%;
  height: 188px;
  padding: 24px 80px;
  overflow-y: scroll;
  text-align: center;
}
.bl_pp_inner::-webkit-scrollbar {
  width: 8px;
}
.bl_pp_inner::-webkit-scrollbar-track {
  transform: translateX(-8px);
  border-radius: 100px;
}
.bl_pp_inner::-webkit-scrollbar-thumb {
  background-color: var(--mainFontColor);
  border-radius: 100px;
}
.bl_pp_inner .bl_sect_ttl{
  padding-top: 24px;
  font-size: 16px;
  font-weight: bold;
}
.bl_pp{
  margin-top: 32px;
  font-size: 14px;
  text-align: left;
}
.bl_ppTopTxt{
  font-size: clamp(14px,.9vw,16px);
}
.bl_pp_list dt{
  margin-top: 24px;
  font-weight: bold;
}
.bl_pp_list dd{
  margin-top: 8px;
}
.bl_agree_wrap{
  margin: clamp(4.8rem,4.5vw,7.2rem) auto 0;
  text-align: center;
}
.bl_agree_wrap.bl_checkbox{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.el_normalBtn_wrap{
  margin-top: clamp(5.8rem,5.5vw,8.8rem);
  text-align: center;
}
.el_normalBtn{
  display: inline-block;
  width: 304px;
  border: 2px solid var(--mainFontColor);
  background: var(--mainFontColor);
  color: #fff;
  font-size: clamp(18px,1.25vw,24px);
  line-height: 72px;
  transition-duration: .3s;
  text-decoration: none;
}
.el_normalBtn:hover{
  cursor: pointer;
  background: #fff;
  color: var(--mainFontColor);
}
.bl_returnBtn{
  display: block;
  margin: 32px auto 0;
  border: none;
  background: transparent;
  color: var(--mainFontColor);
  text-decoration: underline;
  transition-duration: .3s;
}
.bl_returnBtn:hover{
  cursor: pointer;
  opacity: .6;
  text-decoration: none;
}
.mw_wp_form_preview .bl_checkbox,
.mw_wp_form_preview .bl_form_desc{
  margin-left: 1em;
}
.mw_wp_form_preview .bl_form_term.hp_reqd::after,
.mw_wp_form_preview .bl_pp_wrap{
  display: none;
}

/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
  .bl_checkbox{font-size: 1.3rem;}
  .bl_checkbox .mwform-checkbox-field label{height: 48px;}
  .bl_checkbox .mwform-checkbox-field-text{padding: 0 20px 0 40px;line-height: 48px;}
  .bl_checkbox .mwform-checkbox-field-text::before{left: 10px;}
  .bl_checkbox .mwform-checkbox-field-text::after{left: 13px;}
}
.hp_under_lg{display: none!important;}
.hp_under_md{display: none!important;}
.hp_under_sm{display: none!important;}
.hp_under_xs{display: none!important;}
.hp_under_xxs{display: none!important;}
.hp_mt_none{margin-top: 0!important;}
/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 1199px){
  .hp_under_lg{display: block!important;}
  .hp_over_xl{display: none!important;}
}

 /* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
  .hp_under_md{display: block!important;}
  .hp_over_lg{display: none!important;}
}

 /* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px){
  .hp_under_sm{display: block!important;}
  .hp_over_md{display: none!important;}
}

/* Extra small */
@media screen and (max-width: 575px){
  .hp_under_xs{display: block!important;}
  .hp_over_sm{display: none!important;}
}

/* Extra x small */
@media screen and (max-width: 350px){
  .hp_under_xxs{display: block!important;}
  .hp_over_xs{display: none!important;}
}
/* Large devices (desktops, 992px and up) */
@media screen and (max-width: 1199px){
}


/* Medium devices (tablets, 768px and up) */
@media screen and (max-width: 991px){
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (max-width: 767px){
  .bl_MV {
    width: 100%;
    height: auto;
    background: url(../images/saien.jpeg) no-repeat center / cover;
  }
  .bl_MV_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 100%;
  }
  .bl_MV_logo {
    width: 61px;
  }
  .el_lv2Heading__lg {
    font-size: clamp(3rem,10vw,16rem);
    line-height: 1.1;
  }
  .el_lv2Heading{
    padding-bottom: 10px;
  }
  .bl_footerConts_logo {
    width: calc(100% / 7 * 3);
    margin-left: 20px;
    margin-right: 19px;
  }
}

/* Extra small */
@media screen and (max-width:480px){
  .bl_MV {
    width: 100%;
    height: auto;
    background: url(../images/saien.jpeg) no-repeat center / cover;
  }
  .bl_MV_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    width: 100%;
  }
  .bl_MV_logo {
    width: 61px;
  }
  .el_lv2Heading__lg .el_lv2Heading__lg .el_lv2Heading__lg {
    font-size: clamp(2rem,10vw,16rem);
    line-height: 1.1;
  }
  .el_lv2Heading{
    padding-bottom: 10px;
  }
  .bl_footerConts_logo {
    width: calc(100% / 7 * 3);
    margin-left: 20px;
    margin-right: 19px;
  }
}



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

/* Extra x small */
@media screen and (max-width: 350px){
  .bl_MV {
    width: 100%;
    height: auto;
    background: url(../images/saien.jpeg) no-repeat center / cover;
  }
  .bl_MV_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    width: 100%;
  }
  .bl_MV_logo {
    width: 61px;
  }
  .el_lv2Heading__lg .el_lv2Heading__lg .el_lv2Heading__lg {
    font-size: clamp(2rem,10vw,16rem);
    line-height: 1.1;
  }
  .el_lv2Heading{
    padding-bottom: 10px;
  }
  .bl_footerConts_logo {
    width: calc(100% / 7 * 3);
    margin-left: 20px;
    margin-right: 19px;
  }
}


/* 共通 */
*{
	box-sizing: border-box;
	font-family: 'Noto Serif JP', serif;
}
html{
	scroll-behavior: smooth;
}
a{
	text-decoration: none;
}
p{
	margin-bottom: 40px;
	line-height: 1.8;
}
img{
	max-width: 100%;
	height: auto;
}
/* go-to-top */

.go-to-top{
	position: fixed;
	z-index: 1;
	font-size: 12px;
	right: 20px;
	bottom: 20px;
}

.go-to-top button{
	display: inline-block;
	padding: 10px;
	background-color: #222;
	border: none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}

#header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	background: rgba(255,255,255,.8);
	box-sizing: border-box;
	margin-bottom: 10px;
  }
.header2{
	background-color: #fff;
	height: 110px;
  }
/* site-header layout*/
.site-header{
	position: fixed;
	top: 0;
	/*left: 0;*/
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	width: 100%;
	height: 60px;
	line-height: 1;
	z-index:10;
}

@media (min-width:768px) {
	.site-header {
		align-items: center;
		justify-content: space-between;
	}
}


@media (min-width:768px) {
	.site-header .site-logo{
		display: inline-block;
		width: 100px;
		padding: 0 0 0 20px;
	}
}

.site-header .site-nav{
	width: 100%;
}

@media (min-width:768px) {
	.site-header .site-nav{
		width: 435px;
		margin: 0 auto;
		margin-top: -15px;
	}
}
@media (min-width:768px) {
	.site-header .main-nav {
/*		display: block;*/
/*		margin: 0;*/
		border-bottom: none;
/*		line-height: 0;*/
	}
}

.site-header .main-nav li {
	list-style: none;
}

.site-header .main-nav__item a{
	display: block;
	padding: 20px 20px 0px 20px;
	border-top: 1px solid #ccc;
	font-size: 14px;
	color:#360202;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width:768px) {
	.site-header .main-nav__item a{
		border-top: none;
	}
}

.site-header .main-nav__item a:hover{
	color: #027600; 
}



/* hamburger switch */
.site-header input[type="checkbox"]:checked ~ .main-nav {
	display: block;
/*	width: 100%;*/
/*	display: flex;*/
/*	flex-direction: column;*/
}

@media (min-width:768px) {
	.site-header input[type="checkbox"]:checked ~ .main-nav,
	.site-header input[type="checkbox"]~ .main-nav {
		display: flex;
		flex-direction: row;
	}
}

/* hamburger icon */
.site-header .site-nav__toggle {
	display: none;
}
.site-header .site-nav__toggle-label{
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
}

.site-header .site-nav__toggle-label span {
	display: block;
	width: 40px;
	height: 39px;
	background-color: #230101;
	cursor: pointer;
}

.site-header .site-nav__toggle-label span span{
	display: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
}
.site-header .site-nav__toggle-label span span::before,
.site-header .site-nav__toggle-label span span::after,
.site-header .site-nav__toggle-label span::after {
	position: absolute;
	left: 10px;
	content: "";
	width: 20px;
	height: 3px;
	background-color: #FFF;
}

.site-header .site-nav__toggle-label span span::before {
	top: 10px;
}

.site-header .site-nav__toggle-label span span::after {
	top: 18px;
}

.site-header .site-nav__toggle-label span::after {
	bottom: 10px;
}

@media (min-width:768px) {
	.site-header .site-nav__toggle-label{
		display: none;
	}
}

/* hamburger icon checked */
.site-header input[type="checkbox"]:checked ~ .site-nav__toggle-label span span::before {
	top: 19px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.site-header input[type="checkbox"]:checked ~ .site-nav__toggle-label span span::after{
	display: none;
}

.site-header input[type="checkbox"]:checked ~ .site-nav__toggle-label span::after {
	top: 19px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
 .site-header .site-logo {
    font-size: 18px;
    margin: 0;
    padding: 20px 0 20px 20px;
    position: absolute;
    left: 0px;
    top: -15px;  
    width: 250px;
  }
/*.site-header .site-nav{
	width: 100%;
}*/

@media (min-width:768px) {
	.site-header .site-nav{
		width: 435px;
		margin: 0 auto;
		margin-top: -15px;
	}
}
.main-nav {
	display: none;
	padding: 0;
	margin: 0 -76px;
	background: none;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width:480px) {
	.main-nav {
		display: none;
		padding: 0;
		margin: 40px;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
} 

 /* .main-nav {
    display: none;
    padding: 0;
    margin: 40px;
    background: #fff;
    border-bottom: 1px solid #ccc;
  }
  .site-logo {
    width: 200px;
  }
*/