/*--------リンク・フォント--------*/
@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;
}
body{font-family: 'NotoSans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}
.font_Quick {
    font-family: 'NotoSans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.linkStyle{color: #333333; text-decoration: underline;}


/*--------全体--------*/
#loading_line .line {
    background-color: #aee5ea;
}
#header #logo img{width: 80%!important;}
#header #logo img{width: 100%!important;}
#main_img {
    background: url(./Dup/img/main_img.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
#top_contents1 {
    background: url(./Dup/img/item_04.png) no-repeat;
    background-size: 95%;
    background-position: 50% 100%;
}
#top_contents1 h2{
    position:relative;
    z-index:+1;
}
#top_contents1 h2::before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/item_01.png) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.5;
    width: 5em;
    height: 5em;
    left: 50%;
    top: 27%;
    transform: translate(-50%,-50%);
}
#top_contents2 .con_box:first-of-type .text_box h2{
    position:relative;
    z-index:+1;
}
#top_contents2 .con_box:first-of-type .text_box h2::before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/item_02.png) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.5;
    width: 5em;
    height: 5em;
    left: -3%;
    top: -109%;
}
#top_contents2 .con_box:last-of-type .text_box h2{
    position:relative;
    z-index:+1;
}
#top_contents2 .con_box:last-of-type .text_box h2::before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/item_03.png) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.5;
    width: 5em;
    height: 5em;
    left: -3%;
    top: -109%;
}

#top_cms {
    background: url(./Dup/img/item_05.png) repeat-y;
    background-size: contain;
    background-position: 50% 50%;
}
#top_info {
    background: url(./Dup/img/item_06.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

#top_contact_box .top .box, #top_contact_box .bottom .box {
    height: 350px;
}
/*--------下層--------*/
.subpage{
    background: url(./Dup/img/item_05.png) repeat-y;
    background-size: auto;
    background-position: 50% 50%;
}
#cms_5-b .cate_box .open_bt .box_title1::before {
    color: rgba(51, 181, 193, 1)!important;
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
    #header #logo img {
    width: 60%!important;
}
#top_contents1 h2::before {
    width: 3.5em;
    height: 3.5em;
}
#top_contents2 .con_box:first-of-type .text_box h2::before {
    width: 4.5em;
    height: 4em;
}
#top_contents2 .con_box:last-of-type .text_box h2::before {
    width: 4.5em;
    height: 4em;
}
#cms_3-f .cate_box {
    width: 100%;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    #header #logo img {
    width: 50%!important;
}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#cms_5-b .cate_box .arrow{top:57%;}

}