@charset "utf-8";

/* ============================================================ *\
    $base
\* ============================================================ */


nav li a:hover,.main_content a:hover{
	background:none;
	color:#000;
}
nav{
	margin:0 -10px 20px;
}
.main_content{
	font-size:0.65em;
	line-height:2;
}
.main_content a{
	text-decoration:none!important;
}
nav li a:hover{
	color:#000!important;
	opacity:1!important;
}
.small dl#textchanger dd a{
}
.small #cse-search-box{
	width:318px!important;
}
.middle #cse-search-box{
	width:323px!important;
}
.large #cse-search-box{
	width:395px!important;
}
.small #searchbox{
	height:11px!important;
}
.middle #searchbox{
	height:14px!important;
}
.large #searchbox{
	height:29px!important;
}
.small #searchbutton{
	height:17px!important;
}
.middle #searchbutton{
	height:20px!important;
}
.large #searchbutton{
	height:35px!important;
}
.middle dl#textchanger dd.small a{
	padding-top:3px;
	padding-bottom:3px;
}
.middle dl#textchanger dd.middle a{
	padding-top:2px;
	padding-bottom:3px;
}

.large dl#textchanger dd.small a{
	padding:6px 6px 7px;
}
.large dl#textchanger dd.middle a{
	padding-top:3px;
	padding-bottom:4px;
}
.large .top_menu{
	top:42px;
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, img, strong, sub, sup, dl, dt, dd, ol, ul, li, label,table, caption, tbody, tfoot, thead, tr, th, td, form {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;

}

body {
    font-family:Arial, Helvetica, sans-serif;
    color: #000;
    vertical-align: baseline;
}
body.small { font-size: .8em; }
body.middle { font-size: 1em; }
body.large { font-size: 2em; }
body.en { font-family: Arial, sans-serif; }

img {
    border: 0;
    vertical-align: bottom;
}

ul, ol { list-style: outside none; }

a {
	color:#2e3689;
	text-decoration:none;
	transition:all 0.3s;
	opacity:1;
}
a:hover{
	transition:all 0.3s;
	opacity:0.6;
}

/*body.en a { text-decoration: none; }*/

a:hover {
}

a:visited { }

a:visited:hover { }

noscript p {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.2;
}
body.en noscript p {
    font-size: 1.5em;
    line-height: 1.3;
}

/* ============================================================ *\
    $common
\* ============================================================ */


img{
	max-width:100%;
}
.wrap,.main_content{
	width:720px;
	margin:0 auto 100px;
}
.main_content p{
	font-size:1.55em;
}
.mt_10{
	margin-top:10px!important;
}
.mt_20{
	margin-top:20px!important;
}
.mt_30{
	margin-top:30px!important;
}
.mt_40{
	margin-top:40px!important;
}
.mt_50{
	margin-top:50px!important;
}

.mb_10{
	margin-bottom:10px!important;
}
.mb_20{
	margin-bottom:20px!important;
}
.mb_30{
	margin-bottom:30px!important;
}
.mb_40{
	margin-bottom:40px!important;
}
.mb_50{
	margin-bottom:50px!important;
}
.mb_60{
	margin-bottom:60px!important;
}
.mb_70{
	margin-bottom:70px!important;
}
.mb_80{
	margin-bottom:80px!important;
}
.mb_90{
	margin-bottom:90px!important;
}
.mb_100{
	margin-bottom:100px!important;
}
.tal{
	text-align:left;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}
.font_ora{
	/*color:#E58011;*/
	color:#B75F00;
}
.note{
	font-size:1.35em!important;
	line-height:1.6;
}
.font_ind01{
	text-indent:-1.0em;
	padding-left:1.0em;
}
.font_pd{
	padding-left:1.5em;
}

.font_ind01_small{
	text-indent:-1em;
	padding-left:1em;

}
.font_ind02_small{
	text-indent:-0.8em;
	padding-left:0.8em;
}
.font_ind01_small .item{
	font-size:0.6em!important;
	vertical-align:middle;
}
.pcNone{
	display:none;
}
/* ============================================================ *\
    $header
\* ============================================================ */

body.large {

}
.overlay{
	position:relative;
}
nav{
	margin-top:35px;
	background:#fff;
	opacity:1;
}
.topbox{
	width:100%;
	margin-bottom:10px;
	padding:20px 0;
	background:#5078b0;
	color:#fff;
}
.main_title{
	width:720px;
	margin:0 auto;
	text-align:center;
	font-weight:normal;
	font-size:0.9em;
	line-height:1.4;
}
.main_title strong{
	vertical-align:middle;
	display:inline-block;
	padding-bottom:3px;
	margin:0 10px 0 5px;
	font-size:1.5em;
}
.large .main_title{
	font-size:1.1em;
}
.large .main_title strong{
	margin-bottom:-5px;
	display:block;
	font-size:1.3em;
}

.top_menu{
	position:absolute;
	right:15px;
	top:24px;
	width:260px;
	text-align:right;
}
.large .top_lg{
	margin-top:5px;
	margin-bottom:8px;
	width:150px;
}
.top_lg{
	position:absolute;
	right:0;
	top:0;
	min-width:100px;
	line-height:1.4;
	font-size:0.9em;
	height:24px;
}
.top_lg dt{
	cursor:pointer;
	transition:all 0.3s;
	opacity:1;
}
.top_lg dt:hover{
	transition:all 0.3s;
	opacity:0.6;
}
.top_lg dt,.top_lg_list li{
	background:#fff;
	color:#24569C;
	padding:1px 5px;
	text-align:center;
	border:2px solid #5078b0;
	margin-bottom:-2px;
}
.top_lg_list li a{
	display:block;
	text-decoration:none;
}
.top_lg dd{
	display:none;
	position:relative;
	z-index:99;
}
.nav{
	width:700px;
	margin:0 auto 10px;
	display:flex;
	justify-content:center;
	align-items:stretch;
}
.nav li{
	width:25%;
	padding:20px 0;
	border-right:2px solid #000;
	text-align:center;
	font-weight:bold;
	color:#221714;
	font-size:1em;
	line-height:1.6;
	display:flex;
	justify-content:center;
	align-items:center;
}
.nav li:first-child{
	border-left:2px solid #000;
}
.nav li a{
	text-decoration:none;
	/*color:#aaa;*/
	color:#595959;
}
.nav li.current a{
	/*color:#221714;*/
	color:#000;
}

/* ============================================================ *\
    $top
\* ============================================================ */

.top_main_tit{
	text-align:center;
	font-size:5.5em;
	font-weight:bold;
	color:#2e3689;
}
.large .top_main_tit{
	font-size:4em;
}
.main_img{
	text-align:center;
	margin-bottom:10px;
}
.top_tit01,.page_title{
	margin:0 auto 25px;
	width:186px;
	height:186px;
	background:url(../img/top/img_01.png) no-repeat;
	background-size:186px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	line-height:1.6;
}
.page_title{
	width:160px;
	height:160px;
	background:#2E3689;
	font-size:1.5em;
}
.article_title{
	margin-bottom:25px;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
}
.article_title strong{
	margin:0 10px;
	display:inline-block;
	border-bottom:1px #221714 solid;
	height:40px;
	width:96%;
	margin:0 auto;
	padding:0 20px;
	font-weight: bold;
}
.article_title strong span{
	vertical-align:middle;
	padding:0 10px 0;
	display:inline-block;
	font-size:50px;
	background:#fff;
}
.article_title_small{
	font-size:22px;
	padding-top:30px;
	display:inline-block;
}
.article_title02{
	margin-bottom:25px;
	font-size:2.2em;
	font-weight:bold;
	text-align:center;
	line-height:1.6;
	color:#2E3689;
}

.large .nav{
	width:720px;
}
.large .nav li{
	padding:0 3px;
	font-size:0.85em;
}
.large .page_title, .large .top_tit01{
	font-size:1.35em;
	line-height:1.3;
}

.zai_table_box{
	background:#2E3689;
	width:530px;
	padding:0 6px 6px;
	margin:0 auto;
}
.zai_table_box h3{
	color:#fff;
	padding: 10px 10px 5px;
	text-align:center;
	font-size:2.8em;
	line-height:1.5;
}
.inner_whi{
	padding:10px;
	background:#fff;
}
.zai_table_tit{
	padding:10px 20px 15px;
	font-size:2.4em!important;
	line-height:1.6;
}
.zai_table_tit span{
	/*color:#E58011;*/
	color:#B75F00;
	font-weight:bold;
}
.zai_table_col{
	padding:10px 0;
	margin-bottom:-1px;
	border-top:1px solid #221714;
	border-bottom:1px solid #221714;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:1.5em;
	line-height:1.4;
}
.zai_table_col dt{
	width:110px;
	padding:0 5px;
	min-height:42px;
	text-align:center;
	border-right:1px solid #221714;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:center;
}
.zai_table_col dd{
	width:375px;
}
.zai_td01{
	display:flex;
	flex-wrap: wrap;
	align-items:center;
}
.zai_table_col .note{
	font-size:smaller!important;
}
/* ============================================================ *\
    $introduction
\* ============================================================ */
.intro_list{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:stretch;
}
.intro_list li {
	margin-bottom:30px;
	width:48%;
}
.intro_list li h3{
	padding:5px 5px 2px;
	font-size:1.8em;
	background:#F08300;
	color:#fff;
	text-align:center;
}
.intro_img img{
	margin:0 0 60px;
}
.view_list{
	margin-bottom:-10px;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items:stretch;
}
.view_list li{
	width:48.2%;
	margin-bottom:40px;
}
.view_list li a{
	display:block;
}
.view_list li h3{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:center;
	min-height:65px;
	position:relative;
	padding:30px 5px 10px;
	background:#517DBF;
	color:#fff;
	text-align:center;
	font-size:2em;
	line-height:1.5;
	font-weight:normal;
}
.view_list li h3 span{
	position:absolute;
	width:38px;
	height:38px;
	text-align:center;
	line-height:40px;
	left:50%;
	top:-20px;
	margin-left:-20px;
	border:1px solid #fff;
	background:#517DBF;
	color:#fff;
	border-radius:50%;
	font-size:1.5em;
}
.large .view_list li h3{
	font-size:1.1em;
}
.large .view_list li h3 span{
	width:50px;
	height:50px;
	line-height:50px;
	margin-top:-25px;
}
.view_num{
	margin-bottom:50px;
	text-align:center;	
}
.view_num li{
	display:inline-block;
	width:28px;
	height:28px;
	line-height:30px;
	text-align:center;
	color:#fff;
	border-radius:50%;
	font-size:1.4em;
	font-weight:bold;
}
.view_num li a{
	display:block;
	color:#fff;
	width:100%;
	height:100%;
	border-radius:50%;
	background:#a8aeb2;
	transition:all 0.3s;
	opacity:1;
}
.view_num li a:hover{
	transition:all 0.3s;
	opacity:0.7;
	background:#a8aeb2;
	color:#fff;
}
.view_num li.current{
	background:#313994;
}
/* ============================================================ *\
    $overview
\* ============================================================ */
.overview_table{
	 border-width:0; border-spacing:0; border-collapse:collapse;
	 font-size:1.3em;
	 line-height:1.6;
}
.large .overview_table{
	font-size:1.2em!important;
}
.overview_table th,.overview_table td{
	padding:3px;
	border-top: 1px solid #221714;
	border-bottom: 1px solid #221714;
	vertical-align:middle;
	height:100%;
}
.overview_table_col01{
	width:200px;
}
.overview_table_col02{
	width:95px;
}
.overview_table th{
	text-align:center;
	padding:8px 0;
}
.overview_ico{
	padding:10px 0;
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items:center;
	min-height:60px;
}
.overview_ico img{
	width:60px;
}
.overview_ico h3{
	width:135px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	color:#2a3688;
}
.overview_th{
	height:100%;
	
}
.overview_th div{
	height:100%;
	background:#2a3688;
	color:#fff;
	display:flex;
	flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
	font-size:1.1em;
	font-weight:bold;
}
.overview_th img{
	max-height:100%;
}
.overview_th_color02 .overview_ico h3{
	color:#116fb5;
}
.overview_th_color03 .overview_ico h3{
	color:#1e8eb4;
}
.overview_th_color04 .overview_ico h3{
	color:#076974;
}
.overview_th_color02 .overview_th div{
	background:#116fb5;
}
.overview_th_color03 .overview_th div{
	background:#1e8eb4;
}
.overview_th_color04 .overview_th div{
	background:#076974;
}
@media only screen and (min-width: 0) and (max-width: 980px) {
.main_title strong{
	display:block;
}
.large .main_title{
	font-size:1em;
}
.top_menu{
	top:30px;
}
.large .top_menu{
	top:70px;
}

}

#page_header {
	float:none!important;
	position:fixed!important;
	top:0;
	left:0;
	z-index:10999;
	width:100%;
	height:70px;
	transition: 0.3s;
}
.page_header_bg{
	transition: 0.3s;
	background:rgba(74,177,215,0.8);
}

