@charset "utf-8";
/*
Template:marutaka-kk
Theme Name:marutaka-kk-child
Theme URI:https://www.marutaka-kk.co.jp/
Description:marutaka-kk
Author:TEAMWORKS
Author URI:https://tmwks.jp/
Version:1.6.1
*/

/* Web fonts読み込み */
body .face .content h3,
.side_menu_button a .title,
#scroll_content_section_1_4 .content h2,
#scroll_content_section_2_4 .content h2,
#scroll_content_section_2_4 .content h2,
#scroll_content_section_3_4 .content h2
{
font-family: 'Noto Sans JP','Yu Gothic','游ゴシック',sans-serif ;
}
body h2.headline,h3,.title,p.headline{
font-family: "Zen Old Mincho", serif !important;
}

/* Cormorant Gramond */
.cormorant-garamond-light {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
}

.cormorant-garamond-regular {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
}

.cormorant-garamond-medium {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: normal;
}

.cormorant-garamond-semibold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: normal;
}

.cormorant-garamond-bold {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: normal;
}

.cormorant-garamond-light-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic;
}

.cormorant-garamond-regular-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: italic;
}

.cormorant-garamond-medium-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: italic;
}

.cormorant-garamond-semibold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  font-style: italic;
}

.cormorant-garamond-bold-italic {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-style: italic;
}
/* Zen old mincho */
.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-old-mincho-medium {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.zen-old-mincho-semibold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.zen-old-mincho-bold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.zen-old-mincho-black {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-style: normal;
}



/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], textarea{
  vertical-align:middle;
  width:100%;
  line-height:35px;
  height:35px;
  padding:5px;
  margin-bottom: 5px;
  border:1px solid #d4d4d7;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:100%;
  color:#555;
  background:#fcfcfc;
  box-sizing: border-box;
  }
  textarea{
  height:auto;
  line-height:1.5;
  }
  select {
  padding: 8px 5px;
  }
  input[type=checkbox] {
          transform: scale(1.5);
          margin: 0 6px 0 0;
  }
  .wpcf7 input.wpcf7-back,
  .wpcf7 input.wpcf7-confirm { 
          position:relative;
          width:225px;
  }
  .wpcf7 form,.wpcf7 {
          margin: 0 !important;
          background: none !important;
          border: 0 !important;
  }
  .wpcf7 p {
          font-size: inherit !important;
  }
  *:first-child+html input[type="submit"]{padding:3px;}
  
  span.yubin,
  form input[type="submit"], input[type="reset"], input[type="button"] {
    margin: 0 auto;
    padding: 10px 20px;
    background: #92ccc2;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 1.5;
    font-size: 120% !important;
    color: #fff;
    cursor: pointer;
          height:48px;
          outline:none;
          -webkit-transition: all .3s;
          transition: all .3s;
  }
  span.yubin,
  span.yubin:hover { font-size: 80% !important; padding: 7px 10px; }
  form input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, span.yubin:hover {
	  opacity:0.7;
  }
  #searchform input[type="submit"] {
      line-height: 1;
      padding: 6px;
      vertical-align: top;
  }
  .submit-button{
    text-align:center;
  }
  /* 確認画面用CSS */
  /*枠線消す*/
  form .wpcf7c-conf {
    background-color: transparent !important;
    border: none !important;
  }
  .wpcf7-form table p {
    padding-bottom: 5px;
  }
  textarea.wpcf7-form-control {
    max-height: 100px;
  }
  .wpcf7 .wpcf7-submit {
          background-color: #92ccc2 !important;
  }
  .wpcf7 .wpcf7-submit:hover {
			  opacity:0.7;        
  }
  .wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
          border: 0 !important;
  }
  /*確認画面でradioが見え難い*/
  input[type="hidden"] + span {
    font-weight: bold;
  }
  /*確認画面セレクトボックスヤジルシ消す*/
  select.wpcf7c-conf {
     -webkit-appearance: none;
     -moz-appearance:    none;
     -ms-appearance:    none;
     appearance:         none;
     /*Firefox用*/
      text-indent: .01px; 
      text-overflow: "";
  }
  select.wpcf7c-conf::-ms-expand {
    display: none;
  }
  .wpcf7-form table p {
      padding-bottom: 0;
  }
  [data-name="zip"] input[type="text"],
  .zip input[type="text"],
  .s_size input[type="text"] {
    width: 20%;
  }
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"]{
    width: 40%;
  }
  @media only screen and (max-width:767px){
  .wpcf7 input[type="tel"],
   .wpcf7 input[type="email"]{
     width:100%!important;
   }
  .submit-button{
          padding:0 50px;
  }
  }
  
  
  span.required {
      display: inline-block;
      padding: 4px 6px;
      border-radius: 6px;
      background: red;
      color: #fff;
      font-size: 90%;
      line-height: 1.2;
      text-align: center;
      margin: 0 4px;
  }
  form table .txt_s {
      font-size: 80%;
      color: #666;
  }
  
  
  /* table */
  .post_content table {
      border-collapse: separate;
      border-spacing: 0;
      border-top: 1px solid #CCCCCC;
      border-left: 1px solid #CCCCCC;
      font-size: 100%;
      line-height: 141.7%;
      margin: 10px -1px 24px 0;
      width: 100%;
      text-align:left;
  }
  
  
  .post_content th{
      background: #ededed;
      border-bottom: 1px solid #ddd;
      color: #000;
      width:230px!important;
      white-space: nomal;
      text-align:left;
  }
  .post_content td{
      /* border: 2px solid #CCCCCC; */
      vertical-align: middle;
      text-align:left;
      white-space: nomal;
  }
  
  .post_content form table th, 
  .post_content form table td, 
  .post_content table.resp th, 
  .post_content table.resp td{
      white-space: nomal;
  }
  
  
  
  @media only screen and (max-width:767px){
  .post_content th{
          width:auto!important;
          border: none;
  }
  
  .post_content td{
    width: auto;
    border: none;
    align-items: center;
    justify-content: center;
  }
  }
  
  .post_content dl.history {
    display: flex;
    flex-wrap: wrap;
  }
  
  
  
    
    /*TCD*/
    /* Column layout - カラムレイアウト*/
    .post_col.post_col-4 { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; min-height:1px; margin-bottom:2em; padding-right:25px; padding-left:25px; float:left; }
    @media screen and (min-width: 768px) {
        .post_col.post_col-4 { width:66.66666%; }
    }
    @media screen and (min-width: 1024px) {
        .post_col.post_col-4 { width:66.66666%; }
    }
    .post_content [class^="well"] *:first-child:not(a) {
            margin-top: 0 !important;
            padding-top: 0 !important;
    }
    .post_content [class^="well"] *:last-child {
            margin-bottom: 0 !important;
    }
    .post_content [class^="well"] { 
            padding: 1.2em;
    }
    .post_content .style4a,
    .post_content .style5a {
            margin-top: 30px !important;
    }
    
    @media only screen and (max-width: 767px) {
            .post_content form table th, .post_content form table td,
            .post_content table.resp th, .post_content table.resp td {
              display: block;
            }
            .post_content form table th, .post_content table.resp th {
              border-top: 0;
              border-bottom: 0;
            }
            [data-name="zip"] input[type="text"],
            .zip input[type="text"],
            .s_size input[type="text"] {
              width: 30%;
            }
            span.yubin, span.yubin:hover { 
                    font-size: 80% !important;
                    padding: 7px 10px; 
            }
    }
    .anchor{
            display: block;
            padding-top: 120px;
            margin-top: -120px;
    }
    /*アンカー除外*/
    .post_content .pb-widget-editor *:first-child:not(.anchor):not(.gallery-item) {
            margin-top: 0 !important;
    }
    @media only screen and (max-width:767px) {
            .scroll table{
            width:100%;
            }
            .scroll{
            overflow: auto;
            white-space: nowrap;
            }
            .scroll::-webkit-scrollbar{
             height: 5px;
            }
            .scroll::-webkit-scrollbar-track{
             background: #F1F1F1;
            }
            .scroll::-webkit-scrollbar-thumb {
             background: #BCBCBC;
            }
    }
  
  /*改行*/
  br.pc-br{
          display:block;
  }
  br.sp-br{
          display:none;
  }
  @media only screen and (max-width:767px){
          br.pc-br{
                  display:none;
          }
          br.sp-br{
                  display:block;
          }
  }
  
  #menu_archive .item:nth-child(2n){
          background-image:url(https://ss15.aiosl.jp/lev-bento/wp/wp-content/uploads/AdobeStock_355237483-scaled.jpeg);
          background-repeat:no-repeat;
          background-size:cover;
  }

