@charset "utf-8";
/* CSS Document */
/*=================== TBここから ==================*/
@media screen and (min-width: 600px) {
  /**************************************************
  2. 共通（レイアウト・テキスト・見出し・ボタン・ヘッダー・フッター・ぱんくず・その他)
  ***************************************************/
  /*------------------------------
  基本スタイル ※変更不可
  ------------------------------*/
  .sp {
    display: none;
  }
  .tb {
    display: block;
  }
  /* float */
  .tb-float-l {
    float: left;
  }
  .tb-float-r {
    float: right;
  }
  /*------------------------------
  レイアウト ※変更不可
  ------------------------------*/
  /*wrap共通*/
  .wrap {
    margin-bottom: 50px;
  }
  /*
  .wrap-m {
    width: 94%;
  }
  .wrap-s {
    width: 86%;
  }
*/
  /*------------------------------
  見出し h1-h6 ※変更不可
  ------------------------------*/
  h1 {
    font-size: 36px;
    font-size: 3.6rem;
  }
  h2 {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 600;
  }
  h3 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 600;
  }
  h4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h5 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  h6 {
    font-size: 20px;
    font-size: 2rem;
  }
  /*------------------------------
  テキスト ※変更不可
  ------------------------------*/
  .lead {
    font-size: 22px;
    font-size: 2.2rem;
  }

  /*------------------------------
  ボタン ※変更不可
  ------------------------------*/
  /**************************************************
  * トップページ #top
***************************************************/
  /* 共通 */
  /*------------------------------
kv
------------------------------*/
  #top .kv .catch-copy {
    margin-top: -2%;
    font-size: 21px;
    font-size: 2.1rem;
  }
  /*------------------------------
.business
------------------------------*/
  #top .business .box .text-box {
    width: 73%;
  }
  /*------------------------------
.campany-info
------------------------------*/
  #top .campany-info .about {
    margin-left: 50px;
    margin-right: 50px;
  }
  /**************************************************
    
* 私たちについて #about 
    
***************************************************/
  #about .con01 .img-box {
    margin-left: auto;
  }
  #about .con02 .img-box {
    margin-right: auto;
    margin-bottom: -20px;
  }
  #about .con02 {
    padding-top: 50px;
    margin-top: -50px;
  }
  #about .con03 {
    padding-top: 60px;
  }
  #about .con03 .text {
    padding-bottom: 33%;
    width: 50%;
  }

  /**************************************************
    
* 会社案内 #overview
    
***************************************************/

  #overview .con01,
  #overview .con02 {
    margin-bottom: 120px;
  }

  /* con01 */
  #overview .con01 dl.overviewTable > div {
    margin-bottom: 30px;
  }
  #overview .con01 dl.overviewTable dt {
    width: 15%;
  }
  #overview .con01 dl.overviewTable dd {
    width: 85%;
  }
  /* con02 */
  #overview .con02 dl.overviewTable dt {
    width: 20%;
  }
  #overview .con02 dl.overviewTable dd {
    width: 80%;
  }
  #overview .con02 .img-box img {
    width: 80%;
  }

  /* con01下の画像 */
  #overview .overview-img.con01-under .img-box {
    width: 50%;
    top: -80px;
  }
  /* con02下の画像 */
  #overview .overview-img.con02-under .img-box {
    top: -60px;
  }

  /* con04 */
  #overview .con04 .img-box {
    margin: auto;
  }
  /**************************************************
    
* 事業案内 #business
    
***************************************************/
  #business .con01 {
    position: relative;
  }
  #business .con01 .con01-bg {
    position: absolute;
    top: 350px;
    left: -5%;
    z-index: -1;
  }
  #business .con01 .totalrepair-box {
    margin: 40px 0 30px 20px;
  }
  #business .con01 > .flex-box {
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 120px;
  }
  #business .con01 .totalrepair-box {
    max-width: 300px;
    align-self: baseline;
    width: 50%;
    margin: 0;
    margin: 40px auto 0;
  }

  #business .con01 .tr-map {
    width: 80%;
    margin-left: -30%;
  }
  #business .con01 .about_tr_box {
    padding: 40px 44px;
  }
