@charset "UTF-8";
/*
 * Copyright (c) 2006-2019 LeARU Inc
 */
/*
【注意】
このスタイルシートは書き換え禁止です。
変更する場合はmain.cssにオーバーライドしてください。
*/

/*全体の設定
---------------------------------------------------------------------------*/
html {
	height: 100%;
	font-size: 16px;
	-webkit-text-size-adjust: 16px;
	-ms-text-size-adjust: 16px;
}
@media screen and (max-width: 768px) {
html {
	width:100%;
  }
}
body{
	font-family: var(--font-style,-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif);
	background-color:var(--bg-color, #fff);
	color: var(--font-color, #FF0);
	font-size: var(--font-size, 100%);
	letter-spacing: var(--font-spacing, 1.2px);
	line-height: var(--font-line-height, 1.75);
	background-repeat: repeat;
	background-position: center center;
	background-position: 50% 50%;
	word-wrap: break-word; 
	overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
body{
	font-size: var(--font-size-sp, 100%);
	letter-spacing: var(--font-spacing-sp, normal);
	line-height: var(--font-line-height-sp, 1.5);
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}

section {
	padding-top: 0px;
	padding-bottom: 0px;
}

/*テキストリンク*/
a {
	color: var( --link-color, #0033cc);
	text-decoration: none;
}
a:hover {
   color: var( --link-color-hover, #ED6152);
   text-decoration: none;
}
a img:hover {
  opacity:0.7;
}

/*アンカーリンク調整*/ 
a.anchor{
    display: block;
    padding-top: 110px;
    margin-top: -110px;
	text-decoration: none;
	border: none;
}
u {
   text-decoration: none;
   border-bottom: 1px solid;
}

/*ボックスサイジング*/
*, *:before, *:after {
	box-sizing: border-box;
}
/*画像の空白消し*/
img{
	margin: 0;
	padding: 0;
	display: block;
}

/*文字間リセット*/
.ls-reset{
	letter-spacing: normal;
	font-feature-settings: "pkna";
}
/*画像のスケーリング*/
.scaling{
	width:100%;
	height:auto;
}
/*画像原寸のスケーリング*/
.scaling2{
	max-width:100%;
	height:auto;
}
/*左寄せ右マージン1em*/
.img-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
  max-width:100%;
  height:auto;
}
/*右寄せ左マージン1em*/
.img-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
  max-width:100%;
  height:auto;
}
/*左寄せ左右マージン2em*/
.img-left01 {
  float: left;
  margin-right: 2em;
  margin-left: 2em;
  margin-bottom: 0.5em;
  max-width:100%;
  height:auto;
}
/*右寄せ左右マージン2em*/
.img-right02 {
  float: right;
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 0.5em;
  max-width:100%;
  height:auto;
}
/*youtube*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 0px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.tel-number a {
    color:#fff;
    text-decoration:none;
    }
@media only screen and (max-width: 768px) {
.youtube {
  margin-top: 0px;
}
}
/*PC/SPのコンテンツ表示切り替え*/
.pc-contents { display: block;}		
.sp-contents { display: none;}	
@media only screen and (max-width: 768px) {
.pc-contents { display: none;}	
.sp-contents { display: block;}	
}

/*PC-SPの画像表示切り替え*/
.pc-img { display: block;}		
.sp-img { display: none;}	
@media only screen and (max-width: 768px) {
.pc-img { display: none;}	
.sp-img { display: block;}	
}

/*PC-SPの行揃え切り替え*/
/*PC-中央　SP-左寄せ*/
.center-left { text-align: center;}		
@media only screen and (max-width: 768px) {
.center-left { text-align: left;}	
}
/*PC-中央　SP-右寄せ*/
.center-right { text-align: center;}		
@media only screen and (max-width: 768px) {
.center-right { text-align: right;}	
}
/*PC-左寄せ　SP-中央*/
.left-center { text-align: left;}		
@media only screen and (max-width: 768px) {
.left-center { text-align: center;}	
}
/*PC-右寄せ　SP-中央*/
.right-center { text-align: right;}		
@media only screen and (max-width: 768px) {
.right-center { text-align: center;}	
}
/*PC-左寄せ　SP-右寄せ*/
.left-right { text-align: left;}		
@media only screen and (max-width: 768px) {
.left-right { text-align: right;}	
}
/*PC-右寄せ　SP-左寄せ*/
.rignt-left { text-align: right;}		
@media only screen and (max-width: 768px) {
.rignt-left { text-align: left;}	
}

/*PCのみ改行*/
.pc-br { display: block;}		
@media only screen and (max-width: 768px) {
.pc-br { display: none;}	
}
/*SPのみ改行*/	
.sp-br { display: none;}	
@media only screen and (max-width: 768px) {
.sp-br { display: block;}	
}
.space5{
height: 5px;
}
/*bg*/
.bg {
    height: auto;
	text-align: var(--bg-text-align, center);
	background-repeat: repeat;
	background-position: center top;
	background-position: 50% 50%;
	margin:0 auto;
}

/*コンテンツエリア（背景画像固定）*/
.bg-fix{
    background-attachment: fixed;
}

/*wrapper*/
.wrapper {
	height: auto;
	margin: 0px auto;
	padding: 20px 0px;
	max-width: var(--wrap-w, 960px);
}
.wrapper-p {
	height: auto;
	margin: 0px auto;
	padding: 20px 0px;
	max-width: var(--wrap-w, 960px);
}

@media only screen and (max-width: 768px) {
.wrapper {
	width: 100%;
	padding: 0px 20px;
}
.wrapper-p {
	width: 100%;
	padding: 0px 0px;

}
}


.wrapper2 {
	height: auto;
	margin: 0px auto;
	max-width: var(--wrap-w, 960px);
}
@media only screen and (max-width: 768px) {
.wrapper2 {
	width: 100%;
	padding: 0px 0px;
}
}



/*floatを解除*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*inner*/
.inner {
	padding:50px 50px;
	text-align:left;
}
/*両はし10px*/
.inner10 {
	padding:10px 10px;
	text-align:left;
}
/*両はし15px*/
.inner15 {
	padding:15px 15px;
	text-align:left;
}
/*両はし20px*/
.inner20 {
	padding:20px 20px;
	text-align:left;
}
/*両はし25px*/
.inner25 {
	padding:20px 25px;
	text-align:left;
}
/*両はし30px*/
.inner30 {
	padding:20px 30px;
	text-align:left;
}
.inner30-0 {
	padding:20px 30px;
	text-align:left;
}
/*両はし35px*/
.inner35 {
	padding:20px 35px;
	text-align:left;
}
/*両はし40px*/
.inner40 {
	padding:20px 40px;
	text-align:left;
}
/*両はし45px*/
.inner45 {
	padding:20px 45px;
	text-align:left;
}
/*両はし50px*/
.inner50 {
	padding:10px 50px;
	text-align:left;
}
.inner50-2 {
	padding:10px 50px;
	text-align:left;
}
/*両はし60px*/
.inner60 {
	padding:10px 60px;
	text-align:left;
}
/*916px*/
.inner916 {
	padding:0px 22px;
	text-align:left;
}

/*920px*/
.inner920 {
	padding:0px 20px;
	text-align:left;
}
/*860px*/
.inner860 {
	padding:0px 50px;
	text-align:left;
}
/*inner*/
.inner-douga {
	padding:30px 50px 10px 50px;
	text-align:left;
}
@media only screen and (max-width: 768px) {
.inner,.inner20,.inner25,.inner30,.inner35,.inner40,.inner50,.inner45,.inner60,.inner916,.inner920,.inner860 {
	padding:15px 15px;
}
	
.inner30-0 {
	padding:20px 0px;
	text-align:left;
}	
	.inner50-2{
	padding:5px 5px;	
	}
	.inner-douga  {
	padding:5px 15px 15px 15px;
}
}

/* コンテンツを固定（スクロールさせない）
----------------------------------------------------------- */  
.fix {  
    position: fixed;  
    background-position: center center;
	background-position: 50% 0%;
	z-index: 9999;
	width: 100%;
}  

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  z-index: 9998;
}

/* レスポンシブレイアウト
----------------------------------------------------------- */ 
.col-l{
	padding-right: 20px;
	padding-top: 20px;
}
.col-r{
	padding-left: 20px;
	padding-top: 20px;
}
@media screen and (max-width: 768px) {
.col-l{
	padding-right: 0px;
}
.col-r{
	padding-left: 0px;
	padding-top: 20px;
}
}

/*2列*/

.col2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col2 > div{
	width: 50%;
}
.col2 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col2 > div{
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.col2 > div{
		width: 100%;
	}
}

.col2-70{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col2-70 > div{
	width: 70%;
}
.col2-70 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col2-70 > div{
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.col2-70 > div{
		width: 100%;
	}
}


/*3列*/

.col3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col3 > div{
	width: 33.3333333333%;
}
.col3 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 768px) {
	.col3 > div{
		width: 100%;
	}
}
/*4列*/
.col4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col4 > div{
	width: 25%;
}
.col4 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col4 > div{
		width: 33.33333333%;
	}
}
@media screen and (max-width: 768px) {
	.col4 > div{
		width: 50%;
	}
}
/* 明朝体
----------------------------------------------------------- */  
.mincho{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



/* 特殊文字
----------------------------------------------------------- */  

.icon-box {display: flex;}
.icon-item:nth-child(1) {
    flex-basis:  auto;
	padding-right: 15px;
	margin: auto 0;
} 
.icon-item:nth-child(2) {
	max-width: 100%;
	margin: auto 0;
}

.icon-bg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10%;
  flex-flow: column wrap; 
  vertical-align: top;
  letter-spacing:normal;
}


.size-ss{
  width: 30px;
  height: 30px;
}
.size-s{
  width: 45px;
  height: 45px;
}
.size-m{
  width: 60px;
  height: 60px;
}
.size-l{
  width: 80px;
  height: 80px;
}
.text-ss {
  font-size: 1em;
  line-height: 1em;
}
.text-s {
  font-size: 1.8em;
  line-height: 1em;
}
.text-m {
  font-size: 2.5em;
  line-height: 1em;
}
.text-l {
  font-size: 3.5em;
  line-height: 1em;
}
.text-small-s {
  font-size: 0.5em;
  line-height: 1em;
  margin-top: 4px;
}
.text-small-m {
  font-size: 0.8em;
  line-height: 1.2em;
}
.text-small-l {
  font-size: 0.9em;
  line-height: 1em;
  margin-top: 2px;
}
.text-large-s {
  font-size: 1.5em;
  line-height: 1.2em;
  margin-top: -1px;
}
.text-large-m {
  font-size: 2em;
  line-height: 1em;
}
.text-large-l {
  font-size: 3em;
  line-height: 1em;
  margin-top: 0px;
}

@media screen and (max-width: 768px) {
.icon-item:nth-child(2) {
  line-height: 1.3;
}
.text-ss {
  font-size: 1.2em;
  line-height: 1em;
}
.text-s {
  font-size: 1.8em;
  line-height: 1em;
}
.text-m {
  font-size: 2.2em;
  line-height: 1em;
}
.text-l {
  font-size: 2.4em;
  line-height: 1em;
}
.size-m{
  width: 50px;
  height: 50px;
}
.size-l{
  width: 55px;
  height: 55px;
}
.text-small-m {
  font-size: 0.6em;
  line-height: 1.2em;
}
.text-small-l {
  font-size: 0.7em;
  line-height: 1.2em;
}
.text-large-m {
  font-size: 1.7em;
  line-height: 1em;
}
.text-large-l {
  font-size: 1.8em;
  line-height: 1em;
  margin-top: 0px;
}
}



.letter_large {
font-size: 2.5em;
  line-height: 1em;
}
.pink1 {
  color: pink;
  border: 4px solid pink;
}

.pink2 {
  color: #fff;
  border: 4px solid pink;
  background: pink;
}

.sky1 {
  color: skyblue;
  border: 4px solid skyblue;
}





.skip-btn
    {
    position: fixed;
    bottom: 16px;
    right: 16px;
    }
 
.skip-btn a
    {
    display: block;
    text-decoration: none;
    }
 
.skip-btn:hover
{
    opacity: 0.85 ;
}












/* コンテンツ工事中
----------------------------------------------------------- */  
.coming-soon{
    background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	background-image: url(../img/ng-img2.gif);
    min-height: 250px;
}
.dp-none{
    display: none;
}

/* スマホ工事中
----------------------------------------------------------- */  
@media only screen and (max-width: 768px) {
.sp-ng{
    background-color: #000;
    background-repeat: no-repeat;
	background-position: center center;
	background-position: 50% 0%;
	background-image: url(../img/ng-img.gif);
    height: 100%;
}
.sp-none{
    display: none;
}
}