/* 統一 */
.headline{
	font-size:50px;
}

.title_h2{
	font-size:28px !important;
}

.title_h3{
	margin-bottom:10px !important; 
	font-family: 'Noto Sans JP','Yu Gothic','游ゴシック',sans-serif !important;
	padding-bottom:10px !important;
	border-bottom:1px solid #92ccc2;
	color:#208c7b !important;
}

.titile_h4{
	padding:10px !important;
	background:#92ccc2;
	border-radius:8px;
}

.titile_h5{
	color:#208c7b !important;
}

.link_title_h3{
	font-weight:600;
}

.title_video{
	text-align:center;
	font-weight:600;
}
  
/*トップページ
------------------------------------------------------------*/

/* FVキャッチコピー */
#header_slider_content{
display:none;
}

/* ヘッダーバー　黒色＆透過 */
#header,
#global_menu > ul,
body.header_type2 #header{
/* 	background:rgba(0 ,0, 0, 0.4)!important; */
	background:rgba(0 ,0, 225, 0.4)!important;
}

/*　グローバルメニュー　*/
body.header_type2 #header {
background: transparent; 
box-shadow:none;
}
#global_menu > ul > li > a{
/* 	color:#225516!important; */
color:#fff;
/* text-shadow: 0; */
font-weight:700;
/* font-family: font-family: "Noto Serif", serif !important; */
font-family:"Zen Old Mincho", serif !important;
}

