﻿@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&display=swap');
  
:root{--font_kiwi: 'Kiwi Maru' , 'Zen Maru Gothic', "Yu Gothic Medium", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", "sans-serif";}
:root{--font_maru: 'Zen Maru Gothic', "Yu Gothic Medium", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", "sans-serif";}

.con1_title,.intro_title, #contents .con_title,h3,h2,h4,h5,h6,#cms_3-g .box_txt1, .cms_3-g .box_txt1, .font_sans-serif{font-family:var(--font_kiwi) !important;}
body {font-family:var(--font_maru) !important;}

/* color ---------------------------------------------------------------------------------------------*/
:root{
    --color1:#5f7e79;
    --color2:#fffef7;
    --color3:#7bb2aa;
    --color4:#98d5cc;
    --color5:#e88f36;
    --color6:#fff7e1;
    --color7:#f2f9f8;
    --white:#FFFFFF;
    --black:#5f7e79;
    --gray:#f0c259;
}

body#body {background: var(--white);}
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(--color1);} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: var(--color4);} /* アクセントカラー2 */
.txt_color5,.hvr_txt_color5:hover{color: var(--color5);} /* アクセントカラー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(--color5);} /* メインカラー */
.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_color7,.hvr_bg_color7:hover{background-color: var(--color7);} /* アクセントカラー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);}

.linkStyle{color: var(--color3);
          border-bottom:solid 1px;
}

nav li a:hover span, nav li.active a span {color: var(--color3);}
/* color ---------------------------------------------------------------------------------------------*/
/*border-radius----------------------------------------------------------------*/
.normal_img img, .rectangle_img, square_img,.box_wrap, ul.pager li a,section#page10 ul li a,#contact_mail a,#contact_tel a { border-radius: 5px;}
ul.cate_list li a,.contact_bt a,.more a,.foot_tel_bt a,.free_bt a{border-radius: 5px;}
/*border-radius----------------------------------------------------------------*/
/* top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div#video {
    height: 75vh;
    width: 100% !important;}
#video video {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;}
    
.catch {
    position: absolute;
    right: 6vw;
    top: 4vw;
    width: 7vw;
    z-index: 2;}

#main_img::before {
    content: '';
    position: absolute;
    width: 10vw;
    height: 10vw;
    top: 2%;
    background: url(dup/img/kira01.png);
    z-index: 2;
    right: -8.5%;
    background-size: contain;
    background-repeat: no-repeat;}
#main_img::after {
    content: '';
    position: absolute;
    width: 9vw;
    height: 7vw;
    bottom: 4%;
    background: url(dup/img/kira02.png);
    z-index: 2;
    left: -3.5%;
    background-size: contain;
    background-repeat: no-repeat;}    

section#contents_links {display: none;}

section#contents2, section#contents3 {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;}

 
section#intro {background-color: var(--color6);}
.intro_title {background-color: var(--color6);}
#intro .intro_title span {
    color: var(--color5);
    font-weight: 500;}
#intro::after {background-color: transparent;}  
section#intro h3, section#intro p {
    color: var(--color1);
    text-align: left;}

.marker {
    background: linear-gradient(transparent 60%, rgb(240 166 89 / 20%) 60%);
    font-size: 20px;
    padding: 0 5px;}
    
.check img {
    width: 22px;
    transform: translateY(-8px);}
#contents1 figure {box-shadow: none;}

img.item01 {
    width: 46px;
    transform: translate(-3px,-1px);}
img.item02 {
    width: 39px;
    transform: translate(3px,-1px);}
    
#contents1 .flex_top-center {
    margin: 0 10%;
    position: relative;
    z-index: 1;}
    
#contents1_txt {
    box-shadow: none !important;
    border: solid 0;
    border-radius: 5px;
    padding-top: 105px;
    margin-top: -70px;
    position: relative;
    z-index: 0;}

div#contents1_txt::before {
    content: '';
    position: absolute;
    width: 6vw;
    height: 15vh;
    background: url(dup/img/item03.png);
    background-repeat: no-repeat;
    right: -5%;
    bottom: -6%;
    z-index: 0;
    background-size: contain;}

/*section#pv_contents iframe {*/
/*    width: 98%;*/
/*    height: 60vh;}*/
    
section#pv_contents .grid_2 {
    writing-mode: vertical-rl;
    position: relative;
}

