@charset "utf-8";
/* ///////////////////////////////////////////////////////////////////

site.css

/////////////////////////////////////////////////////////////////// */

html {
    overflow-y: scroll;
}
body {
    font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}
/*
10px｜63%
11px｜69%
12px｜75%
13px｜82%
14px｜88%
15px｜94%
16px｜100%
17px｜107%
18px｜113%
19px｜119%
20px｜125%
21px｜132%
22px｜138%
23px｜144%
24px｜150%
25px｜157%
26px｜163%
28px｜175%
30px｜188%
32px｜200%
36px｜225%
*/

a:link {
    color: #0069ab;
    text-decoration: none;
}
a:activ {
 color: #0069ab;
 text-decoration: underline;
}
a:visited {
    color: #0069ab;
    text-decoration: none;
}
a:hover {
    color: #0069ab;
    text-decoration: underline;
}
.opacity:hover img {
	opacity: 0.85;
}
.opacity:hover {
	opacity: 0.85;
}
/* iphoneでランドスケープにしたときの文字サイズが大きくなるのを防ぐ */
body {
    -webkit-text-size-adjust : none;
}
/* ---- Fluid Image setting ------------------- */
/* Firefox, Safari, Chrome, Opera fluid Image */
img, iframe, object {
    max-width : 100%;
}
/*IE8用*/
img, object {
    width: auto\9
}
#wraper {
    min-width: 960px;
}
.wrap {
    margin: auto;
    padding: 0;
    width: 940px;
    overflow: hidden;
    box-sizing: border-box;
}

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cf {
	min-height: 1px;
}

.d-md-none{
	display:none
}

/* ----------------------------------------

文字サイズ

---------------------------------------- */
.text-5s{
	font-size: 50% !important;
}
.text-4s{
	font-size: 60% !important;
}
.text-3s{
	font-size: 70% !important;
}

.text-2s{
	font-size: 80% !important;
}

.text-sm{
	font-size: 90% !important;
}

.text-lg{
	font-size: 1.25rem !important;
	line-height: 1.3;
}

.text-2l{
	font-size: 1.5rem !important;
	line-height: 1.3;
}

.text-3l{
	font-size: 1.75rem !important;
}

.text-4l{
	font-size: 2rem !important;
}

.text-5l{
	font-size: 2.25rem !important;
}

.text-6l{
	font-size: 2.5rem !important;
}

.text-norm{
	font-size: 1rem !important;
}

/* ----- #header ----- */
#header {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #cccfd0;
}
#header #header_unit {
    box-sizing: border-box;
    margin: auto;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    width: 960px;
}
#header h1 {
    float: left;
    width: 26%;
}
#header .network {
    float: left;
    font-size: 88%;
    line-height: 1;
    /* padding-top: 25px; */
    padding-top: 7px;
  margin-left: 1rem;
    /* width: 24%; 検索ボックスある場合 */
}
#header .network .number_shop {
    font-size: 143%;
    font-weight: bold;
}
#header .network .f13 {
    display: block;
    font-size: 93%;
    padding-top: 5px;
}
#header .searchform_pnel {
}
#header #searchform {
    float: left;
    margin-top: 35px;
    position: relative;
    width: 26%;
}
#header dl {
    bottom: 8px;
    position: absolute;
    right: 0;
    width: 22%;
}
#header dl dt {
    font-size: 69%;
    line-height: 1;
    margin-bottom: 2px;
}
#header dl dd {
    background: url(/images/common/icon_phone.png) no-repeat left center;
    color: #143075;
    font-size: 144%;
    font-weight: bold;
    line-height: 1;
    padding-left: 35px;
}
#header .link_g_arrow {
    position: absolute;
    right: 0;
    /* top: 8px; */
  top:  0;
}
#header .link_g_arrow a {
    color: #333;
}
#header .link_g_arrow li {
    float: left;
    font-size: 82%;
    margin-right: 10px;
}

