/*=== 共通 =====================================================================*/
*{
	margin				:0;
	padding				:0;
}
	
html{
	font-size			:10px;
}
	
body{
	margin				:0;
	padding				:0;
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
	background			:#fff;
	overflow-x			:hidden;
}
	
#owner_dashboard{
	background			:#1f222e!important;
}

body.no-scroll {
  overflow: hidden;
}
	
p{
	margin				:0;
	padding				:0;
	color					:#1f222e;
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}
input{
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}
button{
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}
select{
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}

/*■レスポンシブル*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese');
@media screen and (max-width: 414px)
{
	body
	{
		font-family			:‘Noto Serif JP’, serif;
		background			:#f8f6f1;
	}

	p
	{
		font-family			:‘Noto Serif JP’, serif;
	}
	input
	{
		font-family			:‘Noto Serif JP’, serif;
	}
	button
	{
		font-family			:‘Noto Serif JP’, serif;
	}
	select
	{
		font-family			:‘Noto Serif JP’, serif;
	}
}

/*=== カラム設定 ==============================================================*/
.pageOutline{
	width					:100%;
	display				:flex;
	background			:#f8f6f1;
}
.mainColumn{
	flex					:1;
	width					:80%;

}
.saidColumn{
	width					:20%;
	height				:100vh;
	position				:sticky;
	top					:0;
	right					:0;
	background			:#f8f6f1;
	box-sizing			:border-box;
	padding-top			:1rem;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.mainColumn
	{
		width					:100%;
	}
	.saidColumn
	{
		display				:none;
	}
}

/*==============================================================================*/


/*=== ヘッダー =================================================================*/
header{
	width				:100%;
	margin-bottom	:2rem;
}
	
header h2{
	width				:100%;
	text-align		:center;
	font-size		:5rem;
	line-height		:1;
	padding			:5rem 1rem;
	box-sizing		:border-box;
}
.ikonText{
	margin-top		:-3rem;
	margin-left		:-9rem;
}
.ikonText p{
	color				:#f8f6f1;
	text-shadow: 
        -1px -1px 0 #ddd,  /* 左上 */
         1px -1px 0 #ddd,  /* 右上 */
        -1px  1px 0 #ddd,  /* 左下 */
         1px  1px 0 #ddd;  /* 右下 */
	font-size		:15rem;
	font-weight		:900;
	line-height		:1;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	header
	{
		margin-top		:2rem;
		margin-bottom	:0;
	}
	
	header h2
	{
		font-size		:1.6rem;
		line-height		:1.5;
		margin-top		:4rem;
	}
	.ikonText
	{
		margin-top		:-2rem;
		margin-left		:-2rem;
	}
	.ikonText p
	{
		font-size		:3rem;
	}	
}

/*==============================================================================*/

	
/*=== パンくずリスト ===========================================================*/
#breadcrumb{
	display				:flex;
	list-style-type	:none;
	padding-left		:0;
   margin				:0;
	color					:#1f222e;
	font-size			:1.6rem;
	overflow-x			:scroll;
	padding				:0 1rem;
	box-sizing			:border-box;
	justify-content	:center;
}
#breadcrumb li{
	padding-right		:1rem;
	flex-shrink			:0;
}
#breadcrumb a{
	text-Decoration	:none;
	color					:#1f222e;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	#breadcrumb
	{
		font-size		:1.4rem;
	}
}
	
/*==============================================================================*/

	
/*=== サイドカラム =============================================================*/
.topBtn{
	text-Decoration	:none;
}
.saidColumnLogo{
	width					:40%;
	margin				:0 30%;
}
.saidColumn h1{
	font-size			:1.6rem;
	line-height			:1.1;
	text-align			:center;
	font-weight			:400;
	margin-bottom		:3rem;
	color					:#1f222e;
}
.saidColumn h1 span{
	font-size			:2em;
	font-weight			:900;
	color					:#1f222e;
}

.saidColumnLinkBtn{
	position				:relative;
	width					:80%;
	margin				:0 10%;
	border-radius		:10px;
	overflow				:hidden;
	background-image	:url('https://syokutsu.adpentas.com/material/top/見出しボディ.png');
	margin-bottom		:1rem;
}
.saidColumnLinkBtn a{
	position				:absolute;
	inset					:0;
}

