@charset "UTF-8";
/* 文字 */
/* 文字 */
body {
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "新ゴ R", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 500px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 600px;
  }
}

.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.contents {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  z-index: 2;
}
.contents:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 70%;
  margin: 3% -10% 0;
  background: #245037;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
}
.contents_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 640px;
  height: 100%;
  margin: 0 auto;
  padding: 100px 10px 120px;
  color: #fff;
  text-align: center;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.navbar {
    background-color: transparent;
}

.top-nav-collapse {
    background-color: #0A675D;
}

.streak.streak-photo {
background-attachment: fixed;
}

.moji-HiraginoKakuGothicW1JIS2004 {
	font-family: "Hiragino Kaku Gothic W1 JIS2004";
}
.moji-HiraginoKakuGothicW2JIS2004 {
	font-family: "Hiragino Kaku Gothic W2 JIS2004";
}
.moji-HiraginoKakuGothicW3JIS2004 {
	font-family: "Hiragino Kaku Gothic W3 JIS2004";
}
.moji-HiraginoKakuGothicW4JIS2004 {
	font-family: "Hiragino Kaku Gothic W4 JIS2004";
}
.moji-HiraginoKakuGothicW5JIS2004 {
	font-family: "Hiragino Kaku Gothic W5 JIS2004";
}
.moji-HiraginoKakuGothicW6JIS2004 {
	font-family: "Hiragino Kaku Gothic W6 JIS2004";
}
.moji-HiraginoKakuGothicW7JIS2004 {
	font-family: "Hiragino Kaku Gothic W7 JIS2004";
}
.moji-HiraginoKakuGothicW8JIS2004 {
	font-family: "Hiragino Kaku Gothic W8 JIS2004";
}
.moji-HiraginoKakuGothicW9JIS2004 {
	font-family: "Hiragino Kaku Gothic W9 JIS2004";
}

.moji-HiraginoUDSansW3JIS2004 {
	font-family: "Hiragino UD Sans W3 JIS2004";
}
.moji-HiraginoUDSansW4JIS2004 {
	font-family: "Hiragino UD Sans W4 JIS2004";
}
.moji-HiraginoUDSansW5JIS2004 {
	font-family: "Hiragino UD Sans W5 JIS2004";
}
.moji-HiraginoUDSansW6JIS2004 {
	font-family: "Hiragino UD Sans W6 JIS2004";
}
.moji-ShinGoFutoline {
	 font-family: "Shin Go Futoline";
}
.moji-ShinGoShadow {
	font-family: "Shin Go Shadow";
}
.moji-ShinGoLight {
	font-family: "Shin Go Light";
}
.moji-ShinGoMedium {
	font-family: "Shin Go Medium";
}
.moji-ShinGoHeavy {
	font-family: "Shin Go Heavy";
}
.moji-ShinGoUltra {
	font-family: "Shin Go Ultra";
}
.moji-ShinMaruGoDemiBold {
	font-family: "Shin Maru Go DemiBold";
}
.moji-ShinMaruGoBold {
	font-family: "Shin Maru Go Bold";
}
.moji-ShinMaruGoUltra {
	font-family: "Shin Maru Go Ultra";
}
.moji-UDReiminRegular {
	font-family: "UD Reimin Regular";
}
.moji-UDReiminExtraBold {
	font-family: "UD Reimin ExtraBold";
}
.moji-RyuminHeavyKL {
	font-family: "Ryumin Heavy KL";
}
.moji-RyuminExtraHeavyKL {
	font-family: "Ryumin ExtraHeavy KL";
}
.moji-RyuminUltraKL {
	font-family: "Ryumin Ultra KL";
}
.moji-UDShinGoConde60EL {
	font-family: "UD Shin Go Conde60 EL";
}
.moji-ShinUDReiminHeavy {
	font-family: "UD Reimin Heavy";
}
.moji-Harucraft {
	font-family: "Harucraft";
}
.moji-GSanSerif-B {
	font-family: "GSanSerif-B";
}
.moji-ShinGoEmboss {
	font-family: "Shin Go Emboss";
}
.nohover:hover {

}
.menu-font {
	font-family: RoGSanSrfStd-UB;
}
.kakaku-font {
	font-family: RoGSanSrfStd-UB;
}
.menu-bg {
	transform: rotate( -10deg);
}
.under-line {
  background: linear-gradient(transparent 50%, #c8e6c9 50%);
  }

.bg-white {
	background-color: #FFFFFF;
}

.bg-red6 {
	background-color: #FF0000;
}
.bg-blue6 {
	background-color: #0301FF;
}

.bg-green1 {
	background-color: #e8f5e9;
}

.bg-green2 {
	background-color: #c8e6c9;
}

.bg-green3 {
	background-color: #a5d6a7;
}

.bg-green4 {
	background-color: #81c784;
}

.bg-green5 {
	background-color: #66bb6a;
}

.bg-green6 {
	background-color: #4caf50;
}


.bg-grey1 {
	background-color: #fafafa;
}

.bg-grey2 {
	background-color: #f5f5f5;
}

.bg-grey3 {
	background-color: #eeeeee;
}

.bg-grey4 {
	background-color: #e0e0e0;
}

.bg-grey5 {
	background-color: #bdbdbd;
}

.brand-color {
	color: #003366;
}

.bg-brand-color {
	background-color: #003366;
}

.border-green {
	border: solid 3px #43a047;
	margin: 1.2em;
	padding: 1.2em;
}
.bg-yellow {
	background-color: #FFFF00;
}

.bg-pink {
	background-color: #FF3366;
}
.border-title {
  border-bottom: solid 3px skyblue;
  position: relative;
}

.border-title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}

