@charset "UTF-8";
/* =========================================================
 Reset
========================================================= */
html, body, div, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, th, td, form, figure {
	margin: 0;
	padding: 0;
	line-height: 1.0;
	color: #000000;
}
body {
	font-family: "游ゴシック", "Verdana", "Arial", "Helvetica Neue", "Helvetica", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProW3", "sans-serif";
}
p, li, dt, dd {
	font-size: 16px;
}
ul {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
}
img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* =========================================================
 Common Style
========================================================= */
.mt0 {
	margin-top: 0px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt55 {
	margin-top: 55px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.pt0 {
	padding-top: 0px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pt55 {
	padding-top: 55px !important;
}
.pt60 {
	padding-top: 60px !important;
}
.pb0 {
	padding-bottom: 0px !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pb55 {
	padding-bottom: 55px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
.ml0 {
	margin-left: 0px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml55 {
	margin-left: 55px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.pl0 {
	padding-left: 0px !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.pl55 {
	padding-left: 55px !important;
}
.pl60 {
	padding-left: 60px !important;
}
.h100 {
	height: 100vh !important;
}
.h100-0 {
	height: calc(100% - 0px) !important;
}
.m0 {
	margin: 0 !important;
}
.p0 {
	padding: 0 !important;
}
.tal {
	text-align: left !important;
}
.tar {
	text-align: right !important;
}
.tac {
	text-align: center !important;
}
.dn {
	display: none !important;
}
.ovh {
	overflow: hidden;
}
.col {
	float: left;
}
.fwn {
	font-weight: normal;
}
.fwb {
	font-weight: bold;
}
.fz80 {
	font-size: 80% !important;
}
.fz60 {
	font-size: 60% !important;
}
.fz15 {
	font-size: 15px !important;
}
.tdu:hover {
	text-decoration: underline !important;
}
.op8:hover {
	opacity: .8 !important;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.txt12 {
	font-size: 12px!important;
}
.txt14 {
	font-size: 14px;
}


/* ------------------------------------------
 Page Top
------------------------------------------ */


#pageTop {
  position: fixed;
  bottom: 70px;
  right: 30px;
}

 

#pageTop i {
  padding-top: 6px
}

 

#pageTop a {
  display: block;
  z-index: 999;
  padding: 15px 0 10px 0;
  border-radius: 40px;
  width: 60px;
  height: 40px;
  background-color: #fff000;
  color: #373892;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  /*opacity: 0.8;*/
}

/* ------------------------------------------
 Header Style
------------------------------------------ */
/* ------------------------------------------
 Footer Style
------------------------------------------ */
footer .inner {
	position: relative;
}
footer .cam p {
	position: relative;
	padding-left: 2.5em;
}
footer .cam p:before {
	content: '';
	position: absolute;
	left: 0;
	width: 20px;
	height: 15px;
	background: url(/gakucho/muaf2017/images/common/icon_camera.png);
	background-size: 20px 15px;
}
footer .mail span {
	display: inline-flex;
	width: 16px;
	height: 11px;
}
footer .copyright {
	width: auto;
}
/* ------------------------------------------
 Page Style
------------------------------------------ */
.subpage main {
	padding: 0 0 50px;
	background: url(../images/common/m_bg.png);
}
.mainimage {
	background-position:center;
	background-size: cover;
	height: 100px;
}
.inner_main {
	margin: 30px 10px 0;
	padding: 30px 10px;
	background-color: #FFF;
}
h2 {
	border-bottom: solid 3px #f549b7;
	position: relative;
	padding: 0 0 10px 0px;
	margin: 0 0 30px;
	color: #373892;
	font-size: 30px;
	font-weight: bold;
}
h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #373892;
	bottom: -3px;
	width: 40%;
}
h3 {
	margin: 30px 0;
	font-size: 24px;
	color: #373892;
}
.inner_main p, .inner_main dt, .inner_main dd {
	line-height: 1.875;
}
.inner_main p {
	margin-bottom: 1em;
}

.mw600 {
	max-width:600px;
	}

@media screen and (max-width: 480px) {
p, li, dt, dd {
	font-size: 14px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}

.mainimage {
	background-size: cover;
	height: 50px;
}

}
/* ------------------------------------------
 Top Style
------------------------------------------ */
#top {
	overflow: hidden;
}
#top .mainvisual {
	overflow: hidden;
	width: 100%;
	max-height: 100%;
}
#top .mainvisual img {
	max-height: 100vh;
}
#top .slick-slide {
	max-height: 100vh !important;
}
#top .container {
	padding-top: 0;
	margin-top: 0;
}
#top footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-top: 0;
}
#top footer .mail {
}
/* ------------------------------------------
 detail Style
------------------------------------------ */
#detail .mainimage {
	background-image: url(../images/detail/bg_detail.jpg);
	background-repeat: no-repeat;
}
.detail_logo {
	width: 70%;
	margin: 0 auto;
}
.gakucho {
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	background-color: #f5f5f5;
	padding: 30px;
}
.gakucho dt {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
}
.gakucho dt span {
	font-size: 14px;
}
.gakucho dd {
	font-size: 14px;
}
/* ------------------------------------------
 Overview Style
------------------------------------------ */
#overview .mainimage {
	background-image: url(../images/overview/bg_overview.jpg);
	background-repeat: no-repeat;
}
.tblstyle1 {
	width: 100%;
}
.tblstyle1 tr {
}
.tblstyle1 td {
	padding: 15px;
	line-height: 1.5;
}
.bgstyle1 {
	background: url(../images/common/bg_bldg.png) repeat;
}
.bgstyle2 {
	background: url(../images/common/bg_bldg2.png) repeat;
}
.coordinator {
	background-color: #f5f5f5;
	padding: 15px;
}
/* ------------------------------------------
 Program Style
------------------------------------------ */
#program .mainimage {
	background-image: url(../images/program/bg_program.jpg);
	background-repeat: no-repeat;
}

