@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
}

html{
line-height:1;
}

ol, ul{
list-style:none;
}

table{
border-collapse:collapse;
border-spacing:0;
}

caption, th, td{
text-align:left;
font-weight:normal;
vertical-align:middle;
}

q, blockquote{
quotes:none;
}
q:before, q:after, blockquote:before, blockquote:after{
content:"";
content:none;
}

a img{
border:none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
display:block;
}

@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:400;
src:url("fonts/noto/NotoSansCJKjp-Regular.eot");
src:url("fonts/noto/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/noto/NotoSansCJKjp-Regular.woff") format("woff"), url("fonts/noto/NotoSansCJKjp-Regular.ttf") format("truetype");
}
@font-face {
font-family:'Noto Sans Japanese';
font-style:normal;
font-weight:700;
src:url("fonts/noto/NotoSansCJKjp-Bold.eot");
src:url("fonts/noto/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/noto/NotoSansCJKjp-Bold.woff") format("woff"), url("fonts/noto/NotoSansCJKjp-Bold.ttf") format("truetype");
}
/* ============================================================================================

	link style

============================================================================================ */
a{
color:#004ba5;
text-decoration:underline;
}
a:hover{
color:#004ba5;
text-decoration:none;
-webkit-transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
a:active{
color:#004ba5;
text-decoration:none;
}

/* ============================================================================================

	base style

============================================================================================ */
html{
height:100%;
overflow-y:scroll;
}

body{
height:100%;
background:#fff;
color:#42515a;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
font-size:14px;
font-family:"Noto Sans Japanese", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
min-width:980px;
line-height:2;
}

@media screen and (max-width: 768px) {
body{
min-width:320px;
}
}
#wrapper{
position:relative;
min-height:100%;
min-width:980px;
margin:0 auto;
}

@media screen and (max-width: 768px) {
#wrapper{
min-width:320px;
width:100%;
overflow-x:hidden;
padding:0;
left:0;
-webkit-transition:padding 0.5s, left 0.5s;
-moz-transition:padding 0.5s, left 0.5s;
transition:padding 0.5s, left 0.5s;
}
#wrapper.menuOpen{
padding:0 230px 0 0;
left:-230px;
}
}
.container{
width:950px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.col-md-6{
padding-left:0;
padding-right:40px;
}
.col-md-6 + .col-md-6{
padding-left:40px;
padding-right:0;
}

@media screen and (max-width: 768px) {
.container{
width:auto;
}

.col-sp-12{
padding-left:0;
padding-right:0;
}
.col-sp-12 + .col-sp-12{
padding-left:0;
padding-right:0;
}
}
.lowerTitleArea{
background:#13ace7;
padding:124px 0 60px;
color:#fff;
}
.lowerTitleArea .title{
font-size:1.857em;
border-left:4px solid #97daf3;
line-height:1.5;
padding-left:20px;
margin-bottom:20px;
}
.lowerTitleArea .textArea{
padding-top:10px;
font-size:1.143em;
}

@media screen and (max-width: 768px) {
.lowerTitleArea{
padding:95px 20px 30px;
}
.lowerTitleArea .textArea{
padding:0 0 10px;
}
}
.lowerCvNavArea .cvTitle01{
color:#004ba5;
font-size:1.571em;
font-weight:bold;
text-align:center;
margin-bottom:55px;
}

@media screen and (max-width: 768px) {
.lowerCvNavArea{
margin-bottom:0 !important;
}
.lowerCvNavArea .cvTitle01{
font-size:1.286em;
color:#fff;
margin-bottom:0;
padding:10px;
margin:0 -20px;
background:#1a46a1;
}

.transit .lowerCvNavArea{
padding-top:0;
}
.transit .lowerCvNavArea .headingElements01{
display:none;
}
}
/* ============================================================================================

	header set

============================================================================================ */
#gheader{
border-bottom:2px solid #80caf0;
position:relative;
}
#gheader #gheaderInner{
width:980px;
margin-left:auto;
margin-right:auto;
}
#gheader #gheaderInner .logo a{
display:block;
width:413px;
height:80px;
background:url(../images/header_logo_01.png) 0 -92px no-repeat;
text-indent:-9999px;
}
#gheader .spMenu{
display:block;
position:absolute;
width:64px;
height:46px;
top:0;
right:0;
text-indent:-9999px;
cursor:pointer;
}
#gheader .spMenu p{
width:64px;
height:46px;
position:relative;
}
#gheader .spMenu p:after, #gheader .spMenu p:before{
display:block;
content:"";
position:absolute;
top:50%;
left:50%;
width:25px;
height:2px;
background:#1a46a1;
margin-left:-13px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
#gheader .spMenu p:after{
margin-top:4px;
}
#gheader .spMenu p:before{
margin-top:-6px;
}
#gheader .spMenu p.close:before, #gheader .spMenu p.close:after{
margin-top:0;
}
#gheader .spMenu p.close:before{
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#gheader .spMenu p.close:after{
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
transform:rotate(-135deg);
}

@media screen and (max-width: 768px) {
#gheader #gheaderInner{
width:auto;
}
#gheader #gheaderInner .logo a{
margin-left:15px;
display:block;
width:237px;
height:46px;
background:url(../images/header_logo_01.png) 0 0 no-repeat;
background-size:cover;
}
}
/* ============================================================================================

	gnav set

============================================================================================ */
#gnavWrap{
background:url(../images/gnav_bg_01.gif) 50% 0 repeat-x;
}
#gnavWrap #gnav{
width:980px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#gnavWrap #gnav > ul::after{
content:"";
clear:both;
display:block;
}
#gnavWrap #gnav > ul > li{
float:left;
line-height:1;
position:relative;
z-index:999;
cursor:pointer;
}
#gnavWrap #gnav > ul > li:hover > .innerNav{
opacity:1;
pointer-events:auto;
}
#gnavWrap #gnav > ul > li > a, #gnavWrap #gnav > ul > li > span{
display:block;
background:url(../images/gnav_txt_01.gif) 0 0 no-repeat;
height:53px;
text-indent:-9999px;
}
#gnavWrap #gnav > ul > li:nth-child(1) > a, #gnavWrap #gnav > ul > li:nth-child(1) > span{
width:105px;
background-position:0 0;
}
#gnavWrap #gnav > ul > li:nth-child(2) > a, #gnavWrap #gnav > ul > li:nth-child(2) > span{
width:118px;
background-position:-105px 0;
}
#gnavWrap #gnav > ul > li:nth-child(3) > a, #gnavWrap #gnav > ul > li:nth-child(3) > span{
width:147px;
background-position:-223px 0;
}
#gnavWrap #gnav > ul > li:nth-child(4) > a, #gnavWrap #gnav > ul > li:nth-child(4) > span{
width:197px;
background-position:-370px 0;
}
#gnavWrap #gnav > ul > li:nth-child(5) > a, #gnavWrap #gnav > ul > li:nth-child(5) > span{
width:175px;
background-position:-567px 0;
}
#gnavWrap #gnav > ul > li:nth-child(6) > a, #gnavWrap #gnav > ul > li:nth-child(6) > span{
width:118px;
background-position:-742px 0;
}
#gnavWrap #gnav > ul > li:nth-child(7) > a, #gnavWrap #gnav > ul > li:nth-child(7) > span{
width:120px;
background-position:-860px 0;
}
#gnavWrap #gnav > ul > li:not(.coming) > a:hover{
-webkit-transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=60) !important;
-moz-opacity:0.6 !important;
opacity:0.6 !important;
}
#gnavWrap #gnav > ul > li.coming{
opacity:0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
}
#gnavWrap #gnav > ul > li .innerNav{
opacity:0;
pointer-events:none;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
position:absolute;
text-indent:0;
top:53px;
left:0;
width:250px;
border:1px solid #1398e3;
border-top:none;
background:#fff;
-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
z-index:9999;
}
#gnavWrap #gnav > ul > li .innerNav > ul > li{
line-height:1.5;
}
#gnavWrap #gnav > ul > li .innerNav > ul > li > a{
color:#42515a;
display:inline-block;
position:relative;
text-decoration:none;
margin:0 12px;
width:226px;
padding:20px 20px 20px 60px;
border-bottom:1px solid #d7dcdc;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#gnavWrap #gnav > ul > li .innerNav > ul > li > a .icon-mod_ico_cArw_01{
position:absolute;
left:30px;
top:50%;
margin-top:-6px;
}
#gnavWrap #gnav .headerList01{
position:absolute;
right:0;
top:-62px;
line-height:1;
}
#gnavWrap #gnav .headerList01 a{
display:block;
width:233px;
height:40px;
background:url(../images/header_btn_01.gif) 0 0 no-repeat;
text-indent:-9999px;
}
#gnavWrap #gnav .headerList01.spOnly{
display:none;
}
#gnavWrap #gnav .headerList02{
position:absolute;
right:263px;
top:-50px;
line-height:1;
}
#gnavWrap #gnav .headerList02 a{
text-decoration:none;
color:#42515a;
}
#gnavWrap #gnav .headerList02 .icon-mod_ico_cArw_01{
margin-right:10px;
}

