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

.v_type3 .modal-wrap {overflow: auto;padding-top: 100px;padding-bottom: 50px;}
.v_type3 .modal-box .inner{max-height: 100%!important;overflow: auto;}

html.modalset{
	overflow: hidden;
}
.v_type4 .box_item{
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    border: solid 2px #7d8c39;
    border-radius: 20px;
	cursor: pointer;
}
.v_type4 .box_item:hover{
    box-shadow: none;
    border: solid 2px #e07e3d
}
.v_type4 .box_title2, .v_type4 .box_txt1{
    border-top: 1px solid #d5d8c8;
}
.v_type4 .modal .box_title2{
	border-top: none;
}
.v_type4 .modal{
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	line-height: 1.7;
}
.v_type4 .modal-wrap {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}
.v_type4 .modal-wrap::-webkit-scrollbar {
	display: none;
}
.v_type4 .modal-wrap:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 100%;
}
.v_type4 .modal-bg{
	position: absolute;
	left: 0;
	top: 0;
	background: rgb(213 216 200 / 0.5);
	width: 100%;
	height: 100%;
}
.v_type4 .modal-box {
    width: 90%;
    max-width: 900px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px;
    padding-bottom: 23px;
    background-color: #fcfcee;
    border-radius: 10px;
}
.v_type4 .modal-box .inner{
	max-height: 650px;
    overflow: auto;
	-ms-overflow-style: none;
}
.v_type4 .modal-box .inner::-webkit-scrollbar {
  width: 2px;
  height: 10px;
}
.v_type4 .modal-box .inner::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px #d5d8c8 inset;
}
.v_type4 .modal-box .inner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #d5d8c8;
}
.v_type4 .modal-box .modal-close{
	cursor: pointer;
	position: absolute;
    top: 19px;
    right: 25px;
}
.v_type4 .modal_img{
    max-width: 600px;
}
.v_type4 .modal_title1{
	padding-top: 60px;
}
.v_type4 .modal_title1:before{
	content: "";
	display: block;
	background-color: #d5d8c8; 
	width: 1px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 2px;
}
.v_type4 .modal_title1 span{
	transform: rotate(90deg);
	display: block;
	line-height: 1;
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.v_type4 .modal-box .modal-close {
    top: 6px;
    right: 19px;
}
.v_type4 .modal-box .inner{
    max-height: 500px;
}
}


/* qa  --------------------------------------------------------------------------------------------*/

.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}
/* コード集サイト  --------------------------------------------------------------------------------------------*/




/* color  --------------------------------------------------------------------------------------------*/
div#wrap {
    background: #fcfcee;
    background-image: url(dup/img/bg_img_wr.png);
}


