@charset "UTF-8";

/* --------------------------------------------------
 Base
-------------------------------------------------- */
/*
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*/
 
body,ol,ul,dl,li,dt,dd,table,th,td,input,textarea,select,h1,h2,h3,h4,h5,h6{
color:#303030;
font-weight:normal;
font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Noto Sans Japanese', Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; /* Gothic */
font-weight:300;
letter-spacing:0;
margin:0;
padding:0;
-webkit-text-size-adjust:100%;
}

body{
min-width:320px;
line-height:2;
font-size:100%;
word-wrap:break-word;
position:relative;
overflow-x:hidden;
}

@media screen and (max-width: 767px) {
body{
font-size:85%;
line-height:1.8;
}
}

img{
max-width:100%;
vertical-align:middle;
}

input{
padding:5px 8px;
}

textarea{
padding:3px;
}

ol{
margin:0px 0px 0px 21px;
}

ol > li{
list-style:decimal outside;
margin:0px 0px 3%;
}

a:link,
a:visited{
color:#303030;
text-decoration:underline;
outline:0;
}

a:hover,
a:active{
color:#555;
text-decoration:none;
}

em{
font-style:normal;
font-weight:bold;
color:#303030;
}

strong{
font-style:normal;
font-weight:bold;
}

/* --------------------------------------------------
 Wrapper
-------------------------------------------------- */
#wrapper{
width:100%;
}


/* --------------------------------------------------
 Pure-drawer
-------------------------------------------------- */
#leftArea{
background-color:#fff;
display:none;
float:left;
left:0;
position:relative;
text-align:center;
top:0;
z-index:999;
}

#leftInner{
box-sizing:border-box;
min-width:300px;
height:102%;
overflow:scroll;
padding:0 0 10%;
width:104%;
}

#leftArea .logo{
max-width:240px;
text-align:center;
margin:20px auto 0;
box-sizing:border-box;
}

#leftArea .logo a{
text-decoration:none;
}

#leftArea .logo img{
width:210px;
}

#leftArea .logo .txt01{
color:#000d38;
font-size:75%;
display:block;
}

#leftArea .logo .txt02{
color:#000d38;
font-size:160%;
display:block;
}

#leftArea .navArea{
background-color:#28325a;
padding:20px 0;
margin:20px 0 30px;
}

#leftArea .gNav{
max-width:240px;
margin:0 auto;
padding:0 2%;
}

#leftArea .gNav li{
line-height:1.8;
text-align:left;
border-bottom:1px solid #607089;
}

#leftArea .gNav li:last-of-type{
border-bottom:none;
}

#leftArea .gNav li a{
background:url(../img/common/arrow_right_white.png) no-repeat 98% center;
color:#fff;
font-size:90%;
padding:7px 7%;
text-decoration:none;
display:block;
position:relative;
}

#leftArea .gNav li a:hover{
opacity:0.7;
}

#leftArea .gNav li.active a{
background-color:#607089;
background-image:url(../img/common/arrow_right_white.png);
}

#leftArea .gNav li.accordion a{
background:url(../img/common/icon_plus_white.png) no-repeat 98% center;
}

#leftArea .gNav li.accordion a.onclick{
background:url(../img/common/icon_minus_white.png) no-repeat 98% center;
}

#leftArea .gNav li.accordion a:after{
content:"";
background-color:#607089;
width:100%;
height:1px;
position:absolute;
bottom:0;
left:0;
opacity:0;
transition:all 200ms ease-in-out;
}

#leftArea .gNav li.accordion a.onclick:after{
opacity:1;
}

#leftArea .gNav li.accordion .accordContent li{
border-bottom:none;
}

#leftArea .gNav li.accordion .accordContent li a{
background:#0a486b url(../img/common/arrow_right_white.png) no-repeat 98% center;
padding:10px 7% 10px 10%;
}

#leftArea .gNav li.accordion .accordContent li.active a{
background:#607089 url(../img/common/arrow_right_white.png) no-repeat 98% center;
}