body.start_scroll #header{
	background: background:rgba(0 ,0, 0, 0.4)!important;
/*     box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2) !important; */
	
}

/*　浮遊ボタン　*/
/* #header_button a{
background:#99BC50;
} */

/*　共有CTAボタン　*/
.design_button{
background:#612727;
border:none;
transition:0.3s;
}
.design_button:hover{
background:#612727;
opacity:0.7;
}

/*　サイドボタン　*/
.side_menu_button .title{
font-weight:700!important;
border:1px solid #fff;
}
.side_menu_button .content{
border:1px solid #fff;
}

/*　ニュースボタン（メインビジュアル箇所）　*/

#news_ticker .date,
#news_ticker .title{
color:#000!important;
}
#news_ticker a{
background:#fff;
}


/*　Go to next　*/
.cb_banner .content .desc{
display:block;
text-align:center;
}
h2.catch > span{
font-size:70px;
}
.cb_banner .content .catch + .desc{
font-size:30px;
}
@media only screen and (max-width:767px){
h2.catch > span{
font-size:30px;
}
}

/*　BUSINESS　*/
.scroll_content.active .scroll_content_section.active .content{
color:#fff;
}
p.pc{
font-size:24px;
}
/* ボタンの動き */
.design_button{
 background: #fff;
 border: 1px solid #000;
 transition: 0.3s;
 color: #000!important;
}
.design_button:hover{
background: #000;
color: #fff!important;
opacity:1;
border: 1px solid #fff!important;
}

/* お知らせ */
/* .cb_white_bg + .cb_white_bg{
	background:#DFEEE8;
	padding-top:70px;
} */

#content_builder .blog_list .item{
background:#fff;
}

/*　フッターメニュー　*/
#footer{
background:#000!important;
}
#copyright{
background:#000!important;
}

.footer_nav li{
	list-style:none !important;
}

.container{
/*     width: 1000px; */
/*	width:800px!important;*/
width: 100%;
position: relative;
display: flex;
/*     justify-content: space-between; */
/*    justify-content: flex-start!important;*/
/* 	margin-right:600px; */
justify-content: center;
padding: 0 30px;
}

.container .card{
position: relative;
cursor: pointer;
width: calc(100% / 6);
}

.container .card .face{
/* 	width:300px; 
	width:260px;*/
width: 100%;
height: 200px;
transition: 0.5s;
}
/* 色別6色展開　表の背景 */
.container .card .face.face1.color1{
position: relative;
background:#2B2C30;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
transform: translateY(100px);
}
.container .card .face.face1.color2{
    position: relative;
    background: #DA5343;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
}
.container .card .face.face1.color3{
    position: relative;
    background: #E3937A;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
}
.container .card .face.face1.color4{
    position: relative;
    background:#A1AA97;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
}
.container .card .face.face1.color5{
    position: relative;
    background:#C5D48C;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
}
.container .card .face.face1.color6{
    position: relative;
    background:#E8DDD9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
}

