@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Quicksand:wght@500&display=swap');

body, .font_sans-serif, .font_en{font-family: 'Quicksand', 'M PLUS Rounded 1c', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.linkStyle{color: #4bddcf}

#main_menu ul li a{color: #81d34c;font-weight: bold}
#main_menu ul li a::before{background-color: #81d34c}
p, h2, h3, h4, h5, h6{transform: rotate(0.03deg);}

.width_1280-1000{min-width: 800px}
header{background-image: url(./Dup/img/bg_img.jpg);background-size: cover;background-position: center;font-size: 18px}
header .button, footer .button{font-weight: bold}
header .head_box .link_box{padding-bottom: 0}
footer .button{font-size: 18px;}
.button{background-color: #fff;border: solid 1px #eee;border-radius: 50px;box-shadow: 0 5px 10px rgba(0,0,0,0.1)}
.button:hover{background-color: transparent;border-color: #81d34c}
.button:hover::after{box-shadow: inset 0 0 0 15em #81d34c}
.button2{color: #81d34c;border-radius: 50px;padding-left: 10px;padding-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transform: rotate(0.03deg)}
.button2:hover{background-color: #81d34c;color: #fff;box-shadow: none}
#main_img::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;background-image: url(./Dup/img/bg_img-r.png), url(./Dup/img/bg_img-l.png);background-position: right bottom , left bottom;background-size: 300px;background-repeat: no-repeat;z-index: 1}
#page_title h2{font-weight: bold}
#page_title .title_img::before{background-image: url(./Dup/img/bg_img-r.png), url(./Dup/img/bg_img-l.png), url(../img/title_bg.png);background-position: right bottom , left bottom, left top;background-size: 300px, 300px,  auto;background-repeat: no-repeat, no-repeat, repeat}

#contents1 h2{text-align: center;position: relative;padding-bottom: 15px;padding-top: 60px;background-image: url(./Dup/img/img1.png);background-size: 50px;background-position: top center;background-repeat: no-repeat;font-weight: bold}
#contents1 h2::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;right: 0;bottom: 0;background-color: #81D34C;margin: auto}
#attach::before{position: absolute;content: "";width: 100%;height: 70px;left: 0;top: 0;background: linear-gradient(to bottom, #fff, rgba(255,255,255,0));}
#contents2{border-bottom: dashed 1px #81D34C}
#contents2 h2{color: #333;padding-bottom: 20px;position: relative;font-weight: bold}
#contents2 h2::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;bottom: 0;background-color: #81D34C}
#contents3 h3{font-weight: bold}
.con_wrap{background-image: url(./Dup/img/bg_img-r2.png), url(./Dup/img/bg_img-l2.png);background-position: right top, left top;background-size: 300px;background-repeat: no-repeat}
#top_cms .cms_title h2{font-weight: bold}
#top_cms .cms_title p{color: #81D34C;opacity: 0.6}
#page_title .txt_shadow-b{text-shadow: none}

.footer_cms{color: #333}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img{height: 60vw!important}
.width_1280-1000{min-width: 100%}
#logo{max-width: 160px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img::before{background-size: 150px}
#page_title .title_img::before{background-size: 150px, 150px,  auto}
#attach{height: 200px}
#logo{max-width: 130px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
#main_menu ul li a::before{top: 42%!important}
#main_menu ul li a, header .button{transform: rotate(0.03deg);}
.pc_box .contact_bt a, #page10 ul li a{padding-top: 15px;padding-bottom: 15px}
.cate_list li a{padding-top: 10px;padding-bottom: 10px}
#page9 .box p a{padding-top: 5px;padding-bottom: 5px}
}