@charset "UTF-8";

/* ----------------------------------------------------------   

   #topImg

   ---------------------------------------------------------- */

#topImg { position: relative; z-index:2; min-height:100%; min-height:100vh; width:100%; overflow: hidden; }
#topImg:before { position: absolute; right:0; bottom:0; z-index:0; width:8%; height:50px; content:""; background:#1c385e; }
#topImg:after { position: absolute; right:0; bottom:0; z-index:-1; width:100%; height:50px; content:""; background:#f9cc46; }

@media only screen and (max-width: 900px) {
#topImg { min-height:700px; }
}
@media only screen and (max-width: 738px) {
#topImg { min-height:0; min-height:auto; margin-top:50px;}
}
@media only screen and (max-width: 500px) {
#topImg {  min-height:450px; border-bottom: #ddd 1px solid}
#topImg:before,
#topImg:after { display: none;}
}


/* ======== .mainSlider ======== */
#topImg .slick-list,
#topImg .slick-track { height:100%; }
/* .img */ 
#topImg .img { position: absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
/* .mainImg */ 
#topImg .mainImg { width:100%; position: relative; z-index: 0; }

#topImg .mainImg a.link-all {  position: absolute; top: 80px; right:0; bottom: 50px; left: 0;  z-index: 3;}

/* ======== .imgArea ======== */ 
#topImg .imgArea {position: absolute; top:0; right:0; bottom:50px; left:0; z-index:0; }
#topImg .imgArea:before { position: absolute; top:0; right:0; bottom:0; left:0; z-index:1; content:""; background:#1b499c; background:-moz-linear-gradient(-45deg, #8b8cd6 4%, #6aa3c1 72%, #6aa3c1 72%, #d6db9b 100%);background:-webkit-linear-gradient(-45deg, #8b8cd6 4%,#6aa3c1 72%,#6aa3c1 72%,#d6db9b 100%);background:linear-gradient(135deg, #8b8cd6 4%,#6aa3c1 72%,#6aa3c1 72%,#d6db9b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8cd6', endColorstr='#d6db9b',GradientType=1 );background-image:linear-gradient(114deg, #1b499c 0%, #97D9E1 75%, #7fffdc 100%); opacity:0.2; }
#topImg .imgArea:after { position: absolute; top:0%; right:0; bottom:0; left:0; z-index:1; content:""; background:transparent;background:-moz-linear-gradient(top, rgba(1,1,1,0) 0%, rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(top, rgba(1,1,1,0) 0%,rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom, rgba(1,1,1,0) 0%,rgba(0,0,0,0.5) 100%); }
#topImg .imgArea img { width:100%; height:100%; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition: all 0.3s ease; }

@media only screen and (max-width: 738px) {
#topImg .img { position: static; z-index:1; }
#topImg .imgArea { position: relative;  top: 0; right: 0; left: 0; bottom: auto; height: 500px; margin-bottom: 45px;}
}
@media only screen and (max-width: 500px) {
#topImg .img { position: static; z-index:1; }
#topImg .imgArea {  height: 410px; margin-bottom: 0;}
}

/* ======== .txtArea ======== */ 
#topImg .txtArea { position: absolute; bottom:0; left:0; z-index:2; width: 85%; color:#fff; padding:35px 30px 85px 5%;/*padding:5px 30px 85px 5%;*/ }
#topImg .txtArea:before { position: absolute; top:0; right:25%; bottom:25px; left:-30.5%; content:""; z-index:-2; background:#1c385e; -webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg);}
#topImg .txtArea:after { position: absolute; top:25px; right:25%; bottom:0; left:-30.5%; z-index:-3; content:""; background:#edeef0; margin-right:-20px; -webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg); }
/* p.date */
#topImg .txtArea p.date { margin: 0; padding: 0; font-size:16px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:20px; letter-spacing:0.1em; text-indent:2px; color:#f9cc46; }
#topImg .txtArea p.date span.category { display: inline-block;margin-left: 10px; padding: 1px 8px 0; color: #1c385e; font-size:13px; font-family:'Noto Sans JP', sans-serif; font-weight:700; letter-spacing:1px; line-height: 20px; background: #f9cc46; font-family: 'Open Sans',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;font-feature-settings:"palt" 1; }
/* h2 */
#topImg .txtArea h2 { max-width:70%; font-size:2.5vw; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:1.5; letter-spacing:0.05em; font-feature-settings:"palt" 1; margin-top:10px; }
/* .link */
#topImg .txtArea .link { margin-top:15px; }
#topImg .txtArea .link span.btn { display: inline-block; font-size:14px; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:30px; color:#fff; background:#df1843; padding:0 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


