body{
	margin:0;
	padding:0;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.breadcrumb{
	max-width: 950px;
	font-size:13px;
	margin: 0 auto 10px;
}

@media screen and (max-width: 967px){
	.breadcrumb{
	padding-left:15px;
	padding-right:15px;
}
}


.container{
	font-size:16px;
}
.container section{
	text-align: left;
	width:100%;
}

/*共通要素*/
.container .selectionContainer,.container .aboutContainer,.container .reasonContainer,.container .mapContainer,.container .picContainer,.container .linksContainer,.container .spotContainer,.container .courseContainer,.container .backtolistContainer,.container .pointContainer{
	max-width:970px;
	margin:0 auto;
}
.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container p{
	margin:0;
	padding:0;
}
.container p{
	font-size:0.9em;
	line-height:1.8rem;
	color:#4d4d4d;
}
.container img{
	transition: 1.0s;
	display: block;
}
.container img:hover{
	opacity:.8;
}
.textCenter{
	text-align: center;
}

/*font-family*/
.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:500;
}

/*font-size*/
.container .sizes{
	font-size:0.85em;
	line-height:1.3rem;
}


/*intro*/
.swiper-container {
	width: 100%;
	height: 650px;
}
.swiper-slide {
	position: relative;
	background-position: center;
	background-size: cover;
   overflow: hidden;
}
.swiper-slide > img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
}

.downArrow{
    position: absolute;
    top: 75%;
    left: 50%;
    z-index: 1000;
    margin-left: -17px;
		animation: downarrow 4s linear infinite;
}
@keyframes downarrow {
  0% { transform: translateY(0) }
  25% { transform: translateY(0) }
  30% { transform: translateY(-15px) }
  35% { transform: translateY(0) }
  40% { transform: translateY(-15px) }
  45% { transform: translateY(0) }
  100% { transform: translateY(0) }
}
.downarrowImg{
	animation: downarrowimg 12s ease 0s 1 normal;
}
@keyframes downarrowimg {
	0%, 65% {
    opacity: 0;
  }
 70%,100% {
    opacity: 1;
  }
}
.container .catch{
	position:absolute;
	font-size:2em;
	line-height:150%;
	color:#ffffff;
	text-align: center;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.8));
}
.container .fadeText01 {
  animation: slideTextFade1 12s ease 0s 1 normal;
	position:absolute;
	z-index: 1000;
	top:calc(50% - 100px);
	left:calc(50% - 280px);
}
@keyframes slideTextFade1 {
  0%, 15% {
    opacity: 0;
  }
  25%, 100% {
    opacity: 1;
  }
}
.container .fadeText02 {
animation: slideTextFade2 12s ease 0s 1 normal;
	position:absolute;
	z-index: 1000;
	top:calc(50% + 50px);
	left:calc(50% - 250px);
}
@keyframes slideTextFade2 {
  0%, 40% {
    opacity: 0;
  }
 50%, 100% {
    opacity: 1;
  }
}

/*
.text-01{
	top:calc(50% - 100px);
	left:calc(50% - 280px);
}
.text-02{
	top:calc(50% + 50px);
	left:calc(50% - 250px);
}
*/

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
	content: url(../images/slider/arrow-prev.png);

}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
	content: url(../images/slider/arrow-next.png);
}
.container .introCaption{
	position:absolute;
	bottom:5px;
	right:5%;
	color:#ffffff;
	font-size:0.8em;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
	z-index: 1000;
}
.container .keyLogo{
	position:absolute;
	bottom:10px;
	left:5%;
	z-index: 1000;
}
.container .keyLogo img{
	width:25%;
}

@keyframes zoomUp {
0% {
	transform: scale(1);
  }
100% {
	transform: scale(1.15);
  }
}
	.swiper-slide-active .slide-img,
	.swiper-slide-duplicate-active .slide-img,
	.swiper-slide-prev .slide-img{
 	animation: zoomUp 10s linear 0s 1 normal both;
}

.container .slide-img img{
	width: 100%;
	max-width:none;
	position:absolute;
}

/*スライダー調整*/
@media screen and (max-width: 1300px){
.container .slide-img img{
	width: 105%;
	left:-5%;
}
}

