@charset "utf-8";
/*HOME（トップページ）用のスタイルシート*/

/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
------------------------------------------------------------------------------------------------------------*/
.first_view {
	position: relative;
	background-image: 
		url("../image/home/img_home_firstview01.png"),
		url("../image/home/img_home_firstview02.png"),
		url("../image/home/img_home_firstview03.png"),
		url("../image/home/img_home_firstview04.png"),
		url("../image/home/img_home_firstview05.png"),
		url("../image/home/img_home_firstview06.png"),
		url("../image/home/bg_home_dots01.png");
	background-size: 75px, 150px, 150px, 90px, 140px, 100px, 302px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 
		calc(50% + 120px) 15%,
		calc(50% + 300px) 40%,
		calc(50% + 140px) 75%,
		calc(50% - 130px) 74%,
		calc(50% - 290px) 50%,
		calc(50% - 240px) 15%,
		right -80px center;

}
/*メインイメージ（スマホ）
*************************************************/
#catchcopy{
	width: 97%;
	max-width: 330px;
	color: #0e95ff;
	position: absolute;
	top: 26%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
/*#catchcopy .row01{
	font-size: 1.63rem;
	margin-bottom: 16px;
}
#catchcopy .row01:first-letter{
	font-size: 2.625rem;
}*/
#catchcopy .row02{
	font-size: 1.5rem;
	margin-bottom: 16px;
	/*border: dotted 1px #ccc;*//*仮*/
}
#catchcopy .row02 strong{
	font-size: 2.5rem;
}
#catchcopy .row03{
	font-size: 1.93rem;/*30px*/
	background:linear-gradient(90deg,#fff 75%, transparent 75%);
	margin-bottom: 20px;
	/*border: dotted 1px #000;*//*仮*/
}
#catchcopy .row03:first-letter{
	font-size: 2.75rem;
}
#catchcopy .row03 img.mirai{
	max-width: 85px;
	margin: 0 0 0 7px;
}
#catchcopy .row03 img{
	vertical-align: -4px;
}
#catchcopy .row04{
	font-size: 0.75rem;
	text-align: right;
	padding: 5px 0;
	position: relative;
}
#catchcopy .row04:after{
	position: absolute;
	top: 0;
	left: 0;
	content: ' ';
	width: 100%;
	height: 1px;
	background: -webkit-linear-gradient(left, #03d8ff, #2318ff);
	background: -o-linear-gradient(left, #03d8ff, #2318ff);
	background: linear-gradient(to right, #03d8ff, #2318ff);
}
#catchcopy .row04 span{background: #fff;}

.row02,
.row03,
.row04{
	opacity: 0;
}
.blur02{
  animation-name:blurAnime;
  animation-duration:1s;/*アニメーション１回分の時間の長さ*/
  animation-delay: 0.2s;/*アニメーションの開始を遅らせる*/
  animation-fill-mode:forwards;
  animation-timing-function:ease-out;
}
.blur03{
  animation-name:blurAnime;
  animation-duration:1.25s;/*アニメーション１回分の時間の長さ*/
  animation-delay: 1.4s;/*アニメーションの開始を遅らせる*/
  animation-fill-mode:forwards;
  animation-timing-function:ease-out;
}
.blur04{
  animation-name:blurAnime;
  animation-duration:1.5s;/*アニメーション１回分の時間の長さ*/
  animation-delay: 3s;/*アニメーションの開始を遅らせる*/
  animation-fill-mode:forwards;
}
@keyframes blurAnime{
  from {
  filter: blur(20px);
  transform: scale(1.02);
  opacity: 0;
  }
  to {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  }
}
.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{
	animation:text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}

.btn_scroll01{
	display: block;
	width: 80px;
	height: 130px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background: url("../image/home/btn_scroll01_01.png") no-repeat center bottom;
	background-size: 11px;
	z-index: 1;
}
.btn_scroll01:hover{
	bottom: 10px;
}
.btn_scroll01 #rolling{
	display:inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: url("../image/home/btn_scroll01_02.png") no-repeat center center;
	background-size: 80px;
	animation: 7s linear infinite rotation1;
}
@keyframes rotation1{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}
/*ピックアップボタン（スマホ）
*************************************************/
a.btn_pickup01{
	display: block;
	z-index: 2;
	position: absolute;
	left: 12px;
	bottom: 20px;
	width: 120px;
	height: 120px;
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -webkit-linear-gradient(135deg, #03d8ff 15%, #2318ff 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -o-linear-gradient(135deg, #03d8ff 15%, #2318ff 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, linear-gradient(135deg, #03d8ff 15%, #2318ff 85%);
	background-size: 6px, 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.30);
	color: #fff;
	text-align: center;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 1rem;/*16px*/
	font-weight: bolder;
	line-height: 135%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.btn_pickup01 span{
	display: block;
	width: 100px;
	height: 94px;
	margin: 0 auto;
	padding: 30px 0 0 0;/*文字の位置*/
	overflow: hidden;
}
a.btn_pickup01:hover{bottom: 16px;}

a.btn_pickup02{
	display: block;
	z-index: 2;
	position: absolute;
	left: 12px;
	bottom: 20px;
	width: 140px;
	height: 140px;
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -webkit-linear-gradient(135deg, #fff703 15%, #ffd518 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -o-linear-gradient(135deg, #fff703 15%, #ffd518 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, linear-gradient(135deg, #fff703 15%, #ffd518 85%);
	background-size: 6px, 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.30);
	color:  #0D1834;
	text-align: center;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 1rem;/*16px*/
	font-weight: bolder;
	line-height: 135%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;

}
a.btn_pickup02 span{
	display: block;
	width: 100px;
	height: 94px;
	margin: 0 auto;
	padding: 25px 0 0 0;/*文字の位置*/
	overflow: hidden;
}
a.btn_pickup02:hover{bottom: 16px;}

a.btn_pickup03{
	display: block;
	z-index: 2;
	position: absolute;
	left: 12px;
	bottom: 20px;
	width: 140px;
	height: 140px;
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -webkit-linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -o-linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background-size: 6px, 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.30);
	color:  #ffffff;
	text-align: center;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 1.05rem;
	font-weight: bolder;
	line-height: 135%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
    -webkit-appearance: none;
}
a.btn_pickup03 span{
	display: block;
	width: 100px;
	height: 94px;
	margin: 0 auto;
	padding: 47px 0 0 2px;/*文字の位置*/
	overflow: hidden;
}
a.btn_pickup03:hover{bottom: 16px;}

a.btn_pickup04{
	display: block;
	z-index: 2;
	position: absolute;
	left: 12px;
	bottom: 170px;
	width: 140px;
	height: 140px;
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -webkit-linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -o-linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background-size: 6px, 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.30);
	color:  #ffffff;
	text-align: center;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 1.05rem;
	font-weight: bolder;
	line-height: 135%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
    -webkit-appearance: none;
}
a.btn_pickup04 span{
	display: block;
	width: 100px;
	height: 94px;
	margin: 0 auto;
	padding: 47px 0 0 2px;/*文字の位置*/
	overflow: hidden;

}
a.btn_pickup04:hover{bottom: 164px;}