.fukidashi-b {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #1b5e20;
	border-radius: 15px;
}

.fukidashi-b:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #1b5e20;
}

.fukidashi-b p {
	margin: 0;
	padding: 0;
}
.fukidashi-t:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #1b5e20;
}

.fukidashi-t p {
	margin: 0;
	padding: 0;
}

.fukidashi-l {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #43a047;
	border-radius: 15px;
}

.fukidashi-l:before{
	content: "";
	position: absolute;
	top: 25%;
	right: 100%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #43a047;
}

.fukidashi-l p {
	margin: 0;
	padding: 0;
}
.naname {
	background-color: #F9F2B3;
	background-image: -webkit-gradient(
						linear,
						0 0, 100% 100%,
						color-stop(.25, #F9F9F9),
						color-stop(.25, transparent),
						color-stop(.5, transparent),
						color-stop(.5, #F9F9F9),
						color-stop(.75, #F9F9F9),
						color-stop(.75, transparent),
						to(transparent)
					);
	-webkit-background-size: 18px 18px;
}

.naname-yellow {
	background-color: #FFFF00;
	background-image: -webkit-gradient(
						linear,
						0 0, 100% 100%,
						color-stop(.25, #F9F9F9),
						color-stop(.25, transparent),
						color-stop(.5, transparent),
						color-stop(.5, #F9F9F9),
						color-stop(.75, #F9F9F9),
						color-stop(.75, transparent),
						to(transparent)
					);
	-webkit-background-size: 18px 18px;
}

.naname-blue {
	background-color: #00FFFF;
	background-image: -webkit-gradient(
						linear,
						0 0, 100% 100%,
						color-stop(.25, #F9F9F9),
						color-stop(.25, transparent),
						color-stop(.5, transparent),
						color-stop(.5, #F9F9F9),
						color-stop(.75, #F9F9F9),
						color-stop(.75, transparent),
						to(transparent)
					);
	-webkit-background-size: 18px 18px;
}
.chip.chip-md {
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
}
.chip.chip-md img {
    height: 42px;
    width: 42px;
}

.streak.streak-photo {
    background-attachment: fixed;
}

.juicy-peach-gradient {
    background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}
.young-passion-gradient {
    background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
}
.lady-lips-gradient {
    background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
}
.sunny-morning-gradient {
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}
.rainy-ashville-gradient {
    background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
}
.frozen-dreams-gradient {
    background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
}
.warm-flame-gradient {
    background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}
.night-fade-gradient {
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
}
.spring-warmth-gradient {
    background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
}
.winter-neva-gradient {
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}
.dusty-grass-gradient {
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}
.tempting-azure-gradient {
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
.heavy-rain-gradient {
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}
.amy-crisp-gradient {
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
}
.mean-fruit-gradient {
    background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
}
.deep-blue-gradient {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}
.ripe-malinka-gradient {
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}
.cloudy-knoxville-gradient {
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}
.morpheus-den-gradient {
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}
.rare-wind-gradient {
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}
.near-moon-gradient {
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
}

.pills-peach-gradient .nav-item .nav-link.active {
    background: linear-gradient(40deg, #FFD86F, #FC6262);
}
.pills-blue-gradient .nav-item .nav-link.active {
    background: linear-gradient(40deg, #45cafc, #303f9f);
}
.pills-purple-gradient .nav-item .nav-link.active {
    background: linear-gradient(40deg, #ff6ec4, #7873f5);
}
.pills-aqua-gradient .nav-item .nav-link.active {
    background: linear-gradient(40deg, #2096ff, #05ffa3);
}

.pills-rounded .nav-item .nav-link {
    border-radius: 10em;
}
.pills-light-purple .nav-item .nav-link.active {
    background-color: #ba68c8;
}

.pills-outline-red .nav-item .nav-link {
    border: 2px solid #fff;
    color: #666;
    background-color: transparent;
}
.pills-outline-red .nav-item .nav-link:hover {
    border: 2px solid #eee;
}
.pills-outline-red .nav-item .nav-link.active {
    border: 2px solid #f44336;
    color: #f44336;
}
.pills-outline-red .nav-item .nav-link.active:hover {
    border: 2px solid #f44336;
    color: #f44336;
}

.pills-outline-green .nav-item .nav-link {
    border: 2px solid #fff;
    color: #666;
    background-color: transparent;
}
.pills-outline-green .nav-item .nav-link:hover {
    border: 2px solid #eee;
}
.pills-outline-green .nav-item .nav-link.active {
    border: 2px solid #4caf50;
    color: #4caf50;
}
.pills-outline-green .nav-item .nav-link.active:hover {
    border: 2px solid #4caf50;
    color: #4caf50;
}
.card-img-top { 
width: 100%;
height: auto!important;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
}
.w-100 {
width: 100%!important;
height: auto!important;
}