@import url('https://fonts.googleapis.com/css2?family=Manrope&family=Noto+Sans+JP:wght@300&display=swap');

body, .font_sans-serif, .font_en, #contents3 .grid_6 h3::after, #contents2::before{font-family: 'Manrope', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.link_box ul{justify-content: center}
.link_box ul li{width: 30px!important;margin: 0 10px}
.txt3, #contents2 p, .txt6, .txt8, .box_txt1{line-height: 2}
.scroll_bt{display: none}
header::before{position: absolute;content: "";width: 100%;height: 150px;background-color: #f7f4ed;top: 0;left: 0}
header .head_box{position: relative;z-index: 1}
.fa-envelope{display: none}
.fat-nav .txt_color3{color: #3cb371}
#main_img, #main_img img{min-height: inherit;}
#main_img .main_logo{top: 46%;z-index: 3}
#main_menu{max-width: 200px;margin: 50px auto}
#main_menu ul li a{color: #3cb371;padding-top: 10px;padding-bottom: 10px;margin-bottom: 0;font-size: 16px}
#main_menu ul li a::before{background-color: #3cb371;top: 0;bottom: 0;margin: auto}
.button{background-color: #3cb371;color: #fff;border: none;border-radius: 5px;box-shadow: 5px 5px 0 #caefd5;z-index: 1}
.button:hover{background-color: transparent}
.button:hover::after{box-shadow: inset 0 0 0 15em #ddb962}
.button2{border-color: #ddb962;color: #ddb962;border-radius: 5px}
.button2:hover{box-shadow: none;background-color: #ddb962;color: #fff}

#logo{padding-bottom: 50px}
.con1_wrap{background: linear-gradient(to bottom right, #e2f7e9, #f7f3e2);}
#contents1{width: 90%!important;border-radius: 10px;background-color: #fff;position: relative;top: -50px;z-index: 1;padding: 50px 100px}
#contents1::before{position: absolute;content: "";top: 8px;left: 8px;right: 8px;bottom: 8px;border: solid 1px #eee;border-radius: 5px;pointer-events: none}
#contents1 h2{text-align: center;background-image: url(./Dup/img/dot.png);background-size: 10px;background-position: bottom center;background-repeat: repeat-x;font-size: 26px;padding-bottom: 20px;margin-bottom: 30px;}
#attach::before{position: absolute;content: "";width: 100%;height: 100%;bottom: -1px;left: 0;background-image: url(./Dup/img/bg_img1.png);background-position: bottom center;background-repeat: no-repeat;background-size: 600px}
#contents2{padding-top: 0;padding-bottom: 50px;background-image: url(./Dup/img/dot.png);background-size: 10px;background-position: bottom center;background-repeat: repeat-x}
#contents2::before{content: "ABOUT US";display: block;text-align: center;margin-bottom: 50px;color: #3cb371;font-size: 26px;letter-spacing: 3px}
#contents2 > div{align-items: flex-start}
#contents2 h2{color: #544f43;position: relative;z-index: 1}
#contents2 h2::before{position: absolute;content: "";width: 70px;height: 70px;left: -25px;top: -30px;background-color: #e2f7e9;border-radius: 50%;z-index: -1}
#contents3{padding-top: 50px}
#contents3, #top_cms > .box_wrap .box{padding-bottom: 100px}
#contents3, #top_cms > .box_wrap:nth-of-type(2){background-image: url(./Dup/img/bg_img2.png);background-position: bottom center;background-repeat: no-repeat;background-size: 600px}
#contents3 h3{padding-bottom: 20px;margin-bottom: 20px;margin-top: 0;padding-top: 40px;position: relative;text-align: center}
#contents3 h3::before{position: absolute;content: "";width: 100px;height: 5px;left: 0;right: 0;bottom: 0;margin: auto;background-color: #e2f7e9}
#contents3 .grid_6 h3::after{position: absolute;display: block;color: #ddb962;background-color: #fff;width: 80px;height: 80px;text-align: center;line-height: 80px;left: 0;right: 0;top: -40px;margin: auto;font-size: 30px;border-radius: 50%}
#contents3 .grid_6:first-of-type h3::after{content: "01"}
#contents3 .grid_6:last-of-type h3::after{content: "02"}
#top_cms > .box_wrap:nth-of-type(1), #top_cms > .box_wrap:nth-of-type(3){background-image: url(./Dup/img/bg_img1.png);background-position: bottom center;background-repeat: no-repeat;background-size: 600px}
#top_cms .cms_title{padding-left: 0;text-align: center}
#top_cms .cms_title h2{color: #544f43;font-size: 28px}
#top_cms .cms_title p{color: #3cb371}
#top_cms .cms_title::before{display: none}
#top_cms > .box_wrap:nth-of-type(1), #top_cms > .box_wrap:nth-of-type(3){background-color: #f5fbf7}
#top_cms > .box_wrap .box{max-width: 1280px;margin-left: auto;margin-right: auto;box-sizing: border-box;padding-top: 10px}

#page_title .title_img::before{background-image: url(./Dup/img/bg_img1.png), url("../img/title_bg.png");background-position: bottom center, top left;background-repeat: no-repeat, repeat;background-size: 600px, auto;bottom: -1px}
#page_title .page_box{padding: 10px 0 0;margin: 0 0 50px;text-align: center}
#page_title .page_box h2{color: #544f43;text-shadow: none}
#page_title .page_box p{color: #3cb371;text-shadow: none}
#page_title .page_box::before{display: none}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 20px!important;margin-bottom: 50px;color: #3cb371;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 100px;height: 5px;left: 0;right: 0;bottom: 0;margin: auto;background-color: #e2f7e9}
.cate_img, .cate_img1{margin-left: auto;margin-right: auto}

footer{background-image: url(./Dup/img/dot.png);background-size: 10px;background-position: top center;background-repeat: repeat-x}
.footer_cms{color: #544f43;letter-spacing: 1px}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img .main_logo{width: 250px}
#logo{max-width: 260px;padding-top: 5px;padding-bottom: 5px}
.con1_wrap #contents1{padding: 50px}
#top_cms > .box_wrap .box{max-width: 100%}
header::before{display: none}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img .main_logo{width: 150px}
#logo{max-width: 200px;padding-top: 4px;padding-bottom: 4px}
.con1_wrap #contents1{padding: 50px 30px}
#contents1{top: -30px}
#contents1 h2{font-size: 20px;}
#page_title .title_img::before{background-size: 300px, auto}
#attach::before{background-size: 300px}
#contents2{padding-top: 10px}
#contents2::before{font-size: 20px}
#contents2 > div{flex-direction: column-reverse}
#contents2 figure{margin-top: 0;margin-bottom: 30px}
#contents2 h2{text-align: center;font-size: 20px}
#contents2 h2::before{display: none}
#contents3, #top_cms > .box_wrap:nth-of-type(2), #top_cms > .box_wrap:nth-of-type(1), #top_cms > .box_wrap:nth-of-type(3){background-size: 300px}
#top_cms .cms_title h2{font-size: 20px}
.cate_title{font-size: 20px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.font_en, #contents3 .grid_6 h3::after, #contents2::before{font-family: 'Manrope', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
#main_menu ul li a::before{bottom: 5px}
}