@charset "utf-8";

body { font-family: 'Noto Sans JP', sans-serif; /*font-family: 'Noto Serif JP', serif;*/ font-size: 14px; line-height: 18px; font-weight: normal; color: #222;}
* { box-sizing: border-box;}
* img { vertical-align: bottom;}
/* ページトップボタン */
#page-top { position: fixed; right: 60px; }
#page-top a { display: block; width: 80px; height: 118px; background: url("../img/btn_go_top.png")top no-repeat; background-size: 80px 118px;}
.hyoji { display: none;}
.hyoji { display: none;}
/*アンカータグ用*/
.con_inner { padding-top: 30px; margin-top: -30px; overflow: hidden;}
.pc_on {}
.mob_on { display: none;}


#wrap {}

/*header*/
header { display: flex; max-width: 2400px; min-width: 1400px; width: 100%; margin: 0 auto; padding: 0;}
#logo { max-width: 330px; padding: 10px 0px; margin: 0 0 0 10px; }
#logo img { width: 100%; height: auto;}
nav { display: flex; height: 80px; margin-left: auto; user-select: none;}
nav ul { display: flex; margin-right: 18px;}
nav li {}
nav li a { display: block; color: #222; text-decoration: none;  line-height: 18px; border-left: solid 1px #098F5D; padding-left: 16px; margin: 30px 0 0 16px; transition: color .5s;}
nav li a:hover { color: #888;}
nav li:first-child a { margin-left: 0;}
.toi { background: #088F5E; text-align: center;}
.toi a { display: block; width: 110px; height: 80px; color: #fff; text-decoration: none; padding-top: 14px;}
.toi img { width: 40px; height: auto; margin-bottom: 8px;}

/*メインコンテンツ*/
.base_title_name { font-size: 28px; line-height: 120%; font-weight: 700; color: #001661; height: 50px; margin-bottom: 25px; background:  url("../img/bg_line.png") no-repeat left bottom; margin: 0 auto 25px; }
.base_title_name_s {
    font-size: 22px;
    line-height: 120%;
    font-weight: 500;
    color: #001661;
    height: 50px;
    background: url("../img/bg_line.png") no-repeat left bottom;
	margin-top: -15px;
    margin-right: 200px;
    margin-left: 200px;
    margin-bottom: 25px;
}
.area1450 { width: 1400px; margin: 0 auto; overflow: hidden;}
.area1000 { width: 1000px; margin: 0 auto;}
.area1100 { width: 1100px; margin: 0 auto;}
.area1000 { width: 1000px; margin: 0 auto;}


/*Title img*/
.head_img_area { display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; background: url("../img/top_sub_img.jpg") no-repeat center bottom / cover; overflow: hidden;}

/*footer*/
footer { display: flex; justify-content: center; width: 100%; min-width: 1400px; background: #001661; padding: 15px 0;}
.copy { color: #fff; margin: 6px 20px 0 0;}
.toiawase a { display: block; background: #fff; color: #088F5E; font-size: 15px; text-decoration: none; padding: 6px 17px; border-radius: 15px;}
.toiawase img { margin-right: 5px;}


@media screen and (max-width: 768px) {
	body { min-width: 380px; font-size: 14px;}
	.pc_on { display: none;}
	.mob_on { display: block;}
	/* ページトップボタン */
	#page-top { position: fixed; right: 20px; }
	#page-top a { display: block; width: 50px; height: 74px; background: url("../img/btn_go_top.png")top no-repeat; background-size: 50px 74px;}
	
	/*header*/
	header { max-width: none; min-width: auto; height: 50px;}
	#logo { max-width: none; width: 200px; padding: 0 0 0 0; margin: 4px 20px 0 20px;}
	nav { height: 50px;}
	.toi a { width: 75px; height: 50px; padding-top: 9px; font-size: 9px;}
	.toi img { width: 25px; margin-bottom: 3px;}
	
	/*Title img*/
	.head_img_area { width: 100%; height: 200px; background: url("../img/top_sub_img.jpg") no-repeat center bottom / cover;}

	/*メインコンテンツ*/
	.base_title_name { font-size: 22px; height: auto; padding-bottom: 15px; }
.base_title_name_s {
	font-size: 22px;
	margin-top: -15px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 25px;
	padding-bottom: 15px
}
	.area1450 { width: 100%; margin: 0; padding: 0 5%;}
	.area1000 { width: 100%;}
	.area1100 { width: 100%;}
	
	/*footer*/
	footer { flex-direction: column; min-width: auto; padding: 25px 0 25px; text-align: center;}
	.copy { margin: 0 0 15px 0;}
	.toiawase a { width: 160px; margin: 0 auto;}
}