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

/*全体の設定
---------------------------------------------------------------------------*/
html {
	font-size: 62.5%;
}
@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,16px);
	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;
	font-feature-settings: "palt"0;/*句読点を詰める場合は0を1に変更ィ*/
}
@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);
	}
}
/*セクション*/
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";
}

/*画像のスケーリング（領域にFIX）*/
.scaling{
	width:100%;
	height:auto;
}
/*画像のスケーリング（原寸にFIX）*/
.scaling2{
	max-width:100%;
	height:auto;
}

/*画像の左寄せ（右マージン1em）*/
.img-left1em {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
  max-width:100%;
  height:auto;
}

/*画像の右寄せ（左マージン1em）*/
.img-right1em {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
  max-width:100%;
  height:auto;
}

/*画像の左寄せ左（右マージン2em）*/
.img-left2em {
  float: left;
  margin-right: 2em;
  margin-left: 2em;
  margin-bottom: 0.5em;
  max-width:100%;
  height:auto;
}

/*画像の右寄せ左（右マージン2em）*/
.img-right2em {
  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;
}
@media only screen and (max-width: 768px) {
.youtube {
  margin-top: 0px;
}
}

/*電話番号のリンク設定*/
.tel-number a {
    color:#fff;
    text-decoration:none;
}

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

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

/*背景の設定*/
/*基本設定*/
.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;
	max-width: var(--wrap-w, 960px);
}
@media only screen and (max-width: 768px) {

}

/*inner*/
.inner {
	padding:70px 65px 90px 65px;
	text-align:left;
}
.inner2 {
	padding:70px 15px 90px 15px;
	text-align:left;
}
.inner3 {
	padding:70px 65px 20px 65px;
	text-align:left;
}
.inner4 {
	padding:70px 15px 20px 15px;
	text-align:left;
}
.inner5 {
	padding:0px 65px 0px 65px;
	text-align:left;
}
@media only screen and (max-width: 768px) {
.inner {
	padding:30px 15px 40px 15px;
}
	.inner2 {
	padding:30px 15px 55px 15px;
}
	.inner3 {
	padding:30px 15px 20px 15px;
}
	.inner4 {
	padding:30px 15px 20px 15px;
}
.inner5 {
	padding:0px 5px 0px 5px;
}
}

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

