@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_850: 850px;
$bp_800: 800px;
$bp_sp_768: 768px;
$bp_700: 700px;
$bp_580: 580px;
$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_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_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 Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
	font-weight: 400;	
	-webkit-font-smoothing: antialiased;
}
/************ フォント読み込み終了 ************/

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



$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%);
}
/************ グラデーション終了 ************/

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


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

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


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

/************ 共通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;
}
* {
    //border: 1px solid blue;
}
/************ 共通css終了 ************/

/* ------------------------------ */
/* 共通終了 */
/* ------------------------------ */
/* ------------------------------ */
/* メインビュー開始 */
/* ------------------------------ */
.mainslider_bk {
    .mainslider_on01 {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 5;
    }
    .mainslider_on02 {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 5;
    }
    .mainslider_on03 {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 5;
    }
    
}

@keyframes text_scalse {
    to {
    transform:scale(1.4);
    }
  }
  .mainslider_bk {
    .mainslider_on03{
      opacity:0.5
    }
    .add-animation {
      animation:text_scalse 10s linear infinite;
    }
  }
/* ------------------------------ */
/* メインビュー終了 */
/* ------------------------------ */

/* ------------------------------ */
/* ヘッダー開始 */
/* ------------------------------ */
.header01 {
    height: 80px;
    //position: fixed;
    width: 100%;
    background-color: $c-main;
    z-index: 10;
    top: 847px;

    /* --------------ヘッダー追従CSS---------------- */
    &.fixed {
        position: fixed;
        top: 0;

        &.none {
            opacity: 0;
            z-index: -1;
        }
    }
    /* --------------ヘッダー追従CSS---------------- */

    .header01_wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        background-color: $c-main;
        max-width: 1920px;
        margin: 0 auto;

        .header01_logo {
            a {
                img {
                    width: 270px;
                    height: auto;
                    margin: 0 0 0px 80px;
					@include bp_1600{
						width: 250px;
					}
                }
				transition: ease 0.5s;
				&:hover{
					opacity: 0.7;
				}
            }
        }

        .header01_nav_wrapper {
            height: 100%;
            display: flex;
            align-items: center;

            .header01_nav {
                display: flex;
                flex-direction: row;
                align-items: center;

                ul.header01_list {
                    display: flex;
                    flex-direction: row;
                    align-items: center;



                    li.header01_item {
                        position: relative;
                        @include gold_grad_font;

                        ul {
                            display: block;
                        }

                        &.has_child {
							cursor: pointer;
							margin-right: 18px;
                            &:hover > ul {
                                visibility: visible;
                                opacity: 1;
                            }
                            ul {
								padding: 12px 0;
                                position: absolute;
                                left:0;
                                top:53px;
                                z-index: 4;
                                    /*形状を指定*/
                                background-color:$c-main;
                                width:180px;
                                    /*はじめは非表示*/
                                visibility: hidden;
                                opacity: 0;
                                    /*アニメーション設定*/
                                transition: all .5s;

                                li {
									
                                    a {	
										padding: 8px 0;
										font-size: 16px;
                                        color: $c-white;
                                    }
                                }
                            }
							/*--- 下矢印 ---*/
                                    &::after {
                                        content: '';
                                        position: absolute;
                                        top: 50%;
                                        right: 0;
                                        display: inline-block;
                                        vertical-align: middle;
                                        color: $c-main;
                                        line-height: 1;
                                        width: 8px;
                                        height:8px;
										margin-top: -6px;
                                        border: 2px solid $c-main;
                                        border-left: 0;
                                        border-bottom: 0;
                                        box-sizing: border-box;
                                        transform: translateY(25%) rotate(135deg);
                                    }
                        }
                        a,div {
                            display: block;
                            margin: 0px 18px 0 18px;
                            transition: .5s;
							@include bp_1760{
								margin: 0 15px;
							}
                            &:hover {
                                color: $c-main;
                            }
                            
                                font-size: 18px;
								font-weight: 700;
                                &.tel_lower {
                                    position: relative;
                                    padding-right: 20px;

                                    
                            }
                        }
                    }
                }

                .tel_wrap {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin: 0 15px;
                    @include gold_grad_font();

                    .tel_upper {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
						white-space: nowrap;
                        img {
                            height: 30px;
                        }
                        .tel_text {
                            border: 1px solid $c-darkgold;
                            padding: 1px 6px;
                            font-size: 14px;
                        }
                        .tel_number {
                            color: $c-main;
                            font-size: 19px;
                            width: 195px;
                            height: 28px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-weight: 700;
                        }
                    }
                    .tel_lower {
                        font-size: 14px;
						white-space: nowrap;
                    }
                }
                .inquiry {
                    height: 80px;
                    a {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: column;
                        width: 160px;
                        height: 100%;
                        @include gold_grad_90deg;
                        color: $c-white;
                        font-size: 18px;
						font-weight: 500;
						transition: ease 0.5s;

                        img {
                            width: 34px;
                            height: auto;
                            margin-top: 10px;
                        }
                    }

                    .inquiry_text {
                        color: $c-main;
                        padding-top: 6px;
                    }
                }
            }
        }
    }
}
/*========== ヘッダー横幅1400px以下開始 ==========*/

/* ------------------------------ */
/* 1400px以下のヘッダー開始 */
/* ------------------------------ */

