@charset "UTF-8";

/* ************************************** _

タイトル：modules.css

概要：汎用classのCSSファイル

_ ************************************** */

/* 画像装飾
---------------------------------------------------------------------------- */
.ph_frame {
	display: inline-block;
	position: relative;
}
.ph_frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fff;
	z-index: -1;
}



/* float clear
---------------------------------------------------------------------------- */

.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; margin-bottom: 20px; }


/* float
---------------------------------------------------------------------------- */

.fL { float:left; }
.fR { float:right; }


/* margin
---------------------------------------------------------------------------- */

.first{ margin: 0 0 10px 0; }
.text{ margin: 0 0 10px 0; }
.title{ margin: 0 0 10px 0; }

/* align
---------------------------------------------------------------------------- */

.alignLeft   { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight  { text-align: right !important; }


/* ボタン
---------------------------------------------------------------------------- */




/* font size
---------------------------------------------------------------------------- */

.small { font-size: 0.8em; }
.ft10 { font-size: 10px; }
.ft12 { font-size: 12px; }
.ft13 { font-size: 13px; }
.ft14 { font-size: 14px; }
.ft15 { font-size: 15px; }
.ft16 { font-size: 16px; }

.ft130per{font-size: 130%;}
.ft150per{font-size: 150%;}

.red{color:#FF1D25;}
	
	
.webwari{
	color:#FF1D25;
	font-size: 150%;
	font-weight:bold;
	text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff,
              -2px 2px 0 #fff, 2px -2px 0 #fff,
              0px 2px 0 #fff,  0-2px 0 #fff,
              -2px 0 0 #fff, 2px 0 0 #fff;
}

/* ロールオーバーエフェクト
---------------------------------------------------------------------------- */

a:hover img{
opacity: 0.7;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}



/* font color
---------------------------------------------------------------------------- */

.attention, .required { color: #FF0000 !important; }


/* マージン
---------------------------------------------------------------------------- */
.mb0{ margin: 0 0 0px 0 !important; }
.mb5{ margin: 0 0 5px 0 !important; }
.mb20{ margin: 0 0 20px 0 !important; }
.mb10{ margin: 0 0 10px 0 !important; }
.mb20{ margin: 0 0 20px 0 !important; }
.mb25{ margin: 0 0 25px 0 !important; }
.mb30{ margin: 0 0 30px 0 !important; }
.mb40{ margin: 0 0 40px 0 !important; }
.mb50{ margin: 0 0 50px 0 !important; }
.mb60{ margin: 0 0 60px 0 !important; }


.mt10{ margin: 10px 0 0 0 !important; }
.mt20{ margin: 20px 0 0 0 !important; }
.mt25{ margin: 25px 0 0 0 !important; }
.mt30{ margin: 30px 0 0 0 !important; }
.mt40{ margin: 40px 0 0 0 !important; }
.mt50{ margin: 50px 0 0 0 !important; }
.mt60{ margin: 60px 0 0 0 !important; }



.map_container {
  position: relative;
  padding-top: 50%;
}
.map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* clearfix */
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.sage {
    padding-left: 1em;
    text-indent: -1em;
}
.pc_none{display:none!important;}
.pc_none1000{display:none!important;}
.pc_none_580{display:none!important;}
.br_sp { display:none!important; }
.tel_number{
	color:#ff0000;
	font-size:150%;
}
.kome{font-size:85%;}
.mb_pc60sp30{ margin: 0 0 30px 0 !important; }
.mt_pc60sp30{ margin: 30px 0 60px 0 !important; }

@media screen and (max-width: 1000px) {
.pc_none1000{display:block!important;}
.sp_none{display:none!important;}
.br_sp { display:inline!important; }
.br_pc { display:none!important; }
.mb_pc60sp30{ margin: 0 0 10px 0 !important; }
.mt_pc60sp30{ margin: 10px 0 30px 0 !important; }
.map_container {
  padding-top: 100%;
}
}

@media screen and (max-width: 736px) {
.pc_none{display:block!important;}
.sp_none{display:none!important;}
.br_sp { display:inline!important; }
.br_pc { display:none!important; }
.mb_pc60sp30{ margin: 0 0 10px 0 !important; }
.mt_pc60sp30{ margin: 10px 0 30px 0 !important; }
.map_container {
  padding-top: 100%;
}
}
@media screen and (max-width: 580px) {
.pc_none_580{display:block!important;}
.sp_none_580{display:none!important;}
}

.ftlarge { font-size: 120%; }
.syasenn_waku {
   background:repeating-linear-gradient(45deg, tomato 0, tomato 10px, white 10px, white 20px);
   padding:15px;
 }
.bg_white {
   background-color: #fff;
   padding:50px 30px;
 }
@media screen and (max-width: 736px) {
.syasenn_waku {
   padding:10px;
 }
.bg_white {
   padding:15px 15px;
 }
}

.HeadingWrapper{display:block;margin:0 auto 30px;padding:0 20px;text-align:center}@media screen and (max-width: 768px){.HeadingWrapper{padding:0 5%}}.HeadingTitle--underLine{font-size:3rem;font-weight:500;font-display:swap;line-height:1;margin-bottom:65px;position:relative;text-align:center}.HeadingTitle--underLine::after{border-bottom:2px solid #cc0000;bottom:-30px;content:'';height:0;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;width:1.25em}.HeadingTitle--brackets{display:inline-block;font-family:"Noto Sans Japanese", sans-serif;font-size:3rem;font-weight:500;font-display:swap;line-height:1.2;position:relative;top:1px}.HeadingTitle--brackets::before,.HeadingTitle--brackets::after{border-top:2px solid #cc0000;border-bottom:2px solid #cc0000;bottom:0;content:'';height:40px;margin:auto;position:absolute;top:0;width:10px}.HeadingTitle--brackets::before{border-left:2px solid #cc0000;left:-20px}.HeadingTitle--brackets::after{border-right:2px solid #cc0000;right:-20px}.HeadingTitle--verticalLine{;font-size:2rem;font-weight:500;font-display:swap;line-height:1;margin:40px 0 20px 15px;position:relative}.HeadingTitle--verticalLine::before{border-left:6px double #cc0000;content:'';height:100%;left:-16px;margin-right:10px;position:absolute}.HeadingTitle--hyphen{font-family:"Noto Sans Japanese", sans-serif;font-size:1.8rem;font-weight:500;font-display:swap;line-height:1;margin:30px 0 20px .5em;padding-left:5px;position:relative}.HeadingTitle--hyphen::before{background:#cc0000;bottom:50%;content:'';height:2px;left:-.5em;position:absolute;width:6px}@media screen and (max-width: 768px){.HeadingTitle--underLine{font-size:1.8rem;margin-bottom:40px}.HeadingTitle--underLine::after{bottom:-18px;width:2.25em}.HeadingTitle--brackets{font-size:2rem;line-height:1.5;top:0}.HeadingTitle--brackets::before,.HeadingTitle--brackets::after{width:8px;height:32px;border-top:2px solid #cc0000;border-bottom:2px solid #cc0000}.HeadingTitle--brackets::before{left:-13px;border-left:2px solid #cc0000}.HeadingTitle--brackets::after{right:-13px;border-right:2px solid #cc0000}.HeadingTitle--verticalLine{font-size:1.9rem;margin:30px 0 15px 15px}.HeadingTitle--hyphen{font-size:1.8rem;margin:20px 0 15px .5em}}

.SectionInner,.SectionInner--wide{max-width:1140px;margin:30px auto 0;padding:0 15px}.SectionInner--wide{max-width:100%}@media screen and (max-width: 768px){.SectionInner,.SectionInner--wide{max-width:100%;margin:20px auto 0;padding:0 5%}}
.SectionWrapper,.SectionOuter{margin-top:100px}@media screen and (max-width: 768px){.SectionWrapper,.SectionOuter{margin-top:40px}}