@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/





/**************************************/





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/	
}



/******************* 追加CSS *******************/

/* Noto Sans Japanese フォント読み込み */
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');*/

.small{
 font-size: max(0.6em, 14px);
}

html {
	scroll-behavior: smooth;
}

/* 全体にフォント反映 */
body {
 /*font-family: "ministry", "noto-sans",  sans-serif;*/
 overflow-x: hidden;
 background-color: #fff;
 --wp--style--global--content-size: 1100px;
}
:root{
 --main_color: #E66700;
 --button_green_color: #00a26a;
 --button_red_color: #ce0023;
 --button_skyblue_color:#26B8ED;
}

p,ul,ol{
	font-size: 16px;
}

.full-width {
 margin-left: calc(-50vw + 50%);
 margin-right: calc(-50vw + 50%);
}
.font_red{
 color: var(--button_red_color);
 font-weight: bold;
}
.font_green{
 color: var(--button_green_color);
 font-weight: bold;
}
.font_maincolor{
 color: var(--main_color);
 font-weight: bold;
}
#main{
	padding: 0px;
}
@media screen and (max-width: 1024px){
	#main, main.main{
		padding: 20px;
	}
}
@media screen and (max-width: 1024px){
	.hide_sp{
		display: none!important;
	}
}
@media screen and (min-width: 1024px){
	.hide_pc{
		display: none!important;
	}
}

/* ヘッダ */
/* ハンバーガーメニューを右から */
.navi-menu-content {
 left: auto;
 right: 0;
 transform: translateX(105%);
}
.mobile-header-menu-buttons {
 padding: 5px;
 box-shadow: none;
}
.header-container-in {
 padding: 10px 0;
}
.header-container-in.wrap{
	/*width: min(100%, 1100px);*/
    width: 100%;
    padding: 20px 50px 20px;
    align-items: center;
    margin: auto;
}
.site-logo-image {
 width: 300px;
 max-width: 50vw;
}
.logo-header a{
	padding: 0;
}
.navi-in a{
 font-size: 14px;
}
.navi-in > ul{
 justify-content: right;
 gap: 20px;
 align-items: center;
}
.navi-in > ul li.header_telbutton{
/* width: 25%;
 height: 40px;
 line-height: 40px;
 margin: 10px 0;*/
 position: relative;
    /*background-image: url(https://www.xn--y5q0r2lqcz91qdrc.com/wp-content/uploads/2023/09/top_tel_s.png);*/
    background-color: transparent;
    width: auto;
    height: auto;
	margin-left: 40px;
}
.navi-in > ul li{
 /*width: 14%;*/
 width: auto;
}
/*
.header_telbutton:before {
 font-family: "Font Awesome 5 Free";
 content: '\f095';
 font-size: 15px;
 font-weight: 900;
 color: #fff;
 position: absolute;
 left: 20px;
 top: 50%;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
 z-index: 1;
}
.header_telbutton a:hover,
.header_telbutton a {
 background-color: var(--button_red_color);
 color: #fff;
 border-radius: 30px;
 padding-left: 20px;
}
*/
.header_telbutton a:hover,
.header_telbutton a {
 width: auto;
 height: auto;
 opacity: 1;
 transition: none;
 background-color: transparent;
}
.header_telbutton .item-label img {
    display: block;
}
@media screen and (max-width: 1024px){
 .menu-drawer li.header_telbutton{
  display: none;
 }
}

.navi-in > ul li.header_mypage{
 width: 160px;
 height: 50px;
 line-height: 20px;
 margin: 0;
 position: relative;
}
.header_mypage:before {
 font-family: "Font Awesome 5 Free";
 content: '\f502';
 font-size: 18px;
 font-weight: 900;
 color: #fff;
 position: absolute;
 left: 15px;
 top: 50%;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
 z-index: 1;
}
.header_mypage a:hover,
.header_mypage a {
 background-color: var(--button_skyblue_color);
 color: #fff;
 border-radius: 30px;
    padding: 8px 5px 8px 25px;
    height: 55px;
	font-size: 12px;
	line-height: 1.6em;
}
.navi .item-label, .navi .item-description {
    -webkit-line-clamp: 2;
}
@media screen and (max-width: 1024px){
 .menu-drawer li.header_mypage{
  display: none;
 }
}

.menu-close-button {
    text-align: right;
    padding-right: 10px;
}

.logo-menu-button img{
	margin: 5px auto 0 5px;
	max-height: 30px;
}
.mobile-header-menu-buttons .menu-button:nth-child(2) a{
    background-color: var(--button_green_color);
    color: #fff;
    margin: 0 auto;
    width: 50px;
    border-radius: 5px;
}
.mobile-header-menu-buttons .menu-button:nth-child(2) a .fa-phone{
 transform: scaleX(-1);
}
.mobile-header-menu-buttons .menu-button:nth-child(3) a{
    background-color: var(--button_skyblue_color);
    color: #fff;
    margin: 0 auto;
    width: 50px;
    border-radius: 5px;
}

.menu-button-in {
    padding: 5px 0;
    display: block;
	color: var(--main_color);
}
.mobile-header-menu-buttons .navi-menu-button {
    width: 60px;
}
.site-logo-image {
	width: clamp(180px, 50vw, 350px);
}
.logo-menu-button img {
    max-height: none;
}

@media screen and (min-width: 1024px){
 .menuitem_sp{
	display: none!important;
 }
}
/* ヘッダ */



/* ヘッダ下お知らせ */

aside#custom_html-11 {
    margin: 0;
}
.header_info_bar {
    background-color: #E66700;
}
.header_info_bar.red {
    background-color: #FF3333;
}
.header_info_bar a {
    color: #fff;
    text-decoration: none;
    padding: 10px 0;
    display: block;
    font-size: 16px;
}
/* ヘッダ下お知らせ */



/*-------------------
 * お知らせ20250409
 * -----------------*/

aside#custom_html-26 {
    display: block;
}

aside#custom_html-26 {
    margin: 0;
}
.header_info_attention {
	display:block;
    background-color: #E66700;
}
.header_info_attention.red {
    background-color: #FF3333;
	color: #fff;
	padding: 20px 0;
	font-size: 22px;
}
@media screen and (max-width: 1000px){
	.header_info_attention.red {
	font-size: 16px;
}
}
.header_info_attention a {
    color: #fff;
    text-decoration: none;
    padding: 10px 0;
    display: block;
    font-size: 16px;
	text-align: center;
}

.content-top.wwa,
.front-top-page .content-top.wwa {
    margin: 0;
}
.front-top-page .content-top-in.wrap {
    width: 100%;
    text-align: center;
}
#custom_html-26 {
    margin: 0;
}
#custom_html-26 h2 {
    display: none;
}

aside#custom_html-26 {
    margin-bottom: 0;
}

/*-------------------
 * お知らせここまで
 * -----------------*/







