﻿#sp_nav li a{
    color:white;
}
a.d_blcok.pd_10px.pd_r-30px.pd_l-30px.txt_color3.font_bold.border_so1.border_color1{
    border-color:white;
}
li.grid_1.grid_1_tb.grid_1_sp.txt_center.square_img{
    width:30px !important;
}

@media all and (-ms-high-contrast: none){
    #main_menu ul li a::before{
        height:1px !important;
    }
    a.txt_color_nomal.hvr_opa05.motion03s.d_block.pd_30px.width_300-max.border_color2.border_so1{
        padding-bottom:20px;
    }
    p.txt_center.font_18.bg_color5.txt_color5{
        padding-top:7px;
    }
    #cms_2-a .cate .cate_title{
        padding-top:15px !important;
    }
a.d_block.pd_t-15px.pd_b-15px.button.border_so1.border_color1.txt_color3.font_en.hvr_txt_white.motion05s{
    padding-top:19px;
    padding-bottom:12px;
}
    #contents2 h2, #contents3 h3{
        padding:10px 0 2px 30px !important;
}
.cate_title{
    padding:15px 20px 5px 30px !important;
}
    .more a{
        padding-bottom:5px;
    }
}

.fa-envelope:before{
    content:"\f075";
}
.cms_title p.font_14.font_12_tb.txt_color4.font_en {
    color: black;
}
h3.width_30per.pd_5px.pd_l-20px.font_2dw_tb.txt_color2.width_100per_sp {
    color: black;
}
.LINE img{
    max-width:250px;
}
.nav_contents ul.bg_white{
    background:#9b95c9;
}
a.d_block.pd_t-15px.pd_b-15px.button.border_so1.border_color1.txt_color3.font_en.hvr_txt_white.motion05s,a.d_block.pd_t-15px.pd_b-15px.button.border_so1.border_color1.txt_color3.font_en.hvr_txt_white.motion05s{
    font-size:16px;
}
#page_title .page_box::before {
   
    background-color: #db950a;
}
#cms_5-c .box_title1 {
    border-color: #db950a;
    
}
#contents2 h2, #contents3 h3, .cate_title {
    margin: 0;
    position: relative;
    font-weight: normal;
    font-size: 24px;
    background-color: #000;
    color: #fff;
    padding: 5px 20px 5px 30px;
    margin-bottom: 20px;
    display: block;
}
#contents2 h2,#contents3 h3{
    margin:  0;                 /* デフォルトCSS打ち消し */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    font-size: 20px;            /* 文字サイズ指定 */
    background-color:  #000;    /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    padding: 10px 0 10px 30px;  /* 余白指定 */
    margin-bottom:  20px;       /* 周りの余白指定 */
}
#contents2 h2::before,#contents3 h3::before,.cate_title::before{
    content: '';                /* 空の要素を作る */
    height: 110%;               /* 高さ指定 */
    width: 2px;                 /* 幅指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 14px;                 /* 位置調整 */
    top: -3px;                  /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    background-color: #db950a;    /* 背景色指定 */
    transform: rotate(3deg);  
}
#contents2 h2::after,#contents3 h3::after,.cate_title::after {
    content: '';                /* 空の要素を作る */
    height: 116%;               /* 高さ指定 */
    width: 2px;                 /* 幅指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 14px;                 /* 位置調整 */
    top: -6px;                  /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    background-color: #db950a;   /* 背景色指定 */
    transform: rotate(-15deg);  /* 回転 */
}
.button2:hover {
    box-shadow: 0 0 20px #db950a inset;
}
#page_title .title_img::before{
    display:none;
}
.linkStyle{
    color:#db950a; 
    transition:all 0.2s;
}
.linkStyle:hover{
    opacity:0.6;
}
.button{
    z-index:1;
}
footer .d_block.pd_t-15px.pd_b-15px.button.border_so1.border_color1.txt_color3.font_en.hvr_txt_white.motion05s.mg_center_sp{
    border-color:white;
}
footer .txt_white, footer .txt_color3, footer, footer .txt_color1, footer .txt_color_nomal{
    color:white;
}
footer{
    max-width:none !important;
    padding-left:5% !important;
    padding-right:5% !important;
    background:url("Dup/img/footer.jpg");
}
.opacity07,.opacity08{
    opacity:1;
}
#main_b1,#main_b2{
   transform:translate(-100%);
   
}
.animated{
     animation:1s slide forwards;
}
@keyframes slide{
    0%{
        transform: translateX(-100%);
    }
    100%{
       transform: translateX(0%);
    }
    
}
div#fakeloader{
    background:#9b95c9;
}
a.scroll_bt.txt_white.font_en.font_12.letter_2{
    display:none;
}
#main_b{
position: absolute;
    z-index: 3;
    bottom: 70px;
    width: 55vw;
}
#main_b1{
    margin-bottom:30px;
}

