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

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

#main_menu ul li a .menu_sub_title, #page9 .cate_box p a{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}

body, .txt_color_nomal{color: #212121!important}

#fakeloader{background-color: #eaf9f1;}

#contents, #top_cms, #top_contents, .aisatsu_wrap{background-color: #fff;margin-bottom: 0;padding-bottom: 100px;color: #212121}
#info_map{background-color: #f7f7f7;color: #212121}
#info_map .border_color2{border-color: #ddd}
.effect.effect-1, #info_map .txt_white{color: #212121}
.button_container span{background-color: #aaa;box-shadow: none}

header{
    background-color: #fff;
    color: #212121;
}
header .txt_white{
    color: #212121;
}
header .header{
    align-items: flex-start;
    padding: 20px;
    padding-top: 0;
}
header .header > .grid_3{
    padding: 20px;
    background-color: #eaf9f1;
    border-radius: 0 0 10px 10px;
}
header .header > .grid_3 .border_color2{
    border-color: #d5e2da;
}
header #logo{
    padding-top: 30px;
}
header #logo img{
    width: 250px;
}

#fixed_right_banner .sns_link{
    background-color: #006d34;
}

#main_img{height: 700px}
#main_menu{padding: 20px 0;margin-bottom: 0;border-bottom: none}
#main_menu.fixed{border-bottom: none;background-color: rgba(255,255,255,0.9)!important}
#main_menu ul{max-width: 1080px!important;margin: auto}
#main_menu ul li{width: 16.6666%!important;padding: 0;box-sizing: border-box}
#main_menu ul li:not(:last-of-type){border-right: solid 1px #d5e2da}
#main_menu ul li a{position: relative;color: #212121}
#main_menu ul li a .menu_title{transition: 0.3s;font-size: 14px;letter-spacing: 3px}
#main_menu ul li a .menu_sub_title{position: absolute;width: 100%;top: calc(50% - 2px);color: #006d34;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: 0.3s;font-size: 14px}
#main_menu ul li a:hover .menu_title{opacity: 0}
#main_menu ul li a:hover .menu_sub_title{opacity: 1}

#main_img, #main_img2{margin-bottom: 0;max-width: 100%!important}
#main_img2{background-position: center}
#main_img2 .page_title{background-image: url(./Dup/img/bg_img2.png);background-position: bottom;background-size: 100% 100px;background-repeat: no-repeat}
#main_img2 h2{padding: 0;background-color: transparent;width: 100%!important;font-size: 40px;letter-spacing: 5px}
#main_img2 h2 span{font-size: 16px;letter-spacing: 3px}
.aisatsu_wrap{padding-top: 0}
.aisatsu_box{
    border: none;
    background-color: rgba(255,255,255,0.9);
    border-radius: 10px;
}
#aisatsu > div{background-color: rgba(255,255,255,0.4)!important;background-image: url(./Dup/img/bg_img2.png);background-position: bottom;background-size: 100% 100px;background-repeat: no-repeat;padding-bottom: 150px}
#aisatsu h2{color: #212121;position: relative;z-index: 1}
#aisatsu h2::before{position: absolute;content: "INTRODUCTION";font-size: 70px;z-index: -1;width: 100%;text-align: center;display: block;left: 0;top: -45px;font-weight: bold;letter-spacing: 5px;color: #d5e2da}
#top_contents{padding-left: 0;padding-right: 0}
#top_contents .con1_item.grid_7, #top_contents .con2_item.grid_7{padding-left: 100px;padding-right: 100px;}
#top_contents .con_box{z-index: 1}
#top_contents .con_box::before{position: absolute;content: "";width: calc(100% - 200px);height: calc(100% - 50px);background: linear-gradient(to bottom, #006d34, #4ce5ae);top: 50px;z-index: -1}
#top_contents #con1.con_box::before{left: 200px;border-radius: 10px 0 0 10px}
#top_contents #con2.con_box::before{right: 200px;border-radius: 0 10px 10px 0}
#top_contents .con_no::before{position: absolute;content: "";width: calc(100% - 50px);height: 1px;right: 0;top: 0;bottom: 0;margin: auto;background-color: #fff}
#top_contents #con1 img{
    border-radius: 0 10px 10px 0;
}
#top_contents #con2 img{
    border-radius: 10px 0 0 10px
}

#contents{padding-top: 100px;padding-bottom: 1px}

#top_cms{padding-bottom: 1px}
#top_cms .cms_box .border_white{border: solid 5px #eaf9f1;text-align: left;border-radius: 20px}
#top_cms .cms_title{position: relative;padding-bottom: 40px}
#top_cms .cms_title h2{position: static;font-size: 30px;letter-spacing: 3px;font-weight: normal}
#top_cms .cms_title p{color: #4ce5ae}
#top_cms .cms_title h2::before{display: none}
#top_cms .cms_title h2::after{background-color: #212121;bottom: -20px}

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

.cate_list .txt_color2{color: #212121}
.cate_list .border_color2{border-color: #212121;border-radius: 50px}
.cate_list a{opacity: 0.4}
.cate_list a:hover{opacity: 1}

#page7 .cate_wrap .txt_color2{color: #212121}
#page7 .cate_wrap .border_color2{border-color: #f0f0f0}
#page9 .cate_wrap .txt_color2{color: #4ce5ae}
#page9 .cate_wrap .border_color2{border-color: #4ce5ae}
#page10 .cate_wrap span{display: block;color: #4ce5ae;padding-left: 0}
#page10 .cate_wrap span::after{content: "-"}

.pager{margin-bottom: 100px}

footer.border_so1-t{border-top: none}
#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before{color: rgba(0,0,0,0.3)}


/** tablet 780 **/
@media screen and (max-width: 768px){
header #logo{
    padding-top: 20px;
}
header #logo img{
    width: 200px;
}
#main_img{height: 60vw}
#main_img2 .page_title, #aisatsu > div{background-size: 100% 8vw}
 #aisatsu > div{padding-top: 50px;padding-bottom: calc(8vw + 50px)}
#aisatsu h2::before {font-size: 50px;top: -40px;}
#main_menu ul li a .menu_title{letter-spacing: 1px}
#main_menu ul li a .menu_sub_title{display: none}
#main_menu ul li a:hover .menu_title{opacity: 1}
#top_contents #con1.con_box::before, #top_contents #con2.con_box::before{width: calc(100% + 40px);left: -20px;right: -20px;z-index: -1}
#top_contents #con1.con_box::before, #top_contents #con2.con_box::before{
    border-radius: 0;
}
#top_contents #con1 img, #top_contents #con2 img{border-radius: 10px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img2 h2{font-size: 36px;letter-spacing: 3px}
#logo{width: 100%!important;margin-right: 0;margin-bottom: 30px}
header .header > .grid_3{
    border-radius: 10px;
}
header #logo{
    padding-top: 30px;
}
header #logo img{
    width: 170px;
}
#aisatsu h2::before {font-size: 36px;top: -28px;letter-spacing: 2px;}
#top_contents .con1_item, #top_contents .con2_item{
    padding-left: 20px!important;
    padding-right: 20px!important;
}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.cate_list li a{padding-top: 15px}
.cms_5-c .box_title1::before{top: 2px}
.cms_5-c .box_txt1::before{top: 4px}
#page9 .cate_box p a{padding: 2px 10px 5px}
#page7 .box_txt1{padding-top: 20px}
}