@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&display=swap');
/* color  --------------------------------------------------------------------------------------------*/
div#wrap {background: #fffdfa;}


body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #4f4a3f;}
.txt_white,.hvr_txt_white:hover{color: #fffdfa;}
.txt_color1,.hvr_txt_color1:hover{color: #f7c800} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #fff9d9} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #ff912e} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #ffecd8} /* アクセントカラー2 */
/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: #fffdfa} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: #4f4a3f} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #f7c800} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #fffcee} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #ff912e} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #ffecd8} /* アクセントカラー2 */
/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #f7c800 !important}
.border_color2,.hvr_border_color2:hover{border-color: #fff9d9 !important}
.border_color3,.hvr_border_color3:hover{border-color: #ff912e !important}
.border_color4,.hvr_border_color4:hover{border-color: #ffecd8 !important}


.pager li a {
    background: rgb(255 145 46 / 0.8);
    color: #fffdfa;}

div#pp-nav {
  background: #fffdfa;
  border-radius: 3px;}
  
/*linkStyle*/
a.linkStyle {
    color: #ff912e;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #ff912e;
}


#cms_1-a .border_color2,#cms_1-a .hvr_border_color2:hover {border-color: #ffe773 !important;}

/* color  --------------------------------------------------------------------------------------------*/


/* font  --------------------------------------------------------------------------------------------*/
body {font-family: 'Zen Kaku Gothic New','Open Sans',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
.font_bar,h2,h3,h4,h5,h6{font-family: 'Open Sans','Kiwi Maru','Zen Kaku Gothic New',"Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
.font_bold {font-weight: 500 !important;}
/* font  --------------------------------------------------------------------------------------------*/


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*【挨拶文画像に余白つける】*/
.intro_img1 {
    width: calc(100% - 20px) !important;
    height: calc(50% - 30px) !important;}
.intro_img2 {
		width: calc(50% - 20px)!important;
			margin-right: 20px;}
.intro_img3 {
      width: calc(50% - 20px) !important;}


/*左右に線*/
.intro_title span.d_inline_b.txt_left {
  position: relative;
  display: inline-block;
  padding: 0 80px;}

.intro_title span.d_inline_b.txt_left:before, .intro_title span.d_inline_b.txt_left:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: #f7c800;}

.intro_title span.d_inline_b.txt_left:before {left:0;}
.intro_title span.d_inline_b.txt_left:after {right: 0;}

/*左右に線*/

h1#logo img {max-width: 270px;}
h1#logo {margin-bottom: 50px;}

.con_box1, .con_box2 {
    background: #fffdfa;
    color: #4f4a3f;
    padding: 20px;
    z-index: 1;}

.con_box1 .con_title, .con_box2 .con_title {border-bottom: dotted 2px #f7c800;}
p.con_no {font-size: 20px;}

.cms_title {border-color: #ff912e !important;}
#top_cms .cms_title span {background: #ff912e !important;}

.con_box2 {margin-top: 80px;}
.con_box1::before, .con_box2::before {
    content: '' !important;
    background: url(dup/img/item03.png);
    position: absolute !important;
    width: 100% !important;
    height: 40% !important;
    background-repeat: no-repeat;
    top: -14%;
    background-size: 100%;
    left: 0 !important;
    z-index: -1;
    background-color: transparent !important;}

.cms_title p {
    font-size: 16px;
    font-weight: 500;
    color: #ff7f50;}

.cms_title h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;}
    
.cms_6-a .cate_wrap {
    border: solid 2px #f7c800;
    padding: 15px;}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/*css*/
/*entry*/
.fixed_img {
    display: block !important;
    position: fixed;
    top: 112px;
    right: 20px;
    z-index: 4;
    width: 100%;
    max-width: 80px;
    transition: 0.5s;
}
.fixed_img:hover{
    opacity: 0.8;
    transition: 0.5s;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.cate_list li a:hover {color: #ff912e;}
.cms_6-a p.box_txt1,#cms_6-a p.box_txt1 {
    font-size: 18px;
    color: #ff912e;
    margin-bottom: 5px;}
    
#cms_2-a h4.box_title1 {
    position: relative;
    color: #4f4a3f;}
#cms_2-a h4.box_title1::first-letter {
    color: #ff912e;}
#cms_2-a h4.box_title1::before {
    content: "";
    position: absolute;
    width: 7%;
    height: 2px;
    box-sizing: border-box;
    border: 0;
    top: 65%;
    background: #ff912e;
    left: 2px;
    transform: translateY(10px);}

h3.info_title {color: #ff912e;}
div#logo2 {width: 350px !important;}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*タブレット*/
@media screen and (max-width: 768px){

.fixed_img {
    position: fixed;
    top: 67px;
    right: 0px;
    z-index: 4;
    width: 100%;
    max-width: 51px;
    transition: 0.5s;}
#cms_1-a .pager li {margin: 0px !important;}
#cms_2-a h4.box_title1::before {width: 5%;}
.intro_left {padding-top: 70px;}
.intro_img2 {
    width: calc(50% - 20px)!important;
    margin-right: 13px;}
.intro_img1 {
    width: calc(100% - 28px) !important;
    height: calc(50% - 19px) !important;}
#intro {margin-bottom: 4px;}
}

/*スマホ*/
@media screen and (max-width: 667px){

#page_top .arrow {top: 20px;}

.fixed_img {
    position: fixed;
    bottom: 57px;
    top: auto;
    right: 0px;
    z-index: 4;
    width: 100%;
    max-width: 40px;
    transition: 0.5s;
}

#menu_stick, header .nav_bg {
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
}

#page_top {
    width: 40px;
    height: 40px;
    right: 0;
}

.custom_wrap {height: 70vh !important;}
section#custom {height: 70vh !important;}
/*section#intro {margin-top: -53%;}*/
.intro_left {border-top: dotted 1px #f7c800;}
img.item01 {padding-right: 18px;}
.intro_title span.d_inline_b.txt_left {line-height: 1.5;}
.con_box1::before, .con_box2::before {top: -6%;}
h2.con_title {
    font-size: -webkit-calc(1rem + 9px) !important;
    font-size: calc(1rem + 9px) !important;}
div#logo2 {width: 300px !important;}
#cms_2-a h4.box_title1::before {
    width: 12%;
    top: 61%;}
#cms_6-c .cate_box {
    padding: 25px;}
h3.info_title {
    color: #ff912e;
    opacity: 1;}
#page07 .info_title::before {background-color: #ff912e;}
.intro_title span.d_inline_b.txt_left:before, .intro_title span.d_inline_b.txt_left:after {width: 50px;}
.intro_title span.d_inline_b.txt_left {padding: 0 65px;}
}