/*学会紹介（スマホ）
*************************************************/
#area_introduction01{}
.area_introduction01_in{
	padding: 2rem 0 2rem 0;
	background: #0e95ff url("../image/home/txt_introduction01.png") no-repeat center top 30px;
	background-size: 366.5px;
}
#area_introduction01 h2{
	color: #fff;
	font-size: 1.50rem;/*24px*/
	text-align: center;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.20);
	margin-bottom: 1rem;
}
ul.ul_introduction01{
	width:100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 0 2rem;
}
ul.ul_introduction01 li{
	background: #fff;
	position: relative;
	margin: 0 0 1rem 0;
}
ul.ul_introduction01 li a{
	display: block;
	color: #0d1834;
	height: 100%;
	padding: 26px 20px 26px 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
ul.ul_introduction01 li a:hover{
	background: #A9EEEE;
}
ul.ul_introduction01 li h3{
	font-size: 1.38rem;/*22px*/
	margin: 0 0 0.75rem 0;
}
ul.ul_introduction01 li h3:first-letter{
	font-size: 2.25rem;/*36px*/
}
ul.ul_introduction01 li h3 span{
	background: url("../image/common/icn_arrow02_dark.png") no-repeat 100% 40%;
	background-size: 32px;
	padding: 0 40px 0 0;
}
ul.ul_introduction01 li p{
	margin: 0 0 0 3px;
}
ul.ul_introduction01 li .number{
	width: 76px;
	height: 50px;
	position: absolute;
	top: 14px;
	right: 16px;
}
/*ニュース＆イベント（スマホ）
*************************************************/
.wrapper_home01{}
#area_news01{
	background-image: url("../image/home/bg_home_dots01.png"), url("../image/home/bg_home_dots04.png");
	background-size: 302px, 420px;
	background-repeat: no-repeat, no-repeat;
	background-position: right 0px top -500px, left -300px bottom -9px;
	padding: 2rem 1rem 2.5rem 1rem;
}
#area_event01{
	padding: 2rem 1rem 3rem 1rem;
	border-bottom: 1px solid #0d1834;
	background-image: url("../image/home/bg_home_dots05.png"), url("../image/home/bg_home_dots05.png");
	background-size: 150px, 150px;
	background-repeat: no-repeat, no-repeat;
	background-position: right 10px top -92px, left -100px bottom 30px;
}
h2.h2_home01{
	display: inline-block;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	margin: 0 0 1rem 0;
}
h2.h2_home01 .sub{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bolder;
	font-size: 0.94rem;
	margin: 0 0 0 10px;
}
a.btn_more01{
	display: block;
	color: #0d1834;
	border: 1px solid #0d1834;
	box-shadow: 8px 8px 0px #0e95ff;
	background: #fff url("../image/common/icn_arrow02_dark.png") no-repeat right 8px top 45%;
	background-size: 32px;
	width: 200px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	padding: 10px 30px 10px 20px;
	margin: 0 auto 1rem auto;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.btn_more01:hover{
	box-shadow: -4px -4px 0px #0e95ff;
}
img.img_event01{
	display: block;
	max-width: 90px;
	float: right;
	margin:-15px auto 10px auto;
}
/*バナー（スマホ）
*************************************************/
#area_banner01{
	background: #0e95ff;
	color: #fff;
}
ul.ul_banner01 li .text{
	padding: 0.75rem 1rem 1.5rem 1rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
}
#area_banner02{display: none;}

