@charset "utf-8";

/* ------------------------------ */
/* 共通開始 */
/* ------------------------------ */
/************ breakpointの設定開始 ************/
$bp_1920: 1920px;
$bp_1760: 1760px;
$bp_1600: 1600px;
$bp_1540: 1540px;
$bp_1500: 1500px;
$bp_1450: 1450px;
$bp_1400: 1400px;
$bp_1300: 1300px;
$bp_1240: 1240px;
$bp_1200: 1200px;
$bp_1100: 1100px;
$bp_1050: 1050px;
$bp_1000: 1000px;
$bp_tab_980: 980px;
$bp_880: 880px;
$bp_850: 850px;
$bp_800: 800px;
$bp_sp_768: 768px;
$bp_700: 700px;
$bp_580: 580px;
$bp_500: 500px;
$bp_440: 440px;
$bp_400: 400px;
$bp_380: 380px;

@mixin bp_1760 {
    @media screen and (max-width: ($bp_1760)) {
      @content;
    }
  }
  
@mixin bp_1600 {
  @media screen and (max-width: ($bp_1600)) {
    @content;
  }
}
@mixin bp_1540 {
    @media screen and (max-width: ($bp_1540)) {
      @content;
    }
  }
@mixin bp_1500 {
  @media screen and (max-width: ($bp_1500)) {
    @content;
  }
}
@mixin bp_1450 {
    @media screen and (max-width: ($bp_1450)) {
      @content;
    }
  }
@mixin bp_1400 {
  @media screen and (max-width: ($bp_1400)) {
    @content;
  }
}
@mixin bp_1300 {
  @media screen and (max-width: ($bp_1300)) {
    @content;
  }
}
@mixin bp_1240 {
    @media screen and (max-width: ($bp_1240)) {
        @content;
    }
}
@mixin bp_1200 {
    @media screen and (max-width: ($bp_1200)) {
      @content;
    }
  }
@mixin bp_1100 {
@media screen and (max-width: ($bp_1100)) {
    @content;
}
}
@mixin bp_1050 {
@media screen and (max-width: ($bp_1050)) {
    @content;
}
}
@mixin bp_1000 {
  @media screen and (max-width: ($bp_1000)) {
    @content;
  }
}
@mixin bp_tab_980 {
  @media screen and (max-width: ($bp_tab_980)) {
    @content;
  }
}
@mixin bp_880 {
    @media screen and (max-width: ($bp_880)) {
      @content;
    }
}
@mixin bp_850 {
    @media screen and (max-width: ($bp_850)) {
      @content;
    }
}
@mixin bp_800 {
    @media screen and (max-width: ($bp_800)) {
      @content;
    }
}
@mixin bp_sp_768 {
  @media screen and (max-width: ($bp_sp_768)) {
    @content;
  }
}
@mixin bp_700 {
    @media screen and (max-width: ($bp_700)) {
      @content;
    }
  }
@mixin bp_580 {
    @media screen and (max-width: ($bp_580)) {
      @content;
    }
  }
@mixin bp_500 {
    @media screen and (max-width: ($bp_500)) {
        @content;
    }
}
@mixin bp_440 {
@media screen and (max-width: ($bp_440)) {
    @content;
}
}
@mixin bp_400 {
@media screen and (max-width: ($bp_400)) {
    @content;
}
}
@mixin bp_380 {
@media screen and (max-width: ($bp_380)) {
    @content;
}
}

.pc {
    @media screen and (min-width: (1025px)) {
        display: block;
      }
    @media screen and (max-width: (1024px)) {
        display: none !important;
    }
}
.pc_big {/* 1400pxより大きい画面にはPC版のヘッダーを適用したい。 */
    @media screen and (min-width: (1401px)) {
      display: block;
    }
    @media screen and (max-width: (1400px)) {
        display: none !important;
    }
}
.pc_small_sp {/* SP版のヘッダーを1400pxまで適用したい。 */
    @media screen and (min-width: (1401px)) {
      display: none !important;
    }
    @media screen and (max-width: (1400px)) {
      display: block !important;
    }
}
.pc-show {
    @media screen and (min-width: (769px)) {
        display: block !important;
      }
    @media screen and  (max-width: (768px)) {
        display: none !important;
    }
}
.sp-show {
    @media screen and (min-width: (769px)) {
        display: none !important;
      }
    @media screen and  (max-width: (768px)) {
        display: block !important;
    }
}
.tab {
    @media screen and (min-width: (1024px)) {
        display: none !important;
      }
    @media screen and (min-width: (771px)) and (max-width: (1023px)) {
        display: block;
      }
}
.sp {
    @media screen and (min-width: (770px)) {
        display: none !important;
      }
    @media screen and (max-width: (769px)) {
        display: block;
      }
}
/************ breakpointの設定終了 ************/

/************ フォント読み込み開始 ************/
body, input, button, textarea, select {
    //font-family: "Noto Sans CJK JP","Noto Sans Japanese","Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: 400;	
	-webkit-font-smoothing: antialiased;
}
/************ フォント読み込み終了 ************/

/************ カラーコード開始 ************/
$c-font: #1e1310;
$c-gold: #d8cb7d;
$c-darkgold:#c8ae67;
$c-main: #520d15;
$c-white: #ffffff;
$c-blue:#002b5f;
$c-purple:#520d15;



$c-main-dark: #8a0021;
$c-main-light1:#a01c3b;
$c-main-light2:#d598a7;
$c-beige: #f7f7f7;
$c-beige-slash: #f5f5f5;
$c-grey:#333333;
$c-grey-light1:#645e66;
$c-grey-light2: #ededed;
$c-grey-light3:#bfbfbf;
$c-grey-light4: #e0e0e0;
$c-grey-footer: #a9a9a9;
$c-black:#f2f2f2;

$c-blue:#0153ac;
$c-blue-dark:#004187;
$c-pink:#b14292;
$c-pink-light:#f4d3db;
$c-pink-dark:#8e2f74;
$c-pink-slash-u: #da9dac;
$c-pink-slash-l: #f4eef3;

$c-green:#1c9734;
$c-green-slash-u: #a9d8b2;
$c-green-slash-l: #e7f8ea;
$c-green-bk: #eef9f0;
$c-green-dark:#15832a;
$c-orange:#ec7237;
$c-orange-dark:#cb602c;

$c-scan-pink: #b14292;
$c-scan-pink-bk: #f9f3f7;

$c-bpo-orange: #ec7237;
$c-bpo-orange-bk: #fff6f2;

$c-data-blue: #0153ac;
$c-data-blue-bk: #e6f2ff;
$c-data-blue-bk-example: #f0f7ff;

$c-btn-lightcolor: #ba294f;
$c-btn-lightcolor-light: #ba657b;

$c-common-blue: #8dbae9;

$grad-red-inochi:linear-gradient(180deg, rgba(177, 46, 78, 1), rgba(203, 124, 146, 1));
$grad-red:linear-gradient(90deg, rgba(213, 152, 167, 1), rgba(213, 152, 167, 0));
$grad-red_2:linear-gradient(180deg, rgba(213, 152, 167, 1), rgba(213, 152, 167, 0));
$grad-blue:linear-gradient(180deg, rgba(209, 233, 255, 1), rgba(209, 233, 255, 0));
$grad-grey:linear-gradient(90deg, rgba(248, 248, 248, 1), rgba(248, 248, 248, 0));
$grad-green:linear-gradient(180deg, rgba(169, 216, 178, 1), rgba(231, 248, 234, 1));
$grad-green-dark:linear-gradient(180deg, rgba(75, 173, 94, 1), rgba(100, 184, 116, 1));
$grad-scan-pink:linear-gradient(180deg, rgba(225, 180, 213, 1), rgba(250, 229, 244, 1));
$grad-scan-pink-dark:linear-gradient(180deg, rgba(197, 116, 175, 1), rgba(209, 145, 191, 1));
$grad-bpo-orange:linear-gradient(180deg, rgba(248, 200, 177, 1), rgba(254, 237, 229, 1));
$grad-bpo-orange-dark:linear-gradient(180deg, rgba(240, 141, 93, 1), rgba(242, 157, 115, 1));
$grad-data-blue:linear-gradient(180deg, rgba(201, 225, 246, 1), rgba(236, 242, 246, 1));
$grad-data-blue-dark:linear-gradient(180deg, rgba(51, 136, 228, 1), rgba(93, 160, 233, 1));
$grad-common-blue:linear-gradient(180deg, rgba(140, 189, 242, 1), rgba(178, 213, 247, 1));
/************ カラーコード終了 ************/

/************ フォントサイズ開始 ************/

/************ フォントサイズ終了 ************/

