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

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■コード集サイト■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.anim_box .item{
	transform: translateY(20px);
	transition: transform 1.5s ease, opacity 2s;
	transition-property: opacity,transform;
	opacity: 0;
}
.anim_box .item.start{transform: translateY(0);opacity: 1;}



/*------------------------------------------------------------------------------------------------------*/


.link_type_slick .box_txt1 {
    height: 6em;
	line-height: 1.7;
}
.link_type_slick .date {
    padding: 9px 22px 7px;
    border-radius: 45px;
}
.slick-slide img {
    box-shadow: 0 2px 4px rgb(0 0 0 / 0%);
}
/*--- slick ------------------------------------*/
.link_type_slick .slick-box{
    opacity: 0;
    transition: 3s;
}
.link_type_slick .slick-initialized{
    opacity: 1
}
.link_type_slick .slick-box .prev,.slick-box .next {
    display: block;
	cursor: pointer;
	position: absolute;
	top: 40%;
	z-index: 1;
	padding: 15px;
}
.link_type_slick .slick-container{
    padding-left: 30px;
    padding-right: 30px;
}
.link_type_slick .slick-box .prev {
	left: -54px;
}
.link_type_slick .slick-box .next {
	right: -54px;
}
/* counter */
.link_type_slick .slick-counter{
    position: absolute;
    bottom: -35px;
	left: 50%;
	transform: translateX(-50%);
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
/* 最後まで行ったら、矢印透過する */
.link_type_slick .slick-disabled{
	opacity: 0.3;
}
/* 要素の高さを合わせる */
.link_type_slick .slick-slide {
	height: auto !important;
}
.link_type_slick .slick-track {
	display: flex;
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.link_type_slick .slick-container{
    padding-left: 0;
    padding-right: 0;
}
.link_type_slick .slick-box .prev {
	left: -8px;
}
.link_type_slick .slick-box .next {
	right: -8px;
}
/* 両サイドの画像を透過 */
.link_type_slick .slick-initialized .slick-slide{
	opacity: 0.1; 
}
/* センター画像を非透過 */
.link_type_slick .slick-initialized .slick-slide.slick-center{
	opacity: 1; 
}
}

/*-------------------------------------------------------------------------------------------------------------*/
.v_type1 .triangle {
    display: block;
    border: #957a64 solid 2px;
    box-shadow:5px 5px 0 0 #f1ebdc;
}
.v_type1 .triangle:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #FFF transparent;
    border-width: 13px 13px 0 0;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}
.v_type1 .triangle:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: #957a64 transparent;
    border-width: 15px 15px 0 0;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;
}


/*-------------------------------------------------------------------------------------------------------------*/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■コード集サイト■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*毎回いる*/
section#con2 .font_22 {
    margin-bottom: 5px;
}
.f_contact_box h4 {
    font-size: 33px;
    padding-bottom: 10px;
}
.menu_btn.stick_trans span:last-child { margin-top: -3px;}


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

h1,h2,h3,h4,h5,h6,a span,.l-menu ul li a,.f_sitemap_inner li a,.copy,.topTxt1,.f_contact_btn a,.jp,.more a,#con2 .font_22,.con1_inner,.f_contact_box p,.tel,#page10 .sitemap li a,.contact_tel a,.contact_mail a{
    font-family:'Zen Maru Gothic','Zen Kaku Gothic New','Zen Kaku Gothic Antique', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    font-weight:500 !important;}

body{font-family:'Zen Kaku Gothic New','Zen Kaku Gothic Antique', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    font-weight:500 !important;    }

.contact_tel a i {font-weight: normal;}
.opacity07,.opacity08 {
    opacity: 0.9 !important;}
.font_14 {
    font-size: 15px;}
ul.f_sitemap_inner li a {
    font-size: 15px;
    letter-spacing: 1px;}