/* .container .card:hover .face.face1{　デフォルト
   background: #ff0057;
    transform: translateY(0);
} */

/* 色別 6色展開 ホバー背景*/
.container .card:hover .face.face1.color1{
    transform: translateY(0);
    background: rgba(43, 44, 48, 0.6);
	
}
.container .card:hover .face.face1.color2{
    background: rgba(218, 83, 67, 0.6);
    transform: translateY(0);
}
.container .card:hover .face.face1.color3{
    background:rgba(227, 147, 122, 0.6);
    transform: translateY(0);
}
.container .card:hover .face.face1.color4{
    background: rgba(161, 170, 151, 0.6);
    transform: translateY(0);
}
.container .card:hover .face.face1.color5{
    background: rgba(221, 234, 170, 0.6);
    transform: translateY(0);
}
.container .card:hover .face.face1.color6{
    background: rgba(232, 221, 217, 0.6);
    transform: translateY(0);
}

.container .card .face.face1 .content{
/*     opacity: 0.2; 文字を薄くする*/
    transition: 0.5s;
}

.container .card:hover .face.face1 .content{
    opacity: 1;
}

.container .card .face.face1 .content img{
    max-width: 100px;
}

.container .card .face.face1 .content h3{
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
}

.container .card .face.face2{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
    transform: translateY(-100px);
}

.container .card:hover .face.face2{
    transform: translateY(0);
}

.container .card .face.face2 .content p{
    margin: 0;
    padding: 0;
	line-height: 1.6;
}

.container .card .face.face2 .content a{
    margin: 15px 0 0;
    display:  block;
	text-align: center;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
}


/* 色別 6色展開 ボタン*/
.container .card .face.face2.btn1 .content a:hover{
    background: #2B2C30;
    color: #fff;
	border:none;
}
.container .card .face.face2.btn2 .content a:hover{
    background: #DA5343;
    color: #fff;
	border:none;
	
}
.container .card .face.face2.btn3 .content a:hover{
    background: #E3937A;
    color: #fff;
	border:none;
	
}
.container .card .face.face2.btn4 .content a:hover{
    background: #A1AA97;
    color: #fff;
	border:none;
	
}
.container .card .face.face2.btn5 .content a:hover{
    background: #C5D48C;
    color: #fff;
	border:none;
	
}
.container .card .face.face2.btn6 .content a:hover{
    background: #E8DDD9;
    color: #fff;
	border:none;
	
}
.content > p{
	font-size:14px;
}
@media screen and (max-width: 1160px) {
	.container {
		flex-wrap: wrap;
		padding: 30px;
	}
	.container .card {
		width: calc(100% / 2);
		margin-top: -30px;
		margin-bottom: -30px;
	}
	.container .card .face {
		height: 150px;
	}
	.container .card .face.face1.color1, .container .card .face.face1.color2, .container .card .face.face1.color3, .container .card .face.face1.color4, .container .card .face.face1.color5, .container .card .face.face1.color6 {
		transform: translateY(75px);
	}
	.container .card .face.face2 {
		transform: translateY(-75px);
	}
	.container .card .face.face2 .content p {
		line-height: 1.2;
	}
	.container .card .face.face2 .content a {
		margin-top: 5px;
	}
}

/* 過去・現在・未来 */
/* #scroll_content_section_1_5 > .content > h2,
#scroll_content_section_1_5 > .content > p{
 color:#fff !important;
}

li#scroll_content_nav_1_5..scroll_content_nav_item.active::before{
 content: "過去";
 color:#000;
}
#scroll_content_nav_1_5.scroll_content_nav_item{
font-size:0px;
}
#scroll_content_nav_1_5.scroll_content_nav_item::after{
content:"過去";
font-size:18px;
}
#scroll_content_nav_2_5.scroll_content_nav_item{
font-size:0px;
}
#scroll_content_nav_2_5.scroll_content_nav_item::after{
content:"現在";
font-size:18px;
}
#scroll_content_nav_2_5.scroll_content_nav_item.active{
font-size:0px;
}
#scroll_content_nav_2_5.scroll_content_nav_item.active::after{
content:"現在";
font-size:18px;
}
#scroll_content_nav_3_5.scroll_content_nav_item{
font-size:0px;
	
}
#scroll_content_nav_3_5.scroll_content_nav_item::after{
content:"未来";
font-size:18px;
} */

