@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300&family=Shippori+Mincho:wght@500&display=swap');

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

.txt2, .txt4, .txt5, .txt7, #top_cms .cms_title h2, #page_title h2, .cate_title, .box_title1, .sub_cate_title{font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

.linkStyle{color: #82d8a7}
html, body{font-size: 14px}
body{background-image: url(./Dup/img/bg_img.jpg);background-size: 800px}
#wrap{position: relative;z-index: 1}
.font_bold{font-weight: normal}
.button{border: solid 1px #82d8a7;color: #82d8a7;border-radius: 50px}
header .button{border-color: #75635a;color: #75635a}
header .head_box .link_box{padding-bottom: 0}
.hamburger__icon.bg_color1{background-color: #75635a}
.button:hover{border-color: #82d8a7}
.button:hover::after{box-shadow: inset 0 0 0 15em #82d8a7}
.button2{border: solid 1px #82d8a7;color: #82d8a7;border-radius: 50px}
.button2:hover{box-shadow: none;background-color: #82d8a7;color: #fff}

#main_menu{text-align: center}
#main_menu ul li a{padding-left: 0;z-index: 1;margin-bottom: 20px}
#main_menu ul li a:hover{padding-left: 0;transform: translateY(-5px);color: #82d8a7}
#main_menu ul li a::before{height: 10px;width: 0;top: auto;bottom: 0;background-color: #fce6ed;right: 0;margin: auto;z-index: -1}
#main_menu ul li a:hover::before{width: 100%}
#main_img{max-height: inherit;min-height: inherit;background-color: #afa794}
#main_img .scroll_bt{display: none}
#main_img video{opacity: 0.6}
header.bg_color4{background-color: #ffd7e0;height: 100%;padding-top: 0;background-image: url(./Dup/img/img4.png), url(./Dup/img/img5.png);background-repeat: no-repeat;background-size: 80%;background-position: top 30px center, bottom 30px center;}
header .head_box{padding: 0}
header .pc_box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 60px);}
i.fa-envelope{display: none!important}
#page_title .txt_shadow-b{text-shadow: none}
#page_title .page_box{margin-left: 0}
#page_title .page_box::before{top: 26px;transform: none}

#contents1{padding-top: 70px;padding-bottom: 100px}
#contents1 h2{text-align: center;padding-top: 70px;padding-bottom: 70px;background-image: url(./Dup/img/img3.png), url(./Dup/img/img1.png);background-repeat: no-repeat;background-position: bottom center, top center;background-size: 70px;margin-bottom: 30px}
#contents2{padding-top: 100px;padding-bottom: 100px}
#contents2 h2{position: relative;margin-bottom: 20px}
#contents2 h2 span{background: linear-gradient(transparent 50%, #f9f7ef 50%);}
#contents2 h2::before{content: "ABOUT US";letter-spacing: 3px;display: block;margin-bottom: 10px;font-size: 16px}
#contents2 h2::after{position: absolute;content: "";width: 100px;height: 1px;left: 140px;top: 12px;background-color: #75635a}
.con3_wrap::before{position: absolute;content: "";top: 0;right: 10%;bottom: 0;left: 0;background-color: #fcfbf7}
#contents3{padding-top: 50px;padding-bottom: 100px}
#contents3 .grid_6:last-of-type{padding-top: 50px}
#contents3 figure{margin-bottom: 40px}
#contents3 .grid_6 h3{text-align: center;margin-bottom: 20px;position: relative;}
#contents3 .grid_6:first-of-type h3::before{content: "01";letter-spacing: 3px;text-align: center;display: block;margin-bottom: 10px;font-size: 16px}
#contents3 .grid_6:last-of-type h3::before{content: "02";letter-spacing: 3px;text-align: center;display: block;margin-bottom: 10px;font-size: 16px}
#contents3 .grid_6 h3::after{position: absolute;content: "";width: 1px;height: 50px;left: 0;right: 0;top: -60px;margin: auto;background-color: #75635a}
#contents3 .grid_6 h3 span{background: linear-gradient(transparent 50%, #f8f4e6 50%);}
#top_cms{padding-top: 50px}
#top_cms > .box{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: flex-start;align-items: stretch;flex-direction: row;}
#top_cms > .box .cms_title{box-sizing: border-box;width: 200px;border-right: solid 1px #75635a;margin-bottom: 0;padding-left: 0}
.cms_title::before{display: none}
#top_cms > .box .cms_wrap{box-sizing: border-box;width: calc(100% - 200px);padding-left: 50px;margin-bottom: 0}
#top_cms > .box .more{width: 100%!important;}
#top_cms > .box .more a{margin-right: 0}

.link_box ul{justify-content: center}
.link_box ul li{margin: 0 10px}

.footer_cms{color: #75635a;line-height: 1.7}

.cate_title{background-color: transparent;padding: 70px 0!important;margin: 0 0 30px!important;display: block;border: none;width: 100%!important;font-size: 24px;color: #75635a;text-align: center;background-image: url(./Dup/img/img3.png), url(./Dup/img/img1.png);background-repeat: no-repeat;background-position: bottom center, top center;background-size: 70px}

.cms_2-a .swiper-button-prev{left: auto}
#cms_3-f .box_title{font-weight: bold}
#cms_3-f .box_txt1{color: #fb93aa;font-weight: bold}
#cms_3-f .box_txt3{border-radius: 50px;top: -22px;left: -10px;font-size: 12px;}
#cms_3-f .box_txt3::before{position: absolute;content: "";width: 0;height: 0;border-left: solid 8px transparent;border-top: solid 8px #ffc0cb;border-right: solid 8px transparent;left: 12px;bottom: -7px;transform: scaleX(0.6)}

#page8 a.hvr_txt_color3:hover{color: #82d8a7}
#page9 a:hover{background-color: #82d8a7}
#footer_menu li a:hover{color: #82d8a7;}


/** tablet 780 **/
@media screen and (max-width: 768px){
header.bg_color4{height: auto;padding-top: 5px;padding-bottom: 5px;background-image: none}
#logo{max-width: 235px}
header .pc_box{position: static;transform: none;width: 100%}
#top_cms > .box .cms_title h2{font-size: 24px}
#page_title h2{font-size: 26px;letter-spacing: 2px}
#page_title .page_box::before{top: 20px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo{max-width: 190px}
#contents3{padding-top: 0}
.con3_wrap::before{right: 0;top: 50px}
#top_cms > .box .cms_title{width: 100%;border-right: none;margin-bottom: 30px;text-align: center;padding-bottom: 20px;border-bottom: solid 1px #75635a}
#top_cms > .box .cms_wrap{width: 100%;padding-left: 0;margin-bottom: 30px}
#top_cms > .box .more a{margin-right: auto}
footer .logo{text-align: center}
.cate_title{font-size: 20px}
#cms_3-f .cate_box{width: 100%!important;margin: 0 0 20px}
}

/** 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"}
#page10 ul li a{padding-top: 15px;padding-bottom: 15px}
}