section#pv_contents .grid_2::before {
    background: url(dup/img/item04.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    width: 28vw;
    height: 59vh;
    top: -15%;
    right: -27%;
    z-index: -1;
}
img.img05 {
    position: absolute;
    bottom: -37px;
    right: 45px;
    width: 14vw;
    transform: rotate(4deg);}
h3.pv_title {
    font-size: 30px;
    color: var(--color3);}
p.pv_txt {
    font-size: 22px;
    background: var(--color2);
    height: 49%;
    padding: 18px;
    line-height: 2;
    letter-spacing: 4px;
    border-radius: 5px;
    margin-left: 20px;}
h3.pv_title {
    font-size: 30px;
    color: var(--color3);
    transform: translateY(-40px);
    margin-left: 10px;}
    
#add_contents2 img, #add_contents3 img {
    padding: 50px;
    box-sizing: border-box;
}

#add_contents2 .bg_white, #add_contents3 .bg_white{border-radius:5px;}

.more_cms01 {
    margin-top: 20px;
    text-align: right;
    margin-right: 20px;}
.more_cms02 {
    text-align: center;
    margin-top: 25px;}
.more_cms03, .more_cms04 {
    margin-top: 20px;
    text-align: right;}
/* top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section#page_title {
    margin-bottom: 0;
    padding-bottom: 20px;}
section#cms {background: var(--color7);}
#cms_3-f .cate {
    background: var(--white);
    padding: 20px 50px;
    border-radius: 5px;}
#cms_3-f .box_wrap {
    justify-content: flex-start;
    background: var(--color2);
    border-radius: 10px;
}   
#cms_3-f .box_item {
    /*border-radius: 10px !important;*/
    /*background: var(--white);*/
}
#cms_3-f .box_txt1,#cms_3-f .box_title {
    border-bottom: dotted 1px var(--color3);
}
#cms_3-f .cate_box {
    width: 50%;
    margin: 0%;
    padding: 10px 2%;}    
#cms_3-f .cate_title span {border-bottom: dotted 2px var(--color1);}
#cms_3-f .cate_box {border: solid 0;}

#cms_3-f .sub_cate_img2 {padding-left:0;padding-right:10px;}
#cms_3-f .sub_cate_img3 {padding-left:10px;}
#cms_3-f .sub_cate_img2,#cms_3-f .sub_cate_img3 {padding-top:20px;}
#page_title h2 {font-weight: 500;}

div#cms_2-g h3 {
    font-size: -webkit-calc(1rem + 13px);
    font-size: calc(1rem + 13px);}
div#cms_2-g .cate_txt1 {
    font-size: 19px;
    color: var(--color3);}    
div#cms_2-g .cate {
    background: var(--white);
    padding: 20px;
    border-radius: 5px;}    
#cms_2-g .cate_title_wrap {padding-bottom: 0;}    
#cms_2-g .cate_title_wrap::before{content:none;}

/*丸み・やさしさ*/
section#cms_2-b .cate_title {
    border-color: var(--color5);
    background-color: var(--color5);
    color: var(--white);
    border-radius: 10px;
    border:solid 0px;
}
    
section#cms_2-b .cate_box {
    background: var(--white);
    border-radius: 10px;
    border: solid 0;
}

/*【背景色のみ】*/
section#cms_2-b .cate_box {
    background: var(--white);
    border-radius: 10px;
    border: solid 0;
}
section#cms_2-b .shadow-l {box-shadow: 0px 0px;}
.bnr02, .bnr03 {
    width: 55%;
    margin: 0px auto 80px;}
    
div#cms_1-g {
    background: var(--white);
    padding: 20px;}
div#cms_1-g .cate_box, div#cms_1-g .box_item {border-color: var(--color4);}

#page10 ul li a .title {
    padding: 10px 10px;
    border-radius: 100px;
    font-size: 23px;}
    