/* 求人情報 */
/* .recruit_btn:hover{
	text-decoration:none !important;
}
.recruit_btn{
	background:rgba(146 ,204, 194, 1)!important;
	padding:12px 29px;
	width:240px;
	color:#fff !important;
	font-weight:600;
	border-radius:8px;
} */

.recruit_inner{
	text-align:center;
}

.post_content ul li{
	list-style:disc;
}

/*その他と主な共通部分は省略*/

.btn{
  background:rgba(146 ,204, 194, 1)!important;
  width:240px;
  color:#fff !important;
  font-weight:600;
  border-radius:8px;
}

.btn-copy {
  font-size: 1.5rem;
  font-weight: bold;

  position: relative;

  margin-bottom: .2em;

  text-align: center;
}

.btn-copy:before {
  margin-right: 1rem;

  content: '＼';
}

.btn-copy:after {
  margin-left: 1rem;

  content: '／';
}

/* Company */
.company_title_h3{
	margin: 0 !important;
    font-size: 18px !important;
	font-family: 'Noto Sans JP','Yu Gothic','游ゴシック',sans-serif !important;
}

/* リンク */

.wrap{
	padding:20px 0;
}

.link_title_h2{
	padding:14px !important;
	border-bottom:1px solid rgb(80 167 153) !important;
	color:rgb(80 167 153) !important;
}

.parent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.video-child{
/* 	width: calc(100% / 3); */
	width:50%;
    padding: 8px;
/*     margin-right: 5px;
    margin-bottom: 5px; */
}


.child{
	width:calc(100% / 3);
	padding:14px;
	border:solid 1px #ddd;
	margin-right:5px;
	margin-bottom:5px;
}
.child:last-of-type{
	margin-right:5px;
	margin-bottom:5px;
}

.link_title_h2,
.link_title_h3{
	text-align:center;
}

.child img{
	margin:auto;
	width:100%;
}

.wrap img{
	margin:auto;
}

.text_center{
	text-align:center;
}

.link_company{
	text-decoration:none !important;
	transition:0.3s;
}
.link_company:hover{
	opacity:0.7;
}

.last_link_box{
	display:none;
}

	.half_child{
	width:100%;
	padding:14px;
	border:solid 1px #ddd;
	margin-right:5px;
	margin-bottom:5px;
	}

.first_title_video{
	padding-bottom:12px;
}

@media only screen and (max-width:767px){
	
	.first_title_video{
	padding-bottom:0;
	}
	
	.video-child{
	width:100%;
}

	
	.parent{
	display:block;
	}
	.child{
	width:100%
	}
	.child:last-of-type{
	margin-right:0px;
	margin-bottom:0px;
	}

}


/* インテリア事業 */
.parent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:10px 0;
}

.seven_child{
	width:70% !important;
	margin-right:10px;
}

.three_child{
	width:30% !important;
	margin-left:10px;
}

.seven_child img{
	width:100% !important;
}

.three_child img{
	width:100% !important;
}
.boxchild{
	width:50%;
	margin:5px !important;
}

.boxchild img{
	width:100% !important;
}
@media only screen and (max-width:767px){
	.parent{
	display:block;
	}

	.seven_child{
	width:100% !important;
	}

	.three_child{
	width:100% !important;
	}
	
	.three_child img{
	width:100% !important;
	}
	
	.boxchild{
	width:100%;
	}
	.boxchild img{
	width:100% !important;
	}
}

/* スペースクリエーション */
.btn_box{
	text-align:center;
	padding:20px 0;
}

.contact_btn{
	background:#92ccc2;
	padding:20px 24px;
	color:#fff !important;
	border-radius:48px;
	font-weight:600;
	transition:0.3s;
	display:inline-block;
	width:240px;
	text-align:center;
	box-shadow:1px 1px 4px gray;
}
.contact_btn:hover{
	text-decoration:none !important;
	opacity:0.7;
}

/* 20250827 */
#scroll_content_section_1_5 .content .item{
	color:#fff !important;
}

/* 20250908 topナンバー非表示*/
.scroll_content_nav_list{
	display:none;
}


/* スペースウォール */

ul.bold-ul{
	margin-left:0 !important;
}