/* KV */
/*コンテンツ上部の画像を全幅にする*/
#content-top-in {
 width: 100%;
 height: auto;
 text-align: center;
 /*margin-top: 20px;*/
}
#content-top-in img{
 width: 100%;
}
/*メニューとコンテンツ上部の画像の余白を無くす*/
#content-top{
 /*margin-top:5px;*/
 margin-top:0px;
}

.main-widget-label {
 display: none;
}

#media_image-2 {
 display: none;
}
#media_image-3 {
 display: block;
}
@media screen and (max-width: 1024px){
 #media_image-2 {
  display: block;
  margin: 0;
  font-size: 0;
 }
 #media_image-3 {
  display: none;
 }
}

#content-top {
 position: relative;
}
#custom_html-2 {
 position: absolute;
 top: 40%;
 width: 100%;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
}
/*
.kv_title {
	margin: 0 auto;
	display: grid;
	justify-content: left;
	padding: 1% 2% 1% 2%;
	position: absolute;
	top: 20%;
	left: clamp(0px, 12vw, 600px);
	width: min(50%, 1100px);
	grid-template-columns: 1fr;
}
*/
.kv_title {
    margin: 0 auto;
    display: grid;
    justify-content: left;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1100px;
    grid-template-columns: 1fr;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;

}
.kv_title_subtitle {
 font-size: clamp(25px, 2.5vw, 50px);
 color: var(--main_color);
 font-weight: bold;
 line-height: 1em;
 display: flex;
 gap: 20px;
 justify-content: center;
 align-items: center;
 /*width: 620px;*/
 max-width: 100%;
 justify-content: left;
}
.kv_title_rev {
 color: #fff;
 background-color: var(--main_color);
 padding: 5px 0.5em;
 font-size: 0.7em;
 line-height: 1.2em;
}
.kv_title_maintitle {
	font-size: clamp(40px, 5vw, 90px);
	color: var(--main_color);
	font-weight: bold;
	line-height: 1em;
	max-width: 100%;
	margin-top: 0.3em;
	display: flex;
	margin: 0.3em auto 0 auto;
	gap: 5px;
    justify-content: left;
    width: 100%;
	
}
.kv_title_maintitle .small {
 font-size: 0.8em;
}
.kv_title_vertical {
    font-size: 0.5em;
    width: 1em;
    display: block;
    line-height: 1em;
}
.kv_buttons {
 width: min(100%, 1100px);
 margin: 0 auto;
 display: grid;
 justify-content: left;
 padding: 0 2%;
}
.kv_buttons_title {
 font-size: clamp(16px, 2vw, 30px);
 color: var(--button_green_color);
 font-weight: bold;
 /*width: 620px;*/
 max-width: 100%;
}
.kv_button:hover,
.kv_button {
 color: #fff;
 background-color: #ccc;
 text-decoration: none;
 height: min(4vw, 75px);
 display: block;
 border-radius: 38px;
 display: grid;
 grid-template-columns: 1fr;
 justify-content: center;
 align-items: center;
 padding: 12px 0;
 font-weight: bold;
 position: relative;
}
.kv_button:after {
	/*
 font-family: "Font Awesome 5 Free";
 content: '\f138';
 font-size: 20px;
 font-weight: 900;
 color: #fff;
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
	*/
font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-size: clamp(18px, 4vw, 25px);
    font-weight: 900;
    color: #fff;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);	
}
.kv_button_narrow:after{
 right: 10px;
}
.kv_button_line1 {
 line-height: 1em;
 font-size: 23px;
 padding-top: clamp(0px, 0.01vw, 5px);
}
.kv_button_line2 {
 line-height: 1em;
}
.kv_button_smalltext {
 font-size: 14px;
 font-weight: normal;
}
.kv_button_green:hover,
.kv_button_green {
 background-color: var(--button_green_color);
}
.kv_button_red:hover,
.kv_button_red {
 background-color: var(--button_red_color);
}
.kv_buttons_line1 {
 display: grid;
 grid-template-columns: 1fr 1fr;
 column-gap: 10px;
 margin-bottom: 15px;
}

.kv_buttons_pc{
 display: grid;
 margin-top: 30px;
	
    grid-template-columns: 1fr;
    /*width: min(60%, 500px);*/
    grid-template-columns: 500px;
}
.kv_buttons_sp{
 display: none;
}
@media screen and (max-width: 1024px){
 #custom_html-2 {
  top: 0;
  transform: none;
  -webkit-transform: none;
 }
 .kv_title{
margin: 0 auto;
display: grid;
justify-content: left;
padding: 1% 2% 1% 3%;
position: absolute;
top: 20%;
left: clamp(0px, 12vw, 600px);
width: min(50%, 1100px);
grid-template-columns: 1fr;
transform: none;
-webkit-transform: none;
-ms-transform: none;	 
	 
  width: 100%;
    position: absolute;
    top: 0;
    left: 0;
 }
 .kv_title_subtitle{
  /*width: 96vw;*/
	 font-size: clamp(23px, 5vw, 45px);
 }
 .kv_title_maintitle{
  /*width: 96vw;*/
	 font-size: clamp(40px, 10vw, 90px);
 }
 .kv_buttons_title{
  width: 100vw;
  font-size: 25px;
 }
 .kv_buttons_pc{
  display: none;
 }
 .kv_buttons_sp{
  display: block;
  padding: 0;
 }
 .kv_buttons_sp .kv_buttons_line1{
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 15px;
  margin: 10px 5%;
 }
 .kv_buttons_sp .kv_buttons_line1 .kv_button{
  margin: 0;
 }
 .kv_button_line1{
  font-size: 19px;
  line-height: 22px;
 }
 .kv_buttons_sp .kv_button{
  height: 60px;
  margin: 0 auto;
 }
 #custom_html-3 {
  padding: 15px 0;
  background-color: #eee;
 }
}

.kv_pc_buttons {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    padding: 0;
}
.kv_pc_buttons img {
    display: block;
}


.kv_buttons_box {
    padding: 0 15px;
}
.kv_sp_buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    grid-template-areas:
        "oyakata oyakata"
        "ccus koyo";
}
.kv_spbutton_oyakata {
    grid-area: oyakata;
}
.kv_spbutton_ccus {
    grid-area: ccus;
}
.kv_spbutton_koyo {
    grid-area: koyo;
}
.kv_sp_buttons img {
    display: block;
}
@media screen and (min-width: 1024px){
 .kv_sp_box{
	 display: none;
 }
}
@media screen and (max-width: 1024px){
 .kv_pc_box{
	 display: none;
 }
}