section#cms {
    margin-bottom: 0;
    padding-bottom: 50px;
}
/* sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*all ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

ul.a_header img { max-width: 61px;}
ul.a_header a { padding: 10px 20px;}
a.logo_link {padding: 0 20px !important;
            transition: 0.7s;}
a.logo_link:hover{opacity: 0.7 !important;}
div#header img {max-width: 110px;}
div#header {padding-bottom: 20px;}

.fadein{
	transform: translateY(20px);
	transition: transform 1.5s ease, opacity 2s;
	transition-property: opacity,transform;
	opacity: 0;
}
.fadein.start{transform: translateY(0);opacity: 1;}
header a span,.sc_menu a span{font-weight: 500 !important;}

#fix_bnr {
    bottom: -3px;
    right: 84px;
    z-index: 10;
    width: 316px;}
@media screen and (max-width: 768px){
p#copyright {padding-bottom: 105px;}}

#fix_bnr a:hover{transition:0.3s;}
#fix_bnr a:hover{opacity:0.8;}

@media screen and (max-width: 667px){
#fix_bnr {bottom: 7px;right: 72px;width: 65%;}
#copyright{padding-bottom: 55px;}
}

#loader .logo {max-width: 200px;}

#contact_bar{background:var(--color6);}
/*all ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/*タブレット*/
@media screen and (max-width: 768px){
div#header {
        padding-bottom: 20px;
        z-index: 999;}
header { margin: 0 !important;}
main {padding-top: 150px;}

div#video {
    height: 43vh;
    width: 100% !important;}
section#main_img {
    padding: 0 30px;
    margin-bottom: 40px;} 
.catch {
    position: absolute;
    right: 7vw;
    top: 3vw;
    width: 13vw;
    z-index: 2;}
#main_img::before {
    width: 8vw;
    height: 12vw;
    top: -6%;
    z-index: 4;
    right: 1%;}
#main_img::after {
    width: 9vw;
    height: 10vw;
    bottom: 4%;
    z-index: 2;
    left: 0%;}
.sp_tel {margin-bottom: 130px;}
#menu_wrap ul li a {padding: 10px;}
section#intro h4 {font-size: 18px;}
#contents1 .flex_top-center {margin: 0 0%;}
div#contents1_txt::before {
    width: 13vw;
    height: 12vh;
    right: -1%;
    bottom: 1%;
    z-index: 0;}
section#pv_contents .grid_2 {writing-mode: horizontal-tb;}
/*section#pv_contents iframe {*/
/*    width: 100%;*/
/*    height: 40vh;}*/
h3.pv_title {
    font-size: 30px;
    transform: translateY(0px);
    margin-left: 0px;}
p.pv_txt {
    font-size: 22px;
    background: var(--color2);
    height: auto;
    padding: 18px;
    line-height: 2;
    letter-spacing: 4px;
    border-radius: 5px;
    margin-left: 0px;
}
section#pv_contents .grid_2::before {
    content:none;}
img.img05 {
    position: absolute;
    bottom: -52px;
    right: 11px;
    width: 28vw;
    transform: rotate(4deg);}
body#body {overflow: hidden;}
section#pv_contents {
    padding-top: 100px;
    padding-bottom: 80px;}
#add_contents2 .bg_white, #add_contents3 .bg_white {width: calc(100% - 40px);}
.bnr02, .bnr03 {width: 65%;}
section#cms_2-b .cate_title {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);}
.more_cms01 {text-align: center;}
#cms_3-f .box_txt1, #cms_3-f .box_title {width: 100% !important;}
#cms_3-f .cate {padding: 20px 20px;}
#cms_3-f .box_txt1, #cms_3-f .box_title {
    width: 100% !important;
    font-size: 14px;}
}

/*スマホ*/
@media screen and (max-width: 667px){
main {padding-top: 100px;}
div#header img {max-width: 50px;}
    #fix_bnr {
        bottom: -2px;
        right: 70px;
        width: 60%;}
p#copyright {padding-bottom: 75px;}        
/*div#header img {max-width: 65px;}*/
#loader .logo {max-width: 150px;}
section#page_title {padding-bottom: 0px;}
section#cms_2-b .cate_title {
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);}
.bnr02, .bnr03 {
    width: 90%;
    margin: 0px auto 0px;}    
div#cms_2-g h3 {
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);}    
div#cms_2-g .cate_txt1 {font-size: 14px;}    
#cms_2-g .cate_title {font-size: 1.3em;}
div#cms_2-g h3 {margin-bottom: 10px;}
#cms_3-f .cate {padding: 20px 20px;}
#cms_3-f .cate_title span {
    padding: 0;
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);}
#cms_3-f .sub_cate_img2, #cms_3-f .sub_cate_img3 { padding: 0;}
#cms_3-f .box_txt1 {
    font-size: 15px;
    letter-spacing: 0px;}