#header .foreign-lang-wrap {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	right: 60px;
}
#header .foreign-lang-wrap li {
	width: 3em;
}
#header .foreign-lang-wrap li a {
	color: #333;
	position: relative;
	display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: url(/images/common/link_g_arrow.png) no-repeat scroll 15% center;
    background-size: .3rem auto;
	padding-left: 1rem;
}
#header .foreign-lang-wrap li:hover a{
	text-decoration: none;
}


.link_g_arrow a, .link_g_arrow .togglebtn, .link_g_arrow .current {
    background: url(/images/common/link_g_arrow.png) no-repeat scroll left center;
    padding-left: 10px;
    background-size: .3rem auto;
}
.togglebtn{
    color: #0069ab;
	cursor:pointer;
}
.togglebtn:hover {
    color: #0069ab;
    text-decoration: underline;
}
.toggleopen .togglebtn{
    background: url(/images/common/link_g_arrow_down.png) no-repeat scroll left center;
    background-size: auto .3rem;
}
.toggle_child{
	display:none;
}
/* searchform */
#searchform {
}
#keywords {
    background: url(/images/common/icon_search.png) no-repeat 8px center;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    height: 26px;
    padding: 4px 4px 4px 30px;
    position: absolute;
    width: 80%;
}
#searchBtn {
    background: none repeat scroll 0 0 #555555;
    border: 0 none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    height: 26px;
    padding: 5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 20%;
}
/* ----- #gnav ----- */
#gnav_pc {
    background: none repeat scroll 0 0 #103082;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.11);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,.11);
    box-shadow: 0 5px 5px rgba(0,0,0,.11);
    position: relative
}
.nav_en,
.nav_toggle {
    display: none;
}
#gnav {
    margin: auto;
    overflow: hidden;
    border-right: 1px solid #2f4b92;
    border-left: 1px solid #00004e;
    width: 960px;
}
#gnav li {
    border-left: 1px solid #2f4b92;
    border-right: 1px solid #00004e;
    box-sizing: border-box;
    float: left;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 16.66%;
}
#gnav li.current a {
    background: #f6ab00;
    color: #333333;
    text-shadow: none;
}
#gnav li a {
    border: 0 none;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 0;
    text-shadow: 0 1px rgba(0,29,119,.35);
}
#gnav li a:hover {
    background: #f6ab00;
    color: #333333;
    text-shadow: none;
    text-decoration: none;
}

.home_wraper #gnav li#nav_home a,
.company_wraper #gnav li#nav_company a,
.business_wraper #gnav li#nav_business a,
.news_wraper #gnav li#nav_news a,
.ir_wraper #gnav li#nav_ir a,
.recruit_wraper #gnav li#nav_recruit a {
    background: #f6ab00;
    color: #333333;
    text-shadow: none;
}


/* ----- #pagetop ----- */
#pagetop {
    margin-bottom: -1px;
    margin-top: 100px;
    overflow: hidden;
    ;
}
#pagetop p {
    border-bottom: 1px solid #374f8a;
    width: 140px;
    float: right;
}
#pagetop p a {
    background: url(/images/common/pagetop.png) no-repeat scroll 15px center #143075;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: block;
    font-size: 75%;
    padding: 4px 15px 4px 40px;
    border-bottom: 1px solid #00065d;
}
/* ----- #footer ----- */
#footer {
    background: none repeat scroll 0 0 #143075;
    clear: both;
    color: #fff;
    padding-top: 10px;
}
/* footer_unit01 */
#footer_unit01 {
    color: #babecf;
}
#footer_unit01 p.home_p {
    display: none;
}
#footer_unit01 dl {
    float: left;
    margin-right: 2.2%;
    width: 14.8%;
}
#footer_unit01 dl.lastitem {
    float: right;
    margin-right: 0;
}
#footer_unit01 dl dt {
    background: url(/images/common/footer_icon01.png) no-repeat left center;
    border-bottom: 1px solid #00065d;
    font-size: 88%;
    font-weight: bold;
    padding-left: 10px;
    line-height: 2;
}
#footer_unit01 dl dt a {
    color: #dee0e8;
}
#footer_unit01 dl dd {
    border-top: 1px solid #374f8a;
    padding-top: 8px;
}
#footer_unit01 dl dd ul {
}
#footer_unit01 dl dd ul li {
    font-size: 75%;
    line-height: 1.3;
    margin-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em;
}
#footer_unit01 dl dd ul li a {
    background: url(/images/common/footer_icon02.png) no-repeat left center;
    color: #babecf;
    padding-left: 8px;
}
#footer_unit01 dl dd ul .innerlist {
    margin-bottom: 13px;
}
#footer_unit01 dl dd ul .innerlist span {
    color: #415b9f;
    display: block;
    float: left;
    width: 1.5em;
}
#footer_unit01 dl dd ul .innerlist ul li {
    margin-top: 5px;
    padding-left: 0;
    text-indent: 0;
}
#footer_unit01 dl dd ul .innerlist ul li a {
    background: none repeat scroll 0 0;
    display: block;
    font-size: 132%;
    line-height: 1.3;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
