@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;
   border-bottom: 1px solid;
}
/*アンカーリンク調整*/ 
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{
	max-width:100%;
	height:auto;
}
.scaling2{
	max-width:100%;
	height:auto;
}
@media screen and (max-width: 768px) {
.scaling2{
	max-width:95%;
	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: 0.65em;

  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: -10px;
}
}
/*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 center;
	background-position: 50% 50%;
	margin:0 auto;
}

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

/*wrapper*/

.wrapper-0 {
	height: auto;
	margin: 0px auto;
	width: 1200px;
}
@media only screen and (max-width: 768px) {
.wrapper-0 {
	width: 100%;
}
}



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



.wrapper-h {
	height: auto;
	text-align: center;
	max-width: 839px;
}
@media only screen and (max-width: 1200px) {
.wrapper-h {
	padding:20px 15px;
	max-width: 600px;
}
}


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

/*inner*/
.inner {
	padding:30px 50px;
	text-align:left;
}
/*両はし10px*/
.inner10-3 {
	padding:10px 10px;
	text-align:left;
	box-shadow: 6px 6px 0px 0 rgb(206, 207, 208);
}
.inner10-2 {
	padding:10px 10px;
	text-align:left;
	 box-shadow: 3px 3px 8px gray;
}
.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;
}
/*両はし35px*/
.inner35 {
	padding:20px 35px;
	text-align:left;
}
/*両はし40px*/
.inner40 {
	padding:20px 40px;
	text-align:left;
}
/*両はし45px*/
.inner45 {
	padding:20px 45px;
	text-align:left;
}
@media only screen and (max-width: 768px) {
.inner,.inner20,.inner25,.inner30,.inner35,.inner40,.inner45{
	padding: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;
}

/* レスポンシブレイアウト
----------------------------------------------------------- */ 
/*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
}

.col-l{
	padding-right: 10px;
}
.col-r{
	padding-left: 10px;
	
}
@media screen and (max-width: 768px) {
.col-l{
	padding-right: 0px;
}
.col-r{
	padding-left: 0px;
	padding-top: 20px;
}
}


@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%;
	}
}
/* 明朝体
----------------------------------------------------------- */  
.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;
}
}


/* 川合先生プロフィール設定
------------------------------------------------------------ */
.kawai_pf-bg {
	background-image: url(../../img/kawai_profile_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
}

.kawai_pf-bg .wrapper {
	position: relative;
	height: 640px;
}
.kawai_img {
	width: 400px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 2;
}

.kawai_pc-pf {
    position: absolute;
    top: 80px;
    left: 0px;
    width: 730px;
    z-index: 1;
}

@media only screen and (max-width: 768px) {

	.kawai_pf-bg .wrapper {
		height: 440px;
	}
	.kawai_img {
		position: absolute;
		bottom: 115px;
		right: 0px;
		left: 0;
		margin: 0 auto;
		width: 220px;
		z-index: 1;
	}
	
	.kawai_sp-pf {
		position: absolute;
		top: inherit;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 380px;
		z-index: 2;
	}
	}