html {
    width:100%;
    height:100%;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    color: #000;
    height:100%;
    background-color: #fff;
    font-size: 13px;
    background-image: url(../img/bg.gif);
    background-position: center top;
    background-size: cover;
    -webkit-font-feature-settings : "palt" 1;
    font-feature-settings : "palt" 1;
}
body.bodytop {
    background-repeat: repeat-y;
}
body.message {
    background-image: none;
}

@font-face {
    font-family: "RiiPop";
    src: url(../font/RiiPopkkR.woff) format("woff");
}

img {
    max-width: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
}
a {
    color: #666;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.drawer-nav, .drawer-hamburger {
    display: none;
}


#container {
	width: 100%;
	position: relative;
    margin: 0 auto;
}

#container header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #24A7D3;
    padding: 1em 0;
    z-index: 200;
    -webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.3);
}
#container header.top {
}
#container header .wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
#container header .headblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1%;
}
#container header .headblock .logo {
    width: 26.3%;
}
#container header .headblock .global {
    
}
#container header .headblock .global > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#container header .headblock .global > ul > li {
    padding-right: 1em;
    border-right: solid 1px #fff;
    margin-right: 1em;
    text-align: center;
}
#container header .headblock .global > ul > li.headsns {
    padding-right: 0.2em;
    border-right: none;
    margin-right: 0.2em;
    text-align: center;
    font-size: 2.4em;
}
#container header .headblock .global > ul > li.last {
    margin-right: 1em;
    border: none;
    padding-right: 1em;
}
#container header .headblock .global > ul > li > a {
    font-size: 1.25em;
    color: #fff;
    text-decoration: none;
}
#container header .headblock .global > ul > li > a:hover {
    text-decoration: underline;
}
#container header .headblock .global > ul > li > a > span {
    display: block;
    margin-top: 5px;
    font-size: 0.8rem;
}
#container header .headblock .global > ul > .insub {
    position: relative;
}
#container header .headblock .global > ul > .insub > .submenuwrap {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
}
#container header .headblock .global > ul > li > .submenuwrap > .submenu {
    display: none;
    background-color: #5063AD;
    position: absolute;
    margin: 25% 0 0 -15%;
    padding: 1em;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#container header.top .headblock .global > ul > li > .submenuwrap > .submenu {
    background-color: rgba(0,0,0,0.5);
}
#container header .headblock .global > ul > li > .submenuwrap > .submenu > li {
    margin-bottom: 1em;
    white-space:nowrap;
}
#container header .headblock .global > ul > li > .submenuwrap > .submenu > li:last-of-type {
    margin-bottom: 0;
}
#container header .headblock .global > ul > li > .submenuwrap > .submenu > li > a {
    color: #fff;
}


section.contents {
    padding: 0;
}
section.top {
    padding-top: 90vh;
    padding-bottom: 150px;
}
section.top .tt1 {
    width: 100%;
    max-width: 1200px;
    z-index: 30;
    position: relative;
    margin: 0 auto 0;
    height: 246px;
}
section.top .topcatch {
    margin: 10% 0 0 12%;
    background-color: rgba(4,155,205,0.8);
    padding: 1.5em 1em;
    width: 76%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    z-index: 30;
}
section.top .topcatch h1 {
    font-size: 2.4em;
    font-weight: bold;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 20px;
}
section.top .topcatch h2 {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.8;
    color: #fff;
    text-align: center;
}
section.top .tobikanso01 {
    background-image: url(../img/topimg01.jpg);
    background-size: cover;
    background-position: center center;
    height: 590px;
    width: 100%;
    background-repeat: no-repeat;
    margin-bottom: 0;
    display: none;
}
section.top .tobikanso01.topimg02 {
    background-image: url(../img/topimg02.jpg);
    margin: 0 0 250px;
}
section.top .tobikanso01.topimg03 {
    background-image: url(../img/topimg03-2.jpg);
    margin: 0 0 250px;
    display: block !important;
    z-index: 4;
}
section.top .intext {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
section.top .intext h2 {
    font-size: 3em;
    line-height: 1.2;
    color: #fff;
    position: absolute;
    font-weight: bold;
    display: none;
}
section.top .intext.kanso01 h2 {
    top: 7%;
    left: 3%;
}
section.top .intext.kanso02 h2 {
    top: 70%;
    left: 3%;
}
.toplink {
    width: 100%;
    max-width: 1200px;
    margin: 35% auto 30%;
    z-index: 50;
    position: relative;
}
.toplink .circle {
    width: 74.3%;
    margin: 0 auto;
}

.topsns {
    width: 100%;
    max-width: 1200px;
    margin: 0% auto 25%;
    z-index: 50;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.topsns .facebook, .topsns .insta {
    width: 390px;
    margin: 0 30px;
}
.topsns .facebook iframe {
    width: 100%;
}
.topsns .insta #insta-widget {
    height: 740px;
}
.iswg-biography {
    line-height: 1.8;
}
.topsekou {
    width: 100%;
    max-width: 1063px;
    margin: 0 auto 0;
    position: relative;
    z-index: 10;
}
.topsekou .sekouimg, .topsekou .sekouimg2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 48px;
}
.topsekou .sekouimg div, .topsekou .sekouimg2 div {
    width: 14.2%;
}
.topsekou .sekouimg2 div.btn {
    width: 57.1%;
}
.topsekou .sekouimg:last-of-type {
    margin-bottom: 0;
}





.totop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1%;
    text-align: right;
    z-index: 90;
}
.totop a {
    width: 100%;
    display: inline-block;
}
.totop.footend {
    position: absolute;
    bottom: -10px;
}

footer {
    background-color: #24A7D3;
    padding: 2em 0;
    width: 100%;
}
footer .footwrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}
footer .footlogo {
    width: 27.75%;
}
footer .footlogo img {
    max-width: none;
    height: auto;
    width: 100%;
}
.telboxwrap {
    width: 33.4%;
}
.telboxwrap p {
    font-size: 2.9vw;
    font-weight: bold;
    letter-spacing: -0.01em;
    white-space: nowrap;
    -webkit-font-feature-settings : "palt" 1;
    font-feature-settings : "palt" 1;
}
.telboxwrap p:first-of-type {
    margin-bottom: 10px;
}
footer .footwrap .address {
    -ms-flex-negative: 3;
    flex-shrink: 3;
}
footer .footwrap .address p {
    font-size: 1.05em;
    line-height: 1.5;
    margin-bottom: 10px;
}