.saidColumnLinkBtn_inner{
	display				:flex;
	width					:100%;
}
.saidColumnLinkBtn_text{
	flex					:1;
	font-size			:2rem;
	font-weight			:900;
	color					:#f8f6f1;
	border-right		:1px dashed #f8f6f1;
	display				:flex;
  	align-items			:center;
	letter-spacing		:10px;
	margin				:10px 0;
	padding-left		:3rem;
}
.saidColumnLinkBtn_ikon{
	width					:20%;
	aspect-ratio		:1 / 1;
	margin				:10px 0;
}
.saidColumnLinkBtn_ikon img{
	margin				:25%;
	width					:50%;
}

.otherLinkArea{
	display				:flex;
	width					:80%;
	margin				:0 10%;
}
.otherLinkBtn{
	display				:block;
	width					:calc(calc(100% / 2) - 0.5rem);
	position				:relative;
	overflow				:hidden;
	background-image	:url('https://syokutsu.adpentas.com/material/top/見出しボディ.png');
	border-radius		:10px;
}
.otherLinkBtn:nth-of-type(1){
	margin-right		:1rem;
}
.otherLinkBtn a{
	position				:absolute;
	inset					:0;
}
.otherLinkBtn_inner{
	display				:block;
	width					:100%;
	text-align			:center;
	box-sizing			:border-box;
	padding				:1rem 0;
}
.otherLinkBtn_img{
	display				:block;
	width					:100%;
}
.otherLinkBtn_img img{
	width					:3rem;
	height				:3rem;
}
.otherLinkBtn_text{
	display				:block;
	font-size			:1.6rem;
	color					:#f8f6f1;
}

.loginBtn{
	width					:80%;
	margin				:0 10%;
	margin-top			:1rem;
	border-radius		:10px;
	border				:1px solid #eb1c24;
	background			:#fff;
	position				:relative;
	text-align			:center;
	padding				:2rem 0;
}
.loginBtn a{
	position				:absolute;
	inset					:0;
}
.loginBtn p{
	color					:#eb1c24;
	font-size			:2rem;
}

.CompanyName{
	width					:80%;
	margin				:0 10%;
	margin-top			:1rem;
	margin-bottom		:2rem;
	text-align			:center;
	position				:relative;
}
.CompanyName a{
	position				:absolute;
	inset					:0;
}
.CompanyName p{
	color					:#eb1c24;
	font-size			:1.2rem;
	line-height			:1.1;
}

