@charset "utf-8";
html{
	scroll-behavior: smooth;
	height: 100%;
	width: 100%;
}
body {
	font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #403D3C;
	width: 100%;
	height: 100%;
}
header {
	width: 100%;
	display: flex;
	justify-content:center;
	height: 10%;
	background: rgba(180,133,144,0.7);
	position: fixed;
	z-index: 99;
}
main {width: 100%;margin: 0 auto;}
footer {width: 100%;}

.clear {clear: both;}


/*検索ZONE*/
/**********

numberH2Sub


**********/
/*検索ZONE*/

/*header内指定*/
#header-container{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content:center;
	align-items: center;
	padding: 0.5em;
}
#header-container.transform{background: rgba(180,133,144,0.9);}
.header-logo {width: 20%;}
.header-logo img{display: block; width: 100%;}




@media screen and (min-width : 1025px ){ 
    /*　画面サイズが1025pxより大きい場合はここを読み込む　*/

}
@media screen and (min-width:769px) and ( max-width:1025px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.header-logo {width: 40%;xpadding-bottom: 0.5em;}

}
@media screen and (max-width : 769px ){ 
    /*　画面サイズが769pxより小さい場合はここを読み込む　*/
	.header-logo {width: 40%;}
}
@media screen and (max-width : 480px ){ 
    /*　画面サイズが480pxより小さい場合はここを読み込む　*/
	.header-logo {width: 50%;}
}

/*ハンバーガーメニュー*/
/* -- ul#menu -------------------------------------------------------------------------------- */
ul#menu {
	height: 100%;
	list-style-type: none;
	width: 100%;
	background: rgba(255, 249, 249, 0.6);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 990;
	display: none;
	overflow: scroll;
	padding:10vh 0 10vh;
}
ul#menu li {
	font-size: 1.6vw;
}
ul#menu li a {
	font-size: 1.6vw;
	color: #b8272a;
	font-weight: 500;
	text-decoration: none;
	display: block;
	padding: 0.5em 0;
	border-bottom: solid 2px #FFF;
}
ul#menu li a:hover {
	color:#FFBBBE;
	background: #d3676d;
	opacity: 0.6;
	border-bottom: solid 2px #b8272a;
}
.menuTitle{
	width: 90%;
	margin: 0 auto;
	font-size: 1.6vw;
	font-weight: 600;
	color: #B8272A;
	padding: 1.0em 0.3em 0.2em 2em;
	border-bottom: 2px solid #B8272A;
	background-image: url(../images/header/favicon.png);
	background-size: 12% auto;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

/*ハンバーガーのアイコン*/
/* -- div#sp-icon -------------------------------------------------------------------------------- */
.Menu-logo {
	height: 4vh;
	position: absolute;
	left: 9vh;
	top: 2vh;
	z-index: 999;
}
.Menu-logo img{height: 100%;}
div#sp-icon {
	width: 5vh;
	height: 5.5vh;
	position: absolute;
	left: 0;
	top: 1vh;
	z-index: 999;
}
div#sp-icon:hover {cursor: pointer;opacity: 0.7;}
div#sp-icon span,
div#sp-icon span:before,
div#sp-icon span:after {
	display: inline-block;
	width: 6.5vh;
	height: 0.7vh;
	background: #b8272a;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.3s;
}
div#sp-icon span {
	left: 5vh;
	top: 3.5vh;
	transform: translate( -50%, -50% );
}
div#sp-icon span:before {
	content: "";
	transform: translateY( -2.3vh ) rotate( 0deg );
}
div#sp-icon span:after {
	content: "";
	transform: translateY( 2.3vh ) rotate( 0deg );
}
div.sp-open span {background: transparent !important;}
div.sp-open span:before {transform: rotate( 45deg ) !important;}
div.sp-open span:after {transform: rotate( -45deg ) !important;}