.inner_main .note {
	font-size:14px;
	margin-bottom:30px;
	}

.placelist {
	margin-bottom:40px;
	}

.placelist .place {
	display: inline-block;
	padding: 8px;
	margin-right: 8px;
}
.place_ocher {
	background: url(../images/program/arrow_pink.png) no-repeat 0px 1px;
	padding: 0 0 0 20px;
	font-size: 14px;
	display:inline-block;
	width:8%;
	height:15px;
	padding-top:1px;
}
.place_navy {
	background: url(../images/program/arrow_navy.png) no-repeat 0px 1px;
	padding: 0 0 0 20px;
	font-size: 14px;
	display:inline-block;
	width:8%;
	height:15px;
	padding-top:1px;
}
.place_pink {
	background: url(../images/program/arrow_green.png) no-repeat 0px 1px;
	padding: 0 0 0 20px;
	font-size: 14px;
	display:inline-block;
	width:8%;
	height:15px;
	padding-top:1px;
}
.program_tbl1, .program_tbl2, .program_tbl3 {
	margin: 0 0 60px;
}
.bgcolor_ocher {
	background-color: #db4b94;
}
.bgcolor_ocher02 {
	background-color: #f8dbea;
}
.bgcolor_ocher03 {
	background-color: #fdf6fa;
}
.bgcolor_navy {
	background-color: #373892;
}
.bgcolor_navy02 {
	background-color: #d7d7e9;
}
.bgcolor_navy03 {
	background-color: #f5f5f9;
}
.bgcolor_navy04 {
	background-color: #ebebf4;
}
.bgcolor_pink {
	background-color: #47991f;
}
.bgcolor_pink02 {
	background-color: #daebd2;
}
.bgcolor_pink03 {
	background-color: #f6faf4;
}
.color_ocher {
	color: #db4b94;
}
.color_navy {
	color: #373892;
}
.color_pink {
	color: #47991f;
}
.heading01 {
	line-height: 47px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #FFF;
}
.heading02 {
	margin: 35px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1 !important;
}
.heading03 {
	padding: 8px 0 8px 12px;
	font-size: 16px;
	font-weight: bold;
}
.lecture {
	padding: 15px 0 15px 10px;
}
.lecture div {
	line-height: 1.25;
}
.room {
	padding: 15px 10px 15px 10px;
	line-height: 1.25;
}
.program_tbl1 .lecture div a, .program_tbl1 .room a {
	color: #db4b94;
	font-size: 14px;
	text-decoration: underline;
}
.program_tbl2 .lecture div a, .program_tbl2 .room a {
	color: #373892;
	font-size: 14px;
	text-decoration: underline;
}
.program_tbl3 .lecture div a, .program_tbl3 .room a {
	color: #47991f;
	font-size: 14px;
	text-decoration: underline;
}
.hallmap {
	position: relative;
}
.hallmap>span {
	position: absolute;
}
#academy {
	top: 43%;
}
#academy3f {
	top: 52%;
}
#academy2f {
	top: 75%;
}
#globalfront {
	top: 54%;
}
/* ------------------------------------------
 Modal Style
------------------------------------------ */
#modal {
	height: 100%;
	overflow: auto;
	position: relative;
	padding: 30px 35px;
}
#modal .tb-dialog-close-btn {
	position: fixed;
	top: -20px;
	right: -20px;
}
#modal h1 {
	margin-bottom: 30px;
	padding:10px 0;
	font-size: 18px;
	color: #FFF;
	line-height: 1.6;
	text-align: center;
}
#modal .information {
	margin-bottom: 10px;
}
#modal .information>div {
	display: inline-block;
	padding: 0 15px;
	margin-bottom: 15px;
}
#modal .information>div:nth-child(1) {
	width: 110px;
	border-right: 1px solid #db4b94;
}
#modal .information>div:nth-child(2) {
	border-right: 1px solid #db4b94;
}
#modal .pgtbl2 .information>div:nth-child(1) {
	border-right: 1px solid #373892;
}
#modal .pgtbl2 .information>div:nth-child(2) {
	border-right: 1px solid #373892;
}
#modal.gf .information>div:nth-child(1) {
	border-right: 1px solid #47991f;
}
#modal.gf .information>div:nth-child(2) {
	border-right: 1px solid #47991f;
}
#modal p {
	margin-bottom: 1em;
	font-size: 14px;
	line-height: 1.875;
}
#modal .speaker {
	background-color: #f5f5f5;
	padding: 15px;
	margin: 25px 0 30px;
}
#modal .speaker .pic {
	width: 144px;
	margin: 0 auto 20px;
}
#modal .speaker dt {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.875;
}
#modal .speaker dt span {
	font-size: 14px
}
#modal .info {
	margin-bottom: 40px;
}
#modal .info dl:not(:last-child) {
	border-bottom: 1px dashed #373892;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