.kv_voice_box {
    width: 100%;
    margin: 0 auto;
    background-color: #EEEEEE;
    padding: 30px 0;
}
.kv_voice {
    display: grid;
    grid-template-columns: 466px 1fr;
    grid-column-gap: 35px;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.kv_voice_items {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
}
.kv_voice_item {
    background-color: #fff;
    padding: 20px 40px;
    color: #E66700;
    font-weight: bold;
    font-size: clamp(18px, 4.8vw, 22px);
    text-align: left;
    line-height: 1em;
    display: grid;
    align-items: center;
    border: 2px solid #D1D1D1;
    border-radius: 4px;
}
.kv_voice_item span {
    border-bottom: 1px dashed #E66700;
    padding-bottom: 3px;
}
@media screen and (max-width: 1024px){
 .kv_voice {
  grid-template-columns: 1fr;
  padding: 0 15px;
  grid-row-gap: 20px;
 }
 .kv_voice_item {
  padding: 15px;
 }
}



@media screen and (min-width: 1024px){
 aside#custom_html-9 {
	 display: none;
 }
 aside#custom_html-10 {
    margin: 0;
    padding: 0;
    font-size: 0;
    position: relative;
 }
 .sdgs_kvlogo {
	 /*
    position: absolute;
    bottom: 5%;
    left: 17.5%;
	 */
    background-color: #ffffffcc;
    padding: 1.2vw;
    width: 10vw;
	 margin-top: 30px;
 }
}
@media screen and (max-width: 1024px){
 aside#custom_html-9 {
    margin: 0;
    padding: 0;
	position: relative;
    font-size: 0;
 }
 aside#custom_html-10 {
    display: none;
 }
 .sdgs_kvlogo {
    position: absolute;
    bottom: 2%;
    left: 2%;
    background-color: #ffffffcc;
    padding: 3vw;
    width: 30vw;
 }
}

.sdgs_kvlogo {
    display: none;
}

/* 20230615 KV変更 */
.kv_pc {
 display: block;
 /*border-top: 3px solid #E66700;*/
}

.kv_title20230615{
 top: 8%;
 transform: translate(-50%, 0%);
 -webkit-transform: translate(-50%, 0%);
 -ms-transform: translate(-50%, 0%);
}

.kv_title_subtitle{
 margin-top: 5px;
}

@media screen and (min-width: 1024px){
 .kv_title_maintitle{
  font-size: clamp(30px, 4vw, 60px);
 }
}
@media screen and (max-width: 1024px){
 .kv_title_maintitle {
  font-size: clamp(30px, 10vw, 90px);
 }
}

@media screen and (min-width: 1024px){
 .sdgs_kvlogo {
  background-color: #ffffffcc;
  padding: 15px 15px 5px 15px;
  width: 8vw;
  margin-top: 15px;
  border: 1px solid #ccc;
 }
}

.kv_mitsumori_pc {
/*
 padding: 30px 0;
 background-color: #eee;
*/
	margin-top: 15px;
}
.kv_pc_box img {
    /*max-width: 640px;*/
    margin: 0 auto;
}

.kv_mitsumori_button {
/*
 width: 400px;
 margin: 0 auto;
 max-width: 95vw;
*/
    width: 90%;
    margin: 0 auto;
    max-width: 550px;
    /*line-height: 3em;*/
}
@media screen and (max-width: 1024px){
 .kv_mitsumori_button {
  /*width: 300px;*/
 }
}

.kv_button.kv_button_green {
    display: flex;
    padding: 0;
    background-color: #22893B;
    color: #fff !important;
    border-radius: clamp(28px, 8vw, 56px);
    position: relative;
    cursor: pointer;
    font-size: clamp(22px, 5vw, 32px);
    box-shadow: 0px 5px 0px 0px #116525;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: 3em;
    border: 2px solid #22893B;
}


.kv_button:hover,
.kv_button{
 height: 75px;
}
#custom_html-12 {
    margin: 0;
}
@media screen and (max-width: 1024px){
 #custom_html-12 {
  display: none;
 }
}

.kv_sp {
    display: block;
    /*padding-top: 30vw;*/
}

#custom_html-14 {
    margin: 0;
}

.kv_sp_box {
    position: relative;
}
@media screen and (min-width: 1024px){
 .kv_sp_box {
    display: none;
 }
}

@media screen and (max-width: 1024px){
 .sdgs_kvlogo_sp {
    position: absolute;
    bottom: 43%;
    left: 2%;
    background-color: #ffffffcc;
    padding: 3vw 3vw 1vw 3vw;
    width: 30vw;
    border: 1px solid #eee;
 }
}

/* 20230615 KV変更 */

#custom_html-20 {
    margin: 0;
}
@media screen and (min-width: 1024px){
 #custom_html-20 {
  display: none;
 }
}
#custom_html-21 {
    margin: 0;
}
@media screen and (max-width: 1024px){
 #custom_html-21 {
  display: none;
 }
}


/* Youtube */
.youtube_box{
	padding: 15px;
}
/* Youtube */

/* 成立証 */


@media screen and (max-width: 1024px){
	div#top_image {
		width: 90%;
		margin: auto;
   text-align: center;
}
.pc_img{
   display: none;
}
}
@media screen and (min-width: 1024px){
	
		div#top_image {
		width: 800px;
		margin: auto;
    text-align: center;
}
.sp_img{
   display: none;
}
}
/* 成立証 */

/* KV */

.entry-content{
	/*margin: 50px 0 150px;*/
	margin: 0;
}

/* 加入者の声（カルーセル） */
.slick-prev {
 /*left: 15px;*/
 /*z-index: 9999;*/
	display: none!important;
}
.slick-next {
 /*right: 15px;*/
 /*z-index: 9999;*/
	display: none!important;
}
.slick-dots{
 display: block!important;
 position: relative;
 bottom: 0;
}
.slick-dots li{
	margin: 0 10px;
}
.slick-dots li button:before{
 width: 30px;
 height: 30px;
 line-height: 30px;
 font-size: 20px;
}
.slick-dots li.slick-active button:before{
 color: var(--main_color);
}
.voice_title {
 font-size: 25px;
 font-weight: bold;
 display: grid;
 grid-template-columns: 40px 100px 45px 40px;
 justify-content: center;
 align-items: center;
}
.voice_title:before,
.voice_title:after {
 position: relative;
 display: inline-block;
 content: "";
 background: var(--main_color);
 width: 2px;
 height: 2em;
 margin: 0 0.5em;
 margin-top: .2em;
 vertical-align: middle;
}
.voice_title:before {
 transform: rotate(-35deg);
}
.voice_title:after {
 transform: rotate(35deg);
}
#content-top-in img.voice_title_img {
 width: 1.5em;
 display: inline-block;
}
.voice_title2 {
    display: grid;
    grid-template-columns: 146px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto;
}

