@charset "utf-8";


/* ======================================
2022/09/20 added by nakazato
======================================== */

/*==========
CONTENTS WORKS ID:1562
==========*/
/*config*/
:root {
  --template-flow-01-color:#eb6700;  /*メインカラー*/
  --template-flow-01-subcolor:#ED7C23;  /*サブカラー*/
}
/*css*/
.template-flow-01 {
  padding-left: 120px;
  position: relative;
  margin-bottom:60px !important;
}
.template-flow-01::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -8px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
}
.template-flow-01 > li {
  position: relative;
  margin-left:0 !important;
  list-style:none !important;
}
.template-flow-01 > li:not(:last-child) {
  margin-bottom: 8vh;
}
.template-flow-01 > li .icon {
  font-size: 14px;
  color: #fff;
  background: var(--template-flow-01-color);
  background: -moz-linear-gradient(left, var(--template-flow-01-color) 0%, var(--template-flow-01-subcolor) 100%);
  background: -webkit-linear-gradient(left, var(--template-flow-01-color) 0%,var(--template-flow-01-subcolor) 100%);
  background: linear-gradient(to right, var(--template-flow-01-color) 0%,var(--template-flow-01-subcolor) 100%);
  padding: 8px 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -120px;
  z-index: 3;
}
.template-flow-01 > li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent var(--template-flow-01-subcolor);
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.template-flow-01 > li dl {
  padding-left: 70px;
  position: relative;
}
.template-flow-01 > li dl::before,
.template-flow-01 > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}
.template-flow-01 > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background:var(--template-flow-01-color);
  border-radius: 50%;
  left: -4px;
}
.template-flow-01 > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}
.template-flow-01 > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: var(--template-flow-01-color);
  margin-bottom: 1vh;
}
/* ======================================
2022/11/18 added by saito
======================================== */

.template-80 {
  margin-right: 180px;
  margin-left: 350px;
}

/*--------------------
テーブル-枠付き
--------------------*/
.table-bordered th {
  width: 25%;
	background-color: #f6a11a;
	color: #FFF; /* backgroudを薄めの色にする場合は#000 */
}
.table-bordered th, .table-bordered td {
  padding: 12px 15px;
	border: 1px solid #ddd;
	vertical-align:middle;
}


/* ======================================
2022/12/17 added by Fabo
======================================== */

.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.entry-content .template-img-right {
  margin-left: 30px;
}
.entry-content .template-img-left {
  margin-right: 30px;
}

.contents-colorbox {
  margin: 25px 0 30px;
  padding: 25px;
  background: #f2f2f2;
}
.contents-colorbox :first-child {
  margin-top: 0;
}
.contents-colorbox :last-child {
  margin-bottom: 0;
}

.contents-stepbox-wrap {
  margin: 40px 0 50px;
}
.contents-stepbox {
  position: relative;
  padding-bottom: 30px;
}
.contents-stepbox:last-child {
  padding-bottom: 0;
}
.contents-stepbox::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 34px;
  width: 2px;
  background: #f6a11a;
}
.contents-stepbox:last-child::before {
  bottom: 10px;
}
.contents-stepbox-ico {
  position: relative;
  float: left;
  margin-right: 30px;
  display: inline-block;
  z-index: 10;
  width: 70px;
  height: 70px;
  background: #f6a11a;
  border-radius: 50%;
  line-height: 70px;
  color: #fff;
  font-size: 17px;
  text-align: center;
}
.contents-stepbox-detail {
  overflow: hidden;
}
.contents-stepbox h4 {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  background: none;
  border: none;
  font-size: 18px;
  color: #333;
}
.contents-stepbox h4 strong {
  color: #195f1c;
}
.contents-stepbox h4::before {
  display: none;
}
.contents-stepbox p {
  font-size: 16px;
}

.entry-btn {
  margin-top: 35px;
  text-align: center;
}
.entry-btn a {
  display: inline-block;
  width: 300px;
  height: 58px;
  background: #eb6700;
  line-height: 58px;
  color: #fff;
  font-weight: bold;
  text-decoration: none !important;
}

/* ======================================
2024/7/5 added by tsuji
======================================== */

/* --------------- テンプレートBOX化 --------------- */

.template-backpattern{
	padding: 20px;
    margin:10px 0 ;
	background: #F7F7F7;
	border: solid 2px #EB6700;
}

.box001 {
    padding: 25px;
    margin: 15px 50px 0px;
    background: #F5F2EB;
	font-size:16px;
}