#modal.ac-main .info dl:not(:last-child) {
	border-bottom: 1px dashed #db4b94;
}

#modal.gf .info dl:not(:last-child) {
	border-bottom: 1px dashed #47991f;
}


#modal .info dt {
	margin-bottom: 10px;
	color: #373892;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.875;
}

#modal.ac-main .info dt {
	color: #db4b94;
}

#modal.ac .info dt {
	color: #373892;
}

#modal.gf .info dt {
	color: #47991f;
}

#modal .info dd {
	line-height: 1.875;	
	font-size: 14px;
}
#modal a {
	text-decoration: underline;
}
#modal .mapimg {
	max-width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 480px) {

#modal h1 {
	padding:10px;
	font-size: 16px;
}

#modal .information>div {
	width:100% !important;
	padding:0;
	border-right:none !important;
	}

}


/* ------------------------------------------
 Access Style
------------------------------------------ */
#access .mainimage {
	background-image: url(../images/access/bg_access.jpg);
	background-repeat: no-repeat;
}
.gmapbtn img {
	width: 170px;
}
.stationlist {
}
.stationlist li {
	list-style-type: circle;
	margin: 0 0 1em 20px;
}
.here {
	background: url(../images/access/icon_map.png) no-repeat left bottom /13px auto;
	padding: 0 0 0 20px;
}
/* ------------------------------------------
 company Style
------------------------------------------ */
#company .mainimage {
	background-image: url(../images/company/bg_company.jpg);
	background-repeat: no-repeat;
}

