@charset "utf-8";

/* ===== 全体 ===== */

.wrap{
	width:1040px;
	margin:0 auto;
	overflow:hidden;
}

h2.head_title{
	color:#38A1E2;
	font-family: "Yu Gothic";
}

img{
    -webkit-backface-visibility: hidden;
}

/* text */
.txt_r{text-align:right;}
.txt_c{	text-align:center;}

/* alignleft */
.alignleft{float:left;}
.alignright{float:right;}
.mb{margin-bottom:40px;}
.list_mb{margin-bottom:16px;}

.pdf a{
	padding:2px 26px 2px 0;
	background:url(../image/share/pdf-icon.gif) no-repeat right center;
	display: inline-block;
}

.word a{
	padding:2px 26px 2px 0;
	background:url(../image/share/word-icon.gif) no-repeat right center;
	display: inline-block;
}

/* パンくずリスト */

.bread_crumbs{
	padding:16px;
	font-size:13px;
	clear:both;
	background:#4B4B4B;
}

.bread_crumbs li{
	margin-right:16px;
	display:inline;
	color:#FFFFFF;
}

.bread_crumbs li:after{
	margin-left:16px;
	content: ">";
}

.bread_crumbs li:last-child:after{
	margin-left:0;
	content: "";
}

.bread_crumbs li a{
	color:#FFFFFF;
}

/* スマートフォン表示抑制 */

.sp{
	display: none;
}

/* ===== head ===== */

#head{
	padding:2px 0;
	background-color:#38A1E2;
}

#head .wrap ul{
	float: right;
}

#head ul.head_menu li{
	margin-left:24px;
	padding-left:18px;
	font-size:80%;
	float:left;
}

#head ul.head_menu li a{
	color:#FFFFFF;
}

#head ul.head_menu li a:hover{
	text-decoration: none;
}

#head ul.head_menu li:hover{
	background: url(../image/share/arrow.png) no-repeat 0 2px;
}

/* ===== header ===== */

header{
	overflow: hidden;
}

header #logo{
	margin:16px 0 0 16px;
	float:left;
}

/* ===== navigation ===== */

#global_menu{
	width:100%;
	background-color:rgba(255,255,255,0.8);
}

#global_menu nav ul{
	width:720px;
	overflow: hidden;
	float: right;
}

#global_menu nav ul li{
	width:120px;
	text-align: center;
	float:left;
	font-weight:600;
}

#global_menu nav ul li a{
	width:100%;
	padding:60px 0 16px;
	display: block;
	color:#606060;
}

#global_menu nav ul li:nth-child(1) a{
	background: url(../image/share/menu-icon1.png) no-repeat center 10px;
}

#global_menu nav ul li:nth-child(2) a{
	background: url(../image/share/menu-icon2.png) no-repeat center 10px;
}

#global_menu nav ul li:nth-child(3) a{
	background: url(../image/share/menu-icon3.png) no-repeat center 10px;
}

#global_menu nav ul li:nth-child(4) a{
	background: url(../image/share/menu-icon4.png) no-repeat center 10px;
}

#global_menu nav ul li:nth-child(5) a{
	background: url(../image/share/menu-icon5.png) no-repeat center 10px;
}

#global_menu nav ul li:nth-child(6) a{
	background: url(../image/share/menu-icon6.png) no-repeat center 10px;
}

#global_menu nav ul li a:first-letter{
	color:#38A1E2;
}

/* hover */

#global_menu nav ul li a:hover{
	background-position: center 14px;
	text-decoration: none;
}

/* ===== link_box ===== */

#link_box{
	padding:16px 0;
	background-color:#E8E8E8;
	clear:both;
}

#link_box h3{
	color:#148DD0;
	text-align: center;
	font-weight:bold;
}

#link_box h3 span{
	background: linear-gradient(transparent 60%, #F2D351 60%);
}

#link_box ul{
	width:800px;
	margin:0 auto;
	text-align: center;
}

#link_box ul li{
	margin:0 16px;
	display: inline-block;
	font-size:90%;
}

#link_box ul li a{
	padding-left:16px;
	background:url(../image/arrow.png) no-repeat 0 center;
}

#link_box ul li a:hover{
	color:#148DD0;
	text-decoration: none;
}

/* pagetop */

#pagetop{
	position:fixed;
	bottom:4%;
	right:2%;
}

#pagetop span{
	width: 60px;
	height: 60px;
	display: block;
}

/* ===== footer ===== */

footer .wrap{
	padding:16px 0;
}

footer #f_logo{
	margin-right:40px;
	margin-bottom:0;
	padding-right:16px;
	float:left;
	border-right:1px solid #000000;
}

footer div.f_acc{
	width:300px;
	float:left;
}

footer div.f_acc h3{
	margin-bottom:0;
	font-size:15px;
	font-weight: bold;
	line-height: 1.5;
}

footer div.f_acc p{
	font-size:70%;
	line-height: 1.5;
}

footer div.f_acc p span.tel{
	display: block;
	font-size:140%;
	font-weight: 600;
	color:#148DD0;
}