#leftArea .btnInquiry{
max-width:240px;
padding:0 2%;
margin:20px auto 30px;
}

#leftArea .btnInquiry a{
background:url(../img/common/arrow_right01.png) no-repeat right 10px center;
background-size:auto 8px;
background-color:#ffe37d;
font-size:85%;
text-align:center;
text-decoration:none;
padding:10px 15px;
display:block;
}

.pure-pusher-container{
height:100%;
position:relative;
}

.pure-pusher{
height:100%;
}

input#pure-toggle-left,
label.pure-toggle-label{
display:none;
}

@media screen and (max-width: 1200px) {
#leftArea{
display:block;
height:100%;
margin-top:0;
overflow:hidden;
position:fixed;
}

.pure-pusher{
overflow-y:auto;
}
}

@media screen and (max-width: 767px) {
#leftArea .gNav li a{
padding-top:10px;
padding-bottom:10px;
}

#leftArea .btnInquiry a{
font-size:95%;
}
}

@media only screen and (max-width: 40.063em) {
#leftArea .logo{
max-width:300px;
}

#leftArea .gNav{
max-width:300px;
}

#leftArea .btnInquiry{
max-width:300px;
}
}

@media screen and (max-width: 480px) {
#leftArea .logo{
max-width:240px;
}

#leftArea .gNav{
max-width:240px;
}

#leftArea .btnInquiry{
max-width:240px;
}
}


/* --------------------------------------------------
 Header
-------------------------------------------------- */
#header{
width:100%;
text-align:center;
position:relative;
box-sizing:border-box;
}

#header .topBlc{
padding:10px 0;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}

#header .topBlc #logo img{
width:265px;
}

#header .topBlc .btnInquiry a{
background:url(../img/common/icon_mail01.png) no-repeat left 20px center, url(../img/common/arrow_right01.png) no-repeat right 20px center;
background-color:#ffe37d;
text-decoration:none;
padding:7px 40px 7px 65px;
display:inline-block;
}

#header .topBar{
background-color:#28325a;
transition:all 200ms ease-in-out;
}

#header .topBar.fixNav{
width:100%;
position:fixed;
top:0;
left:0;
z-index:999;
box-sizing:border-box;
}

#header .topBar #mainNav{
background-color:rgba(255,255,255,0);
text-align:center;
transition:all 400ms ease-in-out;
}

#header .topBar #mainNav > ul{
letter-spacing:-0.4em;
}

#header .topBar #mainNav li{
display:inline-block;
letter-spacing:normal;
}

#header .topBar #mainNav li .toggleCheck{
display:none;
}

#header .topBar #mainNav > ul > li:hover > a:after,
#header .topBar #mainNav > ul > li.active > a:after,
#header .topBar #mainNav > ul > li:hover > .btnNav .txt:after,
#header .topBar #mainNav > ul > li.active > .btnNav .txt:after{
width:calc(100% - 24px);
}

#header .topBar #mainNav > ul > li.home a,
#header .topBar #mainNav > ul > li.home .txt{
background-color:#aaa;
color:#fff;
}

#header .topBar #mainNav > ul > li.home a:hover,
#header .topBar #mainNav > ul > li.home .txt{
background-color:#242e49;
}

#header .topBar #mainNav li a[href^="#"],
#header .topBar #mainNav li .txt{
cursor:default;
}

#header .topBar #mainNav ul .subNav ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#header .topBar #mainNav ul .subNav li{
width:48%;
margin-bottom:2px;
float:none;
display:block;
}

#header .topBar #mainNav ul .subNav li a:after{
display:none;
}

#header .topBar #mainNav > ul > li.mainSite{
background-color:#1256aa;
position:relative;
z-index:1002;
transition:all 200ms ease-in-out;
}

#header .topBar #mainNav > ul > li.mainSite:hover{
background-color:#0a486b;
}

#header .topBar #mainNav > ul > li.mainSite > a:after{
display:none;
}

