@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Quicksand:wght@600&display=swap');

h2, h3, h4, h5, h6, p, .mail_bt a, #header-nav li, #overlay a, #footer_nav li, .cate_list a, #page10 a{transform: rotate(0.03deg)}

body, .font_sans-serif, .font_Quick{font-family: 'Quicksand', 'Kosugi Maru', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}

.font_bold{font-weight: normal}

#loading .line.bg_color1{background-color: #fcf1d2}
#header .tel_bt{display: none}
#logo{border-radius: 0 0 20px 0}
#logo h1{width: 90%!important}
#fix_menu{box-shadow: 0 0 20px rgba(0,0,0,0.05)}
.overlay.open{box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.overlay .menu-box .menu_list li a.sub_tel{padding-left: 0!important}
.more a{border-radius: 50px;border: solid 2px #EDEBE6}
.more a:hover{color: #F46640}
#fix_menu .sns_links li, .foot_sns.tb_sns_wrap .sns_links_tb li, .tb_sns_wrap .sns_links_tb li{width: 40px!important;height: 40px!important}
#fix_menu .tel_bt a{padding: 0;line-height: 1.2}
#fix_menu .overlay-menu > ul > li{margin-top: 10px}

#top_contents1{padding-top: 0;padding-bottom: 0;background-image: url(./Dup/img/bg_img.png);background-size: 300px;animation: anime1 30s linear infinite;background-position: top 0 left 0}
@keyframes anime1 {
0% {background-position: top 0 left 0}
100% {background-position: top -270px left 300px}
}
#top_contents1 .catch_txt{background-color: #fff;padding: 70px 100px 100px;margin-top: -50px;border-radius: 20px;position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.05)}
#top_contents1 h2{padding-bottom: 20px;position: relative;padding-top: 60px;background-image: url(./Dup/img/intro.png);background-size: 70px;background-position: center top;background-repeat: no-repeat}
#top_contents1 h2::before{position: absolute;content: "";width: 100px;height: 2px;left: 0;right: 0;bottom: 0;background-color: #F16640;margin: auto}
#top_contents2{background: linear-gradient(to bottom right, #FCD1C8, #FCF1D2);margin-top: -50px;margin-bottom: 0}
#top_contents2 .con_box:first-of-type .text_box{border-radius: 20px 0 0 20px;box-shadow: 0 0 20px rgba(0,0,0,0.05)}
#top_contents2 .con_box:last-of-type .text_box{border-radius: 0 20px 20px 0;box-shadow: 0 0 20px rgba(0,0,0,0.05)}
#top_contents2 .con_box:first-of-type .text_box::before{position: absolute;content: "01";font-size: 140px;opacity: 0.2;top: -60px;right: 0;color: #FFBF00;pointer-events: none}
#top_contents2 .con_box:last-of-type .text_box::before{position: absolute;content: "02";font-size: 140px;opacity: 0.2;top: -60px;left: 0;color: #F16640;pointer-events: none}
#top_cms{padding: 0}
#top_cms .top_cms_box{padding: 100px 5%;margin-bottom: 0}
#top_cms .top_cms_box:nth-of-type(2){background-color: #F9F9F7}
#top_contact_box a i{transform: none}

#video{height: 800px}
#page_title::before{background: linear-gradient(to bottom right, #F46640, #FFC200);opacity: 0.6}
#page_title .title_box{top: 50%;left: 50%;bottom: auto;transform: translate(-50%, -50%);border: none;background-color: transparent;color: #fff;padding: 0;width: 100%!important}
#page_title h2{font-size: 30px}
#page_title p{font-size: 16px}

.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 2px #EDEBE6;color: #333;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 50px;height: 2px;left: 0;bottom: -2px;background-color: #FFC200}


/** tablet 780 **/
@media screen and (max-width: 768px){
#video{height: 60vw}
.overlay.open{box-shadow: none}
#top_contents1 .catch_txt{padding: 50px;margin-top: -30px}
#top_contents2{margin-top: -30px}
#top_contents2 .con_box:first-of-type .text_box, #top_contents2 .con_box:last-of-type .text_box{border-radius: 20px 20px 0 0}
#top_contents2 .con_box:first-of-type .text_box::before, #top_contents2 .con_box:last-of-type .text_box::before{font-size: 100px;top: -45px;left: 50%;right: auto;transform: translateX(-50%)}
#top_contents2 h2{text-align: center}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.overlay .menu-box .menu_list li a{padding-top: 10px;padding-bottom: 10px}
#page_title h2{font-size: 26px}
#top_contents1 .catch_txt{padding: 50px 20px}
#top_contents2 .img_box{width: 100%!important}
#top_contents2 .con_box .text_box{margin-top: -20px}
#top_contents2 h2{text-align: left}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
h2, h3, h4, h5, h6, p, .mail_bt a, #header-nav li, #overlay a, #footer_nav li, .cate_list a, #page10 a{transform: none}
body, .font_sans-serif, .font_Quick{font-family: 'Quicksand', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}
#top_cms .more a{padding: 15px}
}