/*他コンテンツ（スマホ）
*************************************************/
#area_others01{}
.ul_others01 li{background:#0e95ff;}
.ul_others01 li:after{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
.ul_others01 li .item_left{
	float: left;
	width: 50%;
}
.ul_others01 li .item_right{
	float: right;
	width: 50%;
}
.ul_others01 li .head{
	height: 190px;
	background: #fff;
	text-align: center;
	position: relative;
}
.ul_others01 li .head a{color:#0d1834;}
.ul_others01 li .head a:hover{color: rgba(13,24,52,0.60);}
.ul_others01 li .head .en{
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.88rem;
	height: 110px;
	margin: 0 auto;
	position: relative;
}
.ul_others01 li .head .en span{
	display: block;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ul_others01 li .head .jp{
	display: block;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bolder;
	position:absolute;
	left:0;
	right: 0;
	bottom: 80px;
	margin: 0 auto;
	width: 140px;
	height: 20px;
}
.ul_others01 li .head .icon{
	position:absolute;
	left:0;
	right: 0;
	bottom: 22px;
	margin: 0 auto;
	width: 48px;
	height: 48px;
}
.ul_others01 li .text{
	background: url("../image/common/icn_arrow02.png") no-repeat right 16px bottom 16px;
	background-size: 32px;
	height: 190px;
	padding: 23px 16px 16px 16px;
	font-size: 0.74rem;
	line-height: 175%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	overflow: hidden;
}
.ul_others01 li .text a{color: #fff;	display: block;	height: 100%;}
.ul_others01 li .text a:hover{text-decoration: underline;}





/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px){

.first_view{
	background-image: 
		url("../image/home/img_home_firstview01.png"),
		url("../image/home/img_home_firstview02.png"),
		url("../image/home/img_home_firstview03.png"),
		url("../image/home/img_home_firstview04.png"),
		url("../image/home/img_home_firstview05.png"),
		url("../image/home/img_home_firstview06.png"),
		url("../image/home/bg_home_dots01.png"),
		url("../image/home/bg_home_dots02.png");
	background-size: 110px, 210px, 215px, 120px, 210px, 134px, 302px, 420px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 
		calc(50% + 300px) 22%,
		calc(50% + 470px) 49%,
		calc(50% + 350px) 83%,
		calc(50% - 200px) 83%,
		calc(50% - 400px) 65%,
		calc(50% - 390px) 23%,
		right 0px top 140px,
		left bottom;
}
/*メインイメージ（タブレット）
*************************************************/
#catchcopy{
	width: 60%;
	max-width: 480px;
	top: 35%;
}
#catchcopy .row02{
	font-size: 2.25rem;
	margin-bottom: 22px;
}
#catchcopy .row02 strong{
	font-size: 3.25rem;
	padding: 0 4px;
}
#catchcopy .row03{
	font-size: 2.75rem;
	margin-bottom: 30px;
}
#catchcopy .row03:first-letter{
	font-size: 3.75rem;
}
#catchcopy .row03 img.mirai{
	max-width: 120px;
}
#catchcopy .row03 img{
	vertical-align: -7px;
}
#catchcopy .row04{
	font-size: 0.88rem;
}
/*学会紹介（タブレット）
*************************************************/
#area_introduction01{
	position: relative;
	z-index: 0;
}
#area_introduction01::after{
	content: '';
	background: #0e95ff;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top: 0;
	/*四角形を傾けます*/
	transform: skewY(-3deg);
	transform-origin: left center;
	z-index: -1;
}
.area_introduction01_in{
	padding: 3.5rem 0 5rem 0;
	background: url("../image/home/txt_introduction01.png") no-repeat center top 20px;
	background-size: 733px;
}
#area_introduction01 h2{
	margin-bottom: 1.5rem;
}
ul.ul_introduction01{
	max-width: 1164px;
	display:flex;
	flex-flow: row wrap;
}
ul.ul_introduction01 li{
	width: 31%;
	margin: 0 3.5% 1rem 0;
}
ul.ul_introduction01 li:nth-child(3n){margin: 0 0 1rem 0;}
ul.ul_introduction01 li a{
	padding: 26px 26px 32px 26px;
}
/*ニュース&イベント（タブレット）
*************************************************/
.wrapper_home01{
	background-image: url("../image/home/bg_home_dots03.png");
	background-size: 420px;
	background-repeat: no-repeat;
	background-position: right 0px bottom -3px;
	position: relative;
}
.wrapper_home01::before{
	content: '';
	position: absolute;
	left: 0;
	top: -10px;
	z-index: -1;
	background: url("../image/home/bg_home_dots06.png") no-repeat right bottom;
	background-size: 300px;
	width:160px;
	height:130px;
}
.wrapper_home02{
	width: 100%;
	max-width: 1164px;
	padding: 2rem 2rem 5rem 2rem;
	margin: 0 auto;
}
.wrapper_home02:after{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
#area_news01{
	background: none;
	padding: 0;
	width: 46.5%;
	float: left;
}
#area_event01{
	background: none;
	border: none;
	padding: 0;
	width: 46.5%;
	float: right;
}
/*バナー（タブレット）
*************************************************/
#area_banner01{display: none;}
#area_banner02{
	display: block;
	position: relative;
	z-index: 0;
}
#area_banner02::after{
	content: '';
	background: #0e95ff;
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top: 0;
	/*四角形を傾けます*/
	transform: skewY(-3deg);
	transform-origin: left center;
	z-index: -1;
}
.area_banner02_in{
	width: 100%;
	/*max-width: 1164px;*/
	max-width: 800px;
	padding: 2.5rem 2rem 4rem 2rem;
	margin: 0 auto;
}
ul.ul_banner02{
	display:flex;
	flex-flow: row wrap;
}
ul.ul_banner02 li{
	width: 100%;
	margin: 0 4% 1.5rem 0;
}
ul.ul_banner02 li:nth-child(2n){margin: 0 0 1.5rem 0;}
ul.ul_banner02 li .image{
	width: 58%;
	float: left;
	border: 1px solid #fff;
	margin: 0 3% 0 0;
}
ul.ul_banner02 li .text{
	width: 39%;
	float: left;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	padding: 1rem 0 0 0;
}
/*他コンテンツ（タブレット）
*************************************************/
#area_others01{
	background-image: url("../image/home/bg_home_dots04.png"), url("../image/common/bg_triangle01.png");
	background-size: 420px, 100%;
	background-repeat: no-repeat, no-repeat;
	background-position: left 0px bottom -100px, right bottom;
}
.area_others01_in{
	width: 100%;
	max-width: 1164px;
	padding: 2.5rem 2rem 6rem 2rem;
	margin: 0 auto;
}
.ul_others01{
	display:flex;
	flex-flow: row wrap;
}
.ul_others01 li{
	border: 1px solid #0d1834;
	width: 48%;
	margin: 0 4% 1rem 0;
}
.ul_others01 li:nth-child(2n){margin: 0 0 1rem 0;}
.ul_others01 li .item_left,
.ul_others01 li .item_right{
	clear: both;
	width: 100%;
}
.ul_others01 li .head{
	height: 176px;
}
.ul_others01 li .head .jp{
	bottom: 73px;
}
.ul_others01 li .head .icon{
	bottom: 16px;
}
.ul_others01 li .text{
	height: 110px;
	padding: 16px 16px 16px 16px;
}
/********/
}







