@charset "utf-8";
/* 明朝体 font-family: 'Sawarabi Mincho';*/
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/*===========================
add
===========================*/
.bg-slider {
  width: 100%;
  height: 0;
  /* (画像の高さ / 画像の横幅) × 100 */
  padding-top: 37.5% !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  margin-top: 65px;
}
@media screen and (max-width: 768px) {
.bg-slider {
  margin-top: 0;
}	
}
/*-----------
   色変更   
-----------*/
/* humberger area*/
.slicknav_btn {
  background-color: #41b879; /* MENU背景　*/
}
.slicknav_menu {
  background-color: #f2f2f2; /* 背景　*/
}
.slicknav_nav li {
  background-color: #41b879; /* ナビ色　*/
}
.slicknav_nav a {
  border-bottom: 1px solid #fcfcfc; /* 下線　*/
}
.slicknav_nav li:first-child {
  border-top: 1px solid #fcfcfc; /* 最初の上線　*/
}
.slicknav_nav .slicknav_row:hover {
  background: #41b879;
  color: #fff;
}
.slicknav_nav a:hover {
  background: #41b879; /* オーバー時背景色　*/
  color: #fff; /* オーバー時文字色　*/
}
/* column  */
.column1_100p {
  border: 1px solid #e1e1e1;
  background: rgba(255, 255, 255, .9);
}
.column1_80p {
  border: 1px solid #EBC97A;
  background: rgba(255, 255, 255, .9);
}
.column1_60p {
  border: 1px solid #EBC97A;
  background: rgba(255, 255, 255, .9);
}
.column2_80p {
  border: 3px double #41b879;
  background: rgba(255, 255, 255, .9);
}
.column2_60p {
  border: 3px double #EBC97A;
  background: rgba(255, 255, 255, .9);
}
.column3_80p {
  border: 4px dashed #EBC97A;
  background: rgba(255, 255, 255, .95);
}
.column3_60p {
  border: 4px dashed #EBC97A;
  background: rgba(255, 255, 255, .95);
}
.column4_80p {
  border: 4px dashed #EBC97A;
  background: rgba(255, 255, 255, .95);
}
.column4_60p {
  border: 4px dashed #EBC97A;
  ;
  background: rgba(255, 255, 255, .95);
}
/* table  */
table.table3 th {
  background-color: rgba(65, 184, 121, .3);
  color: #333;
}
table.table2 th {
  background-color: rgba(65, 184, 121, .3);
  color: #333;
}
.tdColorBeige {
  background: #FEF8E9 !important;
  text-align: center;
  vertical-align: middle;
}
table.table2 td.tdBgC01 {
  background-color: #FFF;
}
table.table2 td.tdBgC02 {
  background-color: #EEE;
}
table.table2 td.tdBgC03 {
  background-color: #DDD;
}
table.table2 td.tdBgC04 {
  background-color: #CCC;
}
table.table2 td.tdBgC05 {
  background-color: #BBB;
}
/* addon-circle */
.circle-big::before {
  color: #FFF;
  background: #F59338;
}
ol.liFeature li::before {
  color: #FFF;
  background: #EEB853;
}
/* buttons */
.txtBnr a {
  background-color: #EA8E1E;
}
.txtBnr2 a {
  color: #FFF;
  background-color: #EA8E1E;
  ;
  margin: 0.4em 0;
}
.txtBnr3 a {
  color: #FFF;
  background-color: #EA8E1E;
}
.txtBnrInline a {
  color: #FFF;
  background-color: #EA8E1E;
}
/* contactBtn */
.txtContacBnr a {
  color: #FFF;
  background-color: #41b879;
}
.txtContacBnrPC {
  color: #FFF;
  background-color: #41b879;
}
/* catch */
h3.h3Catch1 {
  color: #EEA011;
}
h3.h3Catch2 {
  color: #EEA011;
}
/* catchiphrase */
.catch1 {
  color: #EEA011;
}
.catch2 {
  color: #EEA011;
}
.catchS {
  color: #EEA011;
}
/* list */
ul.liCircle li::before {
  background: #F3AC56;
}
/* flow */
.area_flowC .inner_flow {
  background: rgba(250, 250, 250, .85);
}
.area_flowC .inner_flow .largeTxt {
  color: #41b879;
  border-bottom: 1px dotted #CCC;
}
.text-type1 {
  font-family: "Yu Mincho", "游明朝", YuMincho, "Sawarabi Mincho", 'ヒラギノ明朝 Pro W3', 'HiraMinPro-W3', serif;
  font-size: 1.2em;
}
.title-type1 {
  position: relative;
  padding: 1em;
  margin-bottom: 1em;
  border: 3px solid #009933;
  color: #009933;
}
.title-type1:before, .title-type1:after {
  position: absolute;
  left: 0;
  width: 100%;
  content: '';
  border-top: 3px dotted #009933;
}
.title-type1:before {
  top: 6px;
}
.title-type1:after {
  bottom: 6px;
}
.title-type2 {
  text-align: center;
  margin-bottom: 1em;
}
.title-type2 span {
  padding: 0.5em 2em;
  color: #fff;
  background: rgba(65, 184, 121, 1);
  text-align: center;
  -webkit-box-shadow: 5px 5px 0 rgba(10, 140, 71, 1);
  box-shadow: 5px 5px 0 rgba(10, 140, 71, 1);
}
ol.li-type4 {
  counter-reset: number; /*数字をリセット*/
  list-style-type: none !important; /*数字を一旦消す*/
  padding: 0.5em;
  /*  background: #f5faff;*/
}
ol.li-type4 li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}
ol.li-type4 li:before {
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display: inline-block;
  background: #41b879;
  letter-spacing: -0.05em;
  color: white;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dl-type1 {
  display: flex;
  flex-wrap: wrap;
}
.dl-type1 dt, .dl-type1 dd {
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.dl-type1 dt {
  width: 150px;
  padding: 10px 15px;
}
.dl-type1 dd {
  width: calc(100% - 150px);
  padding: 10px 15px;
  position: relative;
}
.dl-type1 dd::before {
  content: '';
  width: 1px;
  height: calc(100% - 20px);
  background-color: #ccc;
  position: absolute;
  top: 10px;
  left: 0;
}
.liKimidoriFlaot li {
  float: none !important;
}
@media screen and (max-width:600px) {
  .dl-type1 dt, .dl-type1 dd {
    width: 100%;
  }
  .dl-type1 dt {
    padding: 10px 15px 0 15px;
    border-bottom: none;
  }
  .dl-type1 dd::before {
    display: none;
  }
}

/* Flexboxレイアウト */ 

.f-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch; /* アイテムを上揃えで配置します */
}

.f-wrap-AC {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center; /* アイテムを上下中央で配置します */
}

.f-wrap-HU {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	 /* アイテムの高さを揃える */
}

.f-wrap-cen {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.f-wrap-even {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.f-wrap-even-cen {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items: center; /* アイテムを上下中央で配置します */
}


.f-item1 {
	box-sizing: border-box;
	width: 100%;
	margin-bottom:30px;
}

.f-item1-2 {
	box-sizing: border-box;
	width: 47%;
	margin-bottom:30px;
}

.f-item1-2-t1 {
	box-sizing: border-box;
	width: 47%;
	margin-bottom:30px;
}

.f-item1-3 {
	box-sizing: border-box;
	width: 31%;
	margin-bottom:30px;
}

.f-item1-3-t1 {
	box-sizing: border-box;
	width: 31%;
	margin-bottom:30px;
}

.f-item1-3n2 {
	box-sizing: border-box;
	width: 30%;
}

.f-item2-3 {
	box-sizing: border-box;
	width: 64%;
	margin-bottom:30px;
}

.f-item2-3-t1 {
	box-sizing: border-box;
	width: 64%;
	margin-bottom:30px;
}


.f-item1-4 {
	box-sizing: border-box;
	width: 23%;
	margin-bottom:30px;
}

.f-item3-4 {
	box-sizing: border-box;
	width: 72%;
	margin-bottom:30px;
}

.f-item1-4-t1 {
	box-sizing: border-box;
	width: 23%;
	margin-bottom:30px;
}

.f-item3-4-t1 {
	box-sizing: border-box;
	width: 72%;
	margin-bottom:30px;
}

.f-item1-5 {
	box-sizing: border-box;
	width: 19%;
	margin-bottom:30px;
}

.f-item1-5-t1 {
	box-sizing: border-box;
	width: 19%;
	margin-bottom:30px;
}

.f-item2-5 {
	box-sizing: border-box;
	width: 38%;
	margin-bottom:30px;
}

.f-item2-5-t1 {
	box-sizing: border-box;
	width: 38%;
	margin-bottom:30px;
}

.f-item3-5 {
	box-sizing: border-box;
	width: 57%;
	margin-bottom:30px;
}

.f-item4-5 {
	box-sizing: border-box;
	width: 76%;
	margin-bottom:30px;
}

.f-item4-5-t1 {
	box-sizing: border-box;
	width: 76%;
	margin-bottom:30px;
}

.f-item3-5-t1 {
	box-sizing: border-box;
	width: 57%;
	margin-bottom:30px;
}

.f-item1-6 {
	box-sizing: border-box;
	width: 15%;
	margin-bottom:30px;
}

.f-item1-6-t1 {
	box-sizing: border-box;
	width: 15%;
	margin-bottom:30px;
}

.f-Vcenter {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	box-sizing: border-box;
}

.f-row-reverse {
	flex-flow: row-reverse wrap;
}

/* 最後のコンテンツを左寄せにする指定 */
.f-wrap:after {
    content: "";
    display: block;
    width: 24%;  /* f-itemに指定したwidthと同じ幅を指定する */
    height: 0;
}

/* 画像の上にテキストを重ねる */

.waterMright {
	background: rgba(255,255,255,.6);
	z-index:10;
	padding:2em;
	margin-left:-15%;	
}

.waterMleft {
	background: rgba(255,255,255,.6);
	z-index:10;
	padding:2em;
	margin-right:-15%;		
}


.boxDummy {
	text-align:center;
	background-color: #CCC;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	box-sizing: border-box;
	padding:1em;
}

@media screen and (max-width: 768px) {

.f-item1-2-t1 , .f-item1-3-t1 , .f-item2-3-t1 , .f-item1-4-t1 , .f-item3-4-t1 , .f-item1-5-t1 , .f-item2-5-t1 , .f-item3-5-t1 , .f-item4-5-t1 , .f-item1-6-t1 {
	width: 100%;
}

/*
.f-item1-4 , .f-item1-5 , .f-item1-6 {
	width: 49%;
}
*/
}

@media only screen and (max-width: 600px) {
.f-item1-2 , .f-item1-3 , .f-item1-3n2 , .f-item2-3 , .f-item1-4 , .f-item3-4 , .f-item1-5 , .f-item2-5 , .f-item3-5 , .f-item4-5 , .f-item1-6 {
	width: 100%;
	margin-bottom:30px;
}

.waterMright {
	background: rgba(255,255,255,.8);
	padding:1.5em 1em;
	margin-left:0;	
}

.waterMleft {
	background: rgba(255,255,255,.8);
	padding:1.5em 1em;
	margin-right:0;	
}

.spOrder1 {
	order:1;
}

.spOrder2 {
	order:2;
}

.spOrder3 {
	order:3;
}

.spOrder4 {
	order:4;
}

.spOrder5 {
	order:5;
}

.spOrder6 {
	order:6;
}

}