@media only screen and (max-width: 1024px) {
#topImg .txtArea h2 { font-size:2.75vw;  }
}
@media only screen and (max-width: 900px) {
#topImg .txtArea h2 { font-size:2.75vw;}
}
@media only screen and (max-width: 738px) {
#topImg .txtArea { max-width:70%; padding:20px 20px 50px 5%; /*padding:0px 20px 50px 5%;*/ }
#topImg .txtArea:before { position: absolute; top:0; right:0;bottom:10px;}
#topImg .txtArea:after { position: absolute; top:15px; right:-0; bottom:0;margin-right:-10px;}
#topImg .txtArea p.date span.category { font-size:12px; }
#topImg .txtArea h2 { max-width:95%; font-size:3.25vw;margin-top:5px; }
#topImg .txtArea .link span.btn { font-size:13px;line-height:25px;padding:0 20px; }
}
@media only screen and (max-width: 500px) {
#topImg .txtArea { position: absolute; bottom:0; left:0; z-index:2; max-width:87.5%; right:7.5%; color:#fff; padding:20px 5% 15px; /*padding:0px 5% 15px;*/}
#topImg .txtArea:before { position: absolute; top:0; right:-5px; bottom:0; left:-100%; -webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg); opacity: 0.8}
#topImg .txtArea:after { position: absolute; top:0; right:-100%; bottom:0; left:105%; margin-right:0;background:#f9cc46; opacity: 0.7; }
#topImg .txtArea h2 { max-width:100%; font-size:4.5vw; line-height: 1.6}
#topImg .txtArea .link span.btn { font-size:12px;}
}