/************ グラデーション開始 ************/
/*@mixin grad-blue {
background-image: linear-gradient(90deg, rgba(4, 59, 139, 1), rgba(18, 36, 108, 1));
}
@mixin grad-btn {
background: linear-gradient(135deg, transparent 10px, #043c8d 10px,#12246c 100%);
}
@mixin grad-btn-white {
background: linear-gradient(135deg, transparent 10px, #043c8d 10px, #fff 0);
}
@mixin grad-btn-orange {
background: linear-gradient(135deg, transparent 10px, #dd7615 10px, #df5910 100%);
}*/
@mixin sinple_gold {
background: linear-gradient(180deg, #e1dcc5 0%, #f3f4ef 50%, #e1dcc5 100%);
}
@mixin gold_grad_font {
  color: #e1dcc5;//非対応のブラウザでの文字色を設定
  background: -webkit-linear-gradient(0deg, #c8ae67 0%, #ffe59f 50%, #c8ae67 100%);//背景色にグラデーションを指定
  -webkit-background-clip: text;//テキストでくり抜く
  -webkit-text-fill-color: transparent;//くり抜いた部分は背景を表示
}
@mixin gold_grad_90deg {
    background: linear-gradient(90deg, #c8ae67 0%, #ffe59f 50%, #c8ae67 100%);
}
@mixin gold_grad_90deg2 {
    background: linear-gradient(90deg, #907025 0%, #c8ae67 50%, #907025 100%);
}
@mixin silver_blue {
    background: linear-gradient(180deg, #dddee0 0%, #ffffff 50%, #dddee0 100%);
}
@mixin silver_purple {
    background: linear-gradient(180deg, #dddee0 0%, #ffffff 50%, #dddee0 100%);
}
/************ グラデーション終了 ************/

/************ ボタン開始 ************/


/************ ボタン終了 ************/

/************ 開始 ************/


/************ 終了 ************/

/************ 共通css開始 ************/
html {
    scroll-behavior: smooth;
}
a {
    color: unset;
    text-decoration: none;
}
img{
    max-width: 100%;
}
.ank{
    padding-top: 60px;
    margin-top: -60px;
}
body {
    font-size: 16px;
    width: 100vw;
    min-height: 100vh;
    position: relative;
    color: $c-font;
    box-sizing: border-box;
    overflow-x: hidden;

    &.paddingtop80 {
        padding-top: 80px;
    }
}
* {
    //border: 1px solid blue;
}
.ttl_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    img {
        height: 18px;
        width: auto;
    }
    .ttl {
        font-size: 42px;
        position: relative;
        text-align: center;
        margin: 4px 0 0 0;
        font-weight: normal;

        &.white {
            color: $c-white;
        }

        @include bp_1100(){
            font-size: 36px;
        }
        @include bp_880(){
            font-size: 26px;
        }
    }
}
/************ 共通css終了 ************/

/* ------------------------------ */
/* 共通終了 */
/* ------------------------------ */

/* ----パンくず開始-------------------------- */
.bread_crumb{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
    padding-top: 0px;

    .content{
      max-width: 768px;
    }
    .bread_crumb_list{
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      font-weight: bold;
      align-items: center;

      .red_color {
        color: $c-main;
      }

      li{
        color: $c-grey;
        font-size: 16px;
        a{
            position: relative;
            margin-right: 20px;
            padding-right: 20px;
            display: flex;
            align-items: center;

          &::after {
            content: '';
            position: absolute;
            background: url(../../assets/img/common/under_news_line.png) no-repeat center center;
            background-size: cover;
            width: 15px;
            height: 1px;
            right: -8px;
            top: 8px;
          }

          img {
            width: auto;
            height: 12px;
          }
        }

        &.gold_color {
            a {
                &::after {
                    top: 6px;
                }
            }
        }
      }
    }
}
/* ----パンくず終了-------------------------- */

/* ------------------------------ */
/* 業務紹介開始 */
/* ------------------------------ */
.business {
    color: $c-font;

    section.mainview_business {
        width: 100%;
        display: flex;
        justify-content: center;

        .mainview_inner_business {
            background: url(../../assets/img/business/business_mainview_pic.png) no-repeat center center;
            background-size: cover;
            max-width: 1920px;
            width: 100%;
            height: 352px;
            display: flex;
            justify-content: center;
            align-items: center;

            .mainview_ttlwrap_business {
                text-align: center;

                img {
                    height: 18px;
                    width: auto;
                    margin: 0 auto;
                }
                .mainview_ttl_business {
                    margin-top: 10px;
                    font-size: 48px;
                    color: $c-white;
                }
            }
        }
    }
    section.section_01 {
        display: flex;
        justify-content: center;

        .section_01_inner {
            display: flex;
            align-items: center;
            flex-direction: column;

            @include bp_1240(){
                width: calc(100% - 40px);
            }


            .ttl {
                font-size: 42px;
                position: relative;
                text-align: center;
                margin: 80px 0 0 0;
                font-weight: normal;

                @include bp_1100(){
                    font-size: 36px;
                }
                @include bp_880(){
                    font-size: 26px;
                }
        
                &::after {
                    content: '';
                    position: absolute;
                    background: url(../../assets/img/common/under_news_line.png) no-repeat center center;
                    background-size: cover;
                    width: 50px;
                    height: 2px;
                    left: 50%;
                    bottom: -20px;
                    transform: translateX(-50%)
                }
            }

            .text {
                font-size: 18px;
                text-align: left;
                line-height: 1.8em;
                letter-spacing: 0.8em;
                letter-spacing: 2px;

                &.text_01 {
                    margin: 53px 0 43px 0;
                }
                &.text_02 {
                    margin: 50px 0 61px 0;
                }
                &.text_03 {
                    margin: 67px 0 100px 0;
                }
            }
            .catch {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                @include sinple_gold();
                max-width: 1200px;
                width: 100%;
                height: 160px;
                outline: 1px solid #7f6f2e;
                outline-offset: -14px;

                .catch_01 {
                    span {
                        font-size: 50px;
                    }
                    font-size: 30px;
                    display: flex;
                    align-items: center;

                    @include bp_1100(){
                        span {
                            font-size: 30px;
                        }
                        font-size: 20px;
                    }
                }
                .catch_02 {
                    display: flex;
                    align-items: center;
                    img {
                        width: 70px;
                        height: auto;
                        margin: 0 26px 5px 26px;

                        @include bp_800(){
                            width: 40px;
                            margin: 0 6px 5px 6px;
                        }
                        @include bp_sp_768(){
                            width: 38px;
                        }
                    }
                }
                .catch_03 {
                    font-size: 36px;
                    display: flex;
                    align-items: center;

                    @include bp_1100(){
                        font-size: 25px;
                    }
                    @include bp_380(){
                        font-size: 22px;
                    }
                }
            }
        }
    }
    section.section_02 {
        display: flex;
        justify-content: center;
        background: url(../../assets/img/business/business_LCM_red_bk.png) no-repeat center center;
        background-size: cover;

        .section_02_inner {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            padding: 40px 0 100px 0;

            @include bp_1240(){
                width: calc(100% - 40px);
            }


            .ttl {
                font-size: 42px;
                position: relative;
                text-align: center;
                margin: 50px 0 0 0;
                color: $c-white;
                font-weight: normal;

                @include bp_1100(){
                    font-size: 36px;
                }
                @include bp_880(){
                    font-size: 26px;
                }
        
                &::after {
                    content: '';
                    position: absolute;
                    background: url(../../assets/img/common/under_news_line.png) no-repeat center center;
                    background-size: cover;
                    width: 50px;
                    height: 2px;
                    left: 50%;
                    bottom: -20px;
                    transform: translateX(-50%)
                }
            }

            img {
                margin: 70px 0 0 0;
            }
        }
    }
    section.section_03 {
        display: flex;
        justify-content: center;

        .section_03_inner {
            padding: 100px 0 100px 0;
            display: flex;
            justify-content: center;
            flex-direction: column;
            max-width: 1200px;
            width: 100%;

            @include bp_1240(){
                width: calc(100% - 40px);
            }

            /*追記*/
            .normal_text{
                width: 100%;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.875;
                letter-spacing: 0.05em;
                margin-top: 20px;
            }
            
            /*追記*/

            .ttl_wrap {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;

                img {
                    height: 18px;
                    width: auto;
                }
                .ttl {
                    font-size: 42px;
                    position: relative;
                    text-align: center;
                    margin: 4px 0 0 0;

                    @include bp_1100(){
                        font-size: 36px;
                    }
                    @include bp_880(){
                        font-size: 26px;
                    }
                }
            }

            a {
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 53px 0 0 0;

                .pic_box_wrap {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    width: 100%;

                    

                    .intro_box {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: center;
                        overflow: hidden;
                        width: 47%;
                        margin: 5px;

                        .intro_text {
                            font-size: 18px;
                            margin: 15px;
                        }
                        figure.pic {
                            
                        }

                        img {
                            width: 327px;
                            height: 218px;
                            object-fit: cover;
                        }
                    }
                }
            }

            .table_ttl {
                padding-left: 35px;
                font-size: 26px;
                position: relative;
                margin: 60px 0 33px 0;

                @include bp_880(){
                    font-size: 22px;
                }
                @include bp_400(){
                    font-size: 20px;
                }

                &::before {
                    position: absolute;
                    content: '';
                    width: 26px;
                    height: 2px;
                    background: url(../../assets/img/common/under_news_line.png) no-repeat center center;
                    background-size: cover;
                    left: 0;
                    top: 13px;
                }
            }

            table, td, th {
                border: 1px solid $c-darkgold;
                border-collapse: collapse;
            }
            table {
                max-width: 1200px;
                width: 100%;

                tbody {
                    tr {
                        th {
                            background-color: #eceae0;
                            padding: 20px;
                        }
                        td {
                            padding: 22px;
                            line-height: 1.8em;

                            &.bold {
                                font-weight: 700;
                            }
                        }
                    }
                }
            }

            /*追加*/
            .circle_graph_wrap{
                width: 100%;
                margin-top: 30px;
                figure{
                    width: 75%;
                    margin: 0 auto;
                }
        
            }
            /*追加*/

        }
    }
    section.section_04 {
        background-color: #f1f2ec;
        display: flex;
        justify-content: center;
        .section_04_inner {
            padding: 100px 0 100px 0;
            display: flex;
            justify-content: center;
            flex-direction: column;
            max-width: 1200px;
            width: 100%;

            @include bp_1240(){
                width: calc(100% - 40px);
            }

            /*追加*/
            .normal_text{
                width: 100%;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.875;
                letter-spacing: 0.05em;
                margin-top: 20px;
            }
            .gold_text{
                width: 100%;
                font-size: 20px;
                color: #7f6f2e;
                font-weight: 600;
                line-height: 1.5;
                letter-spacing: 0.05em;
                text-align: center;
                margin-top: 20px;
            }
            /*追加*/

            .ttl_wrap {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;

                img {
                    height: 16px;
                    width: auto;
                }
                .ttl {
                    font-size: 42px;
                    position: relative;
                    text-align: center;
                    margin: 4px 0 0 0;

                    @include bp_1100(){
                        font-size: 36px;
                    }
                    @include bp_880(){
                        font-size: 26px;
                    }
                }
            }

            a {
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 53px 0 76px 0;

                .pic_box_wrap {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    width: 100%;

                   

                    .intro_box {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: center;
                        overflow: hidden;
                        width: 47%;
                        margin: 5px;

                        .intro_text {
                            font-size: 18px;
                            margin: 15px;
                        }
                        figure.pic {
                            
                        }

                        img {
                            width: 327px;
                            height: 218px;
                            object-fit: cover;
                        }
                    }
                }
            }

            table, td, th {
                border: 1px solid $c-darkgold;
                border-collapse: collapse;
            }
            table {
                max-width: 1200px;
                width: 100%;

                tbody {
                    tr {
                        th {
                            background-color: #eceae0;
                            padding: 20px;
                        }
                        td {
                            padding: 22px;
                            line-height: 1.8em;
                            background-color: $c-white;

                            &.bold {
                                font-weight: 700;
                            }
                        }
                    }
                }
            }
        }
    }
    section.section_05 {
        display: flex;
        justify-content: center;

        .section_05_inner {
            padding: 100px 0 100px 0;
            display: flex;
            justify-content: center;
            flex-direction: column;
            max-width: 1200px;
            width: 100%;

            @include bp_1240(){
                width: calc(100% - 40px);
            }

            /*追加*/
            .feature_box_wrap{
                width: 100%;
                .feature_box{
                    width: 100%;
                    margin-top: 30px;
                    &:first-of-type{
                        margin-top: 0;
                    }
                    .gold_text_wrap{
                        width: 100%;
                        display: flex;
                        align-items: center;
                        margin-top: 20px;
                        img{
                            width: 88px;
                        }
                        .gold_text{
                            width: calc(100% - 88px);
                            width: 100%;
                            font-size: 20px;
                            color: #7f6f2e;
                            font-weight: 600;
                            line-height: 1.5;
                            letter-spacing: 0.05em;
                            padding-top: 2px;
                            padding-left: 12px;
                        }
                    }
                    .feature_text{
                        width: 100%;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 1.875;
                        letter-spacing: 0.05em;
                        margin-top: 20px;
    
                    }
                }
            }
            .building_img_wrap{
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin-top: 20px;
                .img_box{
                    width: 24.5%;
                    margin-top: 20px;
                    &:nth-of-type(-n + 4){
                        margin-top: 0;
                    }
                    .text{
                        width: 100%;
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 1.4;
                        letter-spacing: 0.05em;
                        text-align: center;
                        margin-top: 13px;
                    }
                }
            }
            /*追加*/

            .ttl_wrap {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;

                img {
                    height: 16px;
                    width: auto;
                }
                .ttl {
                    font-size: 42px;
                    position: relative;
                    text-align: center;
                    margin: 4px 0 0 0;

                    @include bp_1100(){
                        font-size: 36px;
                    }
                    @include bp_880(){
                        font-size: 26px;
                    }
                }
            }

            a {
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 53px 0 76px 0;

                .pic_box_wrap {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    width: 100%;

                    

                    .intro_box {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: center;
                        overflow: hidden;
                        width: 47%;
                        margin: 5px;

                        .intro_text {
                            font-size: 18px;
                            margin: 15px;
                        }
                        figure.pic {
                            
                        }

                        img {
                            width: 327px;
                            height: 218px;
                            object-fit: cover;
                        }
                    }
                }
            }

            table, td, th {
                border: 1px solid $c-darkgold;
                border-collapse: collapse;
            }
            table {
                max-width: 1200px;
                width: 100%;
                margin-bottom: 80px;

                tbody {
                    tr {
                        th {
                            background-color: #eceae0;
                            padding: 20px;
                        }
                        td {
                            padding: 22px;
                            line-height: 1.8em;

                            &.bold {
                                font-weight: 700;
                            }
                        }
                    }
                }
            }
        }
    }
}
/* ------------------------------ */
/* 業務紹介終了 */
/* ------------------------------ */

/* ------------------------------ */
/* 会社概要開始 */
/* ------------------------------ */

.company {
    section.mainview_company {
        width: 100%;
        display: flex;
        justify-content: center;

        .mainview_inner_company {
            background: url(../../assets/img/company/company_mainview_pic.png) no-repeat center center;
            background-size: cover;
            max-width: 768px;
            width: 100%;
            height: 352px;
            display: flex;
            justify-content: center;
            align-items: center;

            .mainview_ttlwrap_company {
                text-align: center;

                img {
                    height: 18px;
                    width: auto;
                    margin: 0 auto;
                }
                .mainview_ttl_company {
                    margin-top: 10px;
                    font-size: 48px;
                    color: $c-white;
                }
            }
        }
    }

    /*--代表挨拶開始--*/
    section.ceogreeting {
        width: 100%;
        display: flex;
        justify-content: center;

        .ceogreeting_inner {
            width: 100%;
            max-width: 1200px;
            display: flex;
            flex-direction: column;
            justify-content: center;

            @include bp_1240(){
                width: calc(100% - 40px);
            }

            .ceo_content_wrap {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: flex-start;
                margin-top: 50px;
                margin-bottom: 60px;

                @include bp_1000(){
                    flex-direction: column;
                }

                .ceo_face {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding-right: 15px;
                    width: 40%;

                    @include bp_1100(){
                        width: 30%;
                    }
                    @include bp_1000(){
                       width: 100%;
                    }

                    img {
                        object-fit: cover;
                        width: 350px;
                        height: 385px;
                    }
                }
                .ceo_text_wrap {
                    display: flex;
                    flex-direction: column;
                    width: 60%;

                    @include bp_1100(){
                        width: 70%;
                    }
                    @include bp_1000(){
                       width: 100%;
                       margin-top: 20px;
                    }

                    .ceo_text {
                            margin: 20px 0 60px 0;
                        p {
                            font-size: 16px;
                            line-height: 2em;
                        }
                    }
                    .ceo_name {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        margin: 0 0 0 auto;

                        .ceo_position {
                            margin-right: 10px;
                        }
                        img {
                            width: 136px;
                            height: auto;
                        }
                    }
                }
            }
        }
    }
    /*--代表挨拶終了--*/

    /*--業務目標開始--*/
    section.objective {
        width: 100%;
        background: url(../../assets/img/company/objective_back_img.png) no-repeat center center;
        background-size: cover;
        display: flex;
        justify-content: center;

        .objective_inner {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
            max-width: 1200px;
            padding: 90px 0 100px 0;

            @include bp_1240(){
                width: calc(100% - 40px);
            }

            .ttl_wrap {
                margin-bottom: 60px;
            }

            .efforts_wrap {
                background-color: $c-white;
                max-width: 1000px;
                width: 100%;
                padding: 60px 30px 30px 30px;
                margin: 50px 0 50px 0;

                .small_ttl {
                    font-size: 24px;
                    margin: 0 auto;
                    font-weight: 700;
                    display: flex;
                    justify-content: center;
                    color: $c-darkgold;
                }
    
                .objective_text {
                    text-align: center;
                    font-size: 18px;
                    line-height: 1.8em;
                    margin-top: 40px;
                    margin-bottom: 60px;
                    font-weight: 700;
                }

                .efforts_content {
                    font-weight: 700;
                    font-size: 18px;
                    padding: 50px 0px 50px 0px;

                    ol {
                        list-style-type: decimal;
                        li {
                            margin-bottom: 30px;
                            list-style-type: decimal;
                            padding-left: 20px
                        }
                    }
                }
            }
        }
    }
    /*--業務目標終了--*/

    /*--活気ある職場を！みんなの手で！開始--*/
    section.section_01 {
        width: 100%;
        display: flex;
        justify-content: center;

        .section_01_inner {
            max-width: 768px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding-top: 60px;
            padding-bottom: 83px;
            width: calc(100% - 40px);

            .company_catch_wrap {
                display: flex;
                flex-direction: column;
                align-items: center;

                .company_catch_00 {
                    color: #7f6f2e;
                    font-size: 30px;
                    font-weight: 700;

                    @include bp_500(){
                        font-size: 25px;
                    }
                    @include bp_440(){
                        font-size: 20px;
                    }
                }

                .company_catch_01 {
                    color: #7f6f2e;
                    font-size: 30px;
                    font-weight: 700;

                    @include bp_500(){
                        font-size: 25px;
                    }
                    @include bp_440(){
                        font-size: 20px;
                    }
                }
                .company_catch_02 {
                    width: 100%;
                    height: 50px;
                    background: url(../../assets/img/company/titleback_goldgrad.png) no-repeat center center;
                    background-size: contain;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 28px;
                    color: $c-white;
                    margin: 10px 0 25px 0;

                    @include bp_500(){
                        font-size: 22px;
                    }
                    @include bp_440(){
                        font-size: 20px;
                    }
                }
            }
            .section_01_tablewrap {
                max-width: 768px;
                width: 100%;
                display: flex;
                align-items: center;

                table , td, th {
                    border-collapse: collapse;
                    width: 100%;
                    height: 100%;
                }
                td, th {
                    padding: 25px;
                    width: 30px;
                    height: 25px;
                }
                tr {
                    border-top: 1px solid $c-darkgold;

                    &:last-child {
                        border-bottom: 1px solid $c-darkgold;
                    }
                }
                th {
                    background: #eceae0;
                    width: 20%;

                    .t_th {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: flex-start;
                        align-items: flex-start;
                    }
                }
                td {
                    width: 80%;
                    padding-left: 40px;
                    line-height: 1.5em;
                }
            }
        }
    }
    /*--活気ある職場を！みんなの手で！終了--*/

    /*--グルーピングネットワーク開始--*/
    section.section_02 {
        background-color: #f1f2ec;
        width: 100%;
        display: flex;
        justify-content: center;

        .section_02_inner {
            max-width: 768px;
            padding-top: 110px;
            padding-bottom: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            width: calc(100% - 40px);

            img.sec_02_img {
                margin-top: 46px;
                width: 100%;
            }
        }
    }
    /*--グルーピングネットワーク終了--*/

    /*--アクセス開始--*/
    section.section_03 {
        width: 100%;
        display: flex;
        justify-content: center;

        .section_03_inner {
            max-width: 768px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 90px;
            padding-bottom: 117px;
            width: calc(100% - 40px);

            .company_wrap {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-top: 53px;
                width: 100%;
    
                .company_left {
                    height: auto;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    width: 100%;
                    padding-left: 0px;
                    padding-bottom: 50px;
    
                    table , td, th {
                        border-collapse: collapse;
                        width: 100%;
                        height: 100%;
                    }
                    td, th {
                        padding: 25px;
                        width: 30px;
                        height: 25px;
                    }
                    tr {
                        border-top: 1px solid $c-darkgold;
    
                        &:last-child {
                            border-bottom: 1px solid $c-darkgold;
                        }
                    }
                    th {
                        background: #eceae0;
                        width: 30%;
    
                        .t_th {
                            width: 100%;
                            height: 100%;
                            display: flex;
                            justify-content: flex-start;
                            align-items: flex-start;
                        }
                    }
                    td {
                        width: 80%;
                        padding-left: 15px;
                    }

                    .intro_detail_btn {
                        width: 260px;
                        height: 50px;
                        margin-top: 34px;
                        margin-bottom: 34px;

                        a {
                            width: 100%;
                            height: 100%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background-color: $c-main;
                            position: relative;
                            color: $c-white;
                            font-size: 16px;
                            padding: 20px 20px 20px 40px;
                    
                            &::before {
                                content: '';
                                position: absolute;
                                background: url(../../assets/img/common/gold_btn_shikaku.png) no-repeat center center;
                                background-size: cover;
                                width: 3px;
                                height: 50px;
                                top: 0;
                                left: 0;
                            }
                    
                            &::after {
                                content: '';
                                position: absolute;
                                background: url(../../assets/img/common/map_icon.png) no-repeat center center;
                                background-size: contain;
                                width: 14px;
                                height: 21px;
                                top: 16px;
                                right: 185px;
                            }
                        }
                    }
                }
    
                .company_right {
                    height: 100%;
                    width: 100%;
                    padding-right: 0px;
                    height: auto;
                    display: flex;
                    align-items: flex-start;
                    justify-content: center;
                    padding-top: 50px;
    
                    iframe {
                        width: 100%;
                        height: 300px;
                    }
                }
            }
            
        }
    }
    /*--アクセス終了--*/
}

/* ------------------------------ */
/* 会社概要終了 */
/* ------------------------------ */

/* ------------------------------ */
/* セイビ九州の強み開始 */
/* ------------------------------ */
.strengths {
    color: $c-font;

    section.mainview_strengths {
        width: 100%;
        display: flex;
        justify-content: center;

        .mainview_inner_strengths {
            background: url(../../assets/img/strengths/strength_mainview.png) no-repeat center center;
            background-size: cover;
            max-width: 1920px;
            width: 100%;
            height: 352px;
            display: flex;
            justify-content: center;
            align-items: center;

            .mainview_ttlwrap_strengths {
                text-align: center;

                img {
                    height: 18px;
                    width: auto;
                    margin: 0 auto;
                }
                .mainview_ttl_strengths {
                    margin-top: 10px;
                    font-size: 48px;
                    color: $c-white;

                    @include bp_700(){
                        font-size: 36px;
                    }
                }
            }
        }
    }

    .section_01 {
        width: 100%;
        display: flex;
        justify-content: center;

        .section_01_inner {
            max-width: 1200px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding-top: 55px;
            padding-bottom: 80px;

            @include bp_1240() {
                max-width: 1000px;
                width: calc(100% - 40px);
            }

            .gold_box_wrap {
                @include sinple_gold();
                outline: 1px solid #7f6f2e;
                outline-offset: -22px;
                width: 100%;
                height: auto;
                margin-bottom: 40px;

                /*SDGsのボックスラップ*/
                &.sdgs_wrap {
                    outline: 1px solid $c-purple;
                    outline-offset: -22px;
                }

                

                .gold_box {
                    padding: 45px 45px 45px 170px;
                    position: relative;

                    &::before {
                        content: '';
                        position: absolute;
                        width: 111px;
                        height: 124px;
                        top: -17px;
                        left: 34px;
                    }

                    &.jisseki {
                        &::before {
                            background: url(../../assets/img/strengths/badge_jisseki.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.shinrai {
                        &::before {
                            background: url(../../assets/img/strengths/badge_shinrai.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.zenkoku {
                        &::before {
                            background: url(../../assets/img/strengths/badge__zenkoku.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.no1 {
                        &::before {
                            background: url(../../assets/img/strengths/badge_no1.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.topclass {
                        &::before {
                            background: url(../../assets/img/strengths/badge_topclass.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.unique {
                        &::before {
                            background: url(../../assets/img/strengths/badge_unique.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.dokuji {
                        &::before {
                            background: url(../../assets/img/strengths/badge_tousyadokuji.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.saishin {
                        &::before {
                            background: url(../../assets/img/strengths/badge_newest.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.hotel {
                        &::before {
                            background: url(../../assets/img/strengths/badge_hotel.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.mansyon {
                        &::before {
                            background: url(../../assets/img/strengths/badge_mansyon.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.jinzai {
                        &::before {
                            background: url(../../assets/img/strengths/badge_jinzai.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.kyoiku {
                        &::before {
                            background: url(../../assets/img/strengths/badge_kyoiku.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.no3 {
                        &::before {
                            background: url(../../assets/img/strengths/3rd_medal.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.cup {
                        &::before {
                            background: url(../../assets/img/strengths/cup_medal.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.building {
                        &::before {
                            background: url(../../assets/img/strengths/building_medal.png) no-repeat center center;
                            background-size: contain;
                        }
                    }
                    &.sdgs {
                        &::before {
                            background: url(../../assets/img/strengths/SDGs_medal.png) no-repeat center center;
                            background-size: contain;
                        }
                    }

                    .gold_box_ttl {
                        font-size: 26px;
                        color: #7f6f2e;
                        margin-bottom: 10px;
                        font-weight: 700;
                    }
                    .gold_box_text {
                        font-size: 18px;
                        line-height: 1.8em;
                    }

                    @include bp_700(){
                        padding: 114px 45px 45px 45px;
                        &::before {
                            left: 0 !important;
                            right: 0;
                            margin: auto;
                        }
                        .gold_box_ttl {
                            text-align: center;
                        }
                    }

                    /*SDGsのボックス*/
                    &.sdgs {
                        display: flex;
                        flex-direction: column;
                        padding: 45px 45px 45px 45px;

                        &::before {
                            content: unset;
                        }

                        img {
                            height: 102px;
                            width: auto;
                        }

                        .text_wrap {
                            margin-left: 37px;
                            display: flex;
                            align-items: flex-start;
                            flex-direction: column;
                            justify-content: center;

                            .gold_box_ttl {
                                font-size: 26px;
                                color: $c-purple;
                                margin-bottom: 10px;
                                font-weight: 700;
                            }
                            .gold_box_text {
                                font-size: 18px;
                                line-height: 1.8em;
                            }
                        }

                        @include bp_700(){
                            justify-content: center;
                            align-items: center;

                            img {
                                margin-bottom: 20px;
                            }
                            .gold_box_ttl {
                                text-align: center;
                            }
                            .text_wrap {
                                margin-left: 0px;
                            }
                        }
                    }

                    
                }
            }

            .silver_blue_box_wrap {
                @include silver_blue();
                outline: 1px solid $c-blue;
                outline-offset: -22px;
                width: 100%;
                height: auto;
                margin-bottom: 40px;

                .silver_blue_box {
                    padding: 45px 45px 45px 170px;
                    position: relative;

                    &::before {
                        content: '';
                        position: absolute;
                        background: url(../../assets/img/strengths/badge_buliding.png) no-repeat center center;
                        background-size: contain;
                        width: 92px;
                        height: 92px;
                        top: 36px;
                        left: 39px;
                    }

                    .silver_blue_box_ttl {
                        font-size: 26px;
                        color: $c-blue;
                        margin-bottom: 10px;
                        font-weight: 700;
                    }
                    .silver_blue_box_text {
                        font-size: 18px;
                        line-height: 1.8em;
                    }

                    @include bp_700(){
                        padding: 143px 45px 45px 45px;
                        &::before {
                            left: 0 !important;
                            right: 0;
                            margin: auto;
                        }

                        .silver_blue_box_ttl {
                            text-align: center;
                        }
                    }
                }
            }

            .silver_purple_box_wrap {
                @include silver_purple();
                outline: 1px solid $c-purple;
                outline-offset: -22px;
                width: 100%;
                height: auto;
                margin-bottom: 40px;

                .silver_purple_box {
                    padding: 45px 45px 45px 170px;
                    position: relative;

                    &::before {
                        content: '';
                        position: absolute;
                        width: 92px;
                        height: 92px;
                        top: 36px;
                        left: 39px;
                    }

                   

                    .silver_purple_box_ttl {
                        font-size: 26px;
                        color: $c-purple;
                        margin-bottom: 10px;
                        font-weight: 700;
                    }
                    .silver_purple_box_text {
                        font-size: 18px;
                        line-height: 1.8em;
                    }

                    @include bp_700(){
                        padding: 143px 45px 45px 45px;
                        &::before {
                            left: 0 !important;
                            right: 0;
                            margin: auto;
                        }

                        .silver_purple_box_ttl {
                            text-align: center;
                        }
                    }
                }
            }
        }
    }




}
/* ------------------------------ */
/* セイビ九州の強み終了 */
/* ------------------------------ */

/* ------------------------------ */
/* 施設用途別開始 */
/* ------------------------------ */
.facility {
    color: $c-font;

    section.mainview_facility {
        width: 100%;
        display: flex;
        justify-content: center;

        .mainview_inner_facility {
            background: url(../../assets/img/facility/facility_mainview_pic.png) no-repeat center center;
            background-size: cover;
            max-width: 1920px;
            width: 100%;
            height: 352px;
            display: flex;
            justify-content: center;
            align-items: center;

            .mainview_ttlwrap_facility {
                text-align: center;

                img {
                    height: 18px;
                    width: auto;
                    margin: 0 auto;
                }
                .mainview_ttl_facility {
                    margin-top: 10px;
                    font-size: 48px;
                    color: $c-white;

                    @include bp_700(){
                        font-size: 36px;
                    }
                }
            }
        }
    }

    /*ホテルサービス開始*/
    /*section.section_01 {
        .section_01_inner {

        }
    }*/
    /*ホテルサービス終了*/

    /*ホスピタルサポートセンター開始*/
    /*section.section_02 {
        .section_02_inner {
            
        }
    }*/
    /*ホスピタルサポートセンター終了*/

    /*ホスピタルサポートセンターホワイト開始*/
    /*section.section_03 {
        .section_03_inner {
            
        }
    }*/
    /*ホスピタルサポートセンターホワイト終了*/

    /*ビルサービス開始*/
    /*section.section_04 {
        .section_04_inner {
            
        }
    }*/
    /*ビルサービス終了*/
}




.section_01.hotel {
    padding: 50px 20px;
    .ttl_wrap{
        img{
            height: auto;
        }
    }
    .section_01_inner{
        .hotel_img_wrap{
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
            margin-top: 20px;
            .img_box{
                width: 49%;
                margin-top: 20px;
                &:nth-of-type(-n + 2){
                    margin-top: 0;
                }
                .text{
                    width: 100%;
                    font-size: 14px;
                    font-weight: 600;
                    line-height: 1.4;
                    letter-spacing: 0.1em;
                    text-align: center;
                    margin-top: 5px;
                }
            }
        }
        .total_cordinate_wrap{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative;
            margin-top: 30px;
            .total_cordinate_ttl01{
                width: 33%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }
            figure{
                width: 49.166666%;
                margin-top: 10px;
                &:nth-of-type(-n + 2){
                    margin-top: 0;
                }
            }
        }
        .intro_detail_btn{
            margin: 30px auto 0;
        }

    }
    /*移動
    .normal_text{
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.875;
        letter-spacing: 0.05em;
        margin-top: 20px;
    }
    .gold_text{
        width: 100%;
        font-size: 20px;
        color: #7f6f2e;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0.05em;
        text-align: center;
        margin-top: 20px;
    }
    移動*/
}

.intro_detail_btn {
    width: 100%;
    height: 42px;
    margin-top: 30px;
    a{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #520d15;
        position: relative;
        color: #ffffff;
        font-size: 16px;
        overflow: hidden;
        &::before{
            content: '';
            position: absolute;
            background: url(../../assets/img/common/gold_btn_shikaku.png) no-repeat center center;
            background-size: cover;
            width: 3px;
            height: 63px;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
        }
        &::after{
            content: '';
            position: absolute;
            background: url(../../assets/img/common/lookdetail_white_arrow.png) no-repeat center center;
            background-size: contain;
            width: 36px;
            height: 13px;
            top: 25px;
            right: 15px;
        }
    }
}

.section_02.hotel {
    padding: 50px 20px;
    background: url(../img/facility/hospital_support_center_back.png) bottom center / cover;
    .ttl_wrap{
        img{
            height: auto;
        }
        .ttl{
            color: #fff;
        }
    }
    .gold_text{
        width: 100%;
        font-size: 20px;
        color: #7f6f2e;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0.05em;
        text-align: center;
    }
    .section_02_inner{
        .gold_box{
            width: 100%;
            background: url(../img/facility/bg01.png) no-repeat center / cover;
            padding: 15px;
            margin-top: 20px;
            .wrapper{
                width: 100%;
                border: solid 1px #7f6f2e;
                padding: 30px 20px;
                .gold_content_wrap{
                    width: 100%;
                    padding: 0;
                    margin: 20px auto 0;
                    li{
                        width: 100%;
                        margin-top: 10px;
                        padding-left: 20px;
                        &:first-of-type{
                            margin-top: 0;
                        }
                        span{
                            font-size: 16px;
                            font-weight: 600;
                            line-height: 1.7;
                            letter-spacing: 0.05em;
                            display: inline-block;
                            position: relative;
                            &::before{
                                content: "";
                                width: 20px;
                                height: 20px;
                                background: url(../img/facility/check.png) no-repeat center / contain;
                                position: absolute;
                                top: 3px;
                                left: -24px;
                            }
                        }
                    }
                }
            }
        }

    }
}

.section_03.hotel{
    padding: 50px 20px;
    .section_03_inner{
        .feature_box_wrap{
            width: 100%;
            .feature_box{
                width: 100%;
                margin-top: 30px;
                &:first-of-type{
                    margin-top: 0;
                }
                .gold_text_wrap{
                    width: 100%;
                    display: flex;
                    align-items: center;
                    margin-top: 20px;
                    img{
                        width: 88px;
                    }
                    .gold_text{
                        width: calc(100% - 88px);
                        width: 100%;
                        font-size: 20px;
                        color: #7f6f2e;
                        font-weight: 600;
                        line-height: 1.5;
                        letter-spacing: 0.05em;
                        padding-top: 2px;
                        padding-left: 12px;
                    }
                }
                .feature_text{
                    width: 100%;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 1.875;
                    letter-spacing: 0.05em;
                    margin-top: 20px;

                }
            }
        }
        .hospital_support_figure_wrap{
            width: 100%;
            margin-top: 30px;
            position: relative;
            .hospital_support_figure_ttl01{
                width: 33%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }
            figure{
                width: 49.166666%;
            }
            .upper{
                width: 100%;
                display: flex;
                justify-content: center;
            }
            .lower{
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-top: 10px;
            }
        }
        .intro_detail_btn{
            margin: 30px auto 0;
        }
    }
}


.section_04.hotel{
    padding: 50px 20px;
    .ttl_wrap{
        img{
            height: auto;
        }
    }
    .section_04_inner{
    }
    .gold_text{
        width: 100%;
        font-size: 20px;
        color: #7f6f2e;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0.05em;
        text-align: center;
        margin-top: 20px;
    }
    .bulding_text{
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.7;
        letter-spacing: 0.05em;
        margin-top: 20px;
    }
    .building_img_wrap{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
        .img_box{
            width: 24.5%;
            margin-top: 20px;
            &:nth-of-type(-n + 4){
                margin-top: 0;
            }
            .text{
                width: 100%;
                font-size: 14px;
                font-weight: 600;
                line-height: 1.4;
                letter-spacing: 0.05em;
                text-align: center;
                margin-top: 13px;
            }
        }
    }
    /*移動
    .circle_graph_wrap{
        width: 100%;
        margin-top: 30px;
        figure{
            width: 75%;
            margin: 0 auto;
        }

    }
    移動*/
    .intro_detail_btn{
        margin: 30px auto 0;
    }
}
/* ------------------------------ */
/* 施設用途別終了 */
/* ------------------------------ */

/* ------------------------------ */
/* 社内・社外活動 */
/* ------------------------------ */
.activities {
    color: $c-font;

    .mainview_activities {
        width: 100%;
        display: flex;
        justify-content: center;
        .mainview_inner {
            background: url(../../assets/img/business/business_mainview_pic.png) no-repeat center center;
            background-size: cover;
            max-width: 1920px;
            width: 100%;
            height: 352px;
            display: flex;
            justify-content: center;
            align-items: center;
            .mainview_ttlwrap {
                text-align: center;
                img {
                    width: auto;
                    margin: 0 auto;
                }
                .mainview_ttl {
                    margin-top: 10px;
                    font-size: 48px;
                    color: $c-white;
                }
            }
        }
    }
}

.activities_inside,.activities_outside{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 50px 0 0;
    .inner{
        width: 100%;
        max-width: 1230px;
        padding: 0 15px;
    }
    .activities_h2_ttl{
        font-size: 28px;
        color: $c-font;
        position: relative;
        margin-bottom: 40px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 20px;
        &::before{
            content: "";
            width: 50px;
            height: 2px;
            background: url(../img/activities/h2_item.png) center no-repeat;
            position: absolute;
            bottom: 0;
            left: calc(50% - 25px);
        }
    }
    .activities_h3_ttl{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: $c-white;
        background: url(../img/activities/h3_bg.png) center no-repeat;
        background-size: cover;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        padding: 10px;
    }
    .activities_h4_ttl{
        font-size: 20px;
        font-weight: 600;
        color: $c-font;
        margin-bottom: 20px;
        position: relative;
        padding-left: 30px;
        &::before{
            content: "";
            width:18px;
            height: 2px;
            background: url(../img/activities/h4_item.png) center no-repeat;
            position: absolute;
            top: 10px;
            left: 0;
        }
    }
    .activities_block{
        width: 100%;
        margin-bottom: 50px;
        ul{
          padding: 0;
        }

        .gold_text{
            width: 100%;
            font-size: 20px;
            color: #7f6f2e;
            font-weight: 600;
            line-height: 1.5;
            letter-spacing: 0.05em;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }
    .activities_box{
        width: 100%;
        margin-top: 30px;
        .flex{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 15px;
            flex-direction: column;
            align-items: center;

            .img{
                width: 100%;
                max-width: 350px;
                margin-top: 20px;
                display: flex;
                justify-content: center;

                &:nth-of-type(-n + 2){
                  margin-top: 10px;
                }

                a {
                  width: 100%;
                  height: 100%;

                  img {
                        margin: 0 auto;
                  }
                }

                .img_wrap {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;

                  .img_text {
                    text-align: center;
                    margin-top: 5px;
                  }
                }

                img {
                  height: 218px;
                  object-fit: cover;
                }
            }

            &.manga {
              justify-content: center;
              flex-direction: row;
              flex-wrap: nowrap;

              .img {
                img {
                  margin: 0 auto;
                  height: 100%;
                  width: 100px;
                }
              }
            }

            &.kokuseki {
              .img {
                img {
                  height: 218px;
                  width: 283px;
                  object-fit: cover;
                }
              }
            }

          .text {
              margin-top: 30px;
            }

            .txt{
              width: 100%;
            }
            &.img_col3{
                .img{
                    margin-right: 0;
                }
            }
            .txt{
                line-height: 1.6;
                margin-top: 20px;
                p{
                    font-size: 16px;
                }
            }
        }
    }
}

.activities_outside{
    background: #f1f2ec;
    .inner{
        width: 100%;
        max-width: 1230px;
        padding: 0 15px;
    }
}


/* ------------------------------ */
/* 社内・社外活動 */
/* ------------------------------ */

/* ------------------------------ */
/* プライバシーポリシー開始 */
/* ------------------------------ */
.privacy_policy {

.privacy {
    width: 100%;
    display: flex;
    justify-content: center;

    .privacy_inner {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        max-width: 1200px;
        width: 100%;
        padding: 80px 0 100px 0;

        @include bp_1240(){
            width: calc(100% - 40px);
        }

        .privacy_wrap {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-top: 80px;
            line-height: 1.8em;

            .p_subttl {
                font-weight: 700;
                margin: 20px 0 10px 0;
            }
            .p_text {
                margin-bottom: 20px;

                ol {
                    list-style-type: decimal;

                    li {
                        list-style-type: decimal;
                    }
                }
                ul {
                    list-style-type: none;

                    li {
                        list-style-type: none;
                    }
                }
            }
            .p_date {
                margin: 10px auto 40px 0;
            }
            .p_inquiry {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;

                .p_inquiry_ttl {
                    font-weight: 700;
                }
                .p_inquiry_content {

                }
            }
        }
    }
}
}
/* ------------------------------ */
/* プライバシーポリシー終了 */
/* ------------------------------ */

/* ------------------------------ */
/* 404開始 */
/* ------------------------------ */
.notfound_all {
    width: 100%;
    display: flex;
    justify-content: center;

    section.notfound {
        max-width: 1200px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        .notfound_inner {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: 100px 0 100px 0;

            .notfound_wrap {
                font-size: 20px;
                margin: 50px 0 0px 0;
            }

            .intro_detail_btn {
                width: 350px;
                height: 63px;
                margin-top: 68px;

                a {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: #520d15;
                    position: relative;
                    color: #ffffff;
                    font-size: 16px;

                    &::before {
                        content: "";
                        position: absolute;
                        background: url(../../assets/img/common/gold_btn_shikaku.png) no-repeat center center;
                        background-size: cover;
                        width: 3px;
                        height: 63px;
                        top: 0;
                        left: 0;
                    }
                    &::after {
                        content: "";
                        position: absolute;
                        background: url(../../assets/img/common/lookdetail_white_arrow.png) no-repeat center center;
                        background-size: contain;
                        width: 36px;
                        height: 13px;
                        top: 25px;
                        right: 29px;
                    }
                }
            }
        }
    }
}
/* ------------------------------ */
/* 404開始 */
/* ------------------------------ */

/* ------------------------------ */
/* お知らせ一覧開始 */
/* ------------------------------ */
.news_all {

    .news {
        width: 100%;
        display: flex;
        justify-content: center;
    
        .news_inner {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            max-width: 1200px;
            width: 100%;
            padding: 80px 0 100px 0;
    
            @include bp_1240(){
                width: calc(100% - 40px);
            }
    
            .news_wrap {
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin-top: 80px;
                line-height: 1.8em;
    
                .news_box {
                    margin-bottom: 20px;
                    a {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        color: #333333;
                        
    
                        &:last-child {
                            margin-bottom: 0px;
                        }

                        .news_01part {
                            display: flex;
                            flex-direction: row;
                        }
    
                        .news_date {
                            width: 104px;
                            height: 33px;
                            background-color: $c-gold;
                            text-align: center;
                            font-size: 15px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        .news_text {
                            padding-left: 20px;
                            font-size: 16px;
                            text-align: left;
                            font-weight: 700;
                        }

                        .news_02part {

                        }
    
                    }
                }
                
            }

            .wp-pagenavi {
                width: 100%;
                padding: 10px 0;
                display: flex;
                justify-content: center;
            
                .pages {
                    display: none;
                }
            
                span, a {
                    display: inline-block;
                    padding: .7rem .9rem !important;
                    background-color: #eee;
                    text-decoration: none !important;
                    color: $c-main;
                    border-radius: 5px;
                    border: unset !important;
                }
            
                .current {
                    background-color: $c-main;
                    color: white;
                }
            
                a:hover, span.current {
                    border-color: unset !important;
                }
            
            }
        }
    }
    }
    /* ------------------------------ */
    /* お知らせ一覧終了 */
    /* ------------------------------ */

    /* ------------------------------ */
    /* お問い合わせ開始 */
    /* ------------------------------ */
    .contact_all {
        width: 100%;
        display: flex;
        justify-content: center;
    
        section.contact {
            max-width: 1200px;
            width: calc(100% - 40px);
            display: flex;
            justify-content: center;
            align-items: center;
    
            .contact_inner {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                padding: 100px 0 100px 0;
    
                .con_top_wrap {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    margin-top: 40px;
                }
        
                .c_text {
                    margin: 0 0 30px 0;
                    line-height: 2em;
                    text-align: center;
                    span {
                        border-bottom: 1px solid $c-grey;
                    }
                }

                .tel_wrap {
                    display: flex;
                    flex-direction: column;

                    @include bp_1000(){
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        margin-bottom: 15px;
                    }

                    .upper {
                        display: flex;
                        flex-direction: row;

                        .tel_text {
                            background-color: $c-main;
                            color: $c-white;
                            font-size: 20px;
                            padding: 3px 6px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            margin: 10px 10px 10px 0;
                        }
                        .tel_num {
                            font-size: 42px;
                            color: $c-main;
                            font-weight: 700;
                        }
                    }
                    .lower {
                        color: $c-font;
                    }
                }
    
                .intro_detail_btn {
                    width: 350px;
                    height: 63px;
                    margin-top: 68px;
    
                    a {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        background-color: #520d15;
                        position: relative;
                        color: #ffffff;
                        font-size: 16px;
    
                        &::before {
                            content: "";
                            position: absolute;
                            background: url(../../assets/img/common/gold_btn_shikaku.png) no-repeat center center;
                            background-size: cover;
                            width: 3px;
                            height: 63px;
                            top: 31px;
                            left: 0;
                        }
                        &::after {
                            content: "";
                            position: absolute;
                            background: url(../../assets/img/common/lookdetail_white_arrow.png) no-repeat center center;
                            background-size: contain;
                            width: 36px;
                            height: 13px;
                            top: 25px;
                            right: 29px;
                        }
                    }
                }

                .c_l_content {
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                    align-items: center;
                    padding: 5px 5px 5px 5px;
                    margin: 0 auto 60px;
                    background-color: $c-white;
                    width: 100%;
                
                    table {
                    width: 100%;
                    table-layout: fixed;
                
                    &.contact-table {
                        margin: 0 auto;
                
                        tr {
                        border-bottom: 1px solid $c-white;
                        display: flex;
                        flex-direction: column;
                        }
                        th, td {
                        padding: 20px;
                        }
                
                        th {
                        width: 100%;
                        padding: 20px 10px 0px 0;
                        vertical-align: top;
                
                        .th_wrap {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: flex-start;
                
                            .th_wrap_01 {
                            line-height: 1.2;
                
                            span {
                                color: $c-grey;
                                font-size: 12px;
                                line-height: 1.2;
                            }
                            }
                            .th_wrap_02 {
                                margin-left: 10px;
                            }
                
                            .required {
                            background-color: $c-main;
                            color: $c-white;
                            padding: 2px 5px;
                            }
                            .optional {
                            background-color: $c-main;
                            color: $c-white;
                            padding: 2px 5px;
                            }
                        }
                        }
                
                        td {
                        padding: 10px 0px 20px 0;
                        display: flex;
                        flex-direction: column;


                        span.error {
                            color: red;
                        }
        
                        &.half {
                            input {
                                width: 80%;
                            }
                        }
        
                        .mwform-radio-field label input {
                            display: none !important;
                        }
        
                        &.pref_select {
                            position: relative;
                            display: inline-block;
        
                            &::before {
                                content: '';
                                width: 8px;
                                height: 8px;
                                border-top: solid 2px $c-main;
                                border-right: solid 2px $c-main;
                                position: absolute;
                                left: 210px;
                                top: 28px;
                                transform: rotate(135deg);
                                z-index: 1;
                            }
                        }
        
                        select {
                            padding: 13px 0px 13px 13px;
                            border-radius: 5px;
                            width: 240px;
                        }
        
                        button {
                            padding: 7px 7px 7px 7px;
                            border-radius: 5px;
                            width: 100px;
                        }
        
                        &.postbox {
                            display: flex;
                            flex-direction: column;
                            align-items: flex-start;
                        }
        
                        textarea {
                            border: 1px solid $c-grey-light1;
                            padding: 12px;
                        }
                        }
                
                        .postnum {
                            margin: 10px 0 0 0px;
                            color: $c-blue;
                        }
        
                        input {
                        border: 1px solid $c-grey-light1;
                        padding: 3px;
                        height: 30px;
                        width: 100%;
                        padding: 20px 15px;
                        border-radius: 5px;
                        &.radio {
                            width: unset;
                            margin-right: 5px;
                        }
                        }
                        textarea {
                        border: 1px solid $c-black;
                        width: 100%;
                        border-radius: 5px;
                        }
                        .date {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        width: 30%;
                        padding: 0 20px 0 0;
                
                        input {
                            width: 100%;
                            margin-right: 5px;
                        }
                        }
                        .radio-list {
                        &.gender {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            label {
                            margin: 0px 20px 0px 10px;
                            display: flex;
                            align-items: center;
                            }
                        }
                        &.reason {
                            display: flex;
                            flex-direction: column;
                            flex-wrap: wrap;
                            span {
                            margin-right: 5px;
                            margin-left: 18px;
                            }
                            label {
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            white-space: nowrap;
                            }
                        }
                        }
                        .required, .optional {
                        white-space: nowrap;
                        font-weight: 700;
                        font-size: 12px;
                        margin-top: 0;
                        margin-left: 10px;
                        }
        
                        .mwform-radio-field label .mwform-radio-field-text {
                            position: relative;
        
                        }
                        .mwform-radio-field label input:checked + .mwform-radio-field-text::before {
                            background-color: $c-white;
                        }
                        .mwform-radio-field label .mwform-radio-field-text::before {
                            content: "";
                            width: 18px;
                            height: 18px;
                            border: solid 1px $c-grey;
                            border-radius: 50%;
                            position: absolute;
                            top: 3px;
                            left: -32px;
                            box-sizing: border-box;
                        }
                        .mwform-radio-field label input:checked + .mwform-radio-field-text::after {
                            opacity: 1;
                        }
                        .mwform-radio-field label .mwform-radio-field-text::after {
                            content: "";
                            width: 12px;
                            height: 12px;
                            background-color: #ac1e40;
                            border-radius: 50%;
                            position: absolute;
                            top: 6px;
                            left: -29px;
                            box-sizing: border-box;
                            opacity: 0;
                        }
        
                    }
                    }
        
                    .agree {
                        margin: 50px auto 0;
                        span {
                            color: $c-blue;
                        }
                    }
                
                    .btn_big_wrap {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        margin: 30px auto 0;
        
                        .goback {
                            margin: 0 20px 0 0;
                        }
                    }
        
                    .button-wrap {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
        
                        p {
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                        }
                        
        
                                button {
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    position: relative;
                                    height: 80px;
                                    width: 200px;
                                    background-color: $c-white;
                                    border: 2px solid $c-main;
                                    border-radius: 10px;
                                    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
                                    color: $c-main;
                                    font-size: 16px;
                                    font-weight: 700;
                                    letter-spacing: 0.064em;
                                    margin: 10px 10px 0 10px;
        
                                    &:hover{
                                        background-color: $c-main;
                                        color: $c-white;
                                    }
                                }
        
                    }
        
                    
                
                }

                        /*プライバシーポリシー開始*/
        .p_policy_text {
            margin-top: 40px;
            line-height: 1.8em;
        }
        .p_policy_wrap {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
      
            .privacy-policy { 
              max-width: 100%;
              margin: 50px auto 20px;
              height: 300px;
              overflow: scroll;
              padding: 25px;
              border: 1px solid #333333;
              background-color: white;
              line-height: 1.5;
              &__item {
                p {
                  margin-bottom: 25px;
                }
              }
            }
            /*.p_agree {
              display: flex;
              align-items: center;
              margin-bottom: 50px;
              input {
                margin-right: 10px;
              }
            }*/

            /*チェックボックスカスタマイズ開始*/
                .check_btn {
                    margin-top: 30px;
                    margin-bottom: 30px;
                    padding-left: 60px;
                    display: flex;
                    flex-direction: column;
                }
                .check_btn {
                    span.error {
                        color: red;
                    }
                }
                .check_btn td{
                margin-top: 10px;
                }
                .check_btn input[type=checkbox].check_btn_item{
                display: none;
                }
                .check_btn label {
                display: inline-block;
                position: relative;

                &::before {
                    position: absolute;
                    content: '必須';
                    left: -51px;
                    top: -1px;
                    color: white;
                    font-weight: 700;
                    border: 1px solid $c-main;
                    padding: 1px 2px;
                    background-color: $c-main;
                }
                }
                .check_btn .check_btn_item + span {
                padding-left: 28px;
                display: inline-block;
                position: relative;
                }
                .check_btn .check_btn_item + span::after,
                .check_btn .check_btn_item + span::before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                }
                .check_btn .check_btn_item + span::before {
                border: 1px solid #AAAAAA;
                border-radius: 4px;
                left: 0;
                height: 20px;
                width: 20px;
                }
                .check_btn .check_btn_item + span::after{
                border: none;
                border-right: 3px solid #c78d8d;
                border-bottom: 3px solid #c78d8d;
                height: 12px;
                left: 6px;
                opacity: 0;
                top: 2px;
                transform: rotate(45deg);
                width: 7px;
                }
                .check_btn .check_btn_item:checked + span::after {
                opacity: 1;
                }
            /*チェックボックスカスタマイズ終了*/
        }
        /*プライバシーポリシー終了*/

           /*ボタン開始*/
           .intro_detail_btn {
            
            p {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            button {
                background-color: unset;
                border: unset;
                color: white;
                width: 100%;
                height: 63px;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: $c-main;
                position: relative;
                color: $c-white;
                font-size: 16px;
                margin: 10px;
        
                /*&::before {
                    content: '';
                    position: absolute;
                    background: url(../../assets/img/common/gold_btn_shikaku.png) no-repeat center center;
                    background-size: cover;
                    width: 3px;
                    height: 63px;
                    top: 0;
                    left: 0;
                }
        
                &::after {
                    content: '';
                    position: absolute;
                    background: url(../../assets/img/common/lookdetail_white_arrow.png) no-repeat center center;
                    background-size: contain;
                    width: 36px;
                    height: 13px;
                    top: 25px;
                    right: 29px;
                }*/
            }
            
        }
        /*ボタン終了*/

            }
        }
    }
    /* ------------------------------ */
    /* お問い合わせ終了 */
    /* ------------------------------ */

    /* ------------------------------ */
    /* single.php開始 */
    /* ------------------------------ */
    section.single {
        display: flex;
        justify-content: center;
    
        .single_inner {
            display: flex;
            flex-direction: row;
            justify-content: center;
            max-width: 1200px;
            width: 100%;
    
            @include bp_1240(){
                width: calc(100% - 40px);
            }
    
            .single_main {
                margin: 0 0 60px 0;
                width: calc(100% - 300px);
    
                @include bp_1050(){
                    width: 100%;
                }
    
                /*--- アイキャッチ ---*/
                img.attachment-post-thumbnail {
                    width: 100%;
                    height: auto;
                }
                /*--- アイキャッチ ---*/
    
                h1,h2,h3,h4,h5,h6 { 
                    margin-top : 20px;
                    margin-bottom : 25px;
                    font-weight: 700;
                }
                
                h1 {
                    font-size : 28px;  
                    line-height : 1.6;    
                }
                
                h2 {
                    font-size : 26px;
                    line-height : 1.3333;
                    border-bottom: 3px solid $c-main;
                }
    
                h3 {
                    font-size : 24px;
                    line-height : 1;
                    padding: 1rem 2rem;
                    border-left: 4px solid $c-main;
                }
    
                h4 {
                    font-size : 22px; 
                    line-height : 1.5;
                    padding: 1rem 2rem;
                    border-left: 4px dotted $c-main;
                }
    
                h5 {
                    font-size : 20px; 
                    line-height : 1.5; 
                }
    
                h6 {
                    font-size : 18px; 
                    line-height : 1.5; 
                }
    
                .single_info {
                    margin: 10px 10px 30px 0px;
    
                    display: flex;
                    flex-direction: row;
                    align-items: center;
    
                    .date {
                        color: $c-main;
                        font-weight: 700;
                        margin: 10px 10px 10px 0px;
                    }
                    .cat {
                        margin: 10px 10px 10px 0px;
    
                        a {
                            padding: 5px 10px 5px 10px;
                            border: 1px solid $c-main;
                            border-radius: 10px;
                            margin: 0px 10px 0px 0px;
                        }
                    }
                }
    
                .single_block {
                    margin: 50px 0 60px 0;
        
                    p {
                        line-height: 2em;
                        margin: 10px 0 10px 0;
                    }
    
                    ul {
                        margin: 10px 0 10px 0;
    
                        li {
                            position: relative;
                            padding-left: 20px;
                            line-height: 2em;
    
                            &::before {
                                position: absolute;
                                content: '';
                                top: 10px;
                                left: 3px;
                                width: 10px;
                                height: 10px;
                                background-color: $c-main;
                                border-radius: 5px;
                            }
                        }
                    }
    
                    ol {
                        counter-reset: number 0;
                        margin: 10px 0 10px 0;
    
                        li {
                            list-style-type: none;
                            position: relative;
                            padding-left: 20px;
                            line-height: 2em;
    
                            &::before {
                                counter-increment: number 1;
                                content: counter(number) ". ";
                                position: absolute;
                                left: 0;
                            }
                        }
                    }
    
                    .wp-block-table {
                        margin: 20px 0 20px 0;
    
                        table {
                            border-collapse:  collapse;
    
                            tbody {
                                tr {
                                    th {
                                        font-weight: 700;
                                    }
                                    th, td {
                                        border: solid 1px $c-grey;
                                        padding: 10px;
                                    }
                                }
                            }
                        }
                    }
    
                    .wp-block-table.is-style-stripes {
                        margin: 20px 0 20px 0;
                        
                        table {
                            border-collapse:  collapse;
    
                            tbody {
                                tr {
                                    &:nth-child(odd) {
                                        background-color:  #ddd;
                                    }
                                    th {
                                        font-weight: 700;
                                    }
                                    th, td {
                                        border: unset;
                                        padding: 10px;
                                    }
                                }
                            }
                        }
                    }
    
                    .btn_01 {
                        display: flex;
                        justify-content: center;
                        margin: 60px 0 60px 0;
    
                        &.common_btn_wrap {
    
                            .common_btn_inner {
                                a{
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                position: relative;
                                height: 103px;
                                width: 353px;
                                background-color: $c-white;
                                border: 2px solid $c-main;
                                border-radius: 10px;
                                filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
    
                                .common_btn_inner_wrap {
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: center;
                                    align-items: center;
    
                                    img {
                                        width: 175px;
                                        height: auto;
                                    }
                                }
                                .common_text {
                                    color: $c-main;
                                    font-size: 16px;
                                    font-weight: 500;
                                    letter-spacing: 0.064em;
                                }
    
                                &::after {
                                    content: '';
                                    position: absolute;
                                    right: 0;
                                    bottom: 0;
                                    background: url(../../assets/img/common/btn_redcircle_whitearrow.png) no-repeat center bottom;
                                    background-size: contain;
                                    width: 50px;
                                    height: 47px;
                                }
                                    &:hover{
                                        background-color: $c-main;
                                        /*&::after {
                                            background: url(../../assets/img/common/btn_whitecircle_redarrow.png) no-repeat center bottom;
                                            background-size: contain;
                                        }*/
                                        .common_text {
                                            color: $c-white;
                                        }
                                    }
                                }
                            }
                        }
                    }
    
                    .wp-block-image {
                        figure {
                            img {
                                margin: 20px 0 20px 0;
                                width: 100%;
                                height: auto;
                            }
                        }
                    }
                }
    
            }
            
            .intro_detail_btn {
                margin: 0 auto;
                
                a {
                    &::after {
                        top: 12px;
                    }
                }
            }
        }
    }
    /* ------------------------------ */
    /* single.php終了 */
    /* ------------------------------ */

    /* ------------------------------ */
/* 404開始 */
/* ------------------------------ */


section.page_thanks {
    max-width: 1200px;
    width: calc(100% - 40px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;

    .page_thanks_inner {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 100px 0 100px 0;

        .page_thanks_topic {
            text-align: center;
            font-size: 22px;
            margin-bottom: 30px;
            font-weight: 700;
        }
        .page_thanks_subtopic {
            text-align: center;
            font-size: 20px;
        }

        .intro_detail_btn {
            width: 350px;
            height: 63px;
            margin-top: 68px;

            a {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #520d15;
                position: relative;
                color: #ffffff;
                font-size: 16px;

                &::before {
                    content: "";
                    position: absolute;
                    background: url(../../assets/img/common/gold_btn_shikaku.png) no-repeat center center;
                    background-size: cover;
                    width: 3px;
                    height: 63px;
                    top: 31px;
                    left: 0;
                }
                &::after {
                    content: "";
                    position: absolute;
                    background: url(../../assets/img/common/lookdetail_white_arrow.png) no-repeat center center;
                    background-size: contain;
                    width: 36px;
                    height: 13px;
                    top: 25px;
                    right: 29px;
                }
            }
        }
    }
}

/* ------------------------------ */
/* 404開始 */
/* ------------------------------ */