/* footer_unit02 */
#footer_unit02 {
    background: #edeff0;
    color: #333;
    overflow: hidden;
    padding: 5px;
    position: relative;
}
#footer_unit02 ul {
    float: left;
    font-size: 75%;
    left: 50%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#footer_unit02 ul li {
    float: left;
    position: relative;
    left: -50%;
}
#footer_unit02 ul li a {
    color: #333;
    padding: 0 10px;
}
#footer_unit03 {
    background: url(/images/common/footer_bg.gif) repeat-x left top #edeff0;
    position: relative;
    color: #333;
    padding: 5px;
}
#footer_unit03 .copyright {
    font-size: 63%;
    text-align: center;
}
/* ----- sidebar ----- */

#sidebar {
}
#sidebar .popup-youtube-wrap {
	margin-top: 1em;
	background-color: #f6f6f6;
	border-bottom: 1px solid #ccc;
	padding: .5em 1em;
}
#sidebar .sub_nav .popup-youtube-wrap > dl {
}
#sidebar .sub_nav .popup-youtube-wrap > dl dt {
	text-align: left;
	font-weight: bold;
	font-size: 90%;
	border-bottom: none;
	line-height: 1.2;
	text-align: center;
	color: #fff;
	background-color: #103082;
	position: relative;
	padding: .5em 0;
	margin: -.5em -1em 0;
}
#sidebar .sub_nav .popup-youtube-wrap > dl dd {
	font-size: 75%;
	margin-top: 1em;
}
#sidebar .popup-youtube-wrap > dl img {
	border: 2px solid #0a3190;
}



#sidebar .sub_nav {
}
#sidebar .sub_nav a {
    color: #333;
}