.mobile_menuBtn, .mobile_menuBody, .mobile_menussuScreen{
	display				:none;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.mobile_menuBtn
	{
		display				:block;
		position				:fixed;
		top					:0.5rem;
		left					:0.5rem;
		z-index				:999;
		background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
		border-radius		:50%;
		overflow				:hidden;
		width					:5rem;
		height				:5rem;
		padding				:1rem;
		box-sizing			:border-box;
		box-shadow			:2px 2px 4px #c8c8c8;
	}

	.mobile_menuBtn_inner
	{
		width					:100%;
		height				:100%;
		position				:relative;
	}

	.mobile_menuBtn_inner input
	{
		display				:none;
	}
	.mobile_menuBtn_inner label
	{
		display				:block;
		width					:100%;
		background			:#f8f6f1;
		height				:0.5rem;
		box-sizing			:border-box;
		border-radius		:10px;
		position				:absolute;
		top					:50%;
		left					:50%;
		transform			:translate(-50%, -50%);
	}
	.mobile_menuBtn_inner label:before, .mobile_menuBtn_inner label:after
	{
		content				:'';
		display				:block;
		width					:100%;
		background			:#f8f6f1;
		height				:0.5rem;
		box-sizing			:border-box;
		border-radius		:10px;
		position				:absolute;
		left					:50%;
		transform			:translateX(-50%);
	}
	.mobile_menuBtn_inner label:before
	{
		top					:-0.75rem;		
	}
	.mobile_menuBtn_inner label:after
	{
		bottom				:-0.75rem;
	}

	.mobile_menuBtn_inner input:checked + label
	{
		transform			:rotate(45deg) translate(-10px, 6px);
	}

	.mobile_menuBtn_inner input:checked + label:before
	{
		display				:none;
	}

	.mobile_menuBtn_inner input:checked + label:after
	{
		transform			:rotate(-90deg) translate(7px, -14.5px);
	}

	.mobile_menuBody
	{
		position				:fixed;
		top					:0;
		left					:0;
		width					:100vw;
		height				:100vh;
		overflow-y			:scroll;
		background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
		z-index				:998;
		padding-top			:6rem;
	}

	.mobile_menuBody_Active, .mobile_menussuScreen_Active
	{
		display				:block;
	}
	
	.mobile_menussuScreen
	{
		position				:fixed;
		top					:0.5rem;
		left					:0.5rem;
		width					:1px;
		height				:1px;
		z-index				:1000;	
	}	
	.mobile_menussuScreen_Active:before
	{
		content				:'';
		background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
		display				:block;
		width					:0.5rem;
		height				:0.5rem;
		position				:fixed;
		top					:0.5rem;
		left					:0.5rem;
		transform			:translate(-50%, -50%);
		animation			:open_animation 0.5s linear forwards;
		z-index				:998;
		opacity				:1;
		border-radius		:50%;
	}

	.mobile_menuBody_loginBtn
	{
		position				:relative;
		width					:80%;
		margin				:0 10%;
		border-radius		:10px;
		overflow				:hidden;
		margin-bottom		:1rem;
		background			:#f8f6f1;
		text-align			:center;
		padding				:1rem 0;
	}
	.mobile_menuBody_loginBtn p
	{
		font-size			:2rem;
		font-weight			:900;
		color					:#eb1c24;
	}

	.mobile_menuBody_topikBoxArea
	{
		background			:none;
		padding				:1rem;
		border-radius		:10px;
		box-sizing			:border-box;
		border				:2px solid #f8f6f1;
		width					:80%;
		margin				:1rem 10%;
	}
	.mobile_menuBody_topikBox{
		display				:flex;
		width					:100%;
		margin-bottom		:1rem;
	}

	.mobile_menuBody_topikBox h2
	{
		width					:calc(100% - 7rem);
		font-size			:1.6rem;
		color					:#f8f6f1;
	}
	.mobile_menuBody_topikBox img
	{
		width					:5rem;
		height				:5rem;
		border-radius		:50%;
		margin				:1rem;
		
	}

	.mobile_menuBody_linkBtn
	{
		position				:relative;
		width					:80%;
		margin				:0 10%;
		border-radius		:10px;
		overflow				:hidden;
		background-image	:url('https://syokutsu.adpentas.com/material/top/見出しボディ_white.png');
		margin-bottom		:1rem;
	}

	.mobile_menuBody_linkBtn:nth-of-type(7)
	{
		margin-bottom		:10rem;
	}
		
	.mobile_menuBody_linkBtn a, .mobile_menuBody_loginBtn a, .mobile_menuBody_topikBox a
	{
		position				:absolute;
		inset					:0;
	}

	.mobile_menuBody_linkBtn_inner
	{
		display				:flex;
		width					:100%;
	}
	.mobile_menuBody_linkBtn_text
	{
		flex					:1;
		font-size			:2rem;
		font-weight			:900;
		color					:#eb1c24;
		border-right		:1px dashed #eb1c24;
		display				:flex;
  		align-items			:center;
		letter-spacing		:10px;
		margin				:10px 0;
		padding-left		:3rem;
	}
	.mobile_menuBody_linkBtn_ikon
	{
		width					:20%;
		aspect-ratio		:1 / 1;
		margin				:10px 0;
	}
	.mobile_menuBody_linkBtn_ikon img
	{
		margin				:25%;
		width					:50%;
	}

	.mobile_menuBody_linkBtn, .mobile_menuBody_loginBtn, .mobile_menuBody_topikBoxArea
	{
		opacity				:1;
		translate			:0;
		transition			:opacity 3s ease, translate 3s ease;
		@starting-style{
			opacity				:0;
			translate			:0 50px;
		}
	}

	
}

