@charset "utf-8";

/*=========================================*/
/* トップページ */
/*=========================================*/


/*-- HEADER --*/

#top_page_header_area{
	position:absolute;
	top:0px;
	left:0px;
	height:130px;
	display:flex;
	justify-content:flex-start;
	z-index:65;
}

.top_page_header_logo{
	position:relative;
	padding:30px 75px 30px 35px;
	background-color:rgba(255,255,255,1.0);
	/* radius */
	-webkit-border-bottom-right-radius:20px;
	   -moz-border-bottom-right-radius:20px;
	        border-bottom-right-radius:20px;
}

.top_page_header_logo::before{
	position:absolute;
	top:15px;
	right:-20px;
	width:40px;
	height:40px;
	background-image:url(../images/top_page/radius_img_left.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px auto;
	content:'';
	z-index:-1;
}

.top_page_header_logo::after{
	position:absolute;
	bottom:-20px;
	left:15px;
	width:40px;
	height:40px;
	background-image:url(../images/top_page/radius_img_left.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px auto;
	content:'';
	z-index:-1;
}

.top_page_header_logo img{
	height:70px;
}

#top_page_global_nav_area{
	position:absolute;
	top:0px;
	right:0px;
	height:130px;
	display:flex;
	justify-content:flex-end;
	z-index:65;
}

.top_page_global_nav_bg{
	position:relative;
	width:130px;
	height:130px;
	background-color:rgba(255,255,255,1.0);
	/* radius */
	-webkit-border-bottom-left-radius:20px;
	   -moz-border-bottom-left-radius:20px;
	        border-bottom-left-radius:20px;
}

.top_page_global_nav_bg::before{
	position:absolute;
	top:15px;
	left:-20px;
	width:40px;
	height:40px;
	background-image:url(../images/top_page/radius_img_right.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px auto;
	content:'';
	z-index:-1;
}

.top_page_global_nav_bg::after{
	position:absolute;
	bottom:-20px;
	right:15px;
	width:40px;
	height:40px;
	background-image:url(../images/top_page/radius_img_right.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:40px auto;
	content:'';
	z-index:-1;
}

@media screen and (max-width:1600px){

#top_page_header_area{
	height:115px;
}

.top_page_header_logo{
	padding:25px 65px 25px 35px;
}

.top_page_header_logo img{
	height:65px;
}

#top_page_global_nav_area{
	height:115px;
}

.top_page_global_nav_bg{
	width:115px;
	height:115px;
}

}

@media screen and (max-width:1280px){

#top_page_header_area{
	height:100px;
}

.top_page_header_logo{
	padding:20px 55px 20px 25px;
	/* radius */
	-webkit-border-bottom-right-radius:15px;
	   -moz-border-bottom-right-radius:15px;
	        border-bottom-right-radius:15px;
}

.top_page_header_logo::before{
	top:10px;
	right:-15px;
	width:30px;
	height:30px;
	background-size:30px auto;
}

.top_page_header_logo::after{
	bottom:-15px;
	left:10px;
	width:30px;
	height:30px;
	background-size:30px auto;
}

.top_page_header_logo img{
	height:60px;
}

#top_page_global_nav_area{
	height:100px;
}

.top_page_global_nav_bg{
	width:100px;
	height:100px;
	/* radius */
	-webkit-border-bottom-left-radius:15px;
	   -moz-border-bottom-left-radius:15px;
	        border-bottom-left-radius:15px;
}

.top_page_global_nav_bg::before{
	top:10px;
	left:-15px;
	width:30px;
	height:30px;
	background-size:30px auto;
}

.top_page_global_nav_bg::after{
	bottom:-15px;
	right:10px;
	width:30px;
	height:30px;
	background-size:30px auto;
}

}

@media all and (max-width:960px), print{

#top_page_header_area{
	height:85px;
}

.top_page_header_logo{
	padding:15px 45px 15px 15px;
	/* radius */
	-webkit-border-bottom-right-radius:10px;
	   -moz-border-bottom-right-radius:10px;
	        border-bottom-right-radius:10px;
}

.top_page_header_logo::before{
	top:5px;
	right:-10px;
	width:20px;
	height:20px;
	background-size:20px auto;
}

.top_page_header_logo::after{
	bottom:-10px;
	left:5px;
	width:20px;
	height:20px;
	background-size:20px auto;
}

.top_page_header_logo img{
	height:55px;
}

#top_page_global_nav_area{
	height:85px;
}

.top_page_global_nav_bg{
	width:85px;
	height:85px;
	/* radius */
	-webkit-border-bottom-left-radius:10px;
	   -moz-border-bottom-left-radius:10px;
	        border-bottom-left-radius:10px;
}

.top_page_global_nav_bg::before{
	top:5px;
	left:-10px;
	width:20px;
	height:20px;
	background-size:20px auto;
}

.top_page_global_nav_bg::after{
	bottom:-10px;
	right:5px;
	width:20px;
	height:20px;
	background-size:20px auto;
}

}

@media screen and (max-width:640px){

#top_page_header_area{
	height:80px;
	background-color:rgba(255,255,255,1.0);
}

.top_page_header_logo{
	padding:15px 35px 15px 15px;
}

.top_page_header_logo::before{
	display:none;
}

.top_page_header_logo::after{
	display:none;
}

.top_page_header_logo img{
	height:50px;
}

#top_page_global_nav_area{
	height:80px;
}

.top_page_global_nav_bg{
	width:80px;
	height:80px;
}

.top_page_global_nav_bg::before{
	display:none;
}

.top_page_global_nav_bg::after{
	display:none;
}

}


/*-- HEADER NAV --*/

.top_page_header_nav_area{
	position:absolute;
	top:70px;
	left:0px;
	right:0px;
	margin:auto;
	width:1780px;
	display:flex;
	justify-content:flex-end;
	z-index:55;
}

.top_page_header_nav{
	padding:0px 25px 0px 0px;
	display:flex;
}

.top_page_header_nav .nav a{
	position:relative;
	margin:0px 14px 0px 14px;
	font-size:112.5%;
	line-height:60px;
	letter-spacing:-0.01em;
	color:rgba(37,35,33,1.0);
	font-weight:600;
	text-align:center;
	transition:0.25s ease-out;
	display:block;
}

