@import url('https://fonts.googleapis.com/css2?family=Lexend+Zetta&display=swap');

#intro_title p, #contents2 .con_box .number, #top_cms .top_cms_title p, .more, a[href^="tel:"], #page_title p, #contents2_title{font-family: 'Lexend Zetta', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.linkStyle{color: #f9ab37}

body, #top_cms .bg_color2{background-image: none}
#wrap{background-image: url(./Dup/img/bg_img3.png);background-size: 300px;background-position: left top;background-repeat: no-repeat}
a[href^="tel:"]{letter-spacing: 0}
#header{margin: 0;padding: 30px 0}
#contents2 .con_box .number{text-shadow: none;z-index: 1}
#contents1 img, #contents2 img, #main_img > div{box-shadow: none;overflow: initial;border-radius: 0}
#contents1 figure, #contents1 img, #contents2 figure, #contents2 img, #main_img > div, #main_img video{position: relative}
#contents1 figure::before, #contents2 figure::before, #main_img > div::before{position: absolute;content: "";width: 100%;height: 100%;top: 10px;left: 10px;border: solid 1px #424db8}
.marker{background: linear-gradient(transparent 40%, #f8ffc7 40%)}

#map{display: none}
#contents1{background-image: url(./Dup/img/bg_img2.png), url(./Dup/img/bg_img.jpg);background-size: 400px, cover;background-position: top right, center;background-repeat: no-repeat}
#page_title{padding-top: 80px;text-align: center;overflow: hidden;background-image: url(./Dup/img/bg_img.jpg);background-size: cover;background-position: center}
#page_title > div{display: inline-block;padding: 30px 100px;position: relative}
#page_title > div::before{position: absolute;content: "";width: 100%;height: 5px;left: 0;top: 0}
#page_title h2{font-size: 30px;color: #424db8}
#page_title p{font-size: 18px;margin-bottom: 10px;opacity: 0.7;color: #424db8}
#page_title > div{background-color: #fff;}
#page08_link a, #page_title > div::before{background-image: linear-gradient(to bottom right, #424db8, #53bbcd)}
#top_cms .bg_color2, #wrap #header_nav ul{background-image: url(./Dup/img/border.png), linear-gradient(to right, #ddeff5, #f3f6ea);background-size: 15px, 100%}


/** tablet 780 **/
@media screen and (max-width: 768px){
#wrap{background-size: 150px}
h1 img.width_80per{width: 80%!important}
#contents1{background-size: 300px, cover}
#header{margin: 0;padding: 0}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
h1 img.width_80per{width: 100%!important}
#contents1{background-size: 200px, cover}
#main_img{padding: 0 20px}
#page_title{padding-top: 50px}
#page_title > div{width: 90%;padding: 50px 0;}
#page_title h2{font-size: 26px;letter-spacing: 2px}
#page_title p{font-size: 16px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
#top_cms .more a{padding-top: 10px}
footer #footer .tel a{padding-top: 20px}
}