footer p.copy{
	font-size:11px;
	font-family: Arial, Helvetica, "sans-serif";
	text-align: center;
	color:#FFFFFF;
	background-color:#148DD0;
	clear: both;
}

/* notfound */

.notfound{
	padding:100px 0;
	text-align: center;
}

.notfound h2{
	color:#38A1E2;
}

/* sub_title */

#sub_title h2{
	margin:0 0 40px;
	padding:6% 0;
	text-align: center;
	font-weight: bold;
	color:#FFFFFF;
	font-size:30px;
	line-height: 1.0;
}

#sub_title h2 span{
	display: block;
	font-size:21px;
}

/* 配下ページ */

/* contents */

#page #contents{
	width:720px;
	margin-bottom:64px;
	float:left;
	font-size:90%;
}

#page #main{
	margin-bottom:64px;
	font-size:90%;
}

#page #contents h3,
#page #main h3{
	margin-bottom:24px;
	padding-bottom:16px;
	background: url(../image/share/subtitle-border.png) no-repeat 0 bottom;
	font-size:28px;
}

#page #contents p,
#page #main p{
	margin-bottom:24px;
}

#page #contents ul.dl li{
	margin-left:20px;
	list-style: disc;
}

/* sidebar */

#page #sidebar{
	width:240px;
	margin-bottom:64px;
	float:right;
}

#page #sidebar dl dt{
	margin-bottom:16px;
	padding:16px;
	background:#38A7E8;
	color:#FFFFFF;
	border-radius: 5px;
}

#page #sidebar dd li{
	font-size:90%;
	border-bottom:1px solid #DDDDDD;
}

#page #sidebar dd li a{
	width:100%;
	padding:8px 24px;
	display: block;
	background:url(../image/share/arrow-side.png) no-repeat 0 center;
}

#page #sidebar dd li a:hover{
	background-position: 2px center;
	text-decoration: none;
}

@media screen and (min-width: 640px) {
}

@media screen and (max-width: 1024px) {
	.wrap{
		width:94%;
		margin:0 auto;
		overflow:hidden;
	}
	
	#global_menu nav ul{
		width:60%;
	}

	#global_menu nav ul li{
		width:calc(100% / 6);
	}
	
	/* ===== footer ===== */
	
	footer #f_logo{
		margin-right:16px;
		padding-right:16px;
	}

	footer div.f_acc{
		width:280px;
		float:left;
		text-align: center;
	}
	
	/* 配下ページ */

	/* contents */

	#page #contents{
		width:70%;
	}
	
	/* sidebar */

	#page #sidebar{
		width:24%;
	}
}

@media screen and (max-width: 800px) {
	
	header #logo{
		margin:16px 0;
		float: none;
		text-align: center;
	}
	
	/* global_menu */
	
	#global_menu nav ul{
		width:100%;
		clear: both;
	}
	
	/* ===== footer ===== */
	
	footer{
		text-align: center;
	}
	
	footer #f_acc_box{
		width:600px;
		margin:0 auto;
		overflow: hidden;
	}
	
	footer #f_logo{
		margin-right:0;
		margin-bottom:24px;
		padding-right:0;
		float:none;
		border-right:none;
	}

	footer div.f_acc{
		width:300px;
	}
}

@media screen and (max-width: 740px) {
	body{
		-webkit-text-size-adjust: 100%;
		font-size:90%;
		border-top:10px solid #38A1E2;
	}
	
	.alignleft, alignright{
		float:none;
	}
	
	/* スマートフォン表示開放 */
	
	.sp{
		display: block;
	}
	
	/* display:none */
	
	#head, #link_box, footer #f_logo, .bread_crumbs, #pagetop{
		display: none !important;
	}
	
	/* 配下ページ */

	/* contents */

	#page #contents{
		width:100%;
		float:none;
	}

	#page #contents .photo img{
		width:100%;
		margin-bottom: 16px;
	}
	
	/* sidebar */

	#page #sidebar{
		width:100%;
		float:none;
	}
	
	#page #sidebar dd li{
		font-size:100%;
	}
	
	/* ===== footer ===== */
	
	footer #f_acc_box{
		width:inherit;
	}

	footer div.f_acc{
		width:90%;
		margin:0 auto 24px;
		float:none;
		text-align: center;
	}
	
	footer div.f_acc p{
		font-size:90%;
	}
	
	footer div.f_acc p.btm a{
		width:225px;
		margin:0 auto;
		padding:8px 0;
		color:#FFFFFF;
		background: #148DD0;
		display: block;
		font-size:140%;
		font-weight:bold;
		border-radius: 5px;
	}

	footer div.f_acc p span.tel{
		font-size:160%;
	}
}

@media screen and (max-width: 640px) {
	
	/* global_menu */

	#global_menu nav ul li{width:calc(100% / 3);}
	footer div.f_acc{width:100%;}
}

@media all and (-ms-high-contrast: none){
    #global_menu nav ul li{width:33%;}
}