@charset "utf-8";
/*************************
共通
*************************/
html {
  -webkit-overflow-scrolling: touch;
}
/* --------▼　MTのみ崩れる箇所の対策　▼-------- */
*, :after, :before, html , a {box-sizing:border-box;} 
figure {margin:0 0 1rem;}
h1, h2, h3, h4, h5, h6 {margin-top:0; margin-bottom:0.5rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color:inherit; font-family:inherit; font-weight:500; line-height:1.1; margin-bottom:0.5rem;}
/* --------▲　MTのみ崩れる箇所の対策　▲-------- */

main .container {
  width: auto;
  max-width: inherit;
  height: auto;
  padding: 0;
}
body .orihica_main img {
  height: auto;
}
.container .breadcrumbs {
  padding: 12px;
}
.orihica_main p,
.orihica_main ul {
  line-height: 2;
  color: #000;
}
.orihica_main .topicModuleCol2__text {
  color: #000 !important;
}
.orihica_main .topicModuleBanner a:hover,
.full_width:hover{
  opacity: .7;
  transition: .2s
}

/* アンカーリンクとび先においてヘッダーが入る高さを考慮した上部の空白
　※とび先の「id」が入っている箇所に下記classを追加してください*/
.orihica_main .anchorLink-margin {
  margin-top: -35px !important;
  padding-top: 35px !important;
}

/* メインビジュアル */
.orihica_main .mv .mv_img img {
  width: 100%;
  margin: 0 auto;
}

/* リード */
.orihica_main .about {
  line-height: 2.3;
  margin: 0 0 80px;
  padding-top: 40px;
  font-size: 14px;
  text-align: center;
}
.orihica_main .lead_text {
  font-size: 14px;
  text-align: center;
}

/* 見出し */
h1 {
  margin-bottom: 0;
}
h2 {
   line-height: 1;
   font-size: 24px;
   color: #000;
   font-weight: bold;
   text-align: center;
}
h3,h4 {
   line-height: 1.1;
   margin-bottom: 20px;
   color: #000;
   font-size: 22px;
   font-weight: bold;
   text-align: center;
}

/* タイトル画像大きさ指定*/
.orihica_main .color_area h2 img{
   width: 363px;
}
.orihica_main .style_area h2 img{
   width: 460px;
}
.orihica_main .point_area h2 img{
   width: 173px;
}

/* コンテンツ */
.orihica_main .contents_inner {
  max-width: 1160px;
  margin: 0 auto;
}
.orihica_main .date{
  color: gray;
  display: block;
  margin-top: 20px;
  margin-left: 0px;
}
.orihica_main .text {
  margin: 30px 0;
  font-size: 15px;
   text-align: center;
}
.orihica_main .flexContener{
  display: flex;
  justify-content: space-between;
}
 .border {
   margin-top: 70px;
  padding-top: 70px;
  border-top: 1px solid #aaaaaa;
}
.button{
   display: block;
	position: relative;
	padding: 5px 30px 5px 25px;
	background-color: #000;
   text-align: center;
	font-size: 15px;
}
.button{
   color: #FFFFFF!important;
}
.button span::after {
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	}

/* カラーバリエーション */
.orihica_main .color_area .full_width {
   max-width: 752px;
   margin: auto;
}

/* POINT */
.point_area{
    margin: 90px 0;
    padding: 90px 0;
    background-color: #a2937a;
}
.point_area .title-text{
   display: inline-block;
   margin: 20px 0 15px;
   padding: 5px 10px;   
   font-weight: bold;
   background-color: #fff;
}
.point_area .contents_inner {
	width: 900px;
}
.point_area h2{
   text-align: left;
   font-size: 30px;
}
.point_area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
.point_area li{
   max-width: 29.5%
}
.orihica_main .point_area p{
   margin-top: 20px;
   color: #fff;
   font-size: 15px;
   line-height: 1.6;   
}
.point_area .contents_inner .button {
  max-width: 500px;
  margin: 60px auto 0!important;
  padding: 20px 30px;
}