#contents2 figure::before {
    width: 10vw;
    height: 9vw;
    content: "";
    background: url(Dup/img/01.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -1.65vw;
    top: 0;
}
#contents3 .grid_6:nth-child(1)::before{
    width: 10vw;
    height: 9vw;
    content: "";
    background: url(Dup/img/02.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -1.65vw;
    top: 0;
    z-index:1;
}
#contents3 figure{
    margin-bottom:20px;
}
#contents3 .grid_6:nth-child(2)::before{
    width: 10vw;
    height: 9vw;
    content: "";
    background: url(Dup/img/03.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -1.65vw;
    top: 0;
    z-index:1;
    transform: translate(20px);
}
#contents2 figure,#contents3 .grid_6:nth-child(1),#contents3 .grid_6:nth-child(2){
    position:relative;
    
}
#contents1 h2::before {
    width: 600px;
    height: 80px;
    content: "";
    background: url(Dup/img/introduction.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -170px;
    top: -50px;

}
#contents1 h2{
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #db950a;
    line-height: 20px;
}
div#contents1 {
    text-align: center;
    background: white url(Dup/img/intro.png);
    margin: 0;
    max-width: none;
    background-position: center center;
}
#contents3_wrap{
    background: white url(Dup/img/intro.png);
    background-size: cover;
    background-position: center center;
}
.cms_title::before{
    background-color: #db950a;
}
#main_menu ul li a{
    font-size:18px;
}
body{
background:#f1effb;

}
body,.font_en{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.font_14{
    font-size:16px;
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #db950a;
}
.button:hover{
    border-color:#db950a;
}

/*-------------------------------------------タブレット--------------------------------------------*/
@media screen and (max-width:768px){
   
    #contents3 .grid_6:nth-child(2)::before{
    width: 16vw;
    height: 14vw;
    content: "";
    background: url(Dup/img/03.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
   left: -2.5vw;
    top: 0;
    z-index:1;
    transform: translate(20px);
}
    #contents3 .grid_6:nth-child(1)::before{
    width: 16vw;
    height: 14vw;
    content: "";
    background: url(Dup/img/02.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -2.5vw;
    top: 0;
    z-index:1;
}
    #contents2 figure::before {
    width: 16vw;
    height: 14vw;
    content: "";
    background: url(Dup/img/01.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -2.5vw;
    top: 0;
}
    #main_b {
    position: absolute;
    z-index: 3;
    top: 420px;
    width: 75vw;
}
h1.width_200-max_tb {
    width: 100%;
    max-width: 100px;
}
#contents1 h2::before {
    width: 450px;
    height: 60px;
    content: "";
    background: url(Dup/img/introduction.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -110px;
    top: -14px;
}
#contents2 h2, #contents3 h3 {
    margin: 0;
    position: relative;
    font-weight: normal;
    font-size: 15px;
    background-color: #000;
    color: #fff;
    padding: 10px 10px 10px 30px;
    margin-bottom: 20px;
}
 footer ul.d_flex.flex_space-between{
  filter: invert();
    }
}
/*-------------------------------------------ここまで-------------------------------------------*/

/*-------------------------------------------スマホ--------------------------------------------*/
@media screen and (max-width:667px){
#contents3 .grid_6:nth-child(2)::before {
    width: 26vw;
    height: 22vw;
    content: "";
    background: url(Dup/img/03.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -4.2vw;
    top: 0;
    z-index: 1;
    transform: translate(0px);
}
    #contents3 .grid_6:nth-child(1)::before {
    width: 26vw;
    height: 22vw;
    content: "";
    background: url(Dup/img/02.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -4.2vw;
    top: 0;
    z-index: 1;
}
#contents2 figure::before {
    width: 26vw;
    height: 22vw;
    content: "";
    background: url(Dup/img/01.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -4.2vw;
    top: 0;
}
    #contents2 h2, #contents3 h3 {
    margin: 0;
    position: relative;
    font-weight: normal;
    font-size: 18px;
    background-color: #000;
    color: #fff;
    padding: 10px 10px 10px 30px;
    margin-bottom: 20px;
}
#main_b {
    position: absolute;
    z-index: 3;
    top: 59vw;
    width: 95vw;
}
#main_b1 {
    margin-bottom: 10px;
}
    h1.width_200-max_tb{
        max-width:80px;
    }
 #contents1{
     padding-top:50px;
 }
 #contents1 h2::before {
    width: 330px;
    height: 40px;
    content: "";
    background: url(Dup/img/introduction.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -70px;
    top: -38px;
}
#contents1 p{
    text-align:left;
}
}
/*-------------------------------------------ここまで-------------------------------------------*/