#sidebar .sub_nav dt {
    border-bottom: 3px solid #cccfd0;
    font-size: 113%;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
}
#sidebar .sub_nav dd {
}
#sidebar .sub_nav dd ul {
}
#sidebar .sub_nav dd ul li {
    display: table;
    width: 100%;
    font-size: 88%;
}
#sidebar .sub_nav dd ul li a {
    background: url(/images/common/side_nav_arrow.png) no-repeat scroll 92% center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #cccfd0;
    display: table-cell;
    line-height: 1.3;
    padding: 18px 50px 18px 20px;
    vertical-align: middle;
    width: 100%;
}
#sidebar .sub_nav dd ul li a:hover {
    background: url(/images/common/side_nav_arrow.png) no-repeat 95% center!important;
}
#sidebar .sub_nav dd ul .current {
    font-weight: bold;
}
#sidebar .sub_nav dd ul .current a {
    background: url(/images/common/side_nav_arrow.png) no-repeat 92% center #f7f8f8;
}
/* ----- 2Column ----- */
.contentsbox, #sidebar {
    margin-bottom: 5px;
}
.contentsbox {
    float: left;
    width: 74.46%;
}
/* ----- #sidebar ----- */
#sidebar {
    float: right;
    width: 23.4%;
}
/* ----- target_blank icon ----- */
a img.link_b {
    padding-left: 5px;
    vertical-align: middle;
}
/* =========================================================
font
========================================================= */
.bold {
    font-weight: bold;
}
.italic {
    font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", serif;
    font-style: italic;
}
.under_l {
    text-decoration: underline;
}
.strike {
    text-decoration: line-through;
}
.c_red {
    color: #c90011;
}
.a_right {
    text-align: right;
}
.t_align_r {
    text-align: right;
}
.t_align_c {
    text-align: center;
}
.t_align_l {
    text-align: left;
}
.block_center {
    margin-left: auto;
    margin-right: auto;
}
/* =========================================================
margin
========================================================= */
.mt40 {
    margin-top: 40px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 5px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb35 {
    margin-bottom: 35px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb100 {
    margin-bottom: 100px;
}
/* =========================================================
title level
========================================================= */
/* title01 */
.title01 {
    background: none repeat scroll 0 0 #edeff0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-top: 15px;
}
.title01 .jp_tit {
    color: #001d77;
    display: block;
    font-size: 225%;
    text-shadow: 1px 1px #fff;
    line-height: 1.1;
    font-weight: bold;
}
.title01 .en_tit {
    color: #898c8d;
    display: block;
    font-size: 125%;
    text-shadow: 1px 1px #fff;
    font-weight: normal;
    line-height: 1.1;
}
/* title02 */
.title02 {
    background: url(/images/common/title02.gif) no-repeat left top;
    font-size: 200%;
    line-height: 1;
    margin-bottom: 40px;
    padding-top: 1rem;
    font-weight: bold;
}
/* title03 */
.title03 {
    border-left: 6px solid #0a3190;
    font-size: 150%;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 1em;
    padding-left: 10px;
}
/* title04 */
.title04 {
    color: #001d77;
    font-size: 138%;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 1.6em;
}
/* title05 */
.title05 {
    border-bottom: 2px solid #cccfd0;
    font-size: 125%;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
/* title06 */
.title06 {
    background: url(/images/common/title06.gif) repeat-x left bottom;
    font-size: 113%;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
/* title07 */
.title07 {
    margin: auto auto 20px;
    position: relative;
    text-align: center;
    width: 82.55%;
}
.title07:before {
    /*border-top: 2px solid #cccfd0;*/
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
}
.title07 .jp_tit {
    /*background: none repeat scroll 0 0 #f3f3f3;*/
    color: #143075;
    display: inline;
    font-size: 175%;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 30px;
    position: relative;
}
.title07 .en_tit {
    color: #a2a3a5;
    display: block;
    font-size: 113%;
    font-weight: normal;
    line-height: 1;
    position: relative;
}
/* title08 */
.title08 {
    background: url(/images/common/title02.gif) no-repeat scroll left top;
    line-height: 1;
    margin-bottom: 40px;
    padding-top: 20px;
}
.title08 .jp_tit {
    font-size: 150%;
    margin-right: 15px;
}
.title08 .en_tit {
    color: #a2a3a5;
    font-size: 113%;
    font-weight: normal;
}
/* =========================================================
button type
========================================================= */
/* btn_type01 */
.btn_type01 {
    background-color: #4f68a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px #143075;
    -moz-box-shadow: 0px 3px #143075;
    box-shadow: 0px 3px #143075;
    color: #fff;
    display: table;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px #143075;
    vertical-align: middle;
    position:relative;
}
.btn_type01 a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
.btn_type01:hover {
    background-color: #4f68a8;
    -webkit-box-shadow: 0px 2px #143075;
    -moz-box-shadow: 0px 2px #143075;
    box-shadow: 0px 2px #143075;
    top:1px;
}
.btn_type01 a:hover {
    text-decoration: none;
}
/* btn_type02 */
.btn_type02 {
    background-color: #edeff0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px #dde0e1;
    -moz-box-shadow: 0px 3px #dde0e1;
    box-shadow: 0px 3px #dde0e1;
    color: #333333;
    display: table;
    font-weight: nomal;
    text-align: center;
    vertical-align: middle;
    position:relative;
    cursor:pointer;
}
.btn_type02 a {
    color: #333333;
    display: table-cell;
    vertical-align: middle;
}
.btn_type02:hover {
    -webkit-box-shadow: 1px 1px #dde0e1;
    -moz-box-shadow: 0px 2px #dde0e1;
    box-shadow: 0px 2px #dde0e1;
    top:1px;
}
.btn_type02 a:hover {
    text-decoration: none;
}
/* btn_type03 */
.btn_type03 {
    background: url(/images/common/btntype03.png) no-repeat right bottom #edeff0;
    -webkit-box-shadow: 0px 2px #cccfd0;
    -moz-box-shadow: 0px 2px #cccfd0;
    box-shadow: 0px 2px #cccfd0;
    color: #333333;
    display: table;
    font-weight: nomal;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    position:relative;
}
.btn_type03 a {
    display: table-cell;
    vertical-align: middle;
}
.btn_type03:hover {
    background: #0a3190;
    color: #fff;
    box-shadow: 0px 1px #cccfd0;
    top:1px;
}
.btn_type03 a:hover {
    background: #0a3190;
    color: #fff;
    text-decoration: none;
}
/* ボタンのサイズ　*/
.btn_w01 {
    width: 220px;
    height: 38px;
}
.btn_w02 {
    width: 140px;
    height: 38px;
}
.btn_w03 {
    width: 300px;
    height: 38px;
}
.btn_type04 {
    background-color: #1d44a8;
    border-radius: 3px;
    box-shadow: 0 3px #143075;
    color: #fff;
    display: table;
    font-weight: bold;
    padding: 10px 45px;
    text-align: center;
    vertical-align: middle;
    margin: auto;
   cursor: pointer;
   position:relative;
}
.btn_type04:hover {
    box-shadow: 0px 2px #143075;
    top:1px;
}

.btn_type05 {
    background: url(/images/common/icon_next.png) no-repeat left center;
    padding-left: 1.6rem;
}

.icnarrow span {
    background: url(/images/common/icon_arrow.png) no-repeat left center;
    color: #fff;
    display: table-cell;
    padding-left: 25px;
    vertical-align: middle;
}
.icnarrow span input{
    border-style: none;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
.btn_type02 span input{
    border-style: none;
    background-color: transparent;
    color: #000;
    font-weight: bold;
    font-family: Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
.search_pnel {
    margin: 50px auto 55px;
    width: 430px;
    ;
}
.search_pnel input {
    background: url(/images/contact/shadowbg.png) repeat-x scroll left top #fff;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    float: left;
    font-size: 100%;
    line-height: 1;
    padding: 9px 10px;
    width: 320px;
}
.search_pnel .btn_type02 {
    padding: 3px 10px;
    float: right;
}
.search_pnel .btn_type02 a {
    background: url(/images/common/icon_search_b.png) no-repeat left center;
    padding-left: 25px;
}

.bold {
    font-weight: bold;
}

.badge_01{
		font-size: 95%;
    border: 1px solid #0A3190;
    padding: .1rem .3rem;
    border-radius: 0;
    margin-right: .5rem;
    color: #0A3190;
    vertical-align: middle;
}

.badge_02{
	
}

/* =========================================================
table type
========================================================= */
/* tbl_type01 */
.tbl_type01 {
    width: 100%;
    border-top: 1px dotted #888888;
}
.tbl_type01 th {
    background-color: #edeff0;
    padding: 10px 20px;
    text-align: left;
    border-bottom: 1px dotted #888888;
}
.tbl_type01 td {
    padding: 10px 20px;
    border-bottom: 1px dotted #888888;
}
.tbl_type01 a {
    color: #0069ab;
}
/* tbl_type02 */
.tbl_type02,.tbl_type03{
    width: 100%;
    border-top: 1px solid #888888;
    border-right: 1px solid #888888;
}
.tbl_type02 thead th,.tbl_type03 thead th{
    background-color: #555555;
    border-bottom: 1px solid #888888;
    border-left: 1px solid #888888;
    color: #fff;
    padding: 10px 20px;
}
.tbl_type02 tbody th,.tbl_type03 tbody th{
    background-color: #edeff0;
    padding: 7px 7px;
    text-align: left;
    border-bottom: 1px solid #888888;
    border-left: 1px solid #888888;
}
.tbl_type02 tbody td,.tbl_type03 tbody td{
    padding: 10px 20px;
    border-bottom: 1px solid #888888;
    border-left: 1px solid #888888;
}
.tbl_type02 a,.tbl_type03 a{
    color: #0069ab;
}
/* ----- .satemap ----- */

.sitemap_lnk {
    overflow: hidden;
}
.sitemap_lnk dl {
    float: left;
    padding-left: 5%;
    width: 20%;
}
.sitemap_lnk dl dt {
    font-weight: bold;
    margin-bottom: 10px;
}
.sitemap_lnk dl dd .link_g_arrow li {
    margin-bottom: 10px;
    padding-left: 1em;
    text-indent: -1em;
	line-height: 1.2;
}
.sitemap_lnk dl dd .link_g_arrow li a, .sitemap_lnk dl dd .link_g_arrow li .current {
    padding-left: 15px;
}
.sitemap_lnk dl dd .link_g_arrow .innerlist ul {
    margin-top: 5px;
}
.sitemap_lnk dl dd .link_g_arrow .innerlist ul li a {
    background: none repeat scroll 0 0;
}
.sitemap_lnk dl dd .link_g_arrow .innerlist ul li a span {
    color: #cccfd0;
    display: block;
    float: left;
    padding-right: 2px;
}
/* =========================================================
topic_path
========================================================= */
#topic_path {
    font-size: 75%;
    margin-bottom: 20px;
    overflow: hidden;
}
#topic_path li {
    float: left;
}
#topic_path li a {
    color: #0069ab;
}
#topic_path li span {
    color: #cccccc;
    padding: 0 15px;
}
.content_block {
    margin-bottom: 50px;
}
.txt_block p {
    margin-bottom: 15px;
}
/* =========================================================
list setting
========================================================= */

/*list_disc01*/
.list_disc01 li {
   /* list-style: disc inside none;*/
    list-style: disc outside none;
	margin-left: 1.4em;
	margin-bottom: 0.8em;
}
.list_disc01 li ul {
    text-indent: 1.5em;
}
.list_disc01 li ul li ul {
    text-indent: 3em;
}
/*list_num01*/
.list_num01 li {
    list-style: decimal inside none;
}
.list_num01 li ol {
    text-indent: 1.5em;
}
.list_num01 li ol li ol {
    text-indent: 3em;
}
.normal-list {
	margin: 1rem 0;
	padding-left: 1rem;
	list-style-type: disc;
}
/* =========================================================
display table
========================================================= */

.dsp_tbl {
    border-top: 1px solid #cccfd0;
}
.dsp_tbl li {
    border-bottom: 1px solid #cccfd0;
}
.dsp_tbl dl {
    display: table;
    overflow: hidden;
    width: 100%;
}
.dsp_tbl dl > dt {
    display: table-cell;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: right;
    vertical-align: middle;
}
.dsp_tbl dl > dd {
    display: block;
    vertical-align: middle;
}

/* =========================================================
column3 panel
========================================================= */
.column3_panel {
    width: 100%;
}
.column3_panel li {
    float: left;
    margin-bottom: 40px;
    margin-right: 2.12%;
    width: 31.9%;
}
.column3_panel li.lastitem {
    float: right;
    margin-right: 0;
}
.column3_panel li a {
    text-align: center;
    color: #333333;
    display: block;
    font-weight: bold;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.column3_panel li .overlayarea {
    display: block;
    position: relative;
    background: url(/images/common/btntype03.png) no-repeat scroll right bottom #f5f6f6;
    box-shadow: 0 2px #cccfd0;
    box-sizing: border-box;
}
.column3_panel li .list_img {
    display: block;
}
.column3_panel li .list_img img {
    width: 100%;
}
.column3_panel li .list_tit {
    display: block;
    font-size: 125%;
    line-height: 1.2;
    margin-bottom: 10px;
    padding-top: 15px;
}
.column3_panel li .list_txt {
    display: block;
    font-size: 88%;
    font-weight: normal;
    padding: 0 20px 20px;
    text-align: left;
}
.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/images/common/more.png) no-repeat center center rgba(10, 49, 144, 0.85);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    filter: alpha(opacity=0);
}
.overlay:hover, .over .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.alpha a:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}