/*font------------------------------------------------------------------------*/
/*body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #857e78;}*/
/*↑もともとの色 0525*/
/*color------------------------------------------------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #957a64;}
.txt_black,.hvr_txt_black:hover{color: #957a64;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #ffa18e;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #ffe0ab;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #ffa50c;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #fff5e3;} /* アクセントカラー2 */

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: #957a64;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #ffa18e;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #ffe0ab;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #ffa50c;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #fff5e3;} /* アクセントカラー2 */
.bg_color5{background-color: #fffdfa;}
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: #957a64;}
.border_color1,.hvr_border_color1:hover{border-color: #ffa18e;}
.border_color2,.hvr_border_color2:hover{border-color: #ffe0ab;}
.border_color3,.hvr_border_color3:hover{border-color: #ffa50c;}
.border_color4,.hvr_border_color4:hover{border-color: #fff5e3;}
.border_color5 {border-color: #fffdfa !important;}

.linkStyle {color: #ffa18e !important;}
section#con2 .font_22{color: #ffa50c;}
/*color------------------------------------------------------------------------*/


/*アイコンけす------------------------------------------------------------------------*/
#con3 .box .icon {
    position: relative;
    z-index: 1;
    margin-top: -50px;
    display: none;}
    
p.con3_title {
    margin: 30px 0 10px;
    font-size: 25px;
    letter-spacing: 1px;
    color: #ffa18e;
    font-weight: 500;
    border-bottom: dotted 2px;
}
/*------------------------------------------------------------------------*/

/*【控え目】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{border-radius: 10px;}
.nav_menu_more a,.cate_list li a,.pager li a,.v_type1 .triangle,#v_type1 .triangle{border-radius: 10px;}
#cms_2-b h3.cate_title,figure {border-radius: 10px;}
/*border-radius-------------------------------------------------------------------------*/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■top■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_img {
    padding-top: 0;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top 36% center;}
    
div#video::before {
    content: '';
    background: url(dup/img/main_item.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center;}

#main_img::before {
    content: '';
    background-color: rgb(255 254 253 / 20%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    mix-blend-mode: screen;}    
    
video {
    width: 90%!important;
    margin: 0 auto;}    

.catch {
    width: 36vw;
    bottom: 0%;
    left: 0%;
    transform: translate(13%, -9%);
    z-index: 1;
}

.con1_inner .font_18 {
    line-height: 2.3;
    width: 888px;
    font-size: 18px !important;
    letter-spacing: 1.2px;
    text-align: left;
    margin: 0 auto;
}
.item05 {
    width: 15vw;
    left: 0;
    top: 13%;
    transform: translate(-150px, 0px);
}

.item06 {
    width: 15vw;
    right: 0;
    bottom: 6%;
    transform: translate(150px, 0px);}
.con1_squ{display: none;}

section#con1 {padding-bottom: 150px;}
section#con2 {
    background: url(dup/img/bg_img.png);
    background-size: 91% 100%;}

section#con2::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(dup/img/bg_img02.png);
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    z-index: 0;}

section#con2 .d_flex {
    z-index: 1;
    position: relative;}
    
#con3 .box .img {border-radius: 15% 14% 17% 17%;}
section#con3 .width_50per {width: 49% !important;
                           position: relative;}

span.point_b {
     position: relative; 
    padding: 0.8rem 0.8rem;}
.point_b:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #ffa18e, #ffa18e 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #ffa18e, #ffa18e 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item03 {
    bottom: 0;
    left: 0;
    width: 15vw;
    transform: translate(-37%, -72%) rotate(327deg);
    z-index: 0;}

.item04 {
    top: 0;
    right: 0;
    width: 25vw;
    transform: translate(42%, -29%) rotate(39deg);
    z-index: 0;}
    
body#body {overflow: hidden;}

section#con3 p {
    z-index: 2;
    position: relative;}
    
section#topCms .item {
    background: #fff;
    padding: 50px;
    border-radius: 70px;}    
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■top■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■all■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.fix_banner{
width: 400px;
height: 120px;
position: fixed;
right: 50px;
z-index: 5;
}

#fakeloader .fl {max-width: 300px;}

.footer.bg_color2 {background: #c3b498;}

#cms_5-b .cate_box .box_item, .cms_5-b .cate_box .box_item {border-radius: 0 0 10px 10px;}

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

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■sub■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#cms_2-b .cate_box {
    border: solid 0px !important;
    border-radius: 10px;
    background: #fffaf2 !important;
}    

.pagetitle_img {
    opacity: 0.2;
    mix-blend-mode: normal !important;}
    
