@charset "UTF-8";


/* swiper */
:root {
    --swiper-theme-color: #ffffff;
}
.swiper-button-next, .swiper-button-prev {
	text-shadow: 0px 0px 3px #334;
}

.swiper-wrapper {
	line-height: 0;
}


/* 個別 */

.image_home_copy1 {
    position: absolute;
	max-width: 250px;
	right: 50%;
	top: -80px;
}

.image_home_copy2 {
    position: absolute;
	max-width: 300px;
	right: 50%;
	top: 5%;
	transform: translate(50%,0);
}


figure.press_tag	{
	position: absolute;
	left: 50%;
	top: 0;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,0);
}
p.press_title	{
	position: absolute;
	font-size: 19px;/* 変動 */
	font-family: "Noto Serif JP";
	font-weight: 700;
	line-height: 23px;/* 変動 */
	left: 50%;
	top: 30px;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-10%);
	margin: 0;/* 変動 */
	padding: 0;
	width: 80%;/* 変動 */
	text-align: center;/* 変動 */
	text-shadow: 1px 1px 1px #f2f0f1, -1px -1px 1px #f2f0f1, 0 0 3px #f2f0f1;
}

/* 未使用 */
p.title1	{
	position: absolute;
	font-size: 16px;
	font-family: "Noto Serif JP";
	line-height: 20px;
	left: 50%;
	top: 5%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,0%);
	margin: 0;
	padding: 0;
}
p.title1 span	{
display: inline-block;
}
p.title1 span.sub1	{
	font-size: 14px;
	font-family: "メイリオ";
}
p.title2	{
    position: absolute;
	font-size: 18px;
	color: white;
	font-family: "Noto Serif JP";
	line-height: 24px;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0;
}
p.title2 span.sub2	{
	font-size: 14px;
	font-family: "メイリオ";
}


/* 個別-WEB見学 */
.image_intro_copy {
    position: absolute;
	max-width: 400px;
	right: 50%;
	top: 50%;
	transform: translate(50%,-50%);
}
/* 個別-WEBアーカイブ */
.image_archive_copy {
    position: absolute;
	max-width: 480px;
	right: 50%;
	top: 50%;
	transform: translate(50%,-50%);
}

/* 個別-研究成果集 */
.image_seika_copy {
    position: absolute;
	max-width: 568px;
	right: 50%;
	top: 48%;
	transform: translate(50%,-50%);
}
p.title_seika_copy {
    position: absolute;
    font-size: 28px;
    font-family: "Noto Sans JP";
    font-weight: 700;
    text-shadow: 0 0 4px #ffffff;
	right: 50%;
	top: 25%;
	transform: translate(50%,0%);
}
p.sub_seika_copy {
    position: absolute;
	text-align: center;
    font-size: 31px;
	line-height: 36px;
    font-family: "Noto Sans JP";
    font-weight: 700;
    text-shadow: 0 0 4px #ffffff;
	right: 50%;
	top: 52%;
	transform: translate(50%,0%);
}

.image_seika_copy2 {
    position: absolute;
	max-width: 568px;
	right: 50%;
	top: 47%;
	transform: translate(50%,-50%);
}
p.title_seika_copy2 {
    position: absolute;
    font-size: 28px;
    font-family: "Noto Sans JP";
    font-weight: 700;
    text-shadow: 0 0 4px #ffffff;
	right: 50%;
	top: 28%;
	transform: translate(50%,0%);
}
p.sub_seika_copy2 {
    position: absolute;
    font-size: 40px;
    font-family: "Noto Sans JP";
    font-weight: 700;
    text-shadow: 0 0 5px #ffffff;
	right: 50%;
	top: 9%;
	transform: translate(50%,0%);
}