/* ------------------------------------------
 report Style
------------------------------------------ */
#report .mainimage {
	background-image: url(../images/report/bg_report.jpg);
	background-repeat: no-repeat;
}


#report .movie {
	text-align:center;
	margin-bottom:30px;
	}

#report .report img {
	max-width:600px;
	margin-bottom:30px;
	}

#report .matome p:last-child {
	margin-bottom:60px;
	}

#report .pickup {
	padding:30px;
	margin-bottom:30px;
	}

#report .pickup h4 {
	color:#fff;
	margin-bottom: 30px;
    padding: 10px;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
	}

#report .pickup ul {
	margin-bottom:20px;
	font-size:14px;
	}

#report .pickup li {
	padding:0 15px;
	display:inline-block;
	line-height:1.6;
	}

#report .pickup li:first-child {
	padding-left:0;
	}

#report .pickup .pickup-in {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}

#report .pickup .pickup-in div:first-child {
	width:56%;
	}

#report .pickup .pickup-in div:last-child {
	width:40%;
	}

#report .pickup .pickup-in div:first-child p:last-child {
	margin-bottom:0;
	}

#report .pickup.green {
	background-color:#f6faf4;
	}

#report .pickup.green h4 {
	background-color:#47991f;
	}

#report .pickup.green li {
	color:#47991f;
	border-right:1px solid #47991f;
	}
	
	
#report .pickup.purple {
	background-color:#f5f5f9;
	}

#report .pickup.purple.last {
	margin-bottom:60px;
	}

#report .pickup.purple.last ul li:last-child {
	padding:0;
	}

#report .pickup.purple h4 {
	background-color:#373892;
	}

#report .pickup.purple li {
	color:#373892;
	border-right:1px solid #373892;
	}

#report .pickup li:last-child {
	border-right:none;
	}

#report .detail {
	margin-bottom:30px;
	}

#report .detail li {
	padding:15px 30px 20px;
	font-size:14px;
	}

#report .detail.red-purple li:nth-child(odd) {
	background-color:#fdf6fa;
	border-left:5px solid #db4b94;
	}

#report .detail.red-purple li:nth-child(even) {
	background-color:#fbedf4;
	border-left:5px solid #db4b94;
	}
	
#report .detail.purple li:nth-child(odd) {
	background-color:#f5f5f9;
	border-left:5px solid #373892;
	}

#report .detail.purple li:nth-child(even) {
	background-color:#ebebf4;
	border-left:5px solid #373892;
	}

#report .detail.green {
	margin-bottom:0;
	}

#report .detail.green li:nth-child(odd) {
	background-color:#f6faf4;
	border-left:5px solid #47991f;
	}

#report .detail.green li:nth-child(even) {
	background-color:#ecf5e8;
	border-left:5px solid #47991f;
	}

#report .detail a[href$=".pdf"]:after {
	content:" ";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/common/icon_pdf.png) no-repeat 0 2px;
	background-size:100%;
	}

