/*--------リンク・フォント--------*/
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('./Dup/img/NotoSans_r.woff') format('woff'),
        url('./Dup/img/Notosans_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: url('./Dup/img/Notosans_bold.woff') format('woff'),
        url('../Dup/img/Notosans_bold.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: url('./Dup/img/NotoSans_black.woff') format('woff'),
        url('./Dup/img/notosans_black.eot')  format('eot');
    font-display: swap;
}
body{    font-family: "NotoSans","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.linkStyle{color: #333333; text-decoration: underline;}

/*--------全体--------*/
.l_height{line-height: 1.3;}
#logo{
    background-color:#fff;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
#logo span {
    background-color:#fff;
}
header .trans_logo {
    padding-left: 30px;
    background-color:#fff;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
header .trans_logo img{
        max-width: 160px;
}
#header{
    background:url(./Dup/img/back.jpg) no-repeat;
    background-size:cover;
}
#contents1 .con1_right{
        background: url(./Dup/img/back3.jpg) no-repeat;
    background-size: 88%;
    background-position: 50% 57%;
}
#contents2 .con2_wrap{
    background-image: url(./Dup/img/back5.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -7% 57%;
}
#contents3 .con3_wrap{
    background-image: url(./Dup/img/back4.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -10% 0%;
}
#footer #logo2.bg_color1 {
    background-color: #d8ebfd;
}
/*--------下層--------*/
.under_page #logo{
   box-shadow: none;
}
  
.youtube_box{
  position: relative;
  padding-top: 63.25%;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;

}
#page08 .tel_box{
    padding: 20px 20px 20px 20px;
    position: relative;
    overflow: hidden;
}

#page08 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
@media screen and (max-width: 1200px){
    #page08 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}
#page08 .bg_color2 {background-color: #6697c3;}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
    header .trans_logo img{ max-width: 175px;}
    #contents1 .con1_right {
    background-size: auto;
    background-position: 71% 98%;
}
#contents2 .con2_wrap {
    background-size: auto;
    background-position: -7% 100%;
}
#contents3 .con3_left.txt_white{color:#333;}
#page_title{    background-position: 60% 100%;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    header .trans_logo {
    padding-left: 15px;
    }
    header .trans_logo img {
    max-width: 162px;
}
    #contents2 .con2_wrap {
    background-position: 13% 100%;
}
#page_title {
    background-position: 66% 94%;
}
#page08 .tel_box > a{font-size:6vw;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){


}