@charset "utf-8";

/*
home CSS
*/

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 100;
}

#main {
	padding-top: 160px;
}

/*
topimage
*/
div#topimage {
	position: relative;
	width: 100%;
	background: #FFF;
	overflow: hidden;
}
div#topimage:before {
    content:"";
    display: block;
    padding-top: 34%;
}

#icondata1 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0px;
	background: url("../img/icondata1.png") repeat left top;
	opacity: 0.8;
	animation: icondata1 8s linear forwards;
}
#icondata2 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0px;
	background: url("../img/icondata2.png") repeat left top;
	opacity: 0.8;
	animation: icondata2 8s linear forwards;
}
#icondata3 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0px;
	background: url("../img/icondata3.png") repeat left top;
	opacity: 0.8;
	animation: icondata3 8s linear forwards;
}
@keyframes icondata1 {
	from { background-position: 0 0; }
    to { background-position: 0 -400px; }
}
@keyframes icondata2 {
	from { background-position: 0 0; }
    to { background-position: 0 -200px; }
}
@keyframes icondata3 {
	from { background-position: 0 0; }
    to { background-position: 0 -100px; }
}

#stage1 {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	animation: stage1 0.3s linear 6s forwards;
}
@keyframes stage1 {
	0% {
		opacity: 1;
	}
	99% {
		opacity: 0;
		transform: translateY(-50px);
	}
	100% {
		opacity: 0;
		display: none;
	}
}

#gai800 img {
	position: absolute;
	left: 50%;
	top: calc(50% - 70px);
	transform: translateY(-50%) translateX(-50%);
	opacity: 0;
	animation: gai800 0.3s linear 3s forwards;
}
@keyframes gai800 {
	from {
		opacity: 0;
		transform: translateY(-50%) translateX(-50%);
	}
	to {
		opacity: 1;
		transform: translateY(-100%) translateX(-50%);
	}
}

#slotarea {
	overflow: hidden;
	width: 931px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 1;
	transform: translateY(-50%) translateX(-50%);
}
.counter {
	width: 35px;
	height: 70px;
	background: url(../img/counter.png) repeat-y left top;
	overflow: hidden;
}
.c1 {
	animation: slot1 3s ease normal forwards;
}
.c2, .c7, .c12, .c17, .c22 {
	animation: slot2 3s ease-in-out reverse forwards;
}
.c3, .c8, .c13, .c18, .c23 {
	animation: slot3 3s ease-in normal forwards;
}
.c4, .c9, .c14, .c19 {
	animation: slot4 3s ease-out reverse forwards;
}
.c5, .c10, .c15, .c20 {
	animation: slot5 3s ease normal forwards;
}
.c6, .c11, .c16, .c21 {
	animation: slot6 3s linear reverse forwards;
}


.comma {
	width: 18px;
	height: 70px;
	margin-top: 10px;
	overflow: hidden;
}

@keyframes slot1 {
	from { background-position: 0 0; }
	to { background-position: 0 -560px; }
}
@keyframes slot2 {
	from { background-position: 0 0; }
	to { background-position: 0 -1050px; }
}
@keyframes slot3 {
	from { background-position: 0 -140px; }
	to { background-position: 0 -1400px; }
}
@keyframes slot4 {
	from { background-position: 0 0; }
	to { background-position: 0 -1750px; }
}
@keyframes slot5 {
	from { background-position: 0 -280px; }
	to { background-position: 0 -2100px; }
}
@keyframes slot6 {
	from { background-position: 0 0; }
	to { background-position: 0 -2030px; }
}
#keta {
	width: 931px;
	position: absolute;
	left: 50%;
	top: calc(50% + 60px);
	transform: translateY(-50%) translateX(-50%);
	color: #0F218B;
	font-size: 25px;
	font-weight: bolder;
}
#keta span {
	opacity: 0;
}
.gai {
	margin-left: 97px;
	animation: keta 0.2s linear 2.5s forwards;
}
.kyo {
	margin-left: 131px;
	animation: keta 0.2s linear 2.3s forwards;
}
.cho {
	margin-left: 131px;
	animation: keta 0.2s linear 2.1s forwards;
}
.oku {
	margin-left: 155px;
	animation: keta 0.2s linear 1.9s forwards;
}
.man {
	margin-left: 131px;
	animation: keta 0.2s linear 1.7s forwards;
}
@keyframes keta {
	from { opacity: 0; }
	to { opacity: 1; }
}