/* =========================================================
 PC
========================================================= */
@media screen and (min-width: 769px) {
/* ------------------------------------------
  PC Common Style
  ------------------------------------------ */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.outer {
	width: 1240px;
	margin: 0 auto;
}
.inner {
	width: 1160px;
	margin: 0 auto;
}
/* ------------------------------------------
   Header Style
  ------------------------------------------ */
header .ttl {
	float: left;
	padding-top: 9px;
}
header .tw {
	float: left;
	width: 25px;
	padding: 25px 0 0 50px;
	;
}
/* ------------------------------------------
   Footer Style
  ------------------------------------------ */
footer {
	height: 100px;
	background-color: #373892;
}
footer .pgtop {
	position: relative;
	width: 1240px;
	margin: 0 auto;
}
footer .pgtop a {
	width: 88px;
	position: absolute;
	top: -70px;
	right: 0;
}
footer p {
	font-size: 12px;
}
footer p:before {
	top: 0;
}
footer .cam {
	width: 1240px;
	margin: 0 auto;
}
footer .cam p {
	display: inline;
}
footer .mail {
	float: left;
	width: auto;
	color: #fff;
	margin-top: 43px;
}
footer .mail span {
	vertical-align: -1px;
	margin: 0 .5em 0 1em;
}
footer .copyright {
	float: right;
	margin-top: 40px;
	color: #fff;
}
footer .logo {
	width: 138px;
	float: left;
	margin-top: 31px;
	margin-right: 27px;
}
/* ------------------------------------------
   Page Style
  ------------------------------------------ */
.container {
	padding-top: 80px;
}
.block {
	margin: 60px auto 0;
}
.inner_main {
	width: 960px;
	margin: 50px auto 0;
	padding: 60px 40px;
}
h2 span {
	margin-left: 20px;
}
.boxstyle1>div:nth-child(1) {
	float: left;
	width: 48%;
}
.boxstyle1>div:nth-child(2) {
	float: right;
	width: 48%;
}
/* ------------------------------------------
   Top Style
  ------------------------------------------ */
#top {
	overflow: hidden;
}
#top .drawer-container {
	position: static;
}
#top .drawer-nav {
	top: auto;
}
#top .drawer-navbar--fixed {
	position: static;
}
#top .drawer-navbar .drawer-nav {
}
#top .mainvisual {
	overflow: hidden;
	width: 100%;
	max-height: 100%;
}
#top .mainvisual li img {
	height: 80vh;
}
#top .mainvisual li:first-child.slick-slide img {
	background: url(../images/top/mv01.png) no-repeat center center;
	background-size: cover;
}
#top .mainvisual li:nth-child(2).slick-slide img {
	background: url(../images/top/mv02.png) no-repeat center center;
	background-size: cover;
}
#top .mainvisual li:nth-child(3).slick-slide img {
	background: url(../images/top/mv03.png) no-repeat center center;
	background-size: cover;
}
#top .container {
/*margin-top: -70px;*/
}
#top .slick-slider {
	margin-top: 0;
}
#top footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-top: 0;
}
/* ------------------------------------------
   detail Style
  ------------------------------------------ */
.detail_logo {
	width: 402px;
}

/* ------------------------------------------
   Overview Style
  ------------------------------------------ */
  

  /* ------------------------------------------
   Program Style
  ------------------------------------------ */

.lecture {
	padding: 30px 0 30px 25px;
}
.program_tbl1 .lecture div {
	border-right: 1px solid #db4b94;
}
.program_tbl2 .lecture div {
	border-right: 1px solid #373892;
}
.program_tbl3 .lecture div {
	border-right: 1px solid #47991f;
}
.heading03 {
	padding: 0 0 0 25px;
}
.room {
	padding: 30px 25px 30px 25px;
}
/* ------------------------------------------
 Modal Style
------------------------------------------ */
#modal .speaker {
	padding: 30px;
}
#modal .speaker .pic {
	width: 17%;
	float: left;
	margin-bottom: 0;
}
#modal .speaker dl {
	width: 78%;
	float: right;
}
/* ------------------------------------------
   company Style
  ------------------------------------------ */	