@media screen and (max-width: 768px) {
#gnavWrap{
background:none;
}
#gnavWrap #gnav{
position:absolute;
width:230px;
right:-230px;
top:0;
-webkit-transition:right 0.5s;
-moz-transition:right 0.5s;
transition:right 0.5s;
}
#gnavWrap #gnav:after{
content:"";
display:block;
width:1px;
height:100%;
position:absolute;
left:0;
top:0;
background:#e5e5e5;
z-index:999;
}
#gnavWrap #gnav > ul{
overflow:auto;
}
#gnavWrap #gnav > ul > li{
float:none;
}
#gnavWrap #gnav > ul > li > a, #gnavWrap #gnav > ul > li > span{
width:100% !important;
background:none;
height:auto;
text-indent:0;
text-decoration:none;
border-bottom:1px solid #e5e5e5;
padding:16px 30px;
background:#004ba5;
color:#fff;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#gnavWrap #gnav > ul > li > a{
position:relative;
color:#fff;
}
#gnavWrap #gnav > ul > li > a:after{
content:"";
display:block;
position:absolute;
top:50%;
right:20px;
margin-top:-3px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #97b2d8;
}
#gnavWrap #gnav > ul > li > span{
color:#afb6bb;
}
#gnavWrap #gnav > ul > li .innerNav{
display:block;
/* position:static; */
opacity: 100;
width:auto;
border:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#gnavWrap #gnav > ul > li .innerNav > ul > li > a{
width:100% !important;
background:none;
height:auto;
text-indent:0;
text-decoration:none;
border-bottom:1px solid #e5e5e5;
padding:16px 30px 16px 45px;
margin:0;
background:#fff;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#gnavWrap #gnav > ul > li .innerNav > ul > li > a .icon-mod_ico_cArw_01{
display:none;
}
#gnavWrap #gnav > ul > li .innerNav > ul > li > a:after{
content:"";
display:block;
position:absolute;
top:50%;
right:20px;
margin-top:-3px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #97b2d8;
}
#gnavWrap #gnav .headerList01{
position:static;
}
#gnavWrap #gnav .headerList01 a{
display:block;
width:100%;
height:auto;
background:none;
text-indent:0;
text-decoration:none;
border-bottom:1px solid #e5e5e5;
padding:16px 30px;
background:#004ba5;
color:#fff;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
#gnavWrap #gnav .headerList01 a:after{
content:"";
display:block;
position:absolute;
top:50%;
right:20px;
margin-top:-3px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #97b2d8;
}
#gnavWrap #gnav .headerList01.spOnly{
display:block;
}
#gnavWrap #gnav .headerList01.pcOnly{
display:none;
}
#gnavWrap #gnav .headerList02{
position:static;
}
#gnavWrap #gnav .headerList02 a{
display:block;
width:100%;
text-decoration:none;
border-bottom:1px solid #e5e5e5;
padding:16px 30px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background:#004ba5;
color:#fff;
}
#gnavWrap #gnav .headerList02 a:after{
content:"";
display:block;
position:absolute;
top:50%;
right:20px;
margin-top:-3px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #97b2d8;
}
#gnavWrap #gnav .headerList02 .icon-mod_ico_cArw_01{
display:none;
}
#gnavWrap #gnav.menuOpen{
right:0;
}
}
/* ============================================================================================

	topicpath set

============================================================================================ */
.topicpath{
position:absolute;
left:0;
background:rgba(255, 255, 255, 0.85);
width:100%;
}
.topicpath ul{
width:980px;
margin:0 auto;
padding:10px 0;
font-size:0.857em;
}
.topicpath ul::after{
content:"";
clear:both;
display:block;
}
.topicpath ul li{
float:left;
}
.topicpath ul li + li:before{
content:'>';
display:inline-block;
padding:0 10px;
}

@media screen and (max-width: 768px) {
.topicpath{
    /*position:static;
    background:#dcf3fb;*/
}
.topicpath ul{
width:auto;
margin:0 20px;
}
}
/* ============================================================================================

	aside set

============================================================================================ */
#aside{
margin:0;
}

/* ============================================================================================

	footer set

============================================================================================ */
#gfooter{
width:100%;
min-width:980px;
}
#gfooter .utilityNav{
display:table;
margin:0 auto;
padding:55px 0 35px;
}
#gfooter .utilityNav li{
display:table-cell;
padding:0 14px;
}
#gfooter .utilityNav li a{
text-decoration:none;
color:#42515a;
}
#gfooter .utilityNav li a .icon-mod_ico_cArw_01{
margin-right:10px;
}
#gfooter .utilityNav li.pmark{
padding:0 0 0 30px;
}
#gfooter .utilityNav li.pmark img{
vertical-align:middle;
}
#gfooter #copy{
padding:15px 0;
background:#0f449f;
color:#fff;
font-size:0.786em;
text-align:center;
}

@media screen and (max-width: 768px) {
#gfooter{
min-width:320px;
}
#gfooter .utilityNav{
display:block;
padding:35px 15px 60px 0;
}
#gfooter .utilityNav::after{
content:"";
clear:both;
display:block;
}
#gfooter .utilityNav li{
display:block;
padding:0;
margin:0 0 20px 30px;
float:left;
line-height:1;
}
#gfooter .utilityNav li a .icon-mod_ico_cArw_01{
margin-right:10px;
}
#gfooter .utilityNav li.pmark{
clear:both;
float:none;
padding:0 30px;
margin-top:-30px;
text-align:right;
}
#gfooter .utilityNav li.pmark img{
vertical-align:middle;
}
#gfooter #copy{
padding:15px;
line-height:2;
background:#0f449f;
color:#fff;
font-size:0.786em;
text-align:center;
}
}
.pageTop{
position:fixed;
right:10px;
bottom:70px;
}

