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

.waterMrightFeat {
    background: rgba(253, 253, 253, .9);
    z-index: 10;
    padding: 2em 3em 4em 3em;
    margin-left: -15%;
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff, 0 0 14px #fff, 0 0 16px #fff, 0 0 18px #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.waterMleftFeat {
    background: rgba(253, 253, 253, .9);
    z-index: 10;
    padding: 2em 3em 4em 3em;
    margin-right: -15%;
    text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff, 0 0 14px #fff, 0 0 16px #fff, 0 0 18px #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.waterFeatTxt {
	writing-mode: vertical-lr;
	color:#999;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 600;
	margin-bottom:2em;
	font-size:0.9em;
}

.text-shadow-non {
	text-shadow:none !important;
}

.waterTit {
	font-size:2.2em;
	line-height:1.2em;
	margin-bottom:0.8em;
	
	padding-left:1em;  
	text-indent:-0.5em; 
}

.waterTitMark {
	font-size:80%;
	color:var(--basic-color);
	display:inline-block;
	padding-right:0.4em;
	
	vertical-align: top;
	position: relative;
	top: 0.2em;
}

@media only screen and (max-width: 768px) {
    .waterMleftFeat {
        padding: 1.5em 1em;
        margin-right: 0;
    }
	    .waterMrightFeat {
        padding: 1.5em 1em;
        margin-left: 0;
    }
	.waterTit {
        font-size: 1.4em;
        line-height: 1.2em;
        margin-bottom: 0.8em;
        padding-left: 1em;
        text-indent: -0.5em;
    }
	.waterFeatTxt {
        writing-mode: horizontal-tb;
        margin-bottom: 0.8em;
    }
	
}

.box-wrap {
    background: #fcfaf5;
    box-sizing: border-box;
}
.menu-ttl {
	text-align:center !important;
	background:var(--basic-color-sc01);
	padding:0.6em;
	color:#fff;
	margin-bottom:0px !important;
	display:flex;
	align-items:center;
	justify-content:center;
}
.box-cnt {
	width:100%;
	margin:0px auto 0em;
	padding:1.2em 1.8em 1.8em 1.8em;
	box-sizing:border-box;
}

dl.dl-flex {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  box-sizing:border-box;
}
dl.dl-flex dt {
  flex-basis: 70%;
	font-weight: 600;
	text-align: center;
	padding:0.5em;
	box-sizing:border-box;
	border-bottom:1px solid #d9d9d9;
	
}
dl.dl-flex dd {
  flex-basis: 30%;
	text-align: center;
	padding:0.5em;
	box-sizing:border-box;
	border-bottom:1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
	.menu-ttl {
    padding: 0.3em;
	}
 dl.dl-flex {
   flex-flow: column;
 }
}	
.box-payment {
	  position: relative;
	    padding:4vmax 4vmax 3vmax 4vmax;
    background-color: #fff6d2;
	  border-radius:1.5vmax;
    box-sizing: border-box;
}
.box-payment::before {
	position: absolute;
	content:"Air PAYを導入しました";
	top:-1.2vmax;
	left:2vmax;
	font-size:1.6em;
	display: inline-block;
	color:#fff;
	text-align: center;
	padding:0.4em 1em 0.4em 1em;
	background-color:var(--basic-color);
	border-radius:100em;
}
.box-payment::after {
		position: absolute;
	content:"";
	top: -1.8vmax;
	right:2%;
	display: inline-block;
	width:18vmax;
	height:15.6vmax;
	background-image:url(../img/content/payment.png);
	background-size:cover;
	background-repeat: no-repeat;
}
.line-cnt {
		 line-height: 2;
		 letter-spacing: 0.2em;
	}
@media only screen and (max-width: 768px) {
.box-payment {
	  position: relative;
	    padding:4vmax 4vmax 30vmax 4vmax;
    background-color: #fff6d2;
	  border-radius:1.5vmax;
    box-sizing: border-box;
}
.box-payment::before {
	    top: -4.2vmax;
    left: 1vmax;
    font-size: 1.2em;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 0.4em 1em 0.4em 1em;
}
.box-payment::after {
      top: 53%;
    right: 20%;
    width: 28vmax;
    height: 24.6vmax;
	}
}
/* 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  {
	display:inline-block;
	font-size:70% !important;
	letter-spacing:normal;
}	
.tx-80p  {
	display:inline-block;
	font-size:80% !important;
	letter-spacing:normal;
}
.tx-90p  {
	display:inline-block;
	font-size:90% !important;
	letter-spacing:normal;
}
.tx100p    {
	display:inline-block;
	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;
}
.res-mt70 {
	  margin-top: 70px;
}
@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;
}	
	.tx-80p {
		    margin: 0em 0 0em 0;
	}
.res-mt70 {
	  margin-top: 20px;
}

}


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


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

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

#anchor03 {
	margin-top:-95px;
	padding-top:95px;
}
#mail{
	margin-top:-95px;
	padding-top:95px;
}
#partner {
    margin-top: -125px;
    padding-top: 125px;
}

.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;
}
.contactLine {
	font-family: 'Rounded Mplus 1c';
	font-size:2.6em;
	line-height:1.2em;
    background-color:#08bf5a;
	text-align:center;
	width:60%;
	margin:0.6em auto 0px;
		padding:0.4em 1em;
			box-sizing: border-box;
		border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;		
}

.contactLine a {
	text-decoration:none;
	display:block;
	color:#fff;
}

.contactLine a:hover {
	cursor:pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; 
    -moz-opacity:0.7; 
    -khtml-opacity: 0.7; 
    opacity:0.7;
    zoom:1;
	
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
@media only screen and (max-width: 768px) {
.res-img90,.res-img80,.res-img70,.res-img60{
     width:100% !important;
	height:auto !important;  
}
.contactLine {
	font-size:1.3em;
	line-height:1.2em;
	width:80%;
	margin:0.6em auto 0px;
		padding:0.4em 1em;}
}
.line-both {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.line-both::before,
.line-both::after {
	content: '';
	width: 70px;
	height: 2px;
	background-color: #006020;
}

.line-both::before {
	margin-right: 20px;
}
.line-both::after {
	margin-left: 20px;
}
@media only screen and (max-width: 768px) {
.line-both::before,
.line-both::after {
	content: '';
	width: 30px;
	height: 2px;
	background-color: #006020;
}
.line-both::before {
	margin-right: 10px;
}
.line-both::after {
	margin-left: 10px;
}

}
.tx-flex {
    text-align:center;
}
@media only screen and (max-width: 768px) {
.tx-flex {
    text-align:left;
}
}