.carousel-in.wrap {
 width: 100%;
}
.carousel-content {
 margin: 0;
}
.slick-track {
 column-gap: 10px;
}
.slick-slide {
 width: 33.3333%;
}
.carousel-entry-card {
 display: grid;
 grid-template-columns: 100px 1fr;
 padding: 10px 20px;
 grid-column-gap: 20px;
}
.carousel-entry-card .cat-label {
 display: none;
}
.carousel-entry-card-thumb-image {
 border-radius: 50%;
}
.carousel-entry-card-content {
 display: grid;
 align-items: center;
 justify-content: left;
 color: var(--main_color);
}
.carousel-entry-card-title {
 /*border-bottom: 1px dashed var(--main_color);*/
 font-size: 19px;
 font-weight: bold;
 padding-bottom: 5px;
 text-decoration: underline dotted;
 line-height: 1.8em;
 text-underline-offset: 3px;
 max-height: 8em;
}
.carousel-entry-card-excerpt {
 color: #000;
 font-size: 14px;
}

@media screen and (max-width: 1024px){
 .carousel-entry-card {
  grid-template-columns: 1fr;
 }
 .card-thumb img {
  max-width: 120px;
  margin: 0 auto 20px;
 }
 .carousel-entry-card-title {
  font-size: 19px;
  /*font-size: 1em;*/
  /*text-align: center;*/
  max-height: 8em;
  -webkit-line-clamp: 4;
 }
 .carousel-entry-card-content {
  gap: 10px;
  padding: 0 5px;
 }
}
/* 加入者の声（カルーセル） */

/* ボタン基本設定 */
.wp-block-buttons>.wp-block-button.button_radius_arrow {
 display: block;
 width: 100%;
}
.button_radius_arrow a,
.button_radius_arrow a:hover {
 color: #fff;
 background-color: var(--button_red_color);
 border-radius: 38px;
 width: 400px;
 max-width: 80vw;
 padding: 17px 10px 3px 10px;
 display: block;
 margin: 0 auto 40px;
 position: relative;
 min-height: 75px;
 font-size: 21px;
}
.button_radius_arrow a:after {
 font-family: "Font Awesome 5 Free";
 content: '\f138';
 font-size: 20px;
 font-weight: 900;
 color: #fff;
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
}
/* ボタン基本設定 */

/* 電話ボタン */
/*
.wp-block-buttons>.wp-block-button.button_tel {
 display: block;
 width: 100%;
}
*/
.button_tel a,
.button_tel a:hover {
	/*
 color: #fff;
	*/
 background-color: var(--button_red_color);
	/*
 border-radius: 30px;
 width: 400px;
 max-width: 80vw;
 padding: 10px;
 display: block;
 margin: 0 auto 40px;
 position: relative;
 min-height: 62px;
 font-size: 19px;
	*/
}
/*
.button_tel a:after {
 font-family: "Font Awesome 5 Free";
 content: '\f138';
 font-size: 20px;
 font-weight: 900;
 color: #fff;
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
}
*/
.tel_button_label {
    position: absolute;
    right: 15px;
    top: 53%;
    left: 50%;
    font-size: 19px;
    font-weight: bold;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    line-height: 1.3em;
	width: 100%;
}
/* 電話ボタン */

/* 無料見積りボタン */
/*
.wp-block-buttons>.wp-block-button.button_mitsumori {
 display: block;
 width: 100%;
}
*/
.button_mitsumori a,
.button_mitsumori a:hover {
	/*
 color: #fff;
	*/
 background-color: var(--button_green_color);
	/*
 border-radius: 30px;
 width: 400px;
 max-width: 80vw;
 padding: 10px;
 display: block;
 margin: 0 auto 40px;
 position: relative;
 min-height: 62px;
 font-size: 19px;
	*/
}
/*
.button_mitsumori a:after {
 font-family: "Font Awesome 5 Free";
 content: '\f138';
 font-size: 20px;
 font-weight: 900;
 color: #fff;
 position: absolute;
 right: 15px;
 top: 50%;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
}
*/
.mitsumori_button_label {
 position: absolute;
 right: 15px;
 top: 50%;
 left: 50%;
 font-size: 25px;
 font-weight: bold;
 width: 200px;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
/* 無料見積りボタン */

/* 画像＋吹き出し */
.wp-block-media-text.img_ballon_comment {
    grid-template-columns: clamp(80px, 20vw, 127px) 1fr;
    width: min(720px, 100%);
    margin: 20px auto;
	column-gap: 25px;
}
.img_ballon_comment .wp-block-media-text__content {
    background-color: #F2F2F2;
    padding: clamp(12px, 3vw, 20px) clamp(15px, 6vw, 40px);
    border-radius: 10px;
    position: relative;
    font-size: clamp(16px, 4vw, 22px);
    line-height: clamp(20px, 5vw, 30px);
}
.img_ballon_comment .wp-block-media-text__content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: -5px;
    top: 30%;
    border-style: solid;
    border-color: transparent transparent transparent #f2f2f2;
    border-width: 20px 0 20px 20px;
    transform: rotate(100deg);
}
/* 画像＋吹き出し */

.threepoint_title_block_p.toiawase {
    width: 270px;
}

.text_left_middlewidth {
 width: min(100%, 700px);
 text-align: left;
}


/* 3つのポイント */
body .threepoint_box {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
}
.threepoint_title_block {
 position: relative;
}
.threepoint_title_block p {
 position: absolute;
 top: -10px;
 left: 50%;
 margin: 0;
 background-color: #fff;
 padding: 0 0 0 15px;
 transform: translate(-50%, 0%);
 -webkit-transform: translate(-50%, 0%);
 -ms-transform: translate(-50%, 0%);
 display: grid;
 grid-template-columns: 20px 1fr;
 grid-column-gap: 5px;
 align-items: center;
 width: 300px;
 font-size: 18px;
}
.threepoint_title_block p img {
 width: 20px;
 margin-right: 5px;
}
.threepoint_title_block p span {
 line-height: 20px;
 padding-bottom: 2px;
 color: var(--main_color);
 font-weight: bold;
}
.body .threepoint_title_block {
 margin-bottom: 0;
}
.body .threepoint_title {
 margin-bottom: 0;
 max-width: 100%;
}
.point_subtitle {
 text-align: center;
 font-weight: bold;
 font-size: 20px;
}
.point_subtitle_3 {
 color: var(--main_color);
 font-size: 50px;
 line-height: 1em;
}
.point_subtitle_strong{
 font-size: 25px;	
}
.body .point_subtitle {
 margin-bottom: 0;
 margin: 20px auto 0;
}
.point_text {
 font-size: 16px;
}
.kensetsu_senmon{
 color: var(--main_color);
 font-weight: bold;
}
.title_text_box {
 border: 1px solid var(--main_color);
 background-color: #fff;
}
.title_text_box_title {
 text-align: center;
 background-color: var(--main_color);
 padding: 5px 0;
 color: #fff;
 font-size: 20px;
 font-weight: bold;
}
.title_text_box_body {
 padding: 30px;
}
.title_text_box_img {
 height: 95px;
 display: block;
 margin: 0 auto 20px;
}
.title_text_box_text {
 font-size: 18px;
 text-align: center;
 line-height: 1.3em;
}
.title_text_box_text_strong{
 color: var(--main_color);
 font-weight: bold;
}
@media screen and (max-width: 1024px){
 body .threepoint_box {
  display: grid;
  grid-template-columns: 1fr;
 }
 .title_text_box_body {
  display: grid;
  grid-template-columns: 1fr;
  padding: 15px;
  align-items: center;
 }
 .title_text_box_body.has_img{
  grid-template-columns: 15% 1fr;
  grid-column-gap: 20px;		
 }
 .title_text_box_img {
  height: auto;
  margin: 0;
 }
 .title_text_box_text.left {
  text-align: left;
 }
 .point_text {
  text-align: left;
 }

}
.threepoint_title_block_p.threepoint {
    width: 255px;
}
/* 3つのポイント */

