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

dl.dl-flex {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  box-sizing:border-box;
}
dl.dl-flex dt {
  font-weight: 600;
  flex-basis: 46%;
    text-align:center;
  padding-bottom: 0.5em;
  border-bottom:1px solid #b8b6b6;
  margin-bottom:0.8em;
}
dl.dl-flex dd {
  flex-basis: 54%;
  text-align:center;
  color:#F63;
  font-weight:600;
  padding-bottom: 0.5em;
  border-bottom:1px solid #b8b6b6;
  margin-bottom:0.8em;
}
.p-ttl {
	font-weight: 600;
	font-size:1.5em;
	line-height:2.0;
	text-align: center;
	color:#333;
	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;
	margin-bottom:20px;
	margin-top:0px;
	letter-spacing: 0.2em;
}
.p-ttl02 {
	font-weight: 600;
	font-size:1.2em;
	line-height:1.6;
	color:#333;

	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;

	margin-bottom:0px;
	margin-top:20px;
	letter-spacing: 0.2em;
}
.p-ttl03 {
	font-weight: 600;
	font-size:1.1em;
	line-height:2.0;
	color:#F00;
	text-align: center;
	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;
	margin-bottom:10px;
	margin-top:0px;
	letter-spacing: 0.2em;
}
.p-ttl04 {
	font-weight: 600;
	font-size:1.2em;
	line-height:1.6;
	text-align: center;
	color:#333;
	/*
	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;
	*/
	margin-bottom:20px;
	margin-top:20px;
	letter-spacing: 0.2em;
}
.box-tp {
    padding:2em 3.0em;
    background-color: rgba(255,255,255,0.6);
    border: 0px solid #049b9b;
    box-sizing: border-box;
	box-shadow: 0px 0px 0px 6px #FDFFF2;
	border-radius:30px;
}

@media screen and (max-width: 768px) {
.box-tp {
    padding: 1.6em 1.6em;
    border-radius: 20px;
	    box-shadow: 0px 0px 0px 4px #FDFFFF;
}
	.p-ttl04 {
    font-size: 1.1em;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 20px;
}
dl.dl-flex {
   flex-flow: column;
}
dl.dl-flex dt {
	 text-align:center;
 }
.p-ttl {
	font-size:1.1em;
	line-height:1.6;
	margin-bottom:10px;
	margin-top:10px;
}
.p-ttl02 {
	font-size:1.0em;
	line-height:1.3;
	margin-bottom:10px;
	margin-top:10px;
}
}
.txtBold {
	 font-weight:bold;
}
.tx-rht {
	text-align: right;
}
.img-brd {
	border-radius:20px;
}
.h3-ttl,.h4-ttl,.h3-ttl02 {
	 position: relative;
	 text-shadow: inherit !important;
}
.h4-ttl {
	 font-size:1.1em;
}
.h3-ttl:after,.h3-ttl02:after {
   width:0px;
   height:0px;

}
.h4-ttl:after {
	width:0px;
  height:0px;
}
.h3-ttl02 {
	 display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    box-sizing: border-box;
    color: #FFF;
    line-height: normal;
    font-size: 1.6em;
    padding: 0.2em 1em;
    background-color: var(--basic-color);
    margin: 0 0 0.4em 0;
	  border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
}
@media screen and (max-width: 768px) {
    .h3-ttl02 {
        font-size: 1.6em;
			    padding: 0.3em 1em;
    }
}

@media screen and (max-width: 600px) {
    .h3-ttl02 {
        font-size: 1.2em;
    }
}

.div-ct {
	padding:0.7em 1em 1em;
}
.tbl-1 td {
	text-align:center;
}
.box-sd02 {
    padding:2em 2em;
    background-color: #fff;
    border: 1px solid var(--basic-color);
    box-sizing: border-box;
	  box-shadow: 0px 0px 0px 10px #FDFFF2;
	  border-radius:20px;
}
.box-wrap {
    background: #f0c55e;
    box-sizing: border-box;
	  border-radius:20px 20px 20px 20px;
	border:3px solid var(--basic-color);
	position: relative;
	z-index: 1;
}
.box-ttl {
	text-align:center !important;
	padding:0.6em;
	color:#fff;
	border-bottom:1px solid var(--basic-color);
	margin-bottom:0px !important;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:20px 20px 0px 0px;
}
.box-cnt {
	width:100%;
	margin:0px auto 0em;
	padding:1.2em 1.8em 1.8em 1.8em;
	box-sizing:border-box;
	border-radius:0px 0px 20px 20px;
	background:#fff;
	position: relative;
	z-index: 10;
}