@keyframes open_animation
{
	0%
	{
		width					:0.5rem;
		height				:0.5rem;	
	}
	50%
	{
		width					:60%;
		height				:60%;
	}
	99%
	{
		width					:200%;
		height				:200%;
	}
	100%
	{
		display				:none;
	}
}

/*==============================================================================*/


/*=== フッター =================================================================*/
.footer{
	width					:100%;
	margin-top			:10rem;
}
.footerImage{
	width					:100%;
	aspect-ratio		:10 / 1;
	position				:relative;
	overflow				:hidden;
}
.footerImage h2{
	position				:absolute;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
	text-align			:center;
	color					:#fff;
	font-weight			:900;
	font-size			:3rem;
	line-height			:1.1;
	z-index				:2;
}
.footerImage_img{
	width					:100%;
	height				:100%;
	
	position				:relative;
}
.footerImage_img img{
	width					:100%;
	animation			:scroll-up 100s linear infinite;
	position				:absolute;
	bottom				:0;
	filter				:blur(2px);
}
.footerImage_img:after{
	position				:absolute;
	content				:"";
	top					:0;
	left					:0;
	width					:100%;
	height				:100%;
	background-color	:rgba(100, 100, 100, 0.5);
	background-image	:radial-gradient(#1f222e 20%, transparent 20%), radial-gradient(#1f222e 20%, transparent 20%);
	background-size	:6px 6px;
	background-position: 0 0, 3px 3px;
}
@keyframes scroll-up
{
	0%
	{
		transform: translateY(calc(3000px - 100vh));
	}

	100%
	{
		transform: translateY(0);
	}
}

.footerBody{
	width					:100%;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	padding				:10rem 0;
}
.footerBody_socialLinkArea{
	width					:fit-content;
	margin				:0 auto;
	display				:flex;
}
.footerBody_socialLink{
	width					:4rem;
	height				:4rem;
	position				:relative;
	margin-left			:2rem;
}
.footerBody_socialLink:nth-of-type(1){
	margin-left			:0;
}
	
.footerBody_socialLink a{
	position				:absolute;
	inset					:0;
}
.footerBody_socialLink img{
	width					:100%;
	height				:100%;
}

.footerBody_link{
	width					:fit-content;
	margin				:0 auto;
	margin-top			:3rem;
	display				:flex;
}
.footerBody_linkBox{
	position				:relative;
	margin-left			:1rem;
	border-left			:1px solid #fff;
	padding-left		:1rem;
}
.footerBody_linkBox:nth-of-type(1){
	margin-left			:0;
	border-left			:none;
	padding-left		:0;
}
.footerBody_linkBox a{
	position				:absolute;
	inset					:0;
}
.footerBody_linkBox p{
	font-size			:1.6rem;
	color					:#f8f6f1;
}

.footerOther{
	border-top			:1px solid #fff;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	padding				:5rem;
}
.footerOther:after{
	content				:"";
	display				:block;
	clear					:both;
}

.footerOther_linkBox{
	position				:relative;
	float					:left;
}
.footerOther_linkBox:last-child{
	float					:right;
}
.footerOther_linkBox a{
	position				:absolute;
	inset					:0;
}
.footerOther_linkBox p{
	font-size			:1.4rem;
	color					:#f8f6f1;
	padding-left		:1rem;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.footerImage
	{
		aspect-ratio		:16 / 9;
	}
	.footerImage h2
	{
		font-size			:1.6rem;
	}
}
	
/*==============================================================================*/


/*=== キャンペーン_ポップアップ ================================================*/
.topFixedBox_outer{
	position				:fixed;
	bottom				:0;
	left					:0;
	width					:100%;
	padding				:1rem;
	box-sizing			:border-box;
	z-index				:99;
	transform			:translateY(120%);
	transition			:.3s;
}

.topFixedBoxActive{
	transform			:translateY(0%);
	transition			:.3s;
}

.topFixedBox a{
	position				:absolute;
	inset					:0;
}

.topFixedBox{
	position				:relative;
	width					:100%;
	margin				:0;
	border-radius		:10px;
	overflow				:hidden;
	background-image	:url('https://syokutsu.adpentas.com/material/top/見出しボディ_black.png');
	margin-bottom		:1rem;
}


.topFixedBox_text{
	padding				:1rem 2rem;
	box-sizing			:border-box;
}
.topFixedBox_text p{
	text-align			:center;
	font-size			:1.6rem;
	font-weight			:900;
	color					:#f8f6f1;
}
	
/*==============================================================================*/


/*=== モーダルウィンドウ =======================================================*/
.modalWindow_outer{
	width					:100vw;
	height				:100vh;
	position				:fixed;
	top					:0;
	left					:0;
	background			:rgba(255,255,255,0.7);
	z-index				:99;
	display				:none;
}
.modalWindow_inner{
	width					:100%;
	height				:100%;
	position				:relative;
}
.modalWindow{
	position				:absolute;
	top					:40%;
	left					:50%;
	transform			:translate(-50%, -50%);
	width					:25%;
	background			:#f8f6f1;
	border-radius		:10px;
	box-shadow			:2px 2px 4px #c8c8c8;
	border				:1px solid #eee;
}
.modalWindow_index{
	width					:100%;
	text-align			:center;
	padding				:1rem 2rem;
	box-sizing			:border-box;
}
.modalWindow_index p{
	font-size			:2rem;
	font-weight			:900;
}
.modalWindow_img{
	width					:100%;
}
.modalWindow_img img{
	width					:100%;
	height				:auto;
}
.modalWindow_btnArea{
	width					:100%;
	padding				:0 2rem;
	padding-top			:1rem;
	box-sizing			:border-box;
}
.modalWindow_btnArea a{
	display				:block;
	width					:100%;
	border-radius		:10px;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	color					:#f8f6f1;
	text-align			:center;
	text-decoration	:none;
	font-size			:1.8rem;
	font-weight			:900;
	padding				:1rem 0;
	box-sizing			:border-box;
}
.modalWindow_btnArea button{
	width					:100%;
	font-size			:1.8rem;
	background			:none;
	border				:none;
	margin-top			:1rem;
	text-align			:center;
	padding				:1rem 0;
	color					:#1f222e;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.modalWindow
	{
		width					:70%;
	}
}
	
/*==============================================================================*/


/*=== メンテナンス =============================================================*/
#maintenance_page{
	width					:70%;
	margin				:0 15%;
	margin-top			:4rem;
}
#maintenance_page img{
	width					:40%;
	aspect-ratio		:1 / 1;
	margin				:0 30%;
	margin-bottom		:2rem;
}
#maintenance_page p span{
	display				:inline-block;
}
#maintenance_page p:nth-of-type(1){
	text-align			:center;
	font-size			:4rem;
	font-weight			:900;
}
#maintenance_page p:nth-of-type(2){
	text-align			:center;
	font-size			:2rem;
	font-weight			:900;
	color					:#888;
	margin-bottom		:3rem;
}
#maintenance_page p:nth-of-type(3){
	text-align			:center;
	font-size			:2rem;
}
#maintenance_page p:nth-of-type(4){
	text-align			:center;
	font-size			:2rem;
	margin-bottom		:3rem;
}
#maintenance_page p:nth-of-type(5){
	font-size			:2rem;
	font-weight			:900;
}
#maintenance_page p:nth-of-type(6){
	font-size			:2rem;
	font-weight			:900;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	#maintenance_page
	{
		width					:96%;
		margin				:0 2%;
		margin-top			:3rem;
	}
	#maintenance_page img
	{
		width					:40%;
		aspect-ratio		:1 / 1;
		margin				:0 30%;
		margin-bottom		:2rem;
	}
		
	#maintenance_page p:nth-of-type(1)
	{
		font-size			:2rem;
		font-weight			:900;
	}
	#maintenance_page p:nth-of-type(2)
	{
		font-size			:1.6rem;
	}
	#maintenance_page p:nth-of-type(3)
	{
		font-size			:1.4rem;
	}
	#maintenance_page p:nth-of-type(4)
	{
		font-size			:1.4rem;
	}
	#maintenance_page p:nth-of-type(5)
	{
		font-size			:1.4rem;
	}
	#maintenance_page p:nth-of-type(6)
	{
		font-size			:1.4rem;
	}
}
	
/*==============================================================================*/