/* ======== .mainSlider ======== */
.mainSlider .slick-list,
.mainSlider .slick-track { height:100%; }
/* Arrows */
.mainSlider .slick-prev,
.mainSlider .slick-next { position: absolute; bottom:0px; z-index:5; display: block; width:80px; height:50px; font-size:0; line-height:0; color:#1c385e; margin-top:0; padding:0; border:none; cursor:pointer; outline:none; /*lte IE 8*/ -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.mainSlider .slick-prev:before,
.mainSlider .slick-next:before { font-size:16px; font-size: 18px; font-family:'themify'; font-weight: 700; line-height:1; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
.mainSlider .slick-prev { right:5%; margin-right:79px; background:none; }
.mainSlider .slick-prev:before { content:"\e64a"; }
.mainSlider .slick-next { right:5%; background:none; }
.mainSlider .slick-next:before { content:"\e649"; }
.mainSlider .slick-prev:after { position: absolute; top:0; right:0; bottom:0; left:0; z-index:-1; content:""; background:#f9f9fa; -webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg); }
.mainSlider .slick-next:after { position: absolute; top:0; right:0; bottom:0; left:0; z-index:-1; content:""; background:#edeef0; -webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg); }
/* :before */
.mainSlider .slick-prev:hover:before,
.mainSlider .slick-prev:focus:before,
.mainSlider .slick-next:hover:before,
.mainSlider .slick-next:focus:before { opacity:1; }

@media only screen and (max-width: 900px) {
.mainSlider .slick-prev,
.mainSlider .slick-next { width:60px; height:50px; }
.mainSlider .slick-prev { margin-right:59px;}
}
@media only screen and (max-width: 738px) {
.mainSlider .slick-prev,
.mainSlider .slick-next { width:60px; height:45px; }
.mainSlider .slick-prev { margin-right:59px;}
.mainSlider .slick-prev:before,
.mainSlider .slick-next:before { font-size:14px;}
}
@media only screen and (max-width: 500px) {
.mainSlider .slick-prev,
.mainSlider .slick-next { width:40px; height:39px; }
.mainSlider .slick-prev { margin-right:59px;}	
.mainSlider .slick-prev{ margin-right: 0; right: auto; left: 0;}
.mainSlider .slick-next { right: 0;}
.mainSlider .slick-prev:before,
.mainSlider .slick-next:before { font-size:14px;font-weight:normal; }
.mainSlider .slick-prev:after,
.mainSlider .slick-next:after {display: none;}
}


/* .slick-dots */ 
.mainSlider .slick-dots { position: absolute; bottom:40px; left:5%; z-index:4; text-align: left; }
.mainSlider .slick-dots li { position: relative; display: inline-block; width:6px; height:6px; margin:0 10px 0 0; padding:0; cursor: pointer; }
.mainSlider .slick-dots li button { display: block; width:6px; height:6px; font-size:0; line-height:0; background:transparent; padding:0; border:#edeef0 1px solid; outline:none; cursor: pointer; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; }
.mainSlider .slick-dots li button:hover, .slick-dots li button:focus { background:#edeef0; }
.mainSlider .slick-dots li.slick-active button { background:#edeef0; }

@media only screen and (max-width: 900px) {
.mainSlider .slick-dots { bottom:50px; }
}
@media only screen and (max-width: 738px) {
.mainSlider .slick-dots { bottom:25px; }
}
@media only screen and (max-width: 500px) {
.mainSlider .slick-dots { bottom:12.5px; right: 5%; left: 5%; text-align: center;}
.mainSlider .slick-dots li button { border:#2d4f78 1px solid;}
.mainSlider .slick-dots li button:hover, .slick-dots li button:focus { background:#2d4f78; }
.mainSlider .slick-dots li.slick-active button { background:#2d4f78; }
}



/* ======== .ticketArea ======== */ 

#topImg .ticketArea { position: absolute; bottom: 50px; width: 30%; right: 0;color:#fff; z-index: 3;}

@media only screen and (max-width: 900px) {
#topImg .ticketArea { display: none;}
}

#topImg .ticketArea a { display: block; margin-bottom: 25px; width: 100%; height: 90px; position: relative; z-index:1; 
-webkit-box-shadow: 0px 3px 15px rgba(9, 32, 62, 0.5);
-moz-box-shadow: 0px 3px 15px rgba(9, 32, 62, 0.5);
box-shadow: 0px 3px 15px rgba(9, 32, 62, 0.5);}
#topImg .ticketArea a:before { position: absolute; top:0; right:-20%; bottom:0; left:0; z-index:-1; content:""; -webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg); 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df1843+0,df1818+48,df7a18+100 */
background: #df1843; /* Old browsers */
background: -moz-linear-gradient(-45deg, #df1843 0%, #df1818 48%, #df7a18 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #df1843 0%,#df1818 48%,#df7a18 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #df1843 0%,#df1818 48%,#df7a18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df1843', endColorstr='#df7a18',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#topImg .ticketArea a:after { position: absolute; top:-12px; right:-100%; bottom:12px; left:-8px; z-index:-2; content:"";border:#f9cc46 5px solid; border-width: 4px 5px;
	-webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg);
-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}

#topImg .ticketArea a:hover {-webkit-transform: translate(10px, 0px);
-moz-transform: translate(10px, 0px);
-o-transform: translate(10px, 0px);
-ms-transform: translate(10px, 0px);
transform: translate(10px, 0px);}
#topImg .ticketArea a:hover:after { background: #f9cc46;}

#topImg .ticketArea .icon { position: absolute; top: 0; left: 25px; bottom: 0; width: 45px; height: 45px; border:#fff 1px solid;color: #fff; margin: auto 0; z-index: 0;}
#topImg .ticketArea .icon .icon-txt { position: absolute; top:5px; right:0; left:0; z-index:0; font-size:12px; font-family:'Barlow Condensed', sans-serif;font-weight:600; line-height:10px; letter-spacing:0.5px; text-align: center; text-indent:0.5px; z-index: 0; }
#topImg .ticketArea .icon:before { position: absolute; right:0; bottom:3px; left:0; height: 20px; z-index:1; font-size:28px; font-family:'Material Icons'; content:"description"; line-height:20px; text-align: center; z-index: 0; }
#topImg .ticketArea .icon:after { position: absolute; top: -5px; right:-5px; bottom:-5px; left:-5px; content: "";/* background: #fff; */webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg);  z-index: -1; }

#topImg .ticketArea .txt { padding-left: 10px; position: absolute; top:50%; left:0; z-index:4; display: inline-block; width:100%; font-size:15px; font-family:'Noto Sans JP', sans-serif; font-weight:400; line-height: 1.4; text-align: center; letter-spacing: 0.5px;
	-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); }
#topImg .ticketArea .txt b { font-size: 1.3em;font-weight:500;}

#topImg .ticketArea .arrow {position: absolute; top: 0; right: 20px; bottom: 0; width: 20px; height: 20px; margin: auto 0; z-index: 0;}
#topImg .ticketArea .arrow:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; z-index: 0;font-size:22px; font-family:'Material Icons'; content:"east"; font-weight:normal; text-align: center; line-height: 20px; }

@media only screen and (max-width: 1024px) {
#topImg .ticketArea .txt { padding-left: 20px;font-size: 14px;}
#topImg .ticketArea .icon { left: 20px; width: 40px; height: 45px;}
#topImg .ticketArea .arrow {right: 15px;}
#topImg .ticketArea .arrow:before { font-size: 20px; }
}


/* ---------------------------------------------------------------------------------------------------   

　#home_topics

   --------------------------------------------------------------------------------------------------- */

#home_topics { position: relative; z-index:1; background:#fff; padding:40px 5%; overflow: hidden; width:100%; }

/* ======== .headlineArea ======== */ 
#home_topics .headline { float: left; width:15%; margin: 0;  text-align: left;}
#home_topics .headline h2.jp { text-indent: 5px;}

/* ======== .txtArea ======== */ 
#home_topics .txtArea { float: right; width:75%; }
/* dl */
#home_topics .txtArea dl { position: relative; z-index:1; font-size:15px; line-height:1.8; letter-spacing:1px; text-align: left; margin-top:2px; padding:20px 25px; }
#home_topics .txtArea dl:before { position: absolute; top:0; left:0; z-index:-1; width:0; height:0; content:""; border-top:30px solid #f9cc46; border-right:15px solid transparent; }
#home_topics .txtArea dl:after { position: absolute; top:0; right:0; bottom:0; left:0; z-index:-2; content:""; background:#f6f7f8; }
/* dt */
#home_topics .txtArea dl dt { position: relative; z-index:1; clear: left; float: left; width:130px; font-size:18px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:1.5; letter-spacing:1px; olor:#001741; }
/* dd */
#home_topics .txtArea dl dd { font-family:'Noto Sans JP', sans-serif; font-weight:400; margin-left:130px; padding:0; }
#home_topics .txtArea dl dd p { font-weight: 400;}
#home_topics .txtArea dl dd a { color:#df1843; border-bottom:#df1843 1px solid; }
#home_topics .txtArea dl dd a:hover { color:#fff; background:#df1843; }

@media only screen and (max-width: 900px) {
#home_topics .headline { float: none; width:100%; margin: 0 0 30px;  text-align: center;}
#home_topics .headline h2.jp { text-indent: 0;}
#home_topics .txtArea { float: none; width:100%; }
#home_topics .txtArea dl { font-size:14px; line-height:2;}
#home_topics .txtArea dl dt { width:100px; font-size:16px; margin-top: 3px; }
#home_topics .txtArea dl dd { margin-left:100px; }
#home_topics .txtArea dl dd a:hover { color:#df1843;  background:none; }
}
@media only screen and (max-width: 738px) {
#home_topics {  padding:35px 2.5%; }
#home_topics .txtArea dl { font-size:14px; line-height:1.8; padding:15px 25px; }
#home_topics .txtArea dl:before { position: absolute; top:0; left:0; z-index:-1; width:0; height:0; content:""; border-top:30px solid #f9cc46; border-right:15px solid transparent; }
#home_topics .txtArea dl dt { float: none; margin: 0; width:100%; font-size:15px;line-height:1.8; letter-spacing: 0.5px;} 
#home_topics .txtArea dl dd {  margin-left:0; padding:0; }
}







/* ---------------------------------------------------------------------------------------------------   

　#home_news

   --------------------------------------------------------------------------------------------------- */

#home_news { position: relative; z-index:1; padding:75px 5%; overflow: hidden; }

@media only screen and (max-width: 900px) {
#home_news { padding:65px 5% 0; }
}
@media only screen and (max-width: 738px) {
#home_news { padding:50px 2.5% 0; }
}


/* ----------------------------------------------------------   

   .news

   ---------------------------------------------------------- */

.news { }

@media only screen and (max-width: 900px) {
.news { padding-bottom: 65px; }
}
@media only screen and (max-width: 738px) {
.news { padding-bottom: 50px; }
}

/* ======== .newsBox ======== */ 
.news .newsBox { background:#fff; margin-top:15px; padding:25px; }
.news .newsBox:first-child { margin-top:0; }

@media only screen and (max-width: 738px) {
.news .newsBox { margin-top: 20px; padding:0 0 30px; }
}

/* ======== .imgArea ======== */ 
.news .newsBox .imgArea { position: relative; z-index:0; float: left; width:47.5%; background:#001741; overflow: hidden; }
.news .newsBox .imgArea a { position: absolute; top:0; right:0; bottom:0; left:0; z-index:3; }
.news .newsBox .imgArea img { width:100%; height:18.5vw; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.news .newsBox .imgArea:hover img { opacity:0.8; -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1); }
.news .newsBox .wp-caption-text { position: absolute; bottom: 5px; left: 5px;  color: #fff; font-size:10px;letter-spacing: 0.5px; line-height: 1.5; z-index: 0;}

@media only screen and (max-width: 900px) {
.news .newsBox .imgArea img { height:55vw; }
.news .newsBox .imgArea:hover img { opacity:1; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); }
}
@media only screen and (max-width: 738px) {
.news .newsBox .imgArea { float: none; width:100%; }
.news .newsBox .imgArea img { height:70vw; }
.news .newsBox .wp-caption-text { font-size: 9px;}
}
@media only screen and (max-width: 414px) {
.news .newsBox .imgArea img { height:75vw; }
}

/* ======== .txtArea ======== */ 
.news .newsBox .txtArea { float: right; width:47.5%; }

@media only screen and (max-width: 738px) {
.news .newsBox .txtArea { float: none; width:100%; margin-top: 15px; padding: 0 5%;}
}

/* ======== .categoryArea ======== */ 
.news .newsBox .categoryArea ul { list-style: none; font-size:0; margin:-3px 0 0; }
.news .newsBox .categoryArea ul li { display: inline-block; margin:3px 3px 0 0; }
.news .newsBox .categoryArea ul li a { display: block; font-size:14px; ;font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:25px; letter-spacing:1px; color:#fff; background:#2d4f78; padding:0 10px; }
.news .newsBox .categoryArea ul li a:hover {background:#001741; }

@media only screen and (max-width: 900px) {
.news .newsBox .categoryArea ul li a:hover {background:#2d4f78; }
}


/* p.date */
.news .newsBox .txtArea p.date { font-size:15px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height: 1; letter-spacing:1px; color:#001741; margin-top:15px; }
.news .newsBox .txtArea p.date span.new { color:#c21d41; margin-left:5px; } 
/* h2 */
.news .newsBox .txtArea h2 { font-size:20px; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:1.45; letter-spacing:0.05em; margin-top:10px; }
.news .newsBox .txtArea h2  a { -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.news .newsBox .txtArea h2  a:hover { color:#fff; background:#001741; }
/* p */
.news .newsBox .txtArea p { font-size:14px; line-height:1.7; margin-top:10px; }

@media only screen and (max-width: 900px) {
.news .newsBox .txtArea h2 { font-size:18px; line-height:1.5; letter-spacing:0.05em; margin-top:10px; }
.news .newsBox .txtArea h2  a:hover { color:#111; background:none; }
}
@media only screen and (max-width: 738px) {
.news .newsBox .txtArea p.date { margin-top:10px; }
.news .newsBox .txtArea h2 { font-size:18px; margin-top:8px; }
.news .newsBox .txtArea p {line-height:1.7; margin-top:8px; }
}








/* ======== 追加 .sideactArea ======== */ 

.news .sideactArea { margin: 50px 0 0; padding: 45px 0 0; border-top: #ddd 1px solid; display: none;}

@media only screen and (max-width: 900px) {
.news .sideactArea { margin: 60px 0 0; padding: 55px 0 0;display: block;}
}
@media only screen and (max-width: 738px) {
.news .sideactArea { margin: 50px 0 0; padding: 45px 0 0;display: block;}
}



/* .newsBox */
.news .sideactBox { background:#fff; margin-top:15px; padding:25px; }
.news .sideactBox:first-child { margin-top:0; }

@media only screen and (max-width: 738px) {
.news .sideactBox { margin-top:20px; padding:0 0 30px; }
}

/* .imgArea */
.news .sideactBox .imgArea { position: relative; z-index:0; float: left; width:47.5%; background:#001741; overflow: hidden; }
.news .sideactBox .imgArea a { position: absolute; top:0; right:0; bottom:0; left:0; z-index:3; }
.news .sideactBox .imgArea img { width:100%; height:18.5vw; }
.news .sideactBox .wp-caption-text { position: absolute; bottom: 5px; left: 5px;  color: #fff; font-size:10px;letter-spacing: 0.5px; line-height: 1.5; z-index: 0;}

@media only screen and (max-width: 900px) {
.news .sideactBox .imgArea img { height:55vw; }
}
@media only screen and (max-width: 738px) {
.news .sideactBox .imgArea { float: none; width:100%; }
.news .sideactBox .imgArea img { height:70vw; }
.news .sideactBox .wp-caption-text { font-size: 9px;}
}
@media only screen and (max-width: 414px) {
.news .sideactBox .imgArea img { height:75vw; }
}

/* .txtArea */
.news .sideactBox .txtArea { position: relative; z-index:0; float: right; width:47.5%; }

@media only screen and (max-width: 738px) {
.news .sideactBox .txtArea { float: none; width:100%; margin-top:15px; padding:0 5%; }
.news .sideactBox .txtArea:before { top:3px; right:7.5%; width:67px; height:27px; }
}


/* ======== .categoryArea ======== */
.news .sideactBox .categoryArea { padding-right: 90px; }
.news .sideactBox .categoryArea ul { list-style: none; font-size:0; margin:-3px 0 0; }
.news .sideactBox .categoryArea ul li { display: inline-block; margin:3px 3px 0 0; }
.news .sideactBox .categoryArea ul li a { display: block; font-size:13px; font-weight:500; line-height:25px; letter-spacing:0.5px; color:#fff; background:#2d4f78; padding:0 10px; }
@media only screen and (max-width: 738px) {
.news .sideactBox .categoryArea { padding-right: 70px; }
}

/* h2 */
.news .sideactBox .txtArea h2 { font-size:20px; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:1.45; letter-spacing:0.05em; margin-top:12px; }
/* p */
.news .sideactBox .txtArea p { font-size:14px; line-height:1.7; margin-top:10px; }

@media only screen and (max-width: 900px) {
.news .sideactBox .txtArea h2 { font-size:18px; line-height:1.5; margin-top:10px; }
}
@media only screen and (max-width: 738px) {
.news .sideactBox .txtArea h2 { margin-top:8px; }
.news .sideactBox .txtArea p { margin-top:5px; }
}










/* ---------------------------------------------------------------------------------------------------   

　追加 #home_sideact

   --------------------------------------------------------------------------------------------------- */
#home_sideact { position: relative; z-index:1; background:#fff; padding:75px 5%; overflow: hidden; }

#home_sideact:before {position: absolute;top: 0;left: -100%; bottom: 0; right: 95%;  content: ""; background: #1c385e; background: #ffcd07;z-index: -1; -webkit-transform: skew(-25deg, 0deg); -moz-transform: skew(-25deg, 0deg);-o-transform: skew(-25deg, 0deg); -ms-transform: skew(-25deg, 0deg);transform: skew(-25deg, 0deg);}

@media only screen and (max-width: 900px) {
#home_sideact { padding:65px 5%; display: none; }
}
@media only screen and (max-width: 738px) {
#home_sideact { padding:50px 2.5%; }
}


#home_sideact .sideactArea { font-size: 0; margin:50px -25px 0;}
#home_sideact .sideactBox { display: inline-block; width: 33.333%; border: transparent 10px solid; border-width: 0 25px;}

/* ======== .imgArea ======== */ 
#home_sideact .sideactBox .imgArea { position: relative; z-index:0; background:#001741; overflow: hidden; }
#home_sideact .sideactBox .imgArea a { position: absolute; top:0; right:0; bottom:0; left:0; z-index:3; }
#home_sideact .sideactBox .imgArea img { width:100%; height:18.5vw; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
#home_sideact .sideactBox .imgArea:hover img { opacity:0.8; -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1); }
#home_sideact .sideactBox .wp-caption-text { position: absolute; bottom: 5px; left: 5px;  color: #fff; font-size:10px;letter-spacing: 0.5px; line-height: 1.5; z-index: 0;}

@media only screen and (max-width: 900px) {
#home_sideact .sideactBox .imgArea:hover img { opacity:1; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); }
}
@media only screen and (max-width: 738px) {
#home_sideact .sideactBox .imgArea img { height:40vw; }
#home_sideact .sideactBox .wp-caption-text { font-size: 9px;}
}
@media only screen and (max-width: 414px) {
#home_sideact .sideactBox .imgArea img { height:45vw; }
}

/* ======== .txtArea ======== */ 
#home_sideact .sideactBox .txtArea { margin-top: 20px; padding: 0 5% 0 0;}

@media only screen and (max-width: 738px) {
#home_sideact .sideactBox .txtArea { margin-top: 15px; padding: 0 5%;}
}

/* ======== .categoryArea ======== */ 
#home_sideact .sideactBox .categoryArea ul { list-style: none; font-size:0; margin:-3px 0 0; }
#home_sideact .sideactBox .categoryArea ul li { display: inline-block; margin:3px 3px 0 0; }
#home_sideact .sideactBox .categoryArea ul li a { display: block; font-size:13px; font-weight:500; line-height:25px; letter-spacing:1px; letter-spacing:0.5px;color:#fff; background:#2d4f78; padding:0 10px; }
#home_sideact .sideactBox .categoryArea ul li a:hover {background:#001741; }

@media only screen and (max-width: 900px) {
#home_sideact .sideactBox .categoryArea ul li a:hover {background:#2d4f78; }
}

/* h2 */
#home_sideact .sideactBox .txtArea h2 { font-size:18px; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:1.45; letter-spacing:0.05em; margin-top:10px; }
#home_sideact .sideactBox .txtArea h2  a { -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
#home_sideact .sideactBox .txtArea h2  a:hover { color:#fff; background:#001741; }
/* p */
#home_sideact .sideactBox .txtArea p { font-size:14px; line-height:1.9; margin-top:10px; }

@media only screen and (max-width: 900px) {
#home_sideact .sideactBox .txtArea h2 { font-size:18px; line-height:1.5; letter-spacing:0.05em; margin-top:10px; }
#home_sideact .sideactBox .txtArea h2  a:hover { color:#111; background:none; }
}
@media only screen and (max-width: 738px) {
#home_sideact .sideactBox .txtArea p.date { margin-top:10px; }
#home_sideact .sideactBox .txtArea h2 { font-size:18px; margin-top:8px; }
#home_sideact .sideactBox .txtArea p {line-height:1.7; margin-top:8px; }
}








/* ---------------------------------------------------------------------------------------------------   

　#home_about

   --------------------------------------------------------------------------------------------------- */

#home_about { position: relative; z-index:1; background:#fff; padding:75px 5%; overflow: hidden; }

@media only screen and (max-width: 900px) {
#home_about { padding:65px 5%; }
}
@media only screen and (max-width: 738px) {
#home_about { padding:50px 2.5%; }
}

/* ======== .bg ======== */ 
#home_about .bg { position: absolute; top:0; right:0; bottom:0; left:0; z-index:-2; content:""; background:url(/static/athlete/images/bg/bg_outline.png) center center no-repeat; background-size:cover; background-attachment: fixed; }
#home_about .bg:before { position: absolute; top:0; right:45%; bottom:0; left:-100%; z-index:1; content:""; background:#1c385e; opacity:0.8;
-webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg); }
#home_about .bg:after { position: absolute; top:0; right:-100%; bottom:0; left:85%; z-index:2; content:""; background:#ffcd07; -webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg); opacity:0.9; }

@media only screen and (max-width: 900px) {
#home_about .bg { background-attachment: scroll; }
}
@media only screen and (max-width: 414px) {
#home_about .bg:before { right:60%; left:-120%; }
#home_about .bg:after { right:-120%; left:90%; }
}

#home_about .headline h2.en { color: #fff; letter-spacing: 3px;}
#home_about .headline h2.jp { color: #fff;}
@media only screen and (max-width:900px) {
#home_about .headline h2.en {  letter-spacing: 2px;}
}
@media only screen and (max-width:738px) {
#home_about .headline h2.en {  letter-spacing: 1px;}
}

/* ======== .cregitArea ======== */ 
#home_about .cregitArea { position: absolute; right:5%; bottom:25px; z-index:5; text-align: right; }
#home_about .cregitArea p { font-size:13px; line-height:1.5; }

@media only screen and (max-width: 900px) {
#home_about .cregitArea { bottom:20px; }
}
@media only screen and (max-width: 414px) {
#home_about .cregitArea { bottom:15px; }
#home_about .cregitArea p { font-size:11px;}
}

/* ======== .aboutArea ======== */ 
#home_about .aboutArea { position: relative; z-index:3; background:#edeef0; padding:65px 5%; }

@media only screen and (max-width: 900px) {
#home_about .aboutArea { padding:55px 5%; }
}
@media only screen and (max-width:738px) {
#home_about .aboutArea { padding:35px 5%; }
}

/* ======== .bgimgArea ======== */
#home_about .bgimgArea { position: absolute; top:0; bottom:0; left:0; z-index:1; width:50%; background:#001741; }
#home_about .bgimgArea .logoArea { position: absolute; top:50%; left:50%; z-index:3; display: inline-block; width:65%; text-align: center; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); }

@media only screen and (max-width: 900px) {
#home_about .bgimgArea { position: relative; width:100%; height:300px; margin:0 auto; }
#home_about .bgimgArea .logoArea { width:50%; }
}
@media only screen and (max-width: 738px) {
#home_about .bgimgArea { height:250px; }
}
@media only screen and (max-width: 414px) {
#home_about .bgimgArea { height:180px; }
#home_about .bgimgArea .logoArea { width:40%; }
}

/* ======== .txtArea ======== */
#home_about .txtArea { float: right; width:45%; }
/* catchArea */
#home_about .txtArea .catchArea { text-align: center; }
#home_about .txtArea p { margin-top:1em; }
#home_about .txtArea p:first-child { margin:0; }

@media only screen and (max-width: 900px) {
#home_about .txtArea { float: none; width: 100%; margin:35px 0 0; text-align: center;}
#home_about .txtArea p { padding:0 2.5%; }
}
@media only screen and (max-width: 738px) {
#home_about .txtArea { margin:30px 0 0; }
#home_about .txtArea p { padding:0 2.5%; }
}

/* h2.en */
#home_about .aboutArea .txtArea h2.en { position: relative; z-index:1; display: inline-block; font-size:17px; font-family:'Barlow Condensed', sans-serif; font-weight:700; line-height:35px; letter-spacing:0.2em; color:#fff; margin-left:10px; padding:0 25px; }
#home_about .aboutArea .txtArea h2.en:after { position: absolute; top:0; right:0; bottom:0; left:0; z-index:-1; content:""; background:#c21d41; -webkit-transform:skew(-25deg, 0deg);-moz-transform:skew(-25deg, 0deg);-o-transform:skew(-25deg, 0deg);-ms-transform:skew(-25deg, 0deg);transform:skew(-25deg, 0deg); }
#home_about .aboutArea .txtArea h2.en span { color:#14355d; }
/* h3.jp */
#home_about .aboutArea .txtArea h3.jp { font-size:20px; font-size:1.6vw; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:1.6; letter-spacing:1px; color:#001741; margin-top:20px; margin-bottom:15px; }
#home_about .aboutArea .txtArea h3.jp br { display: block; }

@media only screen and (max-width: 1000px) {
#home_about .aboutArea .txtArea h2.en { padding:0 20px;letter-spacing:0.15em;  }
}

@media only screen and (max-width: 900px) {
#home_about .aboutArea .txtArea h2.en { font-size:16px; letter-spacing:0.15em; padding:0 20px; }
#home_about .aboutArea .txtArea h3.jp { font-size:20px; line-height:1.6; margin-top:15px; }
	#home_about .aboutArea .txtArea p { padding: 0 2.5%; text-align: left;}
}
@media only screen and (max-width: 738px) {
#home_about .aboutArea .txtArea h2.en { margin-left: 0; font-size:15px; line-height: 30px; }
#home_about .aboutArea .txtArea h3.jp{  font-size: 3vw; line-height: 1.5; }
}
@media only screen and (max-width: 414px) {
#home_about .aboutArea .txtArea h2.en { font-size:14px;  }
#home_about .aboutArea .txtArea h3.jp{  font-size: 4vw; line-height: 1.6; }
}



/* ----------------------------------------------------------   

　.sliderArea

   ---------------------------------------------------------- */

.sliderArea { background:#fff; padding:65px 5%; }

/* ======== .gallerySlider_home ======== */
.gallerySlider_home { margin:0 -15px; padding-bottom:80px; }
.gallerySlider_home .slide { margin:0 15px; }
.gallerySlider_home .imgArea img { position: relative; z-index:1; }
.gallerySlider_home p.name { font-size:13px; line-height:1.3; text-align: left; margin-top:10px; }

@media only screen and (max-width: 900px) {
.sliderArea { margin-top: 35px; padding:55px 5%; }
.gallerySlider_home {  margin: 0; padding-bottom: 35px;}
.gallerySlider_home .slide { margin: 0;}
}
@media only screen and (max-width: 738px) { 
.sliderArea { margin-top: 15px; padding:35px 5%; }
.gallerySlider_home p.name { margin-top: 5px; font-size: 12px; line-height: 1.3; text-align: left;}
}
@media only screen and (max-width: 414px) { 
.gallerySlider_home p.name { font-size: 11px; line-height: 1.4; }
}

/* Arrow */
.gallerySlider_home .slick-prev,
.gallerySlider_home .slick-next { position: absolute; bottom:0; z-index:5; display: block; width:55px; height:55px; font-size:0; line-height:0; color:#001741; background:#fff; padding:0; border:#001741 2px solid; /*lte IE 8*/ cursor: pointer; outline: none; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.gallerySlider_home .slick-prev:before,
.gallerySlider_home .slick-next:before { font-size:18px; font-family:'Material Icons'; line-height:1; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
.gallerySlider_home .slick-prev { right:15px; margin-right:53px; }
.gallerySlider_home .slick-prev:before { content:"chevron_left"; }
.gallerySlider_home .slick-next { right:15px; }
.gallerySlider_home .slick-next:before { content:"chevron_right"; }

/* DOTS */
.gallerySlider_home .slick-dots { position: absolute; right:130px; bottom:25px; left:130px; text-align: center; }
.gallerySlider_home .slick-dots li { position: relative; display: inline-block; width:10px; height:10px; margin:0 10px; padding:0; cursor: pointer; }
.gallerySlider_home .slick-dots li button { display: block; width:10px; height:10px; font-size:0; line-height:0; background:transparent; padding:0; border:#001741 2px solid; outline:none; cursor: pointer; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.gallerySlider_home .slick-dots li button:hover, .slick-dots li button:focus { background:#001741; }
.gallerySlider_home .slick-dots li.slick-active button { background:#001741; }

@media only screen and (max-width: 900px) {
.gallerySlider_home .slick-dots { right:0; bottom:0; left:0; }
.gallerySlider_home .slick-dots li { width:8px; height:8px; margin:0 8px; }
.gallerySlider_home .slick-dots li button { width:8px; height:8px; }
.gallerySlider_home .slick-dots li button:hover { background:transparent; }
}
@media only screen and (max-width: 738px) {
.gallerySlider_home .slick-dots li { width:8px; height:8px; margin:0 5px; }
.gallerySlider_home .slick-dots li button { border: #001741 1px solid; }
}

.headline h2.en {
    position: relative;
    z-index: 1;
    font-size: 40px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 4px;
    color: #001741;
}

.headline h2.jp {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 2px;
    font-feature-settings: "palt" 1;
    color: #001741;
    margin-top: 15px;
}

#list {
    display: grid;
    grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
}


#form2{
position:relative;
width:300px;	
margin-bottom:15px;
}

#sbox2{
height:50px;
padding:0 10px; 
position:absolute; 
left:0;
top:0; 
border-radius:2px;
outline:0;
background:#eee;
width: -webkit-fill-available;	
}

#sbtn2{
height:50px;
position:absolute; 
left:270px;/*アイコン左右の位置調整*/
top:0;
background:none;
color:#666;
border:none;
font-size:20px;/*アイコンサイズ*/
}

#sbtn2:hover{
color:#7fbfff;
}

#form3{
position:relative;
width:300px;	
margin-bottom:15px;
}

#sbox3{
height:50px;
padding:0 10px; 
position:absolute; 
left:0;
top:0; 
border-radius:2px;
outline:0;
background:#eee;
width: -webkit-fill-available;	
}

#sbtn3{
margin-top: 57px;
position: absolute;
left: 67vw;
top: 0;
background: none;
color: #666;
border: none;
font-size: 40px;
}

#sbtn3:hover{
color:#7fbfff;
}

#sbtn4{
margin-top: 410px;
position: absolute;
left: 67vw;
top: 0;
background: none;
color: #666;
border: none;
font-size: 40px;
}

#sbtn4:hover{
color:#7fbfff;
}

.fa-paper-plane:before {
    content: "\f1d8";
}

.form-group{
    background: #eee;
    border-radius: 2px;
    height: 71px;
}

#form-label{
    padding-top: 22px;
    padding-left: 10px;
}

#id_email{
    width:34vw;
    background-color: #fff;
    font-size: x-large;
    padding-left: 20px;
}

#id_old_password{
    width:30vw;
    background-color: #fff;
    font-size: x-large;
    padding-left: 20px;
}

#id_new_password1{
    width:30vw;
    background-color: #fff;
    font-size: x-large;
    padding-left: 20px;
}

#id_new_password2{
    width:30vw;
    background-color: #fff;
    font-size: x-large;
    padding-left: 20px;
}

#id_password1{
    width:30vw;
    background-color: #fff;
    font-size: x-large;
    padding-left: 20px;
}

#id_password2{
    width:30vw;
    background-color: #fff;
    font-size: x-large;
    padding-left: 20px;
}

#id_last_name{
    width:34vw;
    background-color: #fff;
    font-size: larger;
    padding-left: 20px;
}

#id_first_name{
    width:34vw;
    background-color: #fff;
    font-size: larger;
    padding-left: 20px;
}

#id_company_name{
    width:34vw;
    background-color: #fff;
    font-size: larger;
    padding-left: 20px;
}

/*PCの場合*/
.pc	{ display:inline!important; }
.mb	{ display:none!important; }
@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.mb { display:inline!important; }
}