@media screen and (max-width: 1200px){
.container .slide-img img{
	width: 120%;
	left:-20%;
}
}

@media screen and (max-width: 1024px){
.container .slide-img img{
	width: 150%;
	left:-30%;
}
}

@media screen and (max-width: 969px){
.container .slide-img img{
	width: 180%;
	left:-50%;
}
}

@media screen and (max-width: 767px){
.container .swiper-container {
	height: 560px;
}
.container .slide-img img{
	width: 160%;
	left:-35%;
}
}

@media screen and (max-width: 700px){
.container .slide-img img{
	width: 200%;
	left:-50%;
}
}

@media screen and (max-width: 600px){
.container .slide-img img{
	width: 220%;
	left:-60%;
}
}

@media screen and (max-width: 500px){
.container .slide-img img{
	width: 240%;
	left:-75%;
}
}

@media screen and (max-width: 467px){
.container .slide-img img{
	width: 280%;
	left:-90%;
}
.container .keyLogo{
	bottom:35px;
}
.container .keyLogo img{
	width:25%;
}
}

@media screen and (max-width: 400px){
.container .slide-img img{
	width: 320%;
	left:-100%;
}
}

@media screen and (max-width:  350px){
.container .slide-img img{
	width: 350%;
	left:-110%;
}
}