#business .con01 .t-site ul{
    justify-content: space-between;
}
#business .con01 .t-site li{
    width: 48%;
}
#business .con01 .t-site li:first-child{
    margin-bottom: 0;
}
#business .con01 .t-site li .site-wrap .site_ttl{
    font-size: 16px;
    font-size: 1.6rem;
        margin-top: 4px;
}
    
    
  #business .con02 .img-box {
    width: 90%;
  }
  #business .con02-bg {
    height: 240px;
  }
  /**************************************************
    
* サステナビリティ  #sustainability
    
***************************************************/
#sustainability .excellent-company-award__item {
    padding: 60px 16px;
	align-items: center;
    }

#sustainability .excellent-company-award__item .img-box {
    width: 35%;
  }
#sustainability .excellent-company-award__item-text {
    width: 60%;
   padding-right: 20px;
}
    
    
#sustainability .excellent-kenko-company .img-box{
    margin-top: -24px;
        
    }
    
#sustainability .con02 .ttl::after {
  padding: 40px;
  top: -20px;
}
#sustainability .con02 .ttl.environment::after {
  width: 320px;
  background-size: 320px;
}
#sustainability .con02 .ttl.social-sha::after {
  width: 140px;
  background-size: 140px;
}
#sustainability .con02 .ttl.governance::after {
  width: 320px;
  background-size: 320px;
}


  /**************************************************
    
* サイトマップ #sitemap
    
***************************************************/
#sitemap .con01 ul li{
    margin-bottom: 20px;
}

/**************************************************
* WP 関連
***************************************************/
/*------------------------------
  お知らせ一覧 #news
  ------------------------------*/
  .page-numbers  a.page-numbers,
  .page-numbers .current {
    padding: 15px 23px;
    font-size: 18px;
    font-size: 1.8rem;
  }

  /*------------------------------
  お知らせ詳細 #blog
  ------------------------------*/
  #blog .pagenav div.prev {
    margin-right: 30px;
  }

  /* エディタ用スタイル */
  /* 記事内 ul ol */
  .single .blog-content ul,
  .single .blog-content ol {
    padding-left: 40px;
  }

  /*------------------------------
  お問い合わせ #contact
  ------------------------------*/
  .formtable input[type="text"],
  .formtable input[type="email"],
  .formtable input[type="number"],
  .formtable input[type="tel"],
  .formtable select {
    height: 55px;
  }

  .formtable input[type="text"]#zip,
  .formtable input[type="tel"]#tel {
    width: 50%;
  }
    
    
    
} /*=================== TBここまで ==================*/

/*=================== PCここから==================*/
@media screen and (min-width: 1025px) {
  /**************************************************
  2. 共通（レイアウト・見出し・その他・table・header<strong></strong>・footer・ハンバーガー・btn・戻るボタン)
  **************************************************/
    
  /*------------------------------
  ページ遷移 ※変更不可
  ------------------------------*/
html {
  scroll-padding-top: 90px; /* 固定ヘッダの高さ分 */
}
    
  /*------------------------------
下層にのみ、h2の背景色をnav裏まで指定するため ※変更不可
  ------------------------------*/
.page #wrapper,.single #wrapper ,.category #wrapper,.archive #wrapper ,.error404 #wrapper{
    background: #3646AB;
  }
    
.page #contents,.single #contents ,.category #contents,.archive #contents ,.error404 #contents{
    background: #fff;
    position: relative;
    z-index: 0;
  }
    
    

  /*------------------------------
  基本スタイル ※変更不可
  ------------------------------*/
  .sp {
    display: none;
  }
  .tb {
    display: none;
  }
  .pc {
    display: block;
  }
  .wrap {
    margin-bottom: 100px;
  }
  .wrap-l {
    width: 100%;
  }
  .wrap-m {
    width: 92%;
  }
  .wrap-s {
    width: 87%;
  }
  .flex-box {
    display: flex;
    flex-wrap: wrap;
  }
  /*------------------------------
  見出し h1-h6 ※変更不可
  ------------------------------*/
  h1 {
    font-size: 36px;
    font-size: 3.6rem;
  }
  h2 {
    font-size: 50px;
    font-size: 5rem;
    font-weight: 600;
  }
  h3 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 600;
  }
  h4 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h5 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  h6 {
    font-size: 20px;
    font-size: 2rem;
  }
  /*------------------------------
見出し 英語付き見出し(TOP・下層) ※変更不可
------------------------------*/
  .ttl-top::before {
    font-size: 50px;
    font-size: 5rem;
	 font-size: clamp(4rem, 3vw, 6rem);
  }