.font_14 {font-size: 15px !important;}    
.marker { font-size: 15px;}
section#add_contents2 h3,section#add_contents3 h3 {font-size: 20px;}
h3.pv_title {
    font-size: 17px;}
p.pv_txt {
    font-size: 17px;
    background: var(--color2);
    height: auto;
    padding: 10px;
    line-height: 1.5;
    letter-spacing: 4px;
    border-radius: 5px;
    margin-left: 0px;}
/*section#pv_contents iframe {*/
/*    width: 100%;*/
/*    height: 28vh;}    */
#add_contents2 img, #add_contents3 img {padding: 25px;}    
section#add_contents2 {
    padding-top: 80px;
    margin-bottom: 0;}
section#add_contents3 {padding-top: 30px;}    
section#pv_contents {
    padding-top: 60px;
    padding-bottom: 70px;}
#contents1_txt {
    padding-top: 20px;
    margin-top: 0px;}    
section#contents1 {padding-bottom: 70px;}   
div#contents1_txt::before {
    width: 17vw;
    height: 12vh;
    right: -6%;
    bottom: -8%;}
h3.con1_title {
    font-size: 18px;
    margin-bottom: 25px;}
img.item01{width: 25px;}
img.item02 {display:none;}
section#intro h4 {font-size: 14px;}
.check img {
    width: 15px;
    transform: translateY(-7px);}
section#intro img.grid_4 {width: 90%;}
section#main_img {
    padding: 0 15px;
    margin-bottom: 40px;}
.catch {
    right: 8vw;
    top: 4vw;
    width: 16vw;}
.more_cms01, .more_cms02, .more_cms03, .more_cms04 {
    text-align: center;
    display: block;
    margin: 20px auto 0;}
.more_cms02 {margin-bottom: 20px;}
}


/* フォントサイズ */
.font_10{font-size: 11px;}.font_11{font-size: 12px;}.font_12{font-size: 13px;}.font_13{font-size: 14px;}
.font_14{font-size: 17px;}.font_15{font-size: 16px;}.font_16{font-size: 17px;}.font_17{font-size: 18px;}
.font_18{font-size: 19px;}.font_19{font-size: 20px;}.font_20{font-size: 25px;}.font_21{font-size: 22px;}
.font_22{font-size: 23px;}.font_23{font-size: 24px;}.font_24{font-size: 25px;}.font_25{font-size: 26px;}
.font_26{font-size: 27px;}.font_27{font-size: 28px;}.font_28{font-size: 29px;}.font_29{font-size: 30px;}
.font_30{font-size: 31px;}.font_31{font-size: 32px;}.font_32{font-size: 33px;}.font_33{font-size: 34px;}
.font_34{font-size: 35px;}.font_35{font-size: 36px;}.font_36{font-size: 37px;}.font_37{font-size: 38px;}
.font_38{font-size: 39px;}.font_39{font-size: 40px;}.font_40{font-size: 41px;}.font_41{font-size: 42px;}
.font_42{font-size: 43px;}.font_43{font-size: 44px;}.font_44{font-size: 45px;}.font_45{font-size: 46px;}
.font_46{font-size: 47px;}.font_47{font-size: 48px;}.font_48{font-size: 49px;}.font_49{font-size: 50px;}
.font_50{font-size: 51px;}

/* フォントサイズ 基準値から+- */
.font_100per{font-size:-webkit-calc(1rem + 1px);font-size : calc(1rem + 1px);}
.font_200per{font-size:-webkit-calc(2rem + 1px);font-size : calc(2rem + 1px);}
.font_2up{font-size:-webkit-calc(1rem + 3px);font-size : calc(1rem + 3px);}
.font_4up{font-size:-webkit-calc(1rem + 5px);font-size : calc(1rem + 5px);}
.font_6up{font-size:-webkit-calc(1rem + 7px);font-size : calc(1rem + 7px);}
.font_8up{font-size:-webkit-calc(1rem + 9px);font-size : calc(1rem + 9px);}
.font_10up{font-size:-webkit-calc(1rem + 11px);font-size : calc(1rem + 11px);}
.font_12up{font-size:-webkit-calc(1rem + 13px);font-size : calc(1rem + 13px);}
.font_14up{font-size:-webkit-calc(1rem + 15px);font-size : calc(1rem + 15px);}
.font_2dw{font-size:-webkit-calc(1rem - 1px);font-size : calc(1rem - 1px);}
.font_4dw{font-size:-webkit-calc(1rem - 3px);font-size : calc(1rem - 3px);}
.font_6dw{font-size:-webkit-calc(1rem - 5px);font-size : calc(1rem - 5px);}
.font_8dw{font-size:-webkit-calc(1rem - 7px);font-size : calc(1rem - 7px);}