/*selection*/
.container #selection{
	background-color:#1a1a1a;
}
.container .selectionContainer{
	padding:40px 60px;
}
.container .selectionGrid{
	margin:0 auto;
	max-width:850px;
	display:-ms-grid;
	display:grid;
	gap:50px;
	-ms-grid-columns:1fr 50px 1fr;
	grid-template-columns:1fr 1fr;
}
.container .selectionItem img{
	width:100%;
}
.container .selectionItem:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.container .selectionItem:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
/*about*/
.container #about{
	margin-top:36px;
}
.container .aboutGrid{
	margin-top:40px;
	max-width:970px;
	display:-ms-grid;
	display:grid;
	gap:40px;
	-ms-grid-columns:1fr 40px 1fr 40px 1fr;
	grid-template-columns:repeat(3,1fr);
}
.container .aboutItemwrapper{
	display: grid;
	margin: 0;
	padding: 0;
	background: -moz-linear-gradient(top right, #d28969, #fff 45%, #fff 55%, #d28969);
	background: -webkit-linear-gradient(top right, #d28969, #fff 45%, #fff 55%, #d28969);
	background: linear-gradient(to bottom left, #d28969, #fff 45%, #fff 55%, #d28969);
}
.container .aboutItem{
	padding:35px;
	margin: 2px;
	background-color: #fff;
}
.container .aboutItemwrapper:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.container .aboutItemwrapper:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.container .aboutItemwrapper:nth-child(3){
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.container .aboutTerm{
	text-align:center;
	margin-bottom:10px;
	font-size:1.17em;
}
.container .aboutDesc{
	line-height:1.5rem;
}

.container .aboutContainer {
	margin:0 auto;
	position: relative;
	width: 100%;
	cursor: pointer
}

.container .btn{
	display: block;
	position: relative;
	margin: 0 auto;
	padding:12px 30px 12px 30px;
	font-size: 1.25em;
	font-weight: normal;
	color: #fff;
	border-radius:4px;
	cursor: pointer;
	max-width:460px;
	transition: 1.0s;
}

.container .aboutTitle {
	background: #c49865;
}

.container .aboutTitle:hover,
.container .aboutTitle:active,
.container .contentEntry.open .aboutTitle {
	background-color:#c18140;
	color: white;
}

.container .aboutTitle:hover i:before,
.container .aboutTitle:hover i:active,
.container .contentEntry.open i {
	color: white;
}

.container .aboutTitle{
	position: relative;
	text-align: center;
}

.container .aboutTitle:after {
	font-family: 'Font Awesome 5 Free';
/*	content: '\f138';*/
	content: '\f0a8';
	font-weight: bold;
	position: absolute;
	right: 25px;
	top: 30%;
	transition: all 0.2s ease-in-out;
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.container .aboutTitle.open:after {
/*	content: '\f138';*/
	content: '\f0a8';
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.container .aboutContent {
	display: none;
}

/*reason*/
.container #reason{
	margin-top:60px;
}
.container .reasonTitle{
	text-align: center;
	margin-bottom: 30px;
}
.container .reasonGrid{
	margin-top:50px;
	display:-ms-grid;
	display:grid;
	gap:40px;
	-ms-grid-columns:1fr 40px 1fr;
	grid-template-columns:1fr 1fr;
}
.container .reasonItem:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.container .reasonItem:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.container .reasonProfessorGrid{
	background-color:#f2f7f7;
	padding: 20px;
	display:-ms-grid;
	display:grid;
	gap:15px;
	-ms-grid-columns:2fr 15px 3fr;
	grid-template-columns:2fr 3fr;
}
.container .reasonProfessorItem:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.container .reasonProfessorItem:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.container .reasonProfessorItem img{
	width:100%;
}

.container .reasonProfessor{
	display:inline-block;
}
.container .professorName{
	margin-bottom:10px;
}
.container .professorName span{
	font-size:0.85em;
}

/*map*/
#mapSelection{
	margin-top:100px;
	background-color:#f2f7f7;
	padding:60px 0;
}
#mapSelection #imgmap>img{
	width:100%;
}
.container .decoTitle{
	margin:0 auto 40px;
	text-align: center;
	color: #4d4d4d;
	font-size: 1.7em;
	display: flex;
	align-items: center;
	width:60%;
}
.container .decoTitle:before, .container .decoTitle:after {
	content: "";
	flex-grow: 1;
	height: 3px;
	background: #c69c6d;
	display: block;
}
.container .decoTitle:before {
	margin-right: .6em;
}
.container .decoTitle:after {
	margin-left: .6em;
}
/*地図のポップアップ-----------------*/
/*コンテナ*/
.mapContainer{

}
/*PC用表示*/
.wrapperMappc{
	position: relative;
}
/*モバイル・スマホ非表示*/
.wrapperMapsp{
	display: none;
}
/*地図だけopacityを設定しない*/
#imgmap>img{
	opacity:1;
}
/*ポップアップ別コンテナ*/
.wrapperYellowstone{
	position:absolute;
	top:12px;
	left:565px;
	z-index: 9999;
}
.wrapperBrycecanyon{
	position:absolute;
	top:258px;
	left:505px;
	z-index: 9999;
}
.wrapperYosemite{
	position:absolute;
	top:262px;
	left:282px;
	z-index: 9999;
}
.wrapperGrandcanyon{
	position:absolute;
	top:340px;
	left:520px;
	z-index: 9999;
}
.wrapperGrandteton{
	position:absolute;
	top:48px;
	left:558px;
	z-index: 9999;
}
.wrapperEastcoast{
	position:absolute;
	top:22px;
	left:665px;
	z-index: 9999;
}
/*位置表示図形*/
.circleYellowstone{
	position: absolute;
	width: 24px;
	height: 38px;
	top:9px;
	left:526px;
}
.circleBrycecanyon{
	position: absolute;
	width: 24px;
	height: 38px;
	top:256px;
	left:466px;
}
.circleYosemite{
	position: absolute;
	width: 24px;
	height: 38px;
	top:260px;
	left:245px;
}
.circleGrandcanyon{
	position: absolute;
	width: 24px;
	height: 38px;
	top:337px;
	left:455px;
}
.circleGrandteton{
	position: absolute;
	width: 24px;
	height: 38px;
	top:44px;
	left:522px;
/*
	top:75px;
	left:526px;
*/
}
.circleEastcoast{
	position: absolute;
	width: 24px;
	height: 38px;
	top:18px;
	left:907px;
}

/*右側吹き出し（PC用）*/
.balloonRight {
  position: relative;
  display: inline-block;
  padding: 15px;
  width:200px;
	height:auto;
  background: #fff;
	box-shadow: 6px 6px rgba(30, 30, 30, 0.3);
	text-align: center;
}
.balloonRight::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
}
.balloonRight::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 20px;
  border-right: 15px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/*左側吹き出し(PC用)*/
.balloonLeft {
  position: relative;
  display: inline-block;
  padding: 15px;
  width:200px;
	height:auto;
  background: #fff;
	box-shadow: 6px 6px rgba(30, 30, 30, 0.3);;
	text-align: center;
}
.balloonLeft::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 20px;
}
.balloonLeft::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -12px;
  top: 20px;
  border-left: 15px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
