/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
body {
  line-height: 1.2em;
  font: YakuHanJP;
  font-family: 'Sawarabi Mincho', serif;
  color: #1C9CD5;
}
a {
  color: #1C9CD5;
}
.hidden_item{
	display: none;
}

/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                　　　　PC用CSS
*/
@media only screen and (min-width: 769px) {
  /*
□□□□□□□□□□□□□□□□□□□□□□□□□□
*/
  /*改行等表示・非表示*/
  .spv {
    display: none;
  }
  /*全体文字サイズ*/
  body {
    font-size: 1.5em;
    line-height: 1.2em;
  }
  /*---------------menu---------------*/
	
	
  .drawer_menu {
    overflow: hidden;
  }
	
  .menu__line__con {
    position: fixed;
    background-color: rgba(144, 248, 48, 0.95);
    left: 0px;
    top: 0px;
    padding: 20px;
    height: 20px;
    width: 30px;
    z-index: 99;
    border-bottom-right-radius: 20px;
  }	
  .menu {
    height: 20px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 30px;
    z-index: 99;
  }
  .menu__line {
    background: #000000;
    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: #000;
  }
  .menu__line--center.active {
    transform: scaleX(0);
    background-color: #000;
  }
  .menu__line--bottom.active {
    bottom: 10px;
    transform: rotate(135deg);
    background-color: #000;
  }
  /*---------- gnav ----------*/
  .gnav {
    background: rgba(250, 250, 250, 1.0);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    color: #888;
    font-family: 'Zen Maru Gothic', sans-serif;
  }
  .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: left;
    margin-bottom: 40px;
    padding: 0;
    padding: 10px 0 10px 10px;
  }
  .gnav__name img {
    width: 320px;
    height: auto;
  }
  .gnav__con {
    width: 80%;
    margin: 0 auto 5vh;
    line-height: 2.0em;
    text-align: left;
  }
  .gnav__con a {
    text-decoration: none;
    color: #888888;
  }
  
  
  
  
  .gnav_icon_box {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 20px;
  }
  .gnav_icon_title {
    font-weight: bold;
  }
  .gnav_icon_icon {
    font-size: 45px;
  }
  .gnav_icon_icon a {
    text-decoration: none;
  }
  .gnav_icon_icon i {
    /*color: #888;*/
    margin: 0 15px;
  }
  
  .gnav_icon_tel {
    font-size: 2.0em;
  }
/*---------- 最上部ボタン ----------*/
 
  .fix_btn {
    position: fixed; /* 固定 */
    z-index: 99; /*一番表に表示*/
	  display: inline-block;
    top: 0; /* 一番上に表示 */
	  right: 0;
    text-align: right;
    box-sizing: border-box;
    padding-right: 30px;
  }
  /*---------- ヘッダー ----------*/
  .drawer_menu, .gnav, .sp_head, .sp_head_space {
    display: none;
  }
  .pc_head {
    background-image: url("images/head_bg.png");
    background-position: top;
    background-repeat: repeat-x;
  }
  .pc_head_con {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .pc_head_name {
    width: 400px;
    margin: 30px;
  }
  .pc_head_contact {
    -webkit-flex: 1;
    flex: 1;
    text-align: right;
    margin-right: 30px;
  } 
/*---------- footer ----------*/
  .footer_con {
    background-color: #1C98D3;
    box-sizing: border-box;
    padding: 100px 0 30px;
  }
  .footer_box {
    width: 80%;
    margin: 0 auto 10px;
    color: #FFFFFF;
    text-align: center;
  }
  .footer_subtitle {
    margin-bottom: 10px;
  }
  .footer_title {
    font-size: 1.6em;
    line-height: 1.1em;
    margin-bottom: 20px;
  }
  .footer_txt1 {
    line-height: 1.4em;
  }
  /*---------- サブページ共通 ----------*/
  .sub-page_title {
    background-color: #1C98D3;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    margin: 0 auto 40px;
	  color: #FFF;
	  font-size: 1.8em;
	  line-height: 1.1em;
  }	
  /*◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆*/
/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                　　　　SP用CSS
*/
@media only screen and (max-width: 768px) {
  /*
□□□□□□□□□□□□□□□□□□□□□□□□□□
*/
  * {
    box-sizing: border-box;
  }
  /*改行等表示・非表示*/
  .pcv {
    display: none;
  }
  .fix_btn, .pc_head {
    display: none;
  }
  /*全体文字サイズ*/
  body {
    width: 100%;
    max-width: 100%;
    font-size: 1.5em;
    line-height: 1.2em;
  }
  img {
    max-width: 100%;
  }
  /*------------------------------*/
  /*全体文字サイズ*/
  body {
    font-size: 1.2em;
    line-height: 1.2em;
  }
  /*SP Header*/
  .sp_head {
    position: fixed; /* 固定 */
    top: 0; /* 一番上に表示 */
    width: 100%; /* 中央に表示 */
    z-index: 5; /*表側に表示*/
    box-sizing: border-box;
    background-color: #efeff4;
  }
  .sp_head_space {
    height: 60px;
  }
  /*全体枠*/
  .main {
    width: 100%;
  }
  .contents {
    width: 100%;
  }
  .side_menu {
    display: none;
  }
  /*
	
	*/
  /*menu*/
  .drawer_menu {
    overflow: hidden;
  }
  .menu {
    height: 20px;
    position: fixed;
    left: 20px;
    top: 20px;
    width: 30px;
    z-index: 99;
  }
  .menu__line {
    background: #000000;
    display: block;
    height: 3px;
    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: #000000;
  }
  .menu__line--center.active {
    transform: scaleX(0);
    background-color: #000000;
  }
  .menu__line--bottom.active {
    bottom: 10px;
    transform: rotate(135deg);
    background-color: #000000;
  }
  /*gnav*/
  .gnav {
    background: rgba(250, 250, 250, 1.0);
    display: none;
    height: 100%;
    position: fixed;
    width: 100vw;
    box-sizing: border-box;
    z-index: 98;
    color: #888888;
    font-family: 'Zen Maru Gothic', sans-serif;
  }
  .gnav__wrap {
    /*
	align-items: center;
	display: flex;
	justify-content: center;
	*/
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  .gnav .contents {
    width: 80%;
    margin: 0 auto;
    padding-top: 60px;
    box-sizing: border-box;
    text-align: center;
  }
  .gnav .contents a {
    text-decoration: none;
  }
  .gc_logo {
    text-align: center;
    margin-bottom: 60px;
  }
  .gc_logo img {
    width: 70%;
  }
  .gc_catalog, .gc_mail {
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 20px;
    border: 2px solid #1C9CD5;
    font-weight: bold;
  }
  .gc_fax {
    font-size: 8.5vw;
    line-height: 1.1em;
    margin-bottom: 15px;
  }
  .footer_con {
    background-color: #1C98D3;
    box-sizing: border-box;
    padding: 100px 0 30px;
  }
  .footer_box {
    width: 80%;
    margin: 0 auto 10px;
    color: #FFFFFF;
    text-align: center;
  }
  .footer_subtitle {
    margin-bottom: 10px;
  }
  .footer_title {
    font-size: 1.6em;
    line-height: 1.1em;
    margin-bottom: 20px;
  }
  .footer_txt1 {
    line-height: 1.4em;
  }
  /*サブページ共通*/
  .sub-page_title {
    background-color: #1C98D3;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
    margin: 0 auto 40px;
 	  color: #FFF;
	  font-size: 5vw;
	  line-height: 1.1em;
  }
  /*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/