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

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

/* humberger area*/

.slicknav_menu .slicknav_menutxt {
  /* MENU文字色　*/
  color: #fff;
}

.slicknav_btn {
  background-color: #4f8766; /* MENU背景　*/
}

.slicknav_menu {
  background-color: #f2f2f2; /* 背景　*/
}

.slicknav_nav li {
  background-color: #4f8766; /* ナビ色　*/
}

.slicknav_nav a {
  border-bottom: 1px solid #fcfcfc; /* 下線　*/
}

.slicknav_nav li:first-child {
  border-top: 1px solid #fcfcfc; /* 最初の上線　*/
}

.slicknav_nav .slicknav_row:hover {
  background: #4f8766;
  color: #fff;
}

.slicknav_nav a:hover {
  background: #4f8766; /* オーバー時背景色　*/
  color: #fff; /* オーバー時文字色　*/
}

/* column  */

.column1_100p {
  border: 1px solid #e1e1e1;
  background: rgba(255, 255, 255, 0.9);
}

.column1_80p {
  border: 1px solid #ebc97a;
  background: rgba(255, 255, 255, 0.9);
}

.column1_60p {
  border: 1px solid #ebc97a;
  background: rgba(255, 255, 255, 0.9);
}

.column2_80p {
  border: 3px double #4f8766;
  background: rgba(255, 255, 255, 0.9);
}

.column2_60p {
  border: 3px double #ebc97a;
  background: rgba(255, 255, 255, 0.9);
}

.column3_80p {
  border: 4px dashed #ebc97a;
  background: rgba(255, 255, 255, 0.95);
}

.column3_60p {
  border: 4px dashed #ebc97a;
  background: rgba(255, 255, 255, 0.95);
}

.column4_80p {
  border: 4px dashed #ebc97a;
  background: rgba(255, 255, 255, 0.95);
}

.column4_60p {
  border: 4px dashed #ebc97a;
  background: rgba(255, 255, 255, 0.95);
}

/* table  */

table.table3 th {
  background-color: #eef5f1;
  color: #333;
}

table.table2 th {
  background-color: #eef5f1;
  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: #4f8766;
}

.txtBnr2 a {
  color: #fff;
  background-color: #4f8766;
  margin: 0.4em 0;
}

.txtBnr3 a {
  color: #fff;
  background-color: #4f8766;
}

.txtBnrInline a {
  color: #fff;
  background-color: #4f8766;
}

/* contactBtn */

.txtContacBnr a {
  color: #fff;
  background-color: #4f8766;
}

.txtContacBnrPC {
  color: #fff;
  background-color: #4f8766;
}

/* catch */

h3.h3Catch1 {
  color: #eea011;
}

h3.h3Catch2 {
  color: #4f8766;
}

/* catchiphrase */

.catch1 {
  color: #4f8766;
}

.catch2 {
  color: #4f8766;
}

.catchS {
  color: #4f8766;
}

/* list */

ul.liCircle li::before {
  background: #f3ac56;
}

/* flow */

.area_flowC .inner_flow {
  background: rgba(250, 250, 250, 0.85);
}

.area_flowC .inner_flow .largeTxt {
  color: #4f8766;
  border-bottom: 1px dotted #ccc;
}

/*強調文字（太文字）*/
.font_0 {
  font-weight: bold;
}
/*強調文字（大文字）*/
.font_1 {
  font-weight: bold;
  font-size: 1.5rem !important;
}
/*強調文字（色）*/
.font_2 {
  color: #4f8766 !important;
  font-weight: bold;
}
/*強調文字（色+大文字）*/
.font_3 {
  color: #4f8766 !important;
  font-weight: bold;
  font-size: 1.5rem !important;
  line-height: 1.5;
}
/*強調文字（色+大文字）*/
.font_4 {
  color: #4f8766 !important;
  font-weight: bold;
  font-size: 1.4rem !important;
  line-height: 1.5;
}

.fontSpecial {
  color: #4f8766 !important;
  font-weight: bold;
  font-size: 1.6rem !important;
  line-height: 1.5;
}
@media only screen and (max-width: 600px) {

.fontSpecial {
  font-size: 1.2em !important;

}
.txtContacBnr a  {
    font-size:1.2em;
	width:100%;
	margin:auto;
}
}

/*画像枠*/
.bd {
  border: 1px #ddd solid;
}
/*画像サイズ*/
.wd80 {
  width: 80% !important;
}
.wd60 {
  width: 60% !important;
}
.sp-br {
  display: none;
}
.text-wrap {
  width: 60%;
  margin: 0 auto;
}
/*インデント */
.txt-indent {
  padding-left: 1em;
  text-indent: -1em;
}
/*背景色タイトル */
.bg-color {
  background: #87d3aa;
  padding: 0.5em;
  color: #fff;
}
.tx-right {
  text-align: right !important;
}
.tx-flex {
  text-align: center !important;
}
.flex-wrap {
  display: flex;
  justify-content: center;
}
.inner_flow img {
  width: auto;
}
@media screen and (max-width: 768px) {
  .sp-br {
    display: block;
  }
  .wd80 {
    width: 100% !important;
  }
  .wd60 {
    width: 100% !important;
  }
  .font_3 {
    font-size: 1.1rem !important;
  }
  .text-wrap {
    width: 100%;
  }
  .tx-flex {
    text-align: left !important;
  }
}
/*===========================
anchor
===========================*/