#company .col {
	width: 300px;
	margin-left: 30px;
}
#company .col:nth-child(3n+1) {
	margin-left: 0;
}
#company .col:nth-child(n+4) {
	margin-top: 20px;
}
#company .col a:hover {
	opacity: .7;
}
}

/* =========================================================
 SP
========================================================= */
@media screen and (max-width: 1280px) {
#top .mainvisual li img {
	height: 80vh;
}
}

@media screen and (max-width: 768px) {
/* ------------------------------------------
  SP Common Style
  ------------------------------------------ */
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
.outer {
	padding: 0 15px;
}
.inner {
	padding: 0 10px;
}
.pgtop {
	width: 68px;
	margin: 35px auto;
	text-align: center;
}
/* ------------------------------------------
   Header Style
  ------------------------------------------ */
header .ttl {
	width: 220px;
}
header .tw {
	position: absolute;
	top: 22px;
	right: 8%;
	width: 30px;
}
header .drawer-nav .outer {
	padding: 0 12px;
}
/* ------------------------------------------
   Footer Style
  ------------------------------------------ */
footer .inner {
	background-color: #373892;
	padding-bottom:15px;
}
footer p {
	color: #FFF;
	font-size: 8px;
}
footer .cam {
	padding: 0 15px;
}
footer .cam p {
	display: inline-block;
	font-size: 7px;
	padding-left: 3em;
	margin-bottom: 1em;
	color: #000;
}
footer .cam p:before {
	top: 3px;
	left: -1px;
}
footer .muaf_date {
	width: 50%;
	float: left;
	padding-top: 15px;
}
footer .mail {
	padding: 15px 0 10px;
	text-align: center;
}
footer .mail span {
	width: 11px;
	height: 8px;
	margin: 0 .5em 0 0;
	vertical-align: -2px;
}
footer .copyright {
	clear: both;
	padding: 0 0 5px;
	text-align: center;
}
footer .logo {
	width: 138px;
	margin: 0 auto;
	padding: 15px 0 0;
}
/* ------------------------------------------
   Page Style
  ------------------------------------------ */

.inner_main {
	margin: 30px 20px 0;
	padding: 30px;
}

.container {
	padding-top: 75px;
}
.block {
	margin: 30px auto 0;
}
/* ------------------------------------------
   Top Style
  ------------------------------------------ */
#top .mainvisual li img {
	height: 100vh;
}
#top .mainvisual li:first-child.slick-slide img {
	background: url(../images/top/mv01_sp.png) no-repeat center center;
	background-size: cover;
}
#top .mainvisual li:nth-child(2).slick-slide img {
	background: url(../images/top/mv02_sp.png) no-repeat center center;
	background-size: cover;
}
#top .mainvisual li:nth-child(3).slick-slide img {
	background: url(../images/top/mv03_sp.png) no-repeat center center;
	background-size: cover;
}
#top footer {
	position: fixed;
}
/* ------------------------------------------
   About Style
  ------------------------------------------ */
 

  /* ------------------------------------------
   Overview Style
  ------------------------------------------ */
  

  /* ------------------------------------------
   Program Style
  ------------------------------------------ */
.place {
	font-size: 14px;
}
.placelist>div>div {
	margin-bottom: 20px;
}
/* ------------------------------------------
   Modal Style
  ------------------------------------------ */
#modal {
	overflow-y: scroll;
	padding: 15px 10px;
}
#modal .tb-dialog-close-btn {
	width: 22px;
	height: 22px;
	top: -11px;
	right: -11px;
}
/* ------------------------------------------
   Access Style
  ------------------------------------------ */
  

  /* ------------------------------------------
   company Style
  ------------------------------------------ */
#company .ovh {
	padding: 0 5px;
}
#company .ovh .col {
	width: 49%;
	margin-left: 2%;
}
#company .ovh .col:nth-child(odd) {
	margin-left: 0;
}
#company .ovh .col:nth-child(n+3) {
	margin-top: 2%;
}


