/*====================================
  	共通
　　-フォント
　　-
====================================*/

/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
body{font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}*/
.drawer--left .drawer-nav{ left: -100%; }
body, .txt_color_nomal{color: #201f23; }
.txt_color_nomal{color: #201f23; }
.drawer--left .drawer-nav{ left: -100%; }
.shadow{ box-shadow:none;}
.shadow-b{box-shadow:none;}
.shadow-l{box-shadow:none;}
.shadow-r{box-shadow:none;}
.txt_shadow-l{text-shadow:none;}
.txt_shadow{ text-shadow: none;}
.txt_white{color: white;}
.txt_red{color: #f3f1f0;}
.txt_color1{color: #201f23} /* メインカラー */
.txt_color2{color: #e5dedd} /* サブカラー */
.txt_color3{color: #424143} /* アクセントカラー1 */
.txt_color4{color: #f3f1f0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #201f23} /* メインカラー */
.bg_color2{background-color: #e5dedd} /* サブカラー */
.bg_color3{background-color: #424143} /* アクセントカラー1 */
.bg_color4{background-color: #f3f1f0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #201f23}
.border_color2{border-color: #e5dedd}
.border_color3{border-color: #424143}
.border_color4{border-color: #f3f1f0}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #686050;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #201f23} /* メインカラー */
.hvr_txt_color2:hover{color: #e5dedd} /* サブカラー */
.hvr_txt_color3:hover{color: #424143} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f3f1f0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #201f23} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e5dedd} /* サブカラー */
.hvr_bg_color3:hover{background-color: #424143} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f3f1f0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #201f23}
.hvr_border_color2:hover{border-color: #e5dedd}
.hvr_border_color3:hover{border-color: #424143}
.hvr_border_color4:hover{border-color: #f3f1f0}
.linkStyle{color: #f3f1f0;}
#logo .logo{width: 340px; margin: 0px;}
#logo2 a{width: 280px; margin: 0 auto; display: block;}
#header{padding: 15px 0px;justify-content: space-between;}
#header_menu ul li{width: auto!important;}
#header_menu ul li a span{padding: 0px 10px;}
	
#footer .grid_6:first-of-type{display: none;}
#footer .grid_6:last-of-type{width: 100%!important;}
.footer_cms{border: none;}
.sns_links li{width: 50px!important;}

/*====================================
  	top
====================================*/
#intro_txt{
	background-image: url(./Dup/img/ilst2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 600px 400px;}
/*.top_cms_box{
	background-image: url(./Dup/img/ilst1.png);
	background-repeat: no-repeat;
	background-position: leftbottom;
	background-size: 600px 400px;}*/
.top_cms_box{
	margin-bottom: 0px;
}



/*====================================
  	下層ページ
====================================*/



/*====================================
  	おしらせ
====================================*/
.pager li a:hover{border-bottom: 1px solid #1A1A1A;}

/*====================================
  	Voice
====================================*/
#cms_6-c .circle{display: none;}
#cms_6-c .arrow{display: none;}
#cms_6-c .cate_box{    padding: 40px;	}
#cms_6-c .box_title{font-size: 18px;}
#cms_6-c .box_title:first-letter {
	font-size: 18px;	padding-right: 0px;
}

/*====================================
  	Company
====================================*/
#page7 .box_wrap .box .box_item:first-of-type{width: 30%!important;}
#page7 .box_wrap .box .box_item:last-of-type{width: 70%!important;}


/*====================================
  	Contact
====================================*/


/*====================================
  	Privacy policy
====================================*/

#page10 ul li a:hover{color: #201f23; opacity: 0.6;}

/*ここからタブレット用（900px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){
	.logo{margin: 0 auto;}
#header_menu ul{justify-content: space-between;
    padding-right: 70px;
    padding-left: 20px;
}
	#intro_txt{background: none;    padding: 20px 5%;}
}

/*ここからスマホ用（900px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
	#logo .logo{width: 220px;    text-align: left;}
	#main_img{padding: 0px;}
	#header{padding: 5px 0px;}
	.drawer--top.drawer-open .drawer-nav{padding-top: 90px;}
	#page7 .box_wrap .box .box_item:first-of-type{width: 100%!important;}
#page7 .box_wrap .box .box_item:last-of-type{width: 100%!important;}
}

/*====================================
  	IE環境の設定
====================================*/
@media all and (-ms-high-contrast:none){
#page9 .box p a{padding-top: 5px;}
	.pager li.prev a, .pager li.prev a{padding: 10px 10px 3px 10px;}

}