@charset "UTF-8";

/* CSS Document */

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

	alert

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

.alert {
	padding: 0 20px;
	margin-bottom: 40px;
}
.alert .inner {
	border: 3px solid #e6295a;
	padding: 30px;
}
.alert .sub {
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.alert .sub br {
	display: none;
}
.alert .main {
	font-size: 150%;
	font-weight: 400;
	color: #e6295a;
}

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

	atari_news

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

.atari_news {
	padding: 0;
}
.atari_news .pc {
	display: none;
}

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

	svg-container

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

#svg-container {
	width: 100px;
	height: 100px;
	text-align: center;
	position: fixed;
	top:0;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	display: none;
}
#svg-snap {
	position: relative;
	width: 100%;
}
.svg_contents {
	position: relative;
	width: 100%;
	min-height: 200px;
	display: block;
}

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

	wp_main

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

.main_ph {
	width: 100%;
	height: 100vh;
	position: relative;
	margin-bottom: 40px;
}
.main_ph .inner {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.main_ph #slide {
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
}
.main_ph .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: table;
}
/*.main_ph .text p {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	height: 100%;
	padding-left: 5%;
	font-family: 'Rubik', sans-serif;
	font-size: 200%;
	line-height: 1.25em;
}*/
.main_ph .text p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
	font-family: 'Rubik', sans-serif;
	font-size: 250%;
	line-height: 1.25em;
}
.main_ph .text p span {
	display: block;
	font-size: 30%;
	font-weight: 100;
	font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	width: 100%;
}
.main_ph .scroll {
	display: none;
}

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

	wp_news

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

.wp_news {
	position: relative;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto 40px;
}
.wp_news .inner {
	width: 100%;
	position: relative;
	padding: 0 160px 0 0;
}
.wp_news .inner .news_ttl {
	width: 100%;
}
.wp_news .inner .list {
	width: 100%;
	margin-bottom: 20px;
}
.wp_news .inner .list .cell {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.wp_news .inner .list .cell .date {
	font-size: 90%;
	font-family: 'Rubik', sans-serif;
	color: #999;
}
.wp_news .inner .list .cell .ttl {
	font-weight: 400;
	font-size: 100%;
}
.wp_news .inner .list .cell p {
	font-size: 90%;
	text-align: justify;
	margin-bottom: 10px;
}
.wp_news .inner .list .cell .text_btn_area {
	text-align: right;
}
.wp_news .btn_area {
	width: 100%;
	text-align: center;
}
.wp_news .wp_instagram {
	width: 120px;
	height: 980px;
	overflow: scroll;
	position: absolute;
	top: 0;
	right: 0;
}
.wp_news .wp_instagram>.inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fffed2;
	padding: 10px;
}
.wp_news .inst_ttl {
	position: absolute;
	top: -30px;
	right: 0;
	width: 120px;
	z-index: 1;
}
.wp_news .inst_ttl a {
	display: block;
	cursor: pointer;
}
.wp_news .wp_instagram .inner .inst_text {
	display: none;
}

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

	wp_business_ph

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

.wp_business_ph {
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}
.wp_business_ph .out_ph {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 80%;
}
.wp_business_ph .outframe {
	margin-bottom: 80px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}
.wp_business_ph .line {
	width: 100%;
	height: 80px;
	background: #f5f36d;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: -1;
}
.wp_business_ph .inner {
	position: relative;
	text-align: right;
	padding-top: 100px;
}
.wp_business_ph .inner .ph {
	width: 60%;
	float: right;
}
.wp_business_ph .inner .tegaki {
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 2;
	width: 80%;
	padding-left: 5%;
}
.wp_business_ph .inner .tegaki img {
	width: 100%;
}
.wp_business_ph .inner .ph {
	position: relative;
	z-index: 2;
}

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

	wp_business

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

.wp_business {
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 100px;
}
.wp_business .main_text {
	width: 100%;
	margin: 0 0 40px 0;
}
.wp_business ul {
	width: 100%;
}
.wp_business ul li {
	width: 100%;
	display: table;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.wp_business ul li .ph {
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.wp_business ul li .text {
	display: table-cell;
	width: 70%;
	vertical-align: top;
	padding-left: 20px;
}
.wp_business ul li .ph img {
	width: 100%;
}
.wp_business ul li .text .mds {
	font-weight: 400;
	font-size: 110%;
	margin-bottom: 10px;
}
.wp_business ul li .text p {
	font-size: 90%;
	margin-bottom: 10px;
}
.wp_business .btn_area {
	width: 100%;
	text-align: center;
}

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

	wp_persons

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

.wp_persons {
	width: 100%;
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}
.wp_persons .line {
	width: 100%;
	height: 160px;
	background: #f5f36d;
	position: absolute;
	top: 200px;
	left: 0;
	z-index: -1;
}
.wp_persons .inner {
	position: relative;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}
.wp_persons .inner .ph {
	width: 100%;
	margin-bottom: 20px;
}
.wp_persons .inner .ph img {
	width: 100%;
}
.wp_persons .inner .text {
	width: 100%;
}
.wp_persons .inner .text p {
	margin-bottom: 20px;
}
.wp_persons .inner .tegaki {
	position: absolute;
	top: -10%;
	right: 0;
	padding-left: 5%;
	width: 80%;
}
.wp_persons .inner .tegaki img {
	width: 100%;
}
.wp_persons .inner .btn_area {
	width: 100%;
	text-align: center;
}
.wp_persons .inner .comminsoon {
	width: 100%;
	text-align: center;
}
.wp_persons .inner .comminsoon p {
	display: inline-block;
	padding: .7em 6em;
	background-color: #fff;
	border: 1px solid #1e9344;
	color: #1e9344;
	text-align: center;
	font-family: 'Rubik', sans-serif;
	margin: 0 auto;
}

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

	wp_instagram

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

.wp_instagram {
	padding-bottom: 40px;
}
.wp_instagram .inner {
	position: relative;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}