@charset "UTF-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

    HEADER

++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#js-header {
    background-image: url(./img/header/line.jpg);
    background-position: top center;
    background-repeat: repeat-x;
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 10%);
}
#js-header .l-header__inner.l-inner {
    padding-top: 35px;
}
#js-global-nav {
    padding-top: 20px;
}
#js-header .c-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#js-header .c-logo img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 1199px) {
    #js-header .l-header__inner.l-inner {
        padding-top: 15px;
    }

    /* スマホ子メニュー */
    .p-global-nav .sub-menu {
        display: block;
    }
    .p-global-nav .sub-menu a {
        padding: 0px 0px 17px 25px;
    }
    .p-global-nav .sub-menu a:hover {
        padding: 0px 39px;
    }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

    FOOTER

++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* フッターメニュー */
.p-footer-nav {
    display: none;
}

.p-info__inner.l-inner {
    display: none;
}

/* フッターウィジェット */
@media screen and (min-width: 992px) {
    .p-footer-widgets,
    .p-footer-widgets__inner {
        height: 400px;
    }    
}

/* フッターウィジェット１(会社情報) */
#custom_html-2 {
    padding-left: 10px;
    padding-right: 10px;
}
#footer-address img {
    max-width: 100%;
}
#footer-address p {
    line-height: 1.8;
    margin-bottom: 10px;
    font-size: 18px;
}
#footer-address .p-social-nav {
    text-align: center;
}
#footer-address .p-social-nav__item {
    font-size: 40px;
}

/* フッターウィジェット２(メニュー) */
#nav_menu-2 {
    padding-top: 10px;
}
#nav_menu-2.widget_nav_menu li {
    /* font-size: 20px; */
    font-size: 18px;
    line-height: 1.7;
}
#nav_menu-2 .sub-menu {
    margin-left: 15px;
}
#nav_menu-2 .sub-menu li::before {
    /* content: '-'; */
}

/* フッターウィジェット３(バナー) */
#custom_html-4 {
    padding-top: 10px;
    padding-bottom: 10px;
}
#footer-ec .img-ec {
    height: 90px;
    position: relative;
    transition: 0.3s;
}
#footer-ec .img-ec:hover {
    opacity: 0.7;
}
#footer-ec .img-ec a {
    display: block;
    height: 100%;
}
#footer-ec img {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: auto;
    height: 30px;
}

/* フッターウィジェット４(マップ) */
#custom_html-3 {
    padding: 0;
    height: 340px;
}
#custom_html-3,
#custom_html-3 .custom-html-widget {
    height: 100%;
}
#nav_menu-2 {
    padding-top: 10px;
}




/* お問い合わせ */
#footer-contact-wrapper {
    height: 200px;
    width: 100%;
    position: relative;
    transition: 0.3s;
}
#footer-contact-wrapper:hover {
    opacity: 0.7;
}
#footer-contact {
    height: 100%;
    width: 100%;
    background-image: url(./img/common/contactus.jpg);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}
#footer-contact a {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1000;
}
#footer-contact a span {
    display: none;
}
#footer-contact-overray {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0; top: 0;
    background: rgba(247, 176, 36, .2);
    z-index: 1;
}
@media screen and (max-width: 690px) {
    #footer-contact {
        background-position-x: center;
    }
    #footer-contact a span {
        display: inline;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        color: #fff;
        width: 100%;
        font-family: cursive;
    }
}


