@charset "UTF-8";
#honninkakunin #main_bg {
	background: #ffffff;
}
#honninkakunin #main_visual {
	background: url("/moetaku/_assets/images/honninkakunin/main_visual.webp") no-repeat center top;
}
.mmat50	{margin-top:-100px !important;}
.ppat50	{padding-top:50px !important;}

.ho_img01
{width:1000px;
margin:0 auto;
}

.ho_img01 img
{
width:600px;
float:right;
}

.ho_img02
{width:1000px;
margin:0 auto 50px;
}

.ho_img02 img
{
width:600px;
float:left;
}


.c-container {
  max-width: 1000px;
  width: 100%;
  padding: 0 30px 0 80px;
  margin: 0 auto;
}

@media (max-width: 768px) {
.mmat50	{margin-top:0px !important;}
.ppat50	{padding-top:0px !important;}

#honninkakunin #main_visual {
		background: url("/moetaku/_assets/images/honninkakunin/main_visual_sp.webp") no-repeat center top;
		background-size: 100%;
		height:300px !important;
	}

	
#honninkakunin #dir_path section {
	margin-top:-50px !important;
	margin-bottom:-50px !important;
	}	

.ho_img01
{width:100%;
margin:0 auto;
}

.ho_img01 img
{
width:100%;
float:none;
}

.ho_img02
{width:100%;
margin:0 auto;
}

.ho_img02 img
{
width:100%;
float:none;
}

  .c-container {
    padding: 0 10px;
    overflow-x: hidden;
    width: 100%;
    margin-top:30px;
  }
}



.c-heading-h2 {
  padding-top: 24px;
  margin: 0 0 45px;
  border-top: 5px solid #e5e5e5;
  font-size: 32px !important;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  text-align:left !important;
}


@media (max-width: 767px) {
  .c-heading-h2 {
    font-size: 24px  !important;
    margin: 0 0 30px;
    padding-top: 14px;
  }
}

.c-heading-h2:before {
  content: "";
  display: block;
  width: 50px;
  border-top: 5px solid #ff7c7c;
  position: absolute;
  top: -5px;
  left: 0;
}

[data-pagetype=brand] .c-heading-h2:before,[data-pagetype=general] .c-heading-h2:before {
  border-color: #905c08;
}


.c-heading-h3 {
  padding: 12px 16px 8px 19px;
  margin: 0 0 30px;
  background: #f8f5e1;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.4545;
  position: relative;
  color:#000 !important;
}

@media (max-width: 767px) {
  .c-heading-h3 {
    font-size: 18px !important;
    padding: 10px 12px 10px 19px;
  }
}

[data-pagetype=brand] .c-heading-h3,[data-pagetype=general] .c-heading-h3 {
  background-color: #f7edde;
}

.c-heading-h3:before {
  content: "";
  display: block;
  height: 100%;
  border-left: 4px solid #ff7c7c;
  position: absolute;
  top: 0;
  left: 0;
}




.c-text-image-column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .c-text-image-column2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-text-image-column2__image {
  width: 435px;
  margin-left:20px;
}

@media (max-width: 767px) {
  .c-text-image-column2__image {
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  margin-left:0px;
  }
}

.c-text-image-column2__text {
  width: calc(100% - 465px);
}

