@charset "utf-8";

/* ======================================
2022/04/21 added by toh
======================================== */

/* よくある質問 */
.entry-content table.table_qa{
    margin: 0 0 0.8em 0;
    padding: 0;
    margin-bottom:40px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
/* --- スマホサイトはwidthを15%に設定 --- */
.entry-content table.table_qa th{
    padding: 10px;
    width: 5%;
}
.entry-content table.table_qa td{
    padding: 10px;
}
.entry-content table.table_qa tr:nth-child(2n-1) td{
	font-size:18px;
}
.entry-content table.table_qa tr:nth-child(2n){
    background:#FFF;
}
/* Qアイコン */
.entry-content table.table_qa tr:nth-child(2n-1) th{
	font-family: 'Nunito', sans-serif;
	/* font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */
	/* font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; */
	font-size: 26px;
	color: #44A083;
}
/* Aアイコン */
.entry-content table.table_qa tr:nth-child(2n) th{
	vertical-align:top;
	font-family: 'Nunito', sans-serif;
	/* font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */
	/* font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; */
	font-size: 26px;
	color: #f9b6c2;
}

.table-bordered th {
	background-color: #70C2B4;
	color:#FFF;
}

/* --- 3列リンクボタン --- */

.link_btn{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 0;
}
.entry-content ul.link_btn li{
	display: inline-block;
	list-style-type:none;
	text-align:center;
	font-size: 15px;
	margin:0;
	padding:0;
}
.entry-content ul.link_btn li a{
	margin: 20px 8px;
	padding: 14px 22px;
	display:block;
	background:#70C2B4;
	color:#FFF;
	text-decoration: none;
}
.entry-content ul.link_btn li a:hover{
	opacity: 0.7;
　  color: white;
}

/* 背景模様付き枠テンプレートver
.template-backpattern{
	padding: 24px;
	background: #FFF;
	border: solid 2px #696156;
	margin:20px 0 26px 0;
}*/



/* ======================================
2022/05/09 added by nakazato
======================================== */


/* 背景模様付き枠テンプレートver */
.template-backpattern{
	padding: 24px;
	background: #fff;
	/*border: solid 2px #ceb695;*/
	border: 1px #44a083 solid;
	margin:20px 0 26px 0;
}


/* PRICEページ用table */
.table_menu{
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	border-spacing: 0;
}
.table_menu th{
	padding: 10px;
	width: 70%;
	border-bottom: #CBC1B4 1px solid;
	text-align: left;
	font-weight: normal;
	font-size: 15px;
}
.table_menu th em{
	font-style: normal;
	font-size: 13px;
	color: #7C6C56;
}
.table_menu td{
	padding: 5px;
	border-bottom: #CBC1B4 1px solid;
	text-align:right;
}


/*==========
CONTENTS WORKS ID:1501
==========*/
/*config*/
:root {
    --timeline-color:#696156;  /*タイムラインの色*/
    --timeline-circle-title:22px; /*見出しの文字サイズ*/
    --timeline-circle-size:70px; /*サークルのサイズ*/
    --timeline-circle-font:40px; /*サークルの文字サイズ*/
}
/*css*/
.template-timeline{
    counter-reset: number;
    margin-bottom: 30px;
}
.template-timeline-once{
    position: relative;
    min-height: 100px;
}
.template-timeline-once::before{
    counter-increment: number;
    content:counter(number);
    position: absolute;
    top:0;
    left:0;
    width:var(--timeline-circle-size);
    line-height:var(--timeline-circle-size);
    height:var(--timeline-circle-size);
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background: var(--timeline-color);
    color: #fff;
    font-size: var(--timeline-circle-font);
    z-index:2;
}
.template-timeline-once::after{
    position: absolute;
    content:"";
    top:calc(var(--timeline-circle-size)/2);
    left:calc(var(--timeline-circle-size)/2);
    width:2px;
    height:100%;
    display: inline-block;
    background: var(--timeline-color);
    z-index:1;
}
.template-timeline-once:last-of-type::after{
    display: none;
}
.template-timeline-text{
    margin-left:calc(var(--timeline-circle-size) + 20px);
    flex-wrap: wrap;
}
.template-timeline-title{
    margin:1em 0;
    font-size: var(--timeline-circle-title);
    color:var(--timeline-color);
	font-weight: bold;
}


/* 各リンクバナー 共通 */
.contact_box{
	margin: 10px 0 20px;
}
.contact_box .contact_btn{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 0;
}
.contact_box ul.contact_btn li{
	display: inline-block;
	list-style-type:none;
	text-align:center;
	font-size: 16px; /* SP 15px */
	margin:0;
	padding:0;
	/* (SP)width: 100%; */
}
.contact_box ul.contact_btn li a{
	margin: 7px 10px 15px 10px;/*サイト毎調整*/ /* SP 7px 10px 20px */
	padding: 10px 24px;/*サイト毎調整*/ /* SP 20px 30px */
	display:block;
	/*background:#e96065;*/
	border:#3db9a6 solid 1px;
	color:#3db9a6;
	text-decoration: none;
	font-weight: bold;		
}
.contact_box ul.contact_btn li a:hover{
	border:#5FC7B7 solid 1px;
	color: #5FC7B7;
}
.contact_box ul.contact_btn li a:hover:before{
	color: #5FC7B7;
}
.contact_box ul.contact_btn li a::before{
    font-size: 16px; /* SP 15px */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f109";
    color: #3db9a6;
    margin: 0 10px 0 0;
}

/* 各リンクバナー 相違 */
.contact_box ul.contact_btn li a.mail:hover:before{
	color: #5FC7B7;
}
.contact_box ul.contact_btn li a.mail::before{
    font-size: 16px; /* SP 15px */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e0";
    color: #3db9a6;
    margin: 0 10px 0 0;
}
.contact_box ul.contact_btn li a.line:hover:before{
	color: #5FC7B7;
}
.contact_box ul.contact_btn li a.line::before{
    font-size: 16px; /* SP 15px */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f075";
    color:#3db9a6;
    margin: 0 10px 0 0;
}
.contact_box ul.contact_btn li a.tel:hover:before{
	color: #5FC7B7;
}
.contact_box ul.contact_btn li a.tel::before{
    font-size: 16px; /* SP 15px */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f879";
    color: #3db9a6;
    margin: 0 10px 0 0;
}