@media screen and (max-width: 768px) {
.pageTop{
right:20px;
bottom:77px;
}

.menuOpen .pageTop{
right:250px;
bottom:77px;
}
}
/*====================================================================================================

	section style

====================================================================================================*/
.section{
margin-bottom:90px;
}

.minSection{
margin-bottom:70px;
}

.section > .minSection:last-child{
margin-bottom:0;
}

.lowerTitleArea + .section{
padding-top:90px;
}

@media screen and (max-width: 768px) {
.section{
margin-bottom:50px;
padding:0 20px;
}

.minSection{
margin-bottom:50px;
}

.lowerTitleArea + .section{
padding-top:50px;
}
}
.indent{
padding:0 20px;
}

@media screen and (max-width: 768px) {
.indent{
padding:0;
}
}
/*====================================================================================================

	heading style

====================================================================================================*/
.headingElements01{
font-size:1.143em;
position:relative;
text-align:center;
font-weight:bold;
margin-bottom:35px;
}
.headingElements01:after{
content:"";
display:block;
position:absolute;
width:100%;
height:1px;
top:50%;
left:0;
background:#c4c7ca;
}
.headingElements01 span{
display:inline-block;
position:relative;
background:#fff;
padding:0 20px;
z-index:10;
}

.headingElements02{
border-bottom:1px solid #b2c9e4;
position:relative;
font-size:1.429em;
padding:0 0 5px 20px;
color:#004ba5;
font-weight:bold;
margin-bottom:20px;
}
.headingElements02:before{
content:"";
display:block;
width:10px;
height:10px;
background:#9faed1;
position:absolute;
left:0;
top:0.8em;
}
.headingElements02.borderN{
border-bottom:none;
padding:0 0 0 20px;
}

@media screen and (max-width: 768px) {
.headingElements02{
line-height:1.5;
}
.headingElements02:before{
top:0.5em;
}
}
.headingElements03{
font-size:1.429em;
color:#004ba5;
font-weight:bold;
}

.headingElements04{
border-bottom:1px solid #b2c9e4;
position:relative;
font-size:1.429em;
padding:0 0 5px 40px;
color:#004ba5;
font-weight:bold;
margin-bottom:20px;
}
.headingElements04 span.num{
position:absolute;
left:0;
top:0.1em;
display:inline-block;
color:#fff;
font-weight:normal;
font-size:1.143em;
background:#004ba5;
padding:5px 10px 8px;
line-height:1;
}

.headingElements05{
border-bottom:1px solid #b2c9e4;
position:relative;
font-size:1.429em;
padding:0 0 5px 40px;
color:#004ba5;
font-weight:bold;
margin-bottom:20px;
background:url(../images/mod_ico_heading05_01.gif) 0 0.5em no-repeat;
background-size:25px auto;
}

.headingElements06{
font-size:1.143em;
position:relative;
line-height:1.125;
background:#f6f7fb;
margin:0 -20px;
padding:10px 20px;
color:#004ba5;
font-weight:bold;
}

@media screen and (max-width: 768px) {
.headingElements06{
font-size:1.286em;
padding:15px 20px;
}
}
.cateHeadingElements01{
font-size:1.429em;
padding:0 0 5px 40px;
border-bottom:1px solid #b2c9e4;
background:url(../images/mod_ico_cateHeading_01.jpg) 0 0.5em no-repeat;
margin-bottom:20px;
}

@media screen and (max-width: 768px) {
.cateHeadingElements01{
padding:0 0 5px 30px;
background:url(../images/mod_ico_cateHeading_01.jpg) 0 0.5em no-repeat;
margin-bottom:20px;
}
}
/*====================================================================================================

	table style

====================================================================================================*/
.tableElements01 table{
width:100%;
}
.tableElements01 table tr th{
font-weight:bold;
padding:25px 30px;
width:190px;
vertical-align:top;
border-right:1px solid #cad7ea;
}
.tableElements01 table tr td{
padding:25px 30px;
vertical-align:top;
}
.tableElements01 table tr:nth-child(odd) th{
background:#f0f4fa;
}
.tableElements01 table tr:nth-child(odd) td{
background:#f0f4fa;
}