h2.ttl-sub-page::before {
  font-size: 70px;
  font-size: 7rem;
  line-height: 1.3;
}

  h3.ttl-sub-page::after, #page-under-nav .ttl-sub-page::before {
    font-size: 38px;
    font-size: 3.8rem;
  }

  #page-under-nav .ttl-sub-page::before {
    font-size: clamp(2.063rem, 1.823rem + 0.37vw, 4rem);
  }
  /*------------------------------
  テキスト ※変更不可
  ------------------------------*/
  p {
    line-height: 2;
  }
	
  /*------------------------------
  テキスト ※変更不可
  ------------------------------*/
  .lead {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .lead-m {
    font-size: 19px;
    font-size: 1.9rem;
  }
  .text-s {
    font-size: 13px;
    font-size: 1.3rem
  }
  .note {
    font-size: 11px;
    font-size: 1.1rem
  }
  /*------------------------------
ボタン  ※変更不可
------------------------------*/
  .btn-box .btn {
    max-width: 150px;
    transition: 0.3s;
    padding: 11px 4px;
  }
  /*------------------------------
header hover ※変更不可
------------------------------*/

	
	
	
  /**************************************************
  * TOP #top
  ***************************************************/
  /*------------------------------
共通
------------------------------*/
  #top h2 {
    font-size: clamp(8rem, -6.25rem + 20vw, 10rem);
    padding-left: 60px;
  }
  #top p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #top .ttl-box h3, #top .text-box h3, #top .text-box p, #top .business .box .btn-box, #top #news .btn-box {
    margin-bottom: 100px;
  }
  #top .business, #top .campany-info, #top .news-list .w-bg {
    padding: 100px 0;
  }
  /*h2下の余白*/
  #top .business .box, #top .business .box:nth-child(3) {
    margin-top: 100px;
  }
#top .business, #top .campany-info, #top .news-list, #top .campany-info-menu li, #top .news-list .w-bg {
  border-radius: 50px;
}
    
/*背景角丸のリセット   */
#top .business {
    margin-left: unset;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
} 
#top .news-list, #top .news-list .w-bg {
  margin-right: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
    
#top .business,#top .news-list{
width: 95%;
max-width: 2400px;
}
    
/*------------------------------
  kv
  ------------------------------*/
 #top .kv .catch-copy {
    font-size: clamp(3rem, -6.25rem + 7vw, 6rem);
    padding-left: 0;
	  

  }
	
	
.ttl-top{
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
line-height: 1;/*line-heightなくしたほうがカッコ良くなります*/
	}
.char {
transform: translateY(-100px);
  transition: transfrom 0.5s;
}
	
	
/*------------------------------
.business
------------------------------*/
  #top .business .box {
    justify-content: space-between;
  }
  #top .business .box:nth-child(2) {
    margin-right: 30px;
    flex-direction: row-reverse;
  }
  #top .business .box .text-box {
    width: 44%;
    max-width: 740px;
  }
  #top .business .box .img-box {
    width: 50%;
  }
  #top .business .box:nth-child(2) .text-box {
    padding-left: 60px;
    margin-right: auto;
  }
  #top .business .box:nth-child(3) .text-box {
    padding-right: 60px;
    margin-left: auto;
  }
  #top .business .box .text-box p {
    max-width: 510px;
  }
  /*------------------------------
.campany-info
------------------------------*/
  #top .campany-info.wrap-m {
    max-width: 2400px;
    width: 90%;
  }
  #top .campany-info .about {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #top .campany-info .about .flex-box {
    flex-wrap: nowrap;
  }
  #top .campany-info .about .ttl-box {
    width: 80%;
    margin: 0 auto;
    max-width: 1600px;
  }
  #top .campany-info .about .ttl-box .lead {
    font-size: 28px;
    font-size: 2.8rem;
  }
  #top .campany-info .about .ttl-box, #top .campany-info .about .ttl-box h3 {
    margin-bottom: 50px;
  }
  #top .campany-info .about .img-box {
    width: 40%;
    max-width: 400px;
    margin: 0;
    margin-left: auto;
    padding: 3%;
    margin-right: 5%;
  }
  #top .campany-info .about .img-box img {
    display: block;
  }
  #top .campany-info .about .text-box {
    width: 44%;
    max-width: 830px;
    margin-right: auto;
  }
  #top .campany-info .about .text-box p {
    margin-bottom: 24px;
    /*
    font-size: 18px;
    font-size: 1.8rem;
*/
  }
  #top .campany-info .about .btn-box {
    margin-top: 60px;
  }
  /*------------------------------
.#top .campany-info-menu
------------------------------*/
  #top .campany-info-menu.wrap-s {
    width: 90%;
    max-width: 2000px;
  }
  #top .campany-info-menu ul {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #top .campany-info-menu li {
    transition: 0.3s;
    margin-bottom: 0;
    width: 31.5%;
    padding: 50px 3%;
  }
  #top .campany-info-menu li .ttl-box h3 {
    margin-bottom: 50px;
  }
	