/* 中央寄せ */
.box_center {
    position: relative;
    overflow: hidden;
}
.box_center .column3_panel {
    position: relative;
    left: 50%;
    float: left;
}
.box_center .column3_panel li {
    float: left;
    left: -50%;
    position: relative;
}
.box_center.item1 .column3_panel li {
    left: -17.01%;
}
.box_center.item2 .column3_panel li {
    left: -34.02%;
}
/* =========================================================
catchcopy
========================================================= */
.catchcopy01 {
    font-size: 228%;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
	white-space: nowrap;
}
.catchcopy02 {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}
.catchcopyblue {
    color: #001d77;
    font-size: 125%;
    font-weight: bold;
    /*padding-left: 6.5%;*/
    position: relative;
}
.catchcopyblue:before {
    /*border-top: 1px solid #001d77;
    content: "";
    left: 0;
    position: absolute;
    top: 0.75em;
    width: 5.5%;*/
}
.catchcopy_lead {
    font-size: 113%;
    line-height: 1.8;
    text-align: center;
}
/* =========================================================
関連リンク
========================================================= */
dl.kanren_link {
    background: none repeat scroll 0 0 #f7f8f8;
    border: 3px solid #edeff0;
    padding: 2% 4%;
    clear: both;
}
dl.kanren_link dd ul {
    overflow: hidden;
    padding-left: 40px;
}
dl.kanren_link dd ul li {
    float: left;
    font-size: 88%;
    margin-right: 30px;
}
.kanren_link {
    background: none repeat scroll 0 0 #f7f8f8;
    border: 3px solid #edeff0;
    clear: both;
    padding: 2% 3%;
}
.kanren_link .sitemap_lnk {
    font-size: 88%;
}
.note {
    font-size: 75%;
    color: #555;
}
/* =========================================================
404
========================================================= */
.cont_404 img {
    width: 20%;
}


