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

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


/* humberger area*/

.slicknav_menu .slicknav_menutxt {  /* MENU文字色　*/
	color: #fff;
}
.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 #7aebaf;
	background: rgba(255, 255, 255, .9);
}
.column1_80p {
	border:1px solid #7aebaf;
	background: rgba(255, 255, 255, .9);
}
.column1_60p {
	border:1px solid #7aebaf;
	background: rgba(255, 255, 255, .9);
}
.column2_80p {
	border:3px double #7aebaf;
	background: rgba(255, 255, 255, .9);
}
.column2_60p {
	border:3px double #7aebaf;
	background: rgba(255, 255, 255, .9);
}
.column3_80p {
	border:4px dashed #7aebaf;
	background: rgba(255, 255, 255, .95);
}
.column3_60p {
	border:4px dashed #7aebaf;
	background: rgba(255, 255, 255, .95);
}
.column4_80p {
	border:4px dashed #7aebaf;
	background: rgba(255, 255, 255, .95);
}
.column4_60p {
	border:4px dashed #7aebaf;
	;
	background: rgba(255, 255, 255, .95);
}
/* table  */ 

table.table3 th {
	background-color:#d3fee1;
	color:#333;
}
table.table2 th {
	background-color:#d3fee1;
	color:#333;
}
.tdColorBeige {
	background:#e9fef0 !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:#38f57f;
}
 ol.liFeature li::before {
 color: #FFF;
 background:#53ee91;
}
/* buttons */

.txtBnr a {
	background-color:#41b879;
}
.txtBnr2 a {
	color:#FFF;
	background-color:#41b879;
	;
	margin:0.4em 0;
}
.txtBnr3 a {
	color:#FFF;
	background-color:#41b879;
}
.txtBnrInline a {
	color:#FFF;
	background-color:#41b879;
}
/* contactBtn */


.txtContacBnr a {
	color:#FFF;
	background-color:#41b879;
}
.txtContacBnrPC {
	color:#FFF;
	background-color:#41b879;
}
.txtBA {
	color:#FFF;
	background-color:#41b879;
}
/* catch */

h3.h3Catch1 {
	color:#41b879;
}
h3.h3Catch2 {
	color:#41b879;
}
/* catchiphrase */

.catch1 {
	color:#41b879;
}
.catch2 {
	color:#41b879;
}
.catchS {
	color:#41b879;
}

/* list */

ul.liCircle li::before {
 background-color:#41b879;
}
/* flow */


.area_flowC .inner_flow {
	background: rgba(254, 254, 254, .95);
}
.area_flowC .inner_flow .largeTxt {
	color:#41b879;
	border-bottom:1px dotted #CCC;
}

img.menuImg{
	border: 1px solid #eee;
}

.black{
	color: #333;
}

@media only screen and (max-width: 600px) {
.flex_box h3 {
	font-size:1.15em;
}
.txt_box {
	width: 95%;
}
}

table.timetable td{
	text-align: center;
	vertical-align: middle;
}
table.timetable td.weekday{
	background-color: #d3fee1;
}
table.timetable td.sat{
	background-color: #C3EAF1;
}
table.timetable td.sun{
	background-color: #E6B6B6;
}
table.timetable td.data{
	line-height: 5.3em;
}

.message_txt p,.message_txt li{
	font-size: 18px !important;
	line-height: 1.75 !important;
}

.pageAnch li a{
	font-size: 20px;
}

.content2 table.table3 th {
	background-color:#fff1cc;
}
.content2 table.table2 th {
	background-color:#fff1cc;
}


.res-img90 {
    width:90% !important;
	height:auto !important;
}
.res-img80 {
    width:80% !important;
	height:auto !important;
}
.res-img70 {
    width:70% !important;
	height:auto !important;
}
.res-img60 {
    width:60% !important;
	height:auto !important;
}
.res-img50 {
    width:50% !important;
	height:auto !important;
}
.res-img40 {
    width:40% !important;
	height:auto !important;
}
.res-img30 {
    width:30% !important;
	height:auto !important;
}
.res-img20 {
    width:20% !important;
	height:auto !important;
}
@media only screen and (max-width: 768px) {
.res-img90,.res-img80,.res-img70,.res-img60{
     width:100% !important;
	height:auto !important;  
}
}
.flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}
.flex-2col {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.flex-2col > li{
  width:49%;
  margin:2% 0% 0 1%; 
}
.flex-2col > li:nth-of-type(odd){
  width:47.5%;
  margin:2% 2.5% 0 0%; 
}
.flex-2col > li:nth-of-type(even){
  width:47.5%;
  margin:2% 0 0 2.5%;
}
.flex-2col-start {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
}
.flex-2col-start > li{
  width:48%;
  margin:2% 0 0 2%; 
}
.flex-2col-start > li:nth-of-type(odd){
  width:47.5%;
  margin:2% 2.5% 0 0%; 
}
.flex-2col-start > li:nth-of-type(even){
  width:47.5%;
  margin:2% 0 0 2.5%; 
}
.flex-list2 {
  width:20% !important;
  margin:0 0 0 0% !important;  
}
.flex-list3 {
  width:30% !important;
  margin:0 0 0 0% !important;  
}
.flex-list4 {
  width:40% !important;
  margin:0 0 0 0% !important;  
}
.flex-list5 {
  width:49% !important;
  margin:0% 1% 0 0% !important;  
}
.flex-list6 {
  width:58% !important;
  margin:0% 0 0 2% !important;  
}
.flex-list7 {
  width:68% !important;
  margin:0% 0 0 2% !important;  
}
.flex-list8 {
  width:78% !important;
  margin:0% 0 0 2% !important;  
}
.flex-list9 {
  width:88% !important;
  margin:0% 0 0 2% !important;  
}
.flex-3col {
  display:flex;
  justify-content:start;
  align-items:start;
  flex-wrap:wrap;
}
.flex-3col > li{
  width:32%;
  margin:2% 0 0 1.3%; 
}

@media only screen and (max-width: 768px) {
.flex-2col > li,.flex-2col-start > li{
  width:100% !important;
  margin:2% auto !important; 
}
.flex-3col > li{
  width:100%;
  margin:2% auto !important; 
}
.flex-list2,.flex-list3,.flex-list4,.flex-list5,.flex-list6,.flex-list7,.flex-list8,.flex-list9 {
  width:100% !important;
  margin:2% auto !important;  
}

}
@media only screen and (max-width: 400px) {
#mainimage {
	height:280px;
	background-attachment:scroll;
	background-position:left 64% bottom -10px;
	background-size:200%;
	/* background-position:center bottom -5px;  万能3枚並んだ時
	background-size:154%; */
	min-width:320px; /* iPadで横にしたときに背景が切れるバグ回避してレスポ化　*/
}
}