/*
Theme Name: doa_original
Theme URI: 
Author: doa
Author URI: 
Description: 2024年10月作成
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doa_original
Tags: 
*/

/*------------------------
Google Material Symbols インポート
-------------------------*/
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/*------------------------
common parts
-------------------------*/
body{
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
}
/* リンク */
a {
        transition: all 0.3s;
        text-decoration: none;
}
/* 英字タイトル */
.is-style-ttl_eng {
        font-family: var(--wp--preset--font-family--custom-adobe-font);
        font-weight: 400;
        font-size: clamp(31.152px, 1.947rem + ((1vw - 3.2px) * 2.484), 55px);
}
/* 見出しタイトル：■ */
.is-style-ttl_ico {
        display: flex;
        align-items: flex-start;
        color: var(--wp--preset--color--deep-dull-blue);
        font-weight: 500;
        margin: 0 0 30px;
        font-size: var(--wp--preset--font-size--medium);
        gap: 10px;
}
.is-style-ttl_ico::before {
        content: '';
        display: inline-block;
        background-image: url(/wp-content/themes/doa_original/assets/svg/ico_contTtl.svg);
        background-size: contain;
        aspect-ratio: 1 / 1;
        width: var(--wp--preset--font-size--medium);
}
/* 見出しタイトル：● */
.is-style-circle-marker {
        display: flex;
        align-items: center;
        color: var(--wp--preset--color--btn-blue);
        font-weight: 500;
        margin: 0 0 10px;
        gap: 5px;
}
.is-style-circle-marker::before {
        content: '';
        display: inline-block;
        width: var(--wp--preset--font-size--text);
        aspect-ratio: 1/1;
        border-radius: 100px;
        background: var(--wp--preset--color--btn-blue);
}

/* リスト */
ul.is-style-no-listmark{
        list-style: none;
        padding-left: 0;
}
.wp-block-list > li {
        margin-left: -15px;
}
/* ボタン */
.is-style-arrow_blue > a,
.is-style-arrow_black > a {
        display: flex;
        justify-content: center;
        gap: 20px;
        align-items: center;
        padding-right: 15px;
        overflow: hidden;
        position: relative;
        z-index: 1;
}
.is-style-arrow_black > a {
        background-color: transparent;
        color: var(--wp--preset--color--text-black);
        border: solid 1px var(--wp--preset--color--bg-dark-navy);
}
.is-style-arrow_black > a::before {
        background: var(--wp--preset--color--bg-dark-navy);
        color: var(--wp--preset--color--white);
        border: solid 1px var(--wp--preset--color--bg-dark-navy);
}
.is-style-arrow_blue > a::before {
        background: var(--wp--preset--color--white);
        color: var(--wp--preset--color--btn-blue);
        border: solid 1px var(--wp--preset--color--btn-blue);
}
.is-style-arrow_blue > a::before,
.is-style-arrow_black > a::before {
        content: '\f1df';
        font-family: 'Material Icons';
        display: grid;
        place-content: center;
        aspect-ratio: 1 / 1;
        border-radius: 9999px;
        height: var(--wp--preset--font-size--large);
        font-size: calc(var(--wp--preset--font-size--large)*(25/45));
        transition: all 0.3s;
}
.is-style-arrow_blue > a::after{
        background: var(--wp--preset--color--bg-light-gray);
}
.is-style-arrow_black > a::after{
        background: var(--wp--preset--color--bg-dark-navy);
}
.is-style-arrow_blue > a::after,
.is-style-arrow_black > a::after{
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
        z-index: -1;
}
.is-style-arrow_blue > a:hover
{
        color: var(--wp--preset--color--text-black);
}
.is-style-arrow_black > a:hover
{
        color: var(--wp--preset--color--white);
        border-color: var(--wp--preset--color--white);
}
.is-style-arrow_blue > a:hover::after,
.is-style-arrow_black > a:hover::after {
        transform: scale(1, 1);
}
.is-style-arrow_blue > a:hover::before{
        background: var(--wp--preset--color--btn-blue);
        color: var(--wp--preset--color--white);
}
.is-style-arrow_black > a:hover::before{
        background: var(--wp--preset--color--white);
        color: var(--wp--preset--color--bg-dark-navy);
}
.is-style-new_tab > a {
        display: flex;
        justify-content: center;
        gap: 5px;
        align-items: center;
        overflow: hidden;
        position: relative;
        z-index: 1;
}
.is-style-new_tab > a::after {
        content: '';
        display: inline-block;
        background-size: contain;
        aspect-ratio: 1 / 1;
        width: var(--wp--preset--font-size--medium);
        background-image: url(/wp-content/themes/doa_original/assets/svg/ico_newtab.svg);
        background-repeat: no-repeat;
}
@media screen and  (max-width:782px) {
.is-style-arrow_blue > a,
.is-style-arrow_black > a {
        gap: 10px;
}
}
/* フォーム */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--wp--preset--color--text-black);
	border: 3px solid var(--wp--preset--color--footer-light-gray);
	border-radius: 5px;
	padding: 5px;
	width: 100%;
  	min-height: 60px;
	font-size: 20px;
	font-family: var(--wp--preset--font-family--ibm-plex-sans-jp);
	background: var(--wp--preset--color--white);
        box-sizing: border-box;
}
select {
        /* border: 3px solid var(----wp--preset--color--bg-blue-green-05); */
        padding: 10px;
        font-family: var(--wp--preset--font-family--ibm-plex-sans-jp);
        cursor: pointer;
        background: var(--wp--preset--color--white);
        border-radius: 5px;
        width: 100%;
}
textarea {
        width: 100%;
        max-width: var(--wp--style--global--content-size);
}
button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        appearance: none;
        visibility: visible;
}