/* 中小事業主と一人親方 */
.bg_jigyonushi_oyakata {
 background-color: #f1f1f1;
 padding: 60px 0;
}
.point_subtitle.kensetsugyosenmon {
}
.threepoint_title_block_p.kensetsugyosenmon {
 width: 280px;
 background-color: #f1f1f1;
}
body .jigyonushi_oyakata_box{
 display: grid;
 grid-template-columns: 1fr 1fr;
 width: 700px;
 margin: 20px auto;
 max-width: 100%;
}
.title_text_box_text_large {
 font-size: clamp(25px, 6vw, 40px);
 font-weight: bold;
}
.title_text_box_red{
 border: 1px solid var(--button_red_color);
 color: var(--button_red_color);
}
.title_text_box_red .title_text_box_title{
 background-color: var(--button_red_color);
}
@media screen and (max-width: 1024px){
 body .jigyonushi_oyakata_box {
  display: grid;
  width: 100%;
 }
 .bg_jigyonushi_oyakata {
  padding: 60px 20px;
 }
 .point_text.left {
  text-align: left;
 }
}

/* 中小事業主と一人親方 */

/* 雇用保険 */
.koyohoken{
 margin-top: 10px;
}
.bg_koyohoken{
 padding: 30px 0;
}
.koyohoken_box {
 justify-content: center;
}
.rosai_koyo_box {
 background-color: #ccc;
 padding: 10px;
 text-align: center;
 display: grid;
 justify-content: center;
 align-items: center;
 width: clamp(100px, 25vw, 150px);
 height: clamp(100px, 25vw, 150px);
 border-radius: clamp(50px, 12.5vw, 75px);
 line-height: 1.4em;
 color: #fff;
 min-width: 100px;
}
.rosai_koyo_box_color1 {
 background-color: var(--button_green_color);
}
.rosai_koyo_box_color2 {
 background-color: var(--main_color);
}
.rosai_koyo_box_color2half {
 position: relative;
}
.rosai_koyo_box_color2half:after {
 position: absolute;
 width: clamp(100px, 25vw, 150px);
 height: clamp(50px, 12.5vw, 75px);
 bottom: 0;
 background-color: var(--main_color);
 content: '';
 border-radius: 0 0 clamp(50px, 12.5vw, 75px) clamp(50px, 12.5vw, 75px);
}
.rosai_koyo_box_title {
 z-index: 10;
}
.koyohoken_button_item {
 width: 48%;
 border: 2px solid var(--button_green_color);
 padding: 20px;
}
.koyohoken_button_item_title {
 text-align: center;
 margin-bottom: 10px;
 color: var(--button_green_color);
 font-weight: bold;
 font-size: 20px;
}
.button_mitsumori_koyo a:hover,
.button_mitsumori_koyo a{
 background-color: var(--main_color);
 line-height: 21px;
 font-weight: bold;
}
.button_mitsumori_koyo_line2{
 font-size: 18px;
 line-height: 14px;
}
.koyohoken_button_item .button_mitsumori a,
.koyohoken_button_item .button_mitsumori a:hover {
 max-width: 100%;
}
@media screen and (max-width: 1024px){
 .bg_koyohoken {
  padding: 30px 0;
 }
 .bg_koyohoken .koyohoken_box{
	 margin: 10px auto;
 }
 body .koyohoken_button_box {
  display: grid;
  grid-template-columns: 1fr;
 }
 .koyohoken_button_item {
  width: 100%;
 }
 .koyohoken_button_item .button_mitsumori a,
 .koyohoken_button_item .button_mitsumori a:hover {
  max-width: 80vw;
 }
}
.stop {
    text-decoration: line-through;
    color: #aaa;
    font-weight: normal;
}
.threepoint_title_block_p.koyohoken {
    width: 235px;
}
.rosai_koyo_box_color3pie {
 position: relative;
 background-image: conic-gradient(#E66700 0% 33%, #d9d9d9 33% 66%, #00A26A 66% 100%);
 border-radius: 50%;
}
.rosai_koyo_box_color3pie .rosai_koyo_box_title {
    font-size: clamp(13px, 5vw, 16px);
    line-height: 1em;
}
/* 雇用保険 */

/* よくあるご質問 */
.bg_faq {
 background-color: #f1f1f1;
 padding: 60px 0;
}
.threepoint_title_block_p.faq {
 width: 235px;
 background-color: #f1f1f1;
}
.point_subtitle.faq {
 line-height: inherit;
}
article .faq_subtitle {
 width: 700px;
 max-width: 100%;
 color: var(--main_color);
 font-size: clamp(20px, 5vw, 25px);
 font-weight: bold;
 margin: 10px auto 0;
}
body .faq_content_box {
 background-color: #fff;
 padding: 30px 50px;
 width: 700px;
 max-width: 100%;
}
.faq_content_iconbox {
 width: 70%;
 margin: 0 auto;
}
.jyugyoin_type_item {
 width: 25%;
 text-align: center;
}
.faq_text{
 font-size: 16px;
}
.faq_subtitle:before {
 font-family: "Font Awesome 5 Free";
 content: '\f059';
 font-size: clamp(20px, 5vw, 25px);
 font-weight: 900;
 color: var(--main_color);
 margin-right: 5px;
}
.jyugyoin_type_item_title {
 margin-top: -10px;
 color: var(--main_color);
 font-weight: bold;
}
@media screen and (max-width: 1024px){
 .bg_faq {
	 padding: 60px 20px;
 }
 article .faq_subtitle {
  width: 100%;
 }
 body .faq_content_box {
  padding: 20px;
  width: 100%;
 }
 .faq_content_iconbox {
  width: 100%;
 }
}

/* よくあるご質問 */

/* 来社 */
.point_subtitle.raisya {
}
.threepoint_title_block_p.raisya {
 width: 175px;
}
.bg_raisya {
 padding: 30px 0;
}
.button_raisya {
 margin: 20px auto;
}
.button_raisya a:hover,
.button_raisya a {
 line-height: 21px;
 font-weight: bold;
}
.raisya_item {
 display: grid;
 align-items: center;
 justify-content: center;
	grid-template-columns: 1fr;
}
body .raisya_box{
 display: grid;
 grid-template-columns: 1fr 1fr;
 width: 780px;
 margin: 0 auto;
 max-width: 100%;
}
.raisya_item .button_mitsumori a:hover,
.raisya_item .button_mitsumori a {
 max-width: 100%;
}
@media screen and (max-width: 1024px){
 .bg_raisya {
  padding: 30px 0;
 }
 body .raisya_box {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
 }
 .raisya_item_text{
  text-align: left;
  font-size: 15px;
 }
 .raisya_item .button_mitsumori a:hover,
 .raisya_item  .button_mitsumori a {
  max-width: 80vw;
 }
}
/* 来社 */

/* 組合案内 */
.threepoint_title_block_p.kumiai {
 width: 130px;
}
.threepoint_title_block.kumiai {
    margin-bottom: 30px;
}
#kumiai table {
    max-width: 100%;
    margin: 0 auto;
}
	#kumiai tr{
		display:flex!important;
	}