.top_page_header_nav .nav a:link{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_header_nav .nav a:visited{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_header_nav .nav a:hover{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_header_nav .nav a:active{ color:rgba(37,35,33,1.0); text-decoration:none; }

.top_page_header_nav .nav a::before{
	position:absolute;
	bottom:10px;
	left:0px;
	right:0px;
	margin:auto;
	width:0%;
	height:3px;
	background-color:rgba(37,35,33,1.0);
	opacity:0;
	visibility:hidden;
	content:'';
	transition:0.25s ease-out;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.top_page_header_nav .nav a:hover::before{
	bottom:10px;
	width:100%;
	opacity:1;
	visibility:visible;
}

@media print{

.top_page_header_nav{
	display:none;
}

}

@media screen and (max-width:2110px){

.top_page_header_nav_area{
	left:auto;
	right:165px;
	margin:0px;
	width:auto;
}

}

@media screen and (max-width:1650px){

.top_page_header_nav{
	padding:0px 20px 0px 0px;
}

.top_page_header_nav .nav a{
	margin:0px 12px 0px 12px;
	font-size:106.25%;
	line-height:55px;
}

.top_page_header_nav .nav a::before{
	bottom:10px;
}

.top_page_header_nav .nav a:hover::before{
	bottom:10px;
}

}

@media screen and (max-width:1600px){

.top_page_header_nav_area{
	top:65px;
	right:145px;
}

}

@media screen and (max-width:1520px){

.top_page_header_nav{
	padding:0px 15px 0px 0px;
}

.top_page_header_nav .nav a{
	margin:0px 10px 0px 10px;
	font-size:87.5%;
}

.top_page_header_nav .nav a::before{
	bottom:12px;
}

.top_page_header_nav .nav a:hover::before{
	bottom:12px;
}

}

@media screen and (max-width:1400px){

.top_page_header_nav .nav a{
	margin:0px 8px 0px 8px;
	font-size:81.25%;
}

.top_page_header_nav .nav a::before{
	bottom:13px;
}

.top_page_header_nav .nav a:hover::before{
	bottom:13px;
}

}

@media screen and (max-width:1280px){

.top_page_header_nav_area{
	top:50px;
	right:125px;
}

.top_page_header_nav{
	display:none;
}

}

@media screen and (max-width:960px){

.top_page_header_nav_area{
	top:35px;
	right:105px;
}

}

@media screen and (max-width:640px){

.top_page_header_nav_area{
	top:16px;
	right:69px;
	width:101px;
	z-index:75;
}

}

@media screen and (max-width:480px){

.top_page_header_nav_area{
	width:48px;
}

}


/*-- HEADER ICON --*/

.top_page_header_icon{
	width:130px;
	display:flex;
	justify-content:space-between;
}

.top_page_header_icon .map a{
	padding:16px 16px 16px 16px;
	background-color:rgba(255,255,255,1.0);
	display:block;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.top_page_header_icon .map img{
	width:28px;
}

.top_page_header_icon .map .icon_pc{
	display:block;
}

.top_page_header_icon .map .icon_sp{
	display:none;
}

.top_page_header_icon .sns a{
	padding:17px 17px 17px 17px;
	background-color:rgba(255,255,255,1.0);
	display:block;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.top_page_header_icon .sns img{
	width:26px;
}

.top_page_header_icon .sns .icon_pc{
	display:block;
}

.top_page_header_icon .sns .icon_sp{
	display:none;
}

@media screen and (max-width:1650px){

.top_page_header_icon{
	width:120px;
}

.top_page_header_icon .map a{
	padding:15px 15px 15px 15px;
}

.top_page_header_icon .map img{
	width:25px;
}

.top_page_header_icon .sns a{
	padding:16px 16px 16px 16px;
}

.top_page_header_icon .sns img{
	width:23px;
}

}

@media screen and (max-width:1600px){

.top_page_header_icon{
	width:120px;
}

.top_page_header_icon .map a{
	padding:15px 15px 15px 15px;
}

.top_page_header_icon .map img{
	width:25px;
}

.top_page_header_icon .sns a{
	padding:16px 16px 16px 16px;
}

.top_page_header_icon .sns img{
	width:23px;
}

}

@media screen and (max-width:1280px){

.top_page_header_icon{
	width:110px;
}

.top_page_header_icon .map a{
	padding:13px 13px 13px 13px;
}

.top_page_header_icon .map img{
	width:24px;
}

.top_page_header_icon .sns a{
	padding:14px 14px 14px 14px;
}

.top_page_header_icon .sns img{
	width:22px;
}

}

@media all and (max-width:960px), print{

.top_page_header_icon{
	width:108px;
}

.top_page_header_icon .map a{
	padding:13px 13px 13px 13px;
}

.top_page_header_icon .map img{
	width:23px;
}

.top_page_header_icon .map .icon_pc{
	display:block;
}

.top_page_header_icon .map .icon_sp{
	display:none;
}

.top_page_header_icon .sns a{
	padding:14px 14px 14px 14px;
}

.top_page_header_icon .sns img{
	width:21px;
}

.top_page_header_icon .sns .icon_pc{
	display:block;
}

.top_page_header_icon .sns .icon_sp{
	display:none;
}

}

@media screen and (max-width:640px){

.top_page_header_icon{
	width:101px;
}

.top_page_header_icon .map a{
	padding:13px 13px 13px 13px;
	background-color:rgba(230,140,150,1.0);
}

.top_page_header_icon .map img{
	width:22px;
}

.top_page_header_icon .map .icon_pc{
	display:none;
}

.top_page_header_icon .map .icon_sp{
	display:block;
}

.top_page_header_icon .sns a{
	padding:14px 14px 14px 14px;
	background-color:rgba(230,140,150,1.0);
}

.top_page_header_icon .sns img{
	width:20px;
}

.top_page_header_icon .sns .icon_pc{
	display:none;
}

.top_page_header_icon .sns .icon_sp{
	display:block;
}

}

@media screen and (max-width:480px){

.top_page_header_icon{
	width:48px;
}

.top_page_header_icon .map{
	display:none;
}

}


/*-- MAIN IMAGE --*/

#top_page_main_img_area{
	position:relative;
	padding:35px 35px 35px 35px;
	z-index:25;
}

#top_page_main_img{
	margin:0px auto 0px auto;
	max-width:1850px;
	height:1000px;
	background-image:url(../images/top_page/main_img.webp);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	/* radius */
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}

.top_page_main_img_title{
	position:absolute;
	top:21.5%;
	left:0px;
	right:0px;
	margin:0px auto 0px auto;
	width:100%;
	font-size:325%;
	line-height:200%;
	font-family:"Shippori Mincho B1", serif;
	letter-spacing:0.2em;
	color:rgba(37,35,33,1.0);
	font-weight:400;
	z-index:10;
	/* 中央寄せ */
	display:flex;
	display:-webkit-flex;
	align-items:center;
	/* 縦表示 */
	-webkit-writing-mode:vertical-rl;
	    -ms-writing-mode:tb-rl;
	        writing-mode:vertical-rl;
}

@media screen and (max-width:1920px){

#top_page_main_img{
	height:0px;
	padding-top:calc(1000 / 1850 * 100%);
}

.top_page_main_img_title{
	top:21.5%;
	font-size:2.75vw;
}

}

@media screen and (max-width:1280px){

#top_page_main_img_area{
	padding:25px 25px 25px 25px;
}

#top_page_main_img{
	height:0px;
	padding-top:calc(1120 / 1850 * 100%);
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

.top_page_main_img_title{
	top:17.5%;
	font-size:3.5vw;
}

}

@media all and (max-width:960px), print{

#top_page_main_img_area{
	padding:15px 15px 15px 15px;
}

#top_page_main_img{
	height:0px;
	padding-top:calc(1440 / 1850 * 100%);
	background-size:115% auto;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.top_page_main_img_title{
	top:21.5%;
	font-size:4.25vw;
}

}

@media screen and (max-width:640px){

#top_page_main_img_area{
	padding:80px 15px 15px 15px;
}

#top_page_main_img{
	padding-top:calc(1920 / 1850 * 100%);
	background-size:130% auto;
}

.top_page_main_img_title{
	top:25.5%;
	font-size:5.75vw;
}

}

@media screen and (max-width:480px){

.top_page_main_img_title{
	top:27.5%;
	font-size:6.25vw;
}

}


/*=========================================*/
/* BACKGROUND */
/*=========================================*/


/*-- BACKGROUND --*/

#top_page_bg_flame{
	position:relative;
	background-color:rgba(245,215,155,1.0);
}

#top_page_bg_flame::before{
	position:absolute;
	top:-375px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../images/common/common_contents_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 1600px;
	content:'';
	z-index:1;
}

@media screen and (max-width:1920px){

#top_page_bg_flame::before{
	top:-25%;
	background-size:100% auto;
}

}

@media screen and (max-width:1760px){

#top_page_bg_flame::before{
	top:-22.5%;
}

}

@media screen and (max-width:1600px){

#top_page_bg_flame::before{
	top:-20%;
}

}

@media screen and (max-width:1440px){

#top_page_bg_flame::before{
	top:-17.5%;
}

}

@media screen and (max-width:1280px){

#top_page_bg_flame::before{
	top:-15%;
}

}

@media screen and (max-width:1120px){

#top_page_bg_flame::before{
	top:-12.5%;
}

}

@media all and (max-width:960px), print{

#top_page_bg_flame::before{
	top:-10%;
	background-size:100% auto;
}

}

@media screen and (max-width:800px){

#top_page_bg_flame::before{
	top:-7.5%;
}

}

@media screen and (max-width:640px){

#top_page_bg_flame::before{
	top:-5%;
}

}


/*=========================================*/
/* TOPICS */
/*=========================================*/


/*-- BACKGROUND --*/

#top_page_topics_area{
	position:relative;
	margin:65px 0px 100px 0px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	overflow:hidden;
	z-index:10;
}

#top_page_topics_title_area{
	position:relative;
	width:670px;
}

#top_page_topics_title_flame{
	position:relative;
	padding:0px 105px 0px 105px;
}

#top_page_topics_bnr_flame{
	position:relative;
	width:100%;
	flex:1;
	overflow:hidden;
}

@media screen and (max-width:1920px){

#top_page_topics_title_area{
	width:640px;
}

#top_page_topics_title_flame{
	padding:0px 95px 0px 95px;
}

}

@media screen and (max-width:1760px){

#top_page_topics_title_area{
	width:610px;
}

#top_page_topics_title_flame{
	padding:0px 85px 0px 85px;
}

}

@media screen and (max-width:1600px){

#top_page_topics_title_area{
	width:580px;
}

#top_page_topics_title_flame{
	padding:0px 75px 0px 75px;
}

}

@media screen and (max-width:1440px){

#top_page_topics_title_area{
	width:550px;
}

#top_page_topics_title_flame{
	padding:0px 65px 0px 65px;
}

}

@media screen and (max-width:1280px){

#top_page_topics_area{
	margin:50px 0px 75px 0px;
	display:block;
}

#top_page_topics_title_area{
	width:100%;
}

#top_page_topics_title_flame{
	padding:0px 55px 0px 55px;
}

}

@media all and (max-width:960px), print{

#top_page_topics_area{
	margin:35px 0px 50px 0px;
	display:block;
}

#top_page_topics_title_area{
	width:100%;
}

#top_page_topics_title_flame{
	padding:0px 45px 0px 45px;
}

}

@media screen and (max-width:640px){

#top_page_topics_title_flame{
	padding:0px 35px 0px 35px;
}

}

@media screen and (max-width:480px){

#top_page_topics_title_flame{
	padding:0px 25px 0px 25px;
}

}


/*-- TITLE --*/