/* focus */
.txtBox:focus-visible,
.txtArea:focus-visible,
input[type="date"]:focus-visible {
        outline: none;
        border: solid 3px var(--wp--preset--color--bg-blue-green);
}
/*　チェックボックス　ラジオボタン　*/
[type="checkbox"], 
[type="radio"] {
        width: 25px;
        height: 25px;
	flex-shrink: 0;
}
/*
input[type="submit"] {
        font-family: var(--wp--preset--font-family--ibm-plex-sans-jp);
        color: var(--wp--preset--color--white);
        font-weight: 600;
        font-size: 23px;
        display: block;
        width: 100%;
        padding: 20px;
        cursor: pointer;
        letter-spacing: 1px;
        background: var(--wp--preset--color--btn-blue);
        border-radius: 100px;
        transition: all 0.3s;
        border: solid 2px var(--wp--preset--color--btn-blue);
}
input[type="submit"]:hover {
        color: var(--wp--preset--color--btn-blue);
        background: var(--wp--preset--color--white);
}
*/
/* submitボタン */
/*
.page-id-37 .submitWrap{
        position: relative;
        max-width: 370px;
        margin: 70px auto 0;
}
.page-id-37 .submitArrow{
        position: absolute;
        display: inline-block;
        aspect-ratio: 1/1;
        width: 30px;
        background-image: url(/wp-content/themes/doa_original/assets/svg/ico_blue.svg);
        background-size: contain;
}
*/
/* カプセルBOX */
.capsuleBox,
.wp-block-post .taxonomy-genre > a {
        border-radius: 9999px;
        width: fit-content;
        background: var(--wp--preset--color--bg-blue-green);
        display: inline-block;
        padding: 8px 10px;
        line-height: 1;
}
/* グレー wideFitBox */
.mapBox {
        width: fit-content;
        padding: 8px 25px;
        background: var(--wp--preset--color--footer-light-gray);
        display: flex;
        gap: 5px 20px;
        flex-wrap: wrap;
        font-family: var(--wp--preset--font-family--ibm-plex-sans);
        border-radius: 10px;
}
.mapBox a {
        color: var(--wp--preset--color--sublink-gray);
}
/* リストコンテナー */
.listContainer .borderItm {
        border-left-color: var(--wp--preset--color--custom-darknavy) !important;
        border-left-width: 1px !important;
}
@media (min-width: 782px) and (max-width: 970px) {
        .listContainer>div:first-child:not(.page-id-23 *){
                flex-basis: 85px !important;
                flex-shrink: 0;
        }
}
@media (min-width: 782px) and (max-width: 910px) {
        .page-id-23 .listContainer>div:first-child{
                flex-basis: 24% !important;
                flex-shrink: 0;
        }
}
@media screen and (max-width: 782px) {
        .listContainer {
                padding: 25px 10px !important;
        }
        .borderItm {
                border-left: none;
                border-top: solid 1px  var(--wp--preset--color--custom-darknavy);
        }
        .itmTtl {
                text-align: center;
        }
}
/* カルーセルスライド */
.splide__arrows {
        padding: 20px 0 0;
}
.splide__arrow.splide__arrow--prev > svg {
        transform: scale(-1, 1);
}
/* TOPカルーセル */
.page-id-326 .carouselSlide button.splide__arrow--prev:hover svg path.btnCircle,
.page-id-326 .carouselSlide button.splide__arrow--next:hover svg path.btnCircle{
        fill: var(--wp--preset--color--bg-dark-navy);
        stroke: var(--wp--preset--color--white);
}
.page-id-326 .carouselSlide button.splide__arrow--prev:hover svg path.btnArrow,
.page-id-326 .carouselSlide button.splide__arrow--next:hover svg path.btnArrow{
        fill: var(--wp--preset--color--white);
}
/* 会社情報カルーセル */
.page-id-23 .historySlide button.splide__arrow--prev:hover circle,
.page-id-23 .historySlide button.splide__arrow--next:hover circle{
        fill: var(--wp--preset--color--btn-blue);
}
.page-id-23 .historySlide button.splide__arrow--prev:hover path,
.page-id-23 .historySlide button.splide__arrow--next:hover path{
        fill: var(--wp--preset--color--white);
}