#kumiai th{
	padding: 1em;
/* 	min-width: 8em; */
	width: 30%;
}
#kumiai td{
	padding: 1em;
	width:70%;
}
/* #kumiai .kumiai_twocolumn{
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media screen and (max-width: 1024px){
 #kumiai .kumiai_twocolumn{
	 grid-template-columns: 1fr;
 }
} */
/* 変更 */
@media screen and (max-width: 1024px){
#kumiai tr{
	display:block !important;
}
#kumiai table tr:nth-of-type(2n+1) {
	background-color: transparent;
}
 #kumiai th{
	 width: 100%;
	 display:block;
 }
#kumiai td{
	 width: 100%;
	display:block;
 }
}

.normal_header {
    color: #fff;
    background-color: #F7A11C !important;
    text-align: center;
    border-radius: 5px !important;
    margin: 40px auto 15px auto !important;
}
.chusyo-appeal {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
}
@media screen and (max-width: 1100px) {
    .chusyo-appeal {
        grid-template-columns: 1fr 1fr;
    }
}
/* 変更ここまで */



/* 組合案内 */

/* footer */
.footer-container {
 border-top: 2px solid var(--main_color);
}
.footer-left {
 width: 100%;
}
.footer-center,
.footer-right {
 display: none;
}
.footer-bottom{
 display: none;
}
.footerbox2_outer {
 border-top: 1px solid #ccc;
 padding: 20px 0;
}
.footerbox2 {
 padding: 10px 16px;
}
.footer_copyright {
 text-align: center;
 margin-top: 30px;
 font-size: 14px;
}
.footer-in.wrap, .footerbox2_outer .wrap {
 width: 1100px;
 max-width: 100%;
}
.footer_tel {
 color: var(--main_color);
 font-size: 28px;
 font-weight: bold;
}
.footer_address {
 margin-top: 1em;
}
.footer_address span{
 display: inline-block;
}
#media_image-4 {
 width: 248px;
 max-width: 50vw;
 margin-bottom: 0;
}
.footer_menu {
    font-size: 16px;
    color: inherit;
    margin: 20px 0;
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 10px;*/
	display: flex;
	gap: 20px 40px;
	flex-wrap: wrap;
}
.footer_menu a {
    color: inherit;
}
.footer_menu .button_arrow {
    padding-right: 30px;
}

@media screen and (max-width: 1024px){
 #media_image-5 {
    width: 248px;
    max-width: 50vw;
	margin-bottom: 0;
 }
 .footerbox{
  font-size: 14px;
 }
 .footerbox2 {
  padding: 10px 24px;
  font-size: 14px;
 }
 .footer_copyright {
  font-size: 12px;
 }
 .footer-in.wrap,
 .footerbox2_outer .wrap {
  width: auto;
 }
 .footer_menu {
     grid-template-columns: 1fr;
     grid-column-gap: 0;
	 grid-row-gap: 10px;
 }
}
/* footer */

/* footer改修 */
:root {
 --fixedfooter-height: 60px;
}

#common_footer{
 margin-top: 40px;
 padding-bottom: 80px;
}

#common_footer .cf_footer {
 background-color: #f8f8f8;
 text-align: center;
}

#common_footer .cf_sub {
 font-size: 14px;
 line-height: 1.5em;
 padding: 10px;
 display: flex;
 gap: 10px;
 align-items: center;
 justify-content: center;
}
@media screen and (max-width: 1100px) {
 #common_footer .cf_sub {
  display: grid;
  grid-template-columns: 1fr;
  line-height: 1.5em;
 }
}

#common_footer .cf_sub a:active,
#common_footer .cf_sub a:checked,
#common_footer .cf_sub a:hover,
#common_footer .cf_sub a{
 text-decoration: none;
 cursor: pointer;
 color: #707070;
}

#common_footer .cf_copyright{
 padding: 10px 0;
 color: #ffffff;
 font-size: 11px;
 text-align: center;
 line-height: 19px;
 background: #e66700;
}

#cf_fixed{
 position: fixed;
 left: 0;
 bottom: calc(var(--fixedfooter-height)*-1);
 width: 100vw;
 height: var(--fixedfooter-height);
 z-index: 995;
 transition: all 0.5s;
 bottom: 0px;
}
#cf_fixed.hide{
 bottom: calc(var(--fixedfooter-height)*-1);
}
@media screen and (min-width: 1100px) {
 #cf_fixed{
  display: none!important;
 }
}

#common_footer .cf_fixed {
 background-color: #e66700;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
}
#common_footer .cf_fixed_button {
 display: flex;
 gap: 5px;
 justify-content: center;
 align-items: center;
 color: #fff;
 text-decoration: none;
 cursor: pointer;
 padding: 0;
 border-right: 1px solid #fff;
}

#common_footer .buttonicon {
 font-size: 20px;
}
#common_footer .buttonname {
 font-size: 14px;
 font-weight: bold;
}
/* footer改修 */

/* footer改修 全体に影響を与えるもの*/
.cf_copyright{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.breadcrumb.wrap {
        display: none;
    }

.footer-container {
    border-top: none;
}

.footer-left, .footer-center, .footer-right, .footer-mobile {
padding: 0px 0px;
}
.footer-widgets, .footer-widgets-mobile {
margin: 0px;
}
.footer-in.wrap{
width: 100%;
}
.footer {
    padding: 0px;
}

/* footer改修 全体に影響を与えるもの*/


/* 1カラム化 */
#main{
 width: 100%;
}
#sidebar{
 display: none;
}
.article-header,
.article-footer{
 /*display: none;*/
}
.content-in.wrap {
    max-width: 1100px;
}
.author-info{
	display: none;
}

select{
 -webkit-appearance: menulist-button;
 border: 1px solid #ccc;
 border-radius: 2px;
 background-color: #fff;
 color: #000;
}
/* 1カラム化 */