.top_page_topics_title{
	padding:0px 0px 35px 0px;
	font-size:287.5%;
	line-height:150%;
	font-family:Shuei NijimiMGo B, "Noto Sans JP", sans-serif;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

@media screen and (max-width:1440px){

.top_page_topics_title{
	font-size:262.5%;
}

}

@media screen and (max-width:1280px){

.top_page_topics_title{
	padding:0px 0px 30px 0px;
	font-size:237.5%;
}

}

@media all and (max-width:960px), print{

.top_page_topics_title{
	padding:0px 0px 25px 0px;
	font-size:212.5%;
}

}

@media screen and (max-width:640px){

.top_page_topics_title{
	padding:0px 0px 20px 0px;
	font-size:187.5%;
}

}

@media screen and (max-width:480px){

.top_page_topics_title{
	font-size:162.5%;
}

}

@media screen and (max-width:375px){

.top_page_topics_title{
	font-size:137.5%;
}

}


/*-- CATEGORY --*/

.top_page_category_area{
	position:relative;
	padding:0px 0px 95px 0px;
	display:flex;
	flex-wrap:wrap;
}

.top_page_category_area .category{
	margin:0px 8px 8px 0px;
}

.top_page_category_area .category a{
	padding:10px 25px 10px 25px;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	font-size:100%;
	line-height:125%;
	color:rgba(37,35,33,1.0);
	font-weight:600;
	display:block;
	transition:0.25s ease-out;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.top_page_category_area .category a:hover{
	background-color:rgba(37,35,33,1.0);
	border:1px solid rgba(37,35,33,1.0);
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.top_page_category_area .category a:link{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_category_area .category a:visited{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_category_area .category a:hover{ color:rgba(255,255,255,1.0); text-decoration:none; }
.top_page_category_area .category a:active{ color:rgba(255,255,255,1.0); text-decoration:none; }

@media screen and (max-width:1440px){

.top_page_category_area{
	padding:0px 0px 75px 0px;
}

.top_page_category_area .category{
	margin:0px 7px 7px 0px;
}

.top_page_category_area .category a{
	padding:9px 23px 9px 23px;
	font-size:93.75%;
}

}

@media screen and (max-width:1280px){

.top_page_category_area{
	padding:0px 0px 25px 0px;
}

.top_page_category_area .category{
	margin:0px 6px 6px 0px;
}

.top_page_category_area .category a{
	padding:8px 21px 8px 21px;
	font-size:87.5%;
}

}

@media all and (max-width:960px), print{

.top_page_category_area{
	padding:0px 0px 20px 0px;
}

.top_page_category_area .category{
	margin:0px 5px 5px 0px;
}

.top_page_category_area .category a{
	padding:7px 19px 7px 19px;
	font-size:81.25%;
}

.top_page_category_area .category a:hover{
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(175,175,175,1.0);
}

.top_page_category_area .category a:hover{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_category_area .category a:active{ color:rgba(37,35,33,1.0); text-decoration:none; }

}

@media screen and (max-width:640px){

.top_page_category_area{
	padding:0px 0px 15px 0px;
}

.top_page_category_area .category{
	margin:0px 4px 4px 0px;
}

.top_page_category_area .category a{
	padding:6px 17px 6px 17px;
	font-size:75%;
}

}


/*-- NAV --*/

.top_page_topics_nav{
	position:relative;
	width:320px;
}

.top_page_topics_nav a{
	position:relative;
	padding:0px 100px 0px 35px;
	background-color:rgba(37,35,33,1.0);
	background-image:url(../images/icon/icon_m_arrow_black.svg);
	background-repeat:no-repeat;
	background-position:right 35px center;
	background-size:auto 30px;
	font-size:112.5%;
	line-height:70px;
	letter-spacing:-0.01em;
	color:rgba(255,255,255,1.0);
	font-weight:700;
	transition:0.25s ease-out;
	display:block;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.top_page_topics_nav a:hover{
	background-color:rgba(17,15,13,1.0);
}

.top_page_topics_nav a:link{ color:rgba(255,255,255,1.0); text-decoration:none; }
.top_page_topics_nav a:visited{ color:rgba(255,255,255,1.0); text-decoration:none; }
.top_page_topics_nav a:hover{ color:rgba(255,255,255,1.0); text-decoration:none; }
.top_page_topics_nav a:active{ color:rgba(255,255,255,1.0); text-decoration:none; }

@media screen and (max-width:1440px){

.top_page_topics_nav{
	width:300px;
}

.top_page_topics_nav a{
	padding:0px 85px 0px 30px;
	background-position:right 30px center;
	background-size:auto 25px;
	font-size:100%;
	line-height:65px;
}

}

@media screen and (max-width:1280px){

.top_page_topics_nav{
	position:absolute;
	top:5px;
	right:55px;
	width:200px;
}

.top_page_topics_nav a{
	padding:0px 70px 0px 25px;
	background-position:right 25px center;
	background-size:auto 20px;
	font-size:87.5%;
	line-height:50px;
}

}

@media all and (max-width:960px), print{

.top_page_topics_nav{
	position:absolute;
	top:5px;
	right:45px;
	width:160px;
}

.top_page_topics_nav a{
	padding:0px 67px 0px 25px;
	background-position:right 25px center;
	background-size:auto 17px;
	font-size:81.25%;
	line-height:45px;
	transition:0s ease-out;
}

.top_page_topics_nav a:hover{
	background-color:rgba(37,35,33,1.0);
}

}

@media screen and (max-width:640px){

.top_page_topics_nav{
	top:4px;
	right:35px;
	width:120px;
}

.top_page_topics_nav a{
	padding:0px 56px 0px 20px;
	background-position:right 20px center;
	background-size:auto 16px;
	line-height:40px;
}

.top_page_topics_nav a span{
	display:none;
}

}

@media screen and (max-width:480px){

.top_page_topics_nav{
	top:3px;
	right:25px;
	width:100px;
}

.top_page_topics_nav a{
	padding:0px 51px 0px 18px;
	background-position:right 18px center;
	background-size:auto 15px;
	font-size:75%;
	line-height:35px;
}

}

@media screen and (max-width:375px){

.top_page_topics_nav{
	top:0px;
	width:80px;
}

.top_page_topics_nav a{
	padding:0px 30px 0px 15px;
	background-position:right 15px center;
}

}


/*-- SWIPER SET --*/

.top_page_topics_bnr_inner{
	position:relative;
	width:100%;
}

.top_page_topics_bnr_area{
	padding:0px 105px 0px 0px;
	overflow:visible;
}

.top_page_topics_bnr_area .swiper{
	overflow:visible;
	padding:0px 0px 75px 0px;
}

.top_page_topics_bnr_area .topics_bnr_swiper_list{
	position:relative;
	width:max-content;
	width:-webkit-max-content;
	width:-moz-max-content;
	text-decoration:none;
	transition:0.25s ease-out;
}

.top_page_topics_bnr_area .topics_bnr_swiper_list a{
	text-decoration:none;
}

@media screen and (max-width:1920px){

.top_page_topics_bnr_area{
	padding:0px 95px 0px 0px;
}

}

@media screen and (max-width:1760px){

.top_page_topics_bnr_area{
	padding:0px 85px 0px 0px;
}

}

@media screen and (max-width:1600px){

.top_page_topics_bnr_area{
	padding:0px 75px 0px 0px;
}

}

@media screen and (max-width:1440px){

.top_page_topics_bnr_area{
	padding:0px 65px 0px 0px;
}

}

@media screen and (max-width:1280px){

.top_page_topics_bnr_area{
	padding:0px 45px 0px 45px;
}

.top_page_topics_bnr_area .swiper{
	padding:0px 0px 60px 0px;
}

}

@media all and (max-width:960px), print{

.top_page_topics_bnr_area{
	padding:0px 35px 0px 35px;
}

.top_page_topics_bnr_area .swiper{
	padding:0px 0px 45px 0px;
}

.top_page_topics_bnr_area .topics_bnr_swiper_list{
	transition:0s ease-out;
}

}

@media screen and (max-width:640px){

.top_page_topics_bnr_area{
	padding:0px 25px 0px 25px;
}

}

@media screen and (max-width:480px){

.top_page_topics_bnr_area{
	padding:0px 15px 0px 15px;
}

}


/*-- SWIPER LIST --*/

.topics_bnr_swiper_list .list_box{
	position:relative;
	margin:0px 10px 0px 10px;
	width:360px;
}

.topics_bnr_swiper_list .list_box .img_box{
	position:relative;
	width:100%;
	overflow:hidden;
	/* radius */
	-webkit-border-top-left-radius:10px;
	   -moz-border-top-left-radius:10px;
	        border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	   -moz-border-top-right-radius:10px;
	        border-top-right-radius:10px;
}

.topics_bnr_swiper_list .list_box .img_box .img{
	position:relative;
	width:100%;
	padding-top:65%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:0.25s ease-out;
}

.topics_bnr_swiper_list a:hover .list_box .img_box .img{
	transform:scale(1.05,1.05);
}

.topics_bnr_swiper_list .list_box .text_box{
	position:relative;
	width:100%;
	height:210px;
	background-color:rgba(255,255,255,1.0);
	/* radius */
	-webkit-border-bottom-left-radius:10px;
	   -moz-border-bottom-left-radius:10px;
	        border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	   -moz-border-bottom-right-radius:10px;
	        border-bottom-right-radius:10px;
}

.topics_bnr_swiper_list .list_box .text_box .date{
	position:relative;
	padding:25px 30px 10px 30px;
	font-size:112.5%;
	line-height:150%;
	color:rgba(37,35,33,1.0);
	font-weight:500;
	text-align:left;
}

.topics_bnr_swiper_list .list_box .text_box .new::before{
	position:absolute;
	top:25px;
	right:30px;
	padding:4px 12px 4px 12px;
	background-color:rgba(200,0,0,1.0);
	font-size:75%;
	line-height:125%;
	color:rgba(255,255,255,1.0);
	font-weight:500;
	content:'NEW';
	z-index:1;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.topics_bnr_swiper_list .list_box .text_box .text{
	position:relative;
	padding:0px 30px 0px 30px;
	font-size:112.5%;
	line-height:175%;
	color:rgba(37,35,33,1.0);
	font-weight:500;
}

/* 文字数制限 */
.topics_bnr_swiper_list .list_box .text_box .text p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.topics_bnr_swiper_list .list_box .text_box .cate{
	position:absolute;
	bottom:30px;
	left:30px;
}

.topics_bnr_swiper_list .list_box .text_box .cate p{
	padding:5px 20px 5px 20px;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	font-size:87.5%;
	line-height:125%;
	color:rgba(37,35,33,1.0);
	font-weight:600;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

@media screen and (max-width:1600px){

.topics_bnr_swiper_list .list_box{
	margin:0px 9px 0px 9px;
	width:320px;
}

.topics_bnr_swiper_list .list_box .text_box{
	height:200px;
}

.topics_bnr_swiper_list .list_box .text_box .date{
	padding:25px 25px 8px 25px;
	font-size:106.25%;
}

.topics_bnr_swiper_list .list_box .text_box .new::before{
	right:25px;
}

.topics_bnr_swiper_list .list_box .text_box .text{
	padding:0px 25px 0px 25px;
	font-size:106.25%;
}

.topics_bnr_swiper_list .list_box .text_box .cate{
	bottom:25px;
	left:25px;
}

.topics_bnr_swiper_list .list_box .text_box .cate p{
	padding:5px 18px 5px 18px;
	font-size:81.25%;
}

}

@media screen and (max-width:1280px){

.topics_bnr_swiper_list .list_box{
	margin:0px 8px 0px 8px;
	width:280px;
}

.topics_bnr_swiper_list .list_box .img_box{
	/* radius */
	-webkit-border-top-left-radius:9px;
	   -moz-border-top-left-radius:9px;
	        border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	   -moz-border-top-right-radius:9px;
	        border-top-right-radius:9px;
}

.topics_bnr_swiper_list .list_box .text_box{
	height:190px;
	/* radius */
	-webkit-border-bottom-left-radius:9px;
	   -moz-border-bottom-left-radius:9px;
	        border-bottom-left-radius:9px;
	-webkit-border-bottom-right-radius:9px;
	   -moz-border-bottom-right-radius:9px;
	        border-bottom-right-radius:9px;
}

.topics_bnr_swiper_list .list_box .text_box .date{
	font-size:100%;
}

.topics_bnr_swiper_list .list_box .text_box .new::before{
	right:25px;
}

.topics_bnr_swiper_list .list_box .text_box .text{
	font-size:100%;
}

}

@media all and (max-width:960px), print{

.topics_bnr_swiper_list .list_box{
	margin:0px 7px 0px 7px;
	width:240px;
}

.topics_bnr_swiper_list .list_box .img_box{
	overflow:hidden;
	/* radius */
	-webkit-border-top-left-radius:8px;
	   -moz-border-top-left-radius:8px;
	        border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	   -moz-border-top-right-radius:8px;
	        border-top-right-radius:8px;
}

.topics_bnr_swiper_list .list_box .img_box .img{
	transition:0s ease-out;
}

.topics_bnr_swiper_list a:hover .list_box .img_box .img{
	transform:scale(1.0,1.0);
}

.topics_bnr_swiper_list .list_box .text_box{
	height:170px;
	/* radius */
	-webkit-border-bottom-left-radius:8px;
	   -moz-border-bottom-left-radius:8px;
	        border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	   -moz-border-bottom-right-radius:8px;
	        border-bottom-right-radius:8px;
}

.topics_bnr_swiper_list .list_box .text_box .date{
	padding:20px 20px 6px 20px;
	font-size:93.75%;
}

.topics_bnr_swiper_list .list_box .text_box .new::before{
	top:20px;
	right:20px;
	padding:3px 11px 3px 11px;
}

.topics_bnr_swiper_list .list_box .text_box .text{
	padding:0px 20px 0px 20px;
	font-size:93.75%;
}

.topics_bnr_swiper_list .list_box .text_box .cate{
	bottom:20px;
	left:20px;
}

.topics_bnr_swiper_list .list_box .text_box .cate p{
	padding:4px 16px 4px 16px;
	font-size:75%;
}

}

@media screen and (max-width:480px){

.topics_bnr_swiper_list .list_box{
	margin:0px 6px 0px 6px;
	width:220px;
}

.topics_bnr_swiper_list .list_box .text_box{
	height:160px;
}

.topics_bnr_swiper_list .list_box .text_box .date{
	padding:20px 15px 6px 15px;
	font-size:87.5%;
}

.topics_bnr_swiper_list .list_box .text_box .new::before{
	top:20px;
	right:15px;
}

.topics_bnr_swiper_list .list_box .text_box .text{
	padding:0px 15px 0px 15px;
	font-size:87.5%;
}

.topics_bnr_swiper_list .list_box .text_box .cate{
	bottom:15px;
	left:15px;
}

}


/*-- SCROLL BAR --*/

.top_page_topics_bnr_area .swiper-scrollbar{
	background:var(--swiper-scrollbar-bg-color, rgba(255,255,255,0.75));
}

.top_page_topics_bnr_area .swiper-scrollbar-drag{
	background:var(--swiper-scrollbar-drag-bg-color, rgba(37,35,33,1.0));
}


/*=========================================*/
/* FACILITY */
/*=========================================*/


/*-- BACKGROUND --*/

#top_page_facility_area{
	position:relative;
	overflow:hidden;
	z-index:10;
}

#top_page_facility_flame{
	position:relative;
	width:calc(( 100% - 16.66666% ) / 1);
}

.top_page_facility_bg{
	position:absolute;
	top:0px;
	left:0px;
	width:83.33333%;
	height:100%;
	background-color:rgba(255,255,255,1.0);
	overflow:hidden;
	/* radius */
	-webkit-border-top-right-radius:20px;
	   -moz-border-top-right-radius:20px;
	        border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	   -moz-border-bottom-right-radius:20px;
	        border-bottom-right-radius:20px;
}

@media screen and (max-width:1760px){

#top_page_facility_flame{
	width:calc(( 100% - 11.25% ) / 1);
}

.top_page_facility_bg{
	width:88.75%;
}

}

@media screen and (max-width:1600px){

#top_page_facility_flame{
	width:calc(( 100% - 125px ) / 1);
}

.top_page_facility_bg{
	width:calc(( 100% - 125px ) / 1);
	background-size:100% auto;
}

}

@media screen and (max-width:1440px){

#top_page_facility_flame{
	width:calc(( 100% - 100px ) / 1);
}

.top_page_facility_bg{
	width:calc(( 100% - 100px ) / 1);
	background-size:100% auto;
}

}

@media screen and (max-width:1280px){

#top_page_facility_flame{
	width:calc(( 100% - 85px ) / 1);
}

.top_page_facility_bg{
	width:calc(( 100% - 85px ) / 1);
	background-size:100% auto;
	/* radius */
	-webkit-border-top-right-radius:15px;
	   -moz-border-top-right-radius:15px;
	        border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	   -moz-border-bottom-right-radius:15px;
	        border-bottom-right-radius:15px;
}

}

@media all and (max-width:960px), print{

#top_page_facility_flame{
	width:calc(( 100% - 70px ) / 1);
}

.top_page_facility_bg{
	width:calc(( 100% - 70px ) / 1);
	background-size:100% auto;
	/* radius */
	-webkit-border-top-right-radius:10px;
	   -moz-border-top-right-radius:10px;
	        border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	   -moz-border-bottom-right-radius:10px;
	        border-bottom-right-radius:10px;
}

}

@media screen and (max-width:640px){

#top_page_facility_flame{
	width:calc(( 100% - 55px ) / 1);
}

.top_page_facility_bg{
	width:calc(( 100% - 55px ) / 1);
}

}

@media screen and (max-width:480px){

#top_page_facility_flame{
	width:calc(( 100% - 40px ) / 1);
}

.top_page_facility_bg{
	width:calc(( 100% - 40px ) / 1);
}

}