.pagetop {
	text-align: center;
	margin-bottom: 85px;
}

#page_header .inner{
	width:980px;
	margin:0 auto;
	padding:20px 0;
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
}
.page_nav{
	width:72%;
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items:center;
}
.page_nav li a{
	text-decoration:none;
	color:#fff;
	transition: 0.3s;
	opacity:1;
	font-size:0.875rem;
	font-weight:normal;
	line-height:1.6;
	font-family:"ÓÎ¥´¥·¥Ã¥¯", YuGothic, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	
}
.page_nav li a:hover{
	transition: 0.3s;
	opacity:0.75;
	text-decoration:none;
}
.page_logo{
	overflow:hidden;
	width:52px;
	height:30px;
	background:url(../img/logo_bla.png) no-repeat;
	transition: 0.3s;
	opacity:1;
}
.page_logo:hover{
	transition: 0.3s;
	opacity:0.75;
}
.page_logo a{
	display:block;
	width:100%;
	height:100%;
}
.page_logo img{
	line-height:0;
	vertical-align:middle;
}
.page_header_bg .page_logo{
	background:url(../img/logo_pc.png) no-repeat;
}
.page_nav li a{ color:#000;}
.page_header_bg .page_nav li a{ color:#fff;}
.nav_top{
	padding-top:70px!important;
}
.nav_top_whi{
	padding-top:90px!important;
}

.page_nav_whi .page_nav li a{ color:#fff;}
.page_nav_whi .page_logo{
	background:url(../img/logo_pc.png) no-repeat;
}
.large .page_title {
	width:250px;
	height:250px;
}
.large .zai_table_box {
	width:auto;
}
.large .zai_table_col dt{
	width:230px;
}
.large .zai_table_col dd{
	width:420px;
}
.large .overview_ico h3{
	font-size:0.9em;
}
.large .overview_table_col01{
	width:250px;
}
.large .overview_ico h3{
	width:180px;
}
.large .view_num li{
	width: 38px;
    height: 38px;
    line-height: 38px;
}


@media only screen and (min-width: 761px) and (max-width: 960px) {
	#page_header .inner{
		width:auto;
		padding:15px 10px;
	}
	
	
}