@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Poppins&display=swap');
.font_Quick{font-family: 'Josefin Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important}

.linkStyle{color: #9ed861}

header{padding-top: 40px}
#header .contact_box{position: fixed}
#header .contact_box.start{top: 0;right: 100px;z-index: 10}
.tel_bt::before{content: "24時間受付対応";display: block;font-size: 12px;text-align: center;line-height: 1.3;color: #9ed861}
#logo h1.logo img{width: 70%!important}
.menu_list .tel_bt::before{text-align: left}
.mail_bt a{padding-top: 15px;padding-bottom: 15px}
#main_img{height: 800px}

#top_contents1{background-image: url(./Dup/img/bg_img2.png), url(./Dup/img/bg_img.jpg);background-repeat: no-repeat, repeat;background-position: right bottom;background-size: 800px, auto}
#top_contents1 h2::before{content: "INFORMATION";display: block;text-align: center;margin-bottom: 20px;font-size: 20px;color: #ccc;font-family: 'Josefin Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;font-weight: normal}
#top_contents2{background: linear-gradient(to bottom, #70d8ef, #b3eccc);}
#top_contents2 .con_box .text_box{overflow: inherit}
#top_contents2 .con_box .text_box::before{position: absolute;font-size: 80px;color: rgb(59 185 197 / 40%);top: -60px;}
#top_contents2 .con_box:first-of-type .text_box{box-shadow: -20px 20px 0 rgba(59 185 197 / 40%)}
#top_contents2 .con_box:last-of-type .text_box{box-shadow: 20px 20px 0 rgba(59 185 197 / 40%)}
#top_contents2 .con_box:first-of-type .text_box::before{content: "POINT 01";left: 34px}
#top_contents2 .con_box:last-of-type .text_box::before{content: "POINT 02";right: 34px}
#top_contact_box .bottom .box .btn_box:first-child .tel_bt::before{color: #fff;position: relative;bottom: -50px}
#top_contact_box .con_bt a{padding-left: 0}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 1px #00b2e2;color: #00b2e2;font-weight: bold}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img{height: 60vw}
#logo h1.logo img{width: 50%!important}
#top_contents2 .con_box:first-of-type .text_box, #top_contents2 .con_box:last-of-type .text_box{box-shadow: 10px 10px 0 rgba(59 185 197 / 40%)}
#top_contents2 .con_box:first-of-type .text_box::before, #top_contents2 .con_box:last-of-type .text_box::before{left: 34px;right: auto}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo h1.logo{max-width: 70px}
#logo h1.logo img{width: 70%!important}
#top_contents1 h2{text-align: left}
#top_contents1{background-size: 600px}
#top_contents2 .con_box:first-of-type .text_box::before, #top_contents2 .con_box:last-of-type .text_box::before{top: -30px;left: 20px;font-size: 40px}
}

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

}