/*段落*/
.container p.balloon {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
/*画像*/
img.balloon {
	width: 100%;
	height:128px;
  margin: 0 auto 10px;
  padding: 0;
	object-fit: cover;
}
/*ボタン*/
.btnMap {

}
.container .btnMaptxt{
	display: flex;
	position: relative;
	justify-content: center;
	width: 170px;
	margin: 10px auto 0;
	padding: 0.4em 0.25em 0.3em;
	text-decoration: none;
	color: #fff;
	font-size: 0.8em;
	background: #c49865;
	transition: .4s;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.btnMaptxt:hover {
  background: #aa7744;
}
.btnMapRight{
	display: block;
	position: absolute;
  right: 10px;
}
/*吹き出しアニメーション*/
@keyframes wrapper-showUp{
    from{
        opacity: 0;
				margin-top: 20px;
    }
    to{
        opacity: 1;
				margin-top: 0;
    }
}
/*吹き出し表示効果*/
.wrapperYellowstone,.wrapperYosemite,.wrapperBrycecanyon,.wrapperGrandcanyon,.wrapperGrandteton,.wrapperEastcoast {
	display: none;
}
.wrapperYellowstone.showUp,.wrapperYosemite.showUp,.wrapperBrycecanyon.showUp,.wrapperGrandcanyon.showUp,.wrapperGrandteton.showUp,.wrapperEastcoast.showUp{
	display: block;
	animation-name: wrapper-showUp;
	animation-duration: 0.3s;
	animation-delay: 0s;
	animation-timing-function: linear;
}


@media screen and (max-width: 969px){
	/*PC用非表示*/
	.wrapperMappc{
		display: none;
	}
	/*モバイル・スマホ表示*/
	.wrapperMapsp{
		display: inherit;
	}
	#mapsp {
		width: 100%;
	}
	#mapsp>img{
		width: 100%;
	}
	/*下側吹き出し（スマホ用）*/
	.balloonBottom {
	  position: relative;
	  display: inline-block;
	  padding: 5%;
		margin: 30px 5% 0;
	  width:80%;
		border:
		height:auto;
	  background: #fff;
		text-align: center;
		border: 2px solid #999;
	}
	.balloonBottom::before{
	  content: '';
	  position: absolute;
	  display: block;
	  width: 0;
	  height: 0;
		left: calc(50% - 30px);
	  top: -30px;
	  border-bottom: 30px solid #999;
	  border-right: 30px solid transparent;
	  border-left: 30px solid transparent;
	}
	.balloonBottom::after{
	  content: '';
	  position: absolute;
	  display: block;
	  width: 0;
	  height: 0;
		left: calc(50% - 30px);
	  top: -28px;
	  border-bottom: 30px solid #fff;
	  border-right: 30px solid transparent;
	  border-left: 30px solid transparent;
	}
	/*画像*/
.container .wrapperspImage {
	  width: 100%;
	  padding-top: 56%;
		margin-bottom: 1em;
	}

.container .wrapperYellowstonesp .wrapperspImage{
		background: url("../images/location/location-04.jpg");
		background-size: cover;
	}
.container .wrapperBrycecanyonsp .wrapperspImage{
		background: url("../images/location/location-03.jpg");
		background-size: cover;
	}
.container .wrapperYosemitesp .wrapperspImage{
		background: url("../images/location/location-02.jpg");
		background-size: cover;
	}
.container .wrapperGrandcanyonsp .wrapperspImage{
		background: url("../images/location/location-01.jpg");
		background-size: cover;
	}
.container .wrapperGrandtetonsp .wrapperspImage{
		background: url("../images/location/location-05.jpg");
		background-size: cover;
	}
.container .wrapperEastcoastsp .wrapperspImage{
		background: url("../images/location/location-06.jpg");
		background-size: cover;
	}
	/*段落*/
.container p.balloon {
		font-size: 1.5em;
	}
	/*ボタン*/
.container .btnMap {
		width: 80%;
		margin-top: 10px;
		font-size: 1.2em;
		text-decoration: none;
	}
	/*吹き出しアニメーション*/
	@keyframes sp-showUp{
	    from{
	        opacity: 0;
					margin-top: 20px;
	    }
	    to{
	        opacity: 1;
					margin-top: 0;
	    }
	}
	/*吹き出し表示効果*/
	.wrapperYellowstonesp,.wrapperYosemitesp,.wrapperBrycecanyonsp,.wrapperGrandcanyonsp,.wrapperGrandtetonsp,.wrapperEastcoastsp {
	  display:none;
	}

	.wrapperYellowstonesp.showUp,.wrapperYosemitesp.showUp,.wrapperBrycecanyonsp.showUp,.wrapperGrandcanyonsp.showUp,.wrapperGrandtetonsp.showUp,.wrapperEastcoastsp.showUp {
	  display: block;
	  margin-top: 0;
		animation-name: sp-showUp;
		animation-duration: 0.3s;
		animation-delay: 0s;
		animation-timing-function: linear;
	}
}