/*タブレット*/
@media screen and (max-width: 768px){
/* フォントサイズ　タブレット */
.font_10_tb{font-size: 11px;}.font_11_tb{font-size: 12px;}.font_12_tb{font-size: 13px;}.font_13_tb{font-size: 14px;}
.font_14_tb{font-size: 15px;}.font_15_tb{font-size: 16px;}.font_16_tb{font-size: 17px;}.font_17_tb{font-size: 18px;}
.font_18_tb{font-size: 19px;}.font_19_tb{font-size: 20px;}.font_20_tb{font-size: 21px;}.font_21_tb{font-size: 22px;}
.font_22_tb{font-size: 23px;}.font_23_tb{font-size: 24px;}.font_24_tb{font-size: 25px;}.font_25_tb{font-size: 26px;}
.font_26_tb{font-size: 27px;}.font_27_tb{font-size: 28px;}.font_28_tb{font-size: 29px;}.font_29_tb{font-size: 30px;}
.font_30_tb{font-size: 31px;}.font_31_tb{font-size: 32px;}.font_32_tb{font-size: 33px;}.font_33_tb{font-size: 34px;}
.font_34_tb{font-size: 35px;}.font_35_tb{font-size: 36px;}.font_36_tb{font-size: 37px;}.font_37_tb{font-size: 38px;}
.font_38_tb{font-size: 39px;}.font_39_tb{font-size: 40px;}.font_40_tb{font-size: 41px;}.font_41_tb{font-size: 42px;}
.font_42_tb{font-size: 43px;}.font_43_tb{font-size: 44px;}.font_44_tb{font-size: 45px;}.font_45_tb{font-size: 46px;}
.font_46_tb{font-size: 47px;}.font_47_tb{font-size: 48px;}.font_48_tb{font-size: 49px;}.font_49_tb{font-size: 50px;}
.font_50_tb{font-size: 51px;}

/* フォントサイズ 基準値から+- */
.font_100per_tb{font-size:-webkit-calc(1rem + 1px);font-size : calc(1rem + 1px);}
.font_200per_tb{font-size:-webkit-calc(2rem + 1px);font-size : calc(2rem + 1px);}
.font_2up_tb{font-size:-webkit-calc(1rem + 3px);font-size : calc(1rem + 3px);}
.font_4up_tb{font-size:-webkit-calc(1rem + 5px);font-size : calc(1rem + 5px);}
.font_6up_tb{font-size:-webkit-calc(1rem + 7px);font-size : calc(1rem + 7px);}
.font_8up_tb{font-size:-webkit-calc(1rem + 9px);font-size : calc(1rem + 9px);}
.font_10up_tb{font-size:-webkit-calc(1rem + 11px);font-size : calc(1rem + 11px);}
.font_12up_tb{font-size:-webkit-calc(1rem + 13px);font-size : calc(1rem + 13px);}
.font_14up_tb{font-size:-webkit-calc(1rem + 15px);font-size : calc(1rem + 15px);}
.font_2dw_tb{font-size:-webkit-calc(1rem - 1px);font-size : calc(1rem - 1px);}
}


