@charset "UTF-8";

#page_header{background-color: #97cfac;}

.w90per{width: 90%;margin: 0 auto;}
.a_blue{display: inline-block;}
.mt100{margin-top: 100px;}

.column_cat{position: relative;height: 30px;}
.category{position: absolute;right:0; background-color: #dfb216;color: #ffffff;padding: 0.2% 2%; }
.column_h2{font-size: 2.2em;border-bottom: dotted 1px #000000;margin-bottom: 0.2em;border-top: solid 1px #000000;margin-top: 0.2em;}
/* section_01 */
.section_01{background-image:url("../img/column_back_pc.webp");background-repeat: repeat-y;background-size: cover;background-position: top center;}

/* 画像 */
.section_01 .column-bk-img {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    margin-bottom: 2%;
}

/* ワードプレス投稿CSS */
.wp_post p{line-height: 2em; margin-bottom: 2em;}
.column_box{background-color: #ffffff;padding: 5%;margin-bottom: 5em;}
.column_h3{font-size: 1.8em;color:#595757;}
.triangle-button{
    border: solid 1px #595757;
    color: #000000;
    display: block;
    padding: 1%;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 98%;margin: 2% 0;
}

.triangle-button::after{
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #000000;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(90deg);
}

.triangle-button:active{
  top: 4px;
    box-shadow: 0 0 0 #C62828;
}
ul.column li.wp-block-heading{font-size:1.2em;border-bottom: dashed 1px #595757;padding-bottom: 0.2em; margin-bottom: 0.6em;position: relative;margin-top: 1em;}

ul.column li a{color: #595757;
    }
ul.column li a::after{
	content: '';
    border: 0;
    border-top: solid 2px #595757;
    border-right: solid 2px #595757;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}
h3.wp-block-heading{font-size:1.8em;border-bottom: dotted 1px #000000;padding-bottom: 0.2em; margin-bottom: 0.6em;margin-top: 2em;}
/* 見出しの前に画像を入れる */
.wp-block-heading::before {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    content: "";
    vertical-align: bottom;
    background-image: url("../img/column_icon.svg");
    background-size: 100%;
	background-repeat: no-repeat;
	margin-right: 0.6em;
}

/* 画像のクラス↓ */
figure.wp-block-image,.wp_main_photo{width: 80%;margin: 0 auto 2em;}

figure.wp-block-image img ,.wp_main_photo img{
    width: 100%;
}
.tag_box{background-color: #bed8ca;padding: 5%;border-radius: 10px;}
.tag_box ul li{display: inline-block;margin-right: 2em;font-size: 1.2em;}
.column_h4{text-align: center;margin: 2em 0 0.2em;font-size: 1.6em;}
.column_btn_tel{display: block; width: 60%;margin: 0 auto 2em;}
.column_more_btn{text-align: center; display: block;width: 30%; font-size:1.4em;padding: 1em; margin: 0 auto;background-color: #2c9f7d; color: #ffffff; position: relative;border-radius: 10px;}
.column_more_btn::after{
	content: '';
    border: 0;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
#page_header{background-color: #97cfac;}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-color: #97cfac;}

.mt100{margin-top: 30px;}

.title_h3{font-size: 1.3em;margin-bottom: 1%;line-height: 1.2;}
.sp_mt3em{margin-top: 3em;}
.w90per{width: 100%;margin: 0 auto;}
.box-item04{width: 47%;display: inline-block;margin:1% 0 2%;height: auto;}

.wp_post p{line-height: 1.6em; margin-bottom: 2em;font-size: 0.9em;}
/* 画像のクラス↓ */
figure.wp-block-image,.wp_main_photo{width: 100%;margin: 0 auto 2em;}
.column_h2{font-size: 1.6em;line-height: 1.6em;}
.column_h3{font-size: 1.4em;;}
/* section_01 */
ul.column li.wp-block-heading{font-size:1.0em;padding-right: 2em;line-height: 1.3em;}
h3.wp-block-heading{font-size:1.2em;line-height: 1.3em;}
.tag_box ul li{display: inline-block;margin-right: 1.4em;font-size: 0.9em;}
.column_h4{font-size: 1.0em;}
.column_btn_tel{width: 100%;}
.column_more_btn{width: 70%; font-size:1.14em;padding: 0.4em 0; border-radius: 7px;margin-bottom: 3em;}
}