@media (max-width: 767px) {
  .c-text-image-column2__text {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.c-text-image-column2__text>:first-child {
  margin-top: 0;
}

.c-text-image-column2__text>:last-child {
  margin-bottom: 0;
}

.c-text-image__text-heading {
  font-size: 18px !important;
  font-weight: 700;
  margin-bottom: 30px;
  text-align:center;
  margin-top:10px;
}

@media (max-width: 767px) {
  .c-text-image__text-heading {
  font-size: 16px !important;
  margin-bottom: 20px;
  }
}

.c-text-image__text-heading+* {
  margin-top: 0;
}

@media (max-width: 767px) {
  .c-page-sub__title-page[data-page-category=honninkakunin] {
    margin-bottom: 20px;
  }
}
[data-page-category=honninkakunin] .c-title-page {
  background: url(/resource/img/honninkakunin/index/pict-title-honninkakunin.webp) no-repeat bottom 28px right calc(50% - 324.5px)/337px,url(/resource/common/img/bg-title.svg) no-repeat 100% 100%/contain,#196e15;
}

@media (min-width: 768px) {
  [data-page-category=honninkakunin] .c-title-page {
    padding-top: 54px;
  }
}

@media (max-width: 767px) {
  [data-page-category=honninkakunin] .c-title-page {
    background: url(/resource/img/honninkakunin/index/pict-title-honninkakunin-sp.webp) no-repeat bottom -4px right 20px/132px,url(/resource/common/img/bg-title-sp.svg) no-repeat 100% 100%/contain,#196e15;
    padding: 20px 30px 40px;
  }
}
@media (max-width: 767px) {
  [data-page-category=honninkakunin] .c-title-page__title-fukidashi {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
}

.c-honninkakunin-container div.c-text-image-column2__frame-orange img,.c-honninkakunin-container div.c-text-image__frame-orange img {
  border: 1px solid #ff5800;
}

.c-honninkakunin-container div.c-text-image-column2__frame-gray img,.c-honninkakunin-container div.c-text-image__frame-gray img {
  border: 1px solid #d6d6d6;
}

.c-honninkakunin-container div.c-image__tag {
  background: #ff5800;
  font-size: 1.4rem;
  font-weight: 400;
}

.c-col,.c-honninkakunin-container div.c-text-image__text {
  padding: 0;
}


.c-button {
  text-align: center;
}

@media (max-width: 767px) {
  .c-button {
    max-width: calc(100vw - 40px);
    margin: 0 auto;
  }
}


@media (min-width: 768px) {
  .c-button__col,.c-button__col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
  }
}

.c-button__col-left>a,.c-button__col>a {
  width:32%;
  padding: 12px 15px 11px 0;
}

.c-button__link {
  padding: 15px 0px;
  margin: 0;
  background: #fff;
  border: 1px solid #009e96;
  border-radius: 50px;
  display: inline-block;
  color: #009e96 !important;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  vertical-align: top;
  position: relative;
  -webkit-transition: all .4s;
  transition: all .4s;
  margin-right:10px;
}

@media (max-width: 767px) {
  .c-button__link {
    width: 100% !important;
    padding: 15px 30px !important;
    line-height: 1.4;
  margin-right:0px;
  margin-bottom:10px;
  }
}



.c-button__link>span {
  font-size: 1.2rem;
  font-weight: 400;
}

.c-button__link:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid #009e96;
  border-width: 3px 3px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: calc(40% - 6px);
  right: 20px;
}

@media (max-width: 767px) {
  .c-button__link:after {
    right: 16px;
  top: calc(45% - 6px);
  }
}

.c-button__link[target=_blank]:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 4px;
  background: url(/resource/common/img/icon-external.svg) no-repeat 50%/contain;
  border: none;
  -webkit-transform: none;
          transform: none;
  top: calc(50% - 4.5px);
  right: 20px;
}

.c-button__link[href$=".pdf"]:after {
  background: url(/resource/common/img/icon-pdf.svg) no-repeat 50%/contain;
}

.c-button__link[href$=".pdf"]:after,.c-button__link[href$=".xls"]:after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 13px;
  margin-left: 4px;
  border: none;
  -webkit-transform: none;
          transform: none;
  top: calc(50% - 6.5px);
  right: 20px;
}

.c-button__link[href$=".xls"]:after {
  background: url(/resource/common/img/icon-xls.svg) no-repeat 50%/contain;
}

.c-button__link[href$=".doc"]:after {
  background: url(/resource/common/img/icon-doc.svg) no-repeat 50%/contain;
}

.c-button__link[data-icon=file]:after,.c-button__link[href$=".doc"]:after {
  content: "";
  display: inline-block;
  width: 23px;
  height: 13px;
  margin-left: 4px;
  border: none;
  -webkit-transform: none;
          transform: none;
  top: calc(50% - 6.5px);
  right: 20px;
}

