/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');
body {
  line-height: 1.2em;
  font-family: 'Noto Serif JP', serif;
}
a {
  color: #000;
}
.mos {
  color: #34582c;
}
#topcontrol{
    z-index: 99;
}
/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                全ページ共通CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
  /*改行等表示・非表示*/
  .spv {
    display: none;
  }
  /*全体文字サイズ*/
  body {
    font-size: 1.5em;
    line-height: 1.2em;
  }
  /*ヘッダーメニュー*/
  .pc_header {
    position: fixed;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 99;
  }
  .pc_header_l {
    width: 40%;
  }
  .pc_header_r {
    width: 60%;
    text-align: right;
  }
  .pc_header_r a:hover {
    opacity: 0.7;
  }
  /*
    フッター概要
    */
  footer {
    background-color: #f3f3f3;
    padding: 80px 0 0;
    color: #21a457;
    text-align: center;
  }
  .foot_1 {
    margin-bottom: 25px;
  }
  .foot_2 {
    margin-bottom: 25px;
    line-height: 1.9em;
  }
  .foot_3 {
    display: inline-block;
    margin: 0 auto 35px;
    text-align: left;
    line-height: 1.6em;
  }
  .foot_3 span {
    font-size: 30px;
  }
  .foot_4 {
    margin-bottom: 25px;
  }
  .foot_5 {
    margin-bottom: 40px;
    line-height: 1.6em;
  }
  .foot_5 span {
    font-size: 20px;
  }
  .foot_6 {
    line-height: 1.6em;
    background: url("lib/images/pc_foot_bg_01.png") repeat-x center bottom;
    padding-bottom: 110px;
  }
  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
  * {
    box-sizing: border-box;
  }
  /*改行等表示・非表示*/
  .pcv {
    display: none;
  }
  /*全体文字サイズ*/
  body {
    width: 100%;
    max-width: 100%;
    font-size: 1.5em;
    line-height: 1.2em;
      
  }
  img {
    max-width: 100%;
      height: auto;
  }
  .pc_header {
    display: none;
  }
/*-------------------------------------------*/
/*menu*/

.header{
        z-index: 80;
    }    
.drawer_menu{
	overflow:hidden;
}



.menu {
	height: 20px;
	position:fixed;
	right: 20px;
	top: 20px;
	width: 30px;
	z-index: 99;
}
/*3本線の色*/
.menu__line {
	background: #aec9ff;
	display: block;
	height: 2px;
	position: absolute;
	transition: transform .3s;
	width: 100%;
}
.menu__line--center {
	top: 9px;
}
.menu__line--bottom {
	bottom: 0;
}
/*×になった時の色*/
.menu__line--top.active {
	top: 8px;
	transform: rotate(45deg);
	background-color:#aec9ff;
}
.menu__line--center.active {
	transform: scaleX(0);
	background-color:#aec9ff;
}
.menu__line--bottom.active {
	bottom: 10px;
	transform: rotate(135deg);
	background-color:#aec9ff;
}
/*gnav*/
/*
    背景色・文字色
    下のリンク色も確認
    */
.gnav {
	background: rgba(244,244,244,0.95);
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 98;
	color:#04a458;
}
.gnav__wrap{
	/*
	align-items: center;
	display: flex;
	justify-content: center;
	*/
	position: absolute;
	height: 100%;
	width: 100%;
	text-align:center;
}
.gnav__name{
	width:100%;
	text-align:center;
	margin:60px auto 40px;
}
.gnav__name img{
	width:60%;
	height:auto;
}

.gnav__con{
	margin:0 auto 30px;
	display:inline-block;
	text-align:left;
}
.gnav__con_box{
	font-size:1.2em;
	text-decoration:none;
	border-bottom:1px dashed #4c47ff;
	padding-bottom:12px;
	margin-bottom:12px;
	
}
    /*リンク色*/
.gnav__con a{
	color:#04a458;
	text-decoration:none;
}
.gnav__tel_con, .gnav__tel_link, .gnav__mail_link{
	margin:0 auto 15px;
	text-align:center;
}
.gnav__tel_link img, .gnav__mail_link img{
	width:55%;
	height:auto;
}

/*
固定
*/
.sphead{
	width:100%;
	padding:10px 10% 0 15px;
	text-align:center;
	font-size:1.4em;
	box-shadow:
    0 1px 1.2px rgba(0, 0, 0, 0.057),
    0 2.5px 3px rgba(0, 0, 0, 0.076),
    0 5px 5.7px rgba(0, 0, 0, 0.086),
    0 8px 9px rgba(0, 0, 0, 0.092);
	position: fixed;
	top: 0px;
	z-index: 80;
	height:60px;
	background-color:#FFF;
}
.sphead img{
	height:40px;
	width:auto;
}

.sphead_space{
	height:60px;
}    
    
  /*
    フッター概要
    */
  footer {
    background-color: #f3f3f3;
    padding: 40px 0 0;
    margin: 0 ;
    color: #21a457;
    text-align: center;
  }
  .foot_1 {
    margin: 0 5% 25px;
  }
  .foot_2 {
    margin: 0 5% 25px;
    line-height: 1.9em;
  }
  .foot_3 {
    display: inline-block;
    margin: 0 auto 35px;
    text-align: left;
    line-height: 1.6em;
  }
  .foot_3 span {
    font-size: 30px;
  }
  .foot_4 {
    margin: 0 25% 25px;
  }
  .foot_5 {
    margin: 0 5% 40px;
    line-height: 1.6em;
  }
  .foot_5 span {
    font-size: 20px;
  }
  .foot_6 {
    line-height: 1.6em;
    background: url("lib/images/pc_foot_bg_01.png") repeat-x center bottom;
    padding-bottom: 110px;
      margin: 0;
  }
  /*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/