/*-- CATCH --*/

.top_page_facility_catch{
	position:relative;
	margin:0px auto 0px auto;
	padding:65px 105px 35px 105px;
	z-index:10;
}

.top_page_facility_catch .title{
	padding:0px 0px 14px 0px;
	font-size:287.5%;
	line-height:150%;
	font-family:Shuei NijimiMGo B, "Noto Sans JP", sans-serif;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

.top_page_facility_catch .catch{
	font-size:112.5%;
	line-height:200%;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

@media screen and (max-width:1760px){

.top_page_facility_catch{
	padding:65px 85px 35px 85px;
}

}

@media screen and (max-width:1440px){

.top_page_facility_catch{
	padding:65px 75px 35px 75px;
}

.top_page_facility_catch .title{
	font-size:262.5%;
}

.top_page_facility_catch .catch{
	font-size:106.25%;
}

}

@media screen and (max-width:1280px){

.top_page_facility_catch{
	padding:55px 65px 30px 65px;
}

.top_page_facility_catch .title{
	padding:0px 0px 12px 0px;
	font-size:237.5%;
}

.top_page_facility_catch .catch{
	font-size:100%;
}

}

@media all and (max-width:960px), print{

.top_page_facility_catch{
	padding:45px 55px 25px 55px;
}

.top_page_facility_catch .title{
	padding:0px 0px 10px 0px;
	font-size:212.5%;
}

.top_page_facility_catch .catch{
	font-size:93.75%;
}

.top_page_facility_catch .catch br{
	display:none;
}

}

@media screen and (max-width:640px){

.top_page_facility_catch{
	padding:45px 45px 25px 45px;
}

.top_page_facility_catch .title{
	font-size:187.5%;
}

.top_page_facility_catch .catch{
	font-size:87.5%;
	line-height:187.5%;
}

}

@media screen and (max-width:480px){

.top_page_facility_catch{
	padding:45px 35px 25px 35px;
}

.top_page_facility_catch .title{
	font-size:162.5%;
}

}

@media screen and (max-width:375px){

.top_page_facility_catch{
	padding:45px 25px 25px 25px;
}

.top_page_facility_catch .title{
	font-size:137.5%;
}

}


/*-- SWIPER SET --*/

.top_page_facility_bnr_inner{
	position:relative;
	width:100%;
}

.top_page_facility_bnr_area{
	padding:0px 105px 85px 105px;
	overflow:visible;
}

.top_page_facility_bnr_area .swiper{
	overflow:visible;
	padding:0px 0px 75px 0px;
}

.top_page_facility_bnr_area .facility_bnr_swiper_list{
	position:relative;
	width:max-content;
	width:-webkit-max-content;
	width:-moz-max-content;
	text-decoration:none;
	transition:0.25s ease-out;
}

.top_page_facility_bnr_area .facility_bnr_swiper_list a{
	text-decoration:none;
}

@media screen and (max-width:1760px){

.top_page_facility_bnr_area{
	padding:0px 85px 85px 85px;
}

}

@media screen and (max-width:1440px){

.top_page_facility_bnr_area{
	padding:0px 75px 85px 75px;
}

}

@media screen and (max-width:1280px){

.top_page_facility_bnr_area{
	padding:0px 65px 70px 65px;
}

.top_page_facility_bnr_area .swiper{
	padding:0px 0px 60px 0px;
}

}

@media all and (max-width:960px), print{

.top_page_facility_bnr_area{
	padding:0px 55px 65px 55px;
}

.top_page_facility_bnr_area .swiper{
	padding:0px 0px 45px 0px;
}

.top_page_facility_bnr_area .facility_bnr_swiper_list{
	transition:0s ease-out;
}

}

@media screen and (max-width:640px){

.top_page_facility_bnr_area{
	padding:0px 45px 50px 45px;
}

}

@media screen and (max-width:480px){

.top_page_facility_bnr_area{
	padding:0px 35px 45px 35px;
}

}

@media screen and (max-width:375px){

.top_page_facility_bnr_area{
	padding:0px 25px 40px 25px;
}

}


/*-- SWIPER LIST --*/

.facility_bnr_swiper_list .list_box{
	position:relative;
	margin:0px 20px 0px 0px;
	width:300px;
}

.facility_bnr_swiper_list .list_box .img_box{
	position:relative;
	width:100%;
	overflow:hidden;
	/* radius */
	-webkit-border-top-left-radius:10px;
	   -moz-border-top-left-radius:10px;
	        border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	   -moz-border-top-right-radius:10px;
	        border-top-right-radius:10px;
}

.facility_bnr_swiper_list .list_box .img_box .img{
	position:relative;
	width:100%;
	padding-top:80%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:0.25s ease-out;
}

.facility_bnr_swiper_list a:hover .list_box .img_box .img{
	transform:scale(1.05,1.05);
}

.facility_bnr_swiper_list .list_box .text_box{
	position:relative;
	width:100%;
	height:320px;
	background-color:rgba(230,140,150,1.0);
	/* radius */
	-webkit-border-bottom-left-radius:10px;
	   -moz-border-bottom-left-radius:10px;
	        border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	   -moz-border-bottom-right-radius:10px;
	        border-bottom-right-radius:10px;
}

.facility_bnr_swiper_list .list_box .text_box .title{
	position:relative;
	padding:45px 15px 15px 15px;
	font-size:150%;
	line-height:150%;
	color:rgba(255,255,255,1.0);
	font-weight:600;
	text-align:center;
}

.facility_bnr_swiper_list .list_box .text_box .text{
	position:relative;
	padding:0px 25px 0px 25px;
	font-size:100%;
	line-height:175%;
	color:rgba(255,255,255,1.0);
	font-weight:500;
	/* 両端揃え */
	text-align:justify;
	text-justify:inter-ideograph;
}

/* 文字数制限 */
.facility_bnr_swiper_list .list_box .text_box .text p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}

.facility_bnr_swiper_list .list_box .text_box .icon{
	position:absolute;
	bottom:35px;
	left:0px;
	right:0px;
	margin:auto;
	width:30px;
	height:30px;
}

.facility_bnr_swiper_list .list_box .text_box .icon img{
	width:30px;
	height:30px;
}

@media screen and (max-width:1280px){

.facility_bnr_swiper_list .list_box{
	margin:0px 15px 0px 0px;
	width:280px;
}

.facility_bnr_swiper_list .list_box .img_box{
	/* radius */
	-webkit-border-top-left-radius:9px;
	   -moz-border-top-left-radius:9px;
	        border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	   -moz-border-top-right-radius:9px;
	        border-top-right-radius:9px;
}

.facility_bnr_swiper_list .list_box .text_box{
	height:300px;
	/* radius */
	-webkit-border-bottom-left-radius:9px;
	   -moz-border-bottom-left-radius:9px;
	        border-bottom-left-radius:9px;
	-webkit-border-bottom-right-radius:9px;
	   -moz-border-bottom-right-radius:9px;
	        border-bottom-right-radius:9px;
}

.facility_bnr_swiper_list .list_box .text_box .title{
	padding:40px 13px 13px 13px;
	font-size:137.5%;
}

.facility_bnr_swiper_list .list_box .text_box .text{
	padding:0px 20px 0px 20px;
	font-size:93.75%;
}

.facility_bnr_swiper_list .list_box .text_box .icon{
	bottom:30px;
	width:28px;
	height:28px;
}

.facility_bnr_swiper_list .list_box .text_box .icon img{
	width:28px;
	height:28px;
}

}

@media all and (max-width:960px), print{

.facility_bnr_swiper_list .list_box{
	margin:0px 10px 0px 0px;
	width:260px;
}

.facility_bnr_swiper_list .list_box .img_box{
	/* radius */
	-webkit-border-top-left-radius:8px;
	   -moz-border-top-left-radius:8px;
	        border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	   -moz-border-top-right-radius:8px;
	        border-top-right-radius:8px;
}

.facility_bnr_swiper_list .list_box .img_box .img{
	transition:0s ease-out;
}

.facility_bnr_swiper_list a:hover .list_box .img_box .img{
	transform:scale(1.0,1.0);
}

.facility_bnr_swiper_list .list_box .text_box{
	height:280px;
	/* radius */
	-webkit-border-bottom-left-radius:8px;
	   -moz-border-bottom-left-radius:8px;
	        border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	   -moz-border-bottom-right-radius:8px;
	        border-bottom-right-radius:8px;
}

.facility_bnr_swiper_list .list_box .text_box .title{
	padding:35px 11px 11px 11px;
	font-size:125%;
}

.facility_bnr_swiper_list .list_box .text_box .text{
	padding:0px 15px 0px 15px;
	font-size:87.5%;
}

.facility_bnr_swiper_list .list_box .text_box .icon{
	bottom:25px;
	width:26px;
	height:26px;
}

.facility_bnr_swiper_list .list_box .text_box .icon img{
	width:26px;
	height:26px;
}

}

@media screen and (max-width:640px){

.facility_bnr_swiper_list .list_box{
	width:240px;
}

.facility_bnr_swiper_list .list_box .text_box{
	height:260px;
}

.facility_bnr_swiper_list .list_box .text_box .title{
	padding:30px 10px 10px 10px;
	font-size:112.5%;
}

.facility_bnr_swiper_list .list_box .text_box .text{
	font-size:81.25%;
}

.facility_bnr_swiper_list .list_box .text_box .icon{
	bottom:20px;
	width:24px;
	height:24px;
}

.facility_bnr_swiper_list .list_box .text_box .icon img{
	width:24px;
	height:24px;
}

}

@media screen and (max-width:375px){

.facility_bnr_swiper_list .list_box{
	width:200px;
}

.facility_bnr_swiper_list .list_box .text_box{
	height:240px;
}

.facility_bnr_swiper_list .list_box .text_box .title{
	padding:25px 10px 10px 10px;
	font-size:100%;
}

}


/*-- SCROLL BAR --*/

.top_page_facility_bnr_area .swiper-scrollbar{
	background:var(--swiper-scrollbar-bg-color, rgba(0,0,0,0.25));
}

.top_page_facility_bnr_area .swiper-scrollbar-drag{
	background:var(--swiper-scrollbar-drag-bg-color, rgba(230,140,150,1.0));
}


/*=========================================*/
/* PHILOSOPHY */
/*=========================================*/


/*-- BACKGROUND --*/

#top_page_philosophy_area{
	position:relative;
	overflow:hidden;
}