/* twitter */
.p-social-nav__item--twitter a::before {
    color: #1DA1F2;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

    共通

++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ページタイトル箇所 */
.p-cover {
    height: 150px;
    margin-bottom: 50px;
}

/* アーカイブのコンテンツ位置 */
.l-contents--no-border .l-contents__inner {
    margin-top: 0;
}

/* 見出しH1 */
h1.p-cover__title {
    /* font-size: 42px; */
    font-size: 23px;
    position: relative;
    padding-bottom: 10px;
    letter-spacing: 0.05em;
}
h1.p-cover__title:before {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 75px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #F7B024;
}

/* 見出しH2 */
h2.has-text-align-center {
    /* font-size: 38px; */
    font-size: 23px;
    position: relative;
    margin-bottom: 50px;
    letter-spacing: 0.08em;
}
h2.has-text-align-center:before {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #00A292;
}
@media screen and (max-width: 700px) {
    h1.p-cover__title {
        font-size: 36px;
    }
    h2.has-text-align-center {
        font-size: 24px;
    }
}
/* 見出しH3 */
h3.has-text-align-center {
    font-size: 20px;
}

/* 下層ブロック */
/* 下層ページカバー */
.l-contents .wp-block-cover,
.l-contents .block_ {
    margin-bottom: 100px;
}
.l-contents .wp-block-cover img {
    height: 100%;
}

/* テーブル */
@media screen and (max-width: 767px) {
    .block_ .wp-block-table td {
        display: block;
        border-bottom: none;
        padding-right: 5px;
    }
    .block_ .wp-block-table tr:last-child td:last-child {
        border-bottom: 1px solid #ddd;
    }
    .block_ .wp-block-table td:nth-of-type(odd) {
        font-weight: 600;
        padding-bottom: 0;
    }
    .block_ .wp-block-table td:nth-of-type(even) {
        padding-left: 20px;
        padding-top: 0px;
        border-top: none;
    }
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

    TOP

++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ブロック */
#js-cb {
    padding-top: 60px;
}

/* キャッチフレーズ */
.p-index-content01.l-inner {
    display: none;
}

/* 3カラム */
.p-index-content02.p-cb__item.l-inner .p-three-box__item {
    height: 450px;
    margin: 0 25px;
}
.p-index-content02.p-cb__item.l-inner .p-article12__img {
    transition: none;
    transform: none;
}
.p-index-content02.p-cb__item.l-inner .p-btn {
    display: none;
}

.p-article12 a .p-article12__img::before {
    opacity: 1;
}
.p-article12 .p-article12__header {
    z-index: 10;
}
.p-article12 .p-article12__header .p-article12__title,
.p-article12 .p-article12__header .p-article12__sub {
    color: #fff;
}



/* お知らせ */
.p-index-content03.p-cb__item.l-inner {
    /* background-color: #f0f8ff; */
    background-color: #edf2e5;
    width: 100%;
    padding: 40px 0px;
    max-width: unset;
}
#js-news-tab-list {
    width: 92.1875%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
.p-index-content03 .p-article04 {
    background-color: #fff;
}

/* バナー */
.p-index-content05.p-cb__item.l-inner {
    /* background-color: #f0f8ff; */
    background-color: #edf2e5;
    padding: 40px 20px;
    /* padding: 40px 0px; */
    width: 100%;
    max-width: unset;
    justify-content: center;

    /* display: block; */
    /* text-align: center; */
}
.p-index-content05 .p-index-content05__item {
    transition: 0.3s;
    /* width: 200px; */
    margin-left: 10px;
    margin-right: 10px;

    /* display: inline-block; */
    width: unset;
}
.p-index-content05__item:hover {
    opacity: 0.5;
}
.p-index-content05__item-desc {
    text-align: center;
}
.p-index-content05__item-banner img {
    /* height: 50px; */
    height: 30px;
    width: auto;
    max-width: unset;
}

/* Youtube */
#top-youtube h2 {
    font-size: 23px;
    background-color: #F7B024;
    margin: 0;
    color: #fff;
}

@media screen and (min-width: 1266px) {
    #top-youtube {
        height: 600px;
        position: relative;
    }
    #top-youtube > * {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
    }
    #top-youtube h2 {
        padding: 40px;
        top: 10%;
        left: 5%;
    }
    #top-youtube #youtube {
        right: 0;
    }
}
@media screen and (max-width: 1265px) {
    #top-youtube h2 {
        text-align: center;
        padding: 10px;
    }
    #top-youtube iframe {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    #top-youtube h2 {
        font-size: 28px;
    }
    #top-youtube iframe {
        height: 300px;
    }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

    COMPANY

++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.page-id-16 .l-contents li {
    line-height: 1.7;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    list-style: none;
}