/* ------------------------------------------
 report Style
------------------------------------------ */

#report .movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#report .movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

#report .matome p:last-child {
	margin-bottom:40px;
	}

#report .pickup {
	padding:20px 10px;
	}

#report .pickup ul {
	display:block;
	}

#report .inner_main.report .pickup li {
	border-right:none;
	padding:0;
	margin-bottom:10px;
	}

#report .pickup h4 {
	font-size:16px;
	text-align:left;
	}

#report .pickup .pickup-in div:first-child, 
#report .pickup .pickup-in div:last-child {
	width:100%;
	}

#report .pickup .pickup-in div:last-child img {
	margin-bottom:0;
	}

#report .pickup .pickup-in div:first-child p:last-child {
	margin-bottom:30px;
	}

#report .detail li {
	padding:15px;
	line-height:1.6;
	}

#report .detail a[href$=".pdf"]:after {
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/common/icon_pdf.png) no-repeat 0 1px;
    background-size: 100%;
}

@media screen and (max-width: 480px) {

/* ------------------------------------------
 Page Top
------------------------------------------ */


#pageTop {
  position: fixed;
  bottom: 80px;
  right: 15px;
}

/* ------------------------------------------
 Top Style
------------------------------------------ */

#top .container {
	margin-top: -5%;
}
	
	
/* ------------------------------------------
   Header Style
------------------------------------------ */

header .tw {
	position: absolute;
	top: 27px;
	right: 14%;
	width: 24px;
}

/* ------------------------------------------
 Page Style
------------------------------------------ */

.inner_main {
	margin: 30px 10px 0;
	padding: 30px 10px;
}

.subpage main {
	padding: 0 0 30px;
}
	
	
/* ------------------------------------------
   detail Style
------------------------------------------ */

.gakucho {
	padding:15px;
	}

.gakucho dt {
	font-size: 16px;
}
.gakucho dt span {
	font-size: 14px;
}

/* ------------------------------------------
 Overview Style
------------------------------------------ */

.tblstyle1 {
	font-size:14px;
}

/* ------------------------------------------
   Program Style
------------------------------------------ */

.inner_main .note {
	font-size:12px;
	margin-bottom:20px;
	}

.placelist {
	margin-bottom:0;
	}

.place,place_ocher,place_navy,place_pink {
	font-size:12px;
	}

.heading02 {
	font-size: 24px;
}

.lecture, .room {
	font-size:12px;
	float:left;
}

.lecture {
	width:65%;
	}

.room {
	width:32%;
	padding:15px 0 15px 20px;
	}

/* ------------------------------------------
   Footer Style
------------------------------------------ */

footer .logo {
	width: 30%;
	text-align:center;
	margin: 0 auto;
	float:left;
	padding-top:25px;
}

footer .mail {
	padding: 15px 0 10px;
	text-align: right;
	float:right;
	width:60%;
	line-height:1.6;
}

footer .copyright {
	padding: 0 0 5px;
	text-align: right;
	float:right;
}

}

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

Grid System