.carouselSlide button.splide__arrow--prev svg path.btnCircle,
.carouselSlide button.splide__arrow--next svg path.btnCircle,
.carouselSlide button.splide__arrow--prev svg path.btnArrow,
.carouselSlide button.splide__arrow--next svg path.btnArrow,
.page-id-23 .historySlide button.splide__arrow--prev:hover circle,
.page-id-23 .historySlide button.splide__arrow--next:hover circle,
.page-id-23 .historySlide button.splide__arrow--prev:hover path,
.page-id-23 .historySlide button.splide__arrow--next:hover path{
        transition: all 0.3s;
}

@media screen and  (max-width:780px) {
.splide__arrows svg {
        width: 45px;
}
}
/* PC/SP */
@media screen and  (min-width:782px) {
.forSP{
        display: none;
}
}
@media screen and  (max-width:780px) {
.forPC{
        display: none;
}
}
@media screen and  (max-width:900px) {
        .enableUp900{
                display: none;
        }
        }
@media screen and  (max-width:730px) {
.enableUp730{
        display: none;
}
}
@media screen and  (max-width:700px) {
.enableUp700{
        display: none;
}
}
@media screen and  (max-width:460px) {
.enableUp460{
        display: none;
}
}
@media screen and  (min-width:428px) {
.enableUn428{
        display: none;
}
}
@media screen and  (max-width:380px) {
        .enableUp380{
                display: none;
        }
}