#header .topBar #mainNav > ul > li.mainSite > a{
color:#fff;
transition:all 200ms ease-in-out;
}

#header .topBar #mainNav ul li > .btnNav .toggleCheck:checked + .txt{
}

#header .topBar #mainNav ul li > .btnNav .toggleCheck:checked + .txt:after{
width:100%;
}

#header .topBar #mainNav ul li .toggleCheck:checked ~ .subNav{
visibility:visible;
opacity:1;
}

#header .topBar #mainNav ul li .toggleCheck:checked ~ .subNav a{
visibility:visible;
opacity:1;
}

#header .topBar #mainNav ul li > .btnNav .subNav.show,
#header .topBar #mainNav ul li > .btnNav .subNav.lock,
#header .topBar #mainNav ul li > .btnNav .subNav.show a,
#header .topBar #mainNav ul li > .btnNav .subNav.lock a{
visibility:visible;
opacity:1;
}

#header .topBar #mainNav ul li > .btnNav .subNav.show a,
#header .topBar #mainNav ul li > .btnNav .subNav.lock a{
}

#header .topBar #mainNav ul li > .btnNav .subNav.unLock a{
visibility:hidden;
opacity:0;
}

.topBar #mainNav li a,
.topBar #mainNav li .txt{
font-size:90%;
color:#fff;
text-decoration:none;
display:block;
position:relative;
transition:all 200ms ease-in-out;
}

.topBar #mainNav > ul > li > a,
.topBar #mainNav > ul > li .txt{
padding:12px 27px;
position:relative;
}

.topBar #mainNav > ul > li > a:before,
.topBar #mainNav > ul > li .txt:before{
content:"";
background-color:#607089;
width:1px;
height:calc(100% - 28px);
margin:auto;
position:absolute;
top:0;
bottom:0;
right:0;
}

.topBar #mainNav > ul > li:last-of-type > a:before,
.topBar #mainNav > ul > li:last-of-type .txt:before{
display:none;
}

.topBar #mainNav > ul > li > a:after,
.topBar #mainNav > ul > li .txt:after{
content:"";
background-color:#fff;
width:0;
height:5px;
margin:0 auto;
position:absolute;
bottom:0;
left:0;
right:0;
transition:all 200ms ease-in-out;
}

.topBar #mainNav > ul > li > a .icn,
.topBar #mainNav > ul > li .txt .icn{
text-align:center;
display:block;
}

.topBar #mainNav ul .subNav{
background-color:rgba(255,255,255,0.8);
width:100%;
visibility:hidden;
opacity:0;
position:absolute;
top:100%;
left:0;
z-index:999;
transition:all 200ms ease-in-out;
}

.topBar #mainNav ul .subNav > .upCommBlc{
padding-top:30px;
padding-bottom:30px;
}

.topBar #mainNav ul .subNav li a{
background:#fff url(../img/common/arrow_right_black.png) no-repeat right 20px center;
color:#000d38;
text-decoration:none;
border:2px solid #0a486b;
height:auto;
line-height:1.8;
padding:10px 5%;
text-align:center;
position:static;
display:block;
overflow:visible;
opacity:0;
visibility:hidden;
-webkit-transition:.4s ease;
transition:.4s ease;
}

#header .topBar #mainNav ul .subNav li a:hover{
background-color:#0a486b;
background-image:url(../img/common/arrow_right_white.png);
color:#fff;
}

.topBar #mainNav ul li:hover > .btnNav .subNav:not(.unLock){
visibility:visible;
opacity:1;
}

.topBar #mainNav ul li:hover > .subNav a{
visibility:visible;
opacity:1;
}

.topBar #mainNav ul li:hover > .btnNav .subNav a,
.topBar #mainNav ul li:hover > .btnNav .toggleCheck:checked ~ .subNav a,
.topBar #mainNav ul li:hover > .btnNav .toggleCheck:not(:checked) ~ .subNav a{
visibility:visible;
opacity:1;
}