#anchor01 {
	margin-top:-110px;
	padding-top:110px;
}

#anchor02 {
	margin-top:-95px;
	padding-top:95px;
}

#anchor03 {
	margin-top:-95px;
	padding-top:95px;
}
#access {
    margin-top: -125px;
    padding-top: 125px;
}
#partner {
    margin-top: -125px;
    padding-top: 125px;
}
.link {
    text-decoration:underline !important;
}
/*===========================
spacer
===========================*/


.mt10 {
	margin-top:10px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mt60 {
	margin-top:60px !important;
}
.mt70 {
	margin-top:70px !important;
}
.mt80 {
	margin-top:80px !important;
}
.mt0{
	margin-top:0px !important;}
	
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
.mb60 {
	margin-bottom:60px !important;
}
.mb70 {
	margin-bottom:70px !important;
}
.mb80 {
	margin-bottom:80px !important;
}
.mb0{
	margin-bottom:0px !important;}

@media screen and (max-width: 768px) {
.mt10,.mt20,.mt30 {
     margin-top:4% !important;
}
.mb10,.mb20,.mb30 {
     margin-bottom:4% !important;
}
.mt40,.mt50,.mt60 {
     margin-top:5% !important;
}
.mb40,.mb50,.mb60 {
     margin-bottom:5% !important;
}
.mt70,.mt80 {
     margin-top:8% !important;
}
.mb70,.mb80 {
     margin-bottom:8% !important;
}
}

.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;  
}
}
/* txt */
.txt2 {
   font-size:1.2rem;
   font-weight:800;
}
.txtbold {
   font-weight:bold;
}
.tx-center {
   text-align:center
}
.tx-left {
   text-align:left;
}
.tx-right {
   text-align:right;
}
.tx_marker {
   background:linear-gradient(transparent 75%, #fff799 75%);
   font-weight:bold;
   display:inline;
}
/* color */

.red {
	color: #bc2d2d;
}
.green {
	color: #3b7a28;
}
.brown {
	color: #a67435;
}
.blue {
	color: #325f99;
}
.catchcopy {
    font-size: 2rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    line-height: 1.3em;
    color: #E0625E;
}
.catchcopy2 {
    font-size: 2.2rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 600;
    line-height: 1.3em;
    color: #E0625E;
}
.col_red {
	color:#F33;
}
.col_green {
	color: #1a9651 !important;
}
.col_blue {
	color: #06C;
}
.col_orange {
	color: #F06000;
}
.tx-70p  {
	font-size:70% !important;
	letter-spacing:normal;
}	
.tx-80p  {
	font-size:80% !important;
	letter-spacing:normal;
}
.tx-90p  {
	font-size:90% !important;
	letter-spacing:normal;
}
.tx100p    {
	font-size:100% !important;
	letter-spacing:normal;
}
.tx-110p {
    font-size: 110% !important;
	letter-spacing:normal;
}
.tx-120p    {
	font-size:120% !important;
	letter-spacing:normal;
}
.tx-130p    {
	font-size:130% !important;
	letter-spacing:normal;
}
.tx-140p    {
	font-size:140% !important;
	letter-spacing:normal;
	line-height:1.4em;
}
.tx-150p    {
	font-size:150% !important;
	letter-spacing:normal;
}
.tx-160p    {
	font-size:160% !important;
	letter-spacing:normal;
}
.tx-170p    {
	font-size:170% !important;
	letter-spacing:normal;
}
.tx-180p    {
	font-size:180% !important;
	letter-spacing:normal;
}
.tx-230p    {
	font-size:230% !important;
	letter-spacing:normal;
}
.tx-300p    {
	font-size:300% !important;
	letter-spacing:normal;
}
.mar0 {
    margin:0 auto;
}
.txsize1 {
   font-size:1.2rem;
   font-weight:800;
   color:#F33;
   text-align:center;
}
.txtstyle1 {
	font-size: 1.16em;
	font-weight: bold;
}
.txtstyle2 {
	font-size: 1.24em;
	font-weight: bold;
}
.ex {
    padding-left:1em;
    text-indent:-1em;
}

@media only screen and (max-width: 768px) {
.tx-230p {
    font-size: 120% !important;
    letter-spacing: nomal;
}
.tx-180p {
    font-size: 110% !important;
    letter-spacing: nomal;
}	


}


@media only screen and (max-width: 600px) {
.line-h2 {
    line-height: 1.5;
}
.tx-230p {
    font-size: 130% !important;
    letter-spacing: nomal;
}
.tx-180p,.tx-170p {
    font-size: 120% !important;
    letter-spacing: nomal;
}
.tx-160p,.tx-150p {
    font-size: 110% !important;
    letter-spacing: nomal;
}
.tx-140p,.tx-130p,.tx-120p,.tx-110p {
    font-size: 100% !important;
    letter-spacing: nomal;
}
}
.pc-disp {
    display:block;
}
.sp-disp {
    display:none; 
}
@media only screen and (max-width: 768px) {
.pc-disp {
    display:none;
}
.sp-disp {
    display:block; 
}
.rs-pb {
    padding-bottom:6em;
}
.mtF {
    margin-top:5em;
}
}
.catch02 {
    color:#393;
	font-size:1.6em;
	font-weight:800;
	line-height:1.6;
}

@media only screen and (max-width: 768px) {
.catch02 {
	font-size:1.2em;
	line-height:1.3;
}
}