@charset "utf-8";

body { font-family: "Noto Sans JP"; font-size: 14px; line-height: 18px; font-weight: normal; color: #222;}
/* ページトップボタン */
#page-top { position: fixed; right: 20px; }
#page-top a { display: block; width: 100px; height: 177px; background: url("../img/gotop.png")top no-repeat;}
.hyoji { display: none;}
/*アンカータグ用*/
.con_inner { padding-top: 30px; margin-top: -30px; overflow: hidden;}
* img { vertical-align: bottom;}
* { box-sizing: border-box;}
#wrap { min-width: 1180px; }
* a {  }
* a:hover { opacity: 0.8; }

/*header*/
header { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; }
.head_color { width: 100%; height: 5px; background:linear-gradient(90deg, #005BAC 0%, #005BAC 50%, #009944 50%, #009944 100%);
}
#head_area { display: flex; max-width: 1400px; min-width: 1180px; margin: 0 auto; padding: 0 60px;}
.logo { margin-top: 11px;}
.menu_area { margin-left: auto}
/* メニュー */
.pc_area {}
.mob_area { display: none; }
/* PCメニュー */
.sub_menu ul { display: flex; justify-content: flex-end}
.sub_menu ul li { width: 130px; text-align: center; line-height: 28px; padding-bottom: 2px; border-radius: 0 0 15px 15px;}
.sub_menu ul li:first-of-type { background: #005BAC;}
.sub_menu ul li:first-of-type a { display: block;  color: #fff; text-decoration: none; }
.sub_menu ul li:last-of-type { background: #009944; margin-left: 11px;}
.sub_menu ul li:last-of-type a { display: block;  color: #fff; text-decoration: none; }
.main_menu ul { display: flex; margin-top: 34px}
.main_menu ul a { color: #222; text-decoration: none; font-size: 15px; margin-left: 20px; font-weight: 700;}
.main_menu ul li:first-of-type a { margin-left: 0;}
.main_menu ul li:nth-of-type(odd) a { }
.main_menu ul li:nth-of-type(odd) a:hover { border-bottom: solid 3px #009944; }
.main_menu ul li:nth-of-type(even) a {  }
.main_menu ul li:nth-of-type(even) a:hover { border-bottom: solid 3px #005bac;}
/*下層ページtopイメージ*/
.top_img_area2 { position: relative; width: 100%; background: url("../img/header_photo.png") no-repeat; background-size: cover; max-width: 1400px; min-width: 1180px; margin: 20px auto 0 auto;}
.top_img_area2:before { content:""; display: block; padding-top: 47.2%; }
.top_img2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

/* contents */
main { padding: 10px 0 80px 0;}
.title_gr { max-width: 480px; width: 100%; height: 40px; line-height: 40px; background: #009944; text-align: center; color: #fff; font-size: 22px; border-radius: 20px; margin: 0 auto; letter-spacing: 2px;}
.title_bl { max-width: 480px; width: 100%; height: 40px; line-height: 40px; background: #005BAC; text-align: center; color: #fff; font-size: 22px; border-radius: 20px; margin: 0 auto; letter-spacing: 2px;}
.title_bl2 { max-width: 800px; width: 100%;  height: 40px; line-height: 40px; background: #005BAC; text-align: center; color: #fff; font-size: 22px; border-radius: 20px; margin: 0 auto; padding: 0 150px; letter-spacing: 2px;}

/*footer*/
footer { width: 100%; min-width: 1180px; border-top: solid 5px #DEAD25; background: #FDE9C3; }
.foot_cont_area { display: flex; justify-content: center; padding: 20px 0; }
.foot_logo { margin-top: 5px}
.foot_add { font-size: 19px; line-height: 28px;  margin: 18px 30px 0}
.foot_btn_yamaga {}



@media screen and (max-width: 800px) {
/* ページトップボタン */
	#page-top { position: fixed; right: 8px; }
	#page-top a { display: block; width: 75px; height: 133px; background: url("../img/gotop.png")top no-repeat; background-size: cover;}
	#wrap { min-width: 320px; }
	
	/*header*/
	#head_area { display: flex; max-width: 100%; min-width: 320px; margin: 0 auto; padding: 0 20px;}
	.head_color { height: 10px;}
	.logo img { max-width: 454px; width: 100%; height: auto; padding-right: 70px; }
	/* メニュー */
	.pc_area { display: none;}
	.mob_area { display: none; }
    
    .top_img_box { margin-top: 20px;}
	
	/* contents */
    main { padding: 50px 0 100px 0; }
	.title_gr { height: 40px; line-height: 40px; font-size: 18px; }
	.title_bl { height: 40px; line-height: 40px; font-size: 18px; }
	.sub_title_area { padding: 0 5%;}
	.title_bl2 { max-width: 550px; width: 100%;  height: 40px; line-height: 40px; background: #005BAC; text-align: center; color: #fff; font-size: 16px; border-radius: 20px; margin: 0 auto; padding: 0px;}
	
	/*footer*/
	footer { width: 100%; min-width: 320px; border-top: solid 10px #DEAD25;}
	.foot_cont_area { display: block; text-align: center; padding: 40px 0 60px 0;}
	.foot_logo { margin-top: 0px; padding: 0 5%;}
	.foot_logo img { max-width: 400px; width: 100%; height: auto;}
	.foot_add { font-size: 17px; line-height: 28px;  margin: 25px 0; }
	.foot_btn_yamaga {}
	
	
	
	
}