@charset "utf-8";
/*===========================
add
===========================*/

/*-----------
   色変更   
-----------*/


/* 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: #27744b;
	color: #fff;
}

.slicknav_nav a:hover {
	background: #27744b; /* オーバー時背景色　*/
    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 #EBC97A;
	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:#daeee3;
	color:#333;
}

table.table2 th {
	background-color:#daeee3;
	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:#27744b;
}



.txtBnr2 a {
	color:#FFF;
	background-color:#27744b;;
	margin:0.4em 0;
}



.txtBnr3 a {
	color:#FFF;
	background-color:#27744b;
}

.txtBnrInline a {
	color:#FFF;
	background-color:#27744b;
}



/* contactBtn */


.txtContacBnr a {
	color:#FFF;
	background-color:#27744b;
}

.txtContacBnrPC {
	color:#FFF;
	background-color:#41b879;
}

/* catch */

h3.h3Catch1 {
	color:#27744b;
}

h3.h3Catch2 {
	color:#27744b;
}

/* catchiphrase */

.catch1 {
	color:#27744b;
}

.catch2 {
	color:#27744b;
}

.catchS {
	color:#27744b;
}

/* 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;
}


/*  */

a {
	color: #27744b;
}
/*
#top-head .logo {
	float: left;
	padding: 7px 0 0 20px;
}
*/

@media only screen and (max-width: 600px){
/*
#top-head .logo img {
    width: inherit;
    width: 340px;
}

#top-head .logo {
	padding: 10px 0;
}
*/
}



/*//////////add//////////*/


.mtS{
	margin-top: 20px;
	}
	
	.mtM{
	margin-top: 40px;
	}
	
	.mtL{
	margin-top: 60px;
	}
	@media screen and (max-width: 600px){
	.mtM{
	margin-top: 30px;
	}
	.mtL{
	margin-top: 40px;
	}
	}
	
	.txt_strong{
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 0.025em;
	}
	
	
	.txt_right{
	text-align: right;
	}
	.txt_center{
	text-align: center;
	}
	
	.mw700{
	max-width: 700px;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto;
	}
	.mw900{
	max-width: 900px;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto;
	}
	
	.fbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	.fbox_1_1 > *{
	width: 49%;
	margin-bottom: 30px;
	}
	.fbox_1_1 > *:nth-child(2n){
	margin-left: 2%;
	}
	.fbox_2_1 > *:first-child{
	width: 65%;
	}
	.fbox_2_1 > *:last-child{
	width: 33%;
	}
	.fbox_1_2 > *:first-child{
	width: 33%;
	}
	.fbox_1_2 > *:last-child{
	width: 65%;
	}
	.fbox_3 > *{
	width: 32%;
	}
	.fbox_reverse{
	display: flex;
	/* max-width: 1100px; */
	margin: 0 auto;
	}
	.fbox_reverse > *{
	width: 50%;
	}
	.fbox_reverseWrap > .fbox_reverse:nth-child(even){
	flex-direction: row-reverse;
	}
	
	.fbox_reverseWrap > .fbox_reverse > *:nth-child(odd){
		padding: 30px;
    box-sizing: border-box;
    line-height: 1.8;
    background-color: #f5f5f5;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
	}
	@media screen and (max-width: 600px){
	.fbox_3 > *,
	.fbox_2_1 > *,
	.fbox_1_2 > *,
	.fbox_1_1 > *{
	width: 100% !important;
	margin-left: 0 !important;
	}
	.fbox_3 > * + *,
	.fbox_2_1 > *:not(:last-child),
	.fbox_1_2 > *:not(:last-child),
	.fbox_1_1 > *:not(:last-child){
	margin-bottom: 20px !important;
	}
	.fbox_reverse{
	display: block;
	}
	
	.fbox_reverse > *{
	width: 100%;
	padding:0 20px;
	box-sizing: border-box;
	}
	.fbox_reverseWrap > .fbox_reverse > *:nth-child(odd){
	 padding:20px;
	 box-sizing: border-box;
	}
	}
	
	

.check li{
font-size: 18px;
border-bottom: none;
text-align: left;
padding-left:24px;
position:relative;
margin-top: 30px;
font-weight: bold;
line-height: 1.6;
}

.check li:before,
.check li:after{
content:"";
display:block;
position:absolute;
}
.check li:before{
width:18px;
height:18px;
background:#58a91d;
left:0;top:5px;

}
.check li:after{
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
width: 6px;
height: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 5px;
top: 10px;
border-radius: 2px;
}

.anchor {
	padding-top: 100px;
	margin-top: -100px;
	}