.point_area .contents_inner .button a {
  color: #FFFFFF!important;
}
.point_area .contents_inner .button:hover {
  opacity: .7;
  transition: .2s;
}
.point_link {
  border-bottom: 1px solid #fff;
  font-weight: bold;
}
.point_link:hover {
  opacity: .7;
  transition: .2s;
}
.point_link a {
  color: #fff!important; 
}

/* スタイル*/
.orihica_main .style_area h3 {
   width: 344px;
margin: 20px auto 50px;
   }
.orihica_main .style_area h4{
   margin-top: 60px;
}
.h3text{
   margin-top: 20px;
  text-align: left;
  font-size: 14px;
  line-height: 2;
}
.orihica_main .style_area .flexContener{
   margin-bottom: 40px;
}
/* スタッフスナップ*/
.staffsnap {
  text-align: center;
   margin-top: 130px;
}


/*************************
PC only
*************************/
@media screen and (min-width: 862px) {
   .sp{
      display: none;
   }
   .date{
      width: 61%;
      margin: 0 auto;
   }
   .flexinner{
      width: 560px;
   }
   .variationModule .topicModuleCol4{
      max-width: 1160px;
   }
   .variationModule .topicModuleCol4__item:nth-child(4n){
      margin-right: 40px;
   }
   .variationModule .topicModuleCol4__item:last-child {
      margin-right: 0;
   }
}

/*************************
SP only
*************************/
@media screen and (max-width: 861px) {
  .orihica_main .pc {
    display: none;
  }
  /* アンカーリンクとび先においてヘッダーが入る高さを考慮した上部の空白 */
	.orihica_main .anchorLink-margin {
    margin-top: -50px !important;
    padding-top: 50px !important;
	}
   
  /* リード */
  .orihica_main .about {
   margin-bottom: 10vw;
   padding-top: 25px;
  }
  .orihica_main .about .lead_text {
    font-size: 3.73vw;
    text-align: left;
  }

  /* コンテンツ */
  .orihica_main .contents_inner,
  main .topicModuleBanner {
    padding: 0 16px;
    box-sizing: border-box;
  }
  .orihica_main .contents_inner {
    width: 100%;
  }
 .orihica_main .full_width{
      margin: 0 -16px!important;
   }
   .orihica_main .flexContener{
      display: block;
   }
   .border{
      margin-top: 60px;
      padding-top: 45px;
   }
   .orihica_main .about,.orihica_main .text{
      font-size: 14px;
   }
   h2{
      font-size: 18px;
   }
   h3,h4{
      font-size: 17px;
   }
   .point_area h2{
        font-size: 23px;
   }
   .orihica_main .style_area h3{
      width: 76%;
      margin: 20px auto 10px;
   }
      .orihica_main .style_area h4{
      margin-top: 30px;
   }
   .point_area .contents_inner .button {
      max-width: 500px;
      margin: 60px auto 0!important;
      padding: 16px 15px;
   }
/* 画像大きさ指定*/
   .orihica_main .color_area h2 img{
       width: 90%;
   }
   .orihica_main .point_area h2 img{
      width:  38%;
   }
   .orihica_main .style_area h2 img{
      width: 425px;
   }
   

/* コンテンツ */
   .orihica_main .text{
      margin: 20px 0;
   }
   .color_area{
      margin: 55px 0 0 0 ;
   }
   .point_area ul{
      width: auto!important;
   }
   .point_area li {
    max-width: 47%;
   }
   .point_area li:nth-of-type(n+3){
      margin-top: 30px;
   }
   .orihica_main .point_area p{
      margin-top: 10px;
      font-size: 3.3vw;
   }
   .h3text{
      font-size: 3.3vw;
   }
  
   .orihica_main .style_area .flexContener .flexinner+.flexinner{
      margin-top: 30px;
   }
   .staffsnap {
      margin-top: 70px;
   }
   .orihica_main .style_area .flexContener
   .staffsnap h2{
      font-size: 21px;
   }
   .point_area{
   margin: 60px 0;
   padding: 60px 0;
   }
   .orihica_main .topicModuleCol4{
      margin-top: 20px;
   }
}