/*
#top .campany-info-menu li:nth-child(3) .ttl-box h3 {
    word-break: break-all;
  }
*/
	
#top .campany-info-menu li:nth-child(3) .ttl-box h3::before {
/*	font-size: clamp(3.5rem, 1vw, 5rem);*/
	font-size: clamp(4rem, 3vw, 6rem);
	
  }
	
	
  /*------------------------------
.#top .recruit
------------------------------*/
  #top .recruit .text-box {
    width: 40%;
    padding-right: 3%;
  }
  #top .recruit .btn-box {
    margin-bottom: 0;
  }
  #top .recruit__list-img-box {
    width: 60%;
  }
  /* スライドする要素 */
  #top .recruit .recruit__list-wrap li {
    width: calc(100vw / 5);
  }
  /*------------------------------
.news-list
------------------------------*/
  #top .news-list {
    padding-left: 60px;
    padding-top: 60px;
    padding-bottom: 80px;
  }
  #top .news-list .w-bg {
    padding: 100px 60px 100px;
  }
  #top .news-list .ttl-box {
    width: 20%;
  }
  #top .news-list .newsList {
    width: 80%;
  }
  /*------------------------------
お知らせ #news 
------------------------------*/
  #news.news-list .newsList a {
    padding: 30px 0;
  }
  #news.news-list .newsList a, #news.news-list .newsList a p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #news.news-list .newsList .date {
    font-size: 16px;
    font-size: 1.6rem;
  }
  /*------------------------------
下層ページ共通  .pages
------------------------------*/
  /*下層 H2 レイアウト*/
  .pages .ttl-box {
    padding: 100px 4%;
  }

  .pages-pding-t{
    padding-top: 100px;
  }
 .pages-pding-t_s{
    padding-top: 20px;
  }
 .pages-pding-t_m{
    padding-top: 60px;
  }


  /*コンテンツ内 余白 */
  .pages h3, .pages .lead, .pages .lead-m, .pages .lead-s,
.pages .text-box, .pages h4, .pages .m-b-comm, #privacypolicy .box, #customer-harassment .box {
    margin-bottom: 60px;
  }
  .pages .p-b-comm {
    padding-bottom: 60px;
  }
	
.pages .lead, .pages .lead-m, .pages .lead-s{
    margin-bottom: 30px;
  }
	

  /*下層 #page-under-nav*/
  #page-under-nav {
    padding: 100px 0 100px 5%;
    width: 95%;
  }
  #page-under-nav ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #page-under-nav li {
    width: 20%;
  }
  /*テキスト幅*/
  #business .con01 .text-box, #business .con02 .text-box, #totalrepair .con01 .text-box, #sustainability .con01 .text-box:first-child {
    max-width: 840px;
    width: 100%;
  }
    
    