footer .footwrap .address .trblc {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
footer .footwrap .address .trblc a.formbtn {
    padding: 0.5em 1em;
    color: #fff;
    background-color: #1E2C5B;
    font-size: 1.3em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    text-align: center;
}
footer .footwrap .address .trblc .fb {
    margin-left: 2%;
}
footer .copyright {
    margin-top: 20px;
    text-align: center;
    color: #fff;
}



section.message {
    background-image: url(../img/bg.gif);
    background-position: center top;
    background-size: cover;
}
.messablc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}
.messablc .messaimg {
    width: 55%;
    margin-left: 2%;
}
.messablc .messacontent {
    width: 35.4%;
    margin-right: 3%;
}
.messablc .messacontent p {
    font-size: 1.5em;
    line-height: 2.1;
    font-weight: bold;
    margin-bottom: 10px;
}
.messablc .messacontent p.tright {
    text-align: right;
}


.headslide {
    width: calc(100vw - (100vw - 100%));
    height: 100vh;
    background-position:center center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 105px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.headslide.tophead {
    display: block;
    margin-bottom: 0px;
    height: 80vh !important;
    position: fixed!important;
    z-index: 3;
    top: 0;
}
.topheadin {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.tophead h1 {
    font-size: 3em;
    line-height: 1.2;
    color: #fff;
    position: absolute;
    top:30%;
    right: 7%;
    font-weight: bold;
    display: none;
}











.headslide.ashiba {
    height: 80vh;
    margin-bottom: 0;
}
.ashibahead {
    width: 55%;
    padding-top: 85px;
}
.ashibahead h1 {
    color: #fff;
    font-size: 5.2em;
    text-shadow:0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    margin-bottom: 25px;
    font-weight: bold;
}
.ashibahead p {
    color: #fff;
    font-size: 1.7em;
    line-height: 1.8;
    text-shadow:0px 0px 15px #000000,0px 0px 15px #000,0px 0px 15px #000;
}
.contents.ashiba .ashibawarap {
    position: relative;
    margin-bottom: 83px;
    padding-top: 340px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ashibadetail {
    width: 100%;
    max-width: 868px;
    position: absolute;
    margin: 0 auto;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
}
.ashibaback {
    position: relative;
    z-index: 20;
}
.ashibaback .tobikanso01 {
    height: 385px;
    background-size: cover;
    background-position: center center;
    width: 100%;
    background-repeat: no-repeat;
    margin-bottom: 0;
}
.tobikanso01.ashibaimg01 {
    background-image: url(../ashiba/img/ashibaimg01.jpg);
    margin: 0 0 342px;
}
.tobikanso01.ashibaimg02 {
    background-image: url(../ashiba/img/ashibaimg02.jpg);
    margin: 0;
}
.ashibadetailbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(166,212,227,0.8);
    padding: 17px;
    margin-bottom: 43px;
}
.ashibadetailbox .adbflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.ashibadetailbox .adbflex h2 {
    width: 27%;
    font-size: 2.3em;
    color: #33ACD2;
    text-align: center;
    letter-spacing: -0.1em;
}
.ashibadetailbox .adbflex .adbtext {
    width: 40%;
}
.ashibadetailbox .adbflex p {
    font-size: 1.1em;
    line-height: 1.8;
    color: #666666;
    letter-spacing: -0.01em;
}
.ashibadetailbox .adbflex .adbimg {
    width: 28.6%;
}
.ashibanagare {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 75px;
    padding: 0 5.7%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ashibanagare h3 {
    background-color: #4EB0D1;
    color: #fff;
    font-size: 2.3em;
    padding: 0.3em 0;
    text-align: center;
}
.ashibanagare .anblc {
    background-color: rgb(181,218,230,0.7);
    padding: 36px 0;
    margin: 0 auto;
}
.ashibanagare .anblc .anbox {
    border: solid 3px #4EB0D1;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 86%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    padding: 22px;
}
.ashibanagare .anblc .anbox  p.num {
    background-color: #4EB0D1;
    color: #fff;
    font-size: 2.5em;
    padding: 0.4em 0.6em;
    margin-right: 3%;
}
.ashibanagare .anblc .anbox .antext h4 {
    font-size: 2.3em;
    line-height: 1.1;
    color: #4EB0D1;
    margin-bottom: 5px;
    font-weight: bold;
}
.ashibanagare .anblc .anbox .antext p.andetail {
    font-size: 1.1em;
    line-height: 1.6;
    color: #666;
    letter-spacing: -0.01em;
}
.ashibanagare .anblc .arw {
    padding: 5px 0;
    text-align: center;
}




.workstop {
    width: 100%;
    background-color: #335CD6;
}
.workstop h1 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.4em 3%;
    font-size: 3.5em;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.01em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.workstop h1 span {
    font-size: 1.5rem;
    font-weight: normal;
    margin-left: 1em;
}
.workswrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.workswrap .worksimgbox {
    width: 20%;
    margin-right: 3.6%;
    overflow-y: hidden;
}
.workswrap .worksblc, .workswrap .recblc {
    width: 70%;
    margin: 45px 0 0;
}
.workswrap .worksblc table {
    width: 100%;
    border-collapse: collapse;
}
.workswrap .worksblc.com table {
    border-top: solid 1px #ccc;
}
.workswrap .worksblc table th {
    background-color: #2A9CC4;
    color: #fff;
    text-align: left;
    padding: 0.7em 1em !important;
}
.workswrap .worksblc table th, .workswrap .worksblc table td {
    padding: 0.8em;
    font-size: 1.15em;
}
.workswrap .worksblc table td {
    border-bottom: solid 1px #CCCCCC;
}
.workswrap .worksblc.com table td.ws {
    white-space: nowrap;
}
body.works {
    background-image: none;
}

.recblc table.recruit {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 80px;
}
.recblc table.recruit th {
    background-color: #24A7D3;
    color: #fff;
    text-align: left;
}
.recblc table.recruit th, .recblc table.recruit td {
    padding: 0.3em 0.7em;
    font-size: 1.5em;
    line-height: 1.6;
    border: solid 1px #999;
}
.recblc table.recruit td.bb {
    background-color: #ccc;
}
.workswrap.rec {
}
.reclink {
    width: 70%;
    margin: 0 auto;
}
.reclink .linkform {
    margin-bottom: 70px;
    text-align: center;
}
.reclink .linkform a {
    display: block;
    background-color: #3059D4;
    color: #fff;
    font-size: 1.7em;
    padding: 1em 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.reclink .hotline {
    background-color: #3059D4;
    color: #fff;
    padding: 1em;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.reclink .hotline p {
    font-size: 1.7em;
    line-height: 1.2;
}
.reclink .hotline p.bold {
    font-weight: bold;
}
.reclink .hotline h2 {
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.1;
    margin-top: 10px;
}
.reclink .hotline h2 span {
    font-size: 1.4rem;
    font-weight: normal;
}




.toukiwrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.toukiwrapsec {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contents.tobi .tobitop {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 230px;
    background-image: url(../tobi/img/tobi_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.contents.tobi h2 {
    font-size: 4em;
    line-height: 1.4;
    margin-bottom: 35px;
    font-weight: bold;
    margin-left: 5.8%;
}
.contents.tobi .h2p {
    font-size: 1.7em;
    line-height: 1.9;
    font-weight: bold;
    margin-left: 5.8%;
    text-shadow: 1px 1px 3px #fff;
}
.contents.tobi .tobisecond {
    background-color: #5D6EB2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 4.2% 56px;
    margin-bottom: 65px;
}
.contents.tobi .tobisecond h3 {
    color: #fff;
    font-size: 4.2em;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.2;
    letter-spacing: -0.05em;
}
.contents.tobi .tobisecond .h3p {
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 110px;
    line-height: 1.6;
    letter-spacing: -0.01em;
}
.contents.tobi .tobisecond h4 {
    color: #fff;
    font-size: 3.3em;
    margin-bottom: 15px;
    line-height: 1.2;
    font-weight: bold;
}
.contents.tobi .tobisecond .h4p {
    color: #fff;
    font-size: 1.4em;
    margin-bottom: 20px;
    line-height: 1.6;
    letter-spacing: -0.01em;
}
.contents.tobi .tobisecond .tobiimgbox {
    margin-bottom: 100px;
}
.contents.tobi .tobisecond .tobiimgbox:last-of-type {
    margin-bottom: 0;
}

.tobithree {
    background: #eaeeeb;
    background: linear-gradient(135deg, #eaeeeb 17%,#dadedc 89%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeeb', endColorstr='#dadedc',GradientType=1 );
    padding: 30px;
    margin-bottom: 75px;
}
.tobithree h3 {
    text-align: center;
    margin-bottom: 25px;
}
.tobithree p {
    margin: 0 9%;
    font-size: 1.5em;
    line-height: 1.6;
    font-weight: bold;
}

.tobipart {
    background: #eaeeeb;
    background: linear-gradient(135deg, #eaeeeb 17%,#dadedc 89%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeeb', endColorstr='#dadedc',GradientType=1 );
    padding: 30px 30px 30px 0;
    margin-bottom: 75px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: solid 3px #5063AD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}
.tobipart .parttext {
    width: 56%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tobipart .parttext h4 {
    font-size: 3.3em;
    color: #5063AD;
    font-weight: bold;
    margin-left: 22%;
    margin-bottom: 20px;
    letter-spacing: -0.05em;
}
.tobipart .parttext h4.p4 {

}
.tobipart .parttext > p {
    font-size: 1.5em;
    line-height: 1.6;
    letter-spacing: -0.01em;
    padding-left: 8%;
    padding-top: 35px;
    background-image: url(../tobi/img/nbar.png);
    background-repeat: no-repeat;
    border-top: solid 3px #5063AD;
}
.tobipart .partillust {
    position: absolute;
}
.tobipart .partillust.pi01 {
    width: 26%;
    top: -7%;
    left: -1%;
}
.tobipart .partillust.pi02 {
    width: 8.9%;
    top: -7%;
    left: 3.2%;
}
.tobipart .partillust.pi03 {
    width: 17.5%;
    top: -5.5%;
    left: 1.5%;
}
.tobipart .partillust.pi04 {
    width: 20%;
    top: -5.5%;
    left: 3.5%;
}
.tobikanso01 {
    width: 100%;
    margin: 130px 0 90px 0;
}
.tobikanso02 {
    width: 100%;
    margin: 0 0 90px 0;
}
.nagare h3 {
    font-size: 3.5em;
    color: #5063AD;
    line-height: 1.1;
    font-weight: bold;
    margin-left: 3%;
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom: solid 4px #5063AD;
    display: inline-block;
    letter-spacing: -0.05em;
}
.nagare .tatesen {
    margin-left: 3%;
    border-left: solid 4px #5063AD;
    height: 40px;
}
.nagarebox {
    border: solid 4px #5063AD;
    background-color: #5063AD;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}
.nagarebox .number {
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
    color: #5063AD;
    background-color: #fff;
    width: 5%;
    padding: 0.5em 0;
    letter-spacing: -0.05em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.nagarebox .number span {
    text-align: center;
    width: 100%;
}
.nagarebox .title {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    width: 43%;
    padding: 0.5em 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.nagarebox .detail {
    width: 52%;
    background-color: #fff;
    padding: 0.5em 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.nagarebox .detail p {
    font-size: 1.5em;
    line-height: 1.2;
}

.parenthesis {
    position: relative;
    width: 82%;
    padding: 4em 3em;
    margin: 0 auto 75px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.parenthesis::before,
.parenthesis::after {
    position: absolute;
    content: '';
    width: 20%;
    height: 15%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.parenthesis::before {
    top: 0;
    left: 0;
    border-top: 2px solid #5063AD;
    border-left: 2px solid #5063AD;
}
.parenthesis::after {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #5063AD;
    border-right: 2px solid #5063AD;
}
.parenthesis h3 {
    font-size: 3.2em;
    line-height: 1.3;
    font-weight: bold;
    color: #5063AD;
    letter-spacing: -0.1em;
    margin-bottom: 20px;
}
.parenthesis p {
    font-size: 1.5em;
    line-height: 1.6;
    letter-spacing: -0.05em;
}

.albaimg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 40px;
}
.albaimg .imgbox {
    width: 47.3%;
}

.albamenu {
    margin-bottom: 50px;
}
.albamenu li {
    margin-bottom: 28px;
    text-align: right;
}
.albamenu li a {
    display: inline-block;
    background-color: #5063AD;
    color: #fff;
    padding: 1em 1.5em;
    font-size: 1.5em;
    line-height: 1.1;
    letter-spacing: -0.05em;
    text-align: left;
    width: 35%;
    position: relative;
}
.albamenu li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 2%;
    width: 0;
    height: 0;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 10px solid #fff;
}


.headslide.dokou {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.dokouhead {
    background-color: rgba(189,114,1,0.7);
    width: 50%;
    text-align: center;
    padding: 10% 7%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.dokouhead h1 {
    color: #fff;
    font-size: 3.3em;
    position: absolute;
    top: 30%;
    right: 12%;
}
.contents.tobi .tobitop.dokou {
    padding-bottom: 230px;
    background-image: url(../tobi/img/dokou_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 100px;
}
.tobipart.dokou {
    border-left: solid 3px #D9902C;
}
.tobipart.dokou .parttext h4 {
    color: #D9902C;
}
.tobipart.dokou .parttext p {
    border-top: solid 3px #D9902C;
    background-image: url(../tobi/img/nbar_dokou.png);
}
.tobipart.dokou .partillust.pi01 {
    width: 26%;
    top: -5%;
    left: 2%;
}
.tobipart.dokou .partillust.pi02 {
    width: 26%;
    top: -3%;
    left: 2%;
}
.tobipart.dokou .partillust.pi03 {
    width: 9%;
    top: -3%;
    left: 2%;
}
.tobipart.dokou .partillust.pi04 {
    width: 9%;
    top: -6%;
    left: 1%;
}


.headslide.kaisyu {

}
.kaisyuhead {
    background-color: rgba(0,157,30,0.7);
    width: 50%;
    text-align: center;
    padding: 10% 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.kaisyuhead div {
    text-align: center;
    margin: 0 auto;
}
.kaisyuhead h1 {
    color: #fff;
    font-size: 3.3em;
    position: absolute;
    top: 70%;
    right: auto;
    left: 7%;
    text-align: left;
}
.contents.tobi .tobitop.kaisyu {
    padding-bottom: 230px;
    background-image: url(../tobi/img/kaisyu_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 100px;
}
.tobipart.kaisyu {
    border-left: solid 3px #4BD261;
}
.tobipart.kaisyu .parttext h4 {
    color: #4BD261;
}
.tobipart.kaisyu .parttext > p {
    border-top: solid 3px #4BD261;
    background-image: url(../tobi/img/nbar_kaisyu.png);
    margin-bottom: 35px;
}
.tobipart.kaisyu .parttext h5 {
    color: #fff;
    background-color: #4BD261;
    font-size: 1.5em;
    padding: 0.5em 1em;
    margin-bottom: 20px;
    margin-left: 8%;
}
.tobipart.kaisyu .parttext .gaihekitejun {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-left: 8%;
}
.tobipart.kaisyu .parttext .gaihekitejun h6 {
    color: #fff;
    background-color: #4BD261;
    font-size: 1.6em;
    padding: 0.5em 1em;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.05em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.tobipart.kaisyu .parttext .gaihekitejun p {
    color: #000;
    background-color: #fff;
    font-size: 1.4em;
    line-height: 1.4;
    padding: 0.5em 1em;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.05em;
}
.tobipart.kaisyu .arw {
    margin: 20px 0 20px 8%;
    text-align: center;
}
.tobipart.kaisyu .partimg {
    width: 36.3%;
}
.tobipart.kaisyu .imgin:first-of-type {
    margin-bottom: 30px;
}
.tobipart.kaisyu .imgin img {
    margin-bottom: 10px;
}
.tobipart.kaisyu .imgin p {
    font-size: 1.4em;
    line-height: 1.4;
}
.tobipart.kaisyu .imgin h6 {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 5px;
}
.tobipart.kaisyu .partillust.pi01 {
    width: 10%;
    top: -2.6%;
    left: 2%;
}
.tobipart.kaisyu .partillust.pi02 {
    width: 10%;
    top: -2%;
    left: 3%;
}
.tobipart.kaisyu .partillust.pi03 {
    width: 9%;
    top: -4.1%;
    left: 3.5%;
}

.headslide.com {
    margin-bottom: 0;
}
.comhead {
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 10% 0;
}
.comhead h1 {
    font-size: 2.1em;
    margin-bottom: 30px;
}
.comhead h2 {
    font-size: 5.6em;
    margin-bottom: 40px;
    line-height: 1.1;
}
.comhead p {
    font-size: 2em;
    margin-bottom: 40px;
    line-height: 1.9;
}
.com .aisatsu {
    background: #eaeeeb;
    background: linear-gradient(135deg, #eaeeeb 17%,#dadedc 89%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeeb', endColorstr='#dadedc',GradientType=1 );
    padding: 0;
    margin-bottom: 0px;
    width: 100%;
}
.com .aisatsuinbox, .com .gaiyo, .com .shikaku {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 3.5% 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.com .atex {
    width: 25%;
}
.com .atex h2 {
    font-size: 3.1em;
    border-bottom: solid 3px #fff;
    padding: 0 0 5px 0;
    font-weight: bold;
}
.com .gaiyo .atex h2, .com .shikaku .atex h2 {
    border-bottom: solid 3px #DCE0DE;
    letter-spacing: 0.1em;
}
.com .atex span {
    display: block;
    background-image: url(../company/img/nbar.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 100%;
    min-height: 61px;
}
.com .gaiyo .atex span, .com .shikaku .atex span {
    background-image: url(../company/img/nbar2.png);
}
.com .ahon {
    width: 75%;
    padding: 0 0 0 5%;
    border-left: solid 3px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.com .gaiyo .ahon, .com .shikaku .ahon {
    border-left: solid 3px #DCE0DE;
}
.com .ahon > p, .com .ahon .havebox p {
    font-size: 1.7em;
    line-height: 1.9;
}
.com .ahon > p span {
    display: block;
    text-align: right;
    margin-top: 1em;
}
.com .gaiyo {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3.5% 50px;
}
.com .gaiyo .comdetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.5em;
    line-height: 1.6;
}

.com .gaiyo .comdetail .tt {
    width: 25%;
}
.com .gaiyo .comdetail .det {
    width: 75%;
}
.comdetail .onell {
    margin-bottom: 2em;
}

.com .shikaku {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3.5% 50px;
}
.com .have {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.com .have .havebox {
    width: 49%;
}
.com .shikaku .atex h2.haveh2 {
    letter-spacing: -0.1em;
}

#ashiba01, #ashiba02, #ashiba03, #ashiba04, #ashiba05 {
    margin-top:-120px;
    padding-top:120px;
    display: block;
}


.kojitop {
    width: 100%;
    padding-top: 82px;
    margin-bottom: 35px;
}

.kojiblc {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3.5% 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.kojititle {
    width: 20%;
    text-align: center;
}
.kojititle h2 {
    font-size: 3.1em;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}
.kojititle p {
}
.kojiyear {
    width: 75%;
}
.kojiyear .tabmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.kojiyear .tabmenu li {
    width: 16%;
}
.kojiyear .tabmenu li a {
    width: 100%;
    display: block;
    background: #eaeeeb;
    background: linear-gradient(135deg, #eaeeeb 17%,#dadedc 89%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeeb', endColorstr='#dadedc',GradientType=1 );
    padding: 0.7em 0.7em;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 0.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}
.kojiyear .tabmenu li a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.kojiyear .tabmenu li.active a {
    background: #7D8AF2;
    color: #fff;
}
.keirekibox {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3.5% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tabbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.tabbox.none {
    display: none;
}
.tabbox .keirekidetail {
    width: 48%;
}
.tabbox .keirekidetail.one {
    width: 100%;
}
.tabbox .keirekidetail h3 {
    color: #fff;
    font-size: 1.5em;
    background-color: #319191;
    padding: 0.7em 1em;
    margin-bottom: 25px;
}
.tabbox .keirekidetail .textdetail {
    margin-left: 2.5em;
    margin-bottom:70px;
}
.tabbox .keirekidetail .textdetail p {
    font-size: 1.2em;
    line-height: 2.2;
}
.shour {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 10px;
    padding: 0 3.5% 0;
    text-align: right;
    font-size: 1.1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


section.contents.contact {
    padding-bottom: 65px;
}
.contactblc {
    width: 100%;
    display: block;
}
.contactinbox {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0px;
    padding: 5em 7% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contactinbox .telbox {
    background-color: #24A7D3;
    padding: 2.5em 0;
    margin-bottom: 65px;
}
.contactinbox .netintitle {
    background-color: #24A7D3;
    padding: 2.5em 0;
    margin-bottom: 0;
    text-align: center;
}
.contactinbox .telbox .telintitle {
    text-align: center;
}
.contactinbox .telbox .telintitle h3 {
    display: inline-block;
    margin-right: 5%;
}
.contactinbox .telbox .telintitle h3, .netintitle h3 {
    font-size: 3em;
    color: #fff;
    font-weight: bold;
}
.contactinbox .telbox .telintitle p {
    display: inline-block;
    font-size: 3.4em;
    font-weight: bold;
    color: #fff;
}
.contactinbox .netintitle span {
    font-size: 1.2em;
    display: block;
    margin-top: 15px;
    color: #fff;
}

.formbox {
    padding: 5% 5% 5% 20%;
    background-color: #D3EDF6;
    margin-bottom: 0;
}
.formbox div {
    font-size: 1.5em;
    line-height: 1.2;
}
.formbox label {
    display: block;
}
.formbox .req {
    color: #f00;
}
.formbox input, .formbox textarea {
    font-size: 1.5em;
    border: none;
    padding: 0.2em;
    margin: 10px 0 40px;
    width: 85%;
}

.formbox .dist {
    font-size: 1.2em;
    line-height: 1.6;
    margin-bottom: 50px;
}
.sbtn {
    margin-left: 25%;
}
#submitbtn {
    background-color: #425CC4;
    color: #fff;
    width: 50%;
    padding: 0.2em 1em;
    cursor: pointer;
    margin: 0;
}
.contact .totop {
    padding: 0 3.5% 20px;
    text-align: right;
    margin-bottom: 0px;
}

.headslide.recruit {
    margin-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 80vh;
}
.recruithead {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0px;
    padding: 5em 3.5% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.recruithead div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.recruithead div h1 {
    width: 50%;
    font-size: 4em;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.recruithead div p {
    width: 45%;
    margin-right: 3%;
    font-size: 1.6em;
    line-height: 1.9;
    font-weight: bold;
    color: #fff;
}
.recnavi {
    width: 100%;
    background-color: #5063AD;
    margin-bottom: 55px;
}
.recnavi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0px;
    padding: 2em 3.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.recnavi ul li {
    width: 25%;
    border-right: solid 1px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.recnavi ul li:last-of-type {
    border: none;
}
.recnavi ul li a {
    color: #fff;
    font-size: 1.2em;
}

.recinblc {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0px;
    padding: 0 3.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.recinblc h2 {
    font-size: 3.3em;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.1em;
    margin-bottom: 50px;
}
.staffbox {
    width: 100%;
    background: #eaeeeb;
    background: linear-gradient(135deg, #eaeeeb 17%,#dadedc 89%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeeeb', endColorstr='#dadedc',GradientType=1 );
    padding: 2.5em;
    margin-bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.staffbox .staffimgbox {
    width: 17%;
    text-align: center;
    position: relative;
}
.staffbox .staffimgbox .staffname {
    position: absolute;
    width: 134%;
    margin: -12% 0 0 -23%;
}
.stafftextbox {
    width: 80%;
}
.staffbox .stafftextbox h3 {
    font-family: RiiPop, sans-serif;
    color: #CC0000;
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.2;
    margin: 20px 0 45px;
}
.staffbox .stafftextbox .stdbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.staffbox .stafftextbox .stdbox div {
    width: 45%;
}
.staffbox .stafftextbox .stdbox div h4 {
    font-size: 1.5em;
    color: #5063AC;
    font-weight: bold;
    margin-bottom: 10px;
}
.staffbox .stafftextbox .stdbox div p {
    font-size: 1.5em;
    line-height: 1.6;
}
.eventblc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px;
}
.eventblc .eventphoto {
    width: 46.8%;
}
.eventblc .eventtext {
    width: 50%;
}
.eventblc .eventtext h3 {
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 30px;
}
.eventblc .eventtext p {
    font-size: 1.5em;
    line-height: 1.6;
}

#sche {
    background-color: #EBEEF1;
    width: 100%;
    max-width: none;
    padding-bottom: 30px;
}
.recinblc .recnagarewrap {
    width: 71.7%;
    max-width: 950px;
    margin: 0 auto;
    background-color: #fff;
    padding: 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
.recinblc .recnagarewrap .recnagarehole {
    width: 100%;
    margin: 0;
    padding: 0 60px 0 130px;
    background-image: url(../recruit/img/hole.png);
    background-repeat: repeat-y;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.recinblc h2.recnagare {
    font-family: RiiPop, sans-serif;
    font-size: 3.3em;
    display: inline-block;
    color: #415BC4;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0em;
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: solid 2px #425CC4;
}
.recnabarebox {
    border-left: solid 2px #425CC4;
    padding-top: 60px;
}
.recnabarebox .rnbin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 35px;
}
.recnabarebox .rnbin .times {
    width: 28%;
}
.recnabarebox .rnbin .times .clock {
    background-color: #425CC4;
    padding: 0.5em;
    font-size: 2.5em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}
.recnabarebox .rnbin .times h3 {
    padding: 0 0 0 1em;
    font-size: 2.4em;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: -0.05em;
}
.recnabarebox .rnbin .rnbtex {
    width: 65%;
}
.recnabarebox .rnbin .rnbtex p {
    font-size: 1.5em;
    line-height: 1.6;
}
.recnabarebox .rnbin .rnbimg {
    width: 23.7%;
}
.info .recbox {
    width: 60%;
    margin: 0 auto 80px;
}
.info .recbox h4 {
    background-color: #3D64C2;
    color: #fff;
    font-size: 1.8em;
    padding: 0.5em 1em;
}
.info .recbox table {
    font-size: 1.3em;
    line-height: 1.6;
    border-collapse: collapse;
}
.info .recbox table tr td {
    border: solid 2px #999;
    padding: 1em;
}
.info .recbox table tr td.bas {
    background-color: #EBEAE9;
    font-weight: bold;
}
.info .recbox h4 .pp {
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 10px;
    display: inline-block;
}
.sp {
    display: none;
}
.ipsp {
    display: none;
}

@media (min-width:1200px) {
    .telboxwrap p {
        font-size: 45px;
    }
}

@media (max-width:1024px) {
    section.top .topcatch {
        margin: -5% 0 0 10%;
        width: 80%;
    }
    .topsekou {
        width: 90%;
    }
    .workstop h1 span {
        font-size: 1.2rem;
    }
    .workswrap .worksblc, .workswrap .recblc {
        margin: 45px 0 50px;
    }
    .workswrap .worksimgbox {
        background-image: url(../works/img/worksimg.jpg);
        background-size: contain;
        background-repeat: repeat-y;
    }
    .workswrap.rec .worksimgbox {
        background-image: url(../recruit/img/recruitimg.jpg);
        background-size: contain;
        background-repeat: repeat-y;
    }
    .workswrap {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    
    
    
    .trblc a {
        display: block;
        text-align: center;
    }
    
    footer .footwrap .telbox .tel {
        letter-spacing: 0em;
    }
    #container header .headblock .global > ul > li > .submenuwrap > .submenu {
        margin: 21% 0 0 -15%;
    }
    .contents.tobi .tobisecond h3 {
        font-size: 3.7em;
    }
    .parenthesis {
        width: 92%;
    }
    .albamenu li a {
        width: 40%;
    }
    .recinblc h2 {
        font-size: 3em;
    }
    .staffbox .stafftextbox h3 {
        letter-spacing: -0.1em;
    }
    .contacthead h2 {
        font-size: 2.8em;
    }
    .contactinbox .telbox .telinnumber h4 {
        font-size: 2.2em;
    }
    .contactinbox .telbox .telinnumber h4 span {
        font-size: 1.5rem;
    }
    .contactinbox .telbox .telintitle h3, .netintitle h3 {
        font-size: 2.6em;
        letter-spacing: -0.1em;
    }
}

@media (max-width:768px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    #container header .headblock .global > ul > li > a {
        font-size: 1em;
    }
    #container header .headblock .global > ul > li > .submenuwrap > .submenu {
        margin: 19% 0 0 -15%;
    }
    #container header .headblock .global > ul > li {
        padding-right: 0.5em;
        margin-right: 0.5em;
    }
    #container header .headblock .global > ul > li.last {
        margin-right: 0.5em;
        padding-right: 0.5em;
    }
    .topreform .reformtext p {
        font-size: 2em;
    }
    .topjisseki h3 {
        font-size: 2em;
    }
    .topjisseki h3 span {
        font-size: 1.2rem;
    }
    .telboxwrap {
        margin-bottom: 0px;
        width: 30%;
    }
    footer {
        padding: 1em 1%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    footer .footwrap .address {
        width: 40%;
    }
    footer .footwrap .address p {
        margin-bottom: 0px;
    }
    footer .footwrap .address .trblc a.formbtn {
        font-size: 1em;
    }
    footer .footwrap .address .trblc .fb {
        width: 13%;
    }
    .headslide {
        height: 50vh;
        margin-bottom: 70px;
    }
    .headslide.tophead {
        height: 50vh !important;
    }
    section.top {
        padding-top: 55vh;
    }
    .tobikanso01 {
        margin: 70px 0 70px 0;
    }
    
    
    .tophead h1 {
        font-size: 2.2em;
    }
    section.top .topcatch {
        margin: -5% 0 0 5%;
        width: 90%;
    }
    section.top .topcatch h2 {
        font-size: 1.4em;
    }
    section.top .intext h2 {
        font-size: 2.4em;
        text-shadow:0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000;
    }
    section.top .tobikanso01 {
        height: 300px;
    }
    section.top .tobikanso01.topimg03 {
        margin: 0 0 80px;
    }
    
    .totop a {
        width: 70%;
    }
    
    .headslide.ashiba {
        height: 40vh;
        margin-bottom: 0;
    }
    .ashibahead {
        width: 70%;
        padding-top: 65px;
    }
    .ashibadetail {
        width: 92%;
    }
    .ashibanagare {
        padding: 0 4%;
        margin: 0 auto 0;
    }
    section.contents.ashiba {
        padding-bottom: 65px;
    }
    
    .messablc .messacontent p {
        line-height: 1.6;
    }
    
    .workstop h1 {
        font-size: 2.5em;
    }
    .workstop h1 span {
        display: block;
        margin-top: 10px;
        margin-left: 0;
    }
    .workswrap .worksblc, .workswrap .recblc {
        width: 73%;
    }
    .reclink {
        width: 100%;
        margin: 0 auto;
    }
    
    .contacthead {
        margin-top: 63px;
    }
    .contacthead h2 {
        font-size: 2.3em;
    }
    .contactinbox {
        padding: 2em 3.5% 0;
    }
    .contactinbox .telbox .telintitle {
        width: 100%;
        text-align: center;
        margin-bottom: 0px;
    }
    .contactinbox .telbox .telinnumber {
        width: 100%;
        text-align: center;
    }
    .contactinbox .telbox .telintitle h3, .netintitle h3 {
        margin-bottom: 10px;
        letter-spacing: 0em;
    }
    .contactinbox .telbox .telinnumber h4 {
        margin-bottom: 10px;
        letter-spacing: 0em;
    }
    .formbox {
        margin-left: 0%;
        padding: 5% 5% 5% 5%;
    }
    .formbox input, .formbox textarea {
        width: 85%;
    }
    .sbtn {
        margin-left: 0;
        text-align: center;
    }

}


@media all and (orientation: landscape) {
@media (max-width:667px) {
    #container header .headblock .global > ul > li {
        padding-right: 0.5em;
        margin-right: 0.5em;
    }
    #container header .headblock .global > ul > li > a {
        font-size: 1em;
    }
    .tophead h1 {
        font-size: 2em;
    }
    
    .headslide {
        height: 100vh;
    }
    .headslide.tophead {
        height: 100vh !important;
    }
    
    section.top {
        padding-top: 98vh;
    }
    
    section.top .topcatch h2 {
        font-size: 1.2em;
    }
    
    section.top .tobikanso01.topimg02 {
        background-image: url(../img/topimg02.jpg);
        margin: 0 0 100px;
    }
    address {
        font-size: 0.8em;
    }
    
    .messablc .messaimg {
        width: 50%;
    }
    .messablc .messacontent {
        width: 40%;
        margin-right: 2%;
    }
    .messablc .messacontent p {
        font-size: 1.2em;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    
    .headslide.ashiba {
        height: 100vh;
        margin-bottom: 0;
    }
    
    .ashibahead h1 {
        font-size: 3em;
    }
    .ashibahead p {
        font-size: 1.4em;
        line-height: 1.6;
    }
    .ashibadetailbox .adbflex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .ashibadetailbox .adbflex h2 {
        width: 100%;
        font-size: 2em;
        text-align: left;
        letter-spacing: -0.05em;
        margin-bottom: 5px;
    }
    .ashibadetailbox .adbflex .adbtext {
        width: 65%;
    }
    .ashibadetailbox .adbflex .adbimg {
        width: 33%;
    }
    .ashibanagare .anblc .anbox .antext h4 {
        font-size: 2em;
    }
    
    .workstop h1 {
        font-size: 2em;
    }
    .workstop h1 span {
        font-size: 1.0rem;
    }
    .workswrap .worksimgbox {
        width: 15%;
        margin-right: 3.6%;
    }
    .workswrap .worksblc, .workswrap .recblc {
        width: 78%;
    }
    
    .recblc table.recruit th, .recblc table.recruit td {
        font-size: 1.2em;
    }
    
    .contactinbox .telbox {
        padding: 2em 0;
        margin-bottom: 50px;
    }
    .contactinbox .telbox .telintitle h3, .netintitle h3 {
        font-size: 2em;
    }
    .contactinbox .telbox .telintitle p {
        display: block;
        font-size: 2.8em;
    }

}
}

@media (max-width:480px) {
    .ipsp {
        display: block;
    }
    .drawer-nav, .drawer-hamburger {
        display: block;
    }
    nav.global {
        display: none;
    }
    .headfb {
        border-top: solid 1px #fff;
        padding-top: 2em;
    }
    #container header {
        padding: 0.5em 0;
    }
    #container header .headblock .logo {
        width: 50%;
    }
    
    .tophead h1 {
        font-size: 1.7em;
        text-shadow:0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000;
        line-height: 1.4;
        letter-spacing: 0.05em;
    }
    
    section.top .tobikanso01 {
        height: 200px;
    }
    .tobikanso01 {
        margin: 0px 0 50px 0;
    }
    section.top .topcatch h1 {
        font-size: 1.6em;
    }
    section.top .topcatch h2 {
        font-size: 1.1em;
    }
    section.top .intext h2 {
        font-size: 1.6em;
        line-height: 1.4;
        letter-spacing: 0.05em;
    }
    .toplink {
        margin: 20% auto 30%;
    }
    .toplink .circle {
        width: 96%;
    }
    section.top .intext.kanso02 h2 {
        top: 65%;
    }
    .topsekou .sekouimg, .topsekou .sekouimg2 {
        margin-bottom: 0;
    }
    .topsekou .sekouimg div, .topsekou .sekouimg2 div {
        width: 17%;
    }
    .topsekou .sekouimg2 div {
        display: none;
    }
    .topsekou .sekouimg2 div.btn {
        width: 100%;
        display: block;
    }
    section.top .tobikanso01.topimg03 {
        margin: 0 0 50px;
    }
    
    

    section.top {
        padding-top: 48vh;
        padding-bottom: 65px;
    }
    section.top .tt1 {
    }
    .trblc {
        font-size: 1em;
        width: 90%;
        line-height: 1.2;
        letter-spacing: 0em;
        margin-top: -10px;
    }
    
    footer .footwrap .telbox .place {
        font-size: 1.3em;
    }
    footer .footwrap .telbox .tel {
        font-size: 4vw;
    }
    .totop {
        bottom: 10px;
        right: 10px;
    }
    .totop a {
        width: 60%;
    }
    .totop.footend {
        bottom: -10px;
    }
    footer .footlogo {
        width: 50%;
    }
    footer .footwrap .address {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .telboxwrap {
        margin-bottom: 0px;
        width: 45%;
    }
    .telboxwrap p {
        font-size: 4.2vw;
    }
    .telboxwrap p:first-of-type {
        margin-bottom: 5px;
    }
    footer .footwrap .address {
        width: 100%;
        margin-top: 10px;
    }
    footer .footwrap .address p {
        margin-bottom: 10px;
        margin-right: 0%;
        width: 100%;
    }
    footer .footwrap .address .trblc a.formbtn {
        margin-top: 5px;
    }
    footer .footwrap .address .trblc .fb {
        margin-top: -10px;
        width: 10%;
    }
    
    .headslide {
        height: 40vh !important;
        margin-bottom: 40px;
    }
    .headslide.tophead {
        height: 40vh !important;
    }
    
    .tobikanso02 {
        width: 100%;
        margin: 0 0 40px 0;
    }
    
    .messablc {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .messablc .messaimg {
        width: 100%;
    }
    .messablc .messacontent {
        width: 100%;
        margin: 0 3.5%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .headslide.ashiba {
        height: 70vh;
        margin-bottom: 0;
    }
    .ashibahead {
        width: 90%;
        margin: 0 auto;
        padding-top: 50px;
        text-align: center;
    }
    .ashibahead h1 {
        font-size: 2.2em;
    }
    .ashibahead p {
        font-size: 1em;
        line-height: 1.6;
    }
    .ashibadetail {
        top: 50px;
    }
    .ashibadetailbox .adbflex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ashibadetailbox .adbflex h2 {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    .ashibadetailbox .adbflex .adbtext {
        width: 100%;
    }
    .ashibadetailbox .adbflex .adbimg {
        width: 100%;
        margin-top: 10px;
    }
    .ashibadetailbox .adbflex .adbimg img {
        max-width: none;
        width: 100%;
    }
    
    .contents.ashiba .ashibawarap {
        padding-top: 0;
    }
    .ashibadetail {
        position: relative;
    }
    .ashibaback {
        margin-top: -280%;
    }
    
    .ashibanagare .anblc {
        padding: 20px 0;
    }
    .ashibanagare .anblc .anbox {
        padding: 10px;
        width: 92%;
    }
    .ashibanagare .anblc .anbox p.num {
        font-size: 1.5em;
    }
    .ashibanagare .anblc .anbox .antext h4 {
        font-size: 1.5em;
    }
    
    
    .workstop h1 span {
        line-height: 1.2;
    }
    .workswrap .worksblc, .workswrap .recblc {
        margin: 20px 0 30px;
    }
    .workswrap .worksblc table th, .workswrap .worksblc table td {
        padding: 0.5em;
        font-size: 1em;
        line-height: 1.2;
    }
    .workswrap .worksimgbox {
        display: none;
    }
    .workswrap .worksblc, .workswrap .recblc {
        width: 94%;
        margin: 20px auto 30px;
    }
    .workstop h1 {
        font-size: 1.6em;
    }
    
    .recblc table.recruit {
        margin-bottom: 40px;
    }
    .recblc table.recruit th, .recblc table.recruit td {
        font-size: 1.1em;
    }
    .recblc table.recruit td.bb {
        white-space: nowrap;
    }
    .reclink .linkform a {
        font-size: 1.4em;
    }
    .reclink .hotline p {
        font-size: 1.4em;
    }
    .reclink .hotline h2 span {
        font-size: 1rem;
        display: block;
    }
    .reclink .linkform {
        margin-bottom: 30px;
    }
    
    footer .copyright {
        margin-top: 10px;
    }
    
    .contactinbox .telbox .telintitle p {
        display: block;
        font-size: 2.6em;
    }
    .contactinbox .telbox {
        padding: 1em 1em;
    }
    .contactinbox .netintitle {
        padding: 1em 1em;
    }
    
    
    .contacthead {
        margin-top: 48px;
        padding: 1em 0;
    }
    .contacthead h2 {
        font-size: 1.5em;
    }
    .contactinbox .telbox .telintitle h3, .netintitle h3 {
        font-size: 1.8em;
        letter-spacing: -0.05em;
    }
    .contactinbox .telbox .telinnumber h4 {
        font-size: 2.2em;
        margin-bottom: 20px;
    }
    .contactinbox .telbox .telinnumber h4 span {
        font-size: 1.6rem;
        display: block;
    }
    .contactinbox .telbox {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .netintitle {
        margin-bottom: 30px;
    }
    .formbox div {
        font-size: 1.2em;
    }
    .formbox input, .formbox textarea {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 5px 0 5px;
    }
    .formbox div {
        margin-bottom: 20px;
    }
    .formbox .dist {
        font-size: 1em;
        margin-bottom: 20px;
    }
    #submitbtn {
        width: 100%;
        padding: 0.5em;
        font-size: 1.2em;
    }
    .topsns {
        display: block;
    }
    .topsns .facebook, .topsns .insta {
        width: auto;
        margin: 30px;
    }
}