#top_page_philosophy_area::before{
	position:absolute;
	top:-315px;
	left:0px;
	width:100%;
	height:650px;
	background-image:url(../images/top_page/philosophy_bg_wave.gif);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% 650px;
	content:'';
	z-index:1;
}

@media screen and (max-width:1920px){

#top_page_philosophy_area::before{
	top:-285px;
	background-size:100% auto;
}

}

@media screen and (max-width:1760px){

#top_page_philosophy_area::before{
	top:-255px;
}

}

@media screen and (max-width:1600px){

#top_page_philosophy_area::before{
	top:-220px;
}

}

@media screen and (max-width:1440px){

#top_page_philosophy_area::before{
	top:-190px;
}

}

@media screen and (max-width:1280px){

#top_page_philosophy_area::before{
	top:-155px;
}

}

@media screen and (max-width:1120px){

#top_page_philosophy_area::before{
	top:-125px;
}

}

@media all and (max-width:960px), print{

#top_page_philosophy_area::before{
	top:-90px;
	background-size:100% auto;
}

}

@media screen and (max-width:800px){

#top_page_philosophy_area::before{
	top:-60px;
}

}

@media screen and (max-width:640px){

#top_page_philosophy_area::before{
	top:-25px;
}

}


/*-- TEXT --*/

.top_page_philosophy_text_area{
	position:relative;
	padding:125px 35px 65px 35px;
	z-index:10;
}

.top_page_philosophy_text_area .title{
	padding:0px 0px 45px 0px;
	font-size:287.5%;
	line-height:150%;
	font-family:Shuei NijimiMGo B, "Noto Sans JP", sans-serif;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:center;
}

