@charset "UTF-8";

/*-- ---------- --*/
/*-- layout css --*/
/*-- ---------- --*/

/*-- l-header --*/
.l-header{
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 1000;
    background: var(--gray-bg);
}
.l-header > .l-container{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
/*-- ロゴ --*/
.l-header .area_logo_header{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height:50px;
    margin: 0 10px;
}
.l-header .logo{
    display: block;
    text-align: center;
}
.l-header .logo img{
    max-width: 120px;
}
/*-- .nav-wrapper --*/
.list_nav.nav2{
    height:50px;
    margin-left: auto;
    margin-right: 10px
}
.l-header .nav-wrapper{
    position: relative;
    padding: 0 10px;
    display: flex;
    align-items: center;
    height:60px;
    z-index: 2;
    width: 100%;
}
.list_nav{
    display: flex;
    align-items: center;
    flex-wrap:nowrap;
    justify-content: space-between;
}
.nav-wrapper .list_nav{width:100%;}
.nav2_sp{display: none;}
.list_nav li{
    position: relative;
}
.list_nav a{
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 0;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    color:var(--htxt-color);
}
.list_nav .h__coming a,.list_nav .h__coming a svg{color:#BDBDC1!important;fill:#BDBDC1!important;pointer-events: none;}
.list_nav .h__coming::before{content:'';position: absolute;top:0;left:0;right:0;bottom:0;z-index: 3;}
/*-- .list_nav2 --*/
.list_nav.nav2 li{
    position: relative;
    margin-right: 30px;
}
.list_nav.nav2 li a,.list_nav.nav2 li a svg{
    color:#7DA0F0;
    fill:#7DA0F0;
}
.list_nav.nav2 li:last-child{
    margin-right: 0;
}
.nav2 li .h__contact svg,.nav2 li .h__recruit svg,.nav2 li .h__login svg{
    display: block;
    width:20px;
    height:20px;
    margin-right: 10px;
}
@media (max-width:1200px){
.l-header > .l-container{
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
    height:80px;
}
/*-- ロゴ --*/
.l-header .area_logo_header{
    height:auto;
    margin: 0px;
}
/*-- .nav-wrapper --*/
.l-header .nav-wrapper{
    position: fixed;
    top: 0;
    right:-320px;
    display: flex;
    flex-direction: column;
    width:auto;
    min-width: 300px;
    height:100%;
    background: var(--gray-bg);
    border-radius: 0;
    padding: 60px 40px;
    transition:all .5s;
    overflow: auto;
    z-index: 100;
}
.close__btn{
    position: absolute;
    top:30px;
    right:30px;
    width: 35px;
    height: 35px;
    z-index: 110;
}
.close__btn:hover{
    cursor: pointer;
}
.close__btn::before{
    content:'';
    position: absolute;
    top:50%;
    transform:translateX(0)translateY(50%) rotate(-45deg);
    transform-origin: center;
    width: 35px;
    height: 2px;
    background: #5a5a64;
}
.close__btn::after{
    content:'';
    position: absolute;
    top:50%;
    transform:translateX(0)translateY(50%) rotate(45deg);
    transform-origin: center;
    width: 35px;
    height: 2px;
    background: #5a5a64;
}
.list_nav.nav2{
    height:50px;
    margin-left: auto;
    margin-right: 10px
}
.list_nav{
    display: flex;
    align-items: flex-start;
    flex-wrap:wrap;
    justify-content: inherit;
    flex-direction: column;
}
.nav-wrapper .list_nav{width:100%;}
.nav2_sp{display: none;}
.list_nav li{
    position: relative;
    margin: 8px 0;
}
.list_nav a{
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
}
.nav2{display: none;}
.nav2_sp{display: flex;}
/*-- .list_nav2 --*/
.list_nav.nav2_sp{
    margin: 20px 0;
}
.list_nav.nav2_sp li{
    position: relative;
    margin-right: 0px;
}
.list_nav.nav2_sp li a,.list_nav.nav2_sp li a svg{
    color:#7DA0F0;
    fill:#7DA0F0;
}
.nav2_sp li .h__contact svg,.nav2_sp li .h__recruit svg,.nav2_sp li .h__login svg{
    display: block;
    width:20px;
    height:20px;
    margin-right: 10px;
}

/* ハンバーガーボタン */
.burger-btn,
.burger-btn span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.burger-btn {
    position: relative;
    width: 35px;
    height: 30px;
    background: none;
    border: none;
    appearance: none;
    cursor: pointer;
    z-index:99;
}
.burger-btn span{
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background-color:#1a1a1a;
}
.burger-btn span:nth-of-type(1) {
    top: 5px;
}
.burger-btn span:nth-of-type(2) {
    top:50%;
    width: 80%;
}
.burger-btn span:nth-of-type(3) {
    bottom: 5px;
    width: 60%;
}
#menu_n.close span:nth-of-type(1) {
    transform:translateX(0)translateY(13px) rotate(-45deg);
}
#menu_n.close span:nth-of-type(2) {
    opacity: 0;
}
#menu_n.close span:nth-of-type(3) {
    width: 100%;
    transform:translateX(0)translateY(-4px) rotate(45deg);
}
/* メニューオープン時 */
.nav-wrapper.slide-in {right:0;}
.open__bg.active__bg::before{
    content:'';
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,.3);
    z-index: 1;
}
}
@media (max-width:640px){
.l-header .nav-wrapper{
    width:100%;
    right:-100%;
    padding: 60px 30px;
}
/* メニューオープン時 */
.nav-wrapper.slide-in {right:0;}
}
/*-- l-footer --*/
#footer {
    position: relative;
    padding: 40px 0 0;
 }