/*スマホ*/
@media screen and (max-width: 667px){
/* フォントサイズ　スマホ */
.font_10_sp{font-size: 11px;}.font_11_sp{font-size: 12px;}.font_12_sp{font-size: 13px;}.font_13_sp{font-size: 14px;}
.font_14_sp{font-size: 14px;}.font_15_sp{font-size: 16px;}.font_16_sp{font-size: 17px;}.font_17_sp{font-size: 18px;}
.font_18_sp{font-size: 19px;}.font_19_sp{font-size: 20px;}.font_20_sp{font-size: 21px;}.font_21_sp{font-size: 22px;}
.font_22_sp{font-size: 23px;}.font_23_sp{font-size: 24px;}.font_24_sp{font-size: 25px;}.font_25_sp{font-size: 26px;}
.font_26_sp{font-size: 27px;}.font_27_sp{font-size: 28px;}.font_28_sp{font-size: 29px;}.font_29_sp{font-size: 30px;}
.font_30_sp{font-size: 31px;}.font_31_sp{font-size: 32px;}.font_32_sp{font-size: 33px;}.font_33_sp{font-size: 34px;}
.font_34_sp{font-size: 35px;}.font_35_sp{font-size: 36px;}.font_36_sp{font-size: 37px;}.font_37_sp{font-size: 38px;}
.font_38_sp{font-size: 39px;}.font_39_sp{font-size: 40px;}.font_40_sp{font-size: 41px;}.font_41_sp{font-size: 42px;}
.font_42_sp{font-size: 43px;}.font_43_sp{font-size: 44px;}.font_44_sp{font-size: 45px;}.font_45_sp{font-size: 46px;}
.font_46_sp{font-size: 47px;}.font_47_sp{font-size: 48px;}.font_48_sp{font-size: 49px;}.font_49_sp{font-size: 50px;}
.font_50_sp{font-size: 51px;}

/* フォントサイズ 基準値から+- */
.font_100per_sp{font-size:-webkit-calc(1rem + 1px);font-size : calc(1rem + 1px);}
.font_200per_sp{font-size:-webkit-calc(2rem + 1px);font-size : calc(2rem + 1px);}
.font_2up_sp{font-size:-webkit-calc(1rem + 3px);font-size : calc(1rem + 3px);}
.font_4up_sp{font-size:-webkit-calc(1rem + 5px);font-size : calc(1rem + 5px);}
.font_6up_sp{font-size:-webkit-calc(1rem + 7px);font-size : calc(1rem + 7px);}
.font_8up_sp{font-size:-webkit-calc(1rem + 9px);font-size : calc(1rem + 9px);}
.font_10up_sp{font-size:-webkit-calc(1rem + 11px);font-size : calc(1rem + 11px);}
.font_12up_sp{font-size:-webkit-calc(1rem + 13px);font-size : calc(1rem + 13px);}
.font_14up_sp{font-size:-webkit-calc(1rem + 15px);font-size : calc(1rem + 15px);}
.font_2dw_sp{font-size:-webkit-calc(1rem - 1px);font-size : calc(1rem - 1px);}

}



/*1027*/
.add_top_cms{position:relative;}
.add_top_cms {
    position: relative;
    font-size: 20px;
    background: var(--color4);
    box-shadow: 0px 0px 0px 5px var(--color4);
    border: dashed 1.5px var(--white);
    padding: 0em 0.9em;
    color: var(--white);
    margin-bottom: 15px !important;
    display: inline-block;
}

.sub_cate_item {padding-right: 0;}

div#map {display: none;}
.info_map {display: block !important;}



/*スマホ*/
@media screen and (max-width: 667px){
#cms_3-f .box_txt1 {border-bottom: solid 1px var(--color3);}
}

/*1110-------------------------------------------------------------------------*/

#cms_3-f .cate_box {padding: 2% 0%;}
#cms_3-f  .box_txt1,#cms_3-f  .box_title {
    border-bottom: dotted 1px var(--color3);
    letter-spacing: 0.3px;}
    
@media screen and (max-width: 768px){
#cms_3-f .box_txt1, #cms_3-f .box_title {width: 90% !important;}
}
/*スマホ*/
@media screen and (max-width: 667px){
#cms_3-f .box_txt1{font-size: 14px;}
#cms_3-f p.sub_cate_txt2 {font-size: 15px;}
#cms_3-f .box_txt1, #cms_3-f .box_title {width: 95% !important;}
#cms_3-f .box_item {margin-bottom: 15px;}
}





/*20230130-------------------------------------------*/


/* YouTube */
.yt{width: 98%;}
.video_cms {
    padding-bottom: 46.9%;
    height: 0 !important;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.yt{width: 100%;}

.video_cms {
    padding-bottom: 46.9%;
    height: 0 !important;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.video_cms {padding-bottom: 56.25%;}
}

/*生前整理アプリ------------------------------------------------------*/
/* YouTube */
.yt02{width: 98%;}
.video_cms02 {
    padding-bottom: 46.9%;
    height: 0 !important;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.yt02{width: 100%;}

.video_cms02 {
    padding-bottom: 46.9%;
    height: 0 !important;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.video_cms02 {padding-bottom: 56.25%;}
h3.cms_yt {
    margin-top: -50px;
}
}