body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #5d4f46;}
.txt_white,.hvr_txt_white:hover{color: #fcfcee;}
.txt_color1,.hvr_txt_color1:hover{color: #f9a246} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #fcfcee} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #7d8c39} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #e07e3d} /* アクセントカラー2 */
/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: #fcfcee;
    background-image: url(dup/img/bg_img_wr.png);
} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: #5d4f46} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #f9a246} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #fcfcee} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #7d8c39} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #e07e3d} /* アクセントカラー2 */
/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #f9a246 !important}
.border_color2,.hvr_border_color2:hover{border-color: #fcfcee !important}
.border_color3,.hvr_border_color3:hover{border-color: #7d8c39 !important}
.border_color4,.hvr_border_color4:hover{border-color: #e07e3d !important}


.pager li a {
    background: rgb(224 126 61 / 0.8);
    color: #fff9f6;}

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


#cms_1-a .border_color2,#cms_1-a .hvr_border_color2:hover {border-color: #f9a246 !important;}
.opacity07,.opacity08{opacity:0.9 !important;}

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


/* font  --------------------------------------------------------------------------------------------*/

@font-face {
font-family: "anzu";
src: url("../dup/img/anzu.ttf") format("ttf"),url("../dup/img/anzu.woff") format("woff"),url("../dup/img/anzu.woff2") format("woff2");
}

body,#sns_links p,#sns_links a {font-family: 'Kiwi Maru','Open Sans',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
.font_bar,h2 {font-family: 'anzu','Kiwi Maru',"Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}


.font_bold {font-weight: 500; }
/* font  --------------------------------------------------------------------------------------------*/

/*【控え目】5～10px*/
/*border-radius-------------------------------------------------------------------------*/
.con_img, .cate_img1, .box_img1, .box_img2, .box_img3, .box_img4, #cms_3-c .cate_box .box_title3 span,#contents3 .con_box,#intro_wrap,#page_title .page_title_box,.pd_l-r10per.pd_t-5per.pd_b-5per.pd_5per_tb.pd_t-50px_sp .con_box,.box_img1 img,figure img{border-radius: 5px;}
.nav_menu_more a,.cate_list li a,.pager li a{border-radius: 5px;}
#cms_2-b h3.cate_title,.qa_type5 .cate_title,#page09 a,.tel_wrap{border-radius: 5px;}


.more a { border-radius: 50px !important;}
header .nav_bg {border-radius: 50px;}
.nav_bg.trans{border-radius:0 !important;}

.more a::before,.more a::after{display:none;}
/*border-radius-------------------------------------------------------------------------*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ top■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
h1#logo img {max-width: 240px;}
h1#logo {
    margin-bottom: 0px;
    margin-top: 40px;
    text-align: left !important;}
    
img.catch {
    width: 28vw;
    transform: translate(-50%, -75%);}
    
.intro_title {
    margin-bottom: 40px;
    margin-top: 60px;}

#intro .intro_left {display: block;}

#contents .con_bg {border-radius: 32% 0% 0% 35% !important;}

#intro .intro_right div {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;}
    
.item01 {
    width: 16vw;
    top: 0;
    left: 50%;
    transform: translate(-55%, -15%);}

.reco {
    position: relative;
    line-height: 3;
    font-size: 19px;
}
.reco_item {
    top: 50% !important;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -57%);
}

.item02 {
    width: 18vw;
    top: 14%;
    left: 0%;
    transform: translate(0%, 0%);}
    
.item03 {
    width: 10vw;
    top: 14%;
    left: 0%;
    transform: translate(0%, 234%);
}
    
.item04 {
    width: 13vw;
    top: 14%;
    right: 2%;
    transform: translate(0%, 20%);
    opacity: 0.8;}
    
.item05 {
    width: 14vw;
    top: 14%;
    right: 1%;
    transform: translate(0%, 140%);
    opacity: 0.8;}
    
.reco_box h3 {font-size: 50px !important;}
.reco_box {
    background: url(dup/img/bg_img.png);
    background-size: 100% 100%;}
.reco_box .width_1000-max{width:1015px !important;}

#contents .con_title {font-size: 40px;}
#contents .con_txt {
    font-size: 16px;
    line-height: 2.2;}

.height90per{height:90vh !important;}
#contents .con_box1::before {display: none;}

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


.intro_title {
    margin-bottom: 40px;
    margin-top: 60px;
    font-size: 45px !important;
    line-height: 1.5;
}

p.intro_txt {
    font-size: 15px;
    line-height: 2.3;}
.cms_title p {
    font-size: 24px;
    color: #e07e3d;}
.cms_title h3 {
    font-size: 48px;
    line-height: 50px;}

.cms_title {border-top: dotted 3px #7d8c39 !important;}
#top_cms .cms_title span {
    background: #f9a246 !important;
    width: 0;}


#top_cms .cms_title h3 {
    padding-top: 82px;
    background: url(./Dup/img/cms_title.png) no-repeat center top 16px;
    background-size: 60px;
}

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

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ sub■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#cms_2-b .cate_box {
    border: solid 2px rgb(255 190 8 / 10%) !important;
    border-radius: 10px;
    background: #fffff6 !important;
    margin-bottom: 20px;
}

span.title_bg {opacity: 0.7 !important;}

.title_wrap h2 {
    font-size: -webkit-calc(1rem + 33px) !important;
    font-size: calc(1rem + 33px) !important;}

.title_wrap p {
    font-size: 27px !important;
    height: 1.2em !important;}
    
.footer_bg,footer.bg_color2 {background: rgb(249 162 70 / 7%);}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ sub■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ all■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*entry*/
.fixed_img {
    position: fixed;
    bottom: 10px;
    left: auto;
    right: 22px;
    z-index: 6;
    width: 280px;
    transition: 0.5s;
}
.fixed_img:hover{
    opacity: 0.8;
    transition: 0.5s;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ all■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


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


.fixed_img {
    bottom: -5px;
    right: 56px;
    width: 221px;}

section#contents2 {
    position: relative;
    height: 100% !important;}
    
.reco_box {position: relative;}
    
.reco_item {
    top: auto;
    position: relative;
    left: auto;
    transform: initial;}    
    
img.catch {
    width: 47vw;
    transform: translate(-50%, -56%);}
    
/*.intro_title {font-size: 38px !important;}*/
p.intro_txt {
    font-size: 15px;
    line-height: 2.3;}

.item01 {
    width: 26vw;
    top: 5%;
    left: auto;
    right: -13%;
    transform: translate(-55%, 0%) rotate(12deg);}

#intro .intro_right div {
    height: 100%;
    background-size: 88%;
    background-repeat: no-repeat;
    background-position: top right 60%;}
#intro .intro_left {padding-bottom: 80px;}
#contents .con_bg {border-radius: 10% 10% 0% 0% !important;}
#contents .con_box1 {padding-bottom: 0;}
.reco_box .width_1000-max {width: auto !important;}
.reco {
    position: relative;
    line-height: 2;
    font-size: 16px;
    padding: 0 17% 60px;}
.reco_title {
    padding-top: 60px;
    margin-bottom: 30px;}    

.item02 {
    width: 20vw;
    top: 22%;
    left: -3%;
    transform: translate(0%, 0%);}
.item03 {
    width: 9vw;
    top: 14%;
    left: 1%;
    transform: translate(0%, 404%);}

.item05 {
    width: 14vw;
    top: 41%;
    right: 1%;
    transform: translate(0%, 140%);
    opacity: 0.8;}

.item04 {
    width: 13vw;
    top: 41%;
    right: 2%;
    transform: translate(0%, 20%);
    opacity: 0.8;}

.reco_box {
    background: url(dup/img/bg_img.png);
    background-size: 111% 100%;
    background-position: center;}
    
div#wrap {overflow: hidden;}
}


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

    
.custom_wrap {height: 70vh !important;}
section#custom {height: 70vh !important;}
img.catch {
    width: 47vw;
    transform: translate(-50%, -136%);}
.intro_left {padding-top: 70px;}
h1#logo img {max-width: 190px;}
.item01 {
    width: 29vw;
    top: 3%;
    right: -17%;}

.intro_title {
    margin-bottom: 30px;
    margin-top: 35px;
    font-size: 24px !important;
    line-height: 1.5;}
p.intro_txt {
    font-size: 13px;
    line-height: 1.8;}
#intro .intro_left {padding-bottom: 50px;}    
#contents .con_bg {border-radius: 0% 0% 0% 0% !important;}
#contents .con_title {font-size: 26px;}    
#contents .con_txt {
    font-size: 13px;
    line-height: 1.8;}
#contents .con_wrap {
    padding-top: 70px;
    padding-bottom: 50px;}
.reco_box h3 {font-size: 29px !important;}
.reco {
    position: relative;
    line-height: 1.8;
    font-size: 13px;
    padding: 200px 0% 59px;}
.item02 {
    width: 61vw;
    top: 18%;
    left: 50%;
    transform: translate(-50%, 0%);}

.item03 {
    width: 19vw;
    top: 18%;
    left: 7%;
    transform: translate(0%, 20%);}

.item04,.item05{display:none;}

.cms_title {
    border-top: dotted 3px #7d8c39 !important;
    margin-bottom: 70px;}
.cms_title h3 {
    font-size: 41px;
    line-height: 36px;}
.cms_title p {
    font-size: 19px;
    color: #e07e3d;}
    
section#page_title {padding-top: 80px;}
.title_wrap{padding-bottom:80px;}

ul.cate_list{border-radius:5px;}
h3.info_title {opacity: 1;}
.title_wrap p {
    font-size: 19px !important;
    height: 1.5em !important;}
.title_wrap h2 {
    font-size: -webkit-calc(1rem + 20px) !important;
    font-size: calc(1rem + 20px) !important;}
}


/* フォントサイズ */
.font_10{font-size: 11px;}.font_11{font-size: 12px;}.font_12{font-size: 13px;}.font_13{font-size: 14px;}
.font_14{font-size: 15px;}.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: 21px;}.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);}


/* フォントサイズ　タブレット */
.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 - 0px);font-size : calc(1rem - 0px);}


/* フォントサイズ　スマホ */
.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);}




/*2022527*/
.hassaku{color:#f8a246;}
.yuzu{color:#f8c146;}