.c-button__link[data-icon=file]:after {
  background: url(/resource/common/img/icon-file.svg) no-repeat 50%/contain;
}

@media (max-width: 767px) {
  .c-button__link[href^="#"] {
    border-radius: 50px;
    padding: 12px 37px 12px 20px;
    text-align: left;
  }
}

.c-button__link[href^="#"]:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

@media (min-width: 768px) {
  .c-button__link:hover {
    opacity: 1;
    background: #009e96;
    color: #fff !important;
  }
  .c-button__link:hover:after {
    border-color: #fff;
  }

}




.c-image {
  text-align: center;
  position: relative;
}


.c-image__tag {
  padding: 5px 8px;
  background-color: #196e15;
  color: #fff;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
}

div.c-text-image__frame-orange .c-image__tag {
  background: #ff5800;
  font-size: 1.4rem;
  font-weight: 400;
}

.c-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  list-style: none;
}

@media (max-width: 767px) {
  .c-col {
    display: block;
  }
}

@media (min-width: 768px) {
  .c-col>li {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.c-col>li:not(:last-of-type) {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .c-col>li:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 30px;
  }
}


.h-text__green02 {
  color: #009e96 !important;
  font-size:24px;
  font-weight:bold;
}

.h-text__ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.h-text__ul>li {
  padding-left: 22px;
  text-indent: -22px;
  padding-bottom:5px;
}

.h-text__ul>li:not(:last-of-type) {
  margin-bottom: 7px;
}

.h-text__ul>li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 9px;
  border: 4px solid #009e96;
  border-radius: 50%;
  vertical-align: -1px;
}

@media (max-width: 767px) {

.h-text__ul>li:before {
  width: 12px;
  height: 12px;
}
}

}

.h-text__ul>li>ul {
  list-style: none;
  padding-left: 0;
}

.h-text__ul>li>ul>li {
  padding-left: 17px;
  text-indent: -17px;
}

.h-text__ul>li>ul>li:not(:last-of-type) {
  margin-bottom: 7px;
}

.h-text__ul>li>ul>li:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 9px;
  background: #009e96;
  border-radius: 50%;
}

.h-text__ul>li[class$=-red]:before {
  border-color: #da0017;
}

.h-text__ul>li[class$=-red]>ul>li:before {
  background: #d90000;
}

.h-text__ul>li[class$=-default]:before {
  background: #2b2b2b!important;
  border: none;
}


.h-space__bg-red {
  background: #ffeded;
  padding:30px 0;
}

.h-space__bg-red p:first-child {
  margin-top: 0;
}

.h-space__bg-red p:last-child {
  margin-bottom: 0;
}

.h-text__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 50px;
}

@media (max-width: 767px) {
.h-space__bg-red {
  padding:15px 0;
}

  .h-text__column {
    display: block;
    padding: 0;
  }
  [class^=h-space__bg] .h-text__column {
    padding: 0 20px;
  }
}

@media (min-width: 768px) {
  .h-text__column>.h-text__col {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.h-text__column>.h-text__col:not(:last-of-type) {
  margin-right: 30px;
}

@media (max-width: 767px) {
  .h-text__column>.h-text__col:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.h-text__column>.h-text__col>:first-child {
  margin-top: 0;
}

.h-text__column>.h-text__col>:last-child {
  margin-bottom: 0;
}

.h-text__alert {
  padding-left: 70px;
  position: relative;
}

@media (max-width: 767px) {
  .h-text__alert {
    padding-left: 0;
    padding-top: 54px;
  }
}

.h-text__alert:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(/resource/common/img/icon-alert.webp) no-repeat 50%/contain;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .h-text__alert:before {
    margin: 0 auto;
    right: 0;
    width: 40px;
    height: 40px;
  }
}

.h-text__alert>:first-child {
  margin-top: 0;
}

.h-text__alert>:last-child {
  margin-bottom: 0;
}