/* サブページ */
@media screen and (min-width: 1024px){
 .img_pc{
	
 }
 .img_sp{
	display: none;
 }
}
@media screen and (max-width: 1024px){
 .img_pc{
	display: none;
 }
 .img_sp{
	
 }
}

.is-layout-flex.center {
    align-items: center;
    justify-content: center;
}
.round_button a {
    width: 450px;
    padding: 15px;
    font-size: 18px;
    line-height: 1em;
    color: #000;
    background-color: #fff;
    border: 2px solid #E66700;
    border-radius: 25px;
}
@media screen and (max-width: 1024px){
 .round_button a {
    width: 80vw;
    font-size: 13px;
 }
}

.kanren_page_box {
    background-color: #F1F1F1;
    padding: 20px;
}
.kanren_page_buttons_box {
    width: 100%;
    margin: 0 auto;
    max-width: 825px!important;
}
.kanren_page_title {
    text-align: center;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
}
.kanren_page_button {
    width: 400px;
  max-width: 100%;
}
.kanren_page_button a {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    line-height: 1em;
    color: #000;
    background-color: #fff;
    border: 2px solid #D1D1D1;
    border-radius: 20px;
}
@media screen and (max-width: 1024px){
 body .kanren_page_buttons {
    gap: 10px;
 }
 .kanren_page_button a {
  padding: 8px;
 }
}

.button_arrow {
    position: relative;
}
.button_arrow:after {
    content: ">";
    position: absolute;
    color: #E66700;
    top: 50%;
    right: 10px;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}

.entry-title {
    color: #E66700;
    border-bottom: 3px solid #D1D1D1;
    padding: 15px 0;
    font-size: 32px;
	position: relative;
	margin: 0 0 20px 0;
}
.entry-title:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -3px;
    border-bottom: 3px solid #E66700;
    width: 160px;
}
.date-tags {
    display: none;
}
.article .subpage_h2 {
    margin: 0;
    padding: 0;
    border-bottom: 3px solid #D1D1D1;
    font-size: 32px;
    color: #E66700;
    padding: 15px 0;
    margin: 0 0 50px 0;
    background-color: transparent;
}
.article .subpage_h3 {
    border: none;
    background-color: #E66700;
    color: #fff;
    font-size: 24px;
    padding: 15px 20px;
	margin: 0;
	margin-bottom: 30px;
}
.article .subpage_h4 {
    border: none;
}
.qanda_box {
    padding-bottom: 68px;
	padding-top: 200px;
	margin-top: -200px;
}
@media screen and (max-width: 480px){
	.qanda_box {
    padding-bottom: 68px;
    padding-top: 100px;
    margin-top: -100px;
}	
}
.downarrow_button a {
    background: #fff;
    border: 1px solid #E66700;
    color: #000;
    padding: 10px 0;
    min-width: 260px;
    font-size: 18px;
    border-radius: 25px;
}
.acc_box .toggle-button {
    background-color: #fff;
    border: none;
    text-align: left;
    border-bottom: 1px solid #D1D1D1;
    padding: 20px 40px 20px 40px;
    border-radius: 0;
    font-size: 22px;
    font-weight: bold;
	position: relative;
}
.acc_box.qanda .toggle-button::before {
    font-size: 26px;
    color: #E66700;
    margin-right: 8px;
    opacity: 1;
    position: absolute;
    top: 50%;
    right: 10px;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
}
.acc_box.qanda .toggle-button::after {
    content: 'Q'!important;
    font-family: ministry;
    font-size: 32px;
    color: #555555;
    margin-right: 8px;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 10px;
 transform: translate(0%, -50%);
 -webkit-transform: translate(0%, -50%);
 -ms-transform: translate(0%, -50%);
}
.acc_box.qanda .toggle-content {
    border: none;
    position: relative;
    padding-left: 40px;
}
.acc_box.qanda .toggle-content::before {
    content: 'A';
    font-size: 32px;
    font-weight: bold;
    color: #E66700;
    position: absolute;
    top: 5px;
    left: 10px;
}
.downarrow_button a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    color: #E66700;
}
.downarrow_button a {
    position: relative;
}
@media screen and (max-width: 1024px){
 .wp-block-button.downarrow_button {
    margin: 0 auto;
 }
}
.breadcrumb.wrap {
    width: 1100px;
	max-width: 100%;
    padding: 0;
	margin: 0 auto;
}

.subpage_table{
	width: 100%;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}

.subpage_table th {
    font-weight: normal;
    text-align: center;
    background-color: #F1F1F1;
    border: 1px solid #D1D1D1;
    width: 30%;
    font-size: 16px;
	padding: 1em;
}
.subpage_table td {
    font-weight: normal;
    text-align: left;
    background-color: #fff;
    border: 1px solid #D1D1D1;
/*     width: auto; */
	width: 70%;
    font-size: 16px;
    padding: 25px 50px;
}
@media screen and (max-width: 1024px){
 .article .subpage_h3 {
    font-size: 18px;
    padding: 5px 20px;
	 margin-bottom: 20px;
 }
 .entry-title {
    font-size: 20px;
    padding: 10px 0;
 }
 .entry-title:before {
    width: 50px;
 }
 .entry-content {
    /*margin: 30px 0 100px;*/
 }
 .kumiaihoushin_box_title{
	font-size: 20px;
 }
 .kumiaihoushin_box_subtitle{
	font-size: 18px;
 }
 .subpage_table th, .subpage_table td {
    display: block;
    width: 100%;
    padding: 0.5em 1em!important;
 }
 .breadcrumb.wrap {
    padding: 0 20px;
 }
}
/* サブページ */

/* お知らせ */
.eye-catch {
    display: none;
}
.article .post_h1, .post_h1 {
    color: #E66700;
    font-size: 32px;
    border-bottom: 3px solid #D1D1D1;
    padding-bottom: 18px;
    margin-bottom: 50px;
	position: relative;
	line-height: 1em;
}
.post_h1::after {
	content: '';
    position: absolute;
    bottom: -3px;
    left: 0px;
    border-bottom: 3px solid #E66700;
    width: 20%;
}
.article .post_h2, .post_h2 {
    font-size: 36px;
    background-color: transparent;
    padding: 0;
    margin: 30px 0;
}
/* お知らせ */


/* Display Posts */
.display-posts-listing {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 40px 30px;
 margin: 20px 0;
}
.listing-item .image {
 display: block;
 margin-bottom: 5px;
}
.listing-item .title {
 display: block;
 text-decoration: none;
 font-weight: normal;
 line-height: 1.5em;
 padding: 5px 0;
 color: #000;
}
.listing-item .date {
 display: block;
 font-size: 14px;
 color: #999;
}
.listing-item .excerpt-dash {
 display: none;
}
@media screen and (max-width: 1100px){
 .display-posts-listing {
  grid-template-columns: 1fr;
  gap: 30px 0px;
 }
}

