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

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

/* 基本　#1a54a5; */

.fcBasic {
	color:#1a54a5 !important;
}

.bgBasic {
	background-color:#1a54a5 !important;
}

.fcRed{
 color: #e22c2c !important;
}


/* column  */ 

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

.column1_80p {
	border:1px solid #00aa9f;
	background: rgba(255,255,255,.9);
}

.column1_60p {
	border:1px solid #00aa9f;
	background: rgba(255,255,255,.9);
}

.column2_80p {
	border:3px double #00aa9f;
	background: rgba(255,255,255,.9);
}

.column2_60p {
	border:3px double #00aa9f;
	background: rgba(255,255,255,.9);
}


.column3_80p {
	border:4px dashed #00aa9f;
	background: rgba(255,255,255,.95);
}

.column3_60p {
	border:4px dashed #00aa9f;
	background: rgba(255,255,255,.95);
}

.column4_80p {
	border:4px dashed #00aa9f;
	background: rgba(255,255,255,.95);
}

.column4_60p {
	border:4px dashed #00aa9f;;
	background: rgba(255,255,255,.95);
}

/* table  */ 

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

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

.tdColGreen {
	background:#ECF5D1!important;
	text-align:center;
	vertical-align:middle;
}

.tdColBlue {
	background:#F3F7FC!important;
	text-align:center;
	vertical-align:middle;
}

.tdColPink {
	background:#FEE7E0!important;
	text-align:center;
	vertical-align:middle;
}


/* addon-circle */ 

.circle-big::before {
	color: #FFF;
	background:#F59338;
}


ol.liFeature li::before {
	color: #FFF;
	background:#EEB853;
}

/* buttons */

.txtBnr a {
	background-color:#00aa9f;
}



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



.txtBnr3 a {
	color:#FFF;
	background-color:#00aa9f;
}

.txtBnrInline a {
	color:#FFF;
	background-color:#79a981;
}



/* contactBtn */


.txtContacBnr a {
	color:#FFF;
	background-color:#79a981;
}

.txtContacBnrPC {
	color:#FFF;
	background-color:#79a981;
}

/* catch */

h3.h3Catch1 {
	color:#00aa9f;
}

h3.h3Catch2 {
	color:#00aa9f;
}

/* catchiphrase */

.catch1 {
	color:#00aa9f;
}

.catch2 {
	color:#79a981;
}

.catchS {
	color:#79a981;
}

/* list */

ul.liCircle li::before {
	background:#00aa9f;
}

/* flow */


.area_flowC .inner_flow {
	background: rgba(253,253,253,.9);
}

.area_flowC .inner_flow .largeTxt {
	color:#00aa9f;
	border-bottom:1px dotted #CCC;
}



.txtIcon3 {
    background-color: #00aa9f;
}

/* 枠  */ 

.boxSimple {
	border: solid 1px #CCC;	
	padding:1.5em;
	background:#fff;
}

.boxSimple2 {
	border: solid 1px #CCC;	
	padding:1.5em;
	background:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
}

.boxFrame {
	padding:2em;
	border:3px solid #F1C03F;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: rgba(255,255,255,.85);
}

.boxFrameDouble {
	padding:2em;
	border:3px double #F1C03F;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: rgba(255,255,255,.85);
}

.boxDot {
	padding:2em;
	border:  dotted 2px #E3AA24;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background:#FEFDE9;
	
}

.boxFablic {
	padding:2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	margin-bottom:40px;
	background:#FEFDE9;
	box-shadow: 0px 0px 0px 10px #FEFDE9;
	border:  dotted 2px #E3AA24;
}



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

.boxFrame {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em;
}

.boxFrameDouble {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em;
}

.boxDot {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em
}

.boxFablic {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em;
}

}



/* 囲み */

.boxSimple {
	border: solid 1px #CCC;	
	padding:1em;
}