#stage2 {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#photoarea {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0;
	animation: photoarea 0.2s linear 8.7s forwards;
}
@keyframes photoarea {
	from { opacity: 0; }
	to { opacity: 0.4; }
}
.gridphoto {
	position: absolute;
	opacity: 0;
	background-color: #000;
	transform: translateY(50px);
	will-change: transform, opacity;
    overflow: hidden;
}
.gridphoto img,
#anime-logo1 img,
#anime-logo2 img {
	width: 100%;
}

#p03 img {
    margin-top: -21%;
}
#p05 img {
    margin-top: -8.5%;
}
#p07 img {
    margin-top: -9.5%;
}
#p08 img {
    margin-top: -9%;
}
#p01 {
	left: 0;
	top: 0;
	width: 34.375%;
    height: 57%;
	animation: gridphoto 0.1s linear 7.5s forwards;
}
#p02 {
	left: 34.375%;
	top: 0;
	width: 31.25%;
    height: 36%;
	animation: gridphoto 0.1s linear 7s forwards;
}
#p03 {
	left: 65.625%;
	top: 0;
	width: 17.1875%;
    height: 57%;
	animation: gridphoto 0.1s linear 7.6s forwards;
}
#p04 {
	left: 82.8125%;
	top: 0;
	width: 17.1875%;
    height: 57%;
	animation: gridphoto 0.1s linear 7.7s forwards;
}
#p05 {
	left: 0;
	top: 57%;
	width: 17.1875%;
    height: 43%;
	animation: gridphoto 0.1s linear 7.1s forwards;
}
#p06 {
	left: 17.1875%;
	top: 57%;
	width: 17.1875%;
    height: 43%;
	animation: gridphoto 0.1s linear 7.4s forwards;
}
#p07 {
	left: 34.375%;
	top: 36%;
	width: 31.25%;
    height: 64%;
	animation: gridphoto 0.1s linear 7.2s forwards;
}
#p08 {
	left: 65.625%;
	top: 57%;
	width: 34.375%;
    height: 43%;
	animation: gridphoto 0.1s linear 7.3s forwards;
}
#anime-logo1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-80%) translateX(-50%);
	opacity: 0;
	animation: anime-logo1 0.2s linear 8.7s forwards;
    width: 32%;
}
#anime-logo2 {
	position: absolute;
	left: 49.4%;
	top: 49.5%;
	transform: translateY(16%) translateX(-50%);
	opacity: 0;
	animation: anime-logo2 0.2s linear 8.9s forwards;
    width: 58.2%;
}

@keyframes gridphoto {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes anime-logo1 {
	from {
		opacity: 0;
		transform: translateY(-80%) translateX(-50%);
	}
	to {
		opacity: 1;
		transform: translateY(-110%) translateX(-50%);
	}
}
@keyframes anime-logo2 {
	from {
		opacity: 0;
		transform: translateY(16%) translateX(-50%);
	}
	to {
		opacity: 1;
		transform: translateY(-14%) translateX(-50%);
	}
}

/*
read_home
*/
#content div#read_home {
	background: #eee;
	border-bottom: 2px solid #fff;
	padding: 50px 0;

	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#content div#read_home div#l_readhome {
	float: left;
	width: 73%;
}
#content div#read_home div#l_readhome p {
	color: #0f218b;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 30px;
}
#content div#read_home div#l_readhome p .kakko {
	display: inline-block;
	margin-left: -1.6%;
}
[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    width: 3em;
    top: -0.8em;
    left: 2px;
    right: 0;
    margin: auto;
    font-size: 0.4em;
}
#content div#read_home div#l_readhome p.btn_oubo {
	margin: 0;
}
#content div#read_home div#l_readhome p.btn_oubo a {
	display: block;
	color: #fff;
	width: 500px;
	font-size: 28px;
	text-decoration: none;
	background: url(../img/bg_kochira.png) 95% center no-repeat #0f218b;
	background-size: 35px 18px;
	padding: 15px 76px 15px 30px;

	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#content div#read_home div#r_readhome {
	float: right;
	width: 25.6%;
}
#content div#read_home div#r_readhome p {
	margin: 0;
    text-align: center;
}
#content div#read_home div#r_readhome p#cap_youtube {
	width: 73.1%;
	margin: 0 auto 3%;
}