.nav-links {
    display: flex;
    justify-content: center;
}
.nav-links .page-numbers {
    border: 1px solid #ccc;
    display: inline-grid;
    padding: 4px 10px;
    border-right: none;
    text-decoration: none;
	border-radius: 0;
	margin: 0;
    justify-content: center;
    align-items: center;
    line-height: 1em;
}
.nav-links .page-numbers:first-child {
    border-radius: 5px 0 0 5px;
}
.nav-links .page-numbers:last-child {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #ccc;
}
.nav-links .page-numbers.prev {
	width: auto;
}
.nav-links .page-numbers.current {
    color: #fff;
    background-color: #F0811F;
}
.nav-links .page-numbers.next {
	width: auto;
}
/* Display Posts */

/* 投稿 */
.category_name_h1 {
    display: none;
}
.magazine_h2{
	font-size: 2.4rem;
    padding: 0 0 0 15px;
    font-weight: 700;
    margin: 2.8em 0 1.8em;
    position: relative;
    border: none;
    line-height: 1.3;
    background: initial;
    display: block;
    color: #000;
    background-color: transparent!important;
    padding: 5px 20px !important;
}
.magazine_h2:before {
    position: absolute;
    top: -2%;
    left: 0;
    width: 7px;
    height: 104%;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, from(#FFBC69), color-stop(49.99%, #FFBC69), color-stop(50%, #EE8A36), to(#EE8A36));
    background: linear-gradient(to bottom, #FFBC69 0, #FFBC69 49.99%, #EE8A36 50%, #EE8A36 100%);
    background-color: #EE8A36;
}
.wp-block-post-featured-image img{
	display: block;
	margin: 0 auto;
	max-width: 780px;
}
.posts_h {
    font-size: 20px;
    padding: 0 0 0.3em 1.2em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-weight: 700;
    margin: 2.8em 0 1.8em;
    position: relative;
    line-height: 1.3;
    color: initial;
}
.posts_h:before {
    font-family: "Font Awesome 5 Free";
    content: '\f0d7';
    position: absolute;
    top: 0;
    left: 0;
    color: #F0811F;
}
.jimu_magazine_list_link {
    display: block;
    text-align: right;
    text-decoration: none;
    font-size: 13px;
    padding: 5px 0;
}
.font_fixedwidth {
    font-family: monospace;
}
/* 投稿 */

/* 監修者 */
.kansyu_box {
  margin: 50px 0;
}
.kansyu_box_body {
  border: 1px solid #ccc;
  border-radius: 20px;
}
.kansyu_box_body_title {
  text-align: center;
  background-color: #F0811F;
  color: #fff;
  border-radius: 20px 20px 0 0;
  padding: 10px;
}
.kansyu_box_body_title p {
	color: #fff !important;
}
.kansyu_box_body_body {
  margin: 20px;
}
.kansyu_box_body_body_person {
  display: grid;
  justify-content: space-between;
  margin-bottom: 30px;
  grid-template-columns: 100px 1fr;
  column-gap: 5%;
  align-items: center;
}
img.kansyu_box_body_body_person_left {
  margin-right: 30px;
  width: 100%;
}
.kansyu_box_body_body_person_right {
  align-self: center;
}
.kansyu_box_body_body_person_right div,
.kansyu_box_body_body_person_right p {
  margin: 0;
}
.kansyu_box_body_body_person_right .role{
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  font-size: 12px;
}
.kansyu_box_body_body_person_right .role p {
  font-size: 12px;
}
.kansyu_box_body_body_person_right .name {
  font-size: 26px;
}
.kansyu_box_body_body_person_right .kana {
  font-size: 14px;
}
@media screen and (max-width: 1000px){
 .kansyu_box_body_body_person {
    grid-template-columns: 1fr;
 }
 .kansyu_box_body_body_person_left {
    max-width: 100px;
    margin: 0 auto;
 }
 .kansyu_box_body_body_person_right .name,
 .kansyu_box_body_body_person_right .kana {
  text-align: center;
 }
}
/* 監修者 */

.youtube_info_button {
    display: block;
    border-radius: 25px;
    background: linear-gradient(#e3b34e 0%, #b17d11 100%);
    color: #fff!important;
    padding: 15px 0;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    line-height: 1em;
    width: 270px;
    margin: 20px auto 0;
	text-decoration: none;
}
.youtube_info_button:after {
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    position: absolute;
    /* top: 32%; */
    right: 15px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
}

.mobile-header-menu-buttons {
    display: none;
}
.mblt-header-mobile-buttons{
	margin-top: 0;
}

@media screen and (max-width: 1000px){
.pc_responsive{
display: none;
}}
@media screen and (min-width: 1000px){
.sp_responsive{
display: none;
}}



.button_lead {
   margin: 0!important;
}
.button_lead + .wp-block-buttons{
   margin-top: 0!important;
}

/* 監修者の紹介 */

.renew_kansyu .renew_inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 30px;
    align-items: start;
}
.renew_kansyu .kansyu_item {
    margin: 0 !important;
    border: none;
    border-radius: 10px;
    padding: 0;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 6;
    gap: 0;
}
.renew_kansyu .kansyu_item_title {
    text-align: center;
    padding: 10px 0;
    background-color: #F59C36;
    border-radius: 10px 10px 0 0;
    border: 1px solid #F59C36;
    color: #fff;
    margin: 0 !important;
    display: grid;
    grid-template-columns: subgrid;
    line-height: 1em;
}
.renew_kansyu  .kansyu_item_body {
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 10px 10px;
    margin: 0 !important;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 2 / 7;
}
.kansyu_item_body_titlecard {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 0px 15px;
    align-items: center;
    margin: 0 !important;
    grid-template-rows: subgrid;
    grid-row: 2 / 5;
}
.kansyu_item_body .photo {
    display: grid;
    grid-row: 1 / 3;
    margin: 0 !important;
    align-items: center;
}
.kansyu_item_body .role {
    font-size: 11px;
    margin: 5px 0 0 0 !important;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 3;
    align-items: start;
    padding-top: 5px;
    grid-column: 1 / 3;
    border-top: 1px solid #ddd;
    line-height: 1.4em;
}
.kansyu_item_body .name {
    margin: 0 !important;
    padding: 10px 0 3px 0;
    font-size: 20px;
    line-height: 1em;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 1;
    align-items: end;
}
.kansyu_item_body .furi {
    margin: 0 !important;
    font-size: 12px;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 2;
}
.kansyu_item_body .description {
    margin: 0 !important;
    padding-top: 2em;
    font-size: 14px;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 5;
}

@media screen and (max-width: 1100px) {
 .renew_kansyu {
    overflow-x: scroll;
 }
 .renew_kansyu .renew_inner {
    min-width: 950px;
    gap: 0 15px;
    padding: 0;
 }
}


/* --お知らせの表示、非表示設定-- */

 .header_info_bar {
	display:none;
}