.ttl_nb{
	border: none;
}
.section_np{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.liCircle_innline{
	background: #eee;
	padding: 10px 15px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.liCircle_innline li{
	display: inline-block;
	margin:0 5px;
}

.kikan > div{
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #41b879;
}
.txtBnrInline span{
	margin-right: 20px;
}
.area_flowC .fbox{
	align-items: center;
}

.area_flowC .inner_flow .largeTxt {
	font-weight: bold;
}

.contactBtnWrap {
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 600px){
.contactBtnWrap {
	display: block;
}
.txtBnrInline {
	display:block;
}
.txtBnrInline a{
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 10px auto 0;
	text-align: center;
	box-sizing: border-box;
}
.area_flowC__img_sp{
	width: 100px;
	margin: 0 auto;
}
}

.faq dd + dt{
	margin-top: 40px;
}
@media screen and (max-width: 600px){
	.faq dd + dt{
		margin-top: 20px;
	}
}

.txt_name{
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, 'Noto Serif JP', serif;
	text-align: right;
	font-weight: bold;
	font-size: 110%;
}

.contactBox{
	text-align: center;
	padding: 20px;
	background-color: #fff;
  box-sizing: border-box;
		border: 1px solid #41b879;
}
.contactBox .telIcn{
display: inline-block;
}
.contactBox .txtBnrInline a {
	padding: 10px 30px;
	box-sizing: border-box;
	font-size: 130%;
}




@media screen and (max-width: 400px) {
#mainimage {
  height: 280px;
}
#top-head .logo {
    padding: 10px 0;
    margin: 0;
}
}

/* WP */
.tx-right {
	text-align:right;
}
.titleWrap {
	display: flex;
  align-items: center;
}
.blog .data {
    margin-left: 15px;
    display: inline-block;
}
.title {
    margin-left: 15px;
	display: inline-block;
}

.imghover:hover{
	opacity:0.6;
	transition:0.6s;
}
@media only screen and (max-width: 480px) {
.titleWrap {
    display: block;
    align-items: flex-start;
}
/*span.txtCenter {
    display: block;
}*/
span.tx-center {
    display: block;
	margin-bottom: 15px;
}	
.blog .data {
    margin-left: 0;
	display: block;
}
.title {
    margin-left: 0;
	display: block;
}	
}
.box1 {
    background-color: #F3F3F3;
    padding: 3em;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
    border-radius: 15px;
}
.box1 ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCCCCC;
}




/* 共通 */
.changeCard ul {
  padding: 0;
  list-style: none;
  border: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0;
  /*margin-top: 20px;*/
}
.changeItemTxt {
  width: 62%;
}
.changeItemTxt p.itemTitle {
  font-size: 1.1rem;
  line-height: 1.56;
  margin: 0;
  font-weight: bold;
  color: #313131;
  margin-bottom: 10px;
}
.changeItemTxt ul.itemTag {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.changeItemTxt ul.itemTag li {
  background: #f1f1f1;
  color: #707070;
  font-size: 0.7rem;
  padding: 2px 10px;
  position: relative;
}
.changeItemTxt ul.itemTag li:before {
  padding-right: 3px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1em;
  content: "\f02b";
  vertical-align: baseline;
  color: #aaa;
}
p.itemCat {
  position: absolute;
  left: 22px;
  top: 22px;
  background: #41b879;
  color: #FFF;
  border-radius: 9999px;
  font-size: 0.7rem;
  display: inline-block;
  padding: 1px 12px 0px;
  z-index: 2;
}
/* 共通ここまで */
/* gridRagged */
li.changeItem.gridRagged {
  width : calc(100% / 3) ;
  position: relative;
  border-top: solid 1px #eee;
  padding: 0;
}
li.changeItem.gridRagged:before, li.changeItem.gridRagged:after {
  content: "";
  height: 100%;
  width: 1px;
  background: #eee;
  position: absolute;
  top: 0;
}
li.changeItem.gridRagged:before {
  left: 0;
  z-index: 1;
}
li.changeItem.gridRagged:after {
  right: 0;
}
li.changeItem.gridRagged:nth-child(odd):after {
  /*content: none;*/
}
li.changeItem.gridRagged:nth-child(even):before {
  content: none;
}
li.changeItem.gridRagged a {
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex-direction: column;
  padding: 20px;
  height: 100%;
  display: flex;
  text-decoration: none;
}
li.changeItem.gridRagged a:hover {
    background-color: #EDF7EA;
	transition: all .8s;
}
li.changeItem.gridRagged a img, li.changeItem.gridRagged a .changeItemTxt {
  width: 100%;
  margin: 0;
}
li.changeItem.gridRagged a img {
  margin-bottom: 10px;
  width: 100%;
  height: auto;
}
li.changeItem.gridRagged a p.itemCat {
  border-radius: 0;
  top: 20px;
  left: 20px;
}
li.changeItem.gridRagged:nth-last-child(2), li.changeItem.gridRagged:last-child {
  border-bottom: solid 1px #eee;
}
@media screen and (max-width: 767px) {
  /* （ここにモバイル用スタイルを記述） */
li.changeItem.gridRagged {
  width: 100%;
  }
  li.changeItem.gridRagged a {
    padding: 10px;
  }
  li.changeItem.gridRagged a p.itemCat {
    display: none;
  }
  li.changeItem.gridRagged a .changeItemTxt .itemTitle {
    font-size: 1rem;
    line-height: 1.4;
  }
  li.changeItem.gridRagged a .changeItemTxt ul.itemTag li {
    font-size: 0.7rem;
    padding: 2px 8px;
  }
li.changeItem.gridRagged:nth-last-child(2) {
  border-bottom: none;
}
li.changeItem.gridRagged:nth-child(even):before {
  content: "";
  height: 100%;
  width: 1px;
  background: #eee;
  position: absolute;
  top: 0;
}
}