.boxSimple2 {
	border: solid 1px #CCC;	
	padding:1em;
	background: rgba(250,250,250,.85);
}

.boxSimple3 {
	border: solid 1px #CCC;	
	padding:1em;
	background: rgba(255,255,255,.85);
		border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
}


.boxFrame {
	padding:2em;
	border:3px solid #F1C03F;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: rgba(255,255,255,.85);
}

.boxFrameDouble {
	padding:2em;
	border:3px double #F1C03F;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius:10px;
	margin-bottom:40px;
	background: rgba(255,255,255,.85);
}

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

.boxFrame {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em;
}

.boxFrameDouble {
	box-sizing: border-box;
	width:100%;
	padding:1em 1em;
}

}

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


.w-kl {
	display:inline-block;
	background:#0783cd;
	padding:0px 10px 0px 0px;
	color:#fff;
	font-size:0.5em;
	text-shadow:none;
	margin-right:2px;
}
.w-kr {
	display:inline-block;
	background:#0783cd;
	padding:5px 0px 0px 10px;
	color:#fff;
	font-size:0.5em;
	text-shadow:none;
	margin-left:2px;
	margin-top:-5px;
}
.w-k {
	background:rgba(121,169,129,0.8);
	padding:12px 10px;
	color:#fff !important;
	text-shadow:none !important;
  display: inline-block;
  width: 60%;
  margin-right: auto;
	line-height:1.3 !important;
}
#mainCatch p.w-k {
  font-size: 0.5em;
  padding: 0.25em;
}

.in01{
	margin-bottom: 50px;
}


.de01{
	border: 1px solid #79a981;
	width: 80%;
	padding: 40px 40px;
  box-sizing: border-box;
	margin: 30px auto 0;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
}
.de01::before {
  content: "";
  border-right: 20px solid transparent;
  border-top: 20px solid #79a981;
  position: absolute;
  top: 0;
  left: 0;
}
.de01::after {
  content: "";
  border-left: 20px solid transparent;
  border-bottom: 20px solid #79a981;
  position: absolute;
  bottom: 0;
  right: 0;
}
.de01 div.f-wrap div{
 margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.de01{
		width: 100%;
	}
	.w-k {
	  padding:5px !important;
	  width:80% !important;
	  margin:auto !important;
	  line-height:1.2 !important;
	  text-align:center !important;
	  margin-top:5px !important;
    }
}
@media screen and (max-width: 600px) {
.de01 div.f-wrap div:first-child{
 margin-bottom: 20px;
}
}
@media screen and (max-width: 400px) {
	.de01{
	  width: 100%;
	}
	.w-k {
	  padding:5px !important;
	  line-height:1.2 !important;
    }


}

.txt01{
	font-size: 1.5rem;
	color: #79a981;
	text-align: center;
	margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
	.txt01{
		font-size: 1.1rem;
	}
}

/*txt-box-----*/
.txt-box{
	width: 70%;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
	.txt-box{
		width: 100%;
	}
}
.mt5 {
	margin-top:5px;
}

#mainCatch p.txtShitei {
	box-sizing: border-box;
	display:inline-block !important;
	color:#FFF !important;
	font-size:40% !important;
	text-align:center;
	line-height:normal;
	padding:0.5em 2em 0.3em 2em !important;
	background-color:#79a981;
	/*border-radius: 100px;*/
	/*-webkit-border-radius: 100px; */
	-moz-border-radius: 100px;
	text-shadow:none !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif !important;
	font-weight:400 !important;
}

@media only screen and (max-width: 768px) {
	
#mainCatch p.txtShitei {
	font-size:60% !important;
	padding:0.5em 2em 0.3em 2em;
	width:auto;
}

}

@media only screen and (max-width: 600px) {
	
#mainCatch p.txtShitei {
	font-size:60% !important;
	padding:0.4em 2em 0.2em 2em;
}

}

.tbl-1 th {
	white-space: nowrap;
}