/*
homenews
*/
#content div#homeinformation {
	padding: 50px 0 30px;
}
#content div#homenews {
	float: left;
	width: 48%;
}
.home #content h2 {
	font-family: 'Montserrat', sans-serif;
	color: #02549b;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	padding: 0 0 23px;
	letter-spacing: 3px;
	background: url(../img/bg_h3.png) center bottom no-repeat;
	margin: 0 auto 30px;
}
#content div.t_news {
	width: 100%;
}
#content div.t_news a {
	text-decoration: none;
}
#content div.t_news a:hover .r_news {
	background: #EEEEEE;
}
#content div.r_news {
	display: flex;
}
#content div.c_news {
	width: 100%;
	border-bottom: 1px solid #808080;
	padding: 15px 5px;
}
#content div.c_news p {
	font-size: 18px;
	line-height: 1.8;
	margin: 0;
}
#content div.c_news.edate {
	width: 115px;
	padding-right: 30px;
}

/*
homesns
*/
#content div#homesns {
	float: right;
	width: 48%;
	margin: 0;
}
#content div#homesns h4 a {
	display: block;
	color: #02549b;
	font-size: 23px;
	font-weight: bold;
	text-decoration: none;
	padding: 25px 0 25px 75px;
}
#content div#homesns div#hometwitter,
#content div#homesns div#homefacebook {
	width: 100%;
	margin: 0 auto 40px;
}
#content div#homesns div#homefacebook {
	margin-bottom: 0;
}
#content div#homesns div#hometwitter h4 {
	background: url(../img/icon_x.svg) left center no-repeat;
}
#content div#homesns div#homefacebook h4 {
	background: url(../img/icon_facebook.png) left center no-repeat;
	background-size: 52px 52px;
}


/*
hometopics
*/
#t_topics {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 35px;
}
#content #t_topics h3 {
	color: #02549b;
	font-size: 26px;
	font-weight: bold;
	border: none;
	margin: 0;
	padding: 0;
}
#hometopics {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 15px;
}
#hometopics a {
	display: block;
	text-decoration: none;
}
.topicslist {
	width: 100%;
	background: #eee;
	padding: 20px 4.9%;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.slider-container {
	display: none;
	position: relative;
}
.slider-container.initialized {
	display:block;
}
.slider {
	overflow: hidden;
}
.slick-list {
	margin-right: -28px;
}
.slick-slide {
	margin-right: 28px;
}
.topics_img {
	position: relative;
	width: 100%;
	margin: 0 auto 15px;
	text-align: center;
}
.new .topics_img::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background: url(../img/new.png) no-repeat left top;
	background-size: contain;
	width: 97px;
	height: 97px;
	z-index: 1;
}
p.topics_shosai {
	font-weight: bold;
	margin-bottom: 15px;
	vertical-align: middle;
}
.topics_cat {
	display: inline-block;
	width: 100%;
	max-width: 90px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	background: #025497;
	padding: 3px 5px;
	margin-right: 15px;
	vertical-align: middle;

	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.topics_date {
	display: inline-block;
	color: #666;
	font-size: 16px;
	padding: 0;
	vertical-align: middle;
}
.topicslist h3 {
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 1.3;
	min-height: 5.2em;
}
#btn_topics {
}
#btn_topics p {
	width: 100%;
	max-width: 190px;
	margin: 0 0 0 auto;
	text-align: right;
}
#btn_topics p a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #0069A7;
	padding: 10px 5px;

	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#btn_topics p a:hover {
	background: #025497;
}