/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

.first_view{
	background-image: 
		url("../image/home/img_home_firstview01.png"),
		url("../image/home/img_home_firstview02.png"),
		url("../image/home/img_home_firstview03.png"),
		url("../image/home/img_home_firstview04.png"),
		url("../image/home/img_home_firstview05.png"),
		url("../image/home/img_home_firstview06.png"),
		url("../image/home/bg_home_dots01.png"),
		url("../image/home/bg_home_dots02.png");
	background-size: 110px, 210px, 215px, 120px, 210px, 134px, 302px, 420px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 
		calc(50% + 490px) 22%,
		calc(50% + 490px) 49%,
		calc(50% + 440px) 83%,
		calc(50% - 250px) 83%,
		calc(50% - 490px) 65%,
		calc(50% - 510px) 23%,
		right 0px top 140px,
		left bottom;
}
/*メインイメージ（PC）
*************************************************/
#catchcopy{
	max-width: 610px;
}
#catchcopy .row02{
	font-size: 3rem;
	margin-bottom: 40px;
}
#catchcopy .row02 strong{
	font-size: 4rem;
	padding: 0 4px;
}
#catchcopy .row03{
	font-size: 3.50rem;/*56px*/
	margin-bottom: 35px;
}
#catchcopy .row03:first-letter{
	font-size: 5rem;/*80px*/
}
#catchcopy .row03 img{
	vertical-align: -14px;
}
#catchcopy .row03 img.mirai{
	max-width: 165px;
	margin: 0 0 0 10px;
}
#catchcopy .row04{
	font-size: 0.94rem;
	padding: 10px 0;
}
.btn_scroll01{display: none;}