/*active*/
.topBar #mainNav li .txt.active:after{
width:100%;
}

.topBar #mainNav li .txt.sActive:after{
width:0;
}

@media screen and (max-width: 1200px) {
#header .topBlc{
padding-left:20px;
padding-right:20px;
justify-content:center;
}

#header .topBlc .btnInquiry{
display:none;
}

#header .topBar #mainNav{
display:none;
}
}

@media screen and (max-width: 1000px) {
#header .topBlc .btnInquiry a{
background:url(../img/common/icon_mail01.png) no-repeat center center;
background-color:#ffe37d;
text-decoration:none;
text-indent:-9999px;
padding:5px 30px;
display:inline-block;
}
}

@media screen and (max-width: 767px) {
#header .topBlc #logo img{
width:200px;
}
}

@media screen and (max-width: 480px) {
}


/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents{
width:100%;
position:relative;
z-index:1;
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 480px) {
}



/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer{
background-color:#f7fcfe;
width:100%;
box-sizing:border-box;
}

#footer .partBlc{
display:flex;
flex-wrap:wrap;
}

#footer .partBlc .leftBlc{
width:50%;
border-right:1px solid #c1d5d9;
padding:0 4%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}

#footer .partBlc .leftBlc figure img{
width:230px;
}

#footer .partBlc .rightBlc{
width:50%;
padding:0 4%;
box-sizing:border-box;
}

#footer .partBlc .rightBlc .fNav ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

#footer .partBlc .rightBlc .fNav ul li{
width:48%;
margin-bottom:10px;
}

#footer .partBlc .rightBlc .fNav ul li:nth-of-type(1){
order:0;
}

#footer .partBlc .rightBlc .fNav ul li:nth-of-type(2){
order:2;
}

#footer .partBlc .rightBlc .fNav ul li:nth-of-type(3){
order:4;
}

#footer .partBlc .rightBlc .fNav ul li:nth-of-type(4){
order:6;
}

#footer .partBlc .rightBlc .fNav ul li:nth-of-type(5){
order:1;
}

#footer .partBlc .rightBlc .fNav ul li:nth-of-type(6){
order:3;
}

#footer .partBlc .rightBlc .fNav ul li:nth-of-type(7){
order:5;
}

#footer .partBlc .rightBlc .fNav ul li:nth-of-type(8){
order:7;
}

#footer .partBlc .rightBlc .fNav ul li a{
font-size:90%;
text-decoration:none;
}

#footer .partBlc .rightBlc .btn{
text-align:left;
margin-top:4%;
}

#footer .partBlc .rightBlc .btn a{
text-align:center;
}

#footer .pageTop{
width:76px;
height:156px;
margin:auto;
position:absolute;
top:0;
bottom:0;
right:0;
}

#footer .pageTop .btnSp{
background:url(../img/common/arrow_top01.png) no-repeat right center;
display:none;
}

#footer .copyright{
background-color:#28325a;
color:#fff;
font-size:90%;
text-align:center;
padding:20px 0;
}

@media screen and (max-width: 1000px) {
#footer .pageTop{
width:100%;
height:auto;
text-align:center;
margin-top:4%;
position:static;
}

#footer .pageTop a{
text-decoration:none;
display:inline-block;
}

#footer .pageTop img{
display:none;
}

#footer .pageTop .btnSp{
background:url(../img/common/arrow_top01.png) no-repeat center top;
padding-top:14px;
display:block;
}
}

@media screen and (max-width: 767px) {
#footer .partBlc{
display:block;
}

#footer .partBlc .leftBlc{
width:100%;
border-right:none;
border-bottom:1px solid #c1d5d9;
padding-left:0;
padding-right:0;
padding-bottom:4%;
margin-bottom:4%;
display:block;
text-align:center;
}

#footer .partBlc .rightBlc{
width:100%;
padding-left:0;
padding-right:0;
}

#footer .partBlc .rightBlc .btn{
text-align:center;
}
}

@media screen and (max-width: 480px) {
}