/*区切り線*/
hr.style1{border-top: 1px solid #8c8b8b;}
hr.style2 {border-top: 3px double #8c8b8b;}
hr.style3 {border-top: 1px dashed #8c8b8b;}
hr.style4 {border-top: 1px dotted #8c8b8b;}
hr.style5 {background-color: #fff;border-top: 2px dashed #8c8b8b;}
hr.style6 {background-color: #fff;border-top: 2px dotted #8c8b8b;}
hr.style7 {border-top: 1px solid #8c8b8b;border-bottom: 1px solid #fff;}
hr.style8 {border-top: 1px solid #8c8b8b;border-bottom: 1px solid #fff;}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style9 {border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;}
hr.style10 {border-top: 1px dotted #8c8b8b;border-bottom: 1px dotted #fff;}
hr.style11 {height: 10px;border: 0;box-shadow: 0 10px 10px -10px #8c8b8b inset;}
hr.style12 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

/*角丸*/
.kadomaru5 {border-radius: 5px;}
.kadomaru10 {border-radius: 10px;}
.kadomaru15 {border-radius: 15px;}
.kadomaru20 {border-radius: 20px;}
.kadomaru25 {border-radius: 25px;}
.kadomaru30 {border-radius: 30px;}
.kadomaru35 {border-radius: 35px;}
.kadomaru40 {border-radius: 40px;}
.kadomaru45 {border-radius: 45px;}
.kadomaru50 {border-radius: 50px;}

/*ボーダーのタイプ*/
/*直線*/
.sol1 { border: 1px solid;}
.sol2 { border: 2px solid;}
.sol3 { border: 3px solid;}
.sol4 { border: 4px solid;}
.sol5 { border: 5px solid;}
/*直線・下線のみ*/
.sol1-b { border-bottom: 1px solid;padding-bottom: 3px;}
.sol2-b { border-bottom: 2px solid;padding-bottom: 3px;}
.sol3-b { border-bottom: 3px solid;padding-bottom: 3px;}
.sol4-b { border-bottom: 4px solid;padding-bottom: 3px;}
.sol5-b { border-bottom: 5px solid;padding-bottom: 3px;}
/*点線*/
.das1 { border: 1px dashed;}
.das2 { border: 2px dashed;}
.das3 { border: 3px dashed;}
.das4 { border: 4px dashed;}
.das5 { border: 5px dashed;}
/*点線・下線のみ*/
.das1-b { border-bottom: 1px dashed;padding-bottom: 3px;}
.das2-b { border-bottom: 2px dashed;padding-bottom: 3px;}
.das3-b { border-bottom: 3px dashed;padding-bottom: 3px;}
.das4-b { border-bottom: 4px dashed;padding-bottom: 3px;}
.das5-b { border-bottom: 5px dashed;padding-bottom: 3px;}

/* レスポンシブブロックのレイアウト */ 
/*右パディング*/
.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%;
	}
}
/*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%;
	}
}

/*カラー(テキスト、背景、線)*/
/*テキストカラー*/
.base{color: var(--base)}
.base1{color: var(--base1)}
.base2{color: var(--base2)}
.sc1{color: var(--sc1)}
.sc2{color: var(--sc2)}
.sc3{color: var(--sc3)}
.white{color: var(--white)}
.white1{color: var(--white1)}
.black{color: var(--black)}
.black1{color: var(--black1)}
.gray{color: var(--gray)}
.red{color: var(--red)}
.red1{color: var(--red1)}
.red2{color: var(--red2)}
.red3{color: var(--red3)}
.red4{color: var(--red4)}
.blue{color: var(--blue)}
.blue1{color: var(--blue1)}
.blue2{color: var(--blue2)}
.blue3{color: var(--blue3)}
.blue4{color: var(--blue4)}
.yellow{color: var(--yellow)}
.yellow1{color: var(--yellow1)}
.yellow2{color: var(--yellow2)}
.green{color: var(--green)}
.green1{color: var(--green1)}
.green2{color: var(--green2)}
.green3{color: var(--green3)}
.green4{color: var(--green4)}
.orange{color: var(--orange)}
.orange1{color: var(--orange1)}
.orange2{color: var(--orange2)}
.purple{color: var(--purple)}
.purple1{color: var(--purple1)}
.blown{color: var(--blown)}
.blown1{color: var(--blown1)}
.blown2{color: var(--blown2)}
.blown3{color: var(--blown3)}
/*背景カラー*/
.bg-base { background-color: var(--base) }
.bg-base1 { background-color: var(--base1) }
.bg-base2 { background-color: var(--base2) }
.bg-sc1 { background-color: var(--sc1) }
.bg-sc2 { background-color: var(--sc2) }
.bg-sc3 { background-color: var(--sc3) }
.bg-white{background-color: var(--white)}
.bg-white1{background-color: var(--white1)}
.bg-black{background-color: var(--black)}
.bg-black1{background-color: var(--black1)}
.bg-gray{background-color: var(--gray)}
.bg-red{background-color: var(--red)}
.bg-red1{background-color: var(--red1)}
.bg-red2{background-color: var(--red2)}
.bg-red3{background-color: var(--red3)}
.bg-red4{background-color: var(--red4)}
.bg-blue{background-color: var(--blue)}
.bg-blue1{background-color: var(--blue1)}
.bg-blue2{background-color: var(--blue2)}
.bg-blue3{background-color: var(--blue3)}
.bg-blue4{background-color: var(--blue4)}
.bg-yellow{background-color: var(--yellow)}
.bg-yellow1{background-color: var(--yellow1)}
.bg-yellow2{background-color: var(--yellow2)}
.bg-green{background-color: var(--green)}
.bg-green1{background-color: var(--green1)}
.bg-green2{background-color: var(--green2)}
.bg-green3{background-color: var(--green3)}
.bg-green4{background-color: var(--green4)}
.bg-orange{background-color: var(--orange)}
.bg-orange1{background-color: var(--orange1)}
.bg-orange2{background-color: var(--orange2)}
.bg-purple{background-color: var(--purple)}
.bg-purple1{background-color: var(--purple1)}
.bg-blown{background-color: var(--blown)}
.bg-blown1{background-color: var(--blown1)}
.bg-blown2{background-color: var(--blown2)}
.bg-blown3{background-color: var(--blown3)}
/*ボーダーカラー-*/
.bd-base { border-color: var(--base) }
.bd-base1 { border-color: var(--base1) }
.bd-base2 { border-color: var(--base2) }
.bd-sc1 { border-color: var(--sc1) }
.bd-sc2 { border-color: var(--sc2) }
.bd-sc3 { border-color: var(--sc3) }
.bd-white{border-color: var(--white)}
.bd-white1{border-color: var(--white1)}
.bd-black{border-color: var(--black)}
.bd-black1{border-color: var(--black1)}
.bd-gray{border-color: var(--gray)}
.bd-red{border-color: var(--red)}
.bd-red1{border-color: var(--red1)}
.bd-red2{border-color: var(--red2)}
.bd-red3{border-color: var(--red3)}
.bd-red4{border-color: var(--red4)}
.bd-blue{border-color: var(--blue)}
.bd-blue1{border-color: var(--blue1)}
.bd-blue2{border-color: var(--blue2)}
.bd-blue3{border-color: var(--blue3)}
.bd-blue4{border-color: var(--blue4)}
.bd-yellow{border-color: var(--yellow)}
.bd-yellow1{border-color: var(--yellow1)}
.bd-yellow2{border-color: var(--yellow2)}
.bd-green{border-color: var(--green)}
.bd-green1{border-color: var(--green1)}
.bd-green2{border-color: var(--green2)}
.bd-green3{border-color: var(--green3)}
.bd-green4{border-color: var(--green4)}
.bd-orange{border-color: var(--orange)}
.bd-orange1{border-color: var(--orange1)}
.bd-orange2{border-color: var(--orange2)}
.bd-purple{border-color: var(--purple)}
.bd-purple1{border-color: var(--purple1)}
.bd-blown{border-color: var(--blown)}
.bd-blown1{border-color: var(--blown1)}
.bd-blown2{border-color: var(--blown2)}
.bd-blown3{border-color: var(--blown3)}