section#topCms {
    background: url(dup/img/bg_img03.jpg);
    background-size: 40%;}
    
main.all_contents {
    background: url(dup/img/bg_img03.jpg);
    background-size: 40%;}
    
ul.cate_list a {border-color: #ffa50c;}
ul.cate_list a:hover {
    background: #ffa50c;
    color: #fff;}
.contact_mail{border-radius:50px;}

.pagetitle .txt_color2 {color: #ffa50c;}

.privacy{border-radius:10px;}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■sub■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



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

.copy {padding-bottom: 150px;}
.logo1 {max-width: 88px;}
.menu_btn {right: 8px;}
div#sp_nav .font_24 {font-size: 22px;}

.cate_list li a {
    display: block;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}


#main_img { height: 47vh;}

.catch {
    width: 39vw;
    transform: translate(9%, 7%);}
    
    
.con1_inner .font_18 {
    width: auto;
    font-size: 18px !important;}
   
.item05 {display:none;}    
.item06 {
    width: 25vw;
    right: 0;
    top: auto;
    bottom: -26%;
    transform: translate(24px, 0px) rotate(294deg) scale(-1,-1);}

section#con2::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(dup/img/bg_imgtb.png);
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    z-index: 0;
    background-size: 104%;}

section#con2::after {
    content: '';
    position: absolute;
    width: 42vw;
    height: 30vw;
    background: url(dup/img/item01.png);
    background-position: center;
    bottom: 1%;
    left: 0%;
    transform: scale(-1,1);
    background-repeat: no-repeat;
    z-index: 0;
    background-size: contain;}
    
section#con3 .width_50per {
    width: 50% !important;
    position: relative;}
    
.item03 {
    bottom: 0;
    left: 0;
    width: 28vw;
    transform: translate(-32%, -182%) rotate(327deg);
    z-index: 0;}
.con1_inner .font_18 {
    width: auto;
    font-size: 17px !important;
    letter-spacing: 1.7px;}
    
#main_img {

    padding-top: 50px;}

div#video::before {
    content: '';
    background: url(dup/img/main_item.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: center;
    top: calc(50% + 50px);
    transform: translate(0px, -50%);
}

#video {padding-top: 50px;}
}



/*スマホ*/
@media screen and (max-width: 667px){
.logo1 {max-width: 64px;}
    

#main_img {
    height: 41vh;
    padding-top: 50px;}

.catch{display:none;}

.con1_inner .font_18 {
    width: auto;
    font-size: 14px !important;}

div#video::before {
    background: url(dup/img/main_item.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: auto;
    transform: inherit;
}

#video {padding-top: 50px;}
    
.fix_banner {
    width: 254px;
    height: 37px;
    position: fixed;
    right: 106px;
    z-index: 5;}
.pagetop {
    transform: translate(0px, 32px);
    z-index: 4;}
div#sp_nav .font_24 {
    font-size: 17px;
    line-height: 1;}
#sp_nav .sp_nav_inner {padding: 13px 0px 50px 0px;}
.item06 {
    width: 40vw;
    right: 0;
    top: auto;
    bottom: 0%;
    transform: translate(2px, 126px) rotate(294deg) scale(-1,-1);}

section#con2::before {
    background: #fff !important;
    content: '';
    position: absolute;
    width: 95%;
    height: 97%;
    border-radius: 50px;
    z-index: 0;}
    
section#con2 .font_15 {font-size: 14px;}

section#con2::after {
    content: '';
    position: absolute;
    width: 49vw;
    height: 37vw;
    background: url(dup/img/item01.png);
    background-position: center;
    bottom: 0%;
    left: 0%;
    transform: scale(-1,1);
    background-repeat: no-repeat;
    z-index: 0;
    background-size: contain;}
    

section#con3 .width_50per {
    width: 100% !important;
    position: relative;}
    
p.con3_title {font-size: 17px;}
section#con3 .font_15 {font-size: 14px;}
.item03 {
    width: 34vw;
    transform: translate(-32%, -270%) rotate(327deg);}
#con3 .box .img {max-width: 400px;}
section#topCms .item {
    background: #fff;
    padding: 40px 15px;
    border-radius: 50px;}
