@charset "utf-8";

/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */

/* page1 */
.page1{
	text-align: center;
}
/* page1 */


/* page1,2,3,4 */
.text-message p{
	font-weight: 200;
	color: #fff;
}
.text-message a{
	color: #fff;
	text-decoration: underline;
}
.inner-index .text-message p{
	text-align: justify;
}
/* page1,2,3,4 */

/* page5 */
.box-soft{
	background: #1c1c1c;
}
.box-soft a{
	display: block;
	color: #fff;
}
.top-soft{
	margin-bottom: 1em;
	font-weight: 200;
}
.name-soft{
	margin-bottom: .75em;
	font-weight: 500;
	letter-spacing: .2em;
}
.text-soft{
	font-weight: 200;
}
/* page5 */


/* page6 */
.head-news{
	font-weight: 500;
	color: #fff;
	letter-spacing: .2em;
}
/* page6 */

#fp-nav li:nth-child(7){
	display: none;
}


/* ////////////////////////////////////////
PC,SP共通
//////////////////////////////////////// */


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 641px) , print{
	.wrap{
		height: 100%;

		background: #000 url(../images/bg-index.jpg) no-repeat center center;
		background-size: cover;
	}

	.wrap-video{

	}
	.wrap-video video{
		width: 608px;
		height: 608px;
	}

	/* page1 */
	.page1{
		position: relative;
	}
	.page1 .text-message p{
		font-size: 16px;
		line-height: 2.8;
		text-indent: .2em;
		letter-spacing: .2em;
	}

	.scroll{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
	}
	/* page1 */


	/* page1,2,3,4 */
	.wrap-index {
		align-items: center;
	}
	.inner-index{
		width: 440px;
	}
	.inner-index .head-index{
		margin-bottom: 30px;
	}
	.inner-index .text-message{
		margin-bottom: 30px;
	}
	.inner-index .text-message p{
		line-height: 2;
	}
	/* page1,2,3,4 */


	/* page5 */
	.box-soft{
		width: 520px;
	}
	.inner-soft{
		padding: 25px;
	}
	.top-soft{
		font-size: 12px;
	}
	.name-soft{
		font-size: 26px;
	}
	.text-soft{
		font-size: 13px;
		line-height: 2;
	}
	/* page5 */


	/* page6 */
	.list-bnr{
		margin-bottom: 100px;
	}
	.header-index-news{
		display: flex;
		flex-flow: row nowrap;
		margin-bottom: 20px;
	}
	.head-news{
		margin-right: 70px;
		font-size: 24px;
	}
	/* page6 */
	
	.fp-viewing-0 .pagetop{
		display: none;
	}
}


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */

@media screen and (max-width: 640px) {
	.section{
		padding: 4.6vw 0;
		background: #000 url(../images/bg-index.jpg) no-repeat center top;
		background-size: 150%;
	}

	.wrap-video{
		margin-bottom: 6.6vw;
	}
	.wrap-video video{
		width: 100%;
		height: 100%;
	}

	/* page1 */
	.page1{
		padding: 45vw 0;
	}
	.page1 .text-message p{
		font-size: 3.5vw;
		line-height: 2.3;
	}
	.page1 .head-index{}
	.page1 .head-index img{
		width: auto;
		height: 12vw;
	}
	/* page1 */


	/* page2,3,4 */
	.inner-index .head-index{
		margin-bottom: 5.3vw;
		text-align: center;
	}
	.inner-index .head-index img{
		width: auto;
		height: 21vw;
	}
	.inner-index .text-message{
		margin-bottom: 5vw;
	}
	.inner-index .text-message p{
		line-height: 1.75;
	}
	.inner-index .btn{
		margin-left: auto;
		margin-right: auto;
		width: 58vw;
	}
	/* page2,3,4 */


	/* page5 */
	.box-soft:not(:last-child){
		margin-bottom: 4vw;
	}
	.inner-soft{
		padding: 4vw;
	}
	.top-soft{
		font-size: 2.9vw;
		text-align: center;
	}
	.name-soft{
		font-size: 4.6vw;
		text-align: center;
	}
	.text-soft{
		font-size: 3.2vw;
		line-height: 1.5;
	}
	/* page5 */


	/* page6 */
	.list-bnr{
		margin: 0 0 10vw;
	}
	.list-bnr > li{
		margin: 3% 0;
		width: 47%;
	}
	.header-index-news{
		margin-bottom: 8vw;
	}
	.head-news{
		margin-bottom: 1.5em;
		font-size: 5.3vw;
		text-align: center;
		text-indent: .2em;
	}
	/* page6 */
}


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */


.tablist {
	display: none;
}
#tablist01 {
	display: inherit;
}

#radiationhouse a{
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 641px) , print{
	#radiationhouse_position{
		position: static;
	}
	
	#radiationhouse{
		position: fixed;
		top: 30px;
		left: 200px;
	}
	
	#radiationhouse img:hover{
		opacity: 0.8;
	}
}
@media screen and (max-width: 640px) {
	#radiationhouse{
		margin-top: 3em;
	}
}