.top_page_philosophy_text_area .text{
	padding:0px 0px 25px 0px;
	font-size:137.5%;
	line-height:200%;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:center;
}

.top_page_philosophy_text_area .text .text_br{
	display:none;
}

@media screen and (max-width:1600px){

.top_page_philosophy_text_area{
	padding:115px 35px 55px 35px;
}

.top_page_philosophy_text_area .title{
	padding:0px 0px 40px 0px;
	font-size:262.5%;
}

.top_page_philosophy_text_area .text{
	padding:0px 0px 24px 0px;
	font-size:131.25%;
}

}

@media screen and (max-width:1280px){

.top_page_philosophy_text_area{
	padding:105px 25px 45px 25px;
}

.top_page_philosophy_text_area .title{
	padding:0px 0px 35px 0px;
	font-size:237.5%;
}

.top_page_philosophy_text_area .text{
	padding:0px 0px 23px 0px;
	font-size:125%;
	line-height:195%;
}

}

@media all and (max-width:960px), print{

.top_page_philosophy_text_area{
	padding:85px 15px 35px 15px;
}

.top_page_philosophy_text_area .title{
	padding:0px 0px 30px 0px;
	font-size:212.5%;
}

.top_page_philosophy_text_area .text{
	padding:0px 0px 22px 0px;
	font-size:112.5%;
	line-height:190%;
}

}

@media screen and (max-width:640px){

.top_page_philosophy_text_area{
	padding:75px 15px 25px 15px;
}

.top_page_philosophy_text_area .title{
	padding:0px 0px 25px 0px;
	font-size:187.5%;
}

.top_page_philosophy_text_area .text{
	padding:0px 0px 21px 0px;
	font-size:106.25%;
}

.top_page_philosophy_text_area .text .text_br{
	display:block;
}

}

@media screen and (max-width:480px){

.top_page_philosophy_text_area .title{
	font-size:162.5%;
}

.top_page_philosophy_text_area .text{
	font-size:100%;
}

}

@media screen and (max-width:375px){

.top_page_philosophy_text_area .title{
	font-size:137.5%;
}

.top_page_philosophy_text_area .text{
	font-size:93.75%;
}

}


/*-- NAV --*/

.top_page_philosophy_nav_area{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 35px 0px 35px;
	max-width:1280px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	z-index:10;
}

.top_page_philosophy_nav_area .nav{
	width:32%;
	border-bottom:1px solid rgba(230,140,150,1.0);
	box-sizing:border-box;
}

.top_page_philosophy_nav_area .nav a{
	padding:20px 55px 20px 10px;
	background-image:url(../images/icon/icon_m_arrow_pink.svg);
	background-repeat:no-repeat;
	background-position:right 10px center;
	background-size:auto 35px;
	font-size:137.5%;
	line-height:150%;
	color:rgba(37,35,33,1.0);
	font-weight:600;
	transition:0.25s ease-out;
	display:block;
}

.top_page_philosophy_nav_area .nav a br{
	display:none;
}