.cmstitle .en {font-size: 25px;}
.f_contact_box h4 {font-size: 30px;}

.copy {padding-bottom: 117px;}

#cms_2-b .cate_box {padding: 18px;}
#cms_2-b h3.cate_title, figure {padding: 9px 9px 9px 3px !important;}
.v_type1 .triangle {padding: 14px;}

section#con2 .font_22 {
    color: #ffa50c;
    font-size: 18px;}
}












/*■■■フォントサイズ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.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: 18px;}.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);}

/*タブレット*/
@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: 17px;}
.font_18_sp{font-size: 18px;}.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);}


.font_14{font-size: 14px;}
}

/*20220524*/
/*con3*/
.con03_img02 figure.topimg2{width: 80% !important;}
.con03_img02 figure.topimg2 img,.con03_img02 figure.topimg3 img{border-radius: 15% 14% 17% 17%;}
.con03_img02 figure.topimg3{width: 50%; margin: -100px 0px 0px auto !important;}
.con03_img02 .img_wrap{z-index:3;}
.item04 {z-index: -2;}



/*20220525カラー*/
.bg_white, .hvr_bg_white:hover,section#topCms .item{background:#ffffed;}
.v_type1 .triangle:before {border-color: #fffffb transparent;}
.v_type1 .cate_box {background: #fffffb;}

ul.cate_list a:hover {color: #ffffed;}
.bg_color5 {background: #fffff3;}
.border_white,.hvr_border_white:hover{border-color: #ffffed;}
.txt_white,.hvr_txt_white:hover{color: #ffffed;}

#cms_2-b .cate_box {background: #fffffb !important;}

/*-------------------------*/
section#topCms {
    background: url(dup/img/bg_img03.jpg);
    background-size: 60%;}
main.all_contents {
    background: url(dup/img/bg_img03.jpg);
    background-size: 60%;}
    
    
/*20220613*/
audio {
  display: none
}
#play, #stop {
    display: inline-block;
    /* width: 52px; */
    /* height: 50px; */
    margin: 0px 15px;
    /* border-radius: 50%; */
    /* background: #ffa50c; */
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    transition: 0.5s;
    color: #ffa50c;
    font-size: 25px;
    /* padding: 5px; */
}
#play:hover, #stop:hover {
  color: #ffbb48;
}

p.bgm_txt {text-align: center;}

.pc_nav {
    padding: 0 40px 0 30px;
    box-sizing: border-box;}
    
.circle_pc {
    height: 500px;
    overflow: hidden;
}
.con03_img02_pc figure.topimg3 {
    width: 42%;
    margin: -168px 0px 0px auto !important;}
    
.con3_02_pc {height: 500px }
.con3_02_pc img {
    width: 100% !important;
    height: auto !important;
    border-radius: 15% 14% 17% 17%;    
}
    
.con03_img02_pc figure.topimg2 {
    width: 70% !important;
    height: 300px !important;}
.con03_img02_pc figure.topimg3 {
    width: 40%;
    margin: -102px 3px 0px auto !important;
    height: 200px !important;}
    
.fix_banner {height: 85px;}
.fix_banner_02 {height: 160px;
                z-index: 4;
}
    
/*タブレット*/
@media screen and (max-width: 768px){

.circle_pc {
    height: auto;
    overflow: auto;}
.con03_img02_pc figure.topimg2 {
    width: 80% !important;
    height: auto !important;}
.con03_img02_pc figure.topimg3 {
    width: 35%;
    margin: -88px 0px 0px auto !important;
    height: auto !important;}
.con3_02_pc {height: inherit;}
p.con3_title {font-size: 22px;}

.pc_bgm {margin-left: -40px;}

.fix_banner {height: 110px;}
.fix_banner_02 {
    height: 110px;
    z-index: 4;
    right: auto;}
}

/*スマホ*/
@media screen and (max-width: 667px){
section#con2::before {background: #fffff3 !important;}
#play, #stop {
    margin: 0px 12px;
    line-height: 28px;
    font-size: 21px;}

.fix_banner {height: 0px;
            right:90px;}

.fix_banner_02 {
    height: 49px;
    z-index: 4;
    right: 90px;}
.copy{padding-bottom: 130px;}
}