.contact #footer{background: #E6E6E8;}
#footer p {
    text-align: center;
    padding: 20px 0;
}

/*-- l-main --*/
.l-main{margin:120px 0 0;}
section{padding:80px 0 ;position: relative;}
.top,.contact,.g__bg{background: var(--gray-bg);}
.section__header{
    position: relative;
    padding: 4rem 3rem;
    border-radius: 10px;
}
.u__mv{
    padding: 30px 0 0;
}
.page-section{padding-top: 60px;}
.u__mv::before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:calc(50% - 30px);
    background: var(--gray-bg);
}
.section__header h1,.section__header h2{
    font-weight: 700;
    position: relative;
    line-height: 1.3;
    margin: 0px;
}
.section__header p{
    display: block;
    margin-top: 10px;
}
.section__inner{
    max-width: calc(100% - 80px);
    margin: 0 auto;
}
@media screen and (max-width: 1200px){
.l-main{margin:80px 0 0;}
.section__inner{
    max-width: calc(100% - 60px);
}
}
@media screen and (max-width: 768px){
section{padding:60px 0;}
.section__inner{
    max-width: calc(100% - 20px);
}
}
@media screen and (max-width: 640px){

}

/*-- 404.php --*/
.error404 section{
    padding:160px 0;
}
.error404 section h2{
    font-weight: normal;
    margin-bottom: 40px;
    text-align: center;
}
.error404 section h2 span{
    display: block;
}
.error404 section p{
    line-height: 2.2;
    display: block;
    text-align: center;
}
@media screen and (max-width: 768px){
.error404 section{
    padding:60px 0;
}
.error404 section p{
    line-height: 2.2;
    text-align: left;
}
}
/*- ------------- -*/
/*- ページネーション -*/
/*- ------------- -*/
.pagination,.pagination .nav-links{display:flex;justify-content:center;margin:60px 0 0;}
.pagination .pagination{margin:0;}
.pagination .page-numbers{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 5px;
    width:36px;
    height:36px;
    font-size:16px;
    font-weight:500;
    color:#5a5a64;
    text-decoration: none;
    opacity: .7;
}
.pagination .page-numbers:hover{
    opacity: 1;
}
.pagination .current{
	color: #5a5a64;
	width:30px;
	height:36px;
	font-size:16px;
    font-weight:500;
    border-bottom:1px solid #5a5a64;
}
.pagination .prev,.pagination .next{
    position:relative;
    width:36px;height:36px;
    /*border: 1px solid #777777;
    border-radius: 50%;*//
}
.pagination .prev::before,.pagination .next::before{content:'';position:absolute;top:50%;border-top:1px solid #5a5a64;width:10px;height:10px;}
.pagination .prev::before{left: 9px;border-left:1px solid #5a5a64;transform:translatey(-50%)rotate(-45deg);}
.pagination .next::before{left: calc(50% - 2px);border-right:1px solid #5a5a64;transform:translatey(-50%)rotate(45deg);}
/*.pagination .prev::after,.pagination .next::after{content:'';position:absolute;top:50%;width:16px;height:1px;transform:translatey(-50%);background-color: #777777;}*/


/*- ------- -*/
/*- パンくず -*/
/*- ------- -*/
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
}
.breadcrumb span{
    padding:0 8px;
}
.breadcrumb a {
    text-decoration: underline;
}
.breadcrumb a:hover{
    color:#754C24;
}
/*- ------------- -*/
/*- ブロックエディタ -*/
/*- ------------- -*/
/* single.php の本文内の段落・見出し・グループなどすべて */
.single__body__content> *:not(.alignfull) {
    max-width: 1200px;      /* 通常ブロックの最大幅 */
    margin-left: auto;
    margin-right: auto;
}
/* 幅広ブロックも同じ幅に */
.single__body__content .alignwide {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* 全幅ブロックは画面いっぱい */
.single__body__content > .alignfull{
    width: 100%;
    max-width: initial;
    padding: 0;
}
@media (max-width:1400px){
.single__body__content{padding:0 40px;}
/* single.php の本文内の段落・見出し・グループなどすべて */
.single__body__content> *:not(.alignfull) {
    max-width: 1100px;      /* 通常ブロックの最大幅 */
    margin-left: auto;
    margin-right: auto;
}
/* 幅広ブロックも同じ幅に */
.single__body__content .alignwide {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
/* 全幅ブロックは画面いっぱい */
.single__body__content > .alignfull{
    width: calc(100% + 80px);
    margin: 0 -40px;
}
}
@media (max-width:1200px){
/* single.php の本文内の段落・見出し・グループなどすべて */
.single__body__content> *:not(.alignfull) {
    max-width: 920px;      /* 通常ブロックの最大幅 */
    margin-left: auto;
    margin-right: auto;
}
/* 幅広ブロックも同じ幅に */
.single__body__content .alignwide {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}
}
@media (max-width:1000px){
.single__body__content{padding:0 30px;}
/* single.php の本文内の段落・見出し・グループなどすべて */
.single__body__content> *:not(.alignfull) {
    max-width: 840px;      /* 通常ブロックの最大幅 */
}
/* 幅広ブロックも同じ幅に */
.single__body__content .alignwide {
    max-width: 840px;
}
/* 全幅ブロックは画面いっぱい */
.single__body__content > .alignfull{
    width: calc(100% + 60px);
    margin: 0 -30px;
}
}
@media (max-width:900px){
/* single.php の本文内の段落・見出し・グループなどすべて */
.single__body__content> *:not(.alignfull) {
    max-width: 100%;      /* 通常ブロックの最大幅 */
}
/* 幅広ブロックも同じ幅に */
.single__body__content .alignwide {
    max-width: 100%;
}
}
@media (max-width:768px){
.single__body__content{padding:0 20px;}
/* single.php の本文内の段落・見出し・グループなどすべて */
.single__body__content> *:not(.alignfull) {
    margin-left: auto;
    margin-right: auto;
    width:100%;
}
/* 全幅ブロックは画面いっぱい */
.single__body__content > .alignfull{
    width: calc(100% + 40px);
    margin: 0 -20px;
}
}
/*-- フォントサイズ --*/
.page h1.has-background,
.page h2.has-background,
.page h3.has-background,
.page h4.has-background,
.page h5.has-background,
.page h6.has-background {
    padding: 1rem 0;
}
.single__title{font-size:32px;}
.single__body__content h2{font-size:26px;}
.single__body__content h3{font-size:23px;}
.single__body__content h4{font-size:20px;}
.single__body__content h5{font-size:18px;}
.single__body__content a{font-size:16px;}
.single__body__content mark{padding: 5px 10px;line-height: 1.9;}
.single__body__content .wp-element-caption,.single__body__content .has-small-font-size{font-size:14px!important;}
/*-- ブロックエディタ 段落 蛍光マーカー --*/
.single__body__content .marker__txt {
    font-size: 20px;
    background:linear-gradient(transparent 50%, #F5D925 50%);
    padding: 0px 0 4px;
}
@media (max-width:768px){
.single__title{font-size:24px;}
.single__body__content h2{font-size:21px;}
.single__body__content h3{font-size:18px;}
.single__body__content h4{font-size:16px;}
.single__body__content h5{font-size:14px;}
.single__body__content p,.single__body__content a{font-size:14px;}
.single__body__content .wp-element-caption,.single__body__content .has-small-font-size{font-size:12px!important;}
/*-- ブロックエディタ 段落 蛍光マーカー --*/
.single__body__content .marker__txt {
    font-size: 16px;
    padding: 1px 0 3px;
}
}
.single__body__content p,.single__body__content a{
	line-height: 2.6;
	word-break:break-all;
	margin-bottom:1em;
}
.single__body__content .wp-block-group p,.single__body__content .wp-block-group a{
    line-height: 2;
}
.single__body__content a{
	text-decoration:underline!important;
}
/*-- ブロックエディタ スライダー --*/
.swiper-slide img {
    width: 100%;
    display: block;
}
.single .swiper__container {
    position: relative;
}
.single .swiper-button-prev{
    width:50px;
    height:50px;
    left:-60px;
    /*background:url(../img/base/icon_single_back.svg)no-repeat center/cover;*/
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ni41NTgiIGhlaWdodD0iNzYuNTU4IiB2aWV3Qm94PSIwIDAgNzYuNTU4IDc2LjU1OCI+IDxnIGlkPSLjgrDjg6vjg7zjg5dfMTEwMTgiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDExMDE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3Ni41NTcgMzguMjc5KSByb3RhdGUoMTM1KSI+IDxnIGlkPSLplbfmlrnlvaJfODMwIiBkYXRhLW5hbWU9IumVt+aWueW9oiA4MzAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0LjEzNCAwKSByb3RhdGUoOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMSI+IDxyZWN0IHdpZHRoPSI1NC4xMzQiIGhlaWdodD0iNTQuMTM0IiByeD0iMjciIHN0cm9rZT0ibm9uZSIvPiA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUzLjEzNCIgaGVpZ2h0PSI1My4xMzQiIHJ4PSIyNi41IiBmaWxsPSJub25lIi8+IDwvZz4gPGcgaWQ9IuOCsOODq+ODvOODl18xOTUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE5NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAuNDg1IDIwLjA4MykiPiA8cmVjdCBpZD0i6ZW35pa55b2iXzc4OSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgNzg5IiB3aWR0aD0iMTcuMDEyIiBoZWlnaHQ9IjEuMjMzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjg3MiAwKSByb3RhdGUoNDUpIiBmaWxsPSIjNzc3Ii8+IDxwYXRoIGlkPSLjg5HjgrlfMjk5IiBkYXRhLW5hbWU9IuODkeOCuSAyOTkiIGQ9Ik0wLDEwLjU2MVY5LjMyOEg5LjMyOFYwaDEuMjMzVjEwLjU2MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNTEzIDIuNTEzKSIgZmlsbD0iIzc3NyIvPiA8L2c+IDwvZz48L3N2Zz4=");
}
.single .swiper-button-next{
    width:50px;
    height:50px;
    /*background:url(../img/base/icon_single_next.svg)no-repeat center/cover;*/
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Ni41NTciIGhlaWdodD0iNzYuNTU4IiB2aWV3Qm94PSIwIDAgNzYuNTU3IDc2LjU1OCI+IDxnIGlkPSLjgrDjg6vjg7zjg5dfMTAxNTkiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDEwMTU5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOC4yNzkpIHJvdGF0ZSg0NSkiPiA8ZyBpZD0i6ZW35pa55b2iXzgzMCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgODMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSJub25lIiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMSI+IDxyZWN0IHdpZHRoPSI1NC4xMzQiIGhlaWdodD0iNTQuMTM0IiByeD0iMjciIHN0cm9rZT0ibm9uZSIvPiA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjUzLjEzNCIgaGVpZ2h0PSI1My4xMzQiIHJ4PSIyNi41IiBmaWxsPSJub25lIi8+IDwvZz4gPGcgaWQ9IuOCsOODq+ODvOODl18xOTUiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDE5NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAuNDg1IDIwLjk3NikiPiA8cmVjdCBpZD0i6ZW35pa55b2iXzc4OSIgZGF0YS1uYW1lPSLplbfmlrnlvaIgNzg5IiB3aWR0aD0iMTcuMDEyIiBoZWlnaHQ9IjEuMjMzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEyLjIwMykgcm90YXRlKC00NSkiIGZpbGw9IiM3NzciLz4gPHBhdGggaWQ9IuODkeOCuV8yOTkiIGRhdGEtbmFtZT0i44OR44K5IDI5OSIgZD0iTTAsMFYxLjIzNEg5LjMyOHY5LjMyOGgxLjIzM1YwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi41MTMgMCkiIGZpbGw9IiM3NzciLz4gPC9nPiA8L2c+PC9zdmc+");
    right:-60px;
}
.single .swiper-button-prev::after,.single .swiper-button-next::after{
    display: none;
}
.single .swiper-pagination-bullet-active {
    background:var(--main-color);
}
@media (max-width:1250px){
.single .swiper-button-prev{
    width:50px;
    height:50px;
    left:-25px;
    background:url(../img/base/icon_single_back.svg)no-repeat center/cover;
}
.single .swiper-button-next{
    width:50px;
    height:50px;
    right:-25px;
}
}
@media (max-width:768px){
.single .swiper-button-prev,.single .swiper-button-next{
    display: none;
}
}