/* =========================================================
modal
========================================================= */

.marginTop40 {
	margin-top: 40px;
}
@media only screen and (max-device-width: 959px) {
	#content,
	#footer {
			min-width: 960px;
	}
    .cont_404 img {
        width: 30%;
    }
	
}
@media only screen and (min-device-width: 960px) {
	#content,
	#footer {
			min-width: 960px;
	}
}


@media only screen and (min-width: 960px) {
	#header .foreign-lang-wrap {
		border: 1px solid #cbcfd0;
		border-radius: 3px;
		background-color: #f3f3f3;
		position: relative;
		margin: -.2em 1em 0 0;
		display: inline-block;
		background-position: 10%;
		position: absolute;
		top: 0;
		right: 320px;
		display: flex;
		flex-wrap: wrap;
	}
	#header .foreign-lang-wrap li:not(:last-child) {
		border-right: 1px solid #cbcfd0;
	}
	#header .foreign-lang-wrap li a {
		padding: .1em .8em .1em 1.6em;
		font-family: Arial, Helvetica, sans-serif;
		color: #333;
		font-size: 12px;
		background: url(/images/common/link_g_arrow.png) no-repeat scroll 15% center;
		background-size: .3rem auto;
	}
	#header .foreign-lang-wrap li:hover {
		background-color: #fff;
	}
	#header .foreign-lang-wrap li:hover a{
		text-decoration: none;
	}
}