body {
	margin: 0;
    line-height: 1.3;
}
.toppage_all {
	width: 100%;
    /*width: 100vw;
	min-height: 100vh;*/
	position: relative;

    &.paddingtop {
        padding-top: 80px;
    }
}
.header02 {
	background-color: $c-main;
	z-index: 10;
	height: 80px;
	display: flex;
	align-items: center;
    width: 100%;
    box-sizing: border-box;
    

        /* --------------ヘッダー追従CSS---------------- */
        &.fixed02 {
            position: fixed;
            top: 0;
    
            &.none02 {
                opacity: 0;
                z-index: -1;
            }
        }
        /* --------------ヘッダー追従CSS---------------- */

    .header02_wrap {
        height: 100%;

        section {
            height: 420px;
            display: grid;
            justify-content: center;
            align-content: center;
        }
        .header_sp_wrap {
            display: flex;
            flex-direction: row;
            align-items: center;
            height: 100%;
            width: 100%;
            justify-content: space-between;

            .header02_logo {
                height: 100%;
                a {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 20px 0 20px;
				&:hover{
					opacity: 0.7;
				}

                    @include bp_580 {
                        padding: 0 10px 0 10px;
                    }

                    img {
                        max-width: 333px;
                        width: 100%;
                        height: auto;

                        @include bp_440 {
                            padding: 5px 5px 5px 5px;
                        }
                    }
                }
            }
            .header_right_sp {
                display: flex;
                flex-direction: row;

                .contact {
                    width: 86px;
                    height: 80px;
                    

                    a {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        width: 100%;
                        height: 100%;
                        transition: ease 0.5s;
                        @include gold_grad_90deg;
						&:hover{
							 background-color: $c-main-dark;
						}

                        .box_pic {
                            display: flex;
                            justify-content: center;
                        }

                        img {
                            height: 24px;
                            width: 35px;
                            margin: 0 auto;
                        }

                        .box_text {
                            color: $c-main;
                            font-size: 12px;
                            text-align: center;
                            height: 20px;
                            display: flex;
                            align-items: flex-end;
                            justify-content: center;
                        }
                    }
                }
            }
        }

        /*----- SP版メニュー開始 -----*/

        .header__nav {
            //background-color: $c-white;
            background: linear-gradient(90deg, #e1dcc5 0%, #f3f4ef 50%, #e1dcc5 100%);
            position: fixed;
            top: 0px;
            right: 0;
            z-index: 5;
            transform: translateX(100%);
            width: 600px;
            height: 100vh;
            display: grid;
            justify-content: center;
            align-content: flex-start;
            color: $c-grey;
            text-align: center;
            transition: .5s;
            overflow: auto;

            .header_nav_inner {
                padding-inline: 0;
                box-sizing: border-box;
                margin: 60px auto;

                /*---SPメニューをスクロールさせる---*/
                width: 90%;
                max-width: 690px;
                min-width: 375px;
                height: 99%;
                //overflow: auto;
                -webkit-overflow-scrolling: touch;

                li.nav-items__item {
                    list-style: none;
                    cursor: pointer;
                    border-bottom: 1px solid $c-grey-light2;

                    &:first-child {
                        border-top: 1px solid $c-grey-light2;
                    }

                    .m_wrap {
                        display: flex;
                        align-items: center;
                    }

                    .m_s_small {
                        font-size: 20px;
                    }

                    a {
                        padding: 20px 20px;
                        display: block;
                    }

                    &:hover {
                        color: $c-main;
                    }

                    /* 矢印 */
                    .m_s_small {
                        position: relative;
                        width: 100%;
                        display: flex;
                        justify-content: flex-start;

                        &::after {
                            border-right: solid 2px $c-main;
                            border-top: solid 2px $c-main;
                            content: "";
                            display: block;
                            height: 8px;
                            position: absolute;
                            right: 25px;
                            top: 38%;
                            transform: rotate(45deg);
                            transition: transform .3s ease-in-out, top .3s ease-in-out;
                            width: 8px;
                        }
                    }

                    
                    &.has_child_sp {

                        /* アコーディオンメニュー */
                        &.accordion {
                            position: relative;

                            .accordion-title {
                                color: $c-grey;
                                cursor: pointer;
                                font-size: 16px;
                                padding: 20px 20px;
                            }
                            ul.accordion-content {
                                display: none;
                                padding: 10px 20px;
                                color: $c-grey-light1;

                                li {
                                    position: relative;

                                    &::after {
                                        border-right: solid 2px #ac1e40;
                                        border-top: solid 2px #ac1e40;
                                        content: "";
                                        display: block;
                                        height: 8px;
                                        position: absolute;
                                        right: 25px;
                                        top: 38%;
                                        transform: rotate(45deg);
                                        transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
                                        width: 8px;
                                    }

                                    a {
                                        display: flex;
                                        justify-content: flex-start;
                                    }
                                }
                            }
                            /* 矢印 */
                            .accordion-title {

                                .m_s_small {
                                    &.plus {
                                        position: relative;
                                        width: 100%;
                                        margin: 0 auto;
    
                                        &::before,&::after {
                                            content: '';
                                            display: inline-block;
                                            position: absolute;
                                            background-color: $c-main;
                                        }
                                        &::before {
                                            right: 25px;
                                            width: 3px;
                                            height: 19px;
                                            top: 6px;
                                        }
                                        &::after {
                                            transform: rotate(90deg);
                                            width: 1px;
                                            top: 7px;
                                            height: 15px;
                                        }
                                    }
                                }

                                &.open {
                                    .m_s_small {
                                        &.plus {
                                            &::before {
                                                opacity: 0;
                                            }
                                        }
                                    }
                                   
                                }
                            }
                        }
                
                    }
                    
                }

                .tel_wrap_sp {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin: 30px 15px 20px 15px;

                    .tel_upper_sp {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;

                        img {
                            height: 30px;
                        }
                        .tel_number_sp {
                            color: $c-main;
                            font-size: 24px;
                            width: 195px;
                            height: 35px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-weight: 700;
                        }
                    }
                    .tel_lower_sp {
                        font-size: 14px;
                    }
                }
				.contact_sp{
					margin: 30px 0 20px 0;
					a{
						font-size: 17px;
						font-weight: 700;
						display: flex;
						justify-content: center;
						align-items: center;
						height: 50px;
						width: 100%;
						color: $c-white;
						background-color: $c-main;
						border-radius: 10px;
						&:hover{
							background-color: $c-main-dark;
						}
					}
				}
				
            }

        }
        /*----- SP版メニュー終了 -----*/
    }
}
/*==================== ハンバーガーメニュー開始 ====================*/
.inquiry_hamburger {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 86px;
    height: 81px;
	cursor: pointer;
    .box_pic {

    }

    .box_text {
        //color: $c-white;
        @include gold_grad_font();
        font-size: 12px;
        height: 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.hamburger {
    position: relative;/*ボタン内側の基点となるためrelativeを指定*/
    background:transparent;
    cursor: pointer;
    width: 60px;
    height:100%;
    border: none;
    z-index: 4;
    transition: all .5s 0s ease;
    top: 3px;
}
/* ハンバーガーメニューの線 */
.hamburger span {
    width: 60%;
    height: 2px;
    //background-color: $c-darkgold;
    @include gold_grad_90deg();
    position: relative;
    transition: ease .4s; /*ハンバーガーメニュークリック時の三本線の動きを遅延*/
    display: block;
}

.hamburger span:nth-child(1) {
    top: 0;
    left: 14px;
}

.hamburger span:nth-child(2) {
    margin: 8px 0;
    left: 10px;
}

.hamburger span:nth-child(3) {
    top: 0;
    left: 6px;
}
/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
    transform: translateX(0);
    
}

.hamburger_01.active span:nth-child(1) {
    top: 9px;
    transform: rotate(45deg);
    left: 10px;
}

.hamburger_01.active span:nth-child(2) {
    opacity: 0;
}

.hamburger_01.active span:nth-child(3) {
    top: -10px;
    transform: rotate(-45deg);
    left: 10px;
}

/* 横から出てくるメニュー */

.inquiry_hamburger_02 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 86px;
    height: 81px;
	cursor: pointer;
    margin: 0 0 0 auto;

    .box_text {
        //color: $c-white;
        //@include gold_grad_font();
        color: $c-darkgold;
        font-size: 12px;
        height: 20px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.hamburger0202 {
    position: relative;/*ボタン内側の基点となるためrelativeを指定*/
    background:transparent;
    cursor: pointer;
    width: 60px;
    height:100%;
    border: none;
    z-index: 4;
    transition: all .5s 0s ease;
    top: 3px;
}
/* ハンバーガーメニューの線 */
.hamburger_02 span {
    width: 60%;
    height: 2px;
    background-color: $c-darkgold;
    //@include gold_grad_90deg();
    position: relative;
    transition: ease .4s; /*ハンバーガーメニュークリック時の三本線の動きを遅延*/
    display: block;
}

.hamburger_02 span:nth-child(1) {
    top: -6px;
    transform: rotate(45deg);
    left: 10px;
}

.hamburger_02 span:nth-child(2) {
    opacity: 0;
}

.hamburger_02 span:nth-child(3) {
    top: -10px;
    transform: rotate(-45deg);
    left: 10px;
}

.header__nav{
    &.hamburger-open {
        transform: translateX(0) !important;
    }
}
/*==================== ハンバーガーメニュー終了 ====================*/

/* ------------------------------ */
/* 1400px以下のヘッダー終了 */
/* ------------------------------ */

/*========== ヘッダー横幅1400px以下終了 ==========*/

/* ------------------------------ */
/* ヘッダー終了 */
/* ------------------------------ */

/* ------------------------------ */
/* メインビュー開始 */
/* ------------------------------ */
.mainview {
    margin: 0 auto;
    position: relative;
    background: url(../../assets/img/top/mainview.png) no-repeat center center;
    background-size: cover;
    max-width: 1920px;
    width: 100%;
    height: 850px;

    .mainview_catch {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: $c-white;
        font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
        font-weight: 500;
        top: 50%;
        left: 22%;
        transform: translate(-50%, -20%);
        -webkit-transform: translate(-50%, -20%);

        @media screen and (max-width: (1700px)) {
            left: 50%;
            transform: translate(-50%, -150%);
            -webkit-transform: translate(-50%, -150%);
          }

        

        .catch_01 {
            font-size: 70px;
            position: relative;
            @media screen and (max-width: (1980px)) {
                white-space: nowrap;
              }

            &::before {
                position: absolute;
                content: '';
                background: url(../../assets/img/top/dq_start.png) no-repeat center center;
				background-size: contain;
				width: 28px;
				height: 23px;
                left: -28px;
                top: 10px;
            }
            &::after {
                position: absolute;
                content: '';
                background: url(../../assets/img/top/dq_end.png) no-repeat center center;
				background-size: contain;
				width: 28px;
				height: 23px;
                right: -47px;
                top: 10px;
            }

        }
        .catch_02 {
            font-size: 60px;
            span {
                font-size: 48px;
            }
        }
    }
}

/* ------------------------------ */
/* メインビュー終了 */
/* ------------------------------ */

/* ------------------------------ */
/* NEWS開始 */
/* ------------------------------ */
section.news_wrap {
    margin: 0 auto;
    @include sinple_gold();
    width: 100%;
    height: 310px;
    display: flex;
    align-items: center;


    .news_inner {
        margin: 0 auto;
        max-width: 1200px;
        width: 100%;

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

        .news_uppeer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: row;
            margin-bottom: 47px;

            .news_upper_left {
                display: flex;
                flex-direction: row;
                align-items: center;

                .news_ttl {
                    img {
                        width: 94px;
                        height: auto;
                    }
                    position: relative;
                    &::after {
                        content: '';
                        position: absolute;
                        background: url(../../assets/img/common/under_news_line.png) no-repeat center center;
                        background-size: contain;
                        width: 50px;
                        height: 2px;
                        left: 0px;
                        bottom: -20px;
                    }
                }
                .news_ttl_ja {
                    font-size: 18px;
                    margin-left: 40px;
                    font-weight: 700;
                }
            }
            .news_upper_right {
                display: flex;
                flex-direction: row;
                align-items: center;
                

                a {
                    position: relative;
                    display: block;
                    width: 100%;
                    height: 100%;
                    padding-right: 50px;

                    &::after {
                        position: absolute;
                        content: '';
                        background: url(../../assets/img/common/lookall_arrow.png) no-repeat center center;
                        background-size: contain;
                        width: 36px;
                        height: 5px;
                        right: 0;
                        top: 5px;
                    }
                }

                .news_lookall_text {
                    font-size: 14px;
                }
            }
        }
        .news_lower {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            .news_box {
                margin-bottom: 20px;
                a {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    

                    &:last-child {
                        margin-bottom: 0px;
                    }

                    .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;
                    }

                }
            }
        }
    }
}

/* ------------------------------ */
/* NEWS終了 */
/* ------------------------------ */

/* ------------------------------ */
/* ダイヤモンド企業宣言開始 */
/* ------------------------------ */
section.declaration {
    background: url(../../assets/img/top/red_back.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1760px;
    display: flex;
    justify-content: center;

    @include bp_1000(){
        height: 1810px;
    }

    .declaration_inner {
        margin: 0 auto;

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

        .dec_topic {
            background-color: #7f6f2e;
            padding: 10px 40px;
            width: 585px;
            height: 90px;
            margin: 100px auto 40px;
            font-size: 50px;
            color: $c-white;
            text-align: center;
            position: relative;
            display: flex;
            align-items: center;

            @media screen and (max-width: (850px)) {
                width: 485px;
                font-size: 40px;
              }



            span {
                position: relative;
                width: 100%;
                z-index: 2;

                &::before {
                    position: absolute;
                    content: '';
                    background: url(../../assets/img/top/dq_start.png) no-repeat center center;
                    background-size: contain;
                    width: 20px;
                    height: 17px;
                    left: -20px;
                    top: 0px;
                }
                &::after {
                    position: absolute;
                    content: '';
                    background: url(../../assets/img/top/dq_end.png) no-repeat center center;
                    background-size: contain;
                    width: 20px;
                    height: 17px;
                    right: -20px;
                    top: 0px;
                }
            }

            &::before {
                content: '';
                position: absolute;
                bottom: 0;
                left: -314px;
                right: 0;
                width: 100%;
                height: 90px;
                margin: 0 auto;
                text-align: center;
                background-image: -webkit-linear-gradient(left, transparent, #7f6f2e 25%, #7f6f2e 75%, transparent);
                background-image: linear-gradient(to left, transparent, #7f6f2e 25%, #7f6f2e 75%, transparent);
                background-position: center;
                background-repeat: no-repeat;
                z-index: 1;
            }

            &::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: -314px;
                width: 100%;
                height: 90px;
                margin: 0 auto;
                text-align: center;
                background-image: -webkit-linear-gradient(left, transparent, #7f6f2e 25%, #7f6f2e 75%, transparent);
                background-image: linear-gradient(to right, transparent, #7f6f2e 25%, #7f6f2e 75%, transparent);
                background-position: center;
                background-repeat: no-repeat;
                z-index: 1;
            }

        }
        .dec_smalltext {
            font-size: 28px;
            @include gold_grad_font();
            margin-bottom: 56px;
            text-align: center;
            line-height: 1.5em;
        }
        .dec_gold_box_wrap {
            position: relative;
            img {
                margin: 0 auto;
                width: 677px;
                height: auto;
            }
            .dec_gold_box {
                position: absolute;
                z-index: 2;
                top: 813px;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                width: 1200px;
                height: auto;
                margin: 0 auto;
                @include sinple_gold();
                text-align: center;
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
                outline: 1px solid #7f6f2e;
                outline-offset: -22px;
                padding: 100px 20px 100px 20px;
                

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

                
                    

                .dec_gold_box_inner {
                    width: 73%;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;

                    @include bp_850(){
                        width: 80%;
                    }
                }
                

                p {
                    font-size: 18px;
                    margin-bottom: 5px;
                    line-height: 2.4em;
                    padding: 5px 40px;
                    text-align: start;

                    @include bp_1240(){
                        line-height: 2em;
                    }

                    @media screen and (max-width: (880px)) {
                        line-height: 1.8em;
                        font-size: 16px;
                        padding: 5px 40px;
                      }
                }
            }
        }
    }
}
/* ------------------------------ */
/* ダイヤモンド企業宣言終了 */
/* ------------------------------ */

/* ------------------------------ */
/* 6つの強み開始 */
/* ---------------------------≈
/* ----section.strength {
    background: url(../../assets/img/top/strength_diamond.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 1031px;
    margin: 0 auto;
    color: pink;

    .strength_inner {
        margin: 0 auto;
        max-width: 1200px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 40px 0 10px 0;

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

        img {
            width: 440px;
            height: auto;
            margin-right: 95px;
        }

        .strength_wrap {
            margin: 114px 0 0 0;

            @include bp_1540(){
                margin: 40px 0 0 0;
            }
            .st_upper {
                display: flex;
                justify-content: center;

                a.st_01 {
                    width: 611px;
                    height: 85px;
                    margin:-2px 5px 5px 5px; 

                    @include bp_1540(){
                        margin: 0px 5px 5px 5px;
                        height: 71px;
                    }
                }
                .st_01_box {
                    background: url(../../assets/img/top/bubble_01.png) no-repeat center center;
                    background-size: cover;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    @include bp_1540() {
                        width: 100%;
                        height: 70px;
                        background: rgba(255,255,255,1);
                        -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 54px, 97% 100%);
                        clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 54px, 97% 100%);
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        &::before {
                            content: '';
                            position: absolute;
                            width: 98%;
                            height: 60px;
                            background: rgba(200, 174, 103, 1);
                            -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 45px, 97% 100%);
                            clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 45px, 97% 100%);
                        }
                        &::after {
                            content: '';
                            position: absolute;
                            width: 97%;
                            height: 57px;
                            background: rgba(255,255,255,1);
                            -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 43px, 97% 100%);
                            clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 43px, 97% 100%);
                        }
                    }

                    .st_box_inner {
                        position: relative;
                        &::after {
                            content: '';
                            position: absolute;
                            background: url(../../assets/img/common/gold_btn_arrow.png) no-repeat center center;
                            background-size: contain;
                            width: 43px;
                            height: 40px;
                            right: -20px;
                            top: 1px;
                            z-index: 2;
                        }
                        .st_box_text {
                            font-size: 32px;
                            color: $c-font;
                            padding-right: 30px;
                            font-weight: 700;
                            line-height: 1.2em;
                            position: relative;
                            z-index: 2;
                        }
                    }
                }
            }
            .st_lower {
                display: flex;
                flex-direction: row;
                align-items: center;

                @include bp_1540() {
                    flex-direction: column;
                    justify-content: center;
                }

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

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

                    a.st_02 {
                        width: 611px;
                        height: 91px;
                        margin: 48px 10px 10px 15px; 

                    @include bp_1540(){
                        margin: 15px 10px 10px 10px;
                        height: 71px;
                    }
                    }
                    .st_02_box {
                        background: url(../../assets/img/top/bubble_02.png) no-repeat center center;
                        background-size: cover;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        @include bp_1540() {
                            width: 100%;
                            height: 70px;
                            background: rgba(255,255,255,1);
                            -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 54px, 97% 100%);
                            clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 54px, 97% 100%);
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            &::before {
                                content: '';
                                position: absolute;
                                width: 98%;
                                height: 60px;
                                background: rgba(200, 174, 103, 1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 45px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 45px, 97% 100%);
                            }
                            &::after {
                                content: '';
                                position: absolute;
                                width: 97%;
                                height: 57px;
                                background: rgba(255,255,255,1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 43px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 43px, 97% 100%);
                            }
                        }
  
    
                        .st_box_inner {
                            position: relative;
                            &::after {
                                content: '';
                                position: absolute;
                                background: url(../../assets/img/common/gold_btn_arrow.png) no-repeat center center;
                                background-size: contain;
                                width: 43px;
                                height: 40px;
                                right: -20px;
                                top: 1px;
                                z-index: 2;
                            }
                            .st_box_text {
                                font-size: 32px;
                                color: $c-font;
                                padding-right: 30px;
                                font-weight: 700;
                                line-height: 1.2em;
                                position: relative;
                                z-index: 2;
                            }
                        }
                    }
                    a.st_03 {
                        width: 611px;
                        height: 120px;
                        margin: 48px 19px 5px 8px; 

                        @include bp_1540(){
                            margin: 15px 10px 10px 10px;
                            height: 71px;
                        }
                    }
                    .st_03_box {
                        background: url(../../assets/img/top/bubble_03.png) no-repeat center center;
                        background-size: cover;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        @include bp_1540() {
                            width: 100%;
                            height: 70px;
                            background: rgba(255,255,255,1);
                            -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 54px, 97% 100%);
                            clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 54px, 97% 100%);
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            &::before {
                                content: '';
                                position: absolute;
                                width: 98%;
                                height: 60px;
                                background: rgba(200, 174, 103, 1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 45px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 45px, 97% 100%);
                            }
                            &::after {
                                content: '';
                                position: absolute;
                                width: 97%;
                                height: 57px;
                                background: rgba(255,255,255,1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 43px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 43px, 97% 100%);
                            }
                        }
                                  
    
                        .st_box_inner {
                            position: relative;
                            &::after {
                                content: '';
                                position: absolute;
                                background: url(../../assets/img/common/gold_btn_arrow.png) no-repeat center center;
                                background-size: contain;
                                width: 43px;
                                height: 40px;
                                right: -20px;
                                top: 1px;
                                z-index: 2;
                            }
                            .st_box_text {
                                font-size: 32px;
                                color: $c-font;
                                padding-right: 30px;
                                font-weight: 700;
                                line-height: 1.2em;
                                position: relative;
                                z-index: 2;
                            }
                        }
                    }
                    a.st_04 {
                        width: 611px;
                        height: 170px;
                        margin: 30px 5px 5px 242px;  
                        
                        @include bp_1540(){
                            margin: 15px 10px 10px 10px;
                            height: 97px;
                        }
                    }
                    .st_04_box {
                        background: url(../../assets/img/top/bubble_04.png) no-repeat center center;
                        background-size: cover;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        @include bp_1540() {
                            width: 100%;
                            height: 96px;
                            background: rgba(255,255,255,1);
                            -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 72px, 97% 100%);
                            clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 72px, 97% 100%);
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            &::before {
                                content: '';
                                position: absolute;
                                width: 98%;
                                height: 83px;
                                background: rgba(200, 174, 103, 1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 61px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 61px, 97% 100%);
                            }
                            &::after {
                                content: '';
                                position: absolute;
                                width: 97%;
                                height: 79px;
                                background: rgba(255,255,255,1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 57px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 57px, 97% 100%);
                            }
                        }
                                
    
                        .st_box_inner {
                            position: relative;
                            &::after {
                                content: '';
                                position: absolute;
                                background: url(../../assets/img/common/gold_btn_arrow.png) no-repeat center center;
                                background-size: contain;
                                width: 43px;
                                height: 40px;
                                right: -20px;
                                top: 21px;
                                z-index: 2;
                            }
                            .st_box_text {
                                font-size: 32px;
                                color: $c-font;
                                padding-right: 30px;
                                font-weight: 700;
                                line-height: 1.2em;
                                position: relative;
                                z-index: 2;
                            }
                        }
                    }
                    
                }
                .st_lower_right {
                    display: flex;
                    flex-direction: column;


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

                    a.st_05 {
                        width: 611px;
                        height: 151px;
                        margin: -20px 5px 2px 29px;

                        @include bp_1540(){
                            margin: 15px 10px 10px 10px;
                            height: 97px;
                        }
                    }
                    .st_05_box {
                        background: url(../../assets/img/top/bubble_05.png) no-repeat center center;
                        background-size: cover;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        height: 100%;

                        @include bp_1540() {
                            width: 100%;
                            height: 96px;
                            background: rgba(255,255,255,1);
                            -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 72px, 97% 100%);
                            clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 72px, 97% 100%);
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            &::before {
                                content: '';
                                position: absolute;
                                width: 98%;
                                height: 83px;
                                background: rgba(200, 174, 103, 1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 61px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 61px, 97% 100%);
                            }
                            &::after {
                                content: '';
                                position: absolute;
                                width: 97%;
                                height: 79px;
                                background: rgba(255,255,255,1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 58px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 58px, 97% 100%);
                            }
                        }
                            
    
                        .st_box_inner {
                            position: relative;
                            &::after {
                                content: '';
                                position: absolute;
                                background: url(../../assets/img/common/gold_btn_arrow.png) no-repeat center center;
                                background-size: contain;
                                width: 43px;
                                height: 40px;
                                right: -20px;
                                top: 22px;
                                z-index: 2;
                            }
                            .st_box_text {
                                font-size: 32px;
                                color: $c-font;
                                padding-right: 30px;
                                font-weight: 700;
                                line-height: 1.2em;
                                position: relative;
                                z-index: 2;
                            }
                        }
                    }
                    a.st_06 {
                        width: 611px;
                        height: 192px;
                        margin: 42px 5px 5px 38px;  
                        
                        @include bp_1540(){
                            margin: 15px 10px 10px 10px;
                            height: 136px;
                        }
                    }
                    .st_06_box {
                        background: url(../../assets/img/top/bubble_06.png) no-repeat center center;
                        background-size: cover;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        height: 100%;

                        @include bp_1540() {
                            width: 100%;
                            height: 135px;
                            background: rgba(255,255,255,1);
                            -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 108px, 97% 100%);
                            clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 108px, 97% 100%);
                            position: relative;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            &::before {
                                content: '';
                                position: absolute;
                                width: 98%;
                                height: 120px;
                                background: rgba(200, 174, 103, 1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 96px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 96px, 97% 100%);
                            }
                            &::after {
                                content: '';
                                position: absolute;
                                width: 97%;
                                height: 118px;
                                background: rgba(255,255,255,1);
                                -webkit-clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 94px, 97% 100%);
                                clip-path: polygon(0% 100%, 0 20px, 20px 0%, 100% 0%, 100% 94px, 97% 100%);
                            }
                        }
                            
    
                        .st_box_inner {
                            position: relative;
                            &::after {
                                content: '';
                                position: absolute;
                                background: url(../../assets/img/common/gold_btn_arrow.png) no-repeat center center;
                                background-size: contain;
                                width: 43px;
                                height: 40px;
                                right: -20px;
                                top: 42px;
                                z-index: 2;
                            }
                            .st_box_text {
                                font-size: 32px;
                                color: $c-font;
                                padding-right: 30px;
                                font-weight: 700;
                                line-height: 1.2em;
                                position: relative;
                                z-index: 2;
                            }
                        }
                    }

                }
            }

        }
    }
}---*/
/* ------------------------------ */
/* 6つの強み終了 */
/* ------------------------------ */

/* ------------------------------ */
/* 業務紹介開始 */
/* ------------------------------ */
section.introduction {
    margin: 0 auto;
    background-color: #f1f2ec;
    display: flex;
    justify-content: center;
    align-items: center;

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

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

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

            .topic_en {
                img {
                    width: 86px;
                    height: auto;
                }
            }
            .topic_ja {
                font-size: 40px;
                margin-top: 15px;
                font-weight: normal;
            }
        }

        .intro_smalltext {
            margin: 38px 5px 40px 5px;
            text-align: center;
            font-size: 22px;
            line-height: 1.7em;
            letter-spacing: 0.11em;
        }

        .intro_box_wrap {
            display: flex;
            flex-direction: row;
            justify-content: center;
            width: 100%;
            flex-wrap: wrap;

            a {
                width: 276px;
                height: 260px;
                margin-top: 20px;
                margin-right: 10px;
                margin-left: 10px;

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

                    img {
                        width: 327px;
                        height: 218px;
                        object-fit: cover;
                        @include bp_1240(){
                            margin: 0 5px 0 5px;
                        }
                    }
                    .intro_text {
                        margin: 15px auto 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: $c-main;
                position: relative;
                color: $c-white;
                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;
                }
            }
        }
    }
}
/* ------------------------------ */
/* 業務紹介終了 */
/* ------------------------------ */

/* ------------------------------ */
/* 会社案内開始 */
/* ------------------------------ */
section.company {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 125px auto 115px;

    .company_inner {
        max-width: 1200px;
        width: 100%;

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

        .topic_wrap {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin-bottom: 52px;

            .topic_en {
                img {
                    width: 86px;
                    height: auto;
                }
            }
            .topic_ja {
                font-size: 40px;
                margin-top: 15px;
                font-weight: normal;
            }
        }

        img {
            width: 100%;
            height: auto;
            margin: 0 auto;
        }
        .company_wrap {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: space-between;
            margin-top: 63px;

            @include bp_1200() {
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }

            .company_left {
                width: 577px;
                //height: 344px;
                height: auto;

                table , td, th {
                    border-collapse: collapse;
                    width: 100%;
                    height: 100%;
                }
                td, th {
                    padding: 3px;
                    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%;
                        padding: 15px 0 0 15px;
                        display: flex;
                        justify-content: flex-start;
                        align-items: flex-start;

                        &.t_th_2nd {
                            padding-top: unset;
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                        }
                    }
                }
                td {
                    width: 80%;
                    padding-left: 15px;
                }
                .under_table_wrap {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    margin-top: 30px;

                    .under_table_left {
                        img {
                            width: 150px;
                            height: auto;
                            
                            &:last-child {
                                margin-top: 10px;
                            }
                        }
                    }
                    .under_table_right {
                        .intro_detail_btn {
                            &:first-child {
                                margin-top: 0px;
                            }
                            &:last-child {
                                margin-top: 10px;
                            }
                        }
                    }
                }
            }

            .company_right {
                width: 577px;
                height: 344px;
                margin-top: 30px;

                iframe {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}
/* ------------------------------ */
/* 会社案内終了 */
/* ------------------------------ */

/* ------------------------------ */
/* common開始 */
/* ------------------------------ */
section.common {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 400px;
    background-color: $c-main;

    @include bp_tab_980() {
        display: none;
    }

    .common_inner {
        max-width: 1920px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        .common_box {
            width: 33.3%;
            background-size: cover;
            position: relative;
            background-size: contain;

            &::before {
                content: '';
                position: absolute;
                width: 52px;
                height: 52px;
                bottom: 0;
                right: 3px;
                background: url(../../assets/img/common/gold_btn_shikaku.png) no-repeat center center;
                background-size: contain;
            }

            &.c_01 {
                background: url(../../assets/img/common/strength_backpic.png) no-repeat center center;
            }
            &.c_02 {
                background: url(../../assets/img/common/activities_backpic.png) no-repeat center center;
            }
            &.c_03 {
                background: url(../../assets/img/common/recruit_backpic.png) no-repeat center center;
            }

            a {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;

                &:hover {
                    background-color: rgba(255,255,255,0.1);
                }

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

                    .topic_en {
                        margin-bottom: 16px;

                        img {
                            height: 13px;
                            width: auto;
                        }
                    }
                    .topic_ja {
                        font-size: 36px;
                        color: $c-white;
                    }
                }
            }
        }
    }
}
/* ------------------------------ */
/* common終了 */
/* ------------------------------ */


/* ------------------------------ */
/* フッター開始 */
/* ------------------------------ */
.footer {
    background-color: #38090e;
    color: $c-white;
    position: relative;
    z-index: 1;
    width: 100%;
    position: relative;

    &::before {
        content: '';
        position: absolute;
        width: 100vw;
        height: 1px;
        background: rgba(255,255,255,0.2);
        bottom: 78px;
        left: 0;
    }
      
    ul {
    padding: 0;
    list-style: none;
    }
    
    .footer_inner_wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    .common_wrap {
        background: url(../../assets/img/common/footer_backpic.png) no-repeat center center;
        background-size: cover;
        width: 100%;
        max-width: 1920px;
        height: 558px;
        display: flex;
        justify-content: center;
        align-items: center;

        @include bp_1240(){
            max-width: unset;
        }

        .common_whitebox {
            width: 1200px;
            height: 360px;
            background-color: $c-white;
            outline : 1px solid $c-darkgold; /* 線の太さ・線状・色 */
            outline-offset : -19px;
            color: $c-font;
            display: flex;
            justify-content: center;
            align-items: center;

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

            .common_whitebox_inner {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                padding: 40px 20px 40px 20px;

                img {
                    width: 75px;
                    height: auto;
                    margin-bottom: 20px;
                }
                .short_text {
                    text-align: center;
                    font-size: 24px;
                    line-height: 1.5em;
                    margin-bottom: 37px;
                    font-weight: 700;
                }
                .wrap {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;

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

                    .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;
                        }
                    }
                    .inquiry {
                        width: 450px;
                        height: 92px;
                        @include gold_grad_90deg2();
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: column;
                        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
                        margin-left: 30px;

                        @include bp_1000(){
                            margin-left: 0px;
                        }

                        &:hover {
                            background: linear-gradient(90deg, #907025c2 0%, #c8ae67 50%, #907025c2 100%);
                        }

                        a {
                            width: 100%;
                            height: 100%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            flex-direction: column;
                        }

                        .upper {
                            width: 263px;
                            height: 28px;
                            color: #907025;
                            background-color: $c-white;
                            font-size: 16px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            margin-bottom: 8px;
                            font-weight: 700;
                            clip-path: polygon(0% 100%, 0 28px, 16px 0%, 100% 0%, 94% 100%);
                            -webkit-clip-path: polygon(0% 100%, 0 28px, 16px 0%, 100% 0%, 94% 100%);
                        }
                        .lower {
                            position: relative;
                            padding-left: 40px;
                            font-size: 20px;
                            color: $c-white;
                            font-weight: 700;
                            &::before {
                                content: '';
                                position: absolute;
                                width: 31px;
                                height: 24px;
                                background: url(../../assets/img/common/mail_white.png) no-repeat center center;
                                background-size: contain;
                                top: 1px;
                                left: 0px;
                            }
                        }
                    }
                }
            }
        }
    }

    .footer_inner_lower {
        display: flex;
        justify-content: space-between;
		align-items: center;
        font-size: 12px;
        color: $c-grey-footer;
		margin-top: 35px;
        max-width: 1200px;
        margin: 0 auto;
        width: 100%;
        padding: 30px 0;

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


		.f_menu_b{

            @include bp_1400(){
                margin-right: 120px;
            }
			
            a{
                display: block;
                width: 100%;
                height: 100%;
                font-size: 14px;
                color: #FFF;
                &:hover{
                    opacity: 0.7;
                }
            }
			
		}
		.copyright{
			font-size: 12px;
		}
    }
    
    .footer_inner_upper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        max-width: 1200px;
        padding-top: 58px;
        padding-bottom: 30px;

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

    .left_wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    .footer__logo {
        display: inline-block;
        margin-bottom: 2rem;

        img {
            width: 270px;
            height: auto;
        }
    }
    .footer__address {
        font-size: 14px;
        margin: 0 0 27px 0;
		color: $c-white;
		line-height: 1.6;
        span {
            font-weight: 700;
            font-size: 16px;
            line-height: 2;
			color:#FFF;
        }
    }
    }

    .right_wrap {
        width: 60%;

        a {
            color: $c-grey-light1;
            text-decoration: none;

            &:hover {
                color: $c-main;
            }
        }

        .footer_menu {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;

            .f_menu_w {
                display: flex;
                flex-direction: column;
                margin: 0 0 0 auto;

                &.w_second {
                    margin: 0px 0 0 0;
                }

                &.inquiry_wrap {

                

                    .inquiry.first { 
                        width: 242px;
                        height: 60px;
                        border-top: 1px solid $c-white;
                        border-bottom: 1px solid $c-white;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: relative;
                        padding-left: 30px;

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

                        &:hover {
                            background: rgba(255,255,255,0.1);
                        }

                        .f_menu_inquiry {
                            a {
                                p {
                                    color: $c-white;
                                    position: relative;

                                    &::before {
                                        content: '';
                                        position: absolute;
                                        width: 23px;
                                        height: 17px;
                                        background: url(../../assets/img/common/mail_white.png) no-repeat center center;
                                        background-size: contain;
                                        top: 1px;
                                        left: -36px;
                                    }
                                }
                            }
                        }
                    }

                    .inquiry.second { 
                        width: 242px;
                        height: 60px;
                        border-top: 1px solid $c-white;
                        border-bottom: 1px solid $c-white;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: relative;
                        padding-left: 30px;
                        margin-top: 20px;

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

                        &:hover {
                            background: rgba(255,255,255,0.1);
                        }

                        .f_menu_inquiry {
                            a {
                                p {
                                    color: $c-white;
                                    position: relative;

                                    &::before {
                                        content: '';
                                        position: absolute;
                                        width: 23px;
                                        height: 23px;
                                        background: url(../../assets/img/common/pdf_icon.png) no-repeat center center;
                                        background-size: contain;
                                        top: -1px;
                                        left: -36px;
                                    }
                                }
                            }
                        }
                    }

                }
            }

            .f_menu_l {
                
                a {
                    display: block;
                    padding: 10px 20px 10px 20px;
                }

                p {
                    color: $c-white;
                    font-size: 16px;
                    position: relative;

                    &:hover {
                        opacity: 0.7;
                    }
                }

                &.l_child {
                    padding-left: 30px;

                    a {
                        padding: 5px 20px;
                        position: relative;
                        

                        &::before {
                            content: '';
                            position: absolute;
                            width: 9px;
                            height: 1px;
                            background-color: $c-white;
                            left: 0;
                            top: 15px;
                        }

                        p {
                            color: $c-white;
                            background: unset;
                            -webkit-background-clip: unset;
                            -webkit-text-fill-color: unset;
                            font-size: 14px;

                        }
                    }


                }

                .footer__navi {
                    margin-top: -10px;
                    margin-bottom: 10px;
                    li {
                        a {
                            color: $c-grey-footer;
                            padding: 5px 20px;

                            &:hover {
                                color: $c-main;
                            }
                        }
                    }
                }
            }

            .footer__navi-heading {
                font-weight: 500;
            }

            .footer__navi {
                li {
                    margin: 5px;
                }
            }
        }
    
        @media (min-width: 768px) {
        .md-flex {
            display: flex;
        }
        
        .md-justify-between {
            justify-content: space-between;
        }
        
        }
    }

    }

    }
      
}
/* ------------------------------ */
/* フッター終了 */
/* ------------------------------ */

/* ------------------------------ */
/* TOPへ戻るボタン開始 */
/* ------------------------------ */
#page_top {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9;
    width: 60px;
    height: 220px;
    background-color: $c-main;

    a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 40px;

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

        &:hover {
            opacity: 0.5;
        }

        /*&::before {
            content: '';
            position: absolute;
            bottom: 0;
            width: 1px;
            height: 50px;
            background: $c-white;
            animation: pathmove 1.8s ease-in-out infinite;
            opacity:0;
    
        }*/

        &::after {
            content: '';
            position: absolute;
            top: 0;
            width: 1px;
            height: 42px;
            background: #eee;
            opacity: 0.5;
        }

        .backtotop {
            display: flex;
            writing-mode: vertical-rl;
            align-items: center;
            color: $c-white;
        }
    }
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
    0%{
      height:0;
      top:135px;
      opacity: 0;
    }
    30%{
      height:60px;
      opacity: 1;
    }
    100%{
      height:0;
      top:0px;
      opacity: 0;
    }
  }
/* ------------------------------ */
/* TOPへ戻るボタン終了 */
/* ------------------------------ */