/*
homepickup
*/
#homepickup {
	position: relative;
	z-index: 2;
	margin: 158px 0 55px;
	padding: 0 0 100px;
	background: #eee;
}
#homepickup h3 {
	position: relative;
	color: #fff;
	font-size: 22px;
	width: 190px;
	background: #000;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding: 20px 0;
	margin-left: -25px;
	z-index: 2;
}
#homepickup .cbox {
	display: flex;
}
.homeabout {
	width: 33.4%;
	margin: -10% 4.5% 0 0;
	text-decoration: none;
}
#r_homepickup {
	width: 62.5%;
	margin-top: -10%;
}
.r_homepickup_naiyo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.r_homepickup_naiyo a {
	display: block;
	width: 49.9%;
	height: 100%;
	text-decoration: none;
}
.r_homepickup_naiyo a:nth-child(7),
.r_homepickup_naiyo a:nth-child(8) {
	max-width: 397px;
}
#content #l_homepickup p {
	margin: 0;
}
#content #l_homepickup p#homeabout_img {
	position: relative;
	z-index: 1;
	margin: -25px 0 15px;
}
.homeinterviewbox {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	z-index: 1;
	margin: -25px 0 15px;
	overflow: hidden;

	-ms-box-sizing: border-box;
	box-sizing: border-box;
	transition: 0.7s;
}
#interview01,
#interview03,
#interview05 {
	border-right: 1px solid #fff;
}
#interview02,
#interview04,
#interview06 {
	border-left: 1px solid #fff;
}
#interview04,
#interview03,
#interview05,
#interview06,
#interview07,
#interview08 {
	margin: -13px 0 15px;
}

.homeinterviewbox:hover {
	opacity: 0.7;
}
.i_naiyo {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 185px;
	max-height: 185px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/bg_more.png) 95% 85% no-repeat #02549a;
	background-size: 30px 15px;
	padding: 17px 2% 28px 4%;

	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#r_homepickup a:hover img {
	opacity: 1;
}
.homeinterviewbox h4 {
	clear: none;
	color: #fff;
	width: auto;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	background: url(../img/bg_homeh4.png) left bottom no-repeat;
	padding-bottom: 20px;
	margin: 3% 0 10px;
}
#content .homeinterviewbox p {
	color: #fff;
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	margin: 0;
}
#content .homeinterviewbox p.s_title {
	font-size: 25px;
	letter-spacing: -1px;
}
#content .homeinterviewbox p.s_title.s_title02 {
	line-height: 1.1;
	padding-top: 5px;
}
#content .homeinterviewbox p.s_title small {
	font-size: 16px;
}
#content p.homeinterview_img {
	position: relative;
	width: 100%;
	max-height: 253px;
	overflow: hidden;
	margin: 0 auto;
	z-index: 2;
}
#content p.homeinterview_img img {
	width: 100%;
}
#content p .teamname_sub {
	font-size: 16px;
	display: block;
}
#content p.homeicon_img {
	float: left;
	width: 21.4%;
	margin: 0;
}
#content p.cap_home {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
#content #r_homepickup p.cap_home {
	float: left;
}
#content #r_homepickup p.btn_ichiran {
	margin: 0;
}
#content #r_homepickup p.btn_ichiran a {
	float: right;
	display: block;
	width: 190px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #02549b;
	text-decoration: none;
	padding: 10px 0;
}



/*
homelink
*/
#content div#homelink {
	padding: 0 0 80px;
}
#content div#homelink h2 {
	margin-bottom: 60px;
}
#content div#homelink h3 {
	color: #02549b;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
#bannerlink {
	display: flex;
}
#content div.bannerbox {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	min-height: 210px;
	border-left: 1px solid #808080;

	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#content div.bannerbox p {
	color: #4d4d4d;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}