/*------------------------------
radius ※PC〜
------------------------------*/
  .radius-bottom-l {
    border-bottom-left-radius: 55px;
  }
  .radius-bottom-r {
    border-bottom-right-radius: 55px;
  }
  .radius-top-l {
    border-top-left-radius: 50px;
  }
  .radius-top-r {
    border-top-right-radius: 50px;
  }
    
    
  /**************************************************
* 私たちについて #about 
***************************************************/
  #about .con01 .text-box p, #about .con02 .text-box p, #about .con03 .text p {
    font-size: 17px;
    font-size: 1.7rem;
  }
  #about .con02 .flex-box {
    flex-direction: row-reverse;
  }
  /*text-wrap*/
  #about .con01 .text-wrap, #about .con02 .text-wrap {
    width: 40%;
    max-width: 500px;
  }
  #about .con01 .text-wrap {
    margin-left: auto;
  }
  #about .con02 .text-wrap {
    margin-right: auto;
  }
  #about .con01 .img-box {
    margin-left: auto;
  }
  #about .con01 .img-box, #about .con02 .img-box {
    width: 50%;
    padding-top: 100px;
  }
  #about .con01 .text-box p, #about .con02 .text-box p {
    margin-bottom: 14px;
  }
  #about .con03 {
    background-size: 20%;
    padding-top: 100px;
  }
  #about .con03 .text {
    padding-bottom: 10%;
    width: 40%;
    line-height: 2.5;
  }
  #about .con04 .contant-box {
    width: 80%;
  }
  #about .con04 .flex-box {
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1670px;
    margin: 0 auto;
  }
  #about .con04 .img-box {
    margin-bottom: 0;
/*    max-width: 350px;*/
    width: 20%;
    /*    margin-right: 3%;*/
  }
  #about .con04 ul.flex-box {
    width: 80%;
    flex-wrap: wrap;
    max-width: 900px;
  }
  #about .con04 li {
    width: 40%;
    margin: 0 auto 100px;
  }
  /**************************************************
* 代表メッセージ #message
***************************************************/
  #message .con01 .img-box {
    width: 46%;
    margin-bottom: 0px;
    align-self: baseline;
    margin-right: 4%;
  }
  #message .con01 .img-box img {
    width: 100%;
    margin: auto;
  }
  #message .con01 .img-box .bg-b {
    left: -13%;
    max-width: 570px;
  }
  #message .con01 .text-box {
    width: 50%;
	  flex-grow: 1;
  }

  /**************************************************
* 会社案内 #overview
***************************************************/

  #overview .con02 {
    margin: auto;
  }
  /* con01 */
#overview .con01 dl.overviewTable > div {
    margin-bottom: 80px;
}

    #overview .con01 dl.overviewTable dt {
    width: 10%;
  }
  #overview .con01 dl.overviewTable dd {
    width: 90%;
  }

  /* con02 */
#overview .con02 {
    margin-bottom: 200px;
  }
#overview .con02 dl.overviewTable > div {
    border-bottom: solid 1px #EDEDED;
    padding: 40px 0;
}
#overview .con02 dl.overviewTable dt {
    width: 13%;
}


  /* con01下の画像 */
  #overview .overview-img.con01-under .img-box {
    top: -161px;
        max-width: 640px;
    margin-right: 40px;
  }
  /* con02下の画像 */
  #overview .overview-img.con02-under .img-box {
    width: 80%;
    top: -80px;
    max-width: 1300px;
  }

  /* con03 */
  #overview .con03 .gmap {
    padding-bottom: 26.25%;
}
  /* con04 */
  #overview .con04 .img-box {
    max-width: 350px;
  }

  /**************************************************
    
* 事業案内 #business
    
***************************************************/
  #business .con01 .con01-bg {
    top: 90px;
    height: 500px;
  }
  #business .con01 > .flex-box {
/*    justify-content: space-between;*/
    margin: 120px auto 0;
	  max-width: 1400px;
  }
  #business .con01 .totalrepair-box {
    max-width: 380px;
/*    width: 30%;*/
        padding: 20px;
        align-self: center;
        margin-left: auto;
        margin-right: -400px;
        margin-top: -40px;
  }
  #business .con01 .totalrepair-box .box-l {
    width: 200px;
  }
  #business .con01 .totalrepair-box .box-r {
    width: 300px;
    text-align: end;
  }
  #business .con01 .totalrepair-box .box-r .font_b {
    font-size: 6rem;
  }
    
    
  #business .con01 .tr-map {
/*    width: 70%;*/
    max-width: 740px;
    margin: 0 auto;
  }
  #business .con01 .about_tr_box {
    transition: 0.3s;
    margin: 100px auto;
  }
    
    
#business .con01 .t-site li .site-wrap .site_ttl{
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 16px;
    line-height: 1.4;
}
  #business .bg-wrap {
    margin-bottom: 50px;
  }
  #business .bg-wrap .bg-b {
    height: 95%;
    width: 100%;
    position: absolute;
    bottom: -50px;
  }
	
	