/*------------------------
ウィジェット
-------------------------*/
/* TOP用ヘッダー */
header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 3;
}
.wp-block-navigation-item__content:hover {
        opacity: 0.5;
}
/* ハンバーガーメニュー大きさ */
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
        width: 40px;
        height: 40px;
}
.wp-block-navigation__responsive-container-open {
        position: relative;
}
.wp-block-navigation__responsive-container-open::after {
        content: 'MENU';
        display: block;
        position: absolute;
        bottom: -10px;
        font-size: 85%;
        left: 0;
        right: 0;
        margin: auto;
        font-family: var(--wp--preset--font-family--custom-adobe-font);
}
.wp-block-navigation__responsive-container-close::after {
        content: 'CLOSE';
        display: block;
        position: absolute;
        bottom: -10px;
        font-size: 86%;
        left: 0;
        right: 0;
        margin: auto;
        font-family: var(--wp--preset--font-family--custom-adobe-font);
}
.babyblueBtn {
        border: solid 2px var(--wp--preset--color--bg-blue-green);
        border-radius: 50px;
}
.logoblueBtn {
        border: solid 2px var(--wp--preset--color--corp-light-blue);
        border-radius: 50px;
}
.babyblueBtn a:hover {
        color: var(--wp--preset--color--bg-blue-green);
        background: var(--wp--preset--color--white) !important;
}
.logoblueBtn a:hover {
        color: var(--wp--preset--color--corp-light-blue);
        background: var(--wp--preset--color--white) !important;
}
@media screen and (max-width: 600px) {
.babyblueBtn,
.logoblueBtn {
        border: none;
}
}
/* ヘッダーサブメニュー */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        border-radius: 10px;
        padding: 10px 0;
        top: 170%;
        min-width: 170px;
}
/*
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li {
        display: flex;
        align-items: center;
        gap: 5px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li::before {
        content: '';
        width: 5px;
        aspect-ratio: 1 / 1;
        border-radius: 50px;
        background: var(--wp--preset--color--sublink-gray);
}
*/
/* ハンバーガーメニュー内部 */
.wp-block-navigation__responsive-container-close {
        right: 10px;
        top: 10px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content {
        margin-top: 20px !important;
        padding: 70px 20px 30px !important;
        border-radius: 10px;
        background: var(--wp--preset--color--footer-light-gray);
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__container {
        padding: 0 0 40px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > li {
        padding: 15px 10px;
        border-bottom: solid 1px var(--wp--preset--color--white);
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content .wp-block-button {
        width: 100%;
        padding: 0 30px;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content .wp-element-button {
        width: 100%;
}
.wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__submenu-container > li {
        padding: 10px;
}
/* サブページタイトル */
.pagettlArea{
        margin-block-start: 100px !important;
}
.pagettlArea .innerWide {
        display: flex;
        align-items: end;
        justify-content: space-between;
        max-width: var(--wp--style--global--wide-size);
        margin: auto;
}
.pagettlArea .pageTtl {
        display: grid;
        gap: 5px;
}
.pagettlArea .eng {
        color: var(--wp--preset--color--deep-dull-blue);
        font-size: var(--wp--preset--font-size--page-ttl-alpha);
        font-family: var(--wp--preset--font-family--custom-adobe-font);
        font-weight: 400;
}
.pagettlArea .jp {
        color: var(--wp--preset--color--deep-dull-blue);
        font-size: var(--wp--preset--font-size--page-ttl-japanese);
        font-family: var(--wp--preset--font-family--ibm-plex-sans-jp);
        font-weight: 400;
        display: flex;
        align-items: center;
}
.pagettlArea svg {
        width: var(--wp--preset--font-size--page-ttl-japanese);
}
@media screen and (max-width: 780px) {
        .pagettlArea .innerWide {
                flex-direction: column;
                gap: 20px;
        }
        .pagettlArea .pageTtl {
                align-self: baseline;
        }
}
/* メインビジュアルテンプレート */
@media screen and  (max-width:780px) {
.ttlImg {
        aspect-ratio: 3 / 1 !important;
        min-height: auto !important;
        width: 100%;
        min-height: 280px !important;
}
}
/* コンタクトアス */
@media screen and  (max-width:780px) {
.kneebtnWrap {
        min-height: 130px !important;
}
}
.kneeBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
}
.kneeBtn::after {
        content: '\f1df';
        font-family: 'Material Icons';
        display: grid;
        place-content: center;
        aspect-ratio: 1 / 1;
        height: 45px;
        font-size: 25px;
        background: var(--wp--preset--color--ttl-navy);
        color: var(--wp--preset--color--white);
        border-radius: 9999px;
        border: solid 1px var(--wp--preset--color--ttl-navy);
}
.kneeBtnOuter>a.cover-link:hover .kneebtnWrap>span{
        background: var(--wp--preset--color--ttl-navy) !important;
}
.kneeBtnOuter>a.cover-link:hover .kneebtnWrap .nkeeBtnInner>p{
        color: var(--wp--preset--color--white) !important;
}
.kneeBtnOuter>a.cover-link:hover .kneeBtn::after{
        color: var(--wp--preset--color--ttl-navy);
        background: var(--wp--preset--color--white);
}
.kneebtnWrap>span,
.nkeeBtnInner>p,
.kneeBtn::after{
        transition: all 0.3s;
}
/* ファーストメッセージ サイズ */
.firstMessage{
        font-size: clamp(16px, 14.592px + 0.376vw, 20px) !important;  
}
/* サービス案内（事業案内3つ並び）パーツDOA画像 */
.serviceInfo .leftImage,
.serviceInfo .rightImage,
.serviceInfo .centerImage{
    text-align: center;
}

.serviceInfo .leftImage img{
    aspect-ratio: 222/300;
    width: auto;
}
.serviceInfo .centerImage img{
    aspect-ratio: 298/291;
    width: auto;
}
.serviceInfo .rightImage img{
    aspect-ratio: 334/298;
    width: auto;
}

/* サービス案内（事業案内3つ並び）パーツDOA画像 > 画像大きさ・画像上下余白の制御 */
.serviceInfo .leftImage img,
.serviceInfo .rightImage img{
    height: 120px;
}
.serviceInfo .centerImage img{
    height: 160px;
}
.serviceInfo .leftImage,
.serviceInfo .rightImage{
    padding: 20px 0;
}
.serviceInfo .centerImage{
    padding: 30px 0;
}

/* サービス案内（事業案内3つ並び）パーツ矢印 */
.serviceInfo .listArrowWrap{
        position: relative;
}
       
.serviceInfo .listArrowWrap::after{
        /* content: '';
        display: inline-block;
        position: absolute;
        background-image: url(/wp-content/themes/doa_original/assets/svg/ico_black.svg);
        aspect-ratio: 1/1;
        width: clamp(35px, -18.493px + 6.849vw, 50px);
        background-size: contain;
        right: 0;
        bottom: 0; */

        content: '\f1df';
        font-family: 'Material Icons';
        position: absolute;
        right: 0;
        bottom: 0;
        display: grid;
        place-content: center;
        aspect-ratio: 1 / 1;
        border-radius: 9999px;
        height: clamp(35px, -18.493px + 6.849vw, 50px);
        font-size: calc((clamp(35px, -18.493px + 6.849vw, 50px))*(25/45));
        transition: all 0.3s;
        background: var(--wp--preset--color--bg-dark-navy);
        color: var(--wp--preset--color--white);
        border: solid 1px var(--wp--preset--color--bg-dark-navy);
        transition: all 0.3s;
}
.serviceItem>a:hover .serviceItemInner>span{
        background: var(--wp--preset--color--bg-light-gray) !important;
}
.serviceItem>a:hover .serviceItemInner .listArrowWrap::after{
        background: var(--wp--preset--color--bg-light-gray);
        color: var(--wp--preset--color--bg-dark-navy);
}
@media screen and  (max-width:520px) {
.serviceItem .serviceItemInner {
        min-height: auto;
}
}
/*------------------------
フッター
-------------------------*/
.footerLinkGrid{
        padding-left: 15px;
        grid-template-columns: 0.8fr 1fr 0.8fr 1fr;
}
footer a:hover{
        opacity: 0.6;
}
@media screen and  (max-width:782px) {
        .footerLinkGrid{
                grid-template-columns: 1fr 1fr;
                gap: 30px 0;
        }
}
.cpRight{
        text-align: center;
        }
        .forBelow420{
        display:none;
        }
        @media screen and (max-width: 420px) {
        .forBelow420{
        display:inline;
        }
        }

/* reCAPTCHA */
.recaptchaBox p{
        text-align: center;
}
.recaptchaBox a{
        color: var(--wp--preset--color--deep-dull-blue);
        text-decoration-color: var(--wp--preset--color--deep-dull-blue);
}
.grecaptcha-badge { 
        visibility: hidden; 
}
@media screen and (max-width: 782px) {
        .recaptchaBox p{
                max-width: 360px;
                margin: 30px auto 0;
        }
}
/*------------------------
TOP
-------------------------*/
.page-id-326 .wp-site-blocks{
        padding: 0;
}
.page-id-326 .wp-block-post-content,
.page-id-326 .recruitArea{
        margin-top: 0;
}

.page-id-326 .wp-block-lazyblock-mainslide,
.wp-site-blocks:has(.wp-block-lazyblock-mainslide){
        margin-block-start: 0;
}
.wp-block-post-content:has(header){
        margin-block-start: 0;
}
/*
.page-id-326 nav .noWrapNavItem{
        color: var(--wp--preset--color--white);
}
*/
.page-id-326 .messageArea{
        position: relative;
        overflow: hidden;
}
.page-id-326 .messageArea::before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 20%;
        aspect-ratio: 529/510;
        clip-path: polygon(0 0, 0 100%, 100% 100%);
        background: #0096DE;
        opacity: 0.6;
}
.page-id-326 .messageArea::after{
        content: '';
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 20%;
        aspect-ratio: 520/246;
        clip-path: polygon(100% 0, 100% 100%, 0 100%);
        background: #D8E5ED;
}
.page-id-326 .recruitArea::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        aspect-ratio: 740/1060;
        clip-path: polygon(0 0, 0 100%, 100% 0);
        background: #D8E5ED;
}
.page-id-326 .informationArea::after{
        content: '';
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 20%;
        aspect-ratio: 529/510;
        clip-path: polygon(100% 0, 100% 100%, 0 100%);
        background: #0096DE;
        opacity: 0.6;
}
.page-id-326 .serviceArea{
        margin-top: 0;
}
.page-id-326 .recruitArea .linkWrap{
     min-height: 0; 
     padding: 0;
     overflow: visible;
}
.page-id-326>.wp-block-cover.is-light{
        margin-top: 0 !important;
}
.page-id-326 .recruitArea .allowTxt{
        display: flex;
        gap: 10px;
        align-items: center;
}
.page-id-326 .recruitArea .allowTxt::before{
        content: '\f1df';
        font-family: 'Material Icons';
        display: grid;
        place-content: center;
        aspect-ratio: 1 / 1;
        border-radius: 9999px;
        height: var(--wp--preset--font-size--large);
        font-size: calc(var(--wp--preset--font-size--large)*(25/45));
        background: var(--wp--preset--color--bg-dark-navy);
        color: var(--wp--preset--color--white);
        border: solid 1px var(--wp--preset--color--bg-dark-navy);
}
.linkWrap .has-footer-light-gray-background-color,
.linkWrap .leftItem p,
.linkWrap .leftItem h2,
.linkWrap .leftItem p.allowTxt::before{
        transition: all 0.3s;
}
.page-id-326 .recruitArea>a:hover .linkWrap .has-footer-light-gray-background-color{
        background: var(--wp--preset--color--bg-dark-navy) !important;
}
.page-id-326 .recruitArea>a:hover .linkWrap .leftItem p{
        color: var(--wp--preset--color--white);
}
.page-id-326 .recruitArea>a:hover .linkWrap .leftItem h2{
        color: var(--wp--preset--color--white) !important;
}
.page-id-326 .recruitArea>a:hover .linkWrap .leftItem p.allowTxt::before{
        color: var(--wp--preset--color--bg-dark-navy);
        background: var(--wp--preset--color--white);
}

.page-id-326 .recruitArea .flexWrap .leftImg
{
        flex-basis: 55%;
        transform: rotate(-10deg);
        margin-top: -65px;
}
.page-id-326 .recruitArea .flexWrap .rightImg
{
        flex-basis: 50%;
        transform: rotate(6deg);
        margin-left: -70px;
}
.page-id-326 .recruitArea .flexWrap img{
        border-radius: 20px;
}
@media screen and (max-width:782px){
        .page-id-326 .messageArea::before{
                width: 25%;
        }
        .page-id-326 .messageArea::after{
                width: 35%;
        }
        .page-id-326 .recruitArea::before{
                height: 50%;
        }
        .page-id-326 .informationArea::after{
                width: 30%;
        }
        .page-id-326 .recruitArea .flexWrap{
                margin: 100px auto 0;
                width: 80%;
        }
}
@media screen and (max-width:600px){
        .page-id-326 .recruitArea .flexWrap{
                width: 95%;
        }
        .page-id-326 .recruitArea .flexWrap img{
                border-radius: 15px;
        }
}
@media screen and (max-width:450px){
        .page-id-326 .recruitArea .flexWrap{
                margin-top: 85px;
                width: 105%;
        }
        .page-id-326 .recruitArea .flexWrap img{
                border-radius: 10px;
        }
}
@media screen and (max-width:420px){
        .page-id-326 .messageArea::before{
                width: 30%;
        }
        .page-id-326 .messageArea::after{
                width: 40%;
        }
        .page-id-326 .informationArea::after{
                width: 35%;
        }
}
/* メインスライド */
.topmainSlide .splide__wrapper {
        position: relative;
}
 
.topmainSlide .splide__wrapper::before {
        content: '';
        width: 100%;
        height: 100%;
        background: #30333573;
        position: absolute;
        z-index: 1;
}
 
.topmainSlide .slide-image {
        width: 100vw;
        height: 100vh;
}
 
.topmainSlide .slide-image img {
        transition: 7s 1s ease-out;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.topmainSlide .splide__slide[class*=-active] .slide-image img {
        transition-delay: 0s;
        transform: scale(1.05);
}
.topmainSlide .txtBox {
        position: absolute;
        z-index: 2;
        bottom: 8%;
        left: 0;
        display: flex;
        align-items: flex-end;
        gap: 20px;
        width: 100%;
        margin: auto;
        padding-right: var(--wp--preset--spacing--60);
        padding-left: var(--wp--preset--spacing--60);
        box-sizing: border-box;
        right: 0;
}
.topmainSlide .txtBox .jp {
        font-family: var(--wp--preset--font-family--ibm-plex-sans-jp);
        font-size: clamp(20px, calc(15.333333333333332px + 1.2962962962962963vw), 34px);
        color: var(--wp--preset--color--white);
        flex-shrink: 0;
}
.topmainSlide .txtBox .eg {
        font-family: var(--wp--preset--font-family--custom-adobe-font);
        font-size: clamp(30px, calc(15.333333333333332px + 4.490740740740741vw), 80px);
        color: var(--wp--preset--color--white);
        line-height: 1.2;
}
@media screen and (max-width: 780px) {
.topmainSlide .txtBox {
        flex-direction: column;
        gap: 5px;
        align-items: baseline;
}
}
@keyframes topmainSlide-fadeIn {
        0% {
                transform: scale(0.5);
                opacity: 0;
                filter: blur(300px);
        }
 
        100% {
                transform: scale(1);
                opacity: 1;
                filter: blur(0);
        }
}
@media screen and (min-width: 600px) {
#modal-1-content {
        padding: 10px 25px;
}
#modal-1-content::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ffffff85;
        left: 0;
        z-index: -1;
        backdrop-filter: blur(2px);
        border-radius: 50px;
}
}
/*------------------------
会社沿革
-------------------------*/
.carouselSlide .imgBox {
        margin: 0 0 20px;
}
.carouselSlide .contTtl {
        color: var(--wp--preset--color--white);  
}
.carouselSlide .splide__arrows {
        padding: 20px 0 0;
        max-width: 1280px;
        margin: auto;
}
.page-id-23 .companyInfoList>div>div{
        border-bottom-color: var(--wp--preset--color--custom-darknavy) !important;
        border-bottom-width: 1px !important;
}
.companyInfoList a:hover{
        opacity: 0.6;
}
.historySlide .historyItm {
        display: grid;
        gap: 15px;
}
 
.historySlide .year {
        color: var(--wp--preset--color--deep-dull-blue);
        font-weight: 400;
        font-size: clamp(31.152px, 1.947rem + ((1vw - 3.2px) * 2.484), 55px);
        font-family: var(--wp--preset--font-family--custom-adobe-font);
        margin: 0;
        position: relative;
        padding: 0 0 40px;
        border-bottom: solid 4px var(--wp--preset--color--footer-light-gray);
}
.historySlide .year::after {
        content: '';
        background: url(/wp-content/themes/doa_original/assets/svg/ico_history.svg);
        aspect-ratio: 1 / 1;
        background-size: contain;
        width: var(--wp--preset--font-size--large);
        position: absolute;
        bottom: -18%;
        left: -1px;
}
.historySlide .event {
        padding: 0 17% 0 0;
}

@media screen and  (max-width:428px) {
.page-id-23 .logoConceptBox{
        text-align: center;
        min-width: 140px;
}
.page-id-23 .logoConceptBox p{
        line-height: 1.6 !important;
}
}
/*------------------------
Web制作
-------------------------*/
.page-id-31 .wp-block-columns.is-not-stacked-on-mobile.webCmsBox{
        flex-wrap: wrap !important;
        row-gap: 15px;
}
/*------------------------
お問い合わせページ
-------------------------*/
.contactFormArea{
        width: 100%;
}
.contactFormArea *{
        font-family: var(--wp--preset--font-family--ibm-plex-sans-jp);
}
.contactFormArea input{
        box-sizing: border-box;
}
.contactFormArea .formWrap{
        display: grid;
        gap: 50px;
}
.contactFormArea .formLabelFlex{
        display: flex;
        gap: 5px;
        align-items: center;
        margin-bottom: 5px;
}
.contactFormArea .capsuleBox,
.contactFormArea .exampleTxt{
        font-size: var(--wp--preset--font-size--small);
}
.contactFormArea .labelTtl{
        color: var(--wp--preset--color--deep-dull-blue);
        font-size: var(--wp--preset--font-size--text);
        font-weight: 500;
}
input[type='submit'] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background: transparent;
	border: none !important;
	border-radius: 0 !important;
	font: inherit;
	outline: none !important;
	cursor: pointer !important;
	color: inherit;
}
.page-id-37 .submitWrap {
        position: relative;
        margin: 70px auto 0;
        width: fit-content;
        background: var(--wp--preset--color--btn-blue);
        border-radius: 100px;
        transition: all 0.3s;
        color: var(--wp--preset--color--white);
        max-width: 260px;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 10px var(--wp--preset--spacing--30);
        gap: 20px;
}
.page-id-37 input[type="submit"] {
        font-weight: 500;
        font-size: var(--wp--preset--font-size--normal);
        width: 100%;
        height: 100%;
        display: block;
        transition: all 0.3s;
        z-index: 2;
        position: relative;
        width: fit-content;
        padding: 0;
}
.page-id-37 .submitWrap::before {
        content: '\f1df';
        font-family: 'Material Icons';
        display: grid;
        place-content: center;
        aspect-ratio: 1 / 1;
        border-radius: 9999px;
        height: var(--wp--preset--font-size--large);
        font-size: calc(var(--wp--preset--font-size--large)*(25/45));
        transition: all 0.3s;
        background: var(--wp--preset--color--white);
        color: var(--wp--preset--color--btn-blue);
        border: solid 1px var(--wp--preset--color--btn-blue);
        position: relative;
        z-index: 2;
}
.page-id-37 .submitWrap::after {
        background: var(--wp--preset--color--bg-light-gray);
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 100%;
        transform: scale(0, 1);
        transform-origin: left top;
        transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
        z-index: -1;
        border-radius: 100px;
}
.page-id-37 .submitWrap:hover::after {
        transform: scale(1, 1);
        z-index: 1;
}
.page-id-37 .submitWrap:hover input[type="submit"] {
        color: var(--wp--preset--color--text-black);
}
.page-id-37 .submitWrap:hover::before{
        background: var(--wp--preset--color--btn-blue);
        color: var(--wp--preset--color--white);
} 
.page-id-37 .wpcf7-spinner {
        display: none;
}
@media screen and (max-width: 782px) {
        .page-id-37 .submitWrap {
                gap: 10px;
                max-width: 225px;
        }

}
/*------------------------
プライバシーポリシー
-------------------------*/
.page-id-35 .firstMessage a:hover{
        opacity: 0.6;
}
@media screen and  (max-width:610px) {
        .page-id-35 .mostChildList{
                margin-left: -15px;
        }
}
/*------------------------
投稿タイプ
-------------------------*/
.postSlide .imgBox {
        border-color: var(--wp--preset--color--footer-light-gray);
        aspect-ratio: 16 / 9;
}
.postSlide .imgBox img {
        border-radius: 20px;
        border: solid var(--wp--preset--color--footer-light-gray) 3px;
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.postSlide .contTtl, 
.postSlide .capsuleBox{
        margin: 0;
}
.postSlide .postTime {
        color: var(--wp--preset--color--corp-dull-blue);
}
.postSlide .catBox {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        margin: 0 0 5px;
}
@media screen and (max-width: 782px) {
.postSlide .imgBox img {
        border-radius: 10px;
}
}
@media screen and (max-width: 460px) {
.postSlide .catBox{
        gap: 3px
}
.postSlide .capsuleBox{
        font-size: 10px;
        padding: 6px 7px;
}
}
/* 投稿一覧ページ */
.archivesPost .mapBox {
        margin: 0 auto 80px;
}
.archivesPost .gridBox {
        display: grid;
        gap: 4em 1.1em;
        grid-template-columns: 1fr 1fr 1fr;
}
.archivesPost .gridBox.columns3,
.archivesPost .gridBox.columns6,
.archivesPost .gridBox.columns12 {
        grid-template-columns: 1fr 1fr 1fr;
}
.archivesPost .gridBox.columns4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 782px) {
.archivesPost .gridBox {
grid-template-columns: 1fr 1fr !important;
}
}
/* ページネーション */
.nav-links {
display: flex;
gap: 15px;
justify-content: center;
padding: 50px 0 0;
}
.nav-links * {
display: grid;
width: 50px;
height: 50px;
place-content: center;
background: var(--wp--preset--color--white);
border-radius: 50px;
	border: solid 3px var(--wp--preset--color--knee-light-glay);
}
.nav-links a:hover {
background: var(--wp--preset--color--knee-light-glay);
}
.nav-links .page-numbers.current {
	  border: solid 3px var(--wp--preset--color--footer-light-gray);
}
@media screen and (max-width: 780px) {
.nav-links {
gap: 5px;
}
.nav-links * {
font-size: 14px;
}
}