@charset "UTF-8";
/* CSS Document */

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__CSSハック
5__プラグイン制御
6__アニメーション
*/

/*============================
==============================
==============================
==============================
#1__全体設定
============================*/
/*WEBFONT*/
.kaso #main .page_title h2 .en{font-family: brandon-grotesque, sans-serif;font-weight: 700;}
.message_text{ font-family: "游明朝体", "Yu Mincho", YuMincho,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
/* -基本設定- */
:root {font-size: 62.5%;}
a{text-decoration:none;word-break:break-all;color:inherit;}
p{word-break:break-all;}
a:not([href]):hover,
label:hover,
input[type="submit"]:hover,
button:hover{opacity:0.8;cursor: pointer;}
img{max-width:100%; height:auto;}
body{line-height:1.5;font-family: 'Noto Sans JP', sans-serif ,brandon-grotesque, sans-serif;font-weight: 400;font-style: normal;font-size: 1.6rem;}
/*-{ font-family: "游明朝体", "Yu Mincho", YuMincho,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }-*/
figure{margin:0;}
input{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
select{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
button{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
input[type="number"]::-webkit-outer-spin-button{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
input[type="number"]::-webkit-inner-spin-button{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
input:checked{background:none;}
ifram{ width:100% !important; height:100% !important;}
ul{font-size:0;}
li{font-size: 1.6rem;}
.radio{position:relative;padding-left: 4rem;line-height: 1;}
.radio label{}
.radio:before{position: absolute;content: "";width: 2.8rem;height: 2.8rem;background: #fff;left: 0;border-radius: 10rem;-webkit-border-radius: 10rem;-ms-border-radius: 10rem;top: 0;}
.radio input[type="radio"]{border: none;background: none;opacity: 0;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.radio input[type="radio"]:hover{cursor:pointer;}
.radio input[type="radio"]:checked + label::after{position:absolute;content:"";width: 1rem;height: 1rem;background: #777;left: 0.9rem;top: 0.9rem;border-radius: 10rem;-webkit-border-radius: 10rem;-ms-border-radius: 10rem;}.checkbox{position:relative;}
.checkbox label{position:relative;}
.checkbox input[type="checkbox"]{}
.checkbox input[type="checkbox"]:checked + label::before,
.checkbox input[type="checkbox"]:checked + label::after{position:absolute; content:"";}
.checkbox input[type="checkbox"]:checked + label::before{}
.checkbox input[type="checkbox"]:checked + label::after{}
.select{position:relative;display: inline-block;}
.select:before{position:absolute;content:"";width: 0;height: 0;border-width: 0.8rem;border-style: solid;border-color: #fff transparent transparent transparent;right: 1rem;top: 50%;margin-top: -0.4rem;}
.select select{background: rgba(0,104,182,0.8);border-radius: 0;-webkit-border-radius: 0;color: #fff;font-size: 1.6rem;padding: 1.6rem 1rem;padding-right: 4rem;}
.input{display: block;}
.input.w2{
    display: inline-block;
}
.input input::placeholder{color:#d0d0d0;}
.input input:focus{border-color:#000;}
.input input[type=text],
.input input[type=mail],
.input input[type=tel]{
    height: 5rem;
    box-sizing: border-box;
    width: 100%;
    font-size: 1.6rem;
    padding: 1rem;
}
.input > span:last-child {
    margin-left: 0.5rem;
}
.input > span:first-child {
    margin-right: 0.5rem;
}
.input > span{
    align-items: flex-end;
    display: flex;
}
.input.w2 input[type=text],
.input.w2 input[type=mail],
.input.w2 input[type=tel]{
}
.input input::placeholder{}
.input input:-ms-input-placeholder{}
.input input::-ms-input-placeholder{}
.input input:-webkit-input-placeholder{}
.input input::-webkit-input-placeholder{}
.textarea{}
.textarea textarea{
    box-sizing: border-box;
    width: 100%;
    font-size: 1.6rem;
    padding: 1rem;
    border: none;
}
.textarea textarea:focus{border-color:#000;}
.table table{width:100%;border-collapse:collapse;border-spacing:0;table-layout: fixed;}
.guard{position:relative;}
.guard:after{position:absolute;content:"";width:100%;left:0;top:0;height:100%;}
.checkbox01 {
    text-align: center;
    margin-top: 0;
}
.checkbox01 > .checkbox{
    display: inline-block;
    position: relative;
}
.checkbox01 input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    box-sizing: border-box;
    opacity: 0;
}
.checkbox01 label {
    padding-left: 5rem;
    position: relative;
    display: block;
    height: 4.3rem;
    font-size: 1.6rem;
    padding-top: 0.6rem;
    cursor: pointer;
    color: #000;
}
.checkbox01 input + label {padding-left: 5rem;position: relative;display: block;height: 4.3rem;font-size: 1.6rem;padding-top: 0.3rem;cursor: pointer;color: #000;display: inline-block;color: #000;}
.checkbox01 input + label::before {content: "";width: 2.3rem;height: 2.3rem;position: absolute;left: 0;top: 50%;border: 0.3rem solid #000;margin-top: -1.4rem;}
.checkbox01 input[type=checkbox]:checked + label::after {content: "";position: absolute;width: 3.2rem;height: 1.6rem;left: 0.5rem;top: 0.1rem;border-left: 0.3rem solid #000;border-bottom: 0.3rem solid #000;transform: rotate(-45deg);}
sup{font-size:70%;vertical-align:top;}
sub{font-size:70%;vertical-align:baseline;}
noscript{color: #fff;display: inline-block;width: 100%;font-size: 2rem;text-align: center;border: 0.2rem solid #ff0000;background: #ff0000;padding: 3rem 1.5rem;box-sizing: border-box;margin: 3rem 0;border-radius: 1rem;-webkit-border-radius: 1rem;}

/* -header- */
header{position: fixed;left: 0;top: 0;z-index: 1;width: 100%;right: 0;margin: auto;z-index: 2;height: 9rem;}
.scroll header{
    height: 6rem;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
}
.scroll header > .header_inner_block > .top > .h1{
    top: 1.5rem;
}
.scroll header > .header_inner_block > .top > .h1 > h1 > a > img{
    height: 3.5rem;
}
.scroll .menu-trigger_wrap{
    width: 4.2rem;
    height: 4.2rem;
    top: 0.9rem;
}
header > .header_inner_block{
    width: 104rem;
    margin: 0 auto;
    position: relative;
}
header > .header_inner_block > .top{}
header > .header_inner_block > .top > .h1{
    position: absolute;
    left: -3rem;
    top: 2.2rem;
    z-index: 1;
}
header > .header_inner_block > .top > .h1 > h1{}
header > .header_inner_block > .top > .h1 > h1 > a{
    display: block;
    font-size: 0;
}
header > .header_inner_block > .top > .h1.on > h1 > a{background: url('/img/h_logo_h.svg') center center no-repeat;/* background-size: auto 50px; */}
header > .header_inner_block > .top > .h1 > h1 > a > img{
height:5.5rem;
width:auto;
}
header > .header_inner_block > .top > .h1.on > h1 > a > img{height: 6rem;width:auto;}
header > .header_inner_block > .top > .h1.on > h1 > a > img{
    opacity: 0;
}

/* -ハンバーガーメニュー- */
.menu-trigger_wrap{background: none;display: flex;width: 5.6rem;height: 5.6rem;flex-direction: column;-webkit-flex-direction: column;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: absolute;right: -3rem;top: 1rem;background: rgba(0,104,182,1);z-index: 2;}
.menu-trigger_wrap:hover{cursor:pointer;}
.menu-trigger_wrap .txt{font-size: 1.2rem;display: block;margin-top: 0.3rem;display: none;}
.menu-trigger_wrap a{ position:relative;}
.menu-trigger_wrap a,
.menu-trigger_wrap a span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger_wrap a {position: relative;width: 2.4rem;height: 2rem;display: block;margin: 0;}
.menu-trigger_wrap a span {position: absolute;left: 0;width: 100%;height: 0.2rem;background-color: #fff;border-radius: 0.4rem;}
.menu-trigger_wrap a span:nth-child(1) {top: 0.1rem;left: 0;}
.menu-trigger_wrap a span:nth-child(2) {top: 50%;margin: -0.1rem 0 0 0;}
.menu-trigger_wrap a span:nth-child(3) {bottom: 0.1rem;left: 0;}

.menu-trigger_wrap a.on span:nth-child(1) {-moz-transform:translateY(0.8rem) rotate(315deg) scale(0.8);-o-transform:translateY(0.8rem) rotate(315deg) scale(0.8);-ms-transform:translateY(0.8rem) rotate(315deg) scale(0.8);-webkit-transform:translateY(0.8rem) rotate(315deg) scale(0.8);transform: translateY(0.8rem) rotate(315deg) scale(0.8);}
.menu-trigger_wrap a.on span:nth-child(2) {width: 3rem;height: 3rem;background-color: transparent;border: 0.3rem solid #000;border-radius: 50%;margin: -1.5rem 0 0 -0.4rem;left: 0.1rem;opacity: 0;}
.menu-trigger_wrap a.on span:nth-child(3) {-moz-transform:translateY(-0.8rem) rotate(-315deg) scale(0.8);-o-transform: translateY(-0.8rem) rotate(-315deg) scale(0.8);-ms-transform: translateY(-0.8rem) rotate(-315deg) scale(0.8);-webkit-transform:translateY(-0.8rem) rotate(-315deg) scale(0.8);transform: translateY(-0.8rem) rotate(-315deg) scale(0.8);}


/* -nav- */
nav{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 104, 182);
    color: #fff;
    display: none;
}
nav > .nav_inner_block{
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    height: 100%;
}
nav > .nav_inner_block > ul{
    width: 80%;
    margin: 0 auto;
    height: auto;
    position: relative;
    z-index: 1;
    overflow: scroll;
    max-height: 100vh;
}
nav > .nav_inner_block > ul > li{
    font-size: 2.6rem;
    padding: 2.7rem 0;
    text-align: center;
    font-weight: 300;
}
nav > .nav_inner_block > ul > li > a{
    position: relative;
    z-index: 0;
    display: inline-block;
    margin-bottom: 1rem;
}
nav > .nav_inner_block > ul > li.on > a{
    padding-left: 0.7em;
    font-weight: 700;
}
nav > .nav_inner_block > ul > li.on > a:before{position:absolute;content:"";background: #fff;width: 0.4em;height: 0.4em;border-radius: 10rem;-webkit-border-radius: 10rem;left: 0;top: 50%;margin-top: -0.2em;}
nav > .nav_inner_block > ul > li > .sub{
    font-size: 100%;
    position: relative;
    z-index: 1;
    margin-top: 0.5rem;
}
nav > .nav_inner_block > ul > li > .sub > ul{
    font-size: 100%;
}
nav > .nav_inner_block > ul > li > .sub > ul > li{
    font-size: 69%;
    display: inline-block;
    vertical-align: top;
    color: #fff;
}
nav > .nav_inner_block > ul > li > .sub > ul > li > a{position:relative;padding-bottom: 0;display: block;}
nav > .nav_inner_block > ul > li > .sub > ul > li.on > a{background: #fff;color: #584C4C;padding: 0.2rem 0.5rem;}
nav > .nav_inner_block > ul > li > .sub > ul > li:not(:last-child){position:relative;content:"";padding-right: 2.5rem;margin-right: 2rem;}
nav > .nav_inner_block > ul > li > .sub > ul > li:not(:last-child):before{position:absolute;content:"";height: 1.8rem;width: 0.1rem;background: rgba(255,255,255,0.3);right: 0;top: 50%;margin-top: -0.7rem;}
nav > .close{position:absolute;content:"";left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}


/* -main- */
main{}
article{}

/* -section- */
section{}
.section_inner_block{}
.section_inner_block.full{width:auto !important;}

#body section#job{
    overflow-x: hidden;
}
body#job_index.index #body section#job{
    overflow: inherit;
}
#body .section_inner_block{}
#body .section_inner_block .section_title{
    margin-bottom: 6.3rem;
	margin-top: 0.5rem;
}
#body .section_inner_block .section_title .en{
    font-family: brandon-grotesque, sans-serif;
    font-size: 4.8rem;
    font-weight: 500;
    line-height: 1;
}
#body .section_inner_block .section_title .en.-blue{
    color:#0068B6;
}
#body .section_inner_block .section_title .jp{
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: 0.18em;
    display: block;
}
#body .section_inner_block .section_title .jp_big{
    font-size: 2.6rem;
    font-weight: 500;
    color: #0068B6;
}
#body .section_inner_block .section_title02 {margin-bottom:3rem;display:flex;justify-content:flex-start;align-items: center;}
#body .section_inner_block .section_title02 .en{
    font-weight: 500;
    line-height: 1;
    font-family: brandon-grotesque, sans-serif;
    font-size: 2.6rem;
    color:#fff;
    background:#0068B6;
    line-height:4rem;
    padding:0 1.5rem;
    letter-spacing: 0.2rem;
}
#body .section_inner_block .section_title02 .jp{
    display: block;
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.18em;
    background:#FFF;
    line-height:4rem;
    padding: 0 1.5rem 0 1.5rem;
}
#body .section_inner_block .section_title02.-right{text-align:right;}

#body .section_inner_block .section_title03 {margin-bottom:3rem;}
#body .section_inner_block .section_title03 .en{
    font-weight: 500;
    line-height: 1;
    font-family: brandon-grotesque, sans-serif;
    font-size: 4.8rem;
    color:#000;
}
#body .section_inner_block .section_title03 .jp{
    display: block;
    color: #000;
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: 0.18em;
}
#body .section_inner_block .section_title03.-right{text-align:right;}

#body .section_inner_block .section_text{
    text-align: center;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.5rem;
    margin-bottom: 6.7rem;
}
#body section:first-child{}
#body section:nth-child(even){
    background: #E8EBF2;
}
#body section:nth-child(odd){}
#body section:last-child{}
#body section .section_inner_block{
    width: 104rem;
    margin: 0 auto;
    position: relative;
    padding: 6.9rem 0 8.8rem 0;
}
#body section#news .section_inner_block{padding-bottom: 8.2rem;}
#body section:first-child .section_inner_block:first-child{}
#body section:nth-child(even) .section_inner_block{}
#body section:nth-child(odd) .section_inner_block{}
#body section:last-child .section_inner_block:last-child{}

#body section#link .section_inner_block{
    padding: 4.5rem 0 4.5rem 0;
}
.cv_btn {
    z-index: 0 !important;
    }
/* -pankuzu- */
.pankuzuWrap{width:100%;border-top: 0.1rem solid #E3E1E1;border-bottom: 0.1rem solid #E3E1E1;}
.pankuzu{width: 104rem;margin: 0 auto;padding: 1.3rem 0 1.2rem 0;}
.pankuzu > ul{}
.pankuzu > ul > li{position: relative;font-size: 1.5rem;float: left;padding-right: 2.5rem;font-weight:bold;}
.pankuzu > ul > li:before{position:absolute;content:"";border-top: 0.1rem solid #A29C9C;border-right: 0.1rem solid #A29C9C;width: 0.9rem;height: 0.9rem;right: 1rem;top: 50%;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top: -0.5rem;}
.pankuzu > ul > li:last-child:before{content:none;}
.pankuzu > ul > li > a{color: #A29C9C;font-weight:normal;}
.pankuzu > ul > li > strong{color: #463838;font-weight: 300;}

/* -footer- */
footer{}
footer > .footer_inner_block{}
footer .content{
    width: 104rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 6.3rem;
    padding-bottom: 10rem;
}
footer .content > .left{
    margin-right: 10rem;
}
footer .content > .left > .logo{
    margin-bottom: 4.3rem;
    font-size: 1.2rem;
    color: #424242;
}
footer .content > .left > .logo > a{}
footer .content > .left > .logo > a > img{width:auto;height:4.4rem}
footer .content > .left > .tel{}
footer .content > .left > .tel > a{}
footer .content > .left > .tel > a > img{}
footer .content > .link{
    margin-right: 10rem;
    width: 37.3rem;
}
footer .content > .link > ul{
    float: left;
    width: 40%;
}
footer .content > .link > ul:first-child{
    width: 60%;
}
footer .content > .link > ul > li{
    color: #424242;
    font-weight: 500;
    font-size: 1.5rem;
}
footer .content > .link > ul > li:not(:last-child){
    margin-bottom: 2.4rem;
}
footer .content > .link > ul > li > a{
    display: block;
}
footer .content > .link > ul > li > a:not(:last-child){
    margin-bottom: 1.3rem;
}
footer .content > .link > ul > li > .sub{}
footer .content > .link > ul > li > .sub > ul{}
footer .content > .link > ul > li > .sub > ul > li{
    font-weight: 400;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 2rem;
    margin-bottom: 0.8rem;
}
footer .content > .link > ul > li > .sub > ul > li > a{}
footer .content > .bnr{width: 19rem;position: relative;top:0rem;}
footer .content > .bnr > ul{}
footer .content > .bnr > ul > li{}
footer .content > .bnr > ul > li:not(:last-child){
    margin-bottom: 1rem;
}
footer .content > .bnr > ul > li > a{
    display: block;
    font-size: 0;
}
footer .content > .bnr > ul > li > a > img{}
.copy{
    font-weight: 400;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 0.3rem;
    background: #000;
    color: #fff;
    padding: 1.2rem 0;
    font-family: brandon-grotesque, sans-serif;
}

/* -共通クラス(content)- */
.content01{
    padding: 4rem;
    background: rgba(255,255,255,0.8);
    min-height: 20rem;
}
#sitemap .content01{
    background: #FFF;
}
.kaso.flow .content01{
    background:#FFF;
}
.content01 p{
    line-height: 3.0rem;
}
.content01 p:not(:last-child){
    margin-bottom: 2rem;
}

/* -共通クラス(title)- */
.title01{
    font-size: 3.8rem;
    font-weight: 300;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.2em;
    margin-bottom: 6.3rem;
}
.title02{
    font-size: 2.2rem;
    font-weight: 100;
    color: #fff;
    background: #0068B6;
    max-width: 63rem;
    margin: 0 auto;
    display: flex !important;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 5.2rem;
    margin-bottom: 2.6rem;
}
.title03{
    letter-spacing: 0.2em;
    text-align: center;
    font-size: 3.3rem;
    font-weight: 100;
    margin-bottom: 5.5rem;
}
.title04{
    font-size: 2rem;
    text-align: center;
    letter-spacing: 0.6em;
    margin-bottom: 2rem;
}

/* -共通クラス(line)- */
.line01{}
.line01 > ul{
    display: flex;
}
.line01 > ul > li{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.line01 > ul > li > .input{display: inline-block;display: flex;vertical-align: bottom;}
.line01 > ul > li > .input > input{
    display: inline-block;
}
.line01 > ul > li > .input > span{}
.line01 > ul > li > .input > input:not(:last-child){}
.line01 > ul > li:not(:last-child){
    margin-right: 1rem;
}

/* -共通クラス(lead)- */
.lead01{}
.lead01 > .text{
    font-size: 2rem;
    text-align: center;
    line-height: 3.8rem;
    margin-bottom: 1.7rem;
}
.lead01 > .note{
    color: #A8A8A8;
    font-size: 1.5rem;
    text-align: center;
    line-height: 3.1rem;
    margin-bottom: 5.5rem;
}

/* -共通クラス(text)- */
.text01{
    font-size: 1.8rem;
    text-align: center;
    line-height: 3.5rem;
}
.text01:not(:last-child){
}
.text01 > p{}
.text01 > p:not(:last-child){
    margin-bottom: 3.5rem;
}

/* -共通クラス(btn)- */
.btn01{
    color: #0068B6;
    text-align: center;
    margin-top: 4.6rem;
}
.btn01 > a{
    line-height: 2.1rem;
    padding-right: 4.4rem;
    position: relative;
    font-weight: 500;
}
.btn01 > a:before{position:absolute;content:"";width: 2.2rem;height: 2.2rem;border: 0.1rem solid #0068B6;border-radius: 10rem;-webkit-border-radius: 10rem;right: 0;top: 50%;margin-top: -1.1rem;}
.btn01 > a:after{position:absolute;content:"";width: 0.5rem;height: 0.5rem;border-top: 0.1rem solid #0068B6;border-right: 0.1rem solid #0068B6;right: 1.1rem;top: 50%;margin-top: -0.25rem;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.btn02{
    font-size: 1.4rem;
    line-height: 4rem;
    color: #fff;
    letter-spacing: 0.4rem;
    position:relative;
    display: inline-block;
    width:21rem;
}
.btn02:before{
    content:"";
    display:block;
    width:0%;
    height:100%;
    background:#FFF;
    left:0;
    top:0;
    position:absolute;
    z-index:2;
    transition:all 0.3s;
    pointer-events: none;
}
.job_wrap > .list > ul > li:nth-child(even) > .text_area > .btn02:before{
    background:#0068B6;
}
.btn02:after{
    content:"";
    display:block;
    width:100%;
    height:100%;
    /*background:rgba(0,0,0,0.8);*/
    left:0;
    top:0;
    position:absolute;
    z-index:1;
    transition:all 0.3s;
    pointer-events: none;
}
.btn02 > a{
    height: 100%;
    display: inline-block;
    font-size: 1.4rem;
    position: relative;
    letter-spacing: 0.3rem;
    line-height: 5rem;
    padding: 0 7.3rem 0 2rem;
    position:relative;
    z-index:3;
    width:100%;
    box-sizing: border-box;
}
.btn02 > a:before {
    position: absolute;
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-top: 0.1rem solid #fff;
    border-right: 0.1rem solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    right: 0;
    top: 50%;
    margin-top: -0.4rem;
    right: 1.5rem;
}
.btn02:hover:before{
    width:100%;
}
.btn02:hover:before{
    width:100%;
}

.btn03{margin: 0 auto;position: relative;margin-top: 6rem;}
.btn03:before{position:absolute;content:"";width: 0.8rem;height: 0.8rem;border-top: 0.2rem solid #fff;border-right: 0.2rem solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);right: 1.8rem;top: 50%;margin-top: -0.4rem;}
.btn03 > input{
    font-size: 2.2rem;
    letter-spacing: 1.8rem;
    text-align: center;
    background: rgba(0,104,182,0.8);
    color: #fff;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 6.4rem;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
.btn03.-back:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);right: auto;left: 1.8rem;}

.btn04{
    font-size: 1.4rem;
    line-height: 4rem;
    color: #fff;
    letter-spacing: 0.4rem;
    width:80rem;
    margin:7.5rem auto 0 auto;
    position:relative;
}
.btn04:before{
    content:"";
    display:block;
    width:0%;
    height:100%;
    background:#FFF;
    left:0;
    top:0;
    position:absolute;
    z-index:2;
    transition:all 0.3s;
}
.btn04:after{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.8);
    left:0;
    top:0;
    position:absolute;
    z-index:1;
    transition:all 0.3s;
}
.btn04 > a{
    height: 100%;
    display: inline-block;
    font-size: 2rem;
    position: relative;
    letter-spacing: 0.3rem;
    line-height: 8rem;
    padding: 0 7.3rem 0 2rem;
    width:100%;
    text-align:center;
    box-sizing:border-box;
    position: relative;
    z-index:3;
    transition:all 0.3s;

}
.btn04 > a:before {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    border-top: 0.2rem solid #fff;
    border-right: 0.2rem solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    right: 0;
    top: 50%;
    margin-top: -0.4rem;
    right: 3rem;
    transition:all 0.3s;
}
.btn04:hover:before{
    width:100%;
}
.btn04:hover a{
    color:#000;
    transition:all 0.3s;
}
.btn04:hover a:before{
    border-color:#000;
}

/* -共通クラス(link)- */
.link01{}
.link01 > ul{
    display: flex;
}
.link01 > ul > li{position:relative;width: 100%;text-align: center;/* background-color: rgba(70,70,70,0.7) !important; */background-blend-mode: multiply;height: 10rem;width: 24.5rem}
.link01 > ul > li a{
    display: flex;
    padding: 1.9rem 1.6rem 2.1rem 1.6rem;
    position: relative;
    z-index: 1;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    border: 1px solid #0068B6;
}
.link01 > ul > li > .note{
    font-size: 1.3rem;
    text-align: center;
    margin-top: 0.5rem;
}
.link01 > ul > li:not(:last-child){
    margin-right: 2rem;
}
.link01 > ul > li:before{position:absolute;content:"";width: 100%;height: 100%;left: 0;top: 0;background: #FFFFFF;height: 10rem;width: 24.5rem}
.link01 > ul > li .text_area{
    position: relative;
    z-index: 1;
}
.link01 > ul > li .text_area > .img{
    margin-bottom: 1rem;
}
.link01 > ul > li .text_area > .sub{
    color: #fff;
    font-size: 1.6rem;
}
.link01 > ul > li .text_area > .title{
    font-size: 2rem;
    color: #0068B6;
	line-height: 1;
	width:100%;text-align: center;
}
.link01 > ul > li .text_area > .title .sub{
    font-size: 1.5rem;
    color: #0068B6;
}
.link01 > ul > li .icon{
    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    background: #41c8ff;
    width: 8rem;
    height: 2rem;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 1.6rem;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    right: -1rem;
    top: -1.3rem;
}
.link01 > ul > li .text_area > .text{
    color: #0068B6;
    font-size: 1.7rem;
    line-height: 2.1rem;
	text-align: left;
	padding-left: 2rem
}
.link01 > ul > li:nth-child(3) .text_area > .text {padding-top: 5px;line-height: 2.4rem;}
.link01 > ul > li:nth-child(4) .text_area > .title {padding-top: 3px;line-height: 2.5rem;}

.link02{
    margin-bottom: 6rem;
}
.link02 > ul{
    display: flex;
}
.link02 > ul > li.on{}
.link02 > ul > li.on > a,
.link02 > ul > li:hover > a{background: #1977BD;color: #fff;}
.link02 > ul > li{width: 100%;}
.link02 > ul > li > a{
    font-size: 1.8rem;
    background: #F5F5F8;
    color: #0068B6;
    display: flex;
    height: 7rem;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
.link02 > ul > li:not(:last-child){
    margin-right: 0.4rem;
}

/*============================
==============================
==============================
==============================
#2__TOP設定
============================*/
/* -各セクションごとの設定- */
#main{}
#main section{}
#main section .main_title{
    position: absolute;
    z-index: 1;
    width: 104rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 17.1rem;
    pointer-events: none;
}
#main section .main_title h2{
    display: block;
    width: 48rem;
}
#main section .main_title h2 img{}
#main section .slide_wrap{max-width: 120rem;margin: 0 auto;position:relative;height: 92rem;overflow: hidden;}
#main section .slide_wrap ul li:before{position:absolute;content:"";left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,100,0.05);}
#main section .slide_wrap ul{
    height: 100%;
}
#main section .slide_wrap ul li{
    height: 100%;
    position: relative;
    height: 92rem;
}
#main section .slide_wrap ul li a{display:block;transition:all 0.3s;}
#main section .slide_wrap ul li a:hover{opacity:0.8}
#main section .slide_wrap ul li .inner{
    width: 104rem;
    margin: 0 auto;
    position: relative;
    padding-top: 51.2rem;
}
#main section .slide_wrap ul li .inner .comment{
    background: rgba(255,255,255,0.8);
    padding: 3.2rem 4rem 3rem 4rem;width: 64rem;
    box-sizing: border-box;
}
#main section .slide_wrap ul li:nth-child(1) .inner .comment{}
#main section .slide_wrap ul li:nth-child(2) .inner .comment{width: 77rem;}
#main section .slide_wrap ul li:nth-child(3) .inner .comment{width: 77rem;}
#main section .slide_wrap ul li:nth-child(4) .inner .comment{width: 77rem;}
#main section .slide_wrap ul li:nth-child(5) .inner .comment{width: 77rem;}
#main section .slide_wrap ul li:nth-child(6) .inner .comment{width: 77rem;}
#main section .slide_wrap ul li:nth-child(7) .inner .comment{width: 77rem;}
#main section .slide_wrap ul li:nth-child(8) .inner .comment{}

#main section .slide_wrap ul li .inner .comment .title{
    font-size: 2.8rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 4.5rem;
    letter-spacing: 0.5rem;
    margin-bottom: 0.4rem;
}
#main section .slide_wrap ul li .inner .comment .sub{
    font-size: 1.6rem;
    line-height: 3.5rem;
    margin-bottom: 3.7rem;
}
#main section .slide_wrap ul li .inner .comment .text{
    font-size: 1.8rem;
    line-height: 3.5rem;
}
.main_btn{
    text-align: center;
    position: relative;
    top: -3.5rem;
    overflow:hidden;
    background: #FFF934;
    display: table;
    margin:0 auto;
}
.main_btn a{
    font-size: 2rem;
    display: inline-flex;
    height: 6rem;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    color: #000;
    padding: 0 15.5rem;
    position:relative;
    /*font-weight:bold;*/
}
.main_btn a:after{
    content:"";
    display:block;
    width:1rem;
    height:1rem;
    border-top:2px solid #000;
    border-right:2px solid #000;
    transform:translate(-50%,-50%) rotate(45deg);
    position:absolute;
    top:50%;
    right:2rem;
}
.main_btn span:before{

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(circle, #fff 10%, transparent 10%) no-repeat 50%;
    transform: scale(0, 0);
    opacity: 0;
    transition: all 0.6s;
    z-index: 1;
    pointer-events: none;
    z-index:0;
}
.main_btn span:hover:before{opacity: 1;transform: scale(12, 12);}
.news_list{
    
    position: absolute;
    right: 0;
    top: 7.5rem;
    width: 83rem;
}
.news_list > ul{/*display: flex;flex-wrap: wrap;*/}
.news_list ul li{vertical-align: top;display: inline-block;width: 24.5rem;
}
.news_list ul li a{
    display: block;
    padding:0;
    height: auto;
    width: 100%;
    box-sizing: border-box;
}
.news_list ul li:not(:last-child){
    margin-right: 2rem;
}
.news_list ul li .img{display:block !important;background:#E8EBF2;height:15rem;margin-bottom:1rem;}
.news_list ul li .img img{height:15rem;object-fit: cover;}
.news_list ul li .top{
    border-bottom: 0.1rem solid #000;
    margin-bottom: 0.4rem;
}
.news_list ul li .top > .date{
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 0.2rem;
}
.news_list ul li .top > .title{
    color: #0068B6;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-size: 2rem;
	text-transform: uppercase;
    display:none;
}
.news_list ul li .text{
    font-size: 1.5rem;
    line-height: 2.6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news_list ul li .txt{
    font-size: 1.3rem;
    line-height: 2.2rem;
    color: #505050;
    margin-top: 1rem;
}
.message_text{position:absolute;bottom:15rem;left:50%;transform:translate(-50%,0%);font-size:3.2rem;text-align:left;width:104rem; color: #0068B6;padding:3rem 0;}
.message_wrap{margin:0 0 5rem;}
.message_wrap > .left{
    float: left;
    width: 62.386%;
}
.message_wrap > .left > .title{
    font-size: 2.4rem;
    line-height: 4.5rem;
    font-weight: 500;
    margin-bottom: 3rem;
}
.message_wrap > .left > .txt{
    font-size: 1.8rem;
    line-height: 3.5rem;
    word-break: break-all;
}
.message_wrap > .left > .txt span{
    padding:1rem 0;
    display: block;
}
.message_wrap > .right{
    text-align: center;
    float: right;
    margin-top: 1.4rem;
    width: 25%;
}
.message_wrap > .right > .img{
    font-size: 0;
    margin-bottom: 1rem;
}
.message_wrap > .right > .img > img{}
.message_wrap > .right > .pos{
    font-size: 1.5rem;
    line-height: 2.3rem;
}
.message_wrap > .right > .name{
    font-size: 2.4rem;
    letter-spacing: 0.4rem;
    padding-top:0.5rem;
}
.message_wrap > .end{
    padding-top:1rem;
    width:100%;
    float:left;
}
.message_wrap > .end .txt{
    font-size: 1.8rem;
    line-height: 3.5rem;
    word-break: break-all;
}

.job_wrap{
    position: relative;
}
.job_wrap > .btn02{
    position: absolute;
    top: -4.6rem;
}
.job_wrap > .list{}
.job_wrap > .list > ul{}
.job_wrap > .list > ul > li{
    position: relative;
}
.job_wrap > .list > ul > li:nth-child(even){
    text-align: right;
}
.job_wrap > .list > ul > li > .text_area{
    background: rgba(0,104,182,0.9);
    color: #fff;
    padding: 5rem 5.5rem 5.5rem 5.5rem;
    width: 51rem;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    min-height: 51rem;
    display: inline-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}
.job_wrap > .list > ul > li:nth-child(even) > .text_area{
    color: #0068B6;
    background: rgba(255,255,255,0.9);
}
.job_wrap > .list > ul > li > .text_area > .title{
    font-size: 4rem;
    line-height: 4.5rem;
    font-weight: 100;
    letter-spacing: 1.4rem;
    margin-bottom: 2.6rem;
}
.job_wrap > .list > ul > li > .text_area > .text{
    font-size: 1.8rem;
    line-height: 3.5rem;
}
.job_wrap > .list > ul > li > .text_area > .text > p{}
.job_wrap > .list > ul > li > .text_area > .btn02{
    margin-top: 3.1rem;
}
.job_wrap > .list > ul > li > .text_area > .btn02 > a{
    border: 0.1rem solid #fff;
    background: none;
    font-size: 1.6rem;
    line-height: 4.6rem;
    font-weight: 500;
    transition: all 0.3s;
}
.job_wrap > .list > ul > li > .text_area > .btn02 > a:hover{color:rgba(0,104,182,0.9);}
.job_wrap > .list > ul > li > .text_area > .btn02 > a:hover:before{border-color:rgba(0,104,182,0.9);}
.job_wrap > .list > ul > li:nth-child(even) > .text_area > .btn02 > a{border-color:#0068B6;color: #0068B6;}
.job_wrap > .list > ul > li:nth-child(even) > .text_area > .btn02 > a:hover{color:#fff;}
.job_wrap > .list > ul > li:nth-child(even) > .text_area > .btn02 > a:hover:before{border-color:rgba(255,255,255,0.9);}
.job_wrap > .list > ul > li > .text_area > .btn02 > a:before{position:absolute;content:"";width: 0.8rem;height: 0.8rem;border-top: 0.2rem solid #fff;border-right: 0.2rem solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);right: 0;top: 50%;margin-top: -0.4rem;right: 1.5rem;}
.job_wrap > .list > ul > li:nth-child(even) > .text_area > .btn02 > a:before{border-color:#0068B6;}
.job_wrap > .list > ul > li > .img{
    width: 75rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.job_wrap > .list > ul > li > .img:before{content:"";position:absolute;background: rgba(232,235,242,1);width: 100%;height: 100%;z-index: 1;mix-blend-mode: multiply;-ms-mix-blend-mode: multiply;-webkit-mix-blend-mode: multiply;}

.job_wrap > .list > ul > li > .img > img{}
.job_wrap > .list > ul > li > .text_area > .text > p > .note{
    color: #41C8FF;
    display: block;
}
.job_wrap > .list > ul > li:nth-child(even) > .img{
    right: auto;
    left: -8rem;
}
.job_wrap > .list > ul > li:nth-child(odd) > .img{
    right: -8rem;
}
.job_wrap > .list > ul > li:nth-child(n){
    padding-bottom: 16.4rem;
}
.job_wrap > .list > ul > li:nth-child(2n){
    padding-bottom: 6.6rem;
}
.job_wrap > .list > ul > li:nth-child(3n){
    padding-bottom: 14.4rem;
}
.job_wrap > .list > ul > li:nth-child(4n){
    padding-bottom: 13.4rem;
}
.job_wrap > .list > ul > li:nth-child(5n){
    padding-bottom: 11.9rem;
}
.job_wrap > .list > ul > li:nth-child(6n){
    padding-bottom: 5.7rem;
}
.job_wrap > .list > ul > li:nth-child(7n){
    margin-top: 9rem;
}
.job_wrap > .list > ul > li:nth-child(1n) > .img{}
.job_wrap > .list > ul > li:nth-child(2n) > .img{
}
.job_wrap > .list > ul > li:nth-child(3n) > .img{}
.job_wrap > .list > ul > li:nth-child(4n) > .img{}
.job_wrap > .list > ul > li:nth-child(5n) > .img{}
.job_wrap > .list > ul > li:nth-child(6n) > .img{
    top: 5.7rem;
}

.job_wrap > .list > ul > li:nth-child(1n) > .text_area{
    top: 7.7rem;
}
.test .job_wrap > .list > ul > li:nth-child(2n) > .text_area{
    top: -6.7rem;
	background: rgba(233,235,241,.9);
}
.job_wrap > .list > ul > li:nth-child(2n) > .text_area{
    top: -6.7rem;
}
.job_wrap > .list > ul > li:nth-child(3n) > .text_area{
    top: 7.7rem;
}
.job_wrap > .list > ul > li:nth-child(4n) > .text_area{
    top: 8.3rem;
}
.job_wrap > .list > ul > li:nth-child(5n) > .text_area{
    top: 7.7rem;
}
.job_wrap > .list > ul > li:nth-child(6n) > .text_area{}

.flow_list{
    margin-bottom: 3.7rem;
}
.flow_list > ul{
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.flow_list > ul > li{
    text-align: center;
    width: 30rem;
    font-size: 0;
}
.flow_list > ul > li:not(:last-child){
}
.flow_list > ul > li > .img{
    font-size: 0;
    margin-bottom: 0.9rem;
}
.flow_list > ul > li > .img > img{}
.flow_list > ul > li > .text_area{}
.flow_list > ul > li > .text_area > .title{
    letter-spacing: 0.5rem;
    color: #0068B6;
    font-size: 2.8rem;
    font-weight: 200;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 1.8rem;
}
.flow_list > ul > li > .text_area > .comment{
    font-size: 1.5rem;
    color: #fff;
    font-weight: 500;
    background: #41C8FF;
    position:relative;
    padding: 0.5rem 2.4374rem;
    text-align: center;
    display: inline-block;
    margin-bottom: 1.8rem;
}
.flow_list > ul > li > .text_area > .comment:before{position:absolute;content:"";width: 0;height: 0;border-width: 0.8rem;border-bottom-width: 1.4rem;border-style: solid;border-color: transparent transparent #41C8FF transparent;bottom: 74%;left: 0;right: 0;margin: auto;}
.flow_list > ul > li > .text_area > .text{
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.6rem;
}
.flow_step{
    background: rgba(0,104,182,0.9);
    color: #fff;
}
.flow_step > ul{
    display: flex;
}
.flow_step > ul > li{
    width: 100%;
    position:relative;
    padding: 0.8rem 1.5rem 1.1rem 1.5rem;
}
.flow_step > ul > li:not(:last-child){margin-right: 2rem;}
.flow_step > ul > li > .step{
    font-family: brandon-grotesque, sans-serif;
    font-weight: 400;
    letter-spacing: 0.5rem;
    text-align: center;
    font-size: 1.6rem;
    position:relative;
    padding-bottom: 0.8rem;
    margin-bottom: 1rem;
}
.flow_step > ul > li:not(:last-child):before{position:absolute;content:"";right: -1.3rem;top: 0;height: 100%;width: 0.5rem;background: #fff;transform: skew(-5deg);}
.flow_step > ul > li > .step:before{position:absolute;content:"";width: 3.5rem;height: 0.1rem;background: #fff;left: 0;right: 0;bottom: 0;margin: auto;}
.flow_step > ul > li > .step span{
    font-size: 140%;
}
.flow_step > ul > li > .title{text-align: center;font-weight: 500;font-size: 2rem;line-height: 4.2rem;margin-bottom: 0.4rem;}
.flow_step > ul > li > .text{
    font-size: 1.4rem;
    line-height: 2.6rem;
}
.blog_list{}
.blog_list > ul{
    
    width: calc(50% - 2rem);
    width: -webkit-calc(50% - 2rem);
    width: -ms-calc(50% - 2rem);
    float: left;
}
.blog_list > ul:not(:last-child){margin-right: 4rem;}
.blog_list > ul > li{
    background: rgba(255,255,255,0.8);
    padding: 2rem;
    float: left;
    box-sizing: border-box;
    margin-bottom: 0.6rem;
    width: 100%;
}
.blog_list > ul > li:nth-child(odd){
}
.blog_list > ul > li:nth-child(even){
}
.blog_list > ul > li > a{}
.blog_list > ul > li > a > .img{
    width: 36.957%;
    position: relative;
    float: left;
}
.blog_list > ul > li > a > .img:before{content: "";display: block;padding-top: 73.53%;}
.blog_list > ul > li > a > .img > img{}
.blog_list > ul > li > a > .text{
    float: right;
    width: 58%;
    padding-top: 0.7rem;
}
.blog_list > ul > li > a > .text > .title{
    color: #0068B6;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    margin-bottom: 0.7rem;
}
.blog_list > ul > li > a > .text > .date{
    font-size: 1.3rem;
    margin-bottom: 1.1rem;
}
.blog_list > ul > li > a > .text > .txt{
    font-size: 1.4rem;
    line-height: 2.2rem;
}

/*============================
==============================
==============================
==============================
#3__下層設定
============================*/
/* -全体設定- */
.kaso #body section:nth-child(even){background:none;}
#about.kaso #body section:nth-child(odd){background:#E8EBF2}
.kaso #main .kaso_visual{position:relative;height: 68rem;overflow:hidden;background-color: #fff !important;}
.kaso_visual img{position:absolute;left:0;top:0;width:100%;}
.kaso #main .page_title{position:absolute;width: 104rem;left: 0;right: 0;margin: auto;top: 25.9rem;z-index: 1;}
.kaso #main #news .page_title{position:absolute;width: 104rem;left: 0;right: 0;margin: auto;top: 23.9rem;z-index: 1;}

.kaso #main .page_title h2{}
#sitemap.kaso #main .page_title h2 .en{
    font-size: 6rem;
    line-height: 1;
    margin: 0 0 1rem 0;
    font-weight: 500;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    color: #0068B6;
    padding: 0.5rem 1rem;
}
#sitemap.kaso #main .page_title h2 .jp{
    color: #000;
    width: 14.5rem;
    font-size: 2rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 0.18em;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
    display: block;
}
.kaso #main .page_title h2 .en{color:#FFF;display:block;font-size:6rem;line-height:1;margin:0 0 2rem 0;font-weight: 500;}
.kaso #sitemap .page_title h2 .en{}
.kaso.flow #main .page_title h2 .en{
    font-size: 6rem;
    line-height: 1;
    margin: 0 0 1rem 0;
    font-weight: 500;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    color: #0068B6;
    padding: 0.5rem 1rem;
}
.kaso #main #news .page_title h2 .en{
    font-size: 6rem;
    line-height: 1;
    margin: 0 0 1rem 0;
    font-weight: 500;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    color: #0068B6;
    padding: 0.5rem 1rem;
}
.kaso.flow #main .page_title h2 .jp{
    font-size: 2rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 0.18em;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
    width: 16.6rem;
}
.kaso #main .page_title h2 .jp{color:#000;display:block;font-size:3.6rem;line-height:1.5;font-weight: 300;letter-spacing: 0.18em;}.kaso #main  #news .page_title h2 .jp{
    font-size: 2rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 0.18em;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
}
#job_detail_0000000002 .page_title .jp{
    width: 15rem !important;
}
#job_detail_0000000003 .page_title .jp{
    width: 9.5rem !important;
}
#job_detail_0000000005 .page_title .jp{width: 9.5rem !important;}
#job_detail_0000000006 .page_title .jp{width: 24.5rem !important;}
.kaso.job #main .page_title h2 .jp{
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.18em;
    display: flex;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
    width: 12rem;
    line-height: 1.2;
}
.kaso #main  #news .page_title h2 .jp{
    font-size: 2rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 0.18em;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
}
.kaso.message #main .page_title h2 .en{color:#41C8FF;}
.kaso.sitemap #main .page_title h2 .en,
.kaso.error #main .page_title h2 .en{color: #000}

#about.kaso #main .page_title h2 .en{color:#FFF;display:block;font-size:6rem;line-height:1;margin:0 0 1rem 0;font-weight: 500;display:inline-block;background:rgba(255,255,255,0.8);color:#0068B6;padding:0.5rem 1rem;}
#about.kaso #main .page_title h2 .jp{color:#000;display:block;font-size:2rem;line-height:1;font-weight: 300;letter-spacing: 0.18em;display:inline-block;background:rgba(255,255,255,0.8);padding:0.5rem 1rem;}

.kaso #body section:first-child {background:#E8EBF2;}
.kaso #body section:first-child .section_inner_block{margin-top: -24rem;padding-top:0;min-height: 30rem;}
#about.kaso #body section:first-child .section_inner_block{margin:0 auto;}

.kaso #body section:first-child{}
.kaso #body section:first-child .section_inner_block .section_title{ margin-bottom: 2rem;}
.kaso.detail.news #body section:first-child .section_inner_block .section_title{margin-bottom: 6rem;}
.kaso #body section:first-child .section_inner_block .section_title .en{display:block;color:#FFF;font-size:3.4rem;}
.kaso #body #news section:first-child .section_inner_block .section_title .en{display:block;color: #000;font-size:3.4rem;}
.kaso #body section:first-child .section_inner_block .section_title .jp{display:block;color:#000;font-size:2rem;}
.kaso.news #body section:first-child .section_inner_block .section_title .jp{display:block;color: #000 !important;font-size:2rem;}
body.kaso #body section:first-child .section_inner_block .section_title .en{color: #000 !important;}


.pager{
    margin-top: 4rem;
}
.pager > ul{
    text-align: center;
}
.pager > ul > li{
    display: inline-block;
    color: #fff;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    font-size: 2rem;
}
.pager > ul > li strong{background: #0068B6;display: flex;width: 100%;height: 100%;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.pager > ul > li:not(:last-child){
    margin-right: 0.5rem;
}
.pager > ul > li.arrow{
    background: none;
}
.pager > ul > li.arrow > a{
    color: #0068B6;
    background: none;
}
.pager > ul > li.arrow.next,
.pager > ul > li.arrow.prev{
    position: relative;
}
.pager > ul > li.arrow.next{}
.pager > ul > li.arrow.next a{
    padding: 2rem !important;
}
.pager > ul > li.arrow.prev{}
.pager > ul > li.arrow.prev a{
    padding: 2rem !important;
}
.pager > ul > li.arrow.next:before,
.pager > ul > li.arrow.prev:before{content:"";position:absolute;width: 0;height: 0;border-width: 0.8rem;border-left-width: 1.2rem;border-style: solid;border-color: transparent transparent transparent #0068B6;}
.pager > ul > li.arrow.next:before{}
.pager > ul > li.arrow.prev:before{border-color: transparent #0068B6 transparent transparent;border-left-width: 0.8rem;border-right-width: 1.2rem;}

.pager > ul > li > a{
    width: 100%;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    color: #0068B6;
    position: relative;
    z-index: 1;
}

.number_list{margin-bottom:5rem;}
.number_list > ul > li{width:51rem;/*height:53rem;*/float:left;background: rgba(255,255,255,0.9);box-sizing:border-box;padding:8rem 0;text-align:center;margin:0 0 1rem 0;}
.number_list > ul > li:nth-child(2n){float:right;}
.number_list > ul > li:nth-child(2){margin-top:10.5rem;}
.number_list > ul > li:last-child{width:100%;}

.number_list > ul > li .title{font-size:3rem;color: #0068B6;font-weight: 700;letter-spacing: 0.48em;}
.number_list > ul > li .img{height:18rem;display:table-cell;vertical-align: middle;text-align:center;margin:0 auto;width:51rem;}
.number_list > ul > li .point{text-align:center;margin:0 0 3rem 0;color:#0068B6;font-weight: 700;}
.number_list > ul > li .point .small{font-size: 2.4rem;line-height:1.3;}
.number_list > ul > li .point .big{font-size: 12rem;line-height: 0.65;padding:0 0.5rem;font-family: brandon-grotesque, sans-serif;}
.number_list > ul > li .text{font-size:1.8rem;letter-spacing: 0.18em;}
.number_list > ul > li .img_list ul{display:flex;justify-content: center;}
.number_list > ul > li .img_list li{padding: 0 1.5rem;/*width:25rem;*/width:41rem;margin:0;}

.number_list > ul > li .img_list{margin:2rem 0 2rem;}
.number_list > ul > li .img_list li .title{margin-bottom:2rem;}
.number_list > ul > li .img_list li .point{display:flex;justify-content: center;align-items:center;}
.feature_list > li {position:relative;margin-bottom:7rem;}
.feature_list > li .img {max-height:53rem;overflow:hidden;position:relative;top:-4rem;}
.feature_list > li .img img {display:block;margin:0 0 0 auto;}
.feature_list > li .content{width:51rem;background:rgba(255,255,255,0.8);position:absolute;top:12.5rem;left:0;z-index:1;padding:6rem;box-sizing:border-box;}
.feature_list > li .content .title{margin:0 0 1.5rem;font-size:2.6rem;color:#0068B6;}
.feature_list > li .content .text{color:#000;font-size:2rem;line-height: 3.8rem;}

.kaso #body .section_inner_block .feature_list > li .section_title .en {color:#0068B6}
.kaso #body .section_inner_block .feature_list > li:nth-child(2n) .section_title {text-align:right;}
.feature_list > li:nth-child(2n) .img img{margin:0 auto 0 0;}
.feature_list > li:nth-child(2n) .content{left:initial;right:0;}

/* -ブログ- */
.kaso.blog #main .page_title h2 .jp{
    color: #fff;
}
.kaso.blog #body section:first-child .section_inner_block .section_title .jp{
    color: #fff;
}

/* -メッセージ- */


/* -お知らせ- */
.kaso.news #main .page_title h2 .jp{
    color: #000;
    width: 9.5rem;
    font-size: 2rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 0.18em;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem 1rem;
}
.kaso.news #main .page_title h2 .en{
    font-size: 6rem;
    line-height: 1;
    margin: 0 0 1rem 0;
    font-weight: 500;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    color: #0068B6;
    padding: 0.5rem 1rem;
}
.kaso.news.detail .news_list{
    padding: 0;
    width: 100%;
}

.kaso.news .news_list{
    position: static;
    padding: 5rem;
    background: #FFF;
    width: 100%;
    box-sizing: border-box;
}
.kaso#news_index #body section:nth-child(odd){
}
.kaso.news #body section:nth-child(even){}
.kaso.news .news_list ul li{
    margin-bottom: 4%;
    width: 47%;
    margin-right: 6%;
    background: none;
}
.kaso.news .news_list .pager ul li{
    width:10%;
    margin-right: 0%;
}
.kaso.news .news_list ul li:nth-child(2n){
    margin-right: 0;
}

.kaso.news .news_list ul li a{
    padding: 0rem;
    height: auto;
    width: 100%;
}

.kaso.detail.news p a{color: #0068B6;}

.kaso.detail.news .img.taCenter{padding-bottom: 3rem;}

/* -採用までの流れ- */
.kaso.flow .flow_step > ul > li > .title{
    font-size: 1.8rem;
    line-height: 3rem;
}
.kaso.flow .flow_step > ul > li > .text{
    font-size: 1.3rem;
}

/* -募集職種- */
.kaso.job.detail #body section:nth-child(odd){background: #fff;}
.kaso.job.detail #body section:nth-child(even){background: #E8EBF2;}

.kaso#job_index #main .kaso_visual{height: 121.7rem;}
.kaso.job #main .page_title h2 .en{
    font-size: 6rem;
    line-height: 1;
    margin: 0 0 1rem 0;
    font-weight: 500;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    color: #0068B6;
    padding: 0.5rem 1rem;
    }
.kaso.job.index section{position:relative;}
.kaso#job_index #main .kaso_visual:before{position:absolute;content:"";width: 100%;height: 41rem;left: 0;bottom: 0;background: -webkit-linear-gradient(transparent , #E8EBF2);background: -ms-linear-gradient(transparent , #E8EBF2);background: linear-gradient(transparent , #E8EBF2);}
.kaso#job_index #body section:first-child .section_inner_block{
    margin-top: -70rem;
}
.kaso#job_index #body section:first-child{
    background: none;
    position: relative;
}
.kaso#job_index #body section:first-child:before{position: absolute;content:"";width: 100%;height: 44.21%;background: #E8EBF2;top: 69.7rem;}
.kaso.job.detail #body section:first-child .section_inner_block{
    margin-top: 0;
    padding-top: 5.8rem;
}

.job_detail{margin-bottom: 8.1rem;}
.job_detail > ul{}
.job_detail > ul > li{
    position: relative;
}
.job_detail > ul > li:before,
.job_detail > ul > li:after{position:absolute;content:"";}
.job_detail > ul > li:before{}
.job_detail > ul > li:after{}
.job_detail > ul > li > .text_area{
    background: rgba(255,255,255,0.9);
    padding: 5.5rem 5rem 6rem 5rem;
    width: 51rem;
	/*min-height: 30rem;*/
    position: relative;
    z-index: 1;
}
.job_detail > ul > li > .text_area.no_img{
    background:#E8EBF2;
    padding: 5.5rem 5rem 6rem 5rem;
    width: 100%;
	/*min-height: 30rem;*/
    position: relative;
    z-index: 1;
	display: flex;
	justify-content: space-between;
}
.job_detail > ul > li > .text_area.no_img dl{
    background: rgba(255,255,255,0.9);
    padding: 5.5rem 5rem 6rem 5rem;
    width: 47%;
	/*min-height: 30rem;*/
    position: relative;
    z-index: 1;
	box-sizing:border-box;
	margin:0 !important;
}
.job_detail > ul > li > .text_area > dl{
    line-height: 3.8rem;
}
.job_detail > ul > li > .text_area > dl:not(:last-child){
    margin-bottom: 2.8rem;
}
.job_detail > ul > li > .text_area > dl > dt{
    color: #0068B6;
    font-weight: 500;
    font-size: 2.6rem;
    margin-bottom: 1.3rem;
}
.job_detail > ul > li > .text_area > dl > dd{
    font-size: 2rem;
}
.job_detail > ul > li > .img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    max-width: 75rem;
}
.job_detail > ul > li > .img > img{}

.job_detail > ul > li:nth-child(odd){}
.job_detail > ul > li:nth-child(odd) > .text_area{margin-left: auto;}
.job_detail > ul > li:nth-child(odd) > .text_area > dl{}
.job_detail > ul > li:nth-child(odd) > .text_area > dl > dt{
}
.job_detail > ul > li:nth-child(odd) > .text_area > dl > dd{}
.job_detail > ul > li:nth-child(odd) > .img{
    left: -8rem;
}
.job_detail > ul > li:nth-child(odd) > .img > img{}
.job_detail > ul > li:nth-child(odd):before{
    width: 85rem;
    right: -8rem;
    top: 0;
    background: #E8EBF2;
    height: 66.6rem;
}
.job_detail > ul > li:nth-child(odd):after{}

.job_detail > ul > li:nth-child(even){}
.job_detail > ul > li:nth-child(even) > .text_area{
}
.job_detail > ul > li:nth-child(even) > .text_area > dl{}
.job_detail > ul > li:nth-child(even) > .text_area > dl > dt{}
.job_detail > ul > li:nth-child(even) > .text_area > dl > dd{}
.job_detail > ul > li:nth-child(even) > .img{
    left: auto;
    right: -8rem;
}
body#job_detail_0000000005 .job_detail > ul > li:nth-child(even) > .img{right:-21rem;}
.job_detail > ul > li:nth-child(even) > .img{}
.job_detail > ul > li:nth-child(even):before{}
.job_detail > ul > li:nth-child(even):after{}

.job_detail > ul > li:nth-child(n){
    padding-top: 29.5rem;
    padding-bottom: 8.3rem;
}
.job_detail > ul > li:nth-child(n):before{top:10.9rem;}
.job_detail > ul > li:nth-child(n) > .img{}
.job_detail > ul > li:nth-child(n) > .text_area{}
.job_detail > ul > li:nth-child(2n){
    padding-top: 19.3rem;
    padding-bottom: 13rem;
}
.job_detail > ul > li.no_padding:nth-child(2n){
    padding-top: 11.3rem;
}
.job_detail > ul > li:nth-child(2n):before{}
.job_detail > ul > li:nth-child(2n) > .text_area{}
.job_detail > ul > li:nth-child(2n) > .img{
    top: 7.1rem;
}
.job_detail > ul > li:nth-child(3n){
    padding-top: 20.3rem;
    padding-bottom: 16.2rem;
}
.job_detail > ul > li:nth-child(3n):before{
    top: 8.7rem;
    height: 59.5rem;
}
.job_detail > ul > li:nth-child(3n) > .img{}
.job_detail > ul > li:nth-child(3n) > .text_area{}

.sdl_block{
    display: flex;
}
.sdl_block > .block{
    width: 100%;
}
.sdl_block > .block:first-child{
    margin-right: 1rem;
}
.sdl_block > .block:nth-child(2n){
    /*margin-top: 8.7rem;*/
}
.sdl_block > .block > ul{
    position: relative;
    padding-left: 11.5rem;
    padding-top: 2.6rem;
    padding-bottom: 0.1rem;
}
.sdl_block > .block:nth-child(2n) > ul{
    padding-bottom: 2.7rem;
}
.sdl_block > .block > ul:before{position:absolute;content:"";width: 0.1rem;background: #0068B6;height: 100%;top: 0;left: 11.5rem;}
.sdl_block > .block > ul > li{
    position: relative;
    margin-bottom: 5rem;
}
.sdl_block > .block > ul > li > .text_area{position: relative;padding-left: 2.5rem;}
.sdl_block > .block > ul > li > .text_area > .title{
    color: #0068B6;
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 0.7rem;
}
.sdl_block > .block > ul > li > .text_area:before{position:absolute;content:"";width: 1.1rem;height: 1.1rem;box-sizing: border-box;border: 0.1rem solid #0068B6;background: #fff;border-radius: 5rem;-webkit-border-radius: 5rem;left: -0.5rem;top: 1.7rem;}
.sdl_block > .block > ul > li > .text_area > .text{
    font-size: 1.8rem;
}
.sdl_block > .block > ul > li > .time{
    font-family: brandon-grotesque, sans-serif;
    font-size: 4.6rem;
    color: #0068B6;
    font-weight: 500;
    position: absolute;
    right: 100%;
    margin-right: 2rem;
    line-height: 1;
    top: 0;
    white-space: nowrap;
}
.sdl_block > .block > ul > li > .text_area ul{}
.sdl_block > .block > ul > li > .text_area ul > li{
    position:relative;
    font-size: 1.8rem;
    padding-left: 1.5rem;
    line-height: 3.3rem;
}
.sdl_block > .block > ul > li > .text_area ul > li:before{position:absolute;content:"";background:#A8A8A8;width: 1rem;height: 1rem;border-radius: 5rem;-webkit-border-radius: 5rem;-ms-border-radius: 5rem;left: 0;top: 1rem;}

.recruit_list{}
.recruit_list > ul{}
.recruit_list > ul > li{
    padding: 3.3rem 5rem 4.5rem 5rem;
    background: rgba(255,255,255,0.9);
}
.recruit_list > ul > li:not(:last-child){
    margin-bottom: 2rem;
}
.recruit_list > ul > li > .title{
    font-size: 2.6rem;
    font-weight: 500;
    color: #0068B6;
    margin-bottom: 1.3rem;
}
.recruit_list > ul > li > .text{
    line-height: 3.8rem;
    font-size: 2rem;
}
.recruit_list > ul > li > .text > .tel{
    color: #0068B6;
    font-size: 2rem;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 500;
}
.recruit_list > ul > li > .text > .tel > a{
    font-size: 3rem;
    display: inline-block;
    margin-left: 0.5rem;
}

.contact_form{
    background: #E8EBF2;
    padding: 5rem 0 8.6rem 0;
}
.contact_form .title04{}
.contact_form .table{}
.contact_form .table table{
    max-width: 70rem;
    margin: 0 auto;
    table-layout: fixed;
}
.contact_form .table table tbody{}
.contact_form .table table tbody tr{}
.contact_form .table table tbody tr th{
    color: #787878;
    font-size: 1.6rem;
    font-weight: 300;
    width: 19%;
    vertical-align: middle;
    text-align: right;
}
body.confirm .contact_form .table table{
    border-collapse: separate;
    border-spacing: 1rem;
}
body.confirm .contact_form .table table tbody tr th,
body.confirm .contact_form .table table tbody tr td{
}
body.confirm .contact_form .table table tbody tr td:after{content: "　";}
body.confirm .contact_form .table table tbody tr th{padding-right: 1rem;}
body.confirm .contact_form .table table tbody tr td{background: #fff;}
.contact_form .table table tbody tr th .req{
    color: #0068B6;
    font-size: 1.6rem;
    display: inline-block;
}
.contact_form .table table tbody tr td{padding: 1rem 1rem 1rem 2rem;vertical-align: middle;color: #787878;}
.contact_form .table table tbody tr td .input{
    margin-right: 0.5rem;
}
.contact_form .table table tbody tr td .radio{
    color: #787878;
    display: inline-flex;
    vertical-align: top;
    height: 2.8rem;
    align-items: center;
    -webkit-align-items: center;
    margin-right: 4rem;
}
.contact_form .text01{
    margin-top: 13.5rem;
}
.contact_form .text01 p{}
.contact_form .btn03{
    width: 25rem;
}
.contact_form .btn03 input{}

/*サイトマップ*/
.sitemapContent{}
.sitemapContent > ul{
    width: 80%;
    margin: 0 auto;
    height: auto;
    position: relative;
}
.sitemapContent > ul > li{
    font-size: 2.6rem;
    padding: 2.7rem 0;
    text-align: center;
    font-weight: 100;
    color: rgb(0, 104, 182);
    font-weight: 300;
}
.sitemapContent > ul > li > a{
    position: relative;
    z-index: 0;
    display: inline-block;
    margin-bottom: 1rem;
}

.sitemapContent > ul > li .sub{
    font-size: 100%;
    position: relative;
    z-index: 1;
    margin-top: 0.5rem;
}
.sitemapContent > ul > li .sub .clearfix{
    font-size: 100%;
}
.sitemapContent > ul > li .sub .clearfix > li{
    font-size: 69%;
    display: inline-block;
    vertical-align: top;
    color: rgb(0, 104, 182);
}
.sitemapContent > ul > li .sub .clearfix > li:not(:last-child) {
    position: relative;
    content: "";
    padding-right: 2.5rem;
    margin-right: 2rem;}
.sitemapContent > ul > li .sub .clearfix > li:not(:last-child):before{position:absolute;content:"";height: 1.8rem;width: 0.1rem;background: rgb(0, 104, 182);right: 0;top: 50%;margin-top: -0.7rem;font-weight: bold;}

.sitemapContent > ul > li .sub .clearfix > li > a{
    position: relative;
    padding-bottom: 0;
    display: block;
}



#job_detail_0000000006 .job_detail ul li:first-child .text_area dl:first-child{display:none;}
#job_detail_0000000006 .job_detail ul li:nth-child(1):before{height: 61.6rem;}
#job_detail_0000000006 .job_detail ul li:nth-child(3):before{height: 49.6rem;}


/*============================
==============================
==============================
==============================
#4__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {
.input input[type=text], .input input[type=mail], .input input[type=tel]{width:90%;}
}

/* -safari- */
/* _::-webkit-full-page-media, _:future, :root .kaso.news #main .page_title h2 .jp{width: 10rem;} */


/* -IE- */
nav::-webkit-scrollbar{display:none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

/* -スクロールバー非表示- */
nav{-ms-overflow-style:none;}

/* -セレクトの矢印削除- */
select::-ms-expand{display: none;}

}
/* -IE(Edge)- */
@supports (-ms-ime-align:auto){

}
@media all and (-ms-high-contrast:none){/*IE10以降*/
.job_wrap > .list > ul > li > .img:before{content:"";position:absolute;background:#E7EAF1;width: 100%;height: 100%;z-index: 1;opacity:0.3;}
.link01 > ul > li:before{background:#000;opacity:0.2;}
}
/*============================
==============================
==============================
==============================
#5__プラグイン制御
============================*/
/* -基本設定- */

/*Inview*/
/*TOP*/
.blog_list > ul > li,
.flow_step > ul > li,
.flow_list > ul > li,
.recruit_list,
.job_wrap > .list > ul > li,
.message_wrap,
.news_list,
.link01 > ul > li,
#body .section_inner_block .section_title{opacity:0;}

/*KASO*/
.title01,
.title02,
.title03,
.sdl_block > .block,
.job_detail > ul > li,
.feature_list > li,
.number_list ul li{opacity:0;}

/*============================
==============================
==============================
==============================
ロゴアニメーション
============================*/
body#top{height:100vh;overflow:hidden;}
body#top > *{opacity:0;}
body#top.end > *{opacity:1;transition:all 3s;}
body#top.end{height:auto;overflow:inherit;}
body#top > #logo_anime{position:fixed;width:100%;height:100%;background:#FFF;top:0;left:0;z-index:-4;opacity:1 !important;}
body#top > #logo_anime .inner_logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all 2s;}
body#top.on > #logo_anime .inner_logo{opacity:1;}
body#top.end > #logo_anime{opacity:0 !important;}


/*============================
==============================
==============================
==============================
HOVERアニメーション
============================*/
.btn01 > a,
.link01 > ul > li{transition:all 0.3s;}

.link01 > ul > li:hover{/* background-color: rgba(70,70,70,0.9) !important; */}
.btn01 > a:hover{}


/*============================
==============================
==============================
==============================
#6__アニメーション
============================*/
/* -サンプル- */
.loop li
{
    /*--アニメーション (name・速度・進行割合・繰り返しの指示 (無限 = infinite,終了時維持 = forwards))--*/
    -webkit-animation: loop 50s  linear infinite;
    animation: loop 50s linear infinite;
    
    /*--アニメーション (動作を軽くする為にcssタイプを指定する)--*/
    -webkit-will-change:transform;
    will-change:transform;
}

@keyframes loop
{
    0%
    {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


/* -画面サイドバナー- */
.sideBanner{position: fixed;right: 1.5rem;z-index: 1;top: 19rem;margin: auto;height: 14rem;}
.sideBanner ul{}
.sideBanner ul li{width:auto;text-align: center;letter-spacing: 0.1rem; margin-bottom:1.5rem; position:relative;}
.sideBanner ul li:last-child{ margin-bottom:0;}
.sideBanner ul li a{background: #0f69b4;display: block;color: #fff;padding: 3rem 1rem; width:1em;font-size: 1.6rem;height: 79%;line-height:1.2;border-radius:2.5rem;}
.sideBanner ul li.click{-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.sideBanner ul li.click a{height: auto;background: none;width: auto;padding: 0;border-radius: 2.5rem;}
.sideBanner ul li.click .label{background: #0f69b4;display: block;color: #fff;padding: 1.5rem 1rem;width: 1em;font-size: 1.6rem;height: 79%; float:left;}
.sideBanner ul li.click:hover{ cursor:pointer;}
.sideBanner ul li.click img{position: absolute;visibility: hidden; float:right;}


.contact_area{
    background:#0f69b4;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.contact_area > .title{
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}
.contact_area > .sub{
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
}
.contact_area > .contact{
    font-size: 0;
    max-width:120rem;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact_area > .contact > .list{
    display: inline-block;
    vertical-align: top;
    margin-right: 2.5rem;
}
.contact_area > .contact > .list > ul{}
.contact_area > .contact > .list > ul > li{
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.contact_area > .contact > .list > ul > li:not(:last-child){
    margin-right: 1.3rem;
}
.contact_area > .contact > .list > ul > li a{
    background: #fff;
    color: #0068B6;
    display: inline-flex;
    height: 3.5rem;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding:0 2.5rem 0 1.5rem;
    width: 20rem;
    position:relative;
    font-size: 1.4rem;
    box-sizing: border-box;
}
.contact_area > .contact > .list > ul > li a:before{position:absolute;content:"";width: 0.8rem;height: 0.8rem;border-top: 0.2rem solid #0068B6;border-right: 0.2rem solid #0068B6;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);right: 1.3rem;}

.contact_area > .contact > .list > ul > li:nth-child(1){border:1px solid #fff;}
.contact_area > .contact > .list > ul > li:nth-child(1){background:#FFF934;border:1px solid #FFF934;}
.contact_area > .contact > .list > ul > li:nth-child(1) a{color:#000;background:none;}
.contact_area > .contact > .list > ul > li:nth-child(1) a:before{border-color:#000;}
.contact_area > .contact > .list > ul > li:nth-child(2){background:#FFF934;border:1px solid #FFF934;}
.contact_area > .contact > .list > ul > li:nth-child(2) a{color:#000;background:none;}
.contact_area > .contact > .list > ul > li:nth-child(2) a:before{border-color:#000;}
.contact_area > .contact > .list > ul > li:nth-child(3){background:#0068B6;border:1px solid #FFF;}
.contact_area > .contact > .list > ul > li:nth-child(3) a{color:#fff;background:none;}
.contact_area > .contact > .list > ul > li:nth-child(3) a:before{border-color:#FFF;}
.contact_area > .contact > .list > ul > li span:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: radial-gradient(circle, #fff 10%, transparent 10%) no-repeat 50%;
    transform: scale(0, 0);
    opacity: 0;
    transition: all 0.6s;
    z-index: 1;
    pointer-events: none;
    z-index:0;
}
.contact_area > .contact > .list > ul > li span:hover:before{opacity: 1;transform: scale(12, 12);}
.contact_area > .contact > .list > ul > li:nth-child(3) span:hover a{color:#000;}
.contact_area > .contact > .list > ul > li:nth-child(3) span:hover a:before{border-color:#000;}

.contact_area > .contact > .tel{
    display: inline-block;
    vertical-align: bottom;
    right: 1rem !important;
}
.contact_area > .contact > .tel > a{}
.contact_area > .contact > .tel > a > img{
    height: 2.6rem;
}


.number .number_list ul{
max-width: 110rem;
margin: 0 auto;
}
.number .number_list > ul > li:nth-child(2n) {
float:left ; 
}

.number .number_list > ul > li .title {
height: 7.5rem;
font-size: 2.1rem;
color: #0068B6;
font-weight: 700;
letter-spacing: 0.48em;
display: flex;
justify-content: center;
align-items: center;
}
.number .number_list > ul > li .point .big {
font-size: 4.9rem;
line-height: 0.65;
padding: 0 0.5rem;
font-family: brandon-grotesque, sans-serif;
}
.number .number_list > ul > li .point .big.-flex{
display: flex;
justify-content: center;
align-items: center;
}
.number .number_list > ul > li .point .big.-flex img{
display:block;
margin-right: 1rem;
position: relative;
top: -0.2rem;
}
.number .number_list > ul > li .point .small {
font-size: 2.4rem;
line-height: 1.3;
}
.number .number_list > ul > li:nth-child(2) {margin-top: 0;}
.number .number_list > ul > li:nth-child(7) .point,
.number .number_list > ul > li:nth-child(6) .point{
    margin-bottom:2rem;
}
.number .number_list > ul > li {
box-sizing: border-box;
width: 25.2rem;
height: 42.4rem;
float: left;
background: rgba(255,255,255,0.9);
box-sizing: border-box;
padding: 2rem 0rem;
text-align: center;
margin: 0 0 1rem 0;
margin-right: 1rem;
}

.number .number_list > ul > li.col2 {
    width: 51.4rem;
    margin:0;
}
.number .number_list > ul > li.col2 .inner_flex{
    display:flex;
}
.number .number_list > ul > li.col2 .inner_flex{
    justify-content: center;
}
.number .number_list > ul > li.col2 .inner_flex .box{
    width:50%;
}

.number .number_list > ul > li .text {
font-size: 1.7rem;
letter-spacing: 0.18em;
}
.number .number_list > ul > li .text.-mini{
padding-top:2rem;
font-size:1.4rem;
}
#top .number .btn02:after{background:#0068B6}
#top .number .btn02:hover a{color:#0068B6;}
#top .number .btn02:hover a:before{border-color:#0068B6;}
#top .number .btn02 {
margin-top: 1.5rem;
}
.number .number_list > ul > li:nth-child(n + 5) .title{
    margin-bottom:3rem;
}
.number .number_list > ul > li:nth-child(5) .point,
.number .number_list > ul > li:nth-child(7) .point{
    height:7rem;
    display:flex;
    justify-content: center;
    align-items: center;
}



@media screen and (max-width: 768px){
.number .number_list ul {
max-width: 110rem;
margin: 0 auto;
width: 92.5%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.number .number_list > ul > li {
width: 45%;
height: 32rem;
float: left;
background: rgba(255,255,255,0.9);
box-sizing: border-box;
padding: 0px 0;
text-align: center;
margin: 0 0 1rem 0;
margin-right: 6%;
border: 0.1rem solid rgba(0,0,0,0.1);
}

.number .number_list > ul > li:nth-child(2) {
margin-right: 0;
}
.number .number_list > ul > li .img {
height: 9.5rem;
}

.number .number_list > ul > li .point .big {
font-size: 9vw;
line-height: 0.65;
padding: 0 0.5rem;
font-family: brandon-grotesque, sans-serif;
}
.number .number_list > ul > li .title {
height: 6.9rem;
font-size: 2rem;
color: #0068B6;
font-weight: 700;
letter-spacing: 0.48em;
display: flex;
justify-content: center;
align-items: center;
padding-left:0.5rem;
}
.number .number_list > ul > li:nth-child(3) img {
width: 62%;

}
.number .number_list > ul > li .point {
text-align: center;
margin: 0 0 1.5rem 0;
color: #0068B6;
font-weight: 700;
margin-top: 1rem;
}
.number .number_list ul {
max-width: 110rem;
margin: 0 auto;
width: 92.5%;
}
.number .number_list > ul > li:nth-child(5) {
margin-right: 0;
}
.number .number_list > ul > li .point .small {
font-size: 4vw;
line-height: 0.1rem;
}
.number .number_list > ul > li .img_list {
margin: 0 0 -2%;
}

.number .number_list > ul > li .text {
font-size: 1.4rem;
letter-spacing: 0.18em;
}

}

body.detail.news.kaso #body section:first-child .section_inner_block .section_title .jp{color:#FFF;}
body.detail.news.kaso .content01{background:#FFF;}
body.detail.news.kaso#news_detail_000086 .content01 img{max-width:100% !important;}




a.pdf_btn{color: #FFF;display: flex;background: #0068B6;height: 5rem;width: 30rem;margin: 4rem auto;align-items: center;justify-content: center;position: relative;}
p:last-child a.pdf_btn{margin-bottom:0;}
a.pdf_btn span{
    display: contents;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -60%);
    font-size: 1.6rem;
    padding-top: 1.5rem;
    line-height: 2.7rem;
}
a.pdf_btn span::after{content: "";display: block;transform: rotate(45deg);position: absolute;width: 0.8rem;height: 0.8rem;border-top: 0.2rem solid #FFF;border-right: 0.2rem solid #FFF;top: 41%;right: 1.6rem;}
a.pdf_btn span{font-size: 1.4rem;color: #FFF;}



/*画像アップロード*/
.drag_wrap{
    border: 0.5rem solid #D3D3D4;
    background: #fff;
    padding: 3rem;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.drag_wrap.active{
    border-color: #2D3E5B;
    background: #F2F4F8;
}
.drag_wrap > label{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.drag_wrap.import > label{
    display: none;
}
.drag_wrap.active > label{}
.drag_wrap > label > input{
    opacity: 0;
    width: 100%;
    height: 100%;
	cursor: pointer;
}
.drag_wrap.active:not(.import) > label > input{}
.drag_wrap > .img{
    font-size: 7rem;
    color: #D3D3D5;
    margin-bottom: 1rem;
}
.drag_wrap.active:not(.import) > .img{}
.drag_wrap > .img > i{}
.drag_wrap.active > .img > i{
    color: #2D3E5B;
}
.drag_wrap.import > .img{
    display: none;
}
.drag_wrap > .text{
    color: #505050 !important;
    text-align: center;
}
.drag_wrap.import > .text{
    display: none;
}
.drag_wrap.active:not(.import) > .text{
    color: #2D3E5B !important;
}
.drag_wrap > .thum{
    position: relative;
    width: 100%;
    text-align: center;
    display: none;
}
.drag_wrap.import > .thum{
    display: block;
}
.drag_wrap.import > .thum > .img > ul > li{
    pointer-events: auto;
}
.drag_wrap > .thum > .text{
    color: #505050;
}
.drag_wrap.import > .thum > .title{
    text-align: center;
    color: #505050;
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
}
.drag_wrap.import > .thum > .img{}
.drag_wrap.import > .thum > .img > ul{
    margin: 1rem 0;
}
.drag_wrap.import > .thum > .img > ul > li{
    max-width: 45%;
    display: inline-block;
    vertical-align: top;
    background: #f0f0f0;
    padding: 1.5rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    position: relative;
}
.drag_wrap > .thum > .img > ul > li{margin:2%;}
.drag_wrap > .thum > .img > ul > li > .img{
    margin-bottom: 1rem;
}
.drag_wrap > .thum > .img > ul > li > .close{
    position: absolute;
    right: -1.5rem;
    top: -1.5rem;
    width: 3rem;
    height: 3rem;
	cursor: pointer;
}
.drag_wrap > .thum > .img > ul > li > .close span{position:relative;width: 100%;height: 100%;display: block;background: #2D3E5B;border-radius: 10rem;-webkit-border-radius: 10rem;}
.drag_wrap > .thum > .img > ul > li > .close span:after,
.drag_wrap > .thum > .img > ul > li > .close span:before{content:"";position:absolute;height: 0.2rem;width: 50%;background: #fff;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
.drag_wrap > .thum > .img > ul > li > .close span:after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
.drag_wrap > .thum > .img > ul > li > .close span:before{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.drag_wrap.import > .thum > .img > ul > li > .name{
    font-size: 1.2rem;
    word-break: break-all;
    padding: 0.5rem;
    background: #dfdfdf;
    text-align: left;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
}
.drag_wrap.import > .thum > .img > ul > li > .name > a{
    color: inherit;
    font-size: 1.2rem;
}
.drag_wrap.import > .thum > .bar{
    display: block;
    width: 50%;
    height: 2rem;
    margin: 0 auto;
}
.drag_wrap.import > .thum > .bar span{
    height: 100%;
    display: block;
    background: #2D3E5B;
    width: 0;
}

.drag_wrap.import > .thum > .btn{
    display: inline-block;
    padding: 1rem 3rem;
    background: #2D3E5B;
    color: #fff;
    margin: 1rem 0;
}
.drag_wrap.import > .thum > .btn > a{
    color: inherit;
}
.drag_wrap.active > .thum{}
.drag_wrap.active.import > label{display:block;}
.drag_wrap.active.import > .text,
.drag_wrap.active.import > .img{display:block;}
.drag_wrap.active.import > .thum{z-index:-1;}
.drag_wrap.import{
    pointer-events: none;
}


/* -会社概要- */
.kaso_content_overview_table{}
.kaso_content_overview_table table{ width:100%;border-top:1px solid #0068B6;border-bottom:1px solid #0068B6;}
.kaso_content_overview_table th,.kaso_content_overview_table td{ padding:1.5rem; font-size:1.8rem; border-bottom:1px solid #D2D2D2; text-align:left;}
.kaso_content_overview_table tr:last-child th,.kaso_content_overview_table tr:last-child td{ border-bottom:none;}
.kaso_content_overview_table th{ background:#0068B6;color:#FFF;}
.kaso_content_overview_table td{}
.kaso_content_history_table{position:relative;}
.kaso_content_history_table table::before{content:"";display:block;width:1px;position:absolute;top:1.6rem;background:#0068B6;}
.kaso_content_history_table th{width:10.8rem;font-weight:normal;text-align:left;padding:1rem 0;padding-right:2.8rem;position:relative;}
.kaso_content_history_table th::after{content:"";display:block;width:0.7rem;height:0.7rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:#fff;border:1px solid #0068B6;position:absolute;top:1.5rem;right:-1px;}
.kaso_content_history_table td{padding:0.7rem 0px 0.7rem 1.6rem;line-height:1.5}
.kaso_content_history_table{}
.kaso_content_history_table table::before{height:94%;left:13.2rem;}
.kaso_content_history_table .month{float:right;}
.kaso_content_overview_table td dl{display:flex;justify-content: flex-start;}
.kaso_content_overview_table td dl dd{width:40%;}



.kasoLinkBoxBlock{margin-bottom:2rem;}
.kasoLinkBoxBlock ul{display: flex;justify-content: space-between;}
.kasoLinkBoxBlock ul li{width: 49%;}
.kasoLinkBoxBlock ul li:first-child{margin-right:2%;}
.kasoLinkBoxBlock ul li:nth-child(3n){margin:0 0 2rem 0;}
.kasoLinkBoxBlock ul li a{}
.kasoLinkBoxImg{max-height: 31rem;overflow: hidden;}
.kasoLinkBoxImg img{width:100%;object-fit: cover;height:100%;object-position: center center;}
.kasoLinkBoxImgTextarea{padding: 2.5rem 0 3rem 0;background: #0068B6;text-align: center; position:relative;}
.kasoLinkBoxImgTextarea:before{ position:absolute; content:""; top:50%; margin-top:-0.9rem; right:1.8rem;width:1.2rem; height:1.2rem;border-top:1px solid #fff;border-right:1px solid #fff;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.kasoLinkBoxImgTextarea_category{margin-bottom: 0.5rem;font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;font-size: 1.4rem;letter-spacing: 0.4rem;color: #FFAF00;font-weight: bold;}
.kasoLinkBoxImgTextarea_comment{line-height: 1.2;margin-bottom: 2rem;background: #fff;color: #0068B6;font-size: 2rem;display: inline-block;padding:0.6rem 2.4rem; position:relative;letter-spacing:0.2rem;}
.kasoLinkBoxImgTextarea_comment:before{position: absolute;content: "";width: 0;height: 0;border-style: solid;border-width: 0.8rem;border-color: #fff transparent transparent transparent;bottom: -1.6rem;-moz-transform: scale(1,2);-ms-transform: scale(1,2);-o-transform: scale(1,2);transform: scale(1,2);-webkit-transform: scale(1,2);left: 0;right: 0;margin: auto;}
.kasoLinkBoxImgTextarea_text{font-size: 1.3rem;color: #fff;}

.sdl_block > .block:first-child{margin-right:4rem;}
#job_detail_0000000005 .sdl_block:nth-child(5) > .block:nth-child(2) > ul > li:nth-child(5) > .time,
#job_detail_0000000005 .sdl_block:nth-child(7) > .block:nth-child(2) > ul > li:nth-child(6) > .time{font-size:3.8rem;line-height: 1.25;}


.mv_bnr{position: absolute;bottom: 15rem;left:50%;max-width: 120rem;width:100%;transform:translate(-50%,0);pointer-events: none;opacity:1;transition:all 0.3s;}
.mv_bnr.off{opacity:0;bottom:20rem;}
.mv_bnr ul{width:30rem;margin:0 0 0 auto;}
.mv_bnr ul li{pointer-events: all;}

/*form*/
.pdf_on{display:none !important;}
tr.pdf_on.show{display:table-row !important;}
span.pdf_on.show{display:inline !important;}
.pdf_check{display:block !important}
.pdf_check.hide{display:none !important}


body#about .job_detail > ul > li > .text_area{box-sizing:border-box;}
body#about .job_detail > ul > li:nth-child(n){padding-top: 23.5rem;}
body#about .job_detail > ul > li:nth-child(n):before{height: 94rem;}
body#about .job_detail > ul > li:nth-child(2n) > .text_area{background:rgba(0,104,182,0.9);}
body#about .job_detail > ul > li:nth-child(2n) .text_area > dl > dt,
body#about .job_detail > ul > li:nth-child(2n) .text_area > dl > dd{color:#FFF;}
body#about .job_detail > ul > li:nth-child(2n){padding-top:0;}
body#about .job_detail > ul > li:nth-child(2n) .section_title03{margin-top:-4rem;margin-bottom:14rem;}
/* body#about .job_detail > ul > li:nth-child(2n) > .img{top:4rem;}


body#job_detail_0000000006 .job_detail > ul > li:nth-child(3) > .text_area{
    max-width: 31rem;
} */
body#job_detail_0000000006 .job_detail > ul > li:nth-child(2) > .text_area,
body#job_detail_test .job_detail > ul > li:nth-child(2) > .text_area,
body#job_detail_test2 .job_detail > ul > li:nth-child(2) > .text_area{
    margin-top: 1rem;
    width: 56rem;
}

body#job_detail_0000000006 .job_detail > ul > li:nth-child(3) > .text_area,
body#job_detail_test .job_detail > ul > li:nth-child(3) > .text_area,
body#job_detail_test2 .job_detail > ul > li:nth-child(3) > .text_area{
    margin-top: 2rem;
    width: 54rem;
}

.kaso #main .page_title h2 > br{display:none;}