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

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

/* color */
.txt_color1{color: #079E60} /* メインカラー */
.txt_color2{color: #F2F2F2} /* サブカラー */
.txt_color3{color: #F7B114} /* アクセントカラー1 */
.txt_color4{color: #EFEDE4} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #079E60} /* メインカラー */
.bg_color2{background-color: #F2F2F2} /* サブカラー */
.bg_color3{background-color: #F7B114} /* アクセントカラー1 */
.bg_color4{background-color: #EFEDE4} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #079E60}
.border_color2{border-color: #F2F2F2}
.border_color3{border-color: #F7B114}
.border_color4{border-color: #EFEDE4}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #079E60} /* メインカラー */
.hvr_txt_color2:hover{color: #F2F2F2} /* サブカラー */
.hvr_txt_color3:hover{color: #F7B114} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #EFEDE4} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #079E60} /* メインカラー */
.hvr_bg_color2:hover{background-color: #F2F2F2} /* サブカラー */
.hvr_bg_color3:hover{background-color: #F7B114} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #EFEDE4} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #079E60}
.hvr_border_color2:hover{border-color: #F2F2F2}
.hvr_border_color3:hover{border-color: #F7B114}
.hvr_border_color4:hover{border-color: #EFEDE4}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #F7B114}
.linkStyle:hover{opacity: 0.7}

.width_1280-1000{min-width: 800px}
.footer_cms{color: #333}
.shadow, .shadow-l, .shadow-b{box-shadow: none}

.button{color: #079E60;border-radius: 30px}
header .button{background-color: #fff;border: none}
header .button:hover{background-color: transparent}
header i.fa-envelope{display: none}
.button:hover::after{box-shadow: inset 0 0 0 15em #079E60}
.button2{border-color: #F7B114;border-radius: 20px;}
#page10 .button2{border-radius: 30px;}
.button2:hover{box-shadow: none;background-color: #F7B114;color: #fff;transform: translateY(-5px)}
#main_menu{margin-bottom: 20px}
#main_menu ul li a{padding-left: 0;text-align: center;color: #079E60;margin-bottom: 0;padding: 10px}
#main_menu ul li a:hover{padding-left: 10px;transform: translateY(-5px);color: #F7B114}
#main_menu ul li a::before{display: none}

#contents1{background: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.7) 20%, rgba(255,255,255,1));}
#contents2 h2, #contents3 h3{position: relative;z-index: 1}
#contents2 h2::before, #contents3 h3::before{position: absolute;top: -65px;font-size: 80px;color: #F7B114;z-index: -1;opacity: 0.4;font-weight: bold}
#contents2 h2::before{content: "01";left: -10px}
#contents3 .grid_6:first-child h3::before{content: "02";right: 20px}
#contents3 .grid_6:last-child h3::before{content: "03";right: 20px}
#top_cms .cms_title{position: relative;padding-left: 0}
#top_cms .cms_title::before{display: none}
#top_cms .cms_title::after{position: absolute;content: "";width: calc(100% - 10px);right: 0;top: 18px;height: 1px;background-color: #333}
#top_cms .cms_title h2{display: inline-block;padding-right: 20px;background-color: #fff;position: relative;z-index: 1;color: #333}
#top_cms .cms_title p{color: #ccc}

#page_title .txt_shadow-b{text-shadow: none}
#page_title .title_img::after{position: absolute;content: "";width: 100%;height: 80px;left: 0;bottom: -1px;background-image: url(./Dup/img/bg_img.png);background-size: 100% 100%}
#page_title .page_box{padding: 0;text-align: center;margin-left: 0}
#page_title .page_box::before{display: none}
#page_title .page_box h2{color: #333}
#page_title .page_box p{color: #079E60}

.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 #EFEDE4;color: #079E60;font-weight: bold;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 2px;left: 0;bottom: -2px;background-color: #079E60}

#cms_1-c_h .box_item figure{border: solid 5px #fff}

/** tablet 780 **/
@media screen and (max-width: 768px){
.width_1280-1000{min-width: 100%}
#page_title .title_img::after{height: 5vw}
#logo{max-width: 156px}
#page_title h2{font-size: 24px}
#page_title .page_box{margin-top: 30px;margin-bottom: 50px}
.hamburger{top: 25px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo{max-width: 120px}
#contents2 h2, #contents3 h3{text-align: center;margin-top: 60px}
#contents2 h2::before, #contents3 h3::before{left: 0;right: 0;width: 100%;text-align: center;margin: auto}
.hamburger{top: 18px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"}
.font_en{font-family: 'Poppins', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"}
}