@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap');
/* color -----------------------------------------------------------------------------*/

:root{
    --color1:#ffa94b;
    --color2:#fff2e4;
    --color3:#80d18a;
    --color4:#ebf8ed;
    --color5:#f5abcb;
    --color6:#fdeef5;
    --white:#fefefe;
    --black:#333333;
    --gray:#ccc;
}

body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: var(--black);}
.txt_white,.hvr_txt_white:hover{color: var(--white);}
.txt_color1,.hvr_txt_color1:hover{color: var(--color1);} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: var(--color2);} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: var(--color3);} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: var(--color4);} /* アクセントカラー2 */
.txt_color5,.hvr_txt_color5:hover{color: var(--color5);} /* アクセントカラー2 */
.txt_color6,.hvr_txt_color6:hover{color: var(--color6);} /* アクセントカラー2 */
/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: var(--white)} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: var(--black);} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: var(--color1);} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: var(--color2);} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: var(--color3);} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: var(--color4);} /* アクセントカラー2 */
.bg_color5,.hvr_bg_color5:hover{background-color: var(--color5);} /* アクセントカラー2 */
.bg_color6,.hvr_bg_color6:hover{background-color: var(--color6);} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}
/* border-color ※!important */
.border_white,.hvr_border_white:hover{border-color: var(--white);}
.hvr_border_black:hover{border-color: var(--black);}
.border_black{border-color: var(--gray);}
.border_color1,.hvr_border_color1:hover{border-color: var(--color1);}
.border_color2,.hvr_border_color2:hover{border-color: var(--color2);}
.border_color3,.hvr_border_color3:hover{border-color: var(--color3);}
.border_color4,.hvr_border_color4:hover{border-color: var(--color4);}
.border_color5,.hvr_border_color5:hover{border-color: var(--color5);}
.border_color6,.hvr_border_color6:hover{border-color: var(--color6);}
.linkStyle{color: var(--color1);
          border-bottom:solid 1px;
}
body#body {
    background: var(--white);
    font-weight: 600;
}
/* color -----------------------------------------------------------------------------*/

/* ----------------　all　---------- */
.linkStyle:hover{
	color:　var(--color1);
	opacity: 0.7;
	transition: all 0.5s;
}

body, h1, h2, h3, h4, h5, h6, .catch, #topCms .cmstitle p, .pagetitle .title_box p, .pc_nav li .page_title, #sp_nav .sp_nav_inner .l-menu .l-menu_cms {
 font-family: "Zen Maru Gothic", serif;
}

header {
    background-color: transparent!important;
}

.menu_btn span {
    height: 3px;
}

/* ------------------------------　TOP　---------- */

/*main_visual*/


#main_img::before {
    display: none;
}

/*top*/

.intro_title {
    top: -2%;
}

#intro:before {
    display: none;
}

#content .box_txt {
    display: block;
}

#content .box_title::before {
    display: none;
}

#topCms .topCms .line {
    display: none;
}


#content .box_title {
    display: block;
}

#content .cate_box1 .cate_item {
    padding: 0 0 0 50px;
}

#content .cate_box1 span, #content .cate_box2 span {
    background:var(--white);
    padding-left: 5px;
    padding-right: 5px;
}

#content .cate_box2 .cate_item {
    padding: 0 50px 0 0px;
}

/*Cms1*/

#cms_2-c .number, .cms_2-c .number {
    width: 60px;
    margin: 0 auto;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
} 

.cms_2-c.cms_wrap span,#cms_2-c .box_txt1 span {
    background: linear-gradient(transparent 50%, var(--color4) 50%);
}

/*Cms2*/

.topCms2 {
    background-image: url('/Dup/img/3-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.topCms2 .cate_box, #cms_4-a .cate .cate_box {
    height: 300px;
    margin-bottom: 40px;
}

/*Cms3*/

.topCms3 {
    background-color: #fff7ef;
}

.topCms3 .box_img {
    width: 80px;
    height: 80px;
    top: -30px;
    left: -35px;
    z-index: 1;
}

/*Cms4*/

.topCms4 {
    background-image: url('/Dup/img/intro-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

/*Cms5*/

#cms_5-f .cate_box .box_txt1, .cms_5-f .cate_box .box_txt1{
    background-color: transparent;
}

#cms_5-f .cate:before, .cms_5-f .cate:before {
    display: none;
}

/* ------------------------------　下層ページ　---------- */

.pagetitle {
    background-color: #fff7ef;
}

.f_con_bgcolor {
    filter: none;
    opacity: 1;
}

/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */



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

/* --------------------　TOP　---------- */

#content .cate_box1 .cate_item, #content .cate_box2 .cate_item {
    padding: 50px;
    background-color: rgba(255, 255, 255, 0.75);
}

#bottom_tel a {
    height: 85px!important;
}

.cms_2-c .cate_box {
        margin-left: 0;
        width: 80% !important;
}

#cms_2-c .cate_list li {
    width: 60%!important;
}

.topCms2 .cate_box, #cms_4-a .cate .cate_box {
    height: initial;
    margin-bottom: 40px;
    padding-top: 30px;
    padding-bottom: 50px;
    max-height: 300px;
}

.topCms3 .box_img {
    left: 0;
    right: 0;
}

/* --------------------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}



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

/* --------------------　TOP　---------- */

#main_img {
    margin-top: 8vh;
    max-height: 520px;
    min-height: 400px;
    background-position: center bottom!important;
}

#content .cate_box1 .cate_item, #content .cate_box2 .cate_item {
    padding: 40px 20px 20px;
}

#content .box_txt {
    font-size: 18px;
}

.cms_2-c .cate_box {
        width: 100% !important;
}

#cms_2-c .cate_list li {
    width: 100%!important;
}

#bottom_tel {
    height: initial;
    align-items: flex-end;
}

.copy {
    padding-bottom: 100px;
}

/*Cms2*/
/*.topCms2 .cate .cate_box, #cms_4-a .cate .cate_box {*/
/*    height: 200px;*/
/*    margin-bottom: 40px;*/
/*}*/

/* --------------------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */
}

@media screen and (max-width: 320px){
.topCms2 .cate .cate_box, #cms_4-a .cate .cate_box {
    height: 180px;
    margin-bottom: 40px;
}
}