li.bold-li{
	list-style:none !important;
	margin-left:0;
	margin-bottom: 10px;
}


.bold{
	font-weight:700;
	background:#208c7b;
	color:#fff;
	padding: 8px 20px;
	border-radius:48px;
	display: inline-block;
    margin-bottom: 10px !important;
}

.color-red{
	color:#ff0000;
}

/* 20260515 */
.hk-A{
	background:#5A81B7 !important;
}

.hk-B{
	background:#b0c4de !important;
}

.th-A{
	background:#b0c4de !important;
}

.th-B{
	background:#CAD0D7 !important;
}

.kt-A{
	background:#A5C9C1 !important;
}

.kt-B{
	background:#D8DED9 !important;
}

.cb-A{
	background:#8DA464 !important;
}

.cb-B{
	background:#9EB290 !important;
}

.ks-A{
	background:#A4A07F !important; 
}

.ks-B{
	background:#C0C2BD !important;
}

.cg-A{
	background:#ECB332 !important;
}

.cg-B{
	background:#E8D68E !important;
}

.s-A{
	background:#DAA279 !important;
}

.s-B{
	background:#C9BEC3 !important;
}

.kyu-A{
	background:#B65757 !important;
}

.kyu-B{
	background:#BD8B93 !important;
}

.post-table th{
	background:#fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size:14px;
	padding:12px;
}

.post-table td{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size:14px;
	padding:12px;
}

.post-table table{
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

.post_content table{
	margin:0 !important;
}

th.th-small{
	width:84px !important;
}

@media screen and (max-width: 768px) {
	
th.th-small{
	width:60px !important;
}

	.post-table th{
	font-size:12px;
	padding:6px !important;
}

.post-table td{
	font-size:12px;
	padding:6x !important;
}
	
.hk-A,
.hk-B,
.th-A,
.th-B,
.kt-A,
.kt-B,
.cb-A,
.cb-B,
.ks-A,
.ks-B,
.cg-A,
.cg-B,
.s-A,
.s-B,
.kyu-A,
.kyu-B{
	padding:6px !important;
	width:76px !important;		
}
	
.hk-A,
.hk-B{
/* 	width:76px !important;		 */
/* 	width:calc(100% /3) - 60px !important; */
}
	
}
.pc_only {
	display: block;
}
.sp_only{
	display:none;
}
@media only screen and (max-width:767px){
	.pc_only{
		display:none;
	}
	.sp_only{
		display:block;
	}
}
/*Heart & Technology*/
#cb_content_9.cb_free_space .post_content {
	width: 100%;
	max-width: 900px;
}
.pc_txt_c {
	text-align: center;
}
@media only screen and (max-width:767px){
	.pc_txt_c{
		text-align: left;
	}
}
/*四隅の画像*/
#cb_content_9 {
  --img-w: min(312px, 24vw);            /* 画像の幅 */
  --img-h: calc(var(--img-w) * 0.8);    /* 画像の高さ（スマホの余白計算用） */

  position: relative;
  isolation: isolate;
  overflow: hidden;
}

#cb_content_9::before,
#cb_content_9::after {
  content: "";
  position: absolute;
  inset: 20px;
  z-index: -1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: var(--img-w) auto;
}

/* 左上 + 右下 */
#cb_content_9::before {
  background-image:
    url(/nwp/wp-content/uploads/corner-tl.png),
    url(/nwp/wp-content/uploads/corner-br.png);
  background-position: left top, right bottom;
}

/* 右上 + 左下 */
#cb_content_9::after {
  background-image:
    url(/nwp/wp-content/uploads/corner-tr.png),
    url(/nwp/wp-content/uploads/corner-bl.png);
  background-position: right top, left bottom;
}

/* スマホ：左上・右下の2枚のみ */
@media (max-width: 767px) {
  #cb_content_9 {
    --img-w: 50vw;
    padding-top: calc(var(--img-h) + 10px);
    padding-bottom: calc(var(--img-h) + 10px);
  }
  #cb_content_9::after {
    display: none;
  }
}
/*固定ページ見出し*/
#lp_page_header .sub_title {
	margin-top: 30px;
}
@media screen and (max-width: 800px) {
    #lp_page_header .sub_title {
        font-size: 18px !important;
    }
}
/* 開いている（hover中の）カードを下段のカードより前面に */
.container .card:hover {
  z-index: 2;
}