/*pic*/
.container #picSelection{
	margin-top:60px;
}
.container .picGrid{
	margin: 0 auto;
	display: -ms-grid;
	display: grid;
	gap:17px;
	-ms-grid-columns: 1fr 17px 1fr 17px 1fr;
	grid-template-columns: repeat(3, 1fr);
	-ms-grid-rows: 1fr 17px 1fr;
}
.container .picItem{
	position: relative;
	background-color:#000000;
}
.container .picItem:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.container .picItem:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.container .picItem:nth-child(3){
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.container .picItem:nth-child(4){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.container .picItem:nth-child(5){
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
.container .picItem:nth-child(6){
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}
.container .up img{
	width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.container .up img:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.container .expand{
	overflow:hidden;
	width: 100%;
}
.container .expand img{
	width: 100%;
	display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.container .expand img:hover{
	transform: scale(1.1, 1.1);
	opacity:.5;
}

.container .locationName{
	position:absolute;
	color:#fff;
	font-size:1em;
	top:50%;
	left:50%;
	margin-top: -20px;
 	margin-left: -100px;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.9));
}
.container .upperName{
	margin-top: -12px;
}
.container .shortName{
 	margin-left: -60px;
}
.container .normalName{
	margin-left:-45px;
}
.container .locationName:hover + .expand img{
	transform: scale(1.1, 1.1);
	opacity:.5;
}

/*links*/
.container #links{
	margin:75px auto 85px;
}
.container .linksGrid{
	margin: 0 auto;
	display: -ms-grid;
	display: grid;
	gap:26px;
	-ms-grid-columns:1fr 26px 1fr;
	grid-template-columns:1fr 1fr;
}
.container .linksItem img{
	width: 100%;
}
.container .linksItem:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.container .linksItem:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}



/*レスポンシブ対応*/
@media screen and (max-width: 1200px){
}

@media screen and (max-width: 1024px){
.container .selectionContainer,.container .reasonContainer,.container .mapContainer,.container .picContainer,.container .linksContainer{
	padding-left:2%;
	padding-right:2%;
	margin:0 auto;
}
}

@media screen and (max-width: 969px){
.container .selectionContainer,.container .reasonContainer,.container .mapContainer,.container .picContainer,.container .linksContainer{
	padding-left:5%;
	padding-right:5%;
}

.container .aboutContent{
	padding-left:5%;
	padding-right:5%;
}

.container .aboutGrid{
	gap:20px;
}

.container .aboutItem{
	padding:25px;
}

}

@media screen and (min-width: 768px){
/*common*/
.displaypc{
	display: block;
}
.displaysp{
	display: none;
}
}
@media screen and (max-width: 767px){
/*common*/
.displaypc{
	display: none;
}
.displaysp{
	display: block;
}
.container .selectionGrid,.container .aboutGrid,.container .reasonGrid,.container .picGrid,.container .linksGrid{
	-ms-grid-columns:1fr;
	grid-template-columns:1fr;
}

/*セレクションセクション*/
.container .selectionGrid{
	gap:20px;
	-ms-grid-rows:1fr 20px 1fr;
}
.container .selectionItem:nth-child(2){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

/*Aboutセクション*/
.container .aboutGrid{
	-ms-grid-rows:auto 20px auto 20px auto;
}

.container .aboutItemwrapper:nth-child(2){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.container .aboutItemwrapper:nth-child(3){
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
	
/*Reasonセクション*/
.container .reasonGrid{
	-ms-grid-rows:auto 20px 1fr;
}
.container .reasonItem:nth-child(2){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

/*Picセクション*/
.container .picGrid{
	-ms-grid-rows:1fr 17px 1fr 17px 1fr 17px 1fr 17px 1fr 17px 1fr;
}
.container .picItem:nth-child(2){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.container .picItem:nth-child(3){
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
.container .picItem:nth-child(4){
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}
.container .picItem:nth-child(5){
    -ms-grid-row: 9;
    -ms-grid-column: 1;
}
.container .picItem:nth-child(6){
    -ms-grid-row: 11;
    -ms-grid-column: 1;
}
.container .locationName{
	font-size:1.5em;
 	margin-left: -150px;
}
.container .shortName{
 	margin-left: -100px;
}
.container .normalName{
 	margin-left: -70px;
}


.container .linksGrid{
	-ms-grid-rows:1fr 30px 1fr;
}
.container .linksItem:nth-child(2){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}


/*intro*/
.container .fadeText01{
	top:calc(50% - 250px);
	left:calc(50% - 170px);
}
.container .fadeText02{
	top:calc(50% - 20px);
	left:calc(50% - 125px);
}
/*
.text-01{
	top:calc(50% - 210px);
	left:calc(50% - 170px);
}
.text-02{
	top:calc(50% - 60px);
	left:calc(50% - 125px);
}
*/

.container .introCaption{
	right:calc(50% - 135px);
}

/*about*/
.container .aboutContainer{
	width: auto;
}

/*selection*/
.container .decoTitle{
	width:100%;
}

}

@media screen and (max-width: 600px){
.container .aboutContainer{
	padding-left:5%;
	padding-right:5%;
}
.container .aboutContent {
	padding-left:0;
	padding-right:0;
}

}

@media screen and (min-width: 468px){
/*common*/
.displaypcx{
	display: block;
}
.displayspx{
	display: none;
}
}
@media screen and (max-width: 467px){
/*common*/
.displaypcx{
	display: none;
}
.displayspx{
	display: block;
}

.container .btn{
	font-size:1em;
}

/*intro*/
.container .catch{
	font-size:1.3em;
}
.container .fadeText01{
	top:calc(50% - 200px);
	left:calc(50% - 110px);
}
.container .fadeText02{
	top:calc(50% - 30px);
	left:calc(50% - 80px);
}

/*
.text-01{
	top:calc(50% - 130px);
	left:calc(50% - 110px);
}
.text-02{
	top:calc(50% - 30px);
	left:calc(50% - 180px);
}
*/
.container .introCaption{
	right:calc(50% - 135px);
}


/*reason*/
.container .reasonTitle{
	font-size:1.3em;
}
.container .reasonGrid{
	margin-top:30px;
}

.container .reasonProfessorGrid{
	padding: 20px 15px;
}

/*map*/
.container #mapSelection{
	margin-top: 50px;
}
.container p.balloon {
	font-size: 1.2em;
	line-height:1.2rem;
}
.container .btnMap {
	font-size: 1em;
}
.container .decoTitle{
	font-size:1.3em;
}

/*pic*/
.container .locationName{
	font-size:1em;
 	margin-left: -100px;
}
.container .shortName{
 	margin-left: -60px;
}
.container .normalName{
 	margin-left: -45px;
}

}

/* windows用about    */
@media screen and (min-width: 970px){
/* IE11    */
_:lang(x)::-ms-backdrop, .aboutItem {min-height:260px;}
/* Edge    */
_:-ms-lang(x)::backdrop, .aboutItem {min-height:260px;}
}
@media screen and (min-width: 768px) and (max-width: 969px){
/* IE11    */
_:lang(x)::-ms-backdrop, .aboutItem {min-height:450px;}
/* Edge    */
_:-ms-lang(x)::backdrop, .aboutItem {min-height:450px;}
}