@charset "utf-8";


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
======================================================================================== */


html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button::-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/* normalize.css v8.0.0 END */


/* Default Style
=========================================================================================*/


*,
*::before,
*::after{
box-sizing: border-box;
}


html,
body{
width: 100%;
}
html{
font-size: 62.5%;
}
body{
background-color: #fff;
color: #333;
font-family: 'Noto Sans JP', 'Arial', 'Helvetica', 'sans-serif';
font-size: 1.6rem;
font-weight: normal;
line-height: 1.5;
min-width: 320px;
word-wrap: break-word;
}


main{
display: block;
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dt,
dd{
font-weight: normal;
margin: 0;
padding: 0;
}


a{
color: #363636;
text-decoration: none;
}

.header-title a.white-text {
color:white; /* 特定のaタグの文字色を白にする */
}


img{
height: auto;
max-width: 100%;
vertical-align: bottom;
width: auto;
}


em{
font-style: normal;
}
strong{
color: #ff8200;
font-style: normal;
}


button{
background: none;
border: none;
}


figure{
margin: 0;
}


hr{
display: none;
}


@media screen and (min-width: 48.0625em){


a:hover,
a:focus{
color: #000077;
opacity: .7;
}

[id^="anchor-"]:focus{
outline: none;
}
}


/* 構造
=========================================================================================*/


.str-outer{
width: 100%;
}
.str-inner{
margin: 0 auto;
max-width: 1180px;
padding: 0 10px;
}

.sct-recruit.of-mt > .site-recruit{
margin-top: 0;
}

/* header
=========================================================================================*/
.site-header .outer .headerNav {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 2;
}
	
.site-header .headerNav .lang {
    float: left;
}
	
.site-header .headerNav .lang li a:before {

    color: #b3b3b3;
    margin-right: 5px;
}

.site-header .headerNav .lang li a {
    display: block;
    height: 30px;
    border: 1px solid #ccc;
    line-height: 28px;
    text-align: center;
    font-weight: 500;
    padding-left: 13px;
    padding-right: 13px;
    position: relative;
}

.site-header .headerNav .lang li {
  list-style: none;
}


@media screen and (max-width: 767px) {
.site-header .outer .headerNav {
        top: 30px;
        right: 55px;
        width: auto;
    }
}

.site-header{
background: #fff;
border-bottom: 0px solid #000077;
position: relative;
width: 100%;
}
.site-header > .outer{
margin: 0 auto;
max-width: 1280px;
}
.site-header > .outer::before {
content: '';
width: calc((100% - 1280px) / 2);
min-height: 138px;
background: #000077;
position: absolute;
left: 0;
}
.site-header > .outer > .inner{
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
min-height: 90px;
padding-right: 40px;
position: relative;
}


.site-header .header-title {
min-height: 138px;
line-height: 32px;
padding: 0px 32px 0 16px;
font-size: 1.9rem;
font-weight: bold;
background-color: #000077;
color: #fff;
display: flex;
align-items: center;
}

.site-header .company-logo{
margin: 0 24px;
padding-right: 10px;
}


.site-header .global-nav{
-webkit-flex: 2 1 auto;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
}
.site-header .global-nav > ul{
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
list-style: none;
margin-left: auto;
}
.site-header .global-nav > ul > li{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: 3em;
min-height: 90px;
position: relative;
}
.site-header .global-nav > ul > li:last-child{
margin-right: 0;
}
.site-header .global-nav > ul > li > a{
display: block;
height: 90px;
padding: 30px 0 0;
position: relative;
font-size: 1.6rem;
}
.site-header .global-nav > ul > li > a > br{
display: none;
}
.site-header .global-nav > ul > li > [aria-current]::after{
background: #000077;
bottom: 0;
content: "";
display: block;
height: 8px;
left: 0;
position: absolute;
width: 100%;
}


.site-header .global-nav > .sp-menu{
display: none;
}


.site-header > .sub-menu{
background: #000077;
position: relative;
width: 100%;
}
.site-header > .sub-menu > .inner{
margin: 0 auto;
max-width: 1280px;
position: relative;
}
.site-header > .sub-menu > .inner > ul{
list-style: none;
padding: 0 188px 0 60px;
}
.site-header > .sub-menu > .inner > ul > li > .title{
display: none;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box{
display: block;
padding: 30px 10px 0 15px;
position: relative;
width: 20%;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box::before{
border-left: 2px solid #fff;
content: "";
height: 40%;
left: 0;
min-height: 70px;
position: absolute;
top: 0;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 30px 0;
position: relative;
width: 80%;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child li{
border-bottom: 1px solid #4d4da0;
margin-right: 3.636%;
max-width: 255px;
width: 30.909%;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child li:nth-child(3n + 3){
margin-right: 0;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child li:nth-child(-n + 3){
border-top: 1px solid #4d4da0;
}
.site-header > .sub-menu > .inner > ul > li > a,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box > a,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box > .no-link,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child > li > a,
.site-header > .sub-menu > .inner > ul > li > .title.of-link > a{
color: #fff;
display: block;
padding: 12px 0 12px 15px;
position: relative;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child > li > a{
height: 100%;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child > li > a > .target-icon{
fill: #fff;
margin-left: 8px;
}
.site-header > .sub-menu > .inner > ul > li > a::before,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box > a::before,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child > li > a::before,
.site-header > .sub-menu > .inner > ul > li > .title.of-link > a::before{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
content: "";
display: block;
height: 7px;
left: 0;
position: absolute;
top: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 7px;
}

.site-header > .sub-menu > .inner > .sub-menu-closed{
display: none;
}


@media screen and (max-width: 76.25em){


.site-header .global-nav > ul{
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.site-header .global-nav > ul > li{
margin: 0;
}
.site-header .global-nav > ul > li > a{
padding-top: 15px;
}
.site-header .global-nav > ul > li > a > br{
display: block;
}
.site-header .global-nav > ul > li > .dropdown-ctrls::before{
bottom: 20px;
}


.site-header > .sub-menu > .inner > ul{
padding: 0 100px 0 50px;
}
}


@media screen and (max-width: 48em){


.site-header > .outer{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.site-header > .outer > .inner{
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 60px;
padding-right: 10px;
}
.site-header .global-nav > ul{
display: none;
}

.site-header .header-title {
min-height: 100%;
padding: 0 10px;
padding-top: 0px;
line-height: 20px;
font-size: 1.3rem;
align-items: center;
text-align: center;
display: flex;
}
.site-header .company-logo{
margin: 10px 10px;
padding: 0;

display: flex;
}
.site-header .company-logo > a > img{
vertical-align: middle;
}


.site-header > .sub-menu{
background: #fff;
}
.site-header > .sub-menu > .inner > ul{
padding: 0;
}
.site-header > .sub-menu > .inner > ul > li{
border-top: 1px solid #4d4da0;
}
.site-header > .sub-menu > .inner > ul > li > a,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box > a,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box > .no-link,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child > li > a{
color: #000077;
padding-right: 40px;
}
.site-header > .sub-menu > .inner > ul > li > a::before,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box > a::before,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child > li > a::before,
.site-header > .sub-menu > .inner > ul > li > .title.of-link > a::before{
border-color: #000077;
bottom: 0;
left: auto;
margin: auto;
position: absolute;
right: 20px;
top: 0;
}
.site-header > .sub-menu > .inner > ul > li > .title{
background: #000077;
color: #fff;
display: block;
padding: 12px 10px;
position: relative;
}
.site-header > .sub-menu > .inner > ul > li > .title.of-link{
padding: 0;
}
.site-header > .sub-menu > .inner > ul > li > .title.of-link::before{
display: none;
}
.site-header > .sub-menu > .inner > ul > li > .title.of-link > a{
color: #fff;
padding-left: 10px;
}
.site-header > .sub-menu > .inner > ul > li > .title.of-link > a::before{
border-color: #fff;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li{
display: block;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box{
margin: 0;
padding: 0;
width: 100%;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box::before{
content: none;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child{
display: block;
padding: 0;
width: 100%;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .box,
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child li{
max-width: none;
width: 100%;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child li:nth-child(-n + 3){
border-top: none;
}
.site-header > .sub-menu > .inner > ul > li > .parent > li > .child li:first-child{
border-top: 1px solid #4d4da0;
}
}

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


.site-footer{
position: relative;
width: 100%;
margin-top: 0;
}
.site-footer > .outer{
margin: 0 auto;
padding: 30px 10px;
width: 100%;
}
.site-footer > .outer.of-top{
background-color: #000077;
}
.site-footer > .outer.of-bottom{
background-color: #fff;
padding: 25px 10px 40px;
}
.site-footer > .outer > .inner{
margin: 0 auto;
max-width: 1280px;
width: 100%;
}
.site-footer > .outer.of-top > .inner{
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer > .outer > .inner > .title{
color: #fff;
font-size: 1.6rem;
text-align: center;
}
.site-footer > .outer > .inner ul{
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
list-style: none;
}
.site-footer > .outer > .inner > dd > ul > li{
margin-left: 20px;
}
.site-footer > .outer > .inner > dd > ul > li:first-child{
margin-left: 0;
}
.site-footer > .outer.of-top > .inner > dd{
margin-left: 20px;
}
.site-footer > .outer.of-bottom > .inner > ul{
padding: 0;
}
.site-footer > .outer.of-bottom > .inner > ul > li{
border-right: 1px solid #363636;
margin: 0;
padding: 0 18px;
}
.site-footer > .outer.of-bottom > .inner > ul > li:first-child{
border-left: 1px solid #363636;
}
.site-footer > .outer.of-bottom > .inner > ul > li > a > .target-icon{
display: inline-block;
fill: #363636;
position: relative;
right: -5px;
vertical-align: middle;
width: 10px;
}
.site-footer .copyright{
display: block;
margin-top: 25px;
text-align: center;
}


.site-nav-top{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin: -60px 0 0;
padding-right: 20px;
text-align: center;
width: 100%;
font-size: 1.4rem;
}
.site-nav-top .to-top{
background-color: rgba(105,105,105,.7);
color: #fff;
display: block;
height: 60px;
line-height: 1.2;
padding-top: 10px;
width: 60px;
}
.site-nav-top .to-top::before{
border-right: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
display: block;
height: 12px;
left: 0;
margin: auto;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 12px;
}


@media screen and (min-width: 48.0625em){


.site-footer > .outer.of-bottom > .inner > ul > li > a:hover > .target-icon,
.site-footer > .outer.of-bottom > .inner > ul > li > a:focus > .target-icon{
fill: #000077;
}
}


@media screen and (max-width: 48em){


.site-footer > .outer{
padding: 17.5px 10px;
}
.site-footer > .outer.of-bottom{
padding-bottom: 30px;
}
.site-footer > .outer.of-bottom > .inner > ul > li{
padding: 0;
}
.site-footer > .outer.of-bottom > .inner > ul > li > a{
display: inline-block;
font-size: 1.1rem;
padding: 0 10px;
width: 100%;
}

.site-footer > .outer.of-top > .inner{
display: block;
}
.site-footer > .outer > .inner > .title{
font-size: 1.3rem;
}
.site-footer > .outer.of-top > .inner > dd > ul{
margin-top: 17.5px;
}
.site-footer > .outer.of-top > .inner > dd > ul > li{
margin-left: 15px;
}
.site-footer > .outer.of-top > .inner > dd > ul > li:first-child{
margin-left: 0;
}
.site-footer .copyright{
margin-top: 17.5px;
}

.site-nav-top{
margin-top: -50px;
padding: 0 20px;
width: auto;
}
.site-nav-top > .container > .to-top{
font-size: 1rem;
height: 50px;
width: 55px;
}
}



/* パンくず・下層h1
=========================================================================================*/


.site-heading{
background: #000077;
margin-bottom: 60px;
width: 100%;
}
.site-heading > .outer{
margin: 0 auto;
max-width: 1280px;
padding: 12px 60px 50px;
}
.site-heading > .outer > .nav-breadcrumb > ul{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.site-heading > .outer > .nav-breadcrumb > ul > li > a{
color: #fff;
}
.site-heading > .outer > .nav-breadcrumb > ul > li::after{
border-right: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
display: inline-block;
height: 7px;
margin: 0 10px;
position: relative;
top: -1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 7px;
}
.site-heading > .outer > .nav-breadcrumb > ul > li:last-child::after{
content: none;
}


.site-heading > .outer > .heading-01{
color: #fff;
font-size: 3.2rem;
font-weight: bold;
margin-top: 30px;
}


@media screen and (min-width: 48.0625em){


.site-heading > .outer > .nav-breadcrumb > ul > li > a.no-link:hover,
.site-heading > .outer > .nav-breadcrumb > ul > li > a.no-link:focus,
.site-heading > .outer > .nav-breadcrumb > ul > li > a[aria-current="true"]:hover,
.site-heading > .outer > .nav-breadcrumb > ul > li > a[aria-current="true"]:focus{
opacity: 1;
}
}


@media screen and (max-width: 48em){


.site-heading{
margin-bottom: 40px;
}
.site-heading > .outer{
padding: 10px 10px 15px;
}
.site-heading > .outer > .nav-breadcrumb > ul > li{
margin-top: 10px;
}
.site-heading > .outer > .nav-breadcrumb > ul > li > a{
font-size: 1.2rem;
}
.site-heading > .outer > .heading-01{
font-size: 2.5rem;
margin-top: 15px;
}
}


/* 採用情報index
=========================================================================================*/


.site-recruit{
margin-top: 60px;
}
.site-recruit > .outer{
background: url(/common/images/footer-bg-img-02.jpg) no-repeat center center;
background-size: cover;
}
.site-recruit > .outer > .inner{
margin: 0 auto;
max-width: 1280px;
padding: 80px 0 98px;
}
.site-recruit > .outer > .inner > .title{
color: #fff;
font-size: 3.2rem;
font-weight: bold;
text-align: center;
}
.site-recruit > .outer > .inner > .mod-index-box{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
list-style: none;
margin-top: 60px;
}
.site-recruit > .outer > .inner > .mod-index-box > li{
background: #fff;
color: #17235d;
font-size: 1.8rem;
margin-right: 4.9%;
min-width: 290px;
padding: 30px 10px;
text-align: center;
width: 28%;
}
.site-recruit > .outer > .inner > .mod-index-box > li:last-child{
margin-right: 0;
}
.site-recruit > .outer > .inner > .mod-index-box > li > a{
background: #ff8200;
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
display: block;
font-size: 2rem;
font-weight: bold;
margin: 25px auto 0;
max-width: 250px;
padding: 10px 0;
position: relative;
}
.site-recruit > .outer > .inner > .mod-index-box > li > a::after{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
bottom: 0;
content: "";
display: inline-block;
height: 7px;
margin: auto;
position: absolute;
right: 15px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 7px;
}


@media screen and (min-width: 48.0625em){


.site-recruit > .outer > .inner > .mod-index-box > li > a:hover,
.site-recruit > .outer > .inner > .mod-index-box > li > a:focus{
background: #fff;
border: 1px solid #ff8200;
color: #ff8200;
opacity: 1;
transition: all .5s;
}
.site-recruit > .outer > .inner > .mod-index-box > li > a:hover::after,
.site-recruit > .outer > .inner > .mod-index-box > li > a:focus::after{
border-color: #ff8200;
transition: all .5s;
}
}



@media screen and (max-width: 48em){


.site-recruit > .outer > .inner{
padding-top: 30px;
}
.site-recruit > .outer > .inner > .mod-index-box{
display: block;
margin-top: 30px;
}
.site-recruit > .outer > .inner > .mod-index-box > li{
font-size: 1.4rem;
margin: 0 auto 30px;
min-width: 250px;
padding: 20px 10px;
width: 28%;
}
.site-recruit > .outer > .inner > .mod-index-box > li:last-child{
margin-right: auto;
}
.site-recruit > .outer > .inner > .mod-index-box > li > a{
font-size: 1.4rem;
max-width: 200px;
}
.site-recruit > .outer > .inner > .title{
font-size: 2.2rem;
}
}


/* heading
=========================================================================================*/


.mod-heading-img{
-webkit-align-items: center;
align-items: center;
background: url(/common/images/heading-img-05.png) no-repeat center;
background-size: cover;
display: -webkit-flex;
display: flex;
display: -ms-flexbox;
-ms-flex-align: center;
height: 200px;
margin-bottom: 60px;
margin-top: 60px;
padding: 0 20px 0 70px;
width: 100%;
}
.mod-heading-img.of-type-img-02{
background-image: url(/common/images/heading-img-06.png);
}
.mod-heading-img.of-type-img-03{
background-image: url(/common/images/heading-img-07.png);
}
.mod-heading-img.of-type-img-04{
background-image: url(/common/images/heading-img-04.jpg);
}
.mod-heading-img > .title{
color: #000077;
font-size: 3.2rem;
font-weight: bold;
width: 100%;
}


.mod-heading-02,
.mod-heading-03,
.mod-heading-04{
margin-top: 20px;
}
.mod-heading-02 > .title,
.mod-heading-03 > .title,
.mod-heading-04 > .title{
font-weight: bold;
}

.mod-heading-02{
border-bottom: 1px solid #21285c;
margin-bottom: 30px;
}
.mod-heading-02.of-center{
text-align: center;
}
.mod-heading-02.of-border{
border-bottom: none;
}
.mod-heading-02 > .title{
color: #000077;
font-size: 3.2rem;
margin-bottom: 5px;
}
.mod-heading-02.of-border > .title{
margin-bottom: 0;
}

.mod-heading-03{
margin-bottom: 30px;
}
.mod-heading-03 > .title{
font-size: 2.8rem;
}

.mod-heading-04{
border-left: 2px solid #000077;
}
.mod-heading-04 > .title{
font-size: 2rem;
padding-left: 10px;
}


@media screen and (max-width: 48em){


.mod-heading-img{
height: 100px;
padding: 0 30px;
}
.mod-heading-img > .title{
font-size: 2.4rem;
}


.mod-heading-02,
.mod-heading-03,
.mod-heading-04{
margin-top: 30px;
}
.mod-heading-02{
margin-bottom: 30px;
}


.mod-heading-02 > .title{
font-size: 2.4rem;
}


.mod-heading-03 > .title{
font-size: 2.2rem;
}


.mod-heading-04 > .title{
font-size: 1.8rem;
padding-left: 5px;
}
}



/* text
=========================================================================================*/


.mod-text-lead{
margin-top: 30px;
}
.mod-text-lead > .text{
font-size: 1.8rem;
font-weight: bold;
}


.mod-text{
margin-top: 30px;
}
.mod-text > .text > em{
font-weight: bold;
}


.mod-text > a{
color: #000077;
text-decoration: underline;
}


.mod-text > .text > .align-left,
.mod-text > .text.align-left{
text-align: left;
}
.mod-text > .text > .align-center,
.mod-text > .text.align-center{
text-align: center;
}
.mod-text > .text > .align-right,
.mod-text > .text.align-right{
text-align: right;
}


@media screen and (min-width: 48.0625em){


.mod-text > a:hover,
.mod-text > a:focus{
text-decoration: none;
}
}


@media screen and (max-width: 48em){


.mod-text-lead > .text{
font-size: 1.6rem;
}
}


/* list
=========================================================================================*/


.mod-list-bullet{
list-style: none;
margin-top: 30px;
}
.mod-list-bullet > li{
margin-top: 10px;
padding-left: 20px;
position: relative;
}
.mod-list-bullet > li > .mod-list-bullet{
margin-top: 10px;
}
.mod-list-bullet > li::before{
background-color: #999;
border-radius: 50%;
content: "";
display: block;
height: 6px;
left: 5px;
position: absolute;
top: 7px;
width: 6px;
}
.mod-list-bullet > li > .mod-list-bullet > li::before{
background-color: #fff;
border: 1px solid #999;
}
.mod-list-bullet > :first-child{
margin-top: 0;
}
.mod-list-bullet > li > :first-child{
margin-top: 10px;
}


.mod-list-number,
.mod-list-number-02,
.mod-list-number-03,
.mod-list-type-none,
.mod-list-note{
list-style: none;
margin-top: 30px;
}
ol.mod-list-number,
ol.mod-list-number-02,
ol.mod-list-number-03{
counter-reset: cnt;
}
ol.mod-list-number > li,
ol.mod-list-number-02 > li,
ol.mod-list-number-03 > li{
counter-increment: cnt;
}


ul.mod-list-number > li,
ol.mod-list-number > li{
margin-top: 10px;
padding-left: 30px;
position: relative;
}
ul.mod-list-number > li > .mod-list-number,
ol.mod-list-number > li > .mod-list-number{
margin-top: 10px;
}
ul.mod-list-number > li > .mark{
left: .5em;
position: absolute;
top: 0;
}
ol.mod-list-number > li::before{
content: counter(cnt)".";
left: .5em;
position: absolute;
top: 0;
}

ul.mod-list-number-02 > li,
ol.mod-list-number-02 > li{
margin-top: 10px;
padding-left: 35px;
position: relative;
}
ul.mod-list-number-02 > li > .mark,
ol.mod-list-number-02 > li::before{
left: -5px;
position: absolute;
top: 0;
}
ol.mod-list-number-02 > li::before{
content: "（"counter(cnt)"）";
}


ul.mod-list-number-03 > li,
ol.mod-list-number-03 > li{
margin-top: 10px;
padding-left: 2em;
position: relative;
}
ul.mod-list-number-03 > li > .mark,
ol.mod-list-number-03 > li::before{
background: #000077;
border-radius: 50%;
color: #fff;
height: auto;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 25px;
}
ol.mod-list-number-03 > li::before{
content: counter(cnt)"";
}

.mod-list-type-none > li{
margin-left: 20px;
margin-top: 10px;
}


.mod-list-description{
margin-top: 30px;
}
.mod-list-description > .content > dt{
font-size: 1.6rem;
font-weight: bold;
margin-top: 10px;
}
.mod-list-description > .content > dt > .font-normal{
font-weight: normal;
}
.mod-list-description > .content > dd{
margin-top: 10px;
}
.mod-list-description > .content > dd > :first-child{
margin-top: 0;
}

.mod-list-note > li{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
font-size: 1.4rem;
}
.mod-list-note.of-right > li{
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mod-list-note > li > .mark{
margin-right: .5em;
}
.mod-list-note > li > .text{
display: block;
flex: 0 1 auto;
}


.mod-list-number > :first-child,
.mod-list-number-02 > :first-child,
.mod-list-number-03 > :first-child,
.mod-list-type-none > :first-child,
.mod-list-note > :first-child{
margin-top: 0;
}

/* 序列リスト
=========================================================================================*/


.mod-arrow-icon{
list-style: none;
}
.mod-arrow-icon > li{
position: relative;
text-align: center;
}
.mod-arrow-icon > li > :first-child{
margin-top: 0;
}
.mod-arrow-icon > li > :last-child{
margin-bottom: 0;
}
.mod-arrow-icon > li::before{
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000077;
content: "";
display: inline-block;
margin: 15px 0;
}
.mod-arrow-icon.of-type-2 > li::before{
border-top-color: #666;
}
.mod-arrow-icon > li:first-child::before{
display: none;
}


/* btn
=========================================================================================*/


.mod-link-text{
display: inline-block;
padding-left: 20px;
position: relative;
}
.mod-link-text::before{
border-right: 2px solid #333;
border-top: 2px solid #333;
content: "";
display: inline-block;
height: 7px;
left: 0;
position: absolute;
top: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 7px;
}
.mod-link-text > .svg-icon{
bottom: 0;
fill: #363636;
margin: auto;
display: inline-block;
margin-left: 5px;
}


.mod-btn-style,
.mod-btn-style-02,
.mod-btn-style-03{
background: #000077;
border: 1px solid #000077;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 1.8rem;
min-width: 250px;
padding: 20px 30px;
position: relative;
text-align: center;
}
.mod-btn-style::after,
.mod-btn-style-02::after,
.mod-btn-style-03::after{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
bottom: 0;
content: "";
display: inline-block;
height: 8px;
margin: auto;
position: absolute;
right: 10px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}
.mod-btn-style.of-target::after,
.mod-btn-style-02.of-target::after,
.mod-btn-style-03.of-target::after{
content: none;
padding: 20px 25px;
-webkit-transform: none;
transform: none;
}


.mod-btn-style.of-nallow,
.mod-btn-style-02.of-nallow,
.mod-btn-style-03.of-nallow{
font-size: 1.6rem;
min-width: 200px;
padding: 10px;
}


.mod-btn-style.of-minimum-width,
.mod-btn-style-02.of-minimum-width,
.mod-btn-style-03.of-minimum-width{
font-size: 1.4rem;
min-width: 160px;
padding: 10px;
}


.mod-btn-style.of-wide,
.mod-btn-style-02.of-wide,
.mod-btn-style-03.of-wide{
min-width: 310px;
margin: 5px;
}


.mod-btn-style-02{
background: #ff8200;
border-color: #ff8200;
}


.mod-btn-style-03{
background: transparent;
border-color: #fff;
}


.mod-btn-style.of-target > .svg-icon,
.mod-btn-style-02.of-target > .svg-icon,
.mod-btn-style-03.of-target > .svg-icon{
bottom: 0;
fill: #fff;
height: auto;
margin: auto;
position: absolute;
right: 10px;
top: 0;
width: 14px;
}


.mod-link-list{
list-style: none;
margin-top: 30px;
width: 100%;
}
.mod-link-list > li{
margin-top: 10px;
}
.mod-link-list > li > a{
display: inline-block;
padding-left: 20px;
position: relative;
}
.mod-link-list > li > a::before{
border-right: 1px solid #333;
border-top: 1px solid #333;
content: "";
height: 7px;
left: 0;
position: absolute;
top: 7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 7px;
}
.mod-link-list > li > a > .icon{
margin-left: 5px;
vertical-align: middle;
}
.mod-link-list > li > a > .svg-icon{
bottom: 0;
fill: #363636;
margin: auto;
display: inline-block;
margin-left: 5px;
}
.mod-link-list > :first-child{
margin-top: 0;
}


.mod-link-list.of-col2{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mod-link-list.of-col2 > li{
margin: 30px 0 0 5.172%;
width: 47.413%;
}
.mod-link-list.of-col2 > li:nth-child(2n + 1){
margin-left: 0;
}
.mod-link-list.of-col2 > li:nth-child(-n + 2){
margin-top: 0;
}


@media screen and (min-width: 48.0625em){


.mod-link-text:hover::before,
.mod-link-text:focus::before{
border-color: #000077;
}
.mod-link-text:hover > .svg-icon,
.mod-link-text:focus > .svg-icon{
fill: #000077;
}


.mod-btn-style:hover,
.mod-btn-style:focus,
.mod-btn-style-02:hover,
.mod-btn-style-02:focus{
background-color: #fff;
color: #000077;
opacity: 1;
transition: all .5s;
}
.mod-btn-style:hover::after,
.mod-btn-style:focus::after,
.mod-btn-style-02:hover::after,
.mod-btn-style-02:focus::after{
border-color: #000077;
opacity: 1;
transition: all .5s;
}


.mod-btn-style-02:hover,
.mod-btn-style-02:focus{
color: #ff8200;
}
.mod-btn-style-02:hover::after,
.mod-btn-style-02:focus::after{
border-color: #ff8200;
}


.mod-btn-style-03:hover,
.mod-btn-style-03:focus{
background: #000077;
border-color: #000077;
color: #fff;
opacity: 1;
transition: all .5s;
}


.mod-btn-style-03.of-hover-type02:hover,
.mod-btn-style-03.of-hover-type02:focus{
background: #00a9e0;
border-color: #00a9e0;
color: #fff;
transition: all .5s;
}


.mod-btn-style.of-target:hover > .svg-icon,
.mod-btn-style.of-target:focus > .svg-icon{
fill: #000077;
transition: all .5s;
}
.mod-btn-style-02.of-target:hover > .svg-icon,
.mod-btn-style-02.of-target:focus > .svg-icon{
fill: #ff8200;
transition: all .5s;
}


.mod-link-list > li > a:hover::before{
border-color: #000077;
}
.mod-link-list > li > a:hover > .svg-icon{
fill: #000077;
}
}


@media screen and (max-width: 48em){


.mod-btn-style{
font-size: 1.4rem;
min-width: 185px;
}


.mod-btn-style.of-nallow,
.mod-btn-style-02.of-nallow,
.mod-btn-style-03.of-nallow,
.mod-btn-style.of-minimum-width,
.mod-btn-style-02.of-minimum-width,
.mod-btn-style-03.of-minimum-width{
font-size: 1.2rem;
}


.mod-btn-style.of-nallow,
.mod-btn-style-02.of-nallow,
.mod-btn-style-03.of-nallow{
min-width: 150px;
}


.mod-btn-style.of-minimum-width,
.mod-btn-style-02.of-minimum-width,
.mod-btn-style-03.of-minimum-width{
min-width: 125px;
}


.mod-btn-style.of-wide,
.mod-btn-style-02.of-wide,
.mod-btn-style-03.of-wide{
min-width: 232px;
}
}


/* grid
=========================================================================================*/


.mod-grid{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
width: 100%;
}
.mod-grid > .col{
margin-left: 2.587%;
margin-top: 30px;
}
.mod-grid > .col > :first-child{
margin-top: 0;
}
.mod-grid > .col > :last-child{
margin-bottom: 0;
}

@media screen and (min-width: 48.0625em){


.mod-grid.of-pc-col1 > .col{
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 0;
text-align: center;
width: 100%;
}
.mod-grid.of-pc-col2 > .col{
-webkit-flex: 0 1 48.706%;
-ms-flex: 0 1 48.706%;
flex: 0 1 48.706%;
}
.mod-grid.of-pc-col3 > .col{
-webkit-flex: 0 1 31.609%;
-ms-flex: 0 1 31.609%;
flex: 0 1 31.609%;
}
.mod-grid.of-pc-col4 > .col{
-webkit-flex: 0 1 23.060%;
-ms-flex: 0 1 23.060%;
flex: 0 1 23.060%;
}
.mod-grid.of-pc-col2 > .col:nth-child(2n + 1),
.mod-grid.of-pc-col3 > .col:nth-child(3n + 1),
.mod-grid.of-pc-col4 > .col:nth-child(4n + 1){
margin-left: 0;
}
.mod-grid.of-pc-col1 > .col:nth-child(1),
.mod-grid.of-pc-col2 > .col:nth-child(-n + 2),
.mod-grid.of-pc-col3 > .col:nth-child(-n + 3),
.mod-grid.of-pc-col4 > .col:nth-child(-n + 4){
margin-top: 0;
}
}


@media screen and (max-width: 48em){


.mod-grid.of-sp-col1 > .col{
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 0;
text-align: center;
width: 100%;
}
.mod-grid.of-sp-col2 > .col{
-webkit-flex: 0 1 48.706%;
-ms-flex: 0 1 48.706%;
flex: 0 1 48.706%;
}
.mod-grid.of-sp-col3 > .col{
-webkit-flex: 0 1 31.609%;
-ms-flex: 0 1 31.609%;
flex: 0 1 31.609%;
}
.mod-grid.of-sp-col4 > .col{
-webkit-flex: 0 1 23.060%;
-ms-flex: 0 1 23.060%;
flex: 0 1 23.060%;
}
.mod-grid.of-sp-col2 > .col:nth-child(2n + 1),
.mod-grid.of-sp-col3 > .col:nth-child(3n + 1),
.mod-grid.of-sp-col4 > .col:nth-child(4n + 1){
margin-left: 0;
}
.mod-grid.of-sp-col1 > .col:nth-child(1),
.mod-grid.of-sp-col2 > .col:nth-child(-n + 2),
.mod-grid.of-sp-col3 > .col:nth-child(-n + 3),
.mod-grid.of-sp-col4 > .col:nth-child(-n + 4){
margin-top: 0;
}
}


/* 画像
=========================================================================================*/


.mod-media-style{
margin-top: 30px;
margin-bottom: 15px;
width: 100%;
}
.mod-media-style > .img{
text-align: center;
}
.mod-media-style > .img.align-left{
text-align: left;
}
.mod-media-style > .img.align-right{
text-align: right;
}
.mod-media-style > .img > figcaption,
.mod-media-style > .img > .caption{
margin-top: 5px;
display: block;
}
.mod-media-style > .img > figcaption.align-left,
.mod-media-style > .img > .caption.align-left{
text-align: left;
}
.mod-media-style.of-left > .img{
float: left;
margin-right: 30px;
}
.mod-media-style.of-right > .img{
float: right;
margin-left: 30px;
}
.mod-media-style.of-left::after,
.mod-media-style.of-right::after{
clear: both;
content: "";
display: block;
}


.mod-media-grid{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
width: 100%;
}
.mod-media-grid.of-reverse{
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.mod-media-grid > .media{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
max-width: 50%;
margin-left: 30px;
}
.mod-media-grid > .media > .img{
max-width: 100%;
flex: 0 0 auto;
}
.mod-media-grid.of-reverse > .media{
margin-left: 0;
margin-right: 30px;
}
.mod-media-grid > .media > .img > figcaption,
.mod-media-grid > .media > .img > .caption{
margin-top: 5px;
text-align: center;
font-size: 1.4rem;
display: block;
}
.mod-media-grid > .content{
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.mod-media-grid > .content > :first-child{
margin-top: 0;
}

.mod-media-grid.of-view-column > .media{
max-width: none;
}
.mod-media-grid.of-view-column > .media > .img:first-child{
margin-right: 30px;
}

.mod-media-grid.of-center,
.mod-media-grid.of-full{
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.mod-media-grid.of-center > .media,
.mod-media-grid.of-full > .media{
max-width: none;
margin-left: 0;
}

.mod-media-grid.of-full > .media{
width: 100%;
}
.mod-media-grid.of-center > .media > .img,
.mod-media-grid.of-full > .media > .img{
max-width: none;
}
.mod-media-grid.of-center > .media > .img{
margin-left: 30px;
}
.mod-media-grid.of-full > .media > .img{
width: 48.707%;
margin-left: 2.586%;
}
.mod-media-grid.of-center > .media > .img:first-child,
.mod-media-grid.of-full > .media > .img:first-child{
margin-left: 0;
}


@media screen and (max-width: 62.5em){


.mod-media-grid.of-view-column{
display: block;
}
.mod-media-grid.of-view-column > .media{
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-top: 30px;
max-width: none;
margin-right: 0;
margin-left: 0;
}
.mod-media-grid.of-view-column > .media > .img:first-child{
margin-left: 0;
}
.mod-media-grid.of-reverse.of-view-column > .media > .img:last-child{
margin-right: 0;
}
}


@media screen and (max-width: 48em){


.mod-media-style.of-left > .img{
float: none;
margin-right: 0;
}
.mod-media-style.of-right > .img{
float: none;
margin-left: 0;
}
.mod-media-style > .img > figcaption,
.mod-media-style > .img > .caption{
font-size: 1.3rem;
}
.mod-media-style.of-left > .text,
.mod-media-style.of-right > .text{
margin-top: 30px;
}


.mod-media-grid{
display: block;
margin-top: 30px;
}
.mod-media-grid > .media{
display: block;
max-width: none;
margin-left: 0;
}
.mod-media-grid.of-reverse > .media{
margin-right: 0;
}
.mod-media-grid > .media > .img{
margin-left: 0;
margin-top: 30px;
max-width: none;
text-align: center;
}
.mod-media-grid > .media > .img > figcaption,
.mod-media-grid > .media > .img > .caption{
font-size: 1.3rem;
}
.mod-media-grid.of-reverse > .media > .img{
margin-right: 0;
}

.mod-media-grid.of-view-column > .media > .img:first-child{
margin-right: 0;
}

.mod-media-grid.of-full > .media > .img{
width: 100%;
margin-left: 0;
}

.mod-media-grid.of-center > .media > .img{
margin-left: 0;
}
}


/* デフォルト（スマホ）では縦並び */
.media-group {
  display: block;
}

.media-group .media {
  margin-bottom: 16px;
}

/* PCサイズ以上で横並び */
@media screen and (min-width: 768px) {
  .media-group {
    display: flex;
    gap: 20px; /* 画像間の余白 */
  }

  .media-group .media {
    margin-bottom: 0;
    width: 50%;
  }

  .media-group img {
    width: 100%;
    height: auto;
  }
	}



/* table
=========================================================================================*/


.mod-table-layout{
border: 1px solid #999;
border-collapse: collapse;
margin-top: 30px;
width: 100%;
}
.mod-table-layout > colgroup > .width-10{
width: 10%;
}
.mod-table-layout > colgroup > .width-20{
width: 20%;
}
.mod-table-layout > colgroup > .width-30{
width: 30%;
}
.mod-table-layout > colgroup > .width-40{
width: 40%;
}
.mod-table-layout > colgroup > .width-50{
width: 50%;
}
.mod-table-layout > colgroup > .width-60{
width: 60%;
}
.mod-table-layout > colgroup > .width-70{
width: 70%;
}
.mod-table-layout > colgroup > .width-80{
width: 80%;
}
.mod-table-layout > tbody > tr > th{
background: #f0f0f0;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
padding: 30px;
}
.mod-table-layout > tbody > tr > td{
border-bottom: 1px solid #999;
border-right: 1px solid #999;
padding: 30px 20px 30px 30px;
}
.mod-table-layout > tbody > tr > th > :first-child,
.mod-table-layout > tbody > tr > td > :first-child{
margin-top: 0;
}
.mod-table-layout > tbody > tr > th > :last-child,
.mod-table-layout > tbody > tr > td > :last-child{
margin-bottom: 0;
}
.mod-table-layout > tbody > tr > td > .mod-text + .mod-text{
margin-top: 15px;
}
.mod-table-layout > tbody > tr > td > .mod-list-bullet,
.mod-table-layout > tbody > tr > td > .mod-list-note,
.mod-table-layout > tbody > tr > td > .mod-list-description > .content > dd > .mod-list-bullet,
.mod-table-layout > tbody > tr > td > .mod-list-description > .content > dd > .mod-list-number,
.mod-table-layout > tbody > tr > td > .mod-list-description > .content > dd > .mod-list-number-02,
.mod-table-layout > tbody > tr > td > .mod-list-description > .content > dd > .mod-list-number-03,
.mod-table-layout > tbody > tr > td > .mod-list-description > .content > dd > .mod-list-type-none,
.mod-table-layout > tbody > tr > td > .mod-list-description > .content > dd > .mod-list-note{
margin-top: 0;
}


@media screen and (max-width: 48em){


.mod-table-layout > tbody > tr > th,
.mod-table-layout > tbody > tr > td{
border-right: none;
display: block;
padding: 10px;
}
.mod-table-layout > tbody > tr:last-child td{
border-bottom: none;
}
.mod-table-layout > colgroup > .width-10,
.mod-table-layout > colgroup > .width-20,
.mod-table-layout > colgroup > .width-30,
.mod-table-layout > colgroup > .width-40,
.mod-table-layout > colgroup > .width-50,
.mod-table-layout > colgroup > .width-60,
.mod-table-layout > colgroup > .width-70,
.mod-table-layout > colgroup > .width-80{
width: 100%;
}
}


/* info
=========================================================================================*/


.mod-latest-info{
margin: 30px 0;
}
.mod-latest-info > .item{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
.mod-latest-info > .item:first-child{
margin-top: 0;
}
.mod-latest-info > .item > dt{
margin-right: 30px;
}
.mod-latest-info > .item > dd{
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.mod-latest-info > .item > dd > a{
color: #000077;
text-decoration: underline;
}


@media screen and (min-width: 48.0625em){


.mod-latest-info > .item > dd > a:hover,
.mod-latest-info > .item > dd > a:focus{
text-decoration: none;
}
}


@media screen and (max-width: 48em){


.mod-latest-info > .item{
display: block;
}
.mod-latest-info > .item > dd{
margin-top: 10px;
}
}


/* ページ内リンク
=========================================================================================*/


.mod-link-page{
background: #000077;
margin: 30px 0;
}
.mod-link-page > ul{
display: -webkit-flex;
display: flex;
display: -ms-flexbox;
-ms-flex-pack: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
list-style: none;
padding: 20px 10px 30px;
}
.mod-link-page > ul > li{
margin-right: 60px;
margin-top: 10px;
}
.mod-link-page > ul > li > a{
display: inline-block;
font-size: 1.6rem;
font-weight: bold;
padding-left: 10px;
position: relative;
color: #fff;
}
.mod-link-page > ul > li > a::before{
border-right: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
height: 5px;
left: 0;
position: absolute;
top: 8px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
vertical-align: middle;
width: 5px;
}


@media screen and (max-width: 48em){


.mod-link-page{
background: none;
}
.mod-link-page > ul{
display: block;
padding: 0;
}
.mod-link-page > ul > li{
background: #000077;
border-top: 1px solid #fff;
margin-right: 0;
margin-top: 0;
}
.mod-link-page > ul > li:first-child{
border-top: none;
}
.mod-link-page > ul > li > a{
font-size: 1.4rem;
width: 100%;
padding: 10px 10px 10px 20px;
}
.mod-link-page > ul > li > a::before{
left: 10px;
top: 16px;
}
}


/* テキストボックス
=========================================================================================*/


.mod-box-text{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 10px;
width: 100%;
}
.mod-box-text > .box{
border: 1px solid #999;
border-top: 3px solid #000077;
width: 100%;
}
.mod-box-text.of-col2 > .box{
margin-left: 2.586%;
margin-top: 30px;
width: 48.707%;
}
.mod-box-text.of-col2 > .box:nth-of-type(2n + 1){
margin-left: 0;
}
.mod-box-text.of-col2 > .box:nth-of-type(-n + 2){
margin-top: 0;
}
.mod-box-text.of-col3 > .box{
margin-left: 2.586%;
margin-top: 30px;
width: 31.465%;
}
.mod-box-text.of-col3 > .box:nth-of-type(3n + 1){
margin-left: 0;
}
.mod-box-text.of-col3 > .box:nth-of-type(-n + 3){
margin-top: 0;
}
.mod-box-text > .box > .head{
background: #f0f0f0;
color: #000077;
font-size: 2rem;
font-weight: bold;
padding: 15px;
text-align: center;
}
.mod-box-text > .box > .content{
padding: 30px 3.454%;
}
.mod-box-text.of-col3 > .box > .content{
padding: 30px 8.264%;
}
.mod-box-text.of-col2 > .box > .content > :first-child,
.mod-box-text.of-col3 > .box > .content > :first-child{
margin-top: 0;
}
.mod-box-text > .box > .content > .title{
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
.mod-box-text > .box > .content > .title + .text{
margin-top: 20px;
}


.mod-box-text.of-content > .box > .content > .container > .mod-list-number > li > .mod-list-number-02{
margin-top: 0;
}
.mod-box-text.of-content > .box > .content > .container > .mod-list-number > li > .mod-list-number-02 > li > .mod-heading-03{
margin-top: 5px;
margin-bottom: 5px;
}
.mod-box-text.of-content > .box > .content > .container > .mod-list-number > li > .mod-list-number-02 > li > .mod-heading-03 > .title{
font-size: 1.4rem;
}
.mod-box-text.of-content > .box > .content > .container > .mod-list-number > li > .mod-list-number-02 > li > .mod-list-number{
margin-top: 5px;
}


@media screen and (max-width: 48em){


.mod-box-text{
display: block;
}
.mod-box-text.of-col2 > .box{
margin-left: 0;
width: 100%;
}
.mod-box-text.of-col2 > .box:nth-of-type(-n + 2){
margin-top: 30px;
}
.mod-box-text.of-col3 > .box{
margin-left: 0;
width: 100%;
}
.mod-box-text.of-col3 > .box:nth-of-type(-n + 3){
margin-top: 30px;
}
.mod-box-text > .box > .head{
font-size: 1.6rem;
}
.mod-box-text.of-col2 > .box > .content,
.mod-box-text.of-col3 > .box > .content{
padding: 15px;
}
.mod-box-text > .box > .content > .lead{
font-size: 1.4rem;
}
.mod-box-text > .box > .content > .lead + .text{
margin-top: 10px;
}
.mod-box-text.of-content > .box > .content > .container > .mod-list-number > li > .mod-list-number-02 > li > .mod-heading-03{
margin-top: 5px;
}
}


/* index
=========================================================================================*/


.mod-list-index{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-top: 60px;
width: 100%;
}
.mod-list-index > li{
margin: 60px 0 0 2.586%;
width: 31.465%;
}
.mod-list-index > li > a{
color: #303030;
display: inline-block;
max-width: 100%;
position: relative;
}
.mod-list-index > li:nth-child(-n + 3){
margin-top: 0;
}
.mod-list-index > li:nth-child(3n + 1){
margin-left: 0;
}
.mod-list-index > li > a > .title{
background-color: rgba(240,240,240,.7);
bottom: 0;
font-size: 1.7rem;
font-weight: bold;
left: 0;
padding: 20px;
position: absolute;
text-align: center;
width: 100%;
}
.mod-list-index > li > a > .title::before{
border-right: 2px solid #030303;
border-top: 2px solid #030303;
content: "";
display: inline-block;
height: 7px;
margin-right: 10px;
position: relative;
top: -1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
width: 7px;
}
.mod-list-index > li > a > .title > .target-icon {
fill: #030303;
margin-left: 8px;
}
.mod-list-index > li > .text{
margin-top: 20px;
text-align: left;
}


@media screen and (min-width: 48.0625em){


.mod-list-index > li > a:hover,
.mod-list-index > li > a:focus,
.mod-list-index > li > a:hover .title::before,
.mod-list-index > li > a:focus .title::before{
border-right-color: #000077;
border-top-color: #000077;
color: #000077;
}
}


@media screen and (max-width: 48em){


.mod-list-index{
margin-top: 30px;
}
.mod-list-index > li{
margin-top: 0;
text-align: center;
width: 48.707%;
}
.mod-list-index > li:nth-child(3n + 1){
margin-left: 2.586%;
}
.mod-list-index > li:nth-child(2n + 1){
margin-left: 0;
}
.mod-list-index > li:nth-child(n + 3){
margin-top: 30px;
}
.mod-list-index > li > a > .title{
font-size: 1.4rem;
margin-top: 10px;
}
.mod-list-index > li > .text{
margin: 20px auto 0;
max-width: 350px;
}
}

@media screen and (max-width: 37.5em){


.mod-list-index{
display: block;
}
.mod-list-index > li{
margin-left: 0;
margin-top: 30px;
width: 100%;
}
.mod-list-index > li:nth-child(n + 2){
margin-top: 30px;
}
.mod-list-index > li:nth-child(3n + 1){
margin-left: 0;
}
}


/* Q&A
=========================================================================================*/


.mod-list-qa > dl > .block{
border-top: 1px solid #21285c;
margin-top: 30px;
padding-top: 30px;
}
.mod-list-qa > dl > .block:first-child{
border-top: none;
margin-top: 30px;
padding-top: 0;
}
.mod-list-qa > dl > .block > dt{
-webkit-align-items: center;
align-items: center;
color: #000077;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 20px;
}
.mod-list-qa > dl > .block > dd{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.mod-list-qa > dl > .block > dt > .question,
.mod-list-qa > dl > .block > dd > .answer{
-webkit-align-items: center;
align-items: center;
background: #000077;
color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-ms-flex-pack: distribute;
font-size: 2.6rem;
-webkit-justify-content: space-around;
justify-content: space-around;
margin-right: 15px;
min-height: 45px;
min-width: 45px;
text-align: center;
}
.mod-list-qa > dl > .block > dt > .question,
.mod-list-qa > dl > .block > dd > .answer{
-webkit-align-items: flex-start;
align-items: flex-start;
background-color: #fff;
-ms-flex-align: start;
}
.mod-list-qa > dl > .block > dt > .question > .mark,
.mod-list-qa > dl > .block > dd > .answer > .mark{
background: #000077;
display: inline-block;
font-weight: bold;
height: 45px;
padding: 3px;
width: 45px;
}
.mod-list-qa > dl > .block > dd > .answer > .mark{
background-color: #00a9e0;
}
.mod-list-qa > dl > .block > dt > .text,
.mod-list-qa > dl > .block > dd > .text{
display: block;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
.mod-list-qa > dl > .block > dd > .mod-list-description{
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
margin-top: 0;
}
.mod-list-qa > dl > .block > dd > .mod-list-description > .content > dd > .mod-list-bullet{
margin-top: 0;
}


@media screen and (max-width: 48em){


.mod-list-qa > dl > .block > dt > .question,
.mod-list-qa > dl > .block > dd > .answer{
font-size: 1.9rem;
}
.mod-list-qa > dl > .block > dt > .question > .mark,
.mod-list-qa > dl > .block > dd > .answer > .mark{
height: 40px;
padding: 5px;
width: 40px;
}
.mod-list-qa > dl > .block > dt{
font-size: 1.6rem;
}
}


/* トグル
=========================================================================================*/


.mod-toggle-box{
margin-top: 30px;
}
.mod-toggle-box > .title{
background: #f0f0f0;
border-top: 3px solid #000077;
color: #000077;
font-size: 2rem;
font-weight: bold;
padding: 15px 40px;
position: relative;
}
.mod-toggle-box > .title .sub-title{
font-weight: normal;
}
.mod-toggle-box > .content > .inner{
padding: 40px 60px;
}
.mod-toggle-box > .content > .inner > :first-child{
margin-top: 0;
}
.mod-toggle-box + .mod-toggle-box{
margin-top: 20px;
}


@media screen and (max-width: 48em){


.mod-toggle-box > .title{
font-size: 1.6rem;
padding: 15px 40px 15px 20px;
}
.mod-toggle-box > .content > .inner{
padding: 15px 10px;
}
}


/* お問い合わせ関連
=========================================================================================*/


.mod-box-contact{
background: #f0f0f0;
border-top: 0px solid #000077;
margin-top: 60px;
margin-bottom: 20px;
padding: 30px;
text-align: center;
}
.mod-box-contact > .title{
color: #000077;
font-size: 3.2rem;
font-weight: bold;
text-align: center;
}
.mod-box-contact > .mod-text > .mod-list-note{
margin-top: 0;
}
.mod-box-contact > .contact{
background-color: #fff;
margin: 30px auto 0;
max-width: 1100px;
padding: 30px;
text-align: left;
}
.mod-box-contact > .entry{
margin-top: 30px;
}
.mod-box-contact > .entry > a{
background: linear-gradient(-25deg, #ff8300 50%, #ff9c33 50%);
border: 1px solid transparent;
border-radius: 20px;
color: #fff;
display: block;
font-size: 2rem;
font-weight: bold;
margin: 0 auto;
max-width: 500px;
padding: 25px 10px;
position: relative;
text-align: center;
}
.mod-box-contact > .entry > a::before{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
bottom: 0;
content: "";
height: 10px;
margin: auto;
position: absolute;
right: 20px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
}
.mod-box-contact > .contact > dt{
font-size: 2rem;
font-weight: bold;
}
.mod-box-contact > .contact > dd > ul{
list-style: none;
margin-top: 20px;
}
.mod-box-contact > :first-child{
margin-top: 0;
}


.mod-link-related{
background: #f0f0f0;
margin-top: 60px;
padding: 60px 0;
}
.mod-link-related > .title{
color: #303030;
font-size: 2rem;
font-weight: bold;
text-align: center;
margin-bottom: 60px;
}
.mod-link-related > .link{
display: -webkit-flex;
display: flex;
display: -ms-flexbox;
-ms-flex-pack: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
list-style: none;
margin: 0 auto;
max-width: 980px;
padding: 0 10px;
}
.mod-link-related > .link > li{
margin: 0 0 0 3.703%;
text-align: center;
width: 30.864%;
}
.mod-link-related > .link > li:nth-child(3n + 1){
margin-left: 0;
}
.mod-link-related > .link > li:nth-child(n + 4){
margin-top: 30px;
}
.mod-link-related > .link > li > a{
background: linear-gradient(-45deg, #000077 50%, #00009f 50%);
border-radius: 50px;
color: #fff;
display: block;
font-size: 1.8rem;
padding: 20px;
position: relative;
}
.mod-link-related > .link > li > a::after{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
bottom: 0;
content: "";
height: 7px;
margin: auto;
position: absolute;
right: 15px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 7px;
}

.mod-link-related > .link-image{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0 auto;
max-width: 1180px;
padding: 0 10px;
}
.mod-link-related > .link-image > li{
margin-left: 2.586%;
width: 48.620%;
}
.mod-link-related > .link-image > li:nth-child(2n + 1){
margin-left: 0;
}
.mod-link-related > .link-image > li:nth-child(n + 3){
margin-top: 30px;
}
.mod-link-related > .link-image > li > .image{
background: url(/common/images/link_image_01.jpg) no-repeat center center;
background-size: cover;
display: block;
min-height: 130px;
position: relative;
}
.mod-link-related > .link-image > li > .image.of-type-02{
background-image: url(/common/images/link_image_02.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-03{
background-image: url(/common/images/link_image_03.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-04{
background-image: url(/common/images/link_image_04.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-05{
background-image: url(/common/images/link_image_05.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-06{
background-image: url(/common/images/link_image_06.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-07{
background-image: url(/common/images/link_image_07.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-08{
background-image: url(/common/images/link_image_08.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-09{
background-image: url(/common/images/link_image_09.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-10{
background-image: url(/common/images/link_image_10.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-11{
background-image: url(/common/images/link_image_11.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-12{
background-image: url(/common/images/link_image_12.jpg);
}
.mod-link-related > .link-image > li > .image.of-type-13{
background-image: url(/common/images/link_image_13.jpg);
}
.mod-link-related > .link-image > li > .image > .title{
color: #fff;
font-size: 2rem;
left: 30px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mod-link-related > .link-image > li > .image > .title::after{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
content: "";
display: inline-block;
height: 8px;
margin-left: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
width: 8px;
}


@media screen and (min-width: 48.0625em){


.mod-box-contact > .entry > a:hover,
.mod-box-contact > .entry > a:focus{
background: #fff;
border: 1px solid #ff8200;
color: #ff8200;
transition: all .5s;
}
.mod-box-contact > .entry > a:hover::before,
.mod-box-contact > .entry > a:focus::before{
border-color: #ff8200;
transition: all .5s;
}
}


@media screen and (max-width: 48em){


.mod-box-contact{
margin-top: 30px;
padding: 30px 15px;
}
.mod-box-contact > .title{
font-size: 2.4rem;
}
.mod-box-contact > .entry{
margin-top: 30px;
}
.mod-box-contact > .entry > a{
font-size: 1.3rem;
max-width: none;
padding: 10px 30px;
}
.mod-box-contact > .entry > a::before{
height: 7px;
right: 10px;
width: 7px;
}
.mod-box-contact > .contact{
margin-top: 30px;
padding: 20px 10px;
}
.mod-box-contact > .contact > dt{
font-size: 1.6rem;
text-align: center;
}
.mod-box-contact > .contact > dd > ul{
margin-top: 10px;
}


.mod-link-related{
margin-top: 30px;
padding: 30px 0;
}
.mod-link-related > .title{
margin-bottom: 30px;
}
.mod-link-related > .link > li{
max-width: none;
min-width: 250px;
width: 48.148%;
}
.mod-link-related > .link > li:nth-child(3n + 1){
margin-left: auto;
}
.mod-link-related > .link > li:nth-child(odd){
margin-left: 0;
}
.mod-link-related > .link > li:nth-child(even){
margin-left: 3.703%;
}
.mod-link-related > .link > li:nth-child(n + 3){
margin-top: 15px;
}


.mod-link-related > .link-image{
display: block;
padding: 0 10px;
}
.mod-link-related > .link-image > li{
margin: 15px auto 0;
width: auto;
}
.mod-link-related > .link-image > li:first-child{
margin-top: 0px;
}
.mod-link-related > .link-image > li:nth-child(n + 3){
margin-top: 15px;
}
.mod-link-related > .link-image > li > .image{
background-position: left 70% center;
}
}


@media screen and (max-width: 37.5em){


.mod-link-related > .link{
display: block;
}
.mod-link-related > .link > li:nth-child(n + 1){
margin: 0 auto;
}
.mod-link-related > .link > li:nth-child(n + 2){
margin-top: 15px;
}
}

/* staff配下モジュール
=========================================================================================*/


.mod-staff-heading-02,
.mod-staff-heading-03{
font-size: 3.2rem;
font-weight: bold;
text-align: center;
}


.mod-staff-heading-02{
background: #000077;
background: linear-gradient(40deg, #000077 70%, #2737b7 70%);
color: #fff;
margin: 30px 0 100px;
padding: 30px;
}


.mod-staff-heading-03{
color: #000077;
line-height: 1.2;
margin: 30px 0 80px;
}


.mod-table-layout.staff-layout{
margin: 30px auto 0;
max-width: 1020px;
}
.mod-table-layout.staff-layout > tbody > tr > th{
background: #f0f0f0;
color: #000077;
font-size: 1.8rem;
}
.mod-table-layout.staff-layout > tbody > tr:last-child th{
border-bottom-color: #000077;
}


.mod-box-layout{
background: #000077;
margin-top: 30px;
padding: 40px 10px 60px;
}
.mod-box-layout > .inner{
background: #fff;
margin: 0 auto;
max-width: 1160px;
max-width: 1020px;
padding: 30px 40px;
}
.mod-box-layout > .inner > :first-child{
margin-top: 0;
}
.mod-box-layout > .inner > .title{
color: #000077;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
}
.mod-box-layout > .inner > .title + .text{
margin-top: 20px;
}

.mod-box-layout.of-type-02 > .title{
color: #fff;
font-size: 3.2rem;
font-weight: bold;
margin-bottom: 30px;
text-align: center;
}
.mod-box-layout.of-type-02 > .inner > .mod-media-grid > .content > .mod-text > .text.of-font-type{
color: #000077;
font-size: 2.6rem;
font-weight: bold;
}


.mod-link-staff{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 30px 0 0;
width: 100%;
}
.mod-link-staff > li{
margin-left: 2.586%;
width: 17.931%;
}
.mod-link-staff > li > a{
background: #f0f0f0;
border: 1px solid #f0f0f0;
border-top: 3px solid #000077;
color: #303030;
display: block;
padding: 20px;
}
.mod-link-staff > li > a > .img{
display: block;
height: 221px;
max-width: 165px;
overflow: hidden;
position: relative;
}
.mod-link-staff > li > a > .img > img{
height: 100%;
left: 50%;
max-width: none;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: auto;
}
.mod-link-staff > li:first-child{
margin-left: 0;
}
.mod-link-staff > li > a > .name{
display: block;
font-size: 1.8rem;
margin-top: 40px;
}
.mod-link-staff > li > a > .position{
border-top: 1px solid #303030;
display: block;
margin-right: 20px;
margin-top: 10px;
padding-top: 10px;
}


@media screen and (min-width: 48.0625em){


.mod-link-staff > li > a:hover,
.mod-link-staff > li > a:focus{
border-bottom: 1px solid #000077;
border-left: 1px solid #000077;
border-right: 1px solid #000077;
border-top: 3px solid #000077;
}
}


@media screen and (max-width: 48em){


.mod-staff-heading-02,
.mod-staff-heading-03{
font-size: 2.4rem;
}


.mod-staff-heading-02{
background: linear-gradient(40deg, #000077 60%, #2737b7 60%);
margin: 15px 0 50px;
padding: 20px;
}


.mod-staff-heading-03{
line-height: 1.5;
margin: 15px 0 40px;
}

.mod-table-layout.staff-layout{
max-width: none;
}
.mod-table-layout.staff-layout > tbody > tr > th{
font-size: 1.6rem;
padding: 10px 0;
}
.mod-table-layout.staff-layout > tbody > tr > td{
text-align: center;
}

.mod-box-layout{
padding: 20px;
}
.mod-box-layout > .inner{
padding: 20px;
}
.mod-box-layout > .inner > .title{
font-size: 1.6rem;
}
.mod-box-layout > .inner > .title + .text{
margin-top: 10px;
}

.mod-box-layout.of-type-02 > .title{
font-size: 2.4rem;
}
.mod-box-layout.of-type-02 > .inner > .mod-media-grid > .content > .mod-text > .text.of-font-type{
font-size: 2.2rem;
}

.mod-link-staff > li{
margin-left: 0;
margin-top: 15px;
width: 100%;
}
.mod-link-staff > li:nth-child(2n + 1){
margin-left: 0;
}
.mod-link-staff > li > a > .img{
display: block;
height: auto;
max-width: none;
overflow: visible;
text-align: center;
}
.mod-link-staff > li > a > .img > img{
height: auto;
max-width: 100%;
position: static;
-webkit-transform: none;
transform: none;
width: auto;
}
.mod-link-staff > li > a > .name{
font-size: 1.4rem;
margin-top: 30px;
}
.mod-link-staff > li > a > .position{
font-size: 1.4rem;
margin-right: 0;
}
}


/* TOP ユニーク
=========================================================================================*/

.top .unq-area-01 {
  position: relative;
  height: 900px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.top .unq-area-01 video.main-visual-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

@media screen and (max-width: 768px) {
.top .unq-area-01 video.main-visual-video {
  width: 100%;
  height: 100%;
}
}

/* グレーのオーバーレイ */
.top .unq-area-01 .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); 
  z-index: 1;
}

.main-visual-video--recruit {
  min-width: 100%;
  height: auto !important;
  object-fit: cover;
  object-position: center center; /* デフォルト */
}

@media screen and (max-width: 768px) {
  .main-visual-video--recruit {
    object-position: right center; /* スマホでは右寄せ */
	  height: 100% !important;
  }
}

.top .unq-area-01 > .title {
  position: relative;
  z-index: 2;
  color: #ffffff; 
  font-size: 10rem;
  font-weight: bold;
  letter-spacing: normal;
  max-width: 1280px;
  margin-left: 5%;
}

.top .unq-area-01 > .title > .large {
  font-size: 14rem;
  margin-left: 30px;
}

.top .unq-area-01 > .title > .small {
  font-size: 8rem;
}

/* 応募ボタン（右下・丸みあり） */
.top .unq-area-01 .entry-button {
  position: absolute;
  bottom: 40px;
  right: 5%;
  z-index: 2;
  background-color: #000077;
  color: white;
  padding: 15px 40px;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 30px; /* ← 丸みを強調 */
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease, transform 0.2s ease;
  text-align: center;
  display: inline-block;
  line-height: 1.6;
}

.top .unq-area-01 .entry-button:hover {
  background-color: #ffffff;
  color: #000077; /* テキストの色を変更 */
  border: 2px solid #000077; /* 枠線を追加 */
  transition: background-color 0.3s ease, transform 0.2s ease, color 0.3s ease, border 0.3s ease;
}

@media screen and (max-width: 768px) {
  .top .unq-area-01 {
    height: 700px;
	padding: 0 5%;
  }

  .top .unq-area-01 > .title {
	position: relative;
    z-index: 2;
    font-size: 5rem;
    text-align: center;
    margin: 40px auto 0;
  }

  .top .unq-area-01 > .title > .large {
    font-size: 7rem;
	margin-left: 0;
  }

  .top .unq-area-01 > .title > .small {
    font-size: 4rem;
  }

  .top .unq-area-01 .entry-button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 320px;
    padding: 12px 20px;
    font-size: 1.2rem;
    border-radius: 30px;
    text-align: center;
    z-index: 2;
  }
}
.top .unq-area-02{
margin: 0 auto;
position: relative;
}
.top .unq-area-02 > .link{
background: url(/images/index_img_01.jpg) no-repeat center center;
background-size: cover;
color: #fff;
display: block;
min-height: 550px;
padding: 60px;
text-align: center;
}
.top .unq-area-02 > .link > .title{
font-size: 3.8rem;
font-weight: bold;
}
.top .unq-area-02 > .link > .sub-title{
font-size: 1.6rem;
line-height: 1.6;
margin-top: 15px;
}
.top .unq-area-02 > .link > .text{
font-size: 1.8rem;
line-height: 2.2;
margin-top: 60px;
}
.top .unq-area-02 > .link > .btn{
border: 1px solid #fff;
border-radius: 5px;
color: #fff;
margin: 30px auto 0;
max-width: 160px;
padding: 10px;
position: relative;
}
.top .unq-area-02 > .link > .btn::after{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
bottom: 0;
content: "";
display: inline-block;
height: 8px;
margin: auto;
position: absolute;
right: 10px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}

@media screen and (min-width: 48.0625em){


.top .unq-area-02 > .link:hover > .btn,
.top .unq-area-02 > .link:focus > .btn{
background-color: #00a9e0;
border-color: #00a9e0;
transition: all .5s;
}
}


.top .unq-area-03{
border-top: 0px solid #000077;
}
.top .unq-area-03 > .unq-box-01{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 60px auto 0;
max-width: 1280px;
position: relative;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link{
background: #000077;
color: #fff;
display: block;
max-height: 360px;
padding: 60px 30px;
width: 500px;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link > .title{
font-size: 3.4rem;
font-weight: bold;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link > .text{
border-left: 1px solid #fff;
font-size: 1.8rem;
letter-spacing: .2em;
margin-top: 30px;
padding-left: 15px;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link > .btn{
border: 1px solid #fff;
border-radius: 5px;
color: #fff;
margin-top: 30px;
max-width: 160px;
padding: 10px;
position: relative;
text-align: center;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link > .btn::after{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
bottom: 0;
content: "";
display: inline-block;
height: 8px;
margin: auto;
position: absolute;
right: 10px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}
.top .unq-area-03 > .unq-box-01 > .box-image{
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-left: -100px;
margin-top: -95px;
max-width: 480px;
min-height: 100%;
z-index: 100;
}


@media screen and (min-width: 48.0625em){


.top .unq-area-03 > .unq-box-01 > .box-text > .link:hover > .btn,
.top .unq-area-03 > .unq-box-01 > .box-text > .link:focus > .btn{
background-color: #00a9e0;
border-color: #00a9e0;
transition: all .5s;
}

.top .unq-area-03 > .unq-box-01 > .box-image > img{
box-shadow: 5px 5px 7px rgba(0,0,0,.2);
}
}

.top .unq-area-03 > .wrap{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 60px auto 0;
max-width: 2000px;
position: relative;
}
.top .unq-area-03 > .wrap > .unq-box-02{
width: 50%;
margin-right: 15px; 
margin-left: 20px; 
}
.top .unq-area-03 > .wrap > .unq-box-02:last-child {
margin-right: 15px; 
margin-left: 20px; 
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link.img4{
background: url(/images/index_img_09.jpg) no-repeat center center;
background-size: cover;
display: block
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link.img1{
background: url(/images/index_img_10.jpg) no-repeat center center;
background-size: cover;
display: block;
}

.top .unq-area-03 > .wrap > .unq-box-02 > .link.img2{
background: url(/images/index_img_15.jpg) no-repeat center center;
background-size: cover;
display: block;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link.img3{
background: url(/images/index_img_12.jpg) no-repeat center center;
background-size: cover;
display: block;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link.top1{
background: url(/images/index_img_t1.png) no-repeat center center;
background-size: cover;
display: block;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link.top2{
background: url(/images/index_img_t2.png) no-repeat center center;
background-size: cover;
display: block;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link.top3{
background: url(/images/index_img_t3.png) no-repeat center center;
background-size: cover;
display: block;
}


.top .unq-area-03 > .wrap > .unq-box-02 > .link > .box-text{
background: rgba(0,0,119,.8);
color: #fff;
height: 100%;
max-width: 210px;
height: 328px;
padding: 60px 15px;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link > .box-text > .title{
font-size: 2.8rem;
font-weight: bold;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link > .box-text > .text{
font-size: 1.4rem;
line-height: 1.8;
margin-top: 15px;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link > .box-text > .btn{
border: 1px solid #fff;
border-radius: 5px;
color: #fff;
margin-top: 30px;
max-width: 160px;
padding: 10px;
position: relative;
text-align: center;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link > .box-text > .btn::after{
border-right: 2px solid #fff;
border-top: 2px solid #fff;
bottom: 0;
content: "";
display: inline-block;
height: 8px;
margin: auto;
position: absolute;
right: 10px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}

@media (max-width: 767px) {.top .unq-area-03 > .wrap > .unq-box-02{
margin-right: 0; 	
margin-left: 0; 
}
}
@media screen and (min-width: 48.0625em){


.top .unq-area-03 > .wrap > .unq-box-02 > .link:hover > .box-text > .btn,
.top .unq-area-03 > .wrap > .unq-box-02 > .link:focus > .box-text > .btn{
background-color: #00a9e0;
border-color: #00a9e0;
transition: all .5s;
}
}


.top .unq-area-04{
background: #000077;
margin-top: 120px;
min-height: 330px;
}
.top .unq-area-04 > .unq-box-03{
margin: 0 auto;
max-width: 1160px;
position: relative;
text-align: center;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid{
left: 0;
margin: auto;
position: absolute;
right: 0;
top: -60px;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col{
background: url(/images/index_img_05.jpg) no-repeat;
background-size: cover;
-webkit-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
margin-left: 0;
min-height: 198px;
position: relative;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col.of-img-02{
background-image: url(/images/index_img_06.jpg);
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col.of-img-03{
background-image: url(/images/index_img_07.jpg);
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col.of-img-04{
background-image: url(/images/index_img_08.jpg);
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link{
background: #fff;
border-top: 5px solid #000077;
display: block;
left: 0;
margin: auto;
padding: 30px 10px;
position: absolute;
right: 0;
top: 170px;
width: 80%;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link > .box{
color: #000077;
font-size: 2.4rem;
font-weight: bold;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link > .box > .btn{
border: 1px solid #000077;
border-radius: 5px;
font-size: 1.4rem;
margin: 30px auto 0;
max-width: 153px;
padding: 10px 15px 10px 10px;
position: relative;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link > .box > .btn::after{
border-right: 2px solid #000077;
border-top: 2px solid #000077;
bottom: 0;
content: "";
display: inline-block;
height: 8px;
margin: auto;
position: absolute;
right: 10px;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
}


@media screen and (min-width: 48.0625em){


.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link:hover,
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link:focus{
opacity: 1;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link:hover > .box > .btn,
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link:focus > .box > .btn,
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link:hover > .box > .btn::after,
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link:focus > .box > .btn::after{
background-color: #000077;
border-color: #fff;
color: #fff;
transition: all .5s;
}

.top .unq-area-01::before,
.top .unq-area-02::before,
.top .unq-area-03 > .unq-box-01 > .box-text > .link::before,
.top .unq-area-03 > .wrap::before{
background-color: #fff;
bottom: -30px;
content: "";
height: 0px;
left: 0;
margin: auto;
position: absolute;
right: 0;
width: 1px;
z-index: 1000;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link::before{
background-color: #000077;
bottom: -60px;
left: 0;
margin: auto;
right: 0;
}
.top .unq-area-03 > .wrap::before{
background-color: #000077;
bottom: -60px;
}
}

@media screen and (min-width: 81em){


.top .unq-area-01 > .title{
margin-left: 11vw;
}
}
@media screen and (max-width: 48em){


.top .unq-area-01{
min-height: auto;
height: 700px;
background-image: url(/images/main_visual.jpg);
position: relative;
}
.top .unq-area-01::before{
content: "";
height: 700px;
width: 126px;
background: url(/images/bg_img_01.png) no-repeat;
position: absolute;
left: 0;
top: 0;
}
.top .unq-area-01 > .title{
font-size: 3.4rem;
margin: 0 0 0 10%;
}
.top .unq-area-01 > .title > .large{
font-size: 4.2rem;
margin: 0;
}
.top .unq-area-01 > .title > .small{
font-size: 2.4rem;
}


.top .unq-area-02{
margin: 0 auto;
position: relative;
}
.top .unq-area-02 > .link{
background-image: url(/images/index_img_01_sp.jpg);
background-position: top;
min-height: 450px;
padding: 45px;
}
.top .unq-area-02 > .link > .title{
font-size: 2.4rem;
}
.top .unq-area-02 > .link > .sub-title{
font-size: 1.4rem;
line-height: 1.4;
}
.top .unq-area-02 > .link > .text{
font-size: 1.6rem;
line-height: 1.5;
margin-top: 30px;
}


.top .unq-area-03{
border-top: 60px solid #000077;
}
.top .unq-area-03 > .unq-box-01{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column-reverse;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
margin: 0;
}
.top .unq-area-03 > .unq-box-01 > .box-text{
margin-left: 0;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link{
max-height: none;
padding: 30px;
text-align: center;
width: auto;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link > .title{
font-size: 2.8rem;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link > .text{
border-left: none;
font-size: 1.4rem;
padding-left: 0;
}
.top .unq-area-03 > .unq-box-01 > .box-text > .link > .btn{
margin: 30px auto 0;
}
.top .unq-area-03 > .unq-box-01 > .box-image{
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0;
max-width: none;
position: static;
}
.top .unq-area-03 > .unq-box-01 > .box-image > img{
display: block;
width: 100%;
}
.top .unq-area-03 > .wrap{
display: block;
margin-top: 0;
padding: 0 15px;
}
.top .unq-area-03 > .wrap > .unq-box-02{
margin-top: 30px;
width: 100%;
}
	
.top .unq-area-03 > .wrap > .unq-box-02:last-child {
    margin-left: 0px;
}
	
.top .unq-area-03 > .wrap > .unq-box-02 > .link{
background-position: center top;
background-size: contain;
display: block;
padding-top: 52%;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link.of-img{
background-position: center top;
background-size: contain;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link > .box-text{
background: #000077;
max-width: none;
padding: 30px 15px;
text-align: center;
width: 100%;
height: auto;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link > .box-text > .title{
font-size: 2.4rem;
}
.top .unq-area-03 > .wrap > .unq-box-02 > .link > .box-text > .btn{
margin: 30px auto 0;
}


.top .unq-area-04{
background: #f0f0f0;
margin-top: 30px;
min-height: auto;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid{
padding: 30px 10px;
position: static;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col{
-webkit-flex: 0 1 48%;
-ms-flex: 0 1 48%;
flex: 0 1 48%;
margin-bottom: 150px;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col:nth-child(n + 2){
margin-top: 0;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col:nth-child(2n){
margin-left: 4%;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link{
max-width: none;
padding: 15px;
width: 232px;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col > .link > .box{
font-size: 1.9rem;
}
}

@media screen and (max-width: 37.5em ){


.top .unq-area-04 > .unq-box-03 > .mod-grid > .col{
background-position: top;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-bottom: 110px;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col:nth-child(n + 2){
margin-top: 30px;
}
.top .unq-area-04 > .unq-box-03 > .mod-grid > .col:nth-child(2n){
margin-left: 0;
}
}


/* メッセージ ユニーク
=========================================================================================*/

.message .mod-text{
line-height: 1.8;
}
.message .site-main-visual{
margin-top: -60px;
background: #f0f0f0;
}
.message .site-main-visual > .inner{
max-width: 1280px;
margin: 0 auto;
position: relative;
min-height: 600px;
background: url(/message/images/main_visual.png) no-repeat center center;
background-size: cover;
}
.message .site-main-visual > .inner > .block{
position: absolute;
left: 110px;
top: 65px;
width: 52%;
}
.message .site-main-visual > .inner > .block > .title{
font-weight: bold;
font-size: 2.5rem;
}
.message .site-main-visual > .inner > .block > .text{
margin-top: 10px;
line-height: 1.67;
}
.message .site-main-visual > .inner > .block > .name{
margin-top: 30px;
}
.message .mod-box-text > .box > .content{
line-height: 1.67;
}


@media screen and (max-width: 48em) {


.message .site-main-visual{
margin-top: -40px;
}
.message .site-main-visual::before{
background: url(/message/images/main_visual_sp.jpg) no-repeat;
background-position: top;
background-size: contain;
display: block;
content: "";
padding-top: 45%;
position: relative;
}
.message .site-main-visual > .inner{
background-image: none;
min-height: auto;
padding: 0 10px 30px;
}
.message .site-main-visual > .inner > .block{
position: static;
width: 100%;
}
.message .site-main-visual > .inner > .block > .title{
font-size: 2.4rem;
}
}


/* キャリアパス ユニーク
=========================================================================================*/

.careerpath .unq-heading-01{
background: #b9d9eb;
margin-top: 60px;
}
.careerpath .unq-heading-01 > .title{
font-size: 1.8rem;
color: #fff;
padding: 10px;
font-weight: bold;
}

.careerpath .unq-heading-01.of-bg-type-02{
background: #00a9e0;
}
.careerpath .unq-heading-01.of-bg-type-03{
background: #5f259f;
}
.careerpath .unq-heading-01.of-bg-type-04{
background: #e1b400;
}
.careerpath .unq-heading-01.of-bg-type-05{
background: #b37a3f;
}

.careerpath .unq-heading-02{
background: #b9d9eb;
margin-top: 60px;
}
.careerpath .unq-heading-02 > .title{
font-size: 1.8rem;
color: #000000;
padding: 10px;
font-weight: bold;
}

.careerpath .unq-heading-02.of-bg-type-01{
background: #d9d9d9;
}
.careerpath .unq-heading-02.of-bg-type-02{
background: #bfbfbf;
}


/* 歴史 ユニーク
=========================================================================================*/


.history .unq-content-block{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 60px;
border-bottom: 1px solid #000077;
max-width: 900px;
margin: 60px auto 0;
}
.history .unq-content-block > .date{
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.history .unq-content-block > .date > .title{
color: #000077;
font-size: 3.2rem;
font-weight: bold;
}
.history .unq-content-block > .content{
-webkit-flex-basis: 80%;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
}
.history .unq-content-block > .content > :first-child{
margin-top: 0;
}

@media screen and (max-width: 48em){
.history .unq-content-block{
display: block;
margin-top: 30px;
padding-bottom: 30px;
}
.history .unq-content-block > .date{
margin-bottom: 30px;
}
.history .unq-content-block > .date > .title{
font-size: 2.4rem;
margin-bottom: 5px;
}
}


/* 価値観 ユニーク
=========================================================================================*/


.value .unq-title{
color: #000077;
font-size: 3.8rem;
font-weight: bold;
margin-top: 60px;
text-align: center;
}
.value .unq-sub-title{
color: #000077;
font-size: 2rem;
text-align: center;
}
.value .unq-text{
font-size: 2rem;
line-height: 2.3;
margin-top: 60px;
text-align: center;
}
.value .unq-text > em{
color: #000077;
font-weight: bold;
}
.value .unq-image{
text-align: center;
margin: 100px 0;
}
.value .unq-box-text{
background: #f0f0f0;
margin: 0 auto;
max-width: 1020px;
padding: 30px;
text-align: center;
}
.value .unq-box-text > .text{
font-size: 1.6rem;
margin-top: 5px;
}

.value .unq-box-text > :first-child{
margin-top: 0;
}

.value .str-content{
background: url(/company/value/images/index_bg_img_01.jpg) no-repeat center center;
background-size: cover;
border-bottom: 5px solid #000077;
border-top: 5px solid #000077;
margin-top: 90px;
padding: 60px;
}
.value .str-content > .inner{
margin: 0 auto;
max-width: 1020px;
}
.value .str-content > .inner > .unq-text{
line-height: 1.8;
}
.value .str-content > .inner > :first-child{
margin-top: 0;
}
.value .str-content > .inner > .unq-box-content{
border: 1px solid #000077;
border-top: none;
margin: 60px auto 0;
max-width: 1020px;
position: relative;
text-align: center;
}
.value .str-content > .inner > .unq-box-content::before{
background-color: #000077;
content: "";
display: block;
height: 60px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: -60px;
width: 1px;
}
.value .str-content > .inner > .unq-box-content:first-of-type::before{
content: none;
}
.value .str-content > .inner > .unq-box-content > .head{
background-color: #000077;
background-image: url(/company/value/images/index_bg_img_02.png);
background-position: left center;
background-repeat: no-repeat;
color: #fff;
font-size: 3.8rem;
font-weight: bold;
padding: 20px;
}
.value .str-content > .inner > .unq-box-content > .head.of-bg-img{
background-image: url(/company/value/images/index_bg_img_03.png);
background-position: right center;
background-repeat: no-repeat;
}
.value .str-content > .inner > .unq-box-content > .box{
background: #fff;
padding: 60px;
}
.value .str-content > .inner > .unq-box-content > .box > .title{
font-size: 2.8rem;
font-weight: bold;
margin-top: 60px;
}
.value .str-content > .inner > .unq-box-content > .box > .sub-title{
font-size: 2rem;
}
.value .str-content > .inner > .unq-box-content > .box > .text{
font-size: 1.6rem;
line-height: 1.875;
margin-top: 30px;
}
.value .str-content > .inner > .unq-box-content > .box > :first-child{
margin-top: 0;
}

.value .mod-link-related{
margin-top: 0;
}


@media screen and (max-width: 48em){


.value .unq-title{
font-size: 2.4rem;
margin-top: 40px;
}
.value .unq-sub-title{
font-size: 1.8rem;
}
.value .unq-text{
font-size: 1.8rem;
line-height: 1.6;
margin-top: 30px;
}

.value .unq-image{
margin: 60px 0;
}

.value .str-content{
margin-top: 60px;
padding: 60px 10px;
}
.value .unq-box-text{
padding: 15px;
}
.value .str-content > .inner > .unq-box-content > .head{
background-image: url(/company/value/images/index_bg_img_02.png);
background-position: left;
background-size: contain;
font-size: 2.4rem;
}
.value .str-content > .inner > .unq-box-content > .head.of-bg-img{
background-position: right;
background-size: contain;
}
.value .str-content > .inner > .unq-box-content > .box{
background: #fff;
padding: 30px 20px;
}
.value .str-content > .inner > .unq-box-content > .box > .title{
font-size: 2.2rem;
margin-top: 30px;
}
.value .str-content > .inner > .unq-box-content > .box > .sub-title{
font-size: 1.6rem;
}
.value .str-content > .inner > .unq-box-content > .box > .text{
font-size: 1.4rem;
}
.value .str-content > .inner > .unq-box-content > .box > :first-child{
margin-top: 0;
}

.value br{
display: none;
}
}


/* staff トップ
=========================================================================================*/

.staff-top .unq-index-area{
background: #f0f0f0;
margin-top: 30px;
padding: 30px 10px 30px;
}
.staff-top .unq-index-area > .box{
margin: 60px auto 0;
max-width: 1280px;
position: relative;
}

.staff-top .unq-index-area > .box > .content{
background: #fff;
border-top: 3px solid #000077;
left: 45%;
width: 48.4375%;
padding: 40px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.staff-top .unq-index-area > .box.of-left > .content{
left: auto;
right: 45%;
}
.staff-top .unq-index-area > .box.of-left > .image{
text-align: right;
}
.staff-top .unq-index-area > .box > .content > .lead-text{
color: #000077;
font-size: 2rem;
font-weight: bold;
line-height: 1.8;
}
.staff-top .unq-index-area > .box > .content > .profile{
margin-top: 30px;
}
.staff-top .unq-index-area > .box > .content > .profile > .name{
font-size: 1.8rem;
}
.staff-top .unq-index-area > .box > .content > .profile > .list{
border-top: 1px solid #333;
list-style: none;
margin-top: 10px;
padding-top: 15px;
}
.staff-top .unq-index-area > .box > .content > .profile > .list > li{
margin-top: 5px;
}
.staff-top .unq-index-area > .box > .content > .profile > .btn{
margin-top: 20px;
}
.staff-top .unq-index-area > .box > .content > .profile > .btn > .mod-btn-style{
background: #fff;
border-color: #000077;
color: #000077;
min-width: 140px;
padding: 5px;
}
.staff-top .unq-index-area > .box > .content > .profile > .btn > .mod-btn-style::after{
border-color: #000077;
border-width: 1px;
height: 6px;
right: 8px;
width: 6px;
}
.staff-top .unq-index-area > :first-child{
margin-top: 0;
}


@media screen and (max-width: 71.875em){


.staff-top .unq-index-area > .box > .content{
padding: 20px;
}
.staff-top .unq-index-area > .box > .content > .profile{
margin-top: 15px;
}
.staff-top .unq-index-area > .box > .image{
overflow: hidden;
}
.staff-top .unq-index-area > .box > .image > img{
margin-left: -15.625%;
}
.staff-top .unq-index-area > .box.of-left > .image > img{
margin-right: -15.625%;
}
}

@media screen and (min-width: 48.0625em){


.staff-top .unq-index-area > .box > .content > .profile > .btn > .mod-btn-style:hover,
.staff-top .unq-index-area > .box > .content > .profile > .btn > .mod-btn-style:focus,
.staff-top .unq-index-area > .box > .content > .profile > .btn > .mod-btn-style:hover::after,
.staff-top .unq-index-area > .box > .content > .profile > .btn > .mod-btn-style:focus::after{
background: #000077;
border-color: #fff;
color: #fff;
transition: all .5s;
}
}

@media screen and (max-width: 48em){


.staff-top .unq-index-area{
margin-top: 30px;
padding: 30px 20px 60px;
}
.staff-top .unq-index-area > .box{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-top: 30px;
}
.staff-top .unq-index-area > .box > .content{
max-width: none;
position: static;
-webkit-transform: none;
transform: none;
width: auto;
}
.staff-top .unq-index-area > .box > .image > img,
.staff-top .unq-index-area > .box.of-left > .image > img{
margin: 0;
}
.staff-top .unq-index-area > .box > .content > .lead-text{
font-size: 1.8rem;
line-height: 1.3;
}
.staff-top .unq-index-area > .box > .content > .profile > .name{
font-size: 1.4rem;
}
.staff-top .unq-index-area > .box > .content > .profile > .list > li{
margin-top: 0;
}
.staff-top .unq-index-area > .box > .content > .profile > .btn{
text-align: center;
}
.staff-top .unq-index-area > :first-child{
margin-top: 0;
}
}

/* staff配下
=========================================================================================*/


.staff .site-main-visual{
background: url(/staff/images/01_mainvisual_pc.png) no-repeat center center #f7f7f7;
background: linear-gradient(left #f7f7f7);
margin-top: -60px;
width: 100%;
}
.staff .site-main-visual.of-type-02{
background-image: url(/staff/images/02_mainvisual_pc.png);
}
.staff .site-main-visual.of-type-03{
background-image: url(/staff/images/03_mainvisual_pc.png);
}
.staff .site-main-visual.of-type-04{
background-image: url(/staff/images/04_mainvisual_pc.png);
}
.staff .site-main-visual.of-type-05{
background-image: url(/staff/images/05_mainvisual_pc.png);
}
.staff .site-main-visual > .inner{
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
height: 394px;
margin: 0 auto;
max-width: 1180px;
padding: 0 10px;
}
.staff .site-main-visual > .inner > .text-box{
width: 40.517%;
}
.staff .site-main-visual > .inner > .text-box > .text{
color: #000077;
font-size: 2.6rem;
font-weight: bold;
}
.staff .site-main-visual > .inner > .text-box > .name{
font-size: 1.8rem;
margin-top: 25px;
}
.staff .site-main-visual > .inner > .text-box > .list{
border-top: 1px solid #333;
list-style: none;
margin-top: 10px;
padding-top: 10px;
}
.staff .site-main-visual > .inner > .text-box > .list > li{
margin-top: 5px;
}
.staff .site-main-visual > .inner > .text-box > .list > li:first-child{
margin-top: 0;
}

@media screen and (max-width: 48em){


.staff .site-main-visual,
.staff .site-main-visual.of-type-02,
.staff .site-main-visual.of-type-03,
.staff .site-main-visual.of-type-04,
.staff .site-main-visual.of-type-05{
background-color: #f0f0f0;
background-image: none;
margin-top: -40px;
}
.staff .site-main-visual::before{
background-image: url(/staff/images/01_mainvisual_sp.jpg);
background-position: top;
background-size: contain;
content: "";
display: block;
padding-top: 61.875%;
position: relative;
}
.staff .site-main-visual.of-type-02::before{
background-image: url(/staff/images/02_mainvisual_sp.jpg);
}
.staff .site-main-visual.of-type-03::before{
background-image: url(/staff/images/03_mainvisual_sp.jpg);
}
.staff .site-main-visual.of-type-04::before{
background-image: url(/staff/images/04_mainvisual_sp.jpg);
}
.staff .site-main-visual.of-type-05::before{
background-image: url(/staff/images/05_mainvisual_sp.jpg);
}
.staff .site-main-visual > .inner{
display: block;
height: auto;
padding: 0 20px 30px;
}
.staff .site-main-visual > .inner > .text-box{
margin-top: 30px;
width: auto;
}
.staff .site-main-visual > .inner > .text-box > .text{
font-size: 1.8rem;
}
.staff .site-main-visual > .inner > .text-box > .name{
font-size: 1.4rem;
margin-top: 15px;
}
}


.staff .mod-heading-02{
text-align: center;
border: none;
}

.staff .mod-text.of-width{
max-width: 1060px;
margin: 0 auto;
line-height: 2;
}
.staff .mod-media-grid.of-line-height > .content > .mod-text{
line-height: 2;
}
.staff .mod-media-grid.of-line-height > .media{
margin-left: 60px;
}
.staff .mod-media-grid.of-reverse.of-line-height > .media{
margin-left: 0;
margin-right: 60px;
}

.staff .unq-content-area{
background: #f0f0f0;
margin-top: 60px;
padding: 50px;
}
.staff .unq-content-area > .head{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.staff .unq-content-area > .head > .title{
color: #000077;
font-size: 3.2rem;
font-weight: bold;
}
.staff .unq-content-area > .head > .text-box{
border-left: 1px solid #999;
padding-left: 25px;
width: 58.490%;
}
.staff .unq-content-area > .head > .text-box > .box{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
.staff .unq-content-area > .head > .text-box > .box:first-child{
margin-top: 0;
}
.staff .unq-content-area > .head > .text-box > .box > dt{
color: #333;
font-weight: bold;
width: 180px;
}
.staff .unq-content-area > .head > .text-box > .box > dd{
width: 64.516%;
}
.staff .unq-content-area > .head > .text-box > .box > dd.icon::after{
display: inline-block;
content: "（笑）";
}

.staff .unq-content-area > .inner{
background-color: #fff;
margin-top: 40px;
padding: 50px;
}
.staff .unq-content-area > .inner + .inner{
margin-top: 25px;
}
.staff .unq-content-area > .inner > .list-01 > .box{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
.staff .unq-content-area > .inner > .list-01 > .box:first-child{
margin-top: 0;
}
.staff .unq-content-area > .inner > .list-01 > .box > dt{
background-color: #000077;
color: #fff;
font-size: 1.8rem;
margin-right: 1.5625%;
min-width: 185px;
padding: 10px 40px;
position: relative;
}
.staff .unq-content-area > .inner > .list-01 > .box > dd{
border-bottom: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
-webkit-flex: 0 1 79.166%;
-ms-flex: 0 1 79.166%;
flex: 0 1 79.166%;
padding: 10px;
}
.staff .unq-content-area > .inner > .heading{
font-size: 2.8rem;
font-weight: bold;
margin-top: 60px;
}
.staff .unq-content-area > .inner > .heading.of-border{
border-bottom: 1px solid #d9d9d9;
margin-top: 0;
padding-bottom: 10px;
}
.staff .unq-content-area > .inner > .award-list{
list-style: none;
margin-top: 15px;
}
.staff .unq-content-area > .inner > .award-list > li{
border-bottom: 1px solid #d9d9d9;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 0;
}
.staff .unq-content-area > .inner > .award-list > li > .date{
display: block;
-webkit-flex: 0 1 10%;
-ms-flex: 0 1 10%;
flex: 0 1 10%;
margin-right: 2%;
}
.staff .unq-content-area > .inner > .award-list > li > .text{
display: block;
-webkit-flex: 0 1 88%;
-ms-flex: 0 1 88%;
flex: 0 1 88%;
}

.staff .unq-content-area > .inner > .award-list > li:first-child{
border-top: 1px solid #d9d9d9;
}

.staff .unq-content-area > .inner > .list-02{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
.staff .unq-content-area > .inner > .list-02 > .box{
margin-left: 1.5625%;
position: relative;
width: 8.59375%;
}
.staff .unq-content-area > .inner > .list-02 > .box > dt{
background-color: #000077;
color: #fff;
font-weight: bold;
padding: 5px;
position: relative;
text-align: center;
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg);
}
.staff .unq-content-area > .inner > .list-02 > .box > dt > .time{
display: block;
position: relative;
-webkit-transform: skewX(40deg);
transform: skewX(40deg);
}
.staff .unq-content-area > .inner > .list-02 > .box > dt > .time::before{
background-color: #333;
bottom: 0;
content: "";
display: block;
height: 1px;
margin: auto;
position: absolute;
right: -32%;
top: 0;
width: 18px;
}
.staff .unq-content-area > .inner > .list-02 > .box:first-child > dt{
margin-left: 0;
}
.staff .unq-content-area > .inner > .list-02 > .box:last-child > dt > .time::before{
content: none;
}
.staff .unq-content-area > .inner > .list-02 > .box > dd{
font-size: 1.6rem;
line-height: 5;
margin-top: 10px;
max-height: 120px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}


@media screen and (min-width: 48.0625em){


.staff .unq-content-area > .inner > .list-01 > .box > dt::before{
background-color: #000077;
content: "";
display: block;
height: 30px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: -30px;
width: 1px;
}
.staff .unq-content-area > .inner > .list-01 > .box:first-child > dt::before{
content: none;
}
}


@media screen and (max-width: 61.25em){


.staff .unq-content-area > .inner > .list-02{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.staff .unq-content-area > .inner > .list-02 > .box{
width: 18%;
}
.staff .unq-content-area > .inner > .list-02 > .box > dt > .time::before{
right: -15%;
}
.staff .unq-content-area > .inner > .list-02 > .box:nth-child(5) > dt > .time::before{
content: none;
}
.staff .unq-content-area > .inner > .list-02 > .box:nth-child(n + 6){
margin-top: 30px;
}
}


@media screen and (max-width: 48em){


.staff .mod-heading-02{
text-align: left;
}
.staff .mod-heading-02 > .title{
font-size: 1.8rem;
}

.staff .mod-media-grid.of-line-height > .media{
margin-left: 0;
}
.staff .mod-media-grid.of-reverse.of-line-height > .media{
margin-left: 0;
margin-right: 0;
}

.staff .unq-content-area{
margin-top: 30px;
padding: 30px 20px;
}
.staff .unq-content-area > .inner{
margin-top: 20px;
padding: 30px 20px;
}
.staff .unq-content-area > .head{
display: block;
}
.staff .unq-content-area > .head > .title{
font-size: 2.2rem;
text-align: center;
}
.staff .unq-content-area > .head > .title > .sp-line{
border-left: 2px solid #000077;
border-right: 2px solid #000077;
padding: 0 15px;
}
.staff .unq-content-area > .head > .text-box{
border: none;
margin-top: 30px;
padding-left: 0;
width: auto;
}
.staff .unq-content-area > .head > .text-box > .box{
display: block;
}
.staff .unq-content-area > .head > .text-box > .box > dt,
.staff .unq-content-area > .head > .text-box > .box > dd{
width: auto;
}
.staff .unq-content-area > .inner > .list-01 > .box{
display: block;
margin-top: 10px;
}
.staff .unq-content-area > .inner > .list-01 > .box > dt{
margin-right: 0;
max-width: none;
text-align: center;
}
.staff .unq-content-area > .inner > .list-01 > .box > dd{
border: none;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
padding: 10px;
}

.staff .unq-content-area > .inner > .heading{
font-size: 2.2rem;
margin-top: 30px;
text-align: center;
}
.staff .unq-content-area > .inner > .award-list > li{
padding: 15px 0;
}
.staff .unq-content-area > .inner > .award-list > li > .date{
-webkit-flex: 0 1 25%;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
margin-right: 5%;
}
.staff .unq-content-area > .inner > .award-list > li > .text{
-webkit-flex: 0 1 70%;
-ms-flex: 0 1 70%;
flex: 0 1 70%;
}


.staff .unq-content-area > .inner > .list-02{
display: block;
}
.staff .unq-content-area > .inner > .list-02 > .box{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 20px;
width: auto;
}
.staff .unq-content-area > .inner > .list-02 > .box:nth-child(n + 6){
margin-top: 20px;
}
.staff .unq-content-area > .inner > .list-02 > .box > dt{
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
}
.staff .unq-content-area > .inner > .list-02 > .box > dt > .time::before{
bottom: -50px;
height: 20px;
left: 0;
right: 0;
width: 1px;
}
.staff .unq-content-area > .inner > .list-02 > .box:nth-child(5) > dt > .time::before{
content: "";
}
.staff .unq-content-area > .inner > .list-02 > .box > dd{
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
font-size: 1.3rem;
line-height: 1.5;
margin-left: 20px;
margin-top: 0;
padding-top: 5px;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}

.staff .text-br{
display: none;
}
}

.talentbox,.talentbox-carousel{
width: 100%;
height: auto;
margin-top: 30px;
position: relative;
}
.talentbox:before{
content: " ";
display: block;
padding-top: 200.5%;
}
.talentbox-carousel:before{
content: " ";
display: block;
padding-top: 50%;
}

.talentbox > iframe, .talentbox-carousel > iframe {
width:100%;
height:100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.talentbox > iframe > body {
background-color: #f0f0f0;
}

@media screen and (min-width: 28.375em){
.talentbox {
margin-top: 60px;
}
.talentbox:before {
padding-top: 100.5%;
}
}
@media screen and (min-width: 71.25em){
.talentbox:before {
padding-top: 50%;
}
}

/* Java Script
=========================================================================================*/

/* 固定ナビ */
.js-enabled .is-navi-scroll{
overflow: hidden;
}

.js-enabled .is-navi-scroll .is-fixed{
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

.js-enabled #header .site-header{
-webkit-transform: translateY(0);
transform: translateY(0);
}

.js-enabled #header .site-header.is-fixed{
min-width: 320px;
position: fixed;
top: 0;
z-index: 2000;
}

/* ページトップボタン追従機能 */
.js-enabled #site-nav-top .container{
bottom: 0;
opacity: 0;
position: fixed;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: opacity .3s;
z-index: 1900;
}

.js-enabled #site-nav-top .container a{
bottom: 0;
position: absolute;
right: 0;
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}

.js-enabled #site-nav-top .container[aria-hidden="false"]{
opacity: 1;
}

.js-enabled #site-nav-top .fixed{
position: static;
}


@media screen and (max-width: 48em){


.js-enabled #site-nav-top .container{
right: 20px;
}

.js-enabled #site-nav-top .container a{
-webkit-transform: none;
transform: none;
margin-bottom: 10px;
}
}

/* グロナビビュレット */
.js-enabled #header .global-nav > ul > li > .dropdown-ctrls::before{
border-right: 2px solid #363636;
border-top: 2px solid #363636;
bottom: 20px;
content: "";
display: block;
height: 7px;
left: 0;
margin: auto;
position: absolute;
right: 0;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
width: 7px;
}
.js-enabled #header .global-nav > ul > li > .dropdown-ctrls[aria-expanded="true"]::before{
bottom: 16px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


@media screen and (max-width: 70.625em){


.js-enabled #header .global-nav > ul > li > .dropdown-ctrls::before{
bottom: 20px;
}
.js-enabled #header .global-nav > ul > li > .dropdown-ctrls[aria-expanded="true"]::before{
bottom: 15px;
}
}


@media screen and (min-width: 48.0625em){


.js-enabled #header .global-nav > ul > li > .dropdown-ctrls:hover::before{
border-color: #000077;
opacity: .7;
}
}

/* ドロップダウンメニュー */
@media screen and (min-width: 48.0625em){


.js-enabled #header .global-nav .dropdown-ctrls{
}

.js-enabled #header .dropdown-group{
height: 0;
overflow: hidden;
transition: height .3s;
}

.js-enabled #header .dropdown-group[aria-expanded="true"]{
overflow: visible;
}

.js-enabled #header .dropdown-group[aria-hidden="true"]{
display: none;
}

.js-enabled #header .dropdown-menu{
opacity: 0;
transition: opacity .3s;
}

.js-enabled #header .dropdown-menu[aria-expanded="true"]{
opacity: 1;
}

.js-enabled #header .dropdown-menu[aria-hidden="true"]{
display: none;
}
}

/* ハンバーガー */
@media screen and (max-width: 48em){


.js-enabled .site-header .global-nav .sp-menu{
cursor: pointer;
display: block;
margin-left: auto;
overflow: hidden;
padding: 6px 10px 6px;
position: relative;
}

.js-enabled .site-header .global-nav .sp-menu[aria-expanded="false"]{
display: block;
padding: 6px 10px 6px;
}

.js-enabled .site-header .global-nav .sp-menu .js-state{
left: -9999px;
position: absolute;
}

.js-enabled .site-header .sub-menu{
height: 0;
overflow: hidden;
transition: height .3s;
}

.js-enabled .site-header .sub-menu[aria-expanded="true"]{
overflow: visible;
}

.js-enabled .site-header .sub-menu[aria-hidden="true"]{
display: none;
}
.js-enabled .site-header .global-nav span{
color: #000077;
display: block;
font-size: 1.1rem;
padding-top: 25px;
}
.js-enabled .site-header .global-nav button::before,
.js-enabled .site-header .global-nav button::after,
.js-enabled .site-header .global-nav span::before{
background: #000077;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 30px;
}
.js-enabled .site-header .global-nav button::before{
top: 12px;
transition: top 200ms ease-in-out, left 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
transition: top 200ms ease-in-out, left 200ms ease-in-out, transform 200ms ease-in-out;
transition: top 200ms ease-in-out, left 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
.js-enabled .site-header .global-nav button[aria-expanded="true"]::before{
left: 22%;
top: 33%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.js-enabled .site-header .global-nav button::after{
top: 24px;
transition: top 200ms ease-in-out, left 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
transition: top 200ms ease-in-out, left 200ms ease-in-out, transform 200ms ease-in-out;
transition: top 200ms ease-in-out, left 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
.js-enabled .site-header .global-nav button[aria-expanded="true"]::after{
left: 22%;
top: 33%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.js-enabled .site-header .global-nav span::before{
top: 18px;
}
.js-enabled .site-header .global-nav button[aria-expanded="true"] span::before{
width: 0;
}
}

/* ハンバーガー内のサブメニュー */

@media screen and (min-width: 48.0625em){


.js-enabled .sub-menu > .inner > .sub-menu-closed{
cursor: pointer;
display: inline-block;
position: absolute;
right: 15px;
top: 30px;
}
}


@media screen and (max-width: 48em){


.js-enabled .sub-menu > .inner > ul > li > .js-hdg{
padding: 0;
}

.js-enabled .sub-menu .js-hdg .js-ctrls{
cursor: pointer;
display: block;
overflow: hidden;
padding: 12px 10px;
position: relative;
}

.js-enabled .sub-menu .js-hdg .js-ctrls[aria-expanded="false"]{
display: block;
padding: 12px 10px;
}

.js-enabled .sub-menu .js-hdg .js-ctrls .js-state{
left: -9999px;
position: absolute;
}

.js-enabled .sub-menu .js-menu-list{
height: 0;
overflow: hidden;
transition: height .3s;
}

.js-enabled .sub-menu .js-menu-list[aria-expanded="true"]{
overflow: visible;
}

.js-enabled .sub-menu .js-menu-list[aria-hidden="true"]{
display: none;
}
.js-enabled .sub-menu > .inner > ul > li > .title > .js-ctrls::before,
.js-enabled .sub-menu > .inner > ul > li > .title > .js-ctrls::after{
background: #fff;
bottom: 0;
content: "";
display: block;
left: auto;
margin: auto;
position: absolute;
right: 17px;
top: 0;
}
.js-enabled .sub-menu > .inner > ul > li > .title > .js-ctrls::before{
height: 1px;
width: 12px;
}
.js-enabled .sub-menu > .inner > ul > li > .title > .js-ctrls::after{
height: 12px;
right: 22px;
width: 1px;
}
.js-enabled .sub-menu > .inner > ul > li > .title > .js-ctrls[aria-expanded="true"]::after{
content: none;
}
}
/* トグル */
.js-enabled .mod-toggle-box .title{
padding: 0;
}

.js-enabled .mod-toggle-box .title .ctrls{
color: #000077;
cursor: pointer;
display: block;
font-size: 2rem;
font-weight: bold;
line-height: 1.45;
overflow: hidden;
padding: 15px 40px;
position: relative;
text-align: left;
width: 100%;
}

.js-enabled .mod-toggle-box .title .ctrls .state{
left: -9999px;
position: absolute;
}

.js-enabled .mod-toggle-box > .content{
height: 0;
overflow: hidden;
transition: height .3s;
}

.js-enabled .mod-toggle-box > .content[aria-expanded="true"]{
overflow: visible;
}

.js-enabled .mod-toggle-box > .content[aria-hidden="true"]{
display: none;
}

.js-enabled .mod-toggle-box .title .ctrls::before,
.js-enabled .mod-toggle-box .title .ctrls::after{
background: #000077;
content: "";
display: block;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.js-enabled .mod-toggle-box .title .ctrls::before{
height: 2px;
width: 18px;
}
.js-enabled .mod-toggle-box .title .ctrls::after{
height: 18px;
right: 28px;
width: 2px;
}
.js-enabled .mod-toggle-box .title .ctrls[aria-expanded="true"]::after{
content: none;
}


@media screen and (max-width: 48em){


.js-enabled .mod-toggle-box .title .ctrls{
font-size: 1.6rem;
padding: 15px 40px 15px 20px;
}
}


.video-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}

.video-container {
  position: relative;
  width: 48%;
  padding-bottom: 27%; /* 16:9 aspect ratio for half width */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* スマホ対応 */
@media (max-width: 768px) {
  .video-container {
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 for full width */
  }
}

/* 共通スタイル（スマホ向け） */
.popup {
	
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 280px;
  border-radius: 8px;
  overflow: hidden;
　border: none;
  box-shadow: none;
  display: none;
  z-index: 1000;
  font-family: sans-serif;
  animation: fadeIn 0.5s ease-in-out;
}

.popup-image {
  position: relative;
  overflow: hidden;
  display: block;
  height: auto;
}

.popup-img {
  width: 100%;
  height: 100%;
  display: block;
}

/* 追加：画像全体にかぶせる黒い半透明オーバーレイ */
.popup-image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25); /* 半透明の黒 */
  z-index: 1;
}

/* テキストをオーバーレイの上に表示 */
.popup-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  padding: 12px;
  box-sizing: border-box;
  z-index: 2; /* オーバーレイより上に表示 */
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
	width: 100%;
}

.popup-button {
  display: inline-block;
  margin-top: 8px;
  padding: 6px 10px;
  background-color: #ff8200;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
}

.popup-button:hover {
  background-color: #e67300;
  transition: background-color 0.3s ease;
}



.close-btn {
  position: absolute;
  top: 6px;
  right: 8px;
  background: rgba(0, 0, 0, 0.4); /* 半透明の黒背景 */
  border: none;
  color: white;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  cursor: pointer;
  line-height: 28px;
  text-align: center;
  z-index: 3;
}

.close-btn:hover {
  background: rgba(0, 0, 0, 0.6);
}



.close-btn:hover {
  color: #333;
}


/* PC向けにサイズを拡大 */
@media screen and (min-width: 768px) {
  .popup {
    width: 320px;
    font-size: 16px;
    /*padding: 20px; */
	  	 
  }


  .close-btn {
    font-size: 18px;
  }
}


@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}


/* 新しいポップアップ専用のボタンスタイル */
.popup-new .popup-new-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
margin-top: 10px;
}

.popup-new .popup-new-button {
  display: block;
  width: 80%;
  padding: 8px 12px;
  background-color: #ff8200;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
}

.popup-new .popup-new-button:hover {
  background-color: white;
 color: #ff8200;
  transition: background-color 0.3s ease;
}

.popup-text-new {
  position: absolute;
  top: 60%; /* ← ここで位置を調整 */
  transform: translateY(-50%);
  color: white;
  padding: 12px;
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.popup-img-new {
  width: 230px; /* ← お好みで調整（例：80%、300pxなど） */
  margin: 0 auto;
  display: block;
}

.popup-img-wrapper {
  position: relative;
  width: 230px; /* 画像と同じ幅 */
  margin: 0 auto;
}

.popup.popup-new {
  width: 230px !important; /* ← 他の .popup に影響を与えないように限定 */
}

.popup-img-new {
  width: 100%;
  display: block;
}

.overlay-new {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.oneday-schedule {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 10px 10px 10px;

}

.oneday-schedule__box {
    display: flex;
    flex-direction: column;
	position: relative;
}


.oneday-schedule__block {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 20px;
  margin-bottom: 30px;
  position: relative;
  align-items: start;
}

.oneday-schedule__block::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -30px; /* 次のブロックまで線を伸ばす */
  left: 50px; /* 時間表示の中央に合わせる */
  width: 1px;
  background-color: #99a1a5;
  z-index: 0;
}

.oneday-schedule__block:last-child::before {
  display: none; /* 最後のブロックには線を表示しない */
}

.oneday-schedule__block dt {
  background-color: #000077;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 25px;
  display: inline-block;
  font-weight: bold;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  width: 100px;
  box-sizing: border-box;
	}


.oneday-schedule__block dd {
  margin: 0;
}


.oneday-schedule__block img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
	display: block;
}

/* 通常時のスタイル */
.oneday-schedule__block h2.title {
  font-size: 2.3rem;
  margin: 0;
  padding-top: 5px;

}

/* スマホサイズでの調整 */
@media screen and (max-width: 767px) {
  .oneday-schedule__block h2.title {
    font-size: 2.0rem;
	padding-top: 8px;
  }
}


.custom-main-visual > .custom-inner {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 500px;
    background: url(/workplace/work-life-balance/images/womanmv.jpg) no-repeat center center;
    background-size: cover;
}

.message .custom-main-visual {
    margin-top: 0px;
    background: #f0f0f0;
}

.message .custom-main-visual > .custom-inner .block {
    position: relative;
    left: 110px;
    top: 50%;
    transform: translateY(-50%);
    width: 72%;
    color: white;
    font-size: 1.5em; /* 文字サイズを大きく */
    font-weight: bold; /* 太字にする */
	  z-index: 2; /* オーバーレイの上に表示 */
}

.message .custom-main-visual > .custom-inner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.4); /* 薄いグレーのオーバーレイ */
  z-index: 1;
}

.custom-inner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.4); /* 薄いグレー */
  z-index: 1;
}


.message .custom-main-visual .custom-inner .overlay .block > h1 {
    position: relative;
    top: 50%;
    transform: translateY(-0%);
    width: 62%;
    color: white;
    font-size: 7rem;
    font-weight: bold;
    z-index: 2;
    margin-left: 11vw;
}

.message .unq-heading-01 {
    margin-top: 60px;
}

.message .unq-heading-01.of-bg-type-02 {
    background: #00a9e0;
}

.message .unq-heading-01.of-bg-type-03 {
    background: #5f259f;
}

.message .unq-heading-01 > .title {
    font-size: 1.8rem;
    color: #fff;
    padding: 10px;
    font-weight: bold;
}

.container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1120px;
  margin: 0 auto;
  justify-content: center;
}

.hover-box {
  position: relative;
  width: 520px;
  height: 400px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.hover-box:nth-child(1) {
  background-image: url('/images/index_img_20.jpg');
}

.hover-box:nth-child(2) {
  background-image: url('/images/index_img_16.jpg');
}

.hover-box:nth-child(3) {
  background-image: url('/images/index_img_14.jpg');
}

.hover-box:nth-child(4) {
  background-image: url('/images/index_img_17.jpg');
}
.hover-box:nth-child(5) {
  background-image: url('/images/index_img_10.jpg');
}
.hover-box:nth-child(6) {
  background-image: url('/images/index_img_18.jpg');
}



.container.page-newgrad .hover-box:nth-of-type(1) {
  background-image: url('/entry/images/newgrads2.jpg');
}
.container.page-newgrad .hover-box:nth-of-type(2) {
  background-image: url('/entry/images/internship.jpg');
}


.container.page-career .hover-box:nth-of-type(1) {
  background-image: url('/images/index_img_13.jpg');
}
.container.page-career .hover-box:nth-of-type(2) {
  background-image: url('/images/index_img_19.jpg');
}




.hover-box:hover {
  transform: scale(1.03);
  filter: brightness(0.85);
}

.hover-box a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.hover-label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: rgba(240, 240, 240, 0.75);
  font-size: 1.6rem;
  font-weight: normal;
  text-align: left;
  box-sizing: border-box;
}

.hover-label .title {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
}

.hover-label .cta {
  display: inline-block;
  padding: 10px 16px;
  background-color: #000077;
  color: white;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.hover-label .cta:hover {
  background-color: #3333aa;
}

@media (max-width: 768px) {
  .hover-box {
    width: 100%;
  }
}