/*ピックアップボタン（PC）
*************************************************/
a.btn_pickup01{
	left: 20px;
	bottom: 30px;
	width: 170px;
	height: 170px;
	background: url("../image/common/icn_arrow_down02.png") no-repeat left 50% bottom 10px, -webkit-linear-gradient(135deg, #03d8ff 15%, #2318ff 85%);
	background: url("../image/common/icn_arrow_down02.png") no-repeat left 50% bottom 10px, -o-linear-gradient(135deg, #03d8ff 15%, #2318ff 85%);
	background: url("../image/common/icn_arrow_down02.png") no-repeat left 50% bottom 10px, linear-gradient(135deg, #03d8ff 15%, #2318ff 85%);
	background-size: 6px, 100%;
	border: 3px solid #fff;
	font-size: 1.50rem;/*24px*/
}
a.btn_pickup01 span{
	width: 150px;
	height: 140px;
	padding: 44px 0 0 0;/*文字の位置*/
}
a.btn_pickup01:hover{bottom: 26px;}
    
a.btn_pickup02{
	left: 20px;
	bottom: 30px;
	width: 165px;
	height: 165px;
	background: url("../image/common/icn_arrow_down02.png") no-repeat left 50% bottom 10px, -webkit-linear-gradient(135deg, #fff703 15%, #ffd518 85%);
	background: url("../image/common/icn_arrow_down02.png") no-repeat left 50% bottom 10px, -o-linear-gradient(135deg, #fff703 15%, #ffd518 85%);
	background: url("../image/common/icn_arrow_down02.png") no-repeat left 50% bottom 10px, linear-gradient(135deg, #fff703 15%, #ffd518 85%);
	background-size: 6px, 100%;
	border: 3px solid #fff;
	font-size: 1.40rem;
    color:  #0D1834;
}
a.btn_pickup02 span{
	width: 150px;
	height: 140px;
	padding: 28px 0 0 0;/*文字の位置*/
}
a.btn_pickup02:hover{bottom: 26px;}
    
a.btn_pickup03{
	left: 20px;
	bottom: 30px;
	width: 165px;
	height: 165px;
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -webkit-linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -o-linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background-size: 6px, 100%;
	border: 3px solid #fff;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 1.40rem;
    color:  #ffffff;
}
a.btn_pickup03 span{
	width: 150px;
	height: 140px;
	padding: 52px 0 0 2px;/*文字の位置*/
}
a.btn_pickup03:hover{bottom: 26px;}

a.btn_pickup04{
	left: 20px;
	bottom: 210px;
	width: 165px;
	height: 165px;
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -webkit-linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, -o-linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background: url("../image/common/icn_arrow_down01.png") no-repeat left 50% bottom 10px, linear-gradient(135deg, #ff3903 15%, #ff1718 85%);
	background-size: 6px, 100%;
	border: 3px solid #fff;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 1.40rem;
    color:  #ffffff;
}
a.btn_pickup04 span{
	width: 150px;
	height: 140px;
	padding: 52px 0 0 2px;/*文字の位置*/
}
a.btn_pickup04:hover{bottom: 206px;}
    
/*学会紹介（PC）
*************************************************/
.area_introduction01_in{
	padding: 3rem 0 6rem 0;
	background: url("../image/home/txt_introduction01.png") no-repeat center top 12px;
	background-size: 733px;
}
/*ニュース＆イベント（PC）
*************************************************/
.wrapper_home02{padding: 2rem 2rem 6rem 2rem;}
/*バナー（PC）
*************************************************/
.area_banner02_in{padding: 2.5rem 2rem 6rem 2rem;}
/*他コンテンツ（PC）
*************************************************/
.ul_others01 li{
	border: 1px solid #0d1834;
	width: 23%;
	margin: 0 2.66% 1rem 0;
}
.ul_others01 li:nth-child(2n){margin: 0 2.66% 1rem 0;}
.ul_others01 li:nth-child(4n){margin: 0 0 1rem 0;}
.ul_others01 li .text{
	height: 130px;
	padding: 16px 16px 16px 16px;
}
/********/
}