@media screen and (max-width: 768px) {
.tableElements01{
margin:0 -20px;
}
.tableElements01 table tr th{
display:block;
padding:20px;
width:auto;
border-right:none;
background:#f0f4fa;
}
.tableElements01 table tr td{
display:block;
padding:20px;
background:#fff;
}
.tableElements01 table tr:nth-child(odd) th{
background:#f0f4fa;
}
.tableElements01 table tr:nth-child(odd) td{
background:#fff;
}
}
/*====================================================================================================

	list style

====================================================================================================*/
.defiListElements01 dl dd{
position:relative;
padding-left:30px;
}
.defiListElements01 dl dd:before{
content:"";
display:block;
position:absolute;
left:20px;
top:1em;
background:#434d54;
width:3px;
height:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.listElements01 ul li{
position:relative;
padding-left:30px;
}
.listElements01 ul li:before{
content:"";
display:block;
position:absolute;
left:20px;
top:1em;
background:#434d54;
width:3px;
height:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.listElements02 ul li{
position:relative;
padding-left:15px;
}
.listElements02 ul li:before{
content:"";
display:block;
position:absolute;
left:5px;
top:1em;
background:#434d54;
width:3px;
height:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.newsListElements01 li{
display:table;
margin:0 0 10px 15px;
line-height:1.5;
}
.newsListElements01 li:before{
content:"";
display:inline-block;
width:5px;
height:5px;
background:#b2e4f8;
position:relative;
top:-1px;
left:-15px;
}
.newsListElements01 li > span{
display:table-cell;
}
.newsListElements01 li > span.date{
color:#004ba5;
padding-right:20px;
}
.newsListElements01 li > span.cateIco{
padding-right:20px;
}
.newsListElements01 li > span.cateIco span{
background:#00a0e6;
color:#fff;
display:inline-block;
width:80px;
padding:1px 0;
text-align:center;
}
.newsListElements01 li.new .text:after{
content:"";
display:inline-block;
width:44px;
height:15px;
margin:0 0 -3px 10px;
background:url(../images/mod_ico_new_01.gif) 0 0 no-repeat;
}

@media screen and (max-width: 768px) {
.newsListElements01 li{
position:relative;
margin:0 0 15px;
width:100%;
}
.newsListElements01 li:after{
content:"";
clear:both;
display:block;
}
.newsListElements01 li:before{
position:absolute;
left:0;
top:0.6em;
}
.newsListElements01 li span{
display:block;
float:left;
}
.newsListElements01 li span.date{
padding-left:15px;
}
.newsListElements01 li span.text{
width:100%;
padding-top:5px;
}
}
.imgSetListElements01{
overflow:hidden;
margin-left:-40px;
}
.imgSetListElements01:after{
content:"";
clear:both;
display:block;
}
.imgSetListElements01 li{
font-size:0.857em;
line-height:1.5;
float:left;
width:215px;
margin:0 0 20px 40px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.imgSetListElements01 li img{
width:100%;
height:auto;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.imgSetListElements01 li a{
text-decoration:none;
display:block;
}
.imgSetListElements01 li a img{
-webkit-transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
transition:opacity 0.5s;
}
.imgSetListElements01 li a figure{
position:relative;
line-height:1;
}
.imgSetListElements01 li a:hover img{
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
}
.imgSetListElements01 li a .imgArea{
position:relative;
}
.imgSetListElements01 li a .imgArea .category{
color:#fff;
padding:8px 20px;
background:#13ace7;
display:inline-block;
position:absolute;
bottom:1px;
left:0;
font-weight:bold;
outline:2px solid #fff;
}
.imgSetListElements01 li a .textArea{
margin-top:20px;
color:#42515a;
}
.imgSetListElements01 li a .textArea .date{
color:#004ba5;
margin-bottom:10px;
}
.imgSetListElements01 li.new .date:after{
content:"";
display:inline-block;
width:44px;
height:15px;
margin:0 0 -3px 10px;
background:url(../images/mod_ico_new_01.gif) 0 0 no-repeat;
}
.imgSetListElements01 li .categoryListType02{
margin-top:10px;
}
.imgSetListElements01 li .categoryListType02 li{
font-size:12px;
width:auto;
margin-bottom:2px;
}
.imgSetListElements01 li .categoryListType02 li a{
display:inline;
}

.imgSetListElements02{
overflow:hidden;
}
.imgSetListElements02:after{
content:"";
clear:both;
display:block;
}
.imgSetListElements02 li{
font-size:0.857em;
line-height:1.5;
float:left;
width:50%;
padding:0 10px;
margin-bottom:40px;
overflow:hidden;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.imgSetListElements02 li:after{
content:"";
clear:both;
display:block;
}
.imgSetListElements02 li img{
width:100%;
height:auto;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.imgSetListElements02 li a{
text-decoration:none;
}
.imgSetListElements02 li a img{
-webkit-transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
transition:opacity 0.5s;
}
.imgSetListElements02 li a figure{
position:relative;
line-height:1;
}
.imgSetListElements02 li a:hover img{
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
}
.imgSetListElements02 li a .imgArea{
float:left;
padding-right:20px;
}
.imgSetListElements02 li a .imgArea figure{
width:200px;
}
.imgSetListElements02 li a .textArea{
margin-left:220px;
color:#42515a;
}
.imgSetListElements02 li a .textArea .category{
margin-bottom:10px;
color:#fff;
padding:4px 15px;
background:#13ace7;
display:inline-block;
font-weight:bold;
outline:2px solid #fff;
}
.imgSetListElements02 li a .textArea .date{
color:#004ba5;
margin-bottom:10px;
}
.imgSetListElements02 li.new .date:after{
content:"";
display:inline-block;
width:44px;
height:15px;
margin:0 0 -3px 10px;
background:url(../images/mod_ico_new_01.gif) 0 0 no-repeat;
}
.imgSetListElements02 li .categoryListType01{
padding-top:10px;
margin-left:220px;
}
.imgSetListElements02 li .categoryListType01 li{
padding:0;
font-size:14px;
width:auto;
}

@media screen and (max-width: 768px) {
.imgSetListElements02 li{
float:none;
width:100%;
padding:0;
margin-bottom:20px;
}
.imgSetListElements02 li a{
text-decoration:none;
display:block;
}
.imgSetListElements02 li a .imgArea{
padding-right:15px;
}
.imgSetListElements02 li a .imgArea figure{
width:125px;
}
.imgSetListElements02 li a .textArea{
margin-left:140px;
}
.imgSetListElements02 li.new .date:after{
margin:0 0 -3px 5px;
}
.imgSetListElements02 li .categoryListType01{
margin-left:140px;
}
.imgSetListElements02 li .categoryListType01 li{
font-size:12px;
}
}
@media screen and (max-width: 768px) {
.imgSetListElements01{
margin-left:0;
padding:0 30px;
}
.imgSetListElements01 li{
font-size:0.857em;
float:none;
width:100%;
padding-left:0;
margin:0 0 20px;
}
.imgSetListElements01 li a figure:after{
display:none;
}
.imgSetListElements01 li a .textArea{
margin-top:0;
padding:20px;
padding:5px 0 0;
}
.imgSetListElements01 li a .textArea .date{
margin-bottom:5px;
}
}
.lowerCvNavArea{
margin-bottom:0;
}

.designListElements01{
margin-left:-40px;
}
.designListElements01 ul{
margin:0 auto;
text-align:center;
}
.designListElements01 ul li{
display:inline-block;
background:#004ba5;
padding:5px;
margin-left:35px;
}
.designListElements01 ul li a{
font-size:1.286em;
display:table-cell;
background:#004ba5;
color:#fff;
width:205px;
height:205px;
vertical-align:middle;
text-align:center;
border:1px solid #819ecf;
}
.designListElements01 ul li a span.ico{
display:inline-block;
position:relative;
}
.designListElements01 ul li a span.ico:before{
content:"";
display:inline-block;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #819ecf;
position:relative;
top:-3px;
margin-right:10px;
}
.designListElements01 ul li:hover{
-webkit-transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
transition:opacity 0.5s;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.designListElements01 ul li:hover a{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.designListElements01 ul li.active{
background:#fff;
outline:1px solid #0f45a0;
}
.designListElements01 ul li.active .currentDesign{
font-size:1.286em;
display:table-cell;
font-weight:bold;
background:#fff;
color:#004ba5;
width:205px;
height:205px;
vertical-align:middle;
text-align:center;
border:1px solid #819ecf;
}
.designListElements01 ul li.active:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.about .designListElements01 ul li:last-child a span.ico:before{
margin-right:-5px;
top:14px;
left:-13px;
}

.transit .designListElements01 ul li:nth-child(3) a span.ico:before{
margin-right:-5px;
top:14px;
left:-40px;
}

@media screen and (max-width: 768px) {
.designListElements01{
margin-left:0;
}
.designListElements01 ul{
margin:0 auto;
}
.designListElements01 ul li{
display:block;
margin:0;
padding:0;
border-left:none;
background:none;
}
.designListElements01 ul li a{
font-size:1.000em;
display:block;
background:#eef9fe;
color:#004ba5;
width:auto;
height:auto;
text-align:left !important;
border:none;
border-bottom:1px solid #cad7eb;
margin:0 -20px;
padding:15px 20px;
position:relative;
}
.designListElements01 ul li a:before{
content:"";
display:inline-block;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #819ecf;
position:absolute;
position:absolute;
right:20px;
top:50%;
margin-top:-3px;
}
.designListElements01 ul li a span.ico{
display:inline-block;
position:relative;
}
.designListElements01 ul li a span.ico:before{
display:none;
}
.designListElements01 ul li:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.designListElements01 ul li:hover a{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.designListElements01 ul li.active{
background:#fff;
outline:none;
}
.designListElements01 ul li.active .currentDesign{
font-size:1.000em;
display:block;
background:#fff;
color:#004ba5;
width:auto;
height:auto;
text-align:left;
border:none;
border-bottom:1px solid #cad7eb;
margin:0 -20px;
padding:15px 20px;
position:relative;
}
.designListElements01 ul li.active:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
}
.designListElements02{
margin-left:-40px;
}
.designListElements02 ul{
display:table;
margin:0 auto;
}
.designListElements02 ul li{
display:table-cell;
width:33.33333%;
background:#f1fafe;
padding:25px 30px;
border-left:40px solid #fff;
line-height:1.5;
}
.designListElements02 ul li .ttl{
font-size:1.286em;
color:#004ba5;
text-align:center;
font-weight:bold;
margin-bottom:20px;
}

@media screen and (max-width: 768px) {
.designListElements02{
margin-left:0;
}
.designListElements02 ul{
display:block;
}
.designListElements02 ul li{
display:block;
width:auto;
padding:25px;
border-left:none;
}
.designListElements02 ul li + li{
margin-top:30px;
}
}
/*====================================================================================================

	layoutElements

====================================================================================================*/
.layoutElements01{
margin-left:-60px;
}
.layoutElements01:after{
content:"";
clear:both;
display:block;
}
.layoutElements01 .inner{
float:left;
width:450px;
padding-left:10px;
margin:0 0 30px 60px;
}
.layoutElements01 .inner .ttl{
font-size:1.143em;
font-weight:bold;
position:relative;
}
.layoutElements01 .inner .ttl:before{
content:"";
display:block;
width:4px;
height:4px;
background:#434d54;
position:absolute;
left:-10px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
top:0.9em;
}

@media screen and (max-width: 768px) {
.layoutElements01{
margin-left:0;
}
.layoutElements01 .inner{
float:none;
width:auto;
padding:0 10px;
margin:0 0 10px;
}
}
.layoutElements02{
margin-left:-40px;
}
.layoutElements02:after{
content:"";
clear:both;
display:block;
}
.layoutElements02 .inner{
float:left;
width:450px;
margin:0 0 40px 40px;
}
.layoutElements02 .inner .image img{
width:100%;
height:auto;
}
.layoutElements02 .inner .image figcaption{
display:block;
}

@media screen and (max-width: 768px) {
.layoutElements02{
margin-left:0;
}
.layoutElements02 .inner{
float:none;
width:auto;
padding:0;
margin:0 0 25px;
}
}
/*====================================================================================================

	btnElements

====================================================================================================*/
.btnElementsTypeA01{
font-size:1.571em;
}
.btnElementsTypeA01 a{
text-decoration:none;
display:inline-block;
width:300px;
padding:10px;
text-align:center;
color:#fff;
background:#004ba5;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.btnElementsTypeA01 span{
position:relative;
}
.btnElementsTypeA01 span:after{
content:"";
display:block;
position:absolute;
top:50%;
left:-16px;
margin-top:-4px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:5px solid #96b2d7;
}
.btnElementsTypeA01.w200 a{
width:200px;
}

@media screen and (max-width: 768px) {
.btnElementsTypeA01{
font-size:1.143em;
}
.btnElementsTypeA01 a{
width:100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
}
.btnElementsTypeA02{
font-size:1.143em;
text-align:center;
}
.btnElementsTypeA02 a{
background:#004ba5;
display:inline-block;
width:300px;
padding:10px 0;
text-align:center;
color:#fff;
text-decoration:none;
}
.btnElementsTypeA02 a[href*="pdf"] span:after{
content:"";
display:inline-block;
width:24px;
height:24px;
position:relative;
bottom:-3px;
margin-left:10px;
background:url(../images/mod_ico_pdf_01.png) 50% 50% no-repeat;
background-size:cover;
}
.btnElementsTypeA02.arw{
font-size:1.000em;
text-align:left;
}
.btnElementsTypeA02.arw a{
padding:5px 0 8px;
width:200px;
}
.btnElementsTypeA02.arw span{
position:relative;
display:inline-block;
}
.btnElementsTypeA02.arw span:after{
content:"";
display:block;
position:absolute;
top:50%;
left:-12px;
margin-top:-4px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:5px solid #96b2d7;
}

@media screen and (max-width: 768px) {
.btnElementsTypeA02{
font-size:1.071em;
text-align:center;
}
.btnElementsTypeA02 a{
width:100%;
}
.btnElementsTypeA02 a[href*="pdf"] span:after{
width:21px;
height:21px;
bottom:-6px;
}
}
.btnElementsTypeA03{
font-size:1.143em;
text-align:center;
}
.btnElementsTypeA03 a{
background:#e3ce00;
display:inline-block;
width:300px;
padding:10px 0;
text-align:center;
color:#fff;
text-decoration:none;
}
.btnElementsTypeA03 a[href*="pdf"] span:after{
content:"";
display:inline-block;
width:24px;
height:24px;
position:relative;
bottom:-3px;
margin-left:10px;
background:url(../images/mod_ico_pdf_01.png) 50% 50% no-repeat;
background-size:cover;
}
.btnElementsTypeA03.arw{
font-size:1.000em;
text-align:left;
}
.btnElementsTypeA03.arw a{
padding:5px 0 8px;
width:200px;
}
.btnElementsTypeA03.arw span{
position:relative;
display:inline-block;
}
.btnElementsTypeA03.arw span:after{
content:"";
display:block;
position:absolute;
top:50%;
left:-12px;
margin-top:-4px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:5px solid #eee266;
}

@media screen and (max-width: 768px) {
.btnElementsTypeA03{
font-size:1.071em;
text-align:center;
}
.btnElementsTypeA03 a{
width:100%;
}
.btnElementsTypeA03 a[href*="pdf"] span:after{
width:21px;
height:21px;
bottom:-6px;
}
}
.paging01{
display:table;
margin:0 auto;
}
.paging01 li{
display:table-cell;
padding:0 10px;
}
.paging01 li a, .paging01 li span{
display:block;
text-align:center;
border:1px solid #a8a8a8;
background:#fff;
width:38px;
padding:5px 0;
position:relative;
text-decoration:none;
}
.paging01 li.active a, .paging01 li.active span{
border:1px solid #2c3da4;
background:#2c3da4;
color:#fff;
}
.paging01 li.prev{
padding-left:0;
}
.paging01 li.prev a, .paging01 li.prev span{
text-indent:-9999px;
}
.paging01 li.prev a:after, .paging01 li.prev span:after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:16px;
right:inherit;
bottom:inherit;
left:16px;
border-top:4px solid transparent;
border-right:4px solid #2c3da4;
border-bottom:4px solid transparent;
}
.paging01 li.next{
padding-right:0;
}
.paging01 li.next a, .paging01 li.next span{
text-indent:-9999px;
}
.paging01 li.next a:after, .paging01 li.next span:after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:16px;
right:inherit;
bottom:inherit;
left:16px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #2c3da4;
}
.paging01 li.first, .paging01 li.last{
display:none;
}

@media screen and (max-width: 768px) {
.paging01{
display:block;
margin:0 -20px;
}
.paging01 ul{
width:100%;
}
.paging01 ul:after{
content:"";
clear:both;
display:block;
}
.paging01 ul li{
display:none;
padding:0;
display:none;
}
.paging01 ul li a, .paging01 ul li span{
display:block;
width:100%;
text-align:center;
border:1px solid #829dce;
background:#fff;
padding:5px 0;
position:relative;
text-decoration:none;
}
.paging01 ul li.prev{
display:block;
float:left;
padding-right:0;
width:37.5%;
}
.paging01 ul li.prev a, .paging01 ul li.prev span{
text-indent:0;
}
.paging01 ul li.prev a:after, .paging01 ul li.prev span:after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:16px;
right:inherit;
bottom:inherit;
left:10px;
border-top:4px solid transparent;
border-right:4px solid #97b2d8;
border-bottom:4px solid transparent;
}
.paging01 ul li.next{
display:block;
float:right;
padding-right:0;
margin-left:-12.5%;
margin-right:12.5%;
width:37.5%;
}
.paging01 ul li.next a, .paging01 ul li.next span{
text-indent:0;
}
.paging01 ul li.next a:after, .paging01 ul li.next span:after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:16px;
right:10px;
bottom:inherit;
left:inherit;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #97b2d8;
}
.paging01 ul li.first, .paging01 ul li.last{
display:block;
float:right;
width:12.5%;
margin-right:-37.5%;
text-indent:-9999px;
}
.paging01 ul li.first a, .paging01 ul li.first span, .paging01 ul li.last a, .paging01 ul li.last span{
background:#1945a0;
color:#fff;
}
.paging01 ul li.first a:before, .paging01 ul li.first span:before, .paging01 ul li.last a:before, .paging01 ul li.last span:before{
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:14px;
right:inherit;
bottom:inherit;
left:50%;
margin-left:-4px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.paging01 ul li.first a:after, .paging01 ul li.first span:after, .paging01 ul li.last a:after, .paging01 ul li.last span:after{
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:14px;
right:inherit;
bottom:inherit;
left:50%;
margin-left:-12px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.paging01 ul li.first{
float:left;
margin-right:0;
}
.paging01 ul li.first a:before, .paging01 ul li.first span:before{
margin-left:0;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.paging01 ul li.first a:after, .paging01 ul li.first span:after{
margin-left:-8px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
}
/*====================================================================================================

	slider

====================================================================================================*/
.jsblogSliderWrap{
width:980px;
margin:0 auto;
}
.jsblogSliderWrap .bx-wrapper{
margin:0;
}
.jsblogSliderWrap .bx-wrapper .bx-viewport{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border:none;
left:0;
background:#fff;
}
.jsblogSliderWrap .bx-wrapper img{
width:100%;
height:auto;
}
.jsblogSliderWrap .bx-wrapper .bx-prev{
left:-70px;
background:url(../images/mod_arw_slidrL_01.png) no-repeat 0 0;
background-size:cover;
}
.jsblogSliderWrap .bx-wrapper .bx-next{
right:-70px;
background:url(../images/mod_arw_slidrR_01.png) no-repeat 0 0;
background-size:cover;
}
.jsblogSliderWrap .bx-wrapper .bx-prev:hover{
background-position:0 0;
}
.jsblogSliderWrap .bx-wrapper .bx-next:hover{
background-position:0 0;
}
.jsblogSliderWrap .bx-wrapper .bx-controls-direction a{
position:absolute;
top:50%;
margin-top:-20px;
outline:0;
width:40px;
height:40px;
text-indent:-9999px;
z-index:99;
}
.jsblogSliderWrap .bx-wrapper .bx-pager,
.jsblogSliderWrap .bx-wrapper .bx-controls-auto{
z-index:99;
bottom:0;
}
.jsblogSliderWrap .jsblogSlider li{
font-size:0.857em;
line-height:1.5;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.jsblogSliderWrap .jsblogSlider li img{
width:100%;
height:auto;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.jsblogSliderWrap .jsblogSlider li a{
text-decoration:none;
display:block;
}
.jsblogSliderWrap .jsblogSlider li a figure{
position:relative;
line-height:1;
}
.jsblogSliderWrap .jsblogSlider li a:hover img{
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
}
.jsblogSliderWrap .jsblogSlider li a .imgArea{
position:relative;
}
.jsblogSliderWrap .jsblogSlider li a .imgArea .category{
color:#fff;
padding:8px 20px;
background:#13ace7;
display:inline-block;
position:absolute;
bottom:1px;
left:0;
font-weight:bold;
outline:2px solid #fff;
}
.jsblogSliderWrap .jsblogSlider li a .textArea{
margin-top:10px;
color:#42515a;
}
.jsblogSliderWrap .jsblogSlider li a .textArea .date{
color:#004ba5;
margin-bottom:10px;
}
.jsblogSliderWrap .jsblogSlider li.new .date:after{
content:"";
display:inline-block;
width:44px;
height:15px;
margin:0 0 -3px 10px;
background:url(../images/mod_ico_new_01.gif) 0 0 no-repeat;
}

@media screen and (max-width: 768px) {
.jsblogSliderWrap{
width:auto;
margin:0 auto;
padding:0 30px;
}
.jsblogSliderWrap .jsblogSlider li{
margin:0 0 20px;
}
.jsblogSliderWrap .jsblogSlider li a .textArea{
margin-top:0;
padding:10px 0;
}
.jsblogSliderWrap .jsblogSlider li a .textArea .date{
margin-bottom:5px;
}
.jsblogSliderWrap .jsblogSlider li:nth-child(n+4){
display:none;
}
}
/*====================================================================================================

	zoom btn

====================================================================================================*/
.jsImgElements01 .zoomBtn{
display:none;
}

@media screen and (max-width: 768px) {
.jsImgElements01 .zoomBtn{
display:block;
}
}
.categoryListType01{
font-size:0.857em;
padding-bottom:10px;
}
.categoryListType01 li{
display:inline-block;
margin:0 8px 10px 0;
}
.categoryListType01 li a{
display:inline-block;
border:1px solid #afb6bb;
color:#42515a;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:5px 20px 5px 38px;
background:url(../images/mod_ico_cate_01.png) 15px 55% no-repeat #fff;
}
.categoryListType01 li.crType01 a{
border:1px solid #afb6bb;
color:#42515a;
background:url(../images/mod_ico_cate_02.png) 15px 55% no-repeat #f6fbfe;
}

.categoryListType02{
font-size:0.857em;
padding-bottom:10px;
margin-left:-3px;
}
.categoryListType02 li{
display:inline-block;
padding:0 5px;
margin:0 0 10px;
position:relative;
}
.categoryListType02 li:after{
content:"";
display:block;
width:1px;
height:60%;
background:#6c7272;
position:absolute;
right:0;
top:0.3em;
}
.categoryListType02 li a{
color:#00499a;
}
.categoryListType02 li:last-child:after{
display:none;
}

/*====================================================================================================

	font-style

====================================================================================================*/
.listStyleParagraph01{
position:relative;
padding-left:15px;
}
.listStyleParagraph01:before{
content:"";
display:block;
position:absolute;
left:5px;
top:1em;
background:#434d54;
width:3px;
height:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

/*====================================================================================================

	float

====================================================================================================*/
.flR{
float:right;
}

.flL{
float:left;
}

/*====================================================================================================

	clearfix

====================================================================================================*/
.clear{
clear:both;
}

.clearfix:after{
content:"";
clear:both;
display:block;
}

/*====================================================================================================

	text-align

====================================================================================================*/
.tac, .tac *{
text-align:center !important;
}

.tar, .tar *{
text-align:right !important;
}

.tal, .tal *{
text-align:left !important;
}

@media screen and (max-width: 768px) {
.sp-tac, .sp-tac *{
text-align:center !important;
}

.sp-tar, .sp-tar *{
text-align:right !important;
}

.sp-tal, .sp-tal *{
text-align:left !important;
}
}
/*====================================================================================================

	display style

====================================================================================================*/
.dsb{
display:block !important;
}

.dsib{
display:inline-block !important;
}

.dsi{
display:inline !important;
}

.dsn{
display:none !important;
}

@media screen and (max-width: 768px) {
.sp-dsb{
display:block !important;
}

.sp-dsib{
display:inline-block !important;
}

.sp-dsi{
display:inline !important;
}

.sp-dsn{
display:none !important;
}
}
/*====================================================================================================

	font-weight

====================================================================================================*/
.fwb{
font-weight:bold !important;
}

.fwn{
font-weight:normal !important;
}

@media screen and (max-width: 768px) {
.sp-fwb{
font-weight:bold !important;
}

.sp-fwn{
font-weight:normal !important;
}
}
/*====================================================================================================

	font-size

====================================================================================================*/
.fs8{
font-size:0.571em;
}

.fs9{
font-size:0.643em;
}

.fs10{
font-size:0.714em;
}

.fs11{
font-size:0.786em;
}

.fs12{
font-size:0.857em;
}

.fs13{
font-size:0.929em;
}

.fs14{
font-size:1.000em;
}

.fs15{
font-size:1.071em;
}

.fs16{
font-size:1.143em;
}

.fs17{
font-size:1.214em;
}

.fs18{
font-size:1.286em;
}

.fs19{
font-size:1.357em;
}

.fs20{
font-size:1.429em;
}

.fs21{
font-size:1.500em;
}

.fs22{
font-size:1.571em;
}

.fs23{
font-size:1.643em;
}

.fs24{
font-size:1.714em;
}

.fs25{
font-size:1.786em;
}

.fs26{
font-size:1.857em;
}

.fs27{
font-size:1.929em;
}

.fs28{
font-size:2.000em;
}

.fs29{
font-size:2.071em;
}

.fs30{
font-size:2.143em;
}

@media screen and (max-width: 768px) {
.sp-fs8{
font-size:0.571em;
}

.sp-fs9{
font-size:0.643em;
}

.sp-fs10{
font-size:0.714em;
}

.sp-fs11{
font-size:0.786em;
}

.sp-fs12{
font-size:0.857em;
}

.sp-fs13{
font-size:0.929em;
}

.sp-fs14{
font-size:1.000em;
}

.sp-fs15{
font-size:1.071em;
}

.sp-fs16{
font-size:1.143em;
}

.sp-fs17{
font-size:1.214em;
}

.sp-fs18{
font-size:1.286em;
}

.sp-fs19{
font-size:1.357em;
}

.sp-fs20{
font-size:1.429em;
}

.sp-fs21{
font-size:1.500em;
}

.sp-fs22{
font-size:1.571em;
}

.sp-fs23{
font-size:1.643em;
}

.sp-fs24{
font-size:1.714em;
}

.sp-fs25{
font-size:1.786em;
}

.sp-fs26{
font-size:1.857em;
}

.sp-fs27{
font-size:1.929em;
}

.sp-fs28{
font-size:2.000em;
}

.sp-fs29{
font-size:2.071em;
}

.sp-fs30{
font-size:2.143em;
}
}
/*====================================================================================================

	margin module

====================================================================================================*/
.mb0{
margin-bottom:0 !important;
}

.mb5{
margin-bottom:5px !important;
}

.mb10{
margin-bottom:10px !important;
}

.mb15{
margin-bottom:15px !important;
}

.mb20{
margin-bottom:20px !important;
}

.mb25{
margin-bottom:25px !important;
}

.mb30{
margin-bottom:30px !important;
}

.mb35{
margin-bottom:35px !important;
}

.mb40{
margin-bottom:40px !important;
}

.mb45{
margin-bottom:45px !important;
}

.mb50{
margin-bottom:50px !important;
}

.mb55{
margin-bottom:55px !important;
}

.mb60{
margin-bottom:60px !important;
}

.mb65{
margin-bottom:65px !important;
}

.mb70{
margin-bottom:70px !important;
}

.mb75{
margin-bottom:75px !important;
}

.mb80{
margin-bottom:80px !important;
}

.mb85{
margin-bottom:85px !important;
}

.mb90{
margin-bottom:90px !important;
}

.mb95{
margin-bottom:95px !important;
}

.mb100{
margin-bottom:100px !important;
}

.pl0{
padding-left:0 !important;
}

.pl5{
padding-left:5px !important;
}

.pl10{
padding-left:10px !important;
}

.pl15{
padding-left:15px !important;
}

.pl20{
padding-left:20px !important;
}

.pl25{
padding-left:25px !important;
}

.pl30{
padding-left:30px !important;
}

.pl35{
padding-left:35px !important;
}

.pl40{
padding-left:40px !important;
}

.pl45{
padding-left:45px !important;
}

.pl50{
padding-left:50px !important;
}

.pr0{
padding-right:0 !important;
}

.pr5{
padding-right:5px !important;
}

.pr10{
padding-right:10px !important;
}

.pr15{
padding-right:15px !important;
}

.pr20{
padding-right:20px !important;
}

.pr25{
padding-right:25px !important;
}

.pr30{
padding-right:30px !important;
}

.pr35{
padding-right:35px !important;
}

.pr40{
padding-right:40px !important;
}

.pr45{
padding-right:45px !important;
}

.pr50{
padding-right:50px !important;
}

@media screen and (max-width: 768px) {
.sp-mb0{
margin-bottom:0 !important;
}

.sp-mb5{
margin-bottom:5px !important;
}

.sp-mb10{
margin-bottom:10px !important;
}

.sp-mb15{
margin-bottom:15px !important;
}

.sp-mb20{
margin-bottom:20px !important;
}

.sp-mb25{
margin-bottom:25px !important;
}

.sp-mb30{
margin-bottom:30px !important;
}

.sp-mb35{
margin-bottom:35px !important;
}

.sp-mb40{
margin-bottom:40px !important;
}

.sp-mb45{
margin-bottom:45px !important;
}

.sp-mb50{
margin-bottom:50px !important;
}

.sp-mb55{
margin-bottom:55px !important;
}

.sp-mb60{
margin-bottom:60px !important;
}

.sp-mb65{
margin-bottom:65px !important;
}

.sp-mb70{
margin-bottom:70px !important;
}

.sp-mb75{
margin-bottom:75px !important;
}

.sp-mb80{
margin-bottom:80px !important;
}

.sp-mb85{
margin-bottom:85px !important;
}

.sp-mb90{
margin-bottom:90px !important;
}

.sp-mb95{
margin-bottom:95px !important;
}

.sp-mb100{
margin-bottom:100px !important;
}

.sp-pl0{
padding-left:0 !important;
}

.sp-pl5{
padding-left:5px !important;
}

.sp-pl10{
padding-left:10px !important;
}

.sp-pl15{
padding-left:15px !important;
}

.sp-pl20{
padding-left:20px !important;
}

.sp-pl25{
padding-left:25px !important;
}

.sp-pl30{
padding-left:30px !important;
}

.sp-pl35{
padding-left:35px !important;
}

.sp-pl40{
padding-left:40px !important;
}

.sp-pl45{
padding-left:45px !important;
}

.sp-pl50{
padding-left:50px !important;
}

.sp-pr0{
padding-right:0 !important;
}

.sp-pr5{
padding-right:5px !important;
}

.sp-pr10{
padding-right:10px !important;
}

.sp-pr15{
padding-right:15px !important;
}

.sp-pr20{
padding-right:20px !important;
}

.sp-pr25{
padding-right:25px !important;
}

.sp-pr30{
padding-right:30px !important;
}

.sp-pr35{
padding-right:35px !important;
}

.sp-pr40{
padding-right:40px !important;
}

.sp-pr45{
padding-right:45px !important;
}

.sp-pr50{
padding-right:50px !important;
}
}
/*====================================================================================================

	line-height

====================================================================================================*/
.lh1_0, .lh1_0 *{
line-height:1 !important;
}

.lh1_1, .lh1_1 *{
line-height:1.1 !important;
}

.lh1_2, .lh1_2 *{
line-height:1.2 !important;
}

.lh1_3, .lh1_3 *{
line-height:1.3 !important;
}

.lh1_4, .lh1_4 *{
line-height:1.4 !important;
}

.lh1_5, .lh1_5 *{
line-height:1.5 !important;
}

.lh1_6, .lh1_6 *{
line-height:1.6 !important;
}

.lh1_7, .lh1_7 *{
line-height:1.7 !important;
}

.lh1_8, .lh1_8 *{
line-height:1.8 !important;
}

.lh1_9, .lh1_9 *{
line-height:1.9 !important;
}

.lh2_0, .lh2_0 *{
line-height:2 !important;
}

.lh2_1, .lh2_1 *{
line-height:2.1 !important;
}

.lh2_2, .lh2_2 *{
line-height:2.2 !important;
}

.lh2_3, .lh2_3 *{
line-height:2.3 !important;
}

.lh2_4, .lh2_4 *{
line-height:2.4 !important;
}

.lh2_5, .lh2_5 *{
line-height:2.5 !important;
}

.lh2_6, .lh2_6 *{
line-height:2.6 !important;
}

.lh2_7, .lh2_7 *{
line-height:2.7 !important;
}

.lh2_8, .lh2_8 *{
line-height:2.8 !important;
}

.lh2_9, .lh2_9 *{
line-height:2.9 !important;
}

.lh3_0, .lh3_0 *{
line-height:3 !important;
}

.contactSection{
padding:75px 0;
background:#f8f8f8;
}
.contactSection .ttl{
text-align:center;
position:relative;
margin-bottom:10px;
}
.contactSection .ttl span{
padding:0 20px;
background:#f8f8f8;
display:inline-block;
position:relative;
z-index:999;
}
.contactSection .ttl:after{
content:"";
display:block;
width:100%;
height:1px;
background:#c0c4c6;
position:absolute;
left:0;
top:50%;
margin-top:-1px;
}
.contactSection .subTtl{
font-size:1.571em;
color:#004ba5;
font-weight:bold;
text-align:center;
margin-bottom:25px;
}
.contactSection .tel{
width:244px;
margin:0 auto -5px;
}
.contactSection .tel img{
width:100%;
height:auto;
}
.contactSection .time{
text-align:center;
}
.contactSection .time span{
font-weight:bold;
}
.contactSection .btn{
width:175px;
margin:0 auto;
}
.contactSection .btn img{
width:100%;
height:auto;
}
.contactSection .ttl02{
width:400px;
margin:0 auto 28px;
font-size:1.286em;
color:#004ba5;
border-bottom:1px solid #a9c1db;
padding:0 0 5px;
text-align:center;
font-weight:bold;
}
.contactSection .layout01{
display:table;
margin:0 auto;
}
.contactSection .layout01 .inner{
display:table-cell;
vertical-align:middle;
}
.contactSection .layout01 .inner + .inner{
padding-left:58px;
}

@media screen and (max-width: 768px) {
.contactSection{
padding:40px 20px 50px;
}
.contactSection .subTtl{
font-size:1.286em;
margin-bottom:23px;
}
.contactSection .tel{
width:244px;
margin:0 auto -5px;
}
.contactSection .tel img{
width:100%;
height:auto;
}
.contactSection .time{
margin-bottom:20px;
}
.contactSection .btn{
width:175px;
margin:0 auto;
}
.contactSection .btn img{
width:100%;
height:auto;
}
.contactSection .ttl02{
width:auto;
margin:0 auto 28px;
}
.contactSection .layout01{
display:block;
margin:0 auto;
}
.contactSection .layout01 .inner{
display:block;
}
.contactSection .layout01 .inner + .inner{
padding-left:0;
}
}
.serviceSection .ttl{
text-align:center;
position:relative;
margin-bottom:10px;
}
.serviceSection .ttl span{
padding:0 20px;
background:#fff;
display:inline-block;
position:relative;
z-index:999;
}
.serviceSection .ttl:after{
content:"";
display:block;
width:100%;
height:1px;
background:#c0c4c6;
position:absolute;
left:0;
top:50%;
margin-top:-1px;
}
.serviceSection .subTtl{
font-size:1.571em;
color:#004ba5;
font-weight:bold;
text-align:center;
margin-bottom:25px;
}
.serviceSection .sslist01{
margin-left:-40px;
}
.serviceSection .sslist01:after{
content:"";
clear:both;
display:block;
}
.serviceSection .sslist01 li{
float:left;
margin-left:40px;
}

@media screen and (max-width: 768px) {
.serviceSection .subTtl{
font-size:1.286em;
margin-bottom:10px;
}
.serviceSection .sslist01{
margin-left:0;
}
.serviceSection .sslist01 li{
float:none;
margin-left:0;
}
.serviceSection .sslist01 li + li{
margin-top:20px;
}
}
.blogSection .ttl{
text-align:center;
position:relative;
margin-bottom:10px;
}
.blogSection .ttl span{
padding:0 20px;
background:#fff;
display:inline-block;
position:relative;
z-index:999;
}
.blogSection .ttl:after{
content:"";
display:block;
width:100%;
height:1px;
background:#c0c4c6;
position:absolute;
left:0;
top:50%;
margin-top:-1px;
}
.blogSection .subTtl{
font-size:1.571em;
color:#004ba5;
font-weight:bold;
text-align:center;
margin-bottom:25px;
}

@media screen and (max-width: 768px) {
.blogSection .subTtl{
font-size:1.286em;
margin-bottom:10px;
}
}
.workSection .ttl{
text-align:center;
position:relative;
margin-bottom:10px;
}
.workSection .ttl span{
padding:0 20px;
background:#fff;
display:inline-block;
position:relative;
z-index:999;
}
.workSection .ttl:after{
content:"";
display:block;
width:100%;
height:1px;
background:#c0c4c6;
position:absolute;
left:0;
top:50%;
margin-top:-1px;
}
.workSection .subTtl{
font-size:1.571em;
color:#004ba5;
font-weight:bold;
text-align:center;
margin-bottom:25px;
}

.oldtext{
width:13px;
height:14px;
margin-right:0.05rem;
left:0.03rem;
top: 0.05rem; /* 下に 10px 下げる */
display: inline-block;/* 文章の流れの中に置いている画像なので inline でも良いが今回は inline-block が適当 */
position: relative; /* 通常の文章の流れにある要素なので relative が適切 */
}


@media screen and (max-width: 768px) {
.workSection .subTtl{
font-size:1.286em;
margin-bottom:10px;
}
}

/*# sourceMappingURL=styles.css.map */

.bnrList .line {
	border: 1px solid #CCC;
}
.gFooter_listWrap {
	display: grid;
	grid-template-columns: 1fr 84px;
	max-width: 1098px;
	margin: 55px auto 35px;
	width: calc(100% - 40px);
}
.gFooter_list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	column-gap: 25px;
}
.gFooter_list > li {}
.gFooter_list > li > a {
	transition: opacity 0.5s;
	display: flex;
	text-decoration: none;
	align-items: center;
	column-gap: 5px;
	color: inherit;
	height: 100%;
}
.gFooter_list > li > a::before {
	content: "\e901";
	font-family: 'icomoon';
	color: #80caf0;
}
.gFooter_pMark {
	max-width: 84px;
	margin-left: auto;
	margin-top: 20px;
}
.gFooter_pMark > a {
	display: block;
	transition: opacity 0.5s;
}
.gFooter_pMark > a > img {}
@media screen and (max-width: 768px) {
	.gFooter_listWrap {
		display: block;
		margin-top: 35px;
		margin-bottom: 60px;
	}
	.gFooter_list > li > a {
		padding: 3px 0;
	}
}