.top_page_philosophy_nav_area .nav a:link{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_philosophy_nav_area .nav a:visited{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_philosophy_nav_area .nav a:hover{ color:rgba(230,140,150,1.0); text-decoration:none; }
.top_page_philosophy_nav_area .nav a:active{ color:rgba(230,140,150,1.0); text-decoration:none; }

@media screen and (max-width:1280px){

.top_page_philosophy_nav_area{
	padding:0px 25px 0px 25px;
}

.top_page_philosophy_nav_area .nav a{
	padding:18px 50px 18px 10px;
	background-size:auto 30px;
	font-size:125%;
}

}

@media screen and (max-width:1120px){

.top_page_philosophy_nav_area{
	padding:0px 25px 0px 25px;
}

.top_page_philosophy_nav_area .nav a{
	padding:16px 50px 16px 10px;
}

.top_page_philosophy_nav_area .nav a br{
	display:block;
}

}

@media all and (max-width:960px), print{

.top_page_philosophy_nav_area{
	padding:0px 15px 0px 15px;
	max-width:768px;
}

.top_page_philosophy_nav_area .nav a{
	padding:14px 45px 14px 10px;
	background-size:auto 25px;
	font-size:112.5%;
	transition:0s ease-out;
}

.top_page_philosophy_nav_area .nav br{
	display:block;
}

.top_page_philosophy_nav_area .nav a:hover{ color:rgba(37,35,33,1.0); text-decoration:none; }
.top_page_philosophy_nav_area .nav a:active{ color:rgba(37,35,33,1.0); text-decoration:none; }

}

@media screen and (max-width:800px){

.top_page_philosophy_nav_area{
	max-width:480px;
}

.top_page_philosophy_nav_area .nav{
	margin:0px 0px 5px 0px;
	width:100%;
}

.top_page_philosophy_nav_area .nav a br{
	display:none;
}

}

@media screen and (max-width:640px){

.top_page_philosophy_nav_area{
	max-width:400px;
}

.top_page_philosophy_nav_area .nav a{
	padding:12px 40px 12px 10px;
	background-size:auto 20px;
	font-size:100%;
}

}

@media screen and (max-width:480px){

.top_page_philosophy_nav_area{
	max-width:320px;
}

}


/*-- MOVIE --*/

.top_page_philosophy_movie_area{
	position:relative;
	padding:100px 35px 130px 35px;
	overflow:hidden;
}

.top_page_philosophy_movie_area::before{
	position:absolute;
	bottom:75px;
	left:-50px;
	width:256px;
	height:256px;
	background-image:url(../images/top_page/philosophy_icon_left.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:256px auto;
	content:'';
	z-index:1;
}

.top_page_philosophy_movie_area::after{
	position:absolute;
	top:45px;
	right:-50px;
	width:256px;
	height:256px;
	background-image:url(../images/top_page/philosophy_icon_right.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:256px auto;
	content:'';
	z-index:1;
}

.top_page_philosophy_movie_flame{
	position:relative;
	margin:0px auto 0px auto;
	max-width:960px;
	z-index:10;
}

.top_page_philosophy_movie{
	position:relative;
	display:block;
}

.top_page_philosophy_movie .title{
	position:absolute;
	bottom:-35px;
	left:0px;
	right:0px;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
	width:480px;
	background-color:rgba(255,255,255,1.0);
	border:7px solid rgba(230,140,150,1.0);
	box-sizing:border-box;
	font-size:150%;
	line-height:150%;
	color:rgba(230,140,150,1.0);
	font-weight:700;
	text-align:center;
	text-decoration:none;
	transition:0.25s ease-out;
	z-index:1;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.top_page_philosophy_movie:hover .title{
	background-color:rgba(230,140,150,1.0);
	color:rgba(255,255,255,1.0);
}

.top_page_philosophy_movie .movie{
	width:100%;
	height:0px;
	padding-top:calc(540 / 960 * 100%);
	background-image:url(../images/top_page/philosophy_movie_img.webp);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border:7px solid rgba(230,140,150,1.0);
	box-sizing:border-box;
	/* radius */
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}

@media screen and (max-width:1280px){

.top_page_philosophy_movie_area{
	padding:85px 25px 115px 25px;
}

.top_page_philosophy_movie_area::before{
	bottom:65px;
	left:-35px;
	width:192px;
	height:192px;
	background-size:192px auto;
}

.top_page_philosophy_movie_area::after{
	top:35px;
	right:-35px;
	width:192px;
	height:192px;
	background-size:192px auto;
}

.top_page_philosophy_movie_flame{
	max-width:720px;
}

.top_page_philosophy_movie .title{
	bottom:-30px;
	padding:8px 0px 8px 0px;
	width:400px;
	border:6px solid rgba(230,140,150,1.0);
	font-size:137.5%;
}

.top_page_philosophy_movie .movie{
	padding-top:calc(580 / 960 * 100%);
	border:6px solid rgba(230,140,150,1.0);
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

}

@media all and (max-width:960px), print{

.top_page_philosophy_movie_area{
	padding:70px 15px 100px 15px;
}

.top_page_philosophy_movie_area::before{
	bottom:55px;
	left:-25px;
	width:128px;
	height:128px;
	background-size:128px auto;
}

.top_page_philosophy_movie_area::after{
	top:25px;
	right:-25px;
	width:128px;
	height:128px;
	background-size:128px auto;
}

.top_page_philosophy_movie_flame{
	max-width:640px;
}

.top_page_philosophy_movie .title{
	bottom:-25px;
	padding:6px 0px 6px 0px;
	width:360px;
	border:5px solid rgba(230,140,150,1.0);
	font-size:125%;
	transition:0s ease-out;
}

.top_page_philosophy_movie:hover .title{
	background-color:rgba(255,255,255,1.0);
	color:rgba(230,140,150,1.0);
}

.top_page_philosophy_movie .movie{
	padding-top:calc(620 / 960 * 100%);
	border:5px solid rgba(230,140,150,1.0);
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

}

@media screen and (max-width:640px){

.top_page_philosophy_movie_area{
	padding:55px 15px 85px 15px;
}

.top_page_philosophy_movie .title{
	bottom:-23px;
	width:320px;
	font-size:112.5%;
}

}

@media screen and (max-width:375px){

.top_page_philosophy_movie .title{
	bottom:-22px;
	width:280px;
	font-size:106.25%;
}

}


/*-- SWIPER SET --*/

.top_page_bnr_inner{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 25px 0px 25px;
	max-width:1440px;
}

.top_page_bnr_area{
	padding:0px 0px 115px 0px;
	overflow:hidden;
}

.top_page_bnr_area .swiper{
	overflow:visible;
	padding:0px 0px 45px 0px;
}

.top_page_bnr_area .bnr_swiper_list{
	position:relative;
	width:max-content;
	width:-webkit-max-content;
	width:-moz-max-content;
	text-decoration:none;
	transition:0.25s ease-out;
}

.top_page_bnr_area .bnr_swiper_list a{
	text-decoration:none;
}

@media screen and (max-width:1280px){

.top_page_bnr_area{
	padding:0px 0px 95px 0px;
}

.top_page_bnr_area .swiper{
	padding:0px 0px 35px 0px;
}

}

@media all and (max-width:960px), print{

.top_page_bnr_inner{
	padding:0px 15px 0px 15px;
}

.top_page_bnr_area{
	padding:0px 0px 75px 0px;
}

.top_page_bnr_area .swiper{
	padding:0px 0px 25px 0px;
}

.top_page_bnr_area .bnr_swiper_list{
	transition:0s ease-out;
}

}


/*-- SWIPER LIST --*/

.bnr_swiper_list .list_box{
	position:relative;
	width:480px;
}

.bnr_swiper_list .list_box .title_box{
	position:relative;
	margin:0px 25px 0px 25px;
}

.bnr_swiper_list .list_box .title_box .title{
	padding:15px 40px 15px 0px;
	background-image:url(../images/icon/icon_m_arrow_pink.svg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 30px;
	font-size:175%;
	line-height:150%;
	font-family:Shuei NijimiMGo B, "Noto Sans JP", sans-serif;
	color:rgba(37,35,33,1.0);
	font-weight:700;
}

.bnr_swiper_list .list_box .img_box{
	position:relative;
	margin:0px 15px 0px 15px;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.bnr_swiper_list .list_box .img_box .img{
	position:relative;
	width:100%;
	padding-top:66.66%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:0.25s ease-out;
}

.bnr_swiper_list a:hover .list_box .img_box .img{
	transform:scale(1.05,1.05);
}

.bnr_swiper_list .list_box .text_box{
	position:relative;
	margin:15px 25px 15px 25px;
}

.bnr_swiper_list .list_box .text_box .text{
	position:relative;
	font-size:112.5%;
	line-height:175%;
	color:rgba(37,35,33,1.0);
	font-weight:600;
	text-align:left;
}

@media screen and (max-width:1280px){

.bnr_swiper_list .list_box{
	width:440px;
}

.bnr_swiper_list .list_box .title_box{
	margin:0px 22px 0px 22px;
}

.bnr_swiper_list .list_box .title_box .title{
	padding:14px 38px 14px 0px;
	background-size:auto 28px;
	font-size:162.5%;
}

.bnr_swiper_list .list_box .img_box{
	margin:0px 12px 0px 12px;
}

.bnr_swiper_list .list_box .text_box{
	margin:14px 22px 14px 22px;
}

.bnr_swiper_list .list_box .text_box .text{
	font-size:106.25%;
}

}

@media all and (max-width:960px), print{

.bnr_swiper_list .list_box{
	width:400px;
}

.bnr_swiper_list .list_box .title_box{
	margin:0px 19px 0px 19px;
}

.bnr_swiper_list .list_box .title_box .title{
	padding:13px 36px 13px 0px;
	background-size:auto 26px;
	font-size:150%;
}

.bnr_swiper_list .list_box .img_box{
	margin:0px 9px 0px 9px;
	/* radius */
	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
}

.bnr_swiper_list .list_box .img_box .img{
	transition:0s ease-out;
}

.bnr_swiper_list a:hover .list_box .img_box .img{
	transform:scale(1.0,1.0);
}

.bnr_swiper_list .list_box .text_box{
	margin:13px 19px 13px 19px;
}

.bnr_swiper_list .list_box .text_box .text{
	font-size:100%;
}

}

@media screen and (max-width:640px){

.bnr_swiper_list .list_box{
	width:360px;
}

.bnr_swiper_list .list_box .title_box{
	margin:0px 15px 0px 15px;
}

.bnr_swiper_list .list_box .title_box .title{
	padding:10px 34px 10px 0px;
	background-size:auto 24px;
	font-size:137.5%;
}

.bnr_swiper_list .list_box .img_box{
	margin:0px 9px 0px 9px;
}

.bnr_swiper_list .list_box .text_box{
	margin:12px 15px 12px 15px;
}

.bnr_swiper_list .list_box .text_box .text{
	font-size:93.75%;
}

}

@media screen and (max-width:375px){

.bnr_swiper_list .list_box{
	width:320px;
}

.bnr_swiper_list .list_box .title_box .title{
	padding:10px 32px 10px 0px;
	background-size:auto 22px;
	font-size:131.25%;
}

.bnr_swiper_list .list_box .text_box .text{
	font-size:87.5%;
}

}


/*-- SCROLL BAR --*/

.top_page_bnr_area .swiper-scrollbar{
	background:var(--swiper-scrollbar-bg-color, rgba(0,0,0,0.25));
}

.top_page_bnr_area .swiper-scrollbar-drag{
	background:var(--swiper-scrollbar-drag-bg-color, rgba(37,35,33,1.0));
}


/*=========================================*/
/* INSTAGRAM */
/*=========================================*/


/*-- BACKGROUND --*/

#top_page_instagram_area{
	position:relative;
	margin:0px 0px 100px 0px;
	overflow:hidden;
}

.top_page_instagram_bg{
	position:absolute;
	top:0px;
	right:0px;
	width:83.33333%;
	height:100%;
	background-color:rgba(255,180,95,1.0);
	background-image:url(../images/top_page/instagram_bg_texture.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	background-size:1600px auto;
	overflow:hidden;
	/* radius */
	-webkit-border-top-left-radius:20px;
	   -moz-border-top-left-radius:20px;
	        border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	   -moz-border-bottom-left-radius:20px;
	        border-bottom-left-radius:20px;
}

@media screen and (max-width:1760px){

.top_page_instagram_bg{
	width:88.75%;
}

}

@media screen and (max-width:1600px){

.top_page_instagram_bg{
	width:calc(( 100% - 125px ) / 1);
	background-size:100% auto;
}

}

@media screen and (max-width:1440px){

.top_page_instagram_bg{
	width:calc(( 100% - 100px ) / 1);
	background-size:100% auto;
}

}

@media screen and (max-width:1280px){

#top_page_instagram_area{
	margin:0px 0px 75px 0px;
}

.top_page_instagram_bg{
	width:calc(( 100% - 85px ) / 1);
	background-size:100% auto;
	/* radius */
	-webkit-border-top-left-radius:15px;
	   -moz-border-top-left-radius:15px;
	        border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	   -moz-border-bottom-left-radius:15px;
	        border-bottom-left-radius:15px;
}

}

@media all and (max-width:960px), print{

#top_page_instagram_area{
	margin:0px 0px 50px 0px;
}

.top_page_instagram_bg{
	width:calc(( 100% - 70px ) / 1);
	background-size:100% auto;
	/* radius */
	-webkit-border-top-left-radius:10px;
	   -moz-border-top-left-radius:10px;
	        border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	   -moz-border-bottom-left-radius:10px;
	        border-bottom-left-radius:10px;
}

}

@media screen and (max-width:640px){

.top_page_instagram_bg{
	width:calc(( 100% - 55px ) / 1);
}

}

@media screen and (max-width:480px){

.top_page_instagram_bg{
	width:calc(( 100% - 40px ) / 1);
}

}


/*-- CATCH --*/

.top_page_instagram_catch{
	position:relative;
	margin:0px auto 0px auto;
	padding:65px 0px 35px 0px;
	max-width:56.25%;
	z-index:10;
}

.top_page_instagram_catch .instagram_icon{
	position:absolute;
	top:65px;
	right:0px;
	width:60px;
	height:60px;
}

.top_page_instagram_catch .instagram_icon a{
	padding:17px 17px 17px 17px;
	background-color:rgba(255,255,255,1.0);
	display:block;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.top_page_instagram_catch .instagram_icon img{
	width:26px;
}

.top_page_instagram_catch .title{
	padding:0px 0px 14px 0px;
	font-size:287.5%;
	line-height:150%;
	font-family:Shuei NijimiMGo B, "Noto Sans JP", sans-serif;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

.top_page_instagram_catch .catch{
	font-size:112.5%;
	line-height:200%;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

@media screen and (max-width:1760px){

.top_page_instagram_catch{
	max-width:66.66666%;
}

}

@media screen and (max-width:1440px){

.top_page_instagram_catch{
	padding:65px 100px 35px 200px;
	max-width:100%;
}

.top_page_instagram_catch .instagram_icon{
	top:65px;
	right:100px;
	width:55px;
	height:55px;
}

.top_page_instagram_catch .instagram_icon a{
	padding:16px 16px 16px 16px;
}

.top_page_instagram_catch .instagram_icon img{
	width:23px;
}

.top_page_instagram_catch .title{
	font-size:262.5%;
}

.top_page_instagram_catch .catch{
	font-size:106.25%;
}

}

@media screen and (max-width:1280px){

.top_page_instagram_catch{
	padding:55px 85px 30px 170px;
}

.top_page_instagram_catch .instagram_icon{
	top:55px;
	right:85px;
}

.top_page_instagram_catch .title{
	padding:0px 0px 12px 0px;
	font-size:237.5%;
}

.top_page_instagram_catch .catch{
	font-size:100%;
}

}

@media all and (max-width:960px), print{

.top_page_instagram_catch{
	padding:45px 70px 25px 140px;
	max-width:100%;
}

.top_page_instagram_catch .instagram_icon{
	top:25px;
	right:25px;
	width:55px;
	height:55px;
}

.top_page_instagram_catch .instagram_icon a{
	padding:16px 16px 16px 16px;
}

.top_page_instagram_catch .instagram_icon img{
	width:23px;
}

.top_page_instagram_catch .title{
	padding:0px 0px 10px 0px;
	font-size:212.5%;
}

.top_page_instagram_catch .title span{
	display:none;
}

.top_page_instagram_catch .catch{
	font-size:93.75%;
}

.top_page_instagram_catch .catch br{
	display:none;
}

}

@media screen and (max-width:640px){

.top_page_instagram_catch{
	padding:45px 55px 25px 110px;
}

.top_page_instagram_catch .instagram_icon{
	top:20px;
	right:20px;
}

.top_page_instagram_catch .title{
	font-size:187.5%;
}

.top_page_instagram_catch .catch{
	font-size:87.5%;
	line-height:187.5%;
}

}

@media screen and (max-width:480px){

.top_page_instagram_catch{
	padding:45px 40px 25px 80px;
}

.top_page_instagram_catch .instagram_icon{
	top:15px;
	right:15px;
}

.top_page_instagram_catch .title{
	font-size:162.5%;
}

}

@media screen and (max-width:375px){

.top_page_instagram_catch{
	padding:45px 25px 25px 65px;
}

.top_page_instagram_catch .title{
	font-size:137.5%;
}

}


/*-- IMAGE --*/

.top_page_instagram_img{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 35px 85px 35px;
	max-width:1440px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	z-index:10;
}

.top_page_instagram_img .img{
	position:relative;
	width:19.4%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.top_page_instagram_img .img:last-child{
	display:none;
}

.top_page_instagram_img .img a{
	position:relative;
	width:100%;
	padding-top:100%;
	display:block;
}

@media screen and (max-width:1280px){

.top_page_instagram_img{
	padding:0px 25px 70px 25px;
	max-width:960px;
}

.top_page_instagram_img .img{
	margin:0% 0% 1% 0%;
	width:32.63333%;
}

.top_page_instagram_img .img:last-child{
	display:block;
}

}

@media all and (max-width:960px), print{

.top_page_instagram_img{
	padding:0px 15px 55px 15px;
	max-width:540px;
}

.top_page_instagram_img .img{
	margin:0% 0% 1.6% 0%;
	width:49.25%;
}

.top_page_instagram_img .img:last-child{
	display:block;
}

}


/*=========================================*/
/* RECRUIT */
/*=========================================*/


/*-- BACKGROUND --*/

#top_page_recruit_area{
	position:relative;
	margin:0px 0px 100px 0px;
	overflow:hidden;
}

.top_page_recruit_bg{
	position:absolute;
	top:0px;
	left:0px;
	width:83.33333%;
	height:100%;
	background-color:rgba(110,220,210,1.0);
	background-image:url(../images/top_page/recruit_bg_texture.jpg);
	background-repeat:repeat-y;
	background-position:right top;
	background-size:1600px auto;
	overflow:hidden;
	/* radius */
	-webkit-border-top-right-radius:20px;
	   -moz-border-top-right-radius:20px;
	        border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	   -moz-border-bottom-right-radius:20px;
	        border-bottom-right-radius:20px;
}

@media screen and (max-width:1760px){

.top_page_recruit_bg{
	width:88.75%;
}

}

@media screen and (max-width:1600px){

.top_page_recruit_bg{
	width:calc(( 100% - 125px ) / 1);
	background-size:100% auto;
}

}

@media screen and (max-width:1440px){

.top_page_recruit_bg{
	width:calc(( 100% - 100px ) / 1);
	background-size:100% auto;
}

}

@media screen and (max-width:1280px){

#top_page_recruit_area{
	margin:0px 0px 75px 0px;
}

.top_page_recruit_bg{
	width:calc(( 100% - 85px ) / 1);
	background-size:100% auto;
	/* radius */
	-webkit-border-top-right-radius:15px;
	   -moz-border-top-right-radius:15px;
	        border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	   -moz-border-bottom-right-radius:15px;
	        border-bottom-right-radius:15px;
}

}

@media all and (max-width:960px), print{

#top_page_recruit_area{
	margin:0px 0px 50px 0px;
}

.top_page_recruit_bg{
	width:calc(( 100% - 70px ) / 1);
	background-size:100% auto;
	/* radius */
	-webkit-border-top-right-radius:10px;
	   -moz-border-top-right-radius:10px;
	        border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	   -moz-border-bottom-right-radius:10px;
	        border-bottom-right-radius:10px;
}

}

@media screen and (max-width:640px){

.top_page_recruit_bg{
	width:calc(( 100% - 55px ) / 1);
}

}

@media screen and (max-width:480px){

.top_page_recruit_bg{
	width:calc(( 100% - 40px ) / 1);
}

}


/*-- CATCH --*/

.top_page_recruit_catch{
	position:relative;
	margin:0px auto 0px auto;
	padding:65px 0px 35px 0px;
	max-width:56.25%;
	z-index:10;
}

.top_page_recruit_catch .title{
	padding:0px 0px 14px 0px;
	font-size:287.5%;
	line-height:150%;
	font-family:Shuei NijimiMGo B, "Noto Sans JP", sans-serif;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

.top_page_recruit_catch .catch{
	font-size:112.5%;
	line-height:200%;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

@media screen and (max-width:1760px){

.top_page_recruit_catch{
	max-width:66.66666%;
}

}

@media screen and (max-width:1440px){

.top_page_recruit_catch{
	padding:65px 200px 35px 100px;
	max-width:100%;
}

.top_page_recruit_catch .title{
	font-size:262.5%;
}

.top_page_recruit_catch .catch{
	font-size:106.25%;
}

}

@media screen and (max-width:1280px){

.top_page_recruit_catch{
	padding:55px 170px 30px 85px;
}

.top_page_recruit_catch .title{
	padding:0px 0px 12px 0px;
	font-size:237.5%;
}

.top_page_recruit_catch .catch{
	font-size:100%;
}

}

@media all and (max-width:960px), print{

.top_page_recruit_catch{
	padding:45px 140px 25px 70px;
	max-width:100%;
}

.top_page_recruit_catch .title{
	padding:0px 0px 10px 0px;
	font-size:212.5%;
}

.top_page_recruit_catch .catch{
	font-size:93.75%;
}

.top_page_recruit_catch .catch br{
	display:none;
}

}

@media screen and (max-width:640px){

.top_page_recruit_catch{
	padding:45px 110px 25px 55px;
}

.top_page_recruit_catch .title{
	font-size:187.5%;
}

.top_page_recruit_catch .catch{
	font-size:87.5%;
	line-height:187.5%;
}

}

@media screen and (max-width:480px){

.top_page_recruit_catch{
	padding:45px 80px 25px 40px;
}

.top_page_recruit_catch .title{
	font-size:162.5%;
}

}

@media screen and (max-width:375px){

.top_page_recruit_catch{
	padding:45px 65px 25px 25px;
}

.top_page_recruit_catch .title{
	font-size:137.5%;
}

}


/*-- BANNER --*/

.top_page_recruit_bnr{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 35px 85px 35px;
	max-width:1440px;
	z-index:10;
}

.top_page_recruit_bnr a{
	position:relative;
	width:100%;
	height:360px;
	background-color:rgba(255,255,255,1.0);
	background-image:url(../images/top_page/recruit_bnr_img.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 360px;
	display:block;
	/* radius */
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}

.top_page_recruit_bnr .catch{
	position:relative;
	padding:0px 0px 0px 170px;
	height:360px;
	background-image:url(../images/icon/icon_b_arrow_green.svg);
	background-repeat:no-repeat;
	background-position:left 50px center;
	background-size:70px auto;
	display:flex;
	align-items:center;
}

.top_page_recruit_bnr .catch img{
	width:480px;
}

@media screen and (max-width:1280px){

.top_page_recruit_bnr{
	padding:0px 25px 70px 25px;
}

.top_page_recruit_bnr a{
	background-position:right -50px center;
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

.top_page_recruit_bnr .catch{
	padding:0px 0px 0px 140px;
	background-position:left 40px center;
	background-size:60px auto;
}

.top_page_recruit_bnr .catch img{
	width:440px;
}

}

@media screen and (max-width:1120px){

.top_page_recruit_bnr a{
	background-position:right -100px center;
}

.top_page_recruit_bnr .catch{
	padding:0px 0px 0px 110px;
	background-position:left 30px center;
	background-size:50px auto;
}

.top_page_recruit_bnr .catch img{
	width:400px;
}

}

@media all and (max-width:960px), print{

.top_page_recruit_bnr{
	padding:0px 15px 55px 15px;
}

.top_page_recruit_bnr a{
	background-position:right -135px center;
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.top_page_recruit_bnr .catch{
	padding:0px 0px 0px 35px;
	background-image:none;
}

.top_page_recruit_bnr .catch img{
	width:320px;
}

}

@media screen and (max-width:640px){

.top_page_recruit_bnr a{
	height:320px;
	background-position:right -140px center;
	background-size:auto 320px;
}

.top_page_recruit_bnr .catch{
	padding:0px 0px 0px 5%;
	height:320px;
}

.top_page_recruit_bnr .catch img{
	width:50%;
}

}

@media screen and (max-width:480px){

.top_page_recruit_bnr a{
	height:280px;
	background-position:right -145px center;
	background-size:auto 280px;
}

.top_page_recruit_bnr .catch{
	height:280px;
}

}

@media screen and (max-width:375px){

.top_page_recruit_bnr a{
	height:240px;
	background-position:right -125px center;
	background-size:auto 240px;
}

.top_page_recruit_bnr .catch{
	height:240px;
}

}