.menu3block{
	width: 90%;
	margin: 0 auto;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
.menu3block33{
	background: rgba(255, 249, 249, 0.8);
	margin: 0.5em auto 0;
	padding: 0 0 0.5em;
	width: 33%;
}
.menu3blockSns{
	margin: 5em 2em;
	width: 15%;
}
.menu3blockSns img{width: 100%;}

.mainNavi ul {
	margin: 0 auto;
	flex-wrap:wrap;
	justify-content: center;
}

.mainNavi li a {
	width: 90%;
	margin: 0 auto;
	text-align: right;
}

@media screen and (min-width : 769px ){ 
    /*　画面サイズが1024pxよりおおきい場合はここを読み込む　*/
	.xsmMenu{display: none;}
}
@media screen and (max-width : 1024px ){ 
    /*　画面サイズが1024pxより小さい場合はここを読み込む　*/
	.xmenu{display: none;}
	.Menu-logo{display: none;}
	.menu3block{width: 98%;}
}
@media screen and (max-width : 414px ){ 
    /*　画面サイズが480pxより小さい場合はここを読み込む　*/
	.menu3block33{width: 98%;margin: 0;}
	.menuTitle{
		font-size: 2.6vh;
		font-weight: 600;
		padding: 1.0em 0.3em 0.3em 2.4em;
		background-size: 11% auto;
	}
	ul#menu li a {font-size: 2.6vh;}
	.menu3blockSns{margin: 2em 0 0 0;width: 48%;}
	.menu3blockSns img{display: block;margin: 0 auto;width: 50%;}
}

/*ハンバーガーメニューココまで*/

/*main内指定***************************************************/
/*FLEXBOX TITLE*/
.f-titleH2{
	width: 90%;
	padding: 0;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	align-items: flex-end;
	border-bottom: 5px solid #b8272a;
	margin: 0 auto 1vh;
}
.f-titleH2-text50{width: 65%;}
.f-titleH2-img50{width: 35%;}
.f-titleH2-text50A{	width: 80%;}
.f-titleH2-img50A{width: 20%;}


.f-titleH2B{
	width: 90%;
	padding: 0;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	align-items: flex-end;
	border-bottom: 0.3em solid #ed514e;
	margin: 0 auto 1vh;
}
.f-titleH2B-text50A{width: 88%;}
.f-titleH2B-img50A{width: 12%;}
.f-titleH2B-text50C{width: 80%;}
.f-titleH2B-img50C{width: 20%;}

/*FLEXBOX*/
.f-one{order: 1;}
.f-two{order: 2;}

/*FLEXBOX MENU*/
.BottonItemAll{
	width: 100%;
	color: #b8272a;
	text-align: center;
	padding: 1em ;
	margin: 0.2vh 0;
	border: 0.3em solid #B8272A;
	border-radius: 0.5em;
	background-color: #EDACAD;
}
.BottonItemAll a{
	font-size: 1.2vw;
	font-weight: 800;
}

/*FLEXBOX MENU*/
.f-6menuBox{
	width: 90%;
	xmargin: 0 0 1vh;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	xjustify-content: center;
}
.f-6menuBox-bt{
	font-family: 'Roboto', sans-serif;
	width: 16%;
	color: #b8272a;
	font-size: 1.2vw;
	text-align: center;
	padding: 1em ;
	margin: 0.2vh 0;
	background-color: #EDACAD;
}

/*FLEXBOX MENU*/
.f-menuBox,
.f-menuBoxA{
	width: 90%;
	margin: 5vh 0 15vh;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.f-menuBoxC{
	width: 98%;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.f-menuBoxAl,
.f-menuBoxAr{
	width: 100%;
	margin: 0 auto;
	padding-top: 3vh;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}
.f-menuBoxAl{justify-content: flex-start;}
.f-menuBoxAr{justify-content: flex-end;}

.f-menuBox img {width: 100%;height:auto;}
.f-menuBox-img33,
.f-menuBox-img33A{width: 33%;padding: 2vh 1vh 0;}
.f-menuBox-img30{width: 31%;padding: 0.2vh 1vh 0;}
.f-menuBox-img25{width: 31%;padding: 0.2vh 1vh 0;}

/*endMenuBox*/
.end-menuBox{
	width: 98%;
	margin: 15vh auto 5vh;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.end-menuBox img {width: 100%;height:auto;}
.end-menuBox-img100{width: 100%;padding: 3vh 0 0;}
.end-menuBox-img33{width: 31%;padding: 3vh 0 0;}

/*FLEXBOX GUIDE*/
.f-guideBox {
	width: 90%;
	margin: 1vh auto;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
.f-guideBox50 {align-items: center;width: 50%;}

/*redBox*/
.redBox,
.blueBox{
	width: 100%;
	margin: 0 auto 2vh;
	padding: 0em 0.3em;
	display:flex;
	flex-wrap:wrap;
}
.redBox{
	background-color: #ffdcdc;
	border:3px solid #b8272a;
}
.blueBox{
	background-color: #E1F4FF;
	border:3px solid #0089DD;
}

/*FLEXBOX CONTAINER*/
.f-container,
.f-container-black,
.sns-container{
	width: 70%;
	margin: 0 auto;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
.f-container{background-color: #FFF9F9;}
.f-container-black{background-color: #403D3C;}
.f-container-inner{
	width: 100%;
	margin: 1em auto 3em;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.f-container-inner-top{
	width: 100%;
	margin: 2vh auto 10vh;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	box-align: center;
	flex-align: center;
	align-items: center;
}
.f-container-inner-item{
	width: 100%;
	margin: 0 auto 10vh;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.f-container100 {width: 100%;margin: 0 auto;}

/*FLEXBOX　SWIPE*/
.f-container-swipe{
	width: 90%;
	margin: 2vh auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.f-swipe25 img{width: 100%;height:auto;}
.f-swipe25{width: 24%;}
.f-swipe50{width: 49%;}

/*FLEXBOX　IMG*/
.f-container img,
.f-container-black img{width: 100%;height:auto;}

.f-item-img25{
	width: 23%;
	margin-top: 5vh;
    padding: 0.5vh;
}
.f-item-img50,
.f-item-img50A,
.f-item-img50B,
.f-item-img50C{
	padding: 1vh;
	align-items: center;
	width: 45%;
}
.f-item-img50CRedline{
	margin: 0 0.1em 1em;
	padding: 0.1em;
	align-items: center;
	width: 45%;
	border: 0.2em solid #B8272A;
	border-top: 0.8em solid #B8272A;
	border-bottom: 0.8em solid #B8272A;
}
.f-item-img50A img,
.f-item-img50B img{
	display: block;
	margin: 1vh auto;
	width: 70%;
}
.f-item-img75{
	align-items: center;
	width: 70%;
	padding: 1vh 0 5vh;
	margin: 0 auto;
}
.f-item-img75B{
	align-items: center;
	width: 70%;
	margin: 0 auto;
}
.f-item-img98 {width: 98%;margin: 0 auto;}
.f-item-img100 {width: 90%;margin: 0 auto;}
.f-item-img100-ill {width: 90%;margin: 0 auto;}

/*FLEXBOX　TEXT*/
.f-item-text25{
	width: 23%;
    font-size: 2vh;
	margin-top: 1vh;
    padding: 0.5vh;
    text-align: center;
	word-break: break-all;
	background-color: #ffffff;
	border:1px solid;
}
.f-item-text33{ width: 33%;}
.f-item-text50{align-items: center;width: 45%;}
.f-item-text50C{align-items: center;width: 45.5%;}
.f-item-text50 img{align-items: center;width: 80%;}
.f-item-text100{
	width: 90%;
	padding: 0 0 1em;
	margin: 0 auto;
}
.f-item-text100-black{
	width: 100%;
	padding: 5vh 0 10vh;
	background-color: #403D3C;
}
.f-item-text100-pink{
	width: 100%;
	padding: 1vh 0 5vh;
	background-color: #E0B3C1;
}
.f-item-text100-pinkB{
	width: 100%;
	padding: 1vh 0 5vh;
	background-color: #ffdcdc;
}
.f-item-text25-box{
	display: flex;
	width: 25%;
	font-size: 5vh;
	border:1px solid;
}

/*FLEXBOX　PROMISE*/
.promiseText{
	padding: 1vh;
	align-items: center;
	width: 60%;
}
.promiseImg{
	padding: 1vh;
	align-items: center;
	width: 30%;
}
/*FLEXBOX　ITEM*/
.FlexItemAllContainer{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 90%;
}
.FlexItemAllContainerPromise{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 90%;
	background-color: #FFF;
	border-radius: 1em;
	padding:1em 2em;
	margin:2em auto 5em;
}
.FlexItemAll{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 49.8%;
}
.FlexItemAllSub{width: 49.6%;}
.FlexItemAllTextBox{
	margin: 0 auto;
	width: 95%;
	border: 0.2em solid #111;
	background-color: #FFF;
	border-radius: 0.5em;
}

/*FLEXBOX　SNS*/
.FlexSnsContainer{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	margin: 3em auto;
	width: 70%;
}
.FlexSns{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	margin: 3em auto;
	width: 49%;
}
.FlexSnsSub{width: 50%;}

/*FLEX PROMISE*/
.FlexPromise{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width: 90%;
	xpadding: 0 1em;
	margin:0 auto;
}
.FlexPromise00{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width: 90%;
	padding: 0.5em 0;
	margin:0 auto;
}
.FlexPromiseWhite{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 90%;
	background-color: #FFF;
	border-radius: 0.5em;
	padding: 0 1em;
	margin:0 auto;
	border: solid 0.2em #111;
}
.FlexPromise4{
	width: 25%;
	xbackground-color: #FFF;
	xborder-radius: 1em;
	xpadding:1em 2em;
	xmargin:2em auto 5em;
}
.FlexPromise75{
	width: 75%;
	background-color: #FFF;
}
.FlexPromise10060{width: 60%;}
.FlexPromise10060{width: 60%;}

.FlexPromise10060Text,
.FlexPromise10080Text{
	margin:0 auto;
	padding:0;
}
.FlexPromise10060Text{width: 60%;}
.FlexPromise10080Text{width: 80%;}

.FlexPromise10040Img,
.FlexPromise10020Img{
	margin:0.5em auto;
	padding:0.5em 2em;
}
.FlexPromise10040ImgTwo{
	margin:0.5em auto;
	padding:2em;
}
.FlexPromise10040Img,
.FlexPromise10040ImgTwo{width: 40%;}
.FlexPromise10020Img{width: 20%;}

.FlexPromise10050{width: 50%;}
.FlexPromise10050Text{
	width: 50%;
	margin:1em auto;
	padding:1em 2em;
}
.FlexPromise10050Img{
	width: 50%;
	margin:1em auto;
	padding:1vh;
}

/*PROMISE SUBMENU*/
.FlexPromiseMenuBox{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width: 90%;
	background-color: #FFF;
	border-radius: 1em;
	padding: 0 1em;
	margin:0 auto;
	border: solid 0.2em #111;
}
.PromiseMenuBox{
	width: 80%;
	background-color: #FFF;
	border: 0.2em solid #111;
	border-radius: 1em;
	padding:1em;
	margin:2em auto 5em;
}

ul.PromiseMenu{list-style:none;}
.PromiseMenuBox00{
	padding: 0;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	align-items: flex-end;
	border-bottom: 0.3em solid #ed514e;
	margin: 0 auto 1vh;
}
.PromiseMenuTextBox{width: 88%;}
.PromiseMenuImgBox{width: 12%;}
.PromiseMenuText{
	font-size: 2.2vw;
	font-weight: 550;
	color: #ed514e;
	position: relative;
    padding: 0.2em 0 0.2em 0.5em;
}


@media screen and (max-width : 1024px ){ 
    /*　画面サイズが1024pxより小さい場合はここを読み込む　*/
	.PromiseMenuText{font-size: 2.3vh;}
	.f-one{order: 2;}
	.f-two{order: 1;}
	
	.f-container-inner{margin: 1vh auto 4vh;}
	.f-container,
	.f-container-black,
	.sns-container,
	.FlexItemAllContainer,
	.FlexItemAllContainerPromise{width: 98%;}
	
	.f-item-img50,
	.f-item-img50A,
	.f-item-img50B,
	.f-item-img50C{padding: 0.5vh;width: 49%;}
	
	.f-item-text50{width: 49%;margin: 0;}
	.f-item-text100{width: 96%;}
	
	.f-titleH2{width: 98%;}
	.f-titleH2B{width: 98%;}
	.f-guideBox50{width: 98%;margin: 0;}
	.f-container-swipe{width: 98%;}
	.f-6menuBox{width: 98%;}
}

@media screen and (max-width : 480px ){ 
    /*　画面サイズが480pxより小さい場合はここを読み込む　*/
	.PromiseMenuBox00{border-bottom: 0.2em solid #ed514e;}

	.FlexPromise00{width: 98%;padding: 0;}
	.xFlexPromise10060Text,
	.xFlexPromise10080Text{margin:0 auto;}
	.FlexPromise10040Img,
	.FlexPromise10020Img{margin:0 auto;padding:0.5em 0em;}
	.FlexPromise10040ImgTwo{padding:1em;}
	.FlexPromiseMenuBox{width: 98%;}
	.PromiseMenuText{padding-bottom: 0.4em;}
	.PromiseMenuBox{width: 98%;}
	.FlexItemAllTextBox{border: 0.1em solid #111;}
	.promiseText{padding: 0 0.5vh;width: 65%;}
	.promiseImg{padding: 0 0.5vh;width: 35%;}
	
	.f-one{order: 2;}
	.f-two{order: 1;}
	.f-container-inner{margin: 1vh auto 4vh;}
	.f-container,
	.f-container-black,
    .sns-container,
	.f-guideBox{width: 100%;}
	.f-item-text50 img{width: 100%;}
	
	.f-item-img50A{width: 80%;margin: 2vh auto;}
	.f-item-img50B img{width: 90%;}
	.f-item-img50C{padding: 0.5vh;width: 50%;}
	.f-item-img50CRedline{
	margin: 0 0.1em 0.5em;
		padding: 0 0.1em;
	width: 48%;
		border: 0.1em solid #B8272A;

}
	
	.f-item-img25{width: 48%;}
	.f-item-img33{width: 98%;}
	.f-item-img50{width: 98%;margin: 1vh auto;padding: 0;}
	.f-item-img75{width: 80%;margin: 2vh auto;}
	.f-item-img75B{width: 98%;margin: 1vh auto;}
	.f-item-text25{width: 48%;}
	.f-item-text33{width: 98%;}
	.f-item-text50{width: 98%;margin: 0;}
	.f-item-text100{width: 98%;}
	
	.FlexSns{margin: 1.5em auto;}
	.FlexSnsSub{;width: 80%;}	
	
	.f-menuBoxA{width: 100%;margin: 2vh auto;}
	.f-menuBox{width: 100%;margin: 1vh auto;}
	.f-menuBox-img33{width: 48%;padding: 0.5vh 0.5vh 0;}
	
	.f-titleH2{width: 98%;}
	.f-titleH2-text50{width: 100%;}
	.f-titleH2-img50{width: 60%;}
	

	.f-item-img100{width: 98%;}
	.redBox,
	.blueBox{padding: 0;}
	
	.f-6menuBox{width: 98%;}
	.f-6menuBox-bt{width: 24%;font-size: 2vh;}
	
	.FlexItemAll{width: 100%;}
	.BottonItemAll{padding: 0.8em ;margin: 0.1vh 0; border: 0.2em solid #B8272A;}
	.BottonItemAll a{font-size: 2vh;}
	.FlexPromise{width: 98%;}
}


/*footer内指定******************************************************************************/
/*footerContainer内指定*/
.footer-container img{width: 100%;height:auto;}
.footer-container {
	width: 100%;
	margin: 0 auto;
	background: #ead6db;
}
.footer-container-inner{width: 70%;margin: 0 auto;}
.footer-container-inner01{
	width: 100%;
	margin: 0 auto;
	background: #CCB2B9;
}
.footer-menuBox{
	width: 98%;
	margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.footer-menuBox img {width: 100%;height:auto;}
.footer-menuBox-img100{width: 100%;padding: 3vh 0 0;}
.footer-menuBox-img33{width: 31%;padding: 3vh 0 0;}
.footer-logo img{
	padding: 2vw 0;
	margin: 0 auto;
	display: block;
	height: 25vw;
    width: auto;
}
.footer-navi {
	padding: 5vh 0;
	margin: 0 auto;
	width: 70%;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.footer-nav ul {
	align-items: flex-start;
	list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
.footer-nav li a {
	font-size: 1.5vw;
	width: 85%;
	margin: 0 auto;
	padding: 1.2em 0 0.2em;
	text-align: right;
	text-decoration: none;		
	display: block;
    border-bottom: 1px solid #f5e5ea;
}
.footer-nav a:hover{color:#FFBBBE;border-bottom: 1px solid #FFBBBE;}

.footerSnsBox{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	margin: 3vh auto 12vh;
	width: 50%;
}
.footerSnsBoxSub{
	margin: 3em auto;
	width: 10%;
	height:auto;
}
.sns-box {
	width: 100%;
	text-align: center;
	list-style-type: none;
	margin: 0  auto;
	padding: 5vh 0;
}
.sns-box li  {
	text-align: center;
	display: inline;
	padding: 1vh;
}
.sns-box li a {color: #B8272A;}

.copy{
	background: #b48590;
	width: 100%;
	color: #b8272a;
	text-align: center;
	padding: 2em 0;
}
.copy a {font-size: 1.5vw;margin: 0 auto;}
.copy a:hover{color:#FFBBBE;}

.footer-title{
	width: 90%;
	margin: 0 auto;
	font-size: 1.6vw;
	font-weight: 600;
	color: #B8272A;
	padding: 1.0em 0.3em 0.2em;
	border-bottom: 2px solid #B8272A;
}
.top-title{
	width: 90%;
	font-size: 1.6vw;
	color: #b48590;
	font-weight: bold;
	text-align: center;
	border: 1px solid #b48590;
	margin: 0 auto;
}

@media screen and (max-width : 1024px ){ 
    /*　画面サイズが1024pxより小さい場合はここを読み込む　*/
    .footer-container-inner,
	.footer-navi {width: 100%;}
	.footer-logo img{height: 30vh;}
	#page-top img{width:80vh;height:auto;}
	
	.footerSnsBox{width: 80%;}
	.footerSnsBoxSub{width: 15%;}
}
@media screen and (min-width: 480px) and (max-width : 1024px ){ 
    /*　画面サイズが1024pxより小さい、480pxより大きい場合はここを読み込む　*/	
	.footer-nav li a,
	.copy a,
	.footer-title,
	.top-title{font-size: 1.8vh;}
}
@media screen and (max-width : 480px ){ 
    /*　画面サイズが480pxより小さい場合はここを読み込む　*/	
	.footer-nav li a,
	.copy a,
	.footer-title,
	.top-title{font-size: 2.6vh;}
	
	.footerSnsBox{width: 85%;}
	.footerSnsBoxSub{width: 13%;}
}



/*▽▽▽▽▽ PAGE TOP ▽▽▽▽▽▽▽▽▽▽*/
#page-top{
        position: fixed;
        bottom: 2vh;
        right: 1vh;
        z-index:9999;
}
#page-top img{width:15vh;height:auto;}

@media screen and (max-width : 1024px ){ 
    /*　画面サイズが480pxより小さい場合はここを読み込む　*/
	#page-top img{width:10vh;height:auto;}
}

/*JsAnimation*/
.js-animation {
	opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: all 1s;
}
.js-animation.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}