ul.check2,ul.check-2col,.check-1col,ul.check-3col  {
    position: relative;
}
ul.check-1col {
    position: relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
ul.check-1col li {
    padding: 0 0 0.5em 2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed var(--basic-color);
    width:100%;
    position: relative;
}
ul.check-1col li::before {
    position: absolute;
    content: "\f14a";
    font-family: FontAwesome;
    left: 0.3em;
    font-size: 1.3em;
	  color:var(--basic-color);
}

ul.check2 li {
    padding: 0 0 0.5em 2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    position: relative;
    width:40%;
    margin-right:2%;
    display:inline-block;
}
ul.check2 li::before {
    position: absolute;
    content: "\f14a";
    font-family: FontAwesome;
    left: 0.3em;
    font-size: 1.3em;
}


ul.check-2col {
    position: relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
ul.check-2col li {
    padding: 0 0 0.5em 2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed var(--basic-color);
    width:44%;
    margin-right:1%;
    position: relative;
}
ul.check-2col li::before {
    position: absolute;
    content: "\f14a";
    font-family: FontAwesome;
    left: 0.3em;
    font-size: 1.3em;
	  color:var(--basic-color);
}
ul.check-3col {
    position: relative;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
}
ul.check-3col li {
    padding: 0 0 0.5em 2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed var(--basic-color);
    width:25%;
    margin-right:1%;
    position: relative;
}
ul.check-3col li::before {
    position: absolute;
    content: "\f14a";
    font-family: FontAwesome;
    left: 0.3em;
    font-size: 1.3em;
	  color:var(--basic-color);
}

@media only screen and (max-width: 768px) {
.box-ttl {
    padding: 0.3em;
}
ul.check-2col li,ul.check-3col li {
    padding: 0 0 0.5em 2em;
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #CCC;
    width:100%;
    margin-right:0%;
    position: relative;
}
	ul.check-1col li::before,ul.check-2col li::before,ul.check-3col li::before {
		 font-size:1.0em;
	}
ul.check2 li {
    padding: 0 0 0.5em 1.6em;
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #CCC;
    position: relative;
	  width:90%;
	  margin-right:1%;
	  display:inline-block;
}

}
.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;
    }
}



ul.circle {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle > li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed var(--basic-color);
    width:100%;
    margin-right:0%;
    position: relative;
}
ul.circle > li:last-child {
	margin-bottom:0px;
}
ul.circle > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--basic-color);
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}

ul.circle-2col {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-2col > li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.9em;
    border-bottom: 1px dashed var(--basic-color);
    width:40%;
    margin-right:2%;
    position: relative;
}
ul.circle-2col > li.line {
	margin-bottom:0px;
}


ul.circle-2col > li.long {
    width:70%;
}
ul.circle-2col > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--basic-color);
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.7em;
}

ul.circle-3col {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-3col > li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    width:28%;
    margin-right:2%;
    position: relative;
}
ul.circle-3col > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}