/* 個別-研究成果発表会 */
p.title_seikaH_year {
    position: absolute;
    font-size: 28px;
    font-family: "Noto Sans JP";
    font-weight: 700;
    text-shadow: 0 0 4px #ffffff;
	right: 50%;
	top: 10%;
	transform: translate(50%,0%);
}
.image_seikaH_title {
    position: absolute;
	max-width: 688px;
	right: 50%;
	top: 37%;
	transform: translate(50%,-50%);
}
.image_seikaH_day {
    position: absolute;
	max-width: 480px;
	right: 50%;
	top: 55%;
	transform: translate(50%,-50%);
}
p.sub_seikaH_copy {
    position: absolute;
	text-align: center;
    font-size: 28px;
	line-height: 32px;
    font-family: "Noto Sans JP";
    font-weight: 700;
    text-shadow: 0 0 4px #ffffff;
	right: 50%;
	top: 60%;
	transform: translate(50%,0%);
}


/* テスト 
.test2 {
    position: absolute;
	max-width: 360px;
	right: 50%;
	top: 5%;
	transform: translate(50%,0);
}
.test1 {
    position: absolute;
	max-width: 360px;
	right: 50%;
	top: 53%;
	transform: translate(50%,0);
}
*/


@media (max-width: 820px) {
figure.press_tag	{
	width: 100px;
}
p.press_title	{
	width: 60%;/* 変動 */
	top: 26px;
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	margin: 0 4px;
}

/* 個別-研究成果発表会 */
.image_seikaH_title {
	max-width: 550px;
}
}

@media (max-width: 620px) {

.image_seika_copy,
.image_seika_copy2 {
	max-width: 516px;
}
p.title_seika_copy,
p.title_seika_copy2 {
font-size: 20px;
}
p.sub_seika_copy,
p.sub_seika_copy2 {
font-size: 23px;
line-height: 28px;
}

p.press_title	{
	width: 50%;/* 変動 */
	font-size: 17px;
	line-height: 21px;
}

/* 個別-研究成果発表会 */
p.title_seikaH_year {
font-size: 24px;
}
.image_seikaH_title {
	max-width: 426px;
}
.image_seikaH_day {
	max-width: 360px;
}
p.sub_seikaH_copy {
	font-size: 24px;
	line-height: 28px;
}
/* 個別-WEBアーカイブ */
.image_archive_copy {
	max-width: 400px;
}
}

@media (max-width: 520px) {

.image_seika_copy,
.image_seika_copy2 {
	max-width: 400px;
}
p.press_title	{
	width: 50%;/* 変動 */
	font-size: 15px;
	line-height: 20px;
}
}

@media (max-width: 430px) {

.image_seika_copy,
.image_seika_copy2 {
	max-width: 284px;
}
/* 個別-研究成果発表会 */
p.title_seikaH_year {
font-size: 20px;
}
.image_seikaH_title {
	max-width: 344px;
}
.image_seikaH_day {
	max-width: 280px;
}
p.sub_seikaH_copy {
	font-size: 22px;
	line-height: 25px;
}

/* 個別-WEB見学 */
.image_intro_copy {
	max-width: 360px;
}
/* 個別-WEBアーカイブ */
.image_archive_copy {
	max-width: 360px;
}
}

@media (min-width: 620px) {

.image_home_copy2 {
	max-width: 340px;
}
.swipe_title	{
display: inline-block;
}
/* テスト
.test2 {
	max-width: 480px;
	right: 50%;
	top: 8%;
}
.test1 {
	max-width: 480px;
	right: 50%;
	top: 55%;
}
 */
}


@media (min-width: 768px) {

.image_home_copy1 {
	margin-right: 90px;
	right: 15%;
	top: 20px;
}

.image_home_copy2 {
	right: 15%;
	top: 88%;
	transform: translate(0,-50%);
}

}


@media (min-width: 820px) {

.image_home_copy1 {
	right: 12.5%;
}

.image_home_copy2 {
	right: 12.5%;
}

}


@media (min-width: 920px) {

.image_home_copy1 {
	right: 8%;
}

.image_home_copy2 {
	right: 8%;
}

}


@media (min-width: 1020px) {

.image_home_copy1 {
	right: 30px;
}

.image_home_copy2 {
	right: 30px;
}

/* テスト */
.test2 {
	max-width: 480px;
	left: 2%;
	top: 50%;
	transform: translate(0,-50%);
}
.test1 {
	max-width: 480px;
	right: 2%;
	top: 50%;
	transform: translate(0,-50%);
}

}

@media (min-width: 1120px) {

.image_home_copy2 {
	top: 50%;
}

}