#content div.bannerbox p a {
	text-decoration: none;
}
#content div.bannerbox p.banner_img {
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
}
#content div.bannerbox p.banner_img img {
	width: 100%;
	max-width: 339px;
}
#content div.bannerbox#homemisumi {
	width: 66.4%;
}
#content div.bannerbox#homemisumi p {
	margin-right: 70px;
	min-height: 47px;
}
#content div.bannerbox#homemisumi p:last-child {
	margin: 0;
}
#content div.bannerbox#homerobo-one {
	width: 33.6%;
	border-right: 1px solid #808080;
}
.banner_txt:after {
	content: "＞";
	color: #004080;
	margin-left: 1em;
}





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

	#t_topics {
		max-width: none;
		padding: 0 0 0 65px;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	#hometopics {
		max-width: none;
		padding: 0 65px;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

}


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

	#content div#read_home div#l_readhome p {
		font-size: 2vw;
	}
	.homeinterviewbox h4 {
		font-size: 15px;
		padding-bottom: 15px;
		background: url(../img/bg_homeh4_sp.png) left bottom no-repeat;
	}
	#content .homeinterviewbox p,
	#content .homeinterviewbox p.s_title {
		font-size: 18px;
	}
	#content .homeinterviewbox p.s_title small {
		font-size: 14px;
	}
	
	#content .homeinterviewbox p .i_title {
		font-size: 16px;
	}
	#content .homeinterviewbox p .teamname_sub {
		font-size: 14px;
	}

}
@media only screen and (max-width: 1145px) {

}
@keyframes photoareasp {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes anime-logosp {
	from {
		opacity: 0;
		transform: translateY(10%);
	}
	to {
		opacity: 1;
		transform: translateY(0%);
	}
}

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

	#content,
	footer {
		padding: 0 3.2%;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.home #content {
		padding: 0;
	}
	#content div#read_home {
		padding: 50px 3.2%;
	}
	#content div#homelink {
		padding: 50px 3.2% 70px;
	}

	
	/*
	topimage
	*/
	div#topimage_sp {
		position: relative;
		background-image: url(../img/icondata_sp3x2.png);
		background-size: cover;
		width: 100%;
		height: 100%;
	}
	#photoareasp img {
		width: 100%;
		opacity: 0;
		animation: photoareasp 0.5s linear 3s forwards;
	}
	#anime-logosp img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		transform: translateY(10%);
		opacity: 0;
		animation: anime-logosp 0.2s linear 3.5s forwards;
	}

	#main {
		padding-top: 50px;
	}

	/*
	read_home
	*/
	#content div#read_home {
		padding: 30px 3.2%;
	}
	#content div#read_home div#l_readhome {
		float: none;
		width: 100%;
		margin: 0 auto 25px;
	}
	#content div#read_home div#l_readhome p {
		font-size: 15px;
		margin-bottom: 20px;
	}
	#content div#read_home div#l_readhome p.btn_oubo a {
		display: block;
		color: #fff;
		width: 100%;
		font-size: 16px;
		background: url(../img/bg_kochira.png) 95% center no-repeat #0f218b;
		background-size: 35px 18px;
		padding: 15px 50px 15px 15px;
	
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#content div#read_home div#r_readhome {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#content div#read_home div#r_readhome p {
		margin: 0 auto;
	}
	#content div#read_home div#r_readhome p#cap_youtube {
		width: 75%;
		padding-top: 4%;
	}


	/*
	homenews
	*/
	#content div#homeinformation {
		padding: 50px 0 30px;
	}
	#content div#homenews {
		float: none;
		width: 100%;
		max-width: none;
		margin-bottom: 50px;
	
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.home #content h2 {
		width: 70px;
		font-size: 18px;
		text-align: center;
		padding: 0 0 15px;
		margin: 0 auto 30px;
	}
	#content div.c_news {
		padding: 10px 5px;
	}
	#content div.c_news p {
		font-size: 12px;
		line-height: 1.8;
		margin: 0;
	}
	#content div.c_news.edate {
		width: 75px;
		padding-right: 15px;
	}
	

	/*
	homesns
	*/
	#content div#homesns {
		float: none;
		width: 100%;
		margin: 0;
	}
	#content div#homesns h4 a {
		font-size: 14px;
		padding: 15px 0 15px 50px;
	}
	#content div#homesns div#hometwitter,
	#content div#homesns div#homefacebook {
		max-width: none;
		margin: 0 auto 30px;
	}
	#content div#homesns div#homefacebook {
		margin-bottom: 0;
	}
	#content div#homesns div#hometwitter h4 {
		background-size: 38px 38px;
	}
	#content div#homesns div#homefacebook h4 {
		background: url(../img/icon_facebook.png) left center no-repeat;
		background-size: 38px 38px;
	}
	

	/*
	hometopics
	*/
	#t_topics {
		padding: 0 3.2%;
		margin-bottom: 15px;
	}
	#content #t_topics h3 {
		font-size: 15px;
	}
	#hometopics {
		max-width: none;
		padding: 0 3.2%;
	}
	.topicslist {
		padding: 20px 3.2%;
		border: none;
	}
	.topics_img {
		margin: 0 auto 10px;
	}
	.topics_img img {
		width: 100%;
	}
	p.topics_shosai {
		margin-bottom: 10px;
	}
	.topics_cat {
		max-width: 80px;
		font-size: 11px;
		padding: 3px 0;
		margin-right: 5px;
	}
	.topics_date {
		font-size: 11px;
	}
	.topicslist h3 {
		font-size: 12px;
	}


	/*
	homepickup
	*/
	#homepickup {
		margin: 70px 0 40px;
		padding: 30px 0;
	}
	#homepickup h3 {
		font-size: 13px;
		width: 110px;
		background: #000;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
		padding: 12px 0;
		margin-left: -25px;
		z-index: 2;
	}
	#homepickup .cbox {
		display: block;
	}
	.r_homepickup_naiyo a {
		width: 100%;
	}
	.r_homepickup_naiyo a:nth-child(7),
	.r_homepickup_naiyo a:nth-child(8) {
		max-width: inherit;
	}	
	.homeabout,
	#r_homepickup {
		width: 100%;
		margin-top: 0;
	}
	#r_homepickup {
		gap: 15px 0;
	}
	#content #l_homepickup p#homeabout_img {
		margin: -15px 0 35px;
	}
	#content #l_homepickup p#homeabout_img img {
		width: 100%;
	}
	#content .homeinterviewbox {
		padding: 0;
		z-index: 1;
		margin: -25px 0 15px;
		border: none;
	
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#content .homeinterviewbox#interview01 {
		margin: -25px 0 15px;
	}
	#content .homeinterviewbox#interview02,
	#content .homeinterviewbox#interview03,
	#content .homeinterviewbox#interview04,
	#content .homeinterviewbox#interview05,
	#content .homeinterviewbox#interview06,
	#content .homeinterviewbox#interview07,
	#content .homeinterviewbox#interview08 {
		margin: 0 0 15px;
	}	
	
	#content p.cap_home {
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	#content p.homeinterview_img {
		max-height: none;
	}
	#content .homeinterviewbox h4 {
		font-size: 12px;
		line-height: 1.5;
		margin: 10px 0 10px;
	}
	#content .homeinterviewbox p,
	#content .homeinterviewbox p.s_title {
		font-size: 15px;
		letter-spacing: 0;
	}
	#content .homeinterviewbox p.s_title.s_title02 {
		padding-top: 0;
	}
	#content .homeinterviewbox p.s_title small {
		font-size: 11px;
	}
	
	#content .homeinterviewbox p .teamname_sub {
		font-size: 12px;
	}
	
	/*
	homelink
	*/
	#content div#homelink {
		padding: 0;
	}
	#content div#homelink a {
		text-decoration: none;
	}
	#content div#homelink h2 {
		margin-bottom: 20px;
	}
	#bannerlink {
		flex-wrap: wrap;
	}
	#content div.bannerbox {
		width: 100%;
		text-align: center;
		min-height: inherit;
		border: none;
		border-bottom: 1px solid #808080;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#content div.bannerbox p {
		display: block;
		width: 100%;
		margin: 0 0 10px;
		font-size: 13px;
	}
	#content div.bannerbox p.banner_img {
		width: 79.39%;
		margin: 0 auto;
		text-align: center;
	}
	#content div.bannerbox p.banner_img img {
		width: 100%;
		max-width: inherit;
	}	
	#content div.bannerbox#homerobo-one p.banner_img {
		padding-top: 20px;
		margin: 0 auto 20px;
	}
	#content div.bannerbox#homemisumi {
		width: 100%;
	}
	#content div.bannerbox#homemisumi p {
		margin: 0 auto 10px;
		min-height: inherit;
	}
	#content div.bannerbox#homerobo-one {
		width: 100%;
		border: none;
	}
	#homemeviy .banner_txt {
		padding-top: 0px;
	}


}


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

	.homeinterviewbox h4 {
		font-size: 11px;
		margin: 4% 0 10px;
	}
	#content .homeinterviewbox p {
		font-size: 15px;
	}
}