#business .con02 .img-box {
    padding-bottom: 150px;
	padding-top: 40px;
    max-width: 1100px;
  }
	
  #business .con02-bg {
    height: 500px;
  }
	
	
	
	
  /**************************************************
    
* トータルリペアとは #totalrepair
    
***************************************************/
  #totalrepair .con01 .flex-box {
    flex-flow: row;
    align-items: center;
  }
  #totalrepair .con01 .tr-map {
    width: 40%;
  }
  /*トータルリペアとは、サステナビリティ共通*/
	
#totalrepair .con02,#sustainability .con02 {
    max-width: 1300px;
	}
  #totalrepair .con02 .service, #sustainability .con02 .esg {
    justify-content: center;
    padding-bottom: 100px;
  }
  #totalrepair .con02 .service .text-box, #sustainability .con02 .esg .text-box {
    width: 50%;
    margin-right: 5%;
    max-width: 800px;
  }
  #totalrepair .con02 h5, #totalrepair .con02 .text, #sustainability .con02 h5, #sustainability .con02 .text {
    margin-bottom: 40px;
  }
  #totalrepair .con02 .business-partner, #sustainability .con02 .progress {
    margin-bottom: 10px;
  }
  #totalrepair .con02 .service .img-box, #sustainability .con02 .esg .img-box {
    width: 45%;
    max-width: 800px;
  }
  #totalrepair .con02 .service .img-box {
    align-self: end;
  }
  #totalrepair .con02 .service .img-box .bg-b {
    border-radius: 50px;
  }
    
/**************************************************
    
* トータルリペアとは   #totalrepair
    
***************************************************/
    
 #totalrepair .con02 .service .text-box .text{
    padding-right: 35px;
  }
    
 
  /**************************************************
    
* サステナビリティ  #sustainability
    
***************************************************/
#sustainability .con01{
	position: relative;
}

#sustainability .con01 .con01-bg{
	position: absolute;
	top: 16%;
	left: -5%;
	z-index: -1;
}

  #sustainability .con01 .con01-bg {
    top: 40px;
    height: 670px;
    height: 500px;
    margin-top: 0;
  }
    
/*
#sustainability .excellent-company-award{
    max-width: 1300px;
}    
*/
#sustainability .excellent-company-award__read,
  #sustainability .excellent-company-award__item {
    max-width: 1300px;
  }
    
#sustainability .excellent-company-award__read{
/*    margin: 290px auto 30px;*/
    margin: 330px auto 30px;
  }

  #sustainability .excellent-company-award__item .img-box {
    width: 15%;
    margin-bottom: 0;
  }
#sustainability .excellent-company-award__item.stressfree .img-box{
		width: 20%;
    max-width: 220px;
	}
  #sustainability .excellent-company-award__item-text {
    width: 70%;
    padding-right: 5%;

    }
    

/**************************************************
* WP 関連
***************************************************/
/*------------------------------
  お知らせ一覧 #news
  ------------------------------*/
#news.news-list .newsList a {
  position: relative;
  padding-right: 20px;
  padding-left: 30px;
}
#news.news-list .newsList a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
  font-size: 24px;
  font-size: 2.4rem;
  color: #363636;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transition: opacity 0.4s;
  opacity: 0;
}
    #news.news-list .newsList a:hover::after {
  opacity: 1;
}

  .news-category {
    font-size: 16px !important;
    font-size: 1.6rem !important;
  }

  /*------------------------------
  お知らせ詳細 #blog
  ------------------------------*/
  #blog .ttl-box .blog-ttl {
    font-size: 40px;
    font-size: 4rem;
  }

  /*------------------------------
  お問い合わせ #contact
  ------------------------------*/
  #contact .con01 .lead-m a,
  #contact .con01 .lead-m a:hover {
    transition: 0.3s;
  }
  #contact .con02 {
    max-width: 760px;
    width: 80%;
    padding: 80px 60px 0;
  }

  /*------------------------------
  お問い合わせサンクスページ #contact .thanks
  ------------------------------*/
  #contact.thanks .con01 {
    max-width: 1200px;
  }


} /*================== PC(min-width: 1025px)ここまで ==================*/