@media screen and (max-width: 599px) {
    .page-id-16 .block_other h3 {
        margin-bottom: 10px;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

    PARTNER

++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 見出し */
.page-id-18 .block_ h2 {
    line-height: 1;
}
.page-id-18 .block_ h2 span::before {
    content: "\A";
	white-space: pre;
}
.page-id-18 .block_ h2 span {
    font-size: 80%;
    font-weight: 100;
}
.page-id-18 .block_ p {
    margin-bottom: 10px;
}
.page-id-18 .l-contents .wp-block-group__inner-container > ul {
    width: 100%;
    max-width: 500px;
    margin: auto;
}
.page-id-18 .l-contents li {
    line-height: 1.7;
    list-style: disc;
}

@media screen and (max-width: 599px) {
    .page-id-18 .block_ .alignright {
        float: none;
        margin: auto;
    }
    .page-id-18 .block_ .has-text-align-left {
        text-align: center;
    }
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

    CONTACT

++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  */
.page-id-20 .block_ p {
    margin-bottom: 10px;
}
.page-id-20 .block_ p.tel a {
    font-size: 28px;
    transition: 0.3s;
}
.page-id-20 .block_ p.tel a:hover {
    opacity: 0.7;
    text-decoration: none;
}

/*  */
.page-id-20 .mw_wp_form {
	max-width: 700px;
	margin: auto;
}
.page-id-20 .mw_wp_form table {
	margin-bottom: 30px;
}
.page-id-20 .mw_wp_form table tr td {
  border: none;
  font-family: sans-serif;
}
@media screen and (min-width: 701px) {
	.page-id-20 .mw_wp_form table tr td {
    padding: 10px 5px;
    border: none;
    border-bottom: dotted 1px #666;
    font-family: sans-serif;
}
.page-id-20 .mw_wp_form table tr td:nth-child(odd) {
		width: 200px;
		vertical-align: top;
	}
}
@media screen and (max-width: 700px) {
	.page-id-20 .mw_wp_form table tr td {
		display: block;
	}
    .page-id-20 .mw_wp_form table tr td:nth-child(odd) {
		padding-bottom: 0;
        font-size: 16px;
        font-weight: 600;
	}
	.page-id-20 .mw_wp_form table tr td:nth-child(even) {
		padding-top: 5px;
		border-bottom: dotted 1px #ccc;
	}
}

/* 必須 */
.page-id-20 .mw_wp_form .required {
    font-size: 12px;
    font-weight: normal;
    color: #f00;
    margin-top: 2px;
    line-height: 20px;
    padding: 0px 5px;
}
/* 例 */
.page-id-20 .mw_wp_form .ex_ {
	color: #666;
	font-size: 90%;
	font-weight: 100;
}
/* サブミットボタン */
.page-id-20 .mw_wp_form .button_ {
    box-sizing: border-box;
    width: 100%;
    max-width: 225px;
    border-radius: 5px;
    margin: auto;
}
.page-id-20 .mw_wp_form .button_ input {
    position: relative;
    display: block;
    width: 100%;
    max-width: 225px;
    height: 48px;
    margin: 0 auto;
    cursor: pointer;
    border: none !important;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    outline: none;
    border-radius: 5px;
    background-color: #00a293;
    color: #fff;
    transition: 0.3s;
}
.page-id-20 .mw_wp_form .button_:hover input {
	background-color: #0072a3;
	color: #fff;
}
/* 入力欄 */
.page-id-20 .mw_wp_form td > input,
.page-id-20 .mw_wp_form td textarea {
	width: 100%;
}
/* 入力欄 */
.page-id-20 .mw_wp_form .privacypolicy {
    padding-left: 10px;
    margin-bottom: 30px;
}
.page-id-20 .mw_wp_form .privacypolicy p {
    margin-bottom: 10px;
}
.page-id-20 .mw_wp_form .privacypolicy p:nth-child(1) span {
    font-weight: 600;
}
@media screen and (max-width: 700px) {
    .page-id-20 .mw_wp_form .privacypolicy p:nth-child(1) span {
        font-size: 16px;
    }
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++

    CONCEPT

++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.page-id-7 .wp-block-columns {
    justify-content: center;
}