@media only screen and (max-width: 768px) {
ul.circle li {
 	margin-bottom:0.5em;
	padding-bottom:0.3em;  
}
ul.circle > li:before,ul.circle-2col > li:before,ul.circle-3col > li:before {
    left: 0.5em;
    margin-top: 0.8em;
}
 ul.circle-2col > li,ul.circle-2col > li.long,ul.circle-3col > li {
    width:100%;
	margin-right:0%;
	margin-bottom:0.3em;
	padding-bottom:0.3em;
}
ul.circle-2col > li.line.line2 {
	margin-bottom:0.9em;
}
.fa-chevron-circle-right:before {
    position:absolute;
	top:6px;
	left:-5px;
}
}
.b-t {
	  background: linear-gradient(90deg, var(--basic-color), #9990d9 50%, #fc458a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    word-break: auto-phrase;
}
.b-t span {
    display: block;
    font-size: inherit;
    line-height: inherit;
    margin: inherit;
    text-align: center;
    text-shadow: none;
}
.b-t02 {
	  background: linear-gradient(90deg, var(--basic-color), #d4a72e 30%, #d1db2e 50%,#df83e0 70%, #fc458a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    word-break: auto-phrase;
}
.b-t03 {
	  background: linear-gradient(90deg, #fa8f03, #f49111 30%, #f59c29 50%,#f6a53d 70%, #f1c283);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    word-break: auto-phrase;
	  text-shadow: inherit !important;
}
.b-t06 {
	background: linear-gradient(90deg, #fa8f03, #f49111 30%, #f59c29 50%,#f6a53d 70%, #f1c283);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    word-break: auto-phrase;
    text-shadow: inherit !important;
}
.waterMright.bt-wrap {
	text-shadow: inherit !important;
}
.img-border {
    display: inline-block;
    padding: 5px;
    background: #fff;
    box-shadow: 1px 0px 5px #bbbbbb;
	  border-radius:20px;
}
.h2-ttl span {
    display: block;
    font-size: inherit !important;
    line-height: inherit !important;
    margin:  inherit !important;
	  margin-bottom:1em;
    text-align:  inherit !important;
    text-shadow: none;
}
.h2-ttl:after {
    bottom: 0px;
    width: 0px;
    height: 0px;
    left: 0%;
}
.h2-ttl {
  position: relative;
  text-align: center;
  font-weight: 600;
  line-height: 1.3;
	margin-bottom:0.6em;
  letter-spacing:0px;
    display: flex;
  align-items: center;
  justify-content:center;
  
}
 
.h2-ttl:before,
.h2-ttl:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #faa94d;
  width: 2px;
  height: 1.3em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
    content: '';

}

.h2-ttl:before {
  transform: rotate(-20deg);
}
 
.h2-ttl:after {
  transform: rotate(20deg);
}
@media only screen and (max-width: 768px) {

.h2-ttl {
  letter-spacing:0px;
  line-height:1.3;
}
 
.h2-ttl:before,
.h2-ttl:after {
  width: 1px;
  height: 1.3em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}

.h2-ttl:before {
  transform: rotate(-20deg);
}
 
.h2-ttl:after {
  transform: rotate(20deg);
}
.h2-ttl span {
  display:inline-block;
  line-height:1.6;
}
}
.box-p {
	 position: absolute;
	 top:100px;
	 left:20px;
}
.bgDog01 {
    background-image: url(../img/content/bg_Dog01.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 100px;
    right: 1vw;
    width: 300px;
    height: 241px;
	  z-index: 10;
	  opacity:0.5;
}
.bgDog02 {
    background-image: url(../img/content/bg_Dog02.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0px;
    left: 0vw;
    width: 300px;
    height: 166px;
		  z-index: 10;
	  opacity:0.5;
	transform: rotateX(20deg) rotateY(-0deg) translateY(0px) skewX(-17deg);
}
.bgDog03 {
    background-image: url(../img/content/bg_Dog03.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 100px;
    right: 1vw;
    width: 300px;
    height: 97px;
	  z-index: 10;
	  opacity:0.5;
}
.res-mb-f {
		 margin-bottom: 40px;
	}
.tbl-1 td {
	  text-align: center;
}
.fa-chevron-circle-right {
	  position: relative;
}
.fa-chevron-circle-right:before {
	  position: relative;
	  top:5px;
	  left:3px;
}
@media only screen and (max-width: 768px) {
	.bgDog01 {
    background-position: center;
    top: 0px;
    right: 0vw;
    width: 0px;
    height: 0px;
}
	.bgDog02 {
    background-position: center;
    position: absolute;
    bottom: 0px;
    left: 0vw;
    width: 0px;
    height: 0px;
		  z-index: 10;
	  opacity:0.2;
}
.bgDog03 {
    background-position: center;
    top: 0px;
    right: 0vw;
    width: 0px;
    height: 0px;

}
	.fa-chevron-circle-right:before {
	  position: relative;
	  top:3px;
	  left:3px;
}
}
.bg-dog-txt {
		position: relative;
	}
.bg-dog-txt:after {
		content: '';
		position: absolute;
		top:-250px;
		right:-140px;
		background: url("../img/content/bg_Dog01.png");
		    width: 300px;
    height: 241px;
	  opacity: 0.3;
	}
	.res-mb-f {
		 margin-bottom: 20px;
	}
.res-mb-f02 {
	   margin-bottom: 0px;
}
}
.col_g {

}