------------------------------------------ */
/* プログラム */
#program .inner_main * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#program .inner_main *:before, #program .inner_main *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;/*padding-left: 15px;
  padding-right: 15px;*/
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0%;
}

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left;
}
.col-sm-12 {
	width: 100%;
}
.col-sm-11 {
	width: 91.66666667%;
}
.col-sm-10 {
	width: 83.33333333%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.66666667%;
}
.col-sm-7 {
	width: 58.33333333%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.66666667%;
}
.col-sm-4 {
	width: 33.33333333%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.66666667%;
}
.col-sm-1 {
	width: 8.33333333%;
}
.col-sm-pull-12 {
	right: 100%;
}
.col-sm-pull-11 {
	right: 91.66666667%;
}
.col-sm-pull-10 {
	right: 83.33333333%;
}
.col-sm-pull-9 {
	right: 75%;
}
.col-sm-pull-8 {
	right: 66.66666667%;
}
.col-sm-pull-7 {
	right: 58.33333333%;
}
.col-sm-pull-6 {
	right: 50%;
}
.col-sm-pull-5 {
	right: 41.66666667%;
}
.col-sm-pull-4 {
	right: 33.33333333%;
}
.col-sm-pull-3 {
	right: 25%;
}
.col-sm-pull-2 {
	right: 16.66666667%;
}
.col-sm-pull-1 {
	right: 8.33333333%;
}
.col-sm-pull-0 {
	right: auto;
}
.col-sm-push-12 {
	left: 100%;
}
.col-sm-push-11 {
	left: 91.66666667%;
}
.col-sm-push-10 {
	left: 83.33333333%;
}
.col-sm-push-9 {
	left: 75%;
}
.col-sm-push-8 {
	left: 66.66666667%;
}
.col-sm-push-7 {
	left: 58.33333333%;
}
.col-sm-push-6 {
	left: 50%;
}
.col-sm-push-5 {
	left: 41.66666667%;
}
.col-sm-push-4 {
	left: 33.33333333%;
}
.col-sm-push-3 {
	left: 25%;
}
.col-sm-push-2 {
	left: 16.66666667%;
}
.col-sm-push-1 {
	left: 8.33333333%;
}
.col-sm-push-0 {
	left: auto;
}
.col-sm-offset-12 {
	margin-left: 100%;
}
.col-sm-offset-11 {
	margin-left: 91.66666667%;
}
.col-sm-offset-10 {
	margin-left: 83.33333333%;
}
.col-sm-offset-9 {
	margin-left: 75%;
}
.col-sm-offset-8 {
	margin-left: 66.66666667%;
}
.col-sm-offset-7 {
	margin-left: 58.33333333%;
}
.col-sm-offset-6 {
	margin-left: 50%;
}
.col-sm-offset-5 {
	margin-left: 41.66666667%;
}
.col-sm-offset-4 {
	margin-left: 33.33333333%;
}
.col-sm-offset-3 {
	margin-left: 25%;
}
.col-sm-offset-2 {
	margin-left: 16.66666667%;
}
.col-sm-offset-1 {
	margin-left: 8.33333333%;
}
.col-sm-offset-0 {
	margin-left: 0%;
}
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
	content: " ";
	display: table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after {
	clear: both;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.hidden {
	display: none !important;
}
.affix {
	position: fixed;
}
.row-0 {
	margin-left: 0px;
	margin-right: 0px
}
.row-0 >div {
	padding-right: 0px;
	padding-left: 0px
}
.row-10 {
	margin-left: -5px;
	margin-right: -5px
}
.row-10 >div {
	padding-right: 5px;
	padding-left: 5px
}
.row-20 {
	margin-left: -10px;
	margin-right: -10px
}
.row-20 >div {
	padding-right: 10px;
	padding-left: 10px
}
.row-30 {
	margin-left: -15px;
	margin-right: -15px
}
.row-30 >div {
	padding-right: 15px;
	padding-left: 15px
}
.row-40 {
	margin-left: -20px;
	margin-right: -20px
}
.row-40 >div {
	padding-right: 20px;
	padding-left: 20px
}
.row-50 {
	margin-left: -25px;
	margin-right: -25px
}
.row-50 >div {
	padding-right: 25px;
	padding-left: 25px
}


@media screen and (max-width: 768px) {
	
.placelist .col-sm-3,	
.placelist .col-sm-4,
.placelist .col-sm-5  {
	width:100%;
	float:none;
	margin-bottom:20px;
	}	
	
.placelist .col-sm-5:last-child {
	margin-bottom:0;
	}
	
	}

@media screen and (max-width: 480px) {

.placelist .col-sm-5:last-child {
	margin-bottom:20px;
	}
	
.placelist .place_ocher,
.placelist .place_navy,
.placelist .place_pink {
	font-size:12px;
	}
	
	}