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

body,.font_en,#cms_5-a .cate .cate_title{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;}

#main_menu li a, .contact_bt a, .txt1, .txt2, .txt4, .txt5, .txt7, .more, #page_title h2, #top_cms .cms_title h2, .cate_title{font-family: "Hannari", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif", "serif"!important;}
.contact_bt a{padding-bottom: 17px;padding-top: 13px;}


/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #704998;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #40392f;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #704998} /* メインカラー */
.txt_color2{color: #9bc7a3} /* サブカラー */
.txt_color3{color: #633a8e} /* アクセントカラー1 */
.txt_color4{color: #9bc7a3} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #704998} /* メインカラー */
.bg_color2{background-color: #9bc7a3} /* サブカラー */
.bg_color3{background-color: #633a8e} /* アクセントカラー1 */
.bg_color4{background-color: #dadae8} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #704998}
.border_color2{border-color: #9bc7a3}
.border_color3{border-color: #9bc7a3}
.border_color4{border-color: #dadae8}

/* hover_color */
.hvr_txt_color_nomal:hover{color: #40392f;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #704998} /* メインカラー */
.hvr_txt_color2:hover{color: #9bc7a3} /* サブカラー */
.hvr_txt_color3:hover{color: #633a8e} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #dadae8} /* アクセントカラー2 */

.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #704998} /* メインカラー */
.hvr_bg_color2:hover{background-color: #9bc7a3} /* サブカラー */
.hvr_bg_color3:hover{background-color: #633a8e} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #dadae8} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

.hvr_border_color1:hover{border-color: #704998}
.hvr_border_color2:hover{border-color: #9bc7a3}
.hvr_border_color3:hover{border-color: #9bc7a3}
.hvr_border_color4:hover{border-color: #dadae8}




/* design ---------------------------------------------------------------------------------------------*/
body, .fat-nav ul{background: #fff url(../dup/img/bg_body.jpg) repeat;line-height: 1.8;}
.width_1280-max {width: 100%;max-width: 100%;}
#contents2 img {border-radius: 7px;box-shadow: 10px 10px 0 #eae3b4;}
#contents3 figure {border-radius: 7px;}
.txt_shadow-b{text-shadow: 0 5px 10px rgba(0,0,0,0);}
.button, .button2, .fat-nav li a{border-radius: 45px;border-top: none;border-bottom: none;}
.button, .button2, .fat-nav li:last-of-type a{background-color: rgba(226,225,241,0.43);}
.button2:hover{color: #fff;background-color: #9bc7a3;border-color: #9bc7a3;box-shadow: 0 0 20px rgba(180,180,180,0) inset}
.bnr{width: 280px;}


/* ---------- header---------- */
header.bg_color4{
	background-image: url(../dup/img/h_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	line-height: 1.5;
}
#main_menu{text-align: center}
#main_menu ul li a{font-size: 16px;padding-left: 0;}
#main_menu ul li a::before{display: none}
#main_menu ul li a:hover{padding-left: 0;opacity: 0.7}
header::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 100%;
    top: 0;
    right: -49px;
    background-image: url(./Dup/img/bg_img2.png);
    background-size: 100% 100%;
    z-index: 1;
}
.link_box ul{justify-content: center;}
.link_box li.grid_1 {width: 11.33333%!important;margin: 0 10px;}
.contact_bt a{font-size: 15px;}
.contact_bt .fas{display: none}
.button:hover{border-color: #9bc7a3;}
.button:hover::after{box-shadow: inset 0 0 0 15em #9bc7a3;}


/* ---------- top ---------- */
.txt1{
	width: 90%;
    font-size: 34px;
    text-shadow: 1px 1px 0 #9e84b9, -1px 1px 5px #704998, 1px -1px 5px #704998, -1px -1px 5px #704998;
}
#contents1,#contents2,#contents3,.width_1280-max{padding-left: 50px;padding-right: 50px;}
#contents1{padding-top: 60px;padding-bottom: 60px;}
#contents1 {
    background-image: url(../dup/img/bg1.png);
    background-repeat: no-repeat;
    background-position: center top -197px;
    background-size: cover;
}
.txt2, .txt4{font-size: 23px}
.txt2, .txt4 {
    padding-top: 25px;
    margin-bottom: 31px;
    background: url(../dup/img/item1.png) center top / 33px no-repeat;
    text-align: center;
}
.img5{width: 49.66667%!important;}
#page_title .page_box::before, .cms_title::before{background-color: #9bc7a3;}


/* ---------- 下層 ---------- */
#page_title .title_img{height: 200px;}
.cate_title{padding-top: 2px!important;}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display: none}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left: 73px;}
#cms_2-a .box_item:last-of-type, .cms_2-a .box_item:last-of-type{
	padding: 20px;
    background-color: rgba(247,245,214,0.46);
    /*background-color: rgba(231,241,224,0.66);*/
    border-radius: 7px;
}
#cms_2-a img, .cms_2-a img{border-radius: 7px;}
#cms_2-a .opacity08, .cms_2-a .opacity08{opacity: 1}
.cms_wrap:not(#cms_5-a):not(.cms_3-a) .cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
	font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: solid 1px #ccc;
    color: #633a8e;
    font-weight: bold;
    position: relative;
}
.cms_wrap:not(#cms_5-a):not(.cms_3-a) .cate_title::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    left: 0;
    bottom: -1px;
    background-color: #633a8e;
}
.cms_5-a .box_wrap{background-color: rgba(247,245,214,0.46);border: none;border-radius: 7px;}
.cms_1-f figure, .square_img, .rectangle_img{border-radius: 7px;}
#cms_5-a .cate .cate_title{padding: 10px!important;}


/* IE */
@media all and (-ms-high-contrast: none){ 
#cms_5-a .cate .fa-chevron-up::before{transform: translateY(2px)}
#page8 a{padding-bottom: 21px}
.pc_box .contact_bt a{padding: 18px 0 16px}
.pc_box .tel_bt a{padding: 22px 0 17px}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo{max-width: 222px;}
.link_box li.grid_1 {margin: 0 15px;max-width: 40px;}
#page_title .title_img{height: 115px;}
.cate_title{font-size: -webkit-calc(1rem + 6px);font-size: calc(1rem + 6px);}
#contents_box{margin-top: -14px;}
#contents1{background-position: center top -113px;}
#contents2 img{box-shadow: 7px 7px 0 #eae3b4;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#logo{max-width: 165px;}
.txt1{font-size: 22px;}
#contents1, #contents2, #contents3, .width_1280-max {padding-left: 20px;padding-right: 20px;}
#contents1{background-position: center top -113px;}
.img5 {width: 85.66667%!important;}
.txt2, .txt4 {
    font-size: 21px;
    line-height: 1.5;
    letter-spacing: 0;
}
.txt2{padding-top: 29px;}
#page_title .title_img{height: 86px;}
.cate_title{font-size: -webkit-calc(1rem + 4px);font-size: calc(1rem + 4px);}
.link_box li.grid_1 {max-width: 30px;}
#top_cms .cms_title h2, .txt7, .txt5{font-size: 20px;}
.hamburger{top: 12px;}
}