@charset "UTF-8";


/*================================================================================
  reset.css
==================================================================================*/
span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, section, details, summary {display: block;}

img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

button,
input[type=button] {width: auto; overflow: visible;}
 
.ie7 img {-ms-interpolation-mode: bicubic;}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }


/*================================================================================
  大学案内
==================================================================================*/

/* 豊田工業大学HOME  > 大学案内  >  施設?設備?キャンパス案内  > Innovators Plaza　t-COMPASS */
.t_compass .slick_box {
	background: #d3f4ff;
	padding: 25px 0 50px 0;
}
.t_compass .slick-slider {
	width: 78%;
	margin: 0 auto;
}
.t_compass .slick-list {
	background: #fff;
}
.t_compass .slick_container {
    width: auto;
    margin: 0 auto;
    position: relative;
}
.t_compass .slick_container h3 {
	font-weight: normal;
	background: #1dade2;
	font-size: 2.1rem;
	color: #fff;
	border: none !important;
	padding: 16px 6%;
	line-height: 1.0;
}
.t_compass .slick_container h3:before, .t_compass .slick_container h3:after {
    content: normal;
}
.t_compass .slick_container .inbox {
	padding: 6%;
}
.t_compass .slick_container ul {
	overflow: hidden;
}
.t_compass .slick_container ul li {
    margin-bottom: 0;
    padding-left: 0;
}
.t_compass .slick_container ul.pic li:first-child {
	width: 47.7%;
	float: left;
}
.t_compass .slick_container ul.pic li:last-child {
	width: 47.7%;
	float: right;
}
.t_compass .slick_container ul li img {
	margin-bottom: 20px;
}
.t_compass .slick_container ul.pic li:before {
    content: normal;
}
.t_compass .slick-prev, .t_compass .slick-next {
    width: 50px;
    height: 100px;
}
.t_compass .slick-prev:before, .t_compass .slick-next:before {
    content: "";
}
.t_compass button.slick-prev, .t_compass button.slick-next {
    z-index: 2;
}
.t_compass .slick-prev {
	left: 0px;
}
.t_compass .slick-next {
	right: 0px;
}
.t_compass .slick-arrow {
	z-index: 10;
}
.t_compass .slick-dots li:before {
    content: normal;
}
@media screen and (max-width:767px) {
	.t_compass .slick_container h3 {
		font-size: 1.8rem;
	}
	.t_compass .slick_container ul.pic li img {
		margin-bottom: 10px;
	}
	.t_compass .slick_container ul.pic li {
		margin-bottom: 10px;
	}
	.t_compass .slick_container ul.pic li:first-child {
		width: auto;
		float: none;
	}
	.t_compass .slick_container ul.pic li:last-child {
		width: auto;
		float: none;
	}
	.t_compass .slick-prev, .t_compass .slick-next {
		width: 25px;
		height: 50px;
	}
}
/* 豊田工業大学HOME  > 大学案内  > 広報?コミュニケーション  > Web版広報誌「ADVANCE」以下 */
.advance ul.link li {
	display: inline-block;
	margin-right: 7%;
}
.advance p.back {
	border-bottom: 1px dotted #bfbfbf;
	padding: 0 0 20px 0;
	text-align: right;
}
.advance p.back a {
	position: relative;
	padding-left: 27px;
}
.advance p.back a:before {
	width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    content: "";
    background-color: #fff;
    background-image: url(/img/icon_arrow02.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
}
.advance .box {
	clear: both;
	border-bottom: 1px dotted #bfbfbf;
	padding: 20px 0;
	position:relative;
	overflow:hidden;
}
.advance .box .photo {
	width: 47.7%;
    text-align: center;
    float: right;
}
.advance .box > .photo + div {
    margin-right: 50%;
}
.advance .box > div table th {
	width: 23%;
	text-align: center;
}
@media screen and (max-width:767px) {
	.advance ul.link li {
		margin-right: 15%;
	}
	.advance ul.link li:nth-child(2n) {
		margin-right: 0;
	}
	.advance p.back {
		margin-top: 10px;
	}
	.advance .box {
		padding: 20px 0 10px 0;
	}
	.advance .box .photo {
		width: auto;
		text-align: center;
		float: none;
		margin-bottom: 20px;
	}
	.advance .box > .photo + div {
		margin-right: 15px;
	}	
}
/* 豊田工業大学HOME  > 大学案内  > 広報?コミュニケーション  > TTIシアター 大学紹介ムービー以下 */
.movie > div:first-child p:first-child {
	width: 60%;
	float: left;
}
.movie > div:first-child p:last-child {
	width: 35%;
	float: right;
	text-align: right;
}
.movie p.pick {
	width:70%;
	height:1px;
	max-height:350px;
	padding-top:40%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.movie p.pick img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
@media screen and (max-width:767px) {
    .movie p.pick {
        margin-bottom:50px;
    }
} 
.movie p.pick {
	text-align: center;
}
.movie ul {
	clear: both;
}
.movie ul li {
    padding-left: 0!important;
	float: left;
	width: 23.44%;
	margin-right: 2%;
	margin-bottom: 30px!important;
}
.movie ul li:nth-child(4n) {
	margin-right: 0;
}
.movie ul li:before {
    content: normal!important;
}
.movie ul li img {
	width: 100%;
	height: auto;
}
.movie ul li a {
	color: #000;
}
.movie .youtube {
	position: relative;
	padding-top: 56.25%;
}
.movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
}
.movie p.back {
	border-top: 1px dotted #bfbfbf;
	padding: 20px 0 0 0;
	text-align: right;
}
.movie p.back a {
	position: relative;
	padding-left: 27px;
}
.movie p.back a:before {
	width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    content: "";
    background-color: #fff;
    background-image: url(/img/icon_arrow02.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
}
@media screen and (max-width:767px) {
	.movie > div:first-child {
		margin-top: 20px;
	}
	.movie > div:first-child p:first-child {
		width: auto;
		float: none;
	}
	.movie > div:first-child p:last-child {
		width: auto;
		float: none;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.movie ul li {
		padding-left: 0!important;
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	.movie ul li:nth-child(4n) {
		margin-right: 4%;
	}
	.movie ul li:nth-child(2n) {
		margin-right: 0;
	}
}

/* 豊田工業大学HOME  > 大学案内  > 施設?設備?キャンパス案内  > キャンパスマップ 施設?設備INDEX */
html.campus_map .box {
    position: relative;
    width: auto;
    margin: 10px auto 0;
	background: #fff;
}
html.campus_map .box h3 {
	font-weight: normal;
	background: #1dade2;
	font-size: 2.1rem;
	color: #fff;
	border: none !important;
	padding: 16px 6%;
	line-height: 1.0;
	text-align:left;
}
html.campus_map .box h3:before,
html.campus_map .box h3:after {content: normal;}
html.campus_map .box h3 img { width:28px; height:28px; vertical-align: text-top; margin-right:15px;}
html.campus_map .box .inbox {
	padding: 6%;
	background-color:#FFF;
}
html.campus_map .box .inbox .photo {
	float:left;
	width:46%;
	margin-right:8%;
}
html.campus_map .box .inbox .text {
	float:left;
	width:46%;
	text-align:left;
}
html.campus_map .box .inbox { height:268px; overflow: auto!important;}

html.campus_map  p.link {
	margin-top:26px;
	padding-left:27px;
	position:relative;
}
html.campus_map p.link:before{
	width:22px;
	height:22px;
	top:0;
	left:0;
	content:"";
	background-color:#fff;
	background-image:url(/img/icon_arrow02.png);
	background-size:22px;
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
}
.editor table.about_campus_map td img { margin-right:15px; vertical-align:middle;}
@media screen and (max-width:767px) {
	html.campus_map .box h3 {font-size: 1.8rem;}
	html.campus_map .box .inbox .photo {
		float:none;
		width:100%;
		margin:0 0 10px 0;
		text-align:center;
	}
	html.campus_map .box .inbox .text {
		float:none;
		width:100%;
	}
	html.campus_map .box h3 img { margin-right:10px;}
	html.campus_map .box h3 span { display:block; margin-left:38px; text-indent:-38px;}
	.editor table.about_campus_map {border-bottom: 1px solid #e1e1e1;}
	.editor table.about_campus_map td { display:block;border: solid #e1e1e1; border-width:1px 1px 0 1px;}
}


.map{
	position:relative;
	}
.map .map01{
	top:30.5%;
	left:55%;
	position:absolute;
	}
.map .map02{
	top:28%;
	left:52.5%;
	position:absolute;
	}
.map .map03{
	top:50.5%;
	left:62.5%;

	position:absolute;
	}
.map .map04{
	top:13%;
	left:68%;
	position:absolute;
	}
.map .map05{
	top:64%;
	left:8%;
	position:absolute;
	}
.map .map06{
	top:64%;
	left:39%;
	position:absolute;
	}
.map .map07{
	top:68%;
	left:83%;
	position:absolute;
	}
.map .map08{
	top:53%;
	left:60%;
	position:absolute;
	}
.map .map09{
	top:31%;
	left:19.5%;
	position:absolute;
	}
.map .map10{
	top:37%;
	left:71%;
	position:absolute;
	}
.map .map11{
	top:42.5%;
	left:71%;
	position:absolute;
	}
.map .map12{
	top:49%;
	left:65.5%;
	position:absolute;
	}
.map .map13{
	top:44%;
	left:67.5%;
	position:absolute;
	}
.map .map14{
	top:37%;
	left:48.5%;
	position:absolute;
	}
.map-icon{
	width:2.5%;
	height:4%;
	display:block;
	-moz-animation: horizontal 1s ease-in-out infinite alternate;
	-webkit-animation: horizontal 1s ease-in-out infinite alternate;
	-ms-animation: horizontal 1s ease-in-out infinite alternate;
	-o-animation: horizontal 1s ease-in-out infinite alternate;
	animation: horizontal 1s ease-in-out infinite alternate;
	}
.map-icon a{
	display:block;
	-moz-animation: vertical 1s ease-in-out infinite alternate;
	-webkit-animation: vertical 1s ease-in-out infinite alternate;
	-ms-animation: vertical 1s ease-in-out infinite alternate;
	-o-animation: vertical 1s ease-in-out infinite alternate;
	animation: vertical 1s ease-in-out infinite alternate;
	}
.map-icon img{
	width:100%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    }
.map-icon img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	}
/*
@-moz-keyframes horizontal{
    0% { transform:translateX( -1px); }
  100% { transform:translateX(  0px); }
}
@-webkit-keyframes horizontal{
    0% { transform:translateX( -1px); }
  100% { transform:translateX(  0px); }
}
@-o-keyframes horizontal{
    0% { transform:translateX( -1px); }
  100% { transform:translateX(  0px); }
}
@-ms-keyframes horizontal{
    0% { transform:translateX( -1px); }
  100% { transform:translateX(  0px); }
}
@keyframes horizontal{
    0% { transform:translateX( -1px); }
  100% { transform:translateX(  0px); }
}
@-moz-keyframes vertical{
    0% { transform:translateY(-1px); }
  100% { transform:translateY(  0px); }
}
@-webkit-keyframes vertical{
    0% { transform:translateY(-1px); }
  100% { transform:translateY(  0px); }
}
@-o-keyframes vertical{
    0% { transform:translateY(-1px); }
  100% { transform:translateY(  0px); }
}
@-ms-keyframes vertical{
    0% { transform:translateY(-1px); }
  100% { transform:translateY(  0px); }
}
@keyframes vertical{
    0% { transform:translateY(-1px); }
  100% { transform:translateY(  0px); }
}
*/
.map span.map03,
.map span.map06{ animation-duration: 1.1s}
.map span.map04,
.map span.map07 { animation-duration: 1.3s}
.map span.map05,
.map span.map08 { animation-duration: 1.5s}



/*================================================================================
  学部?大学院　教育
==================================================================================*/

/* 豊田工業大学HOME  > 学部?大学院　教育  > 教育プログラムの紹介  > 士（サムライ）型の人材育成 */
.editor ul.plus li,
.editor ul.plus li.l {
    margin-bottom: 1em;
    padding-left: 27px;
    position: relative;
	width: 40%;
	float: left;
}
.editor ul.plus li.l {
	width: auto;
}
.editor ul.plus li:before,
.editor ul.plus li.l:before{
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    content: "";
    background-color: #fff;
    background-image: url(/img/icon_plus.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
}
.editor ul.plus li a:hover {
	cursor: pointer;
}
.remodal h4 {
	background: #1dade2;
	border: none;
	color: #fff;
	font-size: 2.1rem;
	padding: 10px 40px;
	text-align: left;
	margin-top: 14px;
	overflow: hidden;
}
.remodal h4 span.ttl {
	font-size: 2.1rem;
	float: left;
	display: block;
}
.remodal h4 span.icon {
	font-size: 1.4rem;
	float: right;
	display: block;
	background: #013e54;
	border-radius: 5px;
	padding: 5px 40px;
}
.remodal .modal_box {
	background: #fff;
	padding: 5%;
	text-align: left;
}
.remodal .modal_box ul {
	overflow: hidden;
	margin-bottom: 40px;
}
.remodal .modal_box ul li:first-child {
	width: 48%;
	float: left;
	text-align: center;
}
.remodal .modal_box ul li:last-child {
	width: 48%;
	float: right;
	text-align: center;
}
@media screen and (max-width:767px) {
	.editor ul.plus li {
		width: auto;
		float: none;
	}
	.remodal h4 {
		font-size: 1.8rem;
		padding: 10px 5%;
	}
	.remodal h4 span.ttl {
		font-size: 1.8rem;
	}
	.remodal h4 span.icon {
		font-size: 1.2rem;
		padding: 5px 20px;
	}
	.remodal .modal_box ul {
		margin-bottom: 0;
	}
	.remodal .modal_box ul li {
		width: 100% !important;
		float: none !important;
		margin-bottom: 10px;
	}
}

/* 豊田工業大学HOME  > 学部?大学院　教育  > 教育プログラムの紹介  > ユニークな授業科目 */
.editor .bg_wrap .photo {
    width: 47.7%;
    text-align: center;
    margin: 0;
    padding: 0;
    float: right;
}
.editor .bg_wrap .photo p {
    width: auto;
    max-width: 100%;
    text-align: left;
    margin: 0 auto 20px;
    padding: 0;
    display: inline-block;
}
.editor .bg_wrap .photo p img {
    width: auto;
    max-width: 100%;
    margin-bottom: 5px;
}
.editor .bg_wrap .photo + div {
    margin-right: 50%;
}
@media screen and (max-width:767px) {
	.editor .bg_wrap .photo {
		width: auto;
		float: none;
	}
	.editor .bg_wrap .photo + div {
		margin-right: auto;
	}
}

/* 豊田工業大学HOME  > 学部?大学院　教育  > 工学部　先端工学基礎学科  > 概要と特色／進級?卒業要件 */
.editor ul li ul.gray li:before {
    width: 5px;
    height: 5px;
    top: 0.6em;
    left: 0;
    content: "";
    background: #c1c1c1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50;
    position: absolute;
}





/*================================================================================
  研究?産学連携 
==================================================================================*/


/* 豊田工業大学HOME  > 研究?産学連携  > 研究施設?設備  > 共同利用クリーンルーム  > 概要と特色 */
.overview .float-area div {
	float:left;
	width:48%;
}
.overview .float-area div:first-of-type {margin-right:4%;}

@media screen and (max-width:767px) {
.overview .float-area div {
	float:none;
	width:100%;
}
.overview .float-area div:first-of-type {margin-right:0;}
}

/* 豊田工業大学HOME  > 研究?産学連携  > 研究施設?設備  > 工作実習工場  > 主要設備一覧 */
.photo.lab_facility .s-img{
	display:block;
	max-width:415px;
	margin-top:5px;
}
.photo.lab_facility .s-img img{
	width:31.3%;
	margin:0 3% 3% 0 !important;
}
.photo.lab_facility .s-img img:nth-of-type(3n){ margin-right:0 !important;}

/* 豊田工業大学HOME  > 研究?産学連携  > 研究施設?設備  > 工作実習工場  > 教育支援（工学リテラシー実技指導） */

body.prototype .remodal-overlay {background: rgba(0, 0, 0, 0.7);}
body.prototype .remodal{ max-width:870px;}
body.prototype .remodal-confirm {margin: 0 0 10px 0 !important;}
body.prototype .box {
	position:relative;
	background: #d3f4ff;
	width:100%;
	padding:30px 0 50px;
}
body.prototype .box .btn_prev {
	position:absolute;
	top:0;
	left:0;
	width:6%;
	height:100%;
	background:url(/research/facility/lab/img/slick-prev.png) no-repeat left center;
	background-size: contain;
}
body.prototype .box .btn_next {
	position:absolute;
	top:0;
	right:0;
	width:6%;
	height:100%;
	background:url(/research/facility/lab/img/slick-next.png) no-repeat right center;
	background-size: contain;
}
body.prototype .box .inner {
	width: 78%;
	margin: 0 auto;
	background-color:#FFF;
}
body.prototype .box h3 {
	font-weight: normal;
	background: #1dade2;
	font-size: 2.1rem;
	color: #fff;
	border: none !important;
	padding: 16px 6%;
	line-height: 1.0;
}
body.prototype .box h3::before,
body.prototype .box h3::after {content: normal;}
body.prototype .inbox {
	padding: 6%;
	background-color:#FFF;
}
body.prototype .inbox p span {
	display:inline-block;
	margin-top:10px;
}
@media screen and (max-width:767px) {
	body.prototype .box h3 {font-size: 1.8rem;}
}

/* 豊田工業大学HOME  > 先進触媒開発研究センター */
.advancedcatalyst section.news dt.news {
	margin-bottom:0;
	padding-left:115px;
	background:url(/advancedcatalysis/img/news_icon_news.png) no-repeat left center;
}
.advancedcatalyst section.news dt.media {
	padding-left:115px;
	background:url(/advancedcatalysis/img/news_icon_media.png) no-repeat left center;
}
.advancedcatalyst section.news dt.highlight {
	padding-left:115px;
	background:url(/advancedcatalysis/img/news_icon_highlight.png) no-repeat left center;
}
.advancedcatalyst section.news dt.event {
	padding-left:115px;
	background:url(/advancedcatalysis/img/news_icon_event.png) no-repeat left center;
}
.advancedcatalyst .index section.news dd{
	padding-left:14em !important;
	}
.photo.advancedcatalyst .caption {
	display:block;
	max-width:415px;
	margin:0 auto;
}
.advancedcatalyst .index .year ul{
	width:98%;
	margin:0 auto 20px;
	overflow:hidden;
	position:relative;
	}
.advancedcatalyst .index .year li{
	padding:0 !important;
	float:left;
	}
.advancedcatalyst .index .year li a{
	padding:15px 20px 5px !important;
	border-right:1px solid #ccc;
	}
.advancedcatalyst .index .year li a:hover{
	background:#e6f7fc;
	text-decoration:none;
	}
.advancedcatalyst .index .year li:first-child{
	border-left:1px solid #ccc;
	}
.advancedcatalyst .index .year li:before{
	display:none;
	}
@media screen and (max-width:767px) {
	.photo.advancedcatalyst .caption {
		max-width:435px;
		margin-bottom:20px;
		padding:0;
	}
}


/* 豊田工業大学HOME  > 研究室紹介 */
.research .laboratory{
	display: flex;
	flex-wrap: wrap;
	}

.research .laboratory div{
	width:31%;
	margin:0 3% 30px 0;
	background:#f1f0ef;
	border:1px solid #ccc;
	}
.research .laboratory div:nth-child(3n){
	margin:0 0 30px 0;
	}
.research .laboratory div:hover{
	background:#f7f6f6;
	border:1px solid #ccc;
	-webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    transition: .3s;
	}
.research .laboratory div span{
	padding:5px 15px 15px;
	display:block;
	}
.research .laboratory .laboratory-name{
	background:#0b276e;
	color:#fff;
	font-weight:bold;
	padding:10px;
	font-size:1.6rem;
	}
.research .laboratory .name{
	padding:0 5px 0;
	min-height:5em;
	font-weight:bold;
	color:#000;
	border-bottom:1px dotted #848484;
	margin:10px;
	}
.research .laboratory .txt{
	color:#000;
	}
.research .laboratory a:hover{
	text-decoration: none;
	}


.research .laboratory .laboratory-name{
	background:#0b276e;
	color:#fff;
	font-weight:bold;
	padding:10px 10px 10px 20px;
	font-size:1.6rem;
	position:relative;
	}
.research .laboratory .laboratory-name:before{
	top:0;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #416099 transparent transparent transparent;
	content: "";
	position: absolute;
	}

.pagettl img.research-logo{
	border-top:none;
	}
.research .youtube {
	position: relative;
	padding-top: 56.25%;
	margin-bottom:0;
}
.research iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
}

.research .staff{
	display: flex;
	flex-wrap: nowrap;
	}
.research .staff div{
	width:100%;
	padding:20px;
	border:5px solid #fff;
	background:#f1f0ef;
	
	}
.research .research-tit{
	background-color:#00266c;
	padding:25px 30px;
	position:relative;
	}
.research .research-tit:before,
.research .research-tit:after{
	content: "";
	position: absolute;
	}
.research .research-tit:before{
	top:0;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 0;
	border-color: #416099 transparent transparent transparent;
	}
.research .research-tit:after{
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 30px 30px;
	border-color: transparent transparent #416099 transparent;
	position:absolute;
	}
.research .research-tit h3{
	font-size:2rem;
	font-weight:bold;
	line-height:1;
	color:#fff;
	margin:0 0 1.2em;
	padding:0;
	background-image:none;
	border:none;
	}
.research .research-tit h3:before{
	display:none;
	}
.research .research-tit p{
	color:#fff;
	text-align:right;
	}
.research .photo-w .cap{
	text-align:left;
	}
.remodal p.research-photo{
	text-align:center !important;
	}
@media screen and (max-width:1250px) {

.research .laboratory div{
	width:46%;
	margin:0 2% 20px 0;
	}
.research .laboratory div:nth-child(3n){
	margin:0 2% 20px 0;
	}
.research .laboratory div:nth-child(2n){
	margin:0 0 20px 0;
	}
.research .laboratory .laboratory-name{
	font-size:1.4rem;
	padding:8px 10px 8px 15px;
	}
}
@media screen and (max-width:767px) {
.research .laboratory .laboratory-name{
	padding:5px 10px 5px 15px;
	min-height:3em;
	display:block;
	}
}

/*================================================================================
  入試情報 
==================================================================================*/

/* 豊田工業大学HOME  > 入試情報  > 入試情報 */
#contents .sub nav.local ul li.no_link span {
	display: block;
    border-bottom: 2px solid #f1f0ef;
    padding: 15px 18px 15px 15px;
}
#contents .sub nav.local ul li.no_link dl dt {
    border-bottom: 2px solid #f1f0ef;
    position: relative;
}
#contents .sub nav.local ul li.no_link dl dt:before {
    width: 7px;
    height: 7px;
    top: 22px;
    left: 18px;
    content: "";
    background: #1dade2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50;
    position: absolute;
}
#contents .sub nav.local ul li.no_link dl dt a {
	display: block;
	background: none;
    padding: 15px 18px 15px 30px;
}
#contents .sub nav.local ul li.no_link dl dt:hover, #contents .sub nav.local ul li.no_link dl dt.on {
	background: #a4e7fe;
}
#contents .sub nav.local ul li.no_link ul li.border {
    border-bottom: 2px solid #f1f0ef;
}

/* 豊田工業大学HOME  > 入試情報  > 入試情報  > 入試日程一覧 */
.add_contact {
	overflow: hidden;
}
.add_contact > div {
	width: 42%;
	float: left;
}
.add_contact > ul {
	width: 42%;
	float: right;
}
.add_contact > ul li {
    background: #1dade2 url(/img/icon_arrow10.png) 10px center no-repeat;
    background-size: 22px;
    border-radius: 4px;
    padding: 15px 10px 15px 40px !important;
    margin-bottom: 5px;
}
.add_contact > ul li:before {
    content: normal !important;
}
.add_contact > ul li a {
	display: block;
    color: #fff;
    font-size: 1.5rem;
}
.add_contact > ul li a.telmail {
	background: url(/img/icon_telmail.png) left no-repeat;
	padding-left: 35px;
}
p.tel_icon {
    font-size: 1.8rem;
    font-weight: bold;
    background: url(/img/icon_tel.png) left no-repeat;
    padding: 0 0 0 40px;
}
.add_contact > div dl dt {
    clear: left;
    float: left;
    width: 5.5em;
}
.add_contact > div dl dd {
    margin-left: 0;
    padding: 0 0 0 5.5em;
}
@media screen and (max-width:1024px) {
	.add_contact > div {
		width: auto;
		float: none;
	}
	.add_contact > ul {
		width: auto;
		float: none;
	}
	.add_contact > div {
		margin-bottom: 20px;
	}
}

/* 豊田工業大学HOME  > 入試情報  > 入試情報  > 入試Q&A */
dl.accordion {
	margin: 0 20px 30px;
}
dl.accordion dt {
	display: block;
	margin: 0 auto;
	background: #f7f7f7 url(../admissions/info/img/qa_pic_03.png) 94% center no-repeat;
	cursor: pointer;
	border-bottom: 1px solid #fff;
}
dl.accordion dt span {
	display: block;
	background: url(/admissions/info/img/qa_pic_01.png) 25px 30px no-repeat;
	padding: 30px 70px;
}
dl.accordion dt.active {
	background: #f7f7f7 url(../admissions/info/img/qa_pic_04.png) 94% center no-repeat;
}
dl.accordion dd {
	display:none;
	margin: 5px 0 0 0;
	background: url(/admissions/info/img/qa_pic_02.png) 25px 30px no-repeat;
	padding: 30px 70px;
}
dl.accordion dd p {
	margin: 0 0 20px 0;
}
dl.accordion dd ul {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
dl.accordion dd table {
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
@media screen and (max-width:767px) {
	dl.accordion {
		margin: 0 10px 15px;
	}
	dl.accordion dt span {
		background: url(/admissions/info/img/qa_pic_01.png) 15px 20px no-repeat;
		padding: 20px 40px 20px 50px;
	}
	dl.accordion dd {
		display:none;
		margin: 5px 0 0 0;
		background: url(/admissions/info/img/qa_pic_02.png) 15px 20px no-repeat;
		padding: 20px 40px 20px 50px;
	}
}

/*入試結果*/
.result-table th,
.result-table td{
	font-size:1.3rem !important;
	padding-left:4px !important;
	padding-right:4px !important;
	}

.result-table .col{
	min-width:4rem;
	padding-left:6px !important;
	padding-right:6px !important;
	}

/*入試結果　グラフ*/
.result{
	width:100%;
	position:relative;
	overflow:hidden;
	}
.result .data{
	width:50% !important;
	height:auto !important;
	margin-bottom:15px;
	float:right;
	}
@media screen and (max-width:1024px) {
.result-table .col{
	white-space: nnormal;
	}
.result .data{
	width:100% !important;
	height:auto !important;
	float:none;
	}
}




/*================================================================================
  国際交流
==================================================================================*/

/* 豊田工業大学HOME  > 国際交流  > 海外大学との連携  > 海外大学との連携 */
.editor .international.university table td > span {
	display:inline-block;
	width:30px;
	margin-right:16px;
	text-align:center;
	color:#00266c;
	font-size:1.8rem;
	font-weight:bold;
	vertical-align:middle;
}
.editor .international.university p.pic {
	width: auto !important; 
    margin: -30px -20px 30px -20px !important;
}
.editor .international.university table img {
	display: inline-block;
	border:solid 1px #e2e2e2;
	vertical-align:middle;
	margin-right:20px;
}
.editor .international.university table p {
	display:inline-block;
	vertical-align:middle;
}
.editor .international.university table p span { font-size:1.2rem; }
@media screen and (max-width:767px) {
.editor .international.university table td {
	display:block;
	width:100%;
	border-width:1px 1px 0 1px;
	box-sizing:border-box;
}
.editor .international.university table {
	border:solid #e2e2e2;
	border-width:0 0 1px 0;
}
}


/* 豊田工業大学HOME  > 国際交流  > 関連施設の紹介  > 国際交流ハウス（Ti-House） */
.ti-house .slick_box {
	background: #d3f4ff;
	padding: 25px 0 50px 0;
}
.ti-house .slick-slider {
	width: 78%;
	margin: 0 auto;
}
.ti-house .slick-list {
	background: #fff;
}
.ti-house .slick_container {
    width: auto;
    margin: 0 auto;
    position: relative;
}
.ti-house .slick_container h3 {
	font-weight: normal;
	background: #1dade2;
	font-size: 2.1rem;
	color: #fff;
	border: none !important;
	padding: 16px 6%;
	line-height: 1.0;
}
.ti-house .slick_container h3:before, .ti-house .slick_container h3:after {
    content: normal;
}
.ti-house .slick_container .inbox {
	padding: 6%;
	overflow: hidden;
}
.ti-house .slick_container ul li {
    margin-bottom: 0;
    padding-left: 0;
}
.ti-house .slick_container .inbox p:first-child {
	width: 47.7%;
	float: left;
}
.ti-house .slick_container .inbox p:last-child {
	width: 47.7%;
	float: right;
}
.ti-house .slick_container .inbox p img {
	margin-bottom: 20px;
}
.ti-house .slick-prev, .ti-house .slick-next {
    width: 50px;
    height: 100px;
}
.ti-house .slick-prev:before, .ti-house .slick-next:before {
    content: "";
}
.ti-house button.slick-prev, .ti-house button.slick-next {
    z-index: 2;
}
.ti-house .slick-prev {
	left: 0px;
}
.ti-house .slick-next {
	right: 0px;
}
.ti-house .slick-arrow {
	z-index: 10;
}
.ti-house .slick-dots li:before {
    content: normal;
}
@media screen and (max-width:767px) {
	.ti-house .slick_container h3 {
		font-size: 1.8rem;
	}
	.ti-house .slick_container .inbox p img {
		margin-bottom: 10px;
	}
	.ti-house .slick_container .inbox p {
		margin-bottom: 10px;
	}
	.ti-house .slick_container .inbox p:first-child {
		width: auto;
		float: none;
	}
	.ti-house .slick_container .inbox p:last-child {
		width: auto;
		float: none;
	}
	.ti-house .slick-prev, .ti-house .slick-next {
		width: 25px;
		height: 50px;
	}
}





/*================================================================================
  受験生の方
==================================================================================*/


/* 豊田工業大学HOME  > 受験生の方  > 豊田工大を知りたい  > 豊田工業大学　12の魅力 */
.feature-10 table.pagelink {
	background: #fafafa;
	margin-bottom: 60px;
}
.feature-10 table.pagelink td {
	vertical-align: middle;
	width: 40%;
	padding-right: 10%;
	background: url(/img/icon_arrow06.png) 96% center no-repeat;
	background-size: 22px;
}
.feature-10 table.pagelink td a {
	display: block;
	padding: 10px 0 10px 50px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 36px;
}
.feature-10 table.pagelink td a.n01 {
	background-image: url(/prospective/feature/img/feature-10_pic_01.png);
}
.feature-10 table.pagelink td a.n02 {
	background-image: url(/prospective/feature/img/feature-10_pic_02.png);
}
.feature-10 table.pagelink td a.n03 {
	background-image: url(/prospective/feature/img/feature-10_pic_03.png);
}
.feature-10 table.pagelink td a.n04 {
	background-image: url(/prospective/feature/img/feature-10_pic_04.png);
}
.feature-10 table.pagelink td a.n05 {
	background-image: url(/prospective/feature/img/feature-10_pic_05.png);
}
.feature-10 table.pagelink td a.n06 {
	background-image: url(/prospective/feature/img/feature-10_pic_06.png);
}
.feature-10 table.pagelink td a.n07 {
	background-image: url(/prospective/feature/img/feature-10_pic_07.png);
}
.feature-10 table.pagelink td a.n08 {
	background-image: url(/prospective/feature/img/feature-10_pic_08.png);
}
.feature-10 table.pagelink td a.n09 {
	background-image: url(/prospective/feature/img/feature-10_pic_09.png);
}
.feature-10 table.pagelink td a.n10 {
	background-image: url(/prospective/feature/img/feature-10_pic_10.png);
}
.feature-10 table.pagelink td a.n11 {
	background-image: url(/prospective/feature/img/feature-10_pic_11.png);
}
.feature-10 table.pagelink td a.n12 {
	background-image: url(/prospective/feature/img/feature-10_pic_12.png);
}
.feature-10 > div {
	border-bottom: 2px solid #f1f0ef;
	padding-bottom: 70px;
	margin-top: 40px;
}
.feature-10 h3 {
	font-size: 2.9rem;
	font-weight: normal;
	background: none;
	padding: 10px 0 10px 120px;
	margin: 0 0 15px 0;
	border: none;
	background-position: left;
	background-repeat: no-repeat;
}
.feature-10 #link01 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_01.png);
}
.feature-10 #link02 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_02.png);
}
.feature-10 #link03 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_03.png);
}
.feature-10 #link04 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_04.png);
}
.feature-10 #link05 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_05.png);
}
.feature-10 #link06 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_06.png);
}
.feature-10 #link07 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_07.png);
}
.feature-10 #link08 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_08.png);
}
.feature-10 #link09 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_09.png);
}
.feature-10 #link10 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_10.png);
}
.feature-10 #link11 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_11.png);
}
.feature-10 #link12 h3 {
	background-image: url(/prospective/feature/img/feature-10_pic_12.png);
}

.feature-10 h3:before, .feature-10 h3:after {
    content: normal;
}
ul.list_btn {
	margin-top: 25px !important;
}
ul.list_btn li:before {
    content: normal !important;
}
ul.list_btn li {
	display: inline-block;
	padding: 0 !important;
	margin: 0 5px 0 0;
}
ul.list_btn li a {
	display: inline-block;
	color: #fff;
	font-size: 1.5rem;
	background: #00266c;
	background-image:none;
	border-radius: 4px;
	padding: 8px 15px 8px 35px;
	margin-bottom: 5px;
	position:relative;
}
ul.list_btn li a:before{
	content:"";
	top:50%;
	width:22px;
	left:8px;
	height:22px;
	margin-top:-11px;
	background-image:url(/img/icon_arrow10.png);
	background-position:10px left;
	background-repeat:no-repeat;
	background-size:22px;
	position:absolute;
}
ul.list_btn li a[target="_blank"]{
	padding-right:25px;
	background-image:none;
}
ul.list_btn li a[target="_blank"]:after{
	content:"";
	top:50%;
	width:11px;
	right:5px;
	height:11px;
	margin-top:-7px;
	background-image:url(/img/icon_blank_w.png);
	background-position:10px left;
	background-repeat:no-repeat;
	background-size:11px;
	position:absolute;
}

.feature-10 .float_box {
	overflow: hidden;
}
.feature-10 .float_box .right {
	float: right;
	width: 43%;
	text-align:right;
}
.feature-10 .float_box .left {
	float: left;
	width: 55%;
}
@media screen and (max-width:767px) {
	.feature-10 table.pagelink {
		border-top: 1px solid #e1e1e1;
		margin-bottom: 30px;
	}
	.feature-10 table.pagelink td {
		width: 88%;
		display: block;
		padding: 0 10% 0 2%;
	}
	.feature-10 table.pagelink td:nth-child(odd) {
		border-top: none;
		border-bottom: none;
	}
	.feature-10 > div {
		padding-bottom: 30px;
		margin-top: 20px;
	}
	.feature-10 h3 {
		font-size: 2.0rem;
		padding: 10px 0 10px 60px;
		margin: 0 0 10px 0;
		background-size: 50px;
	}
	ul.list_btn li {
		display: block;
	}
	.feature-10 .float_box .right {
		float: none;
		width: auto;
		margin-bottom: 10px;
		text-align:center;
	}
	.feature-10 .float_box .left {
		float: none;
		width: auto;
	}
}



/* 豊田工業大学HOME  > 受験生の方  > オープンキャンパス?イベント情報  > オープンキャンパス */
.schedule {
	margin-top: -90px !important;
	margin-bottom: 40px !important;
}
.schedule p {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}
ul.open_pagelink{
	width:100%;
	overflow:hidden;
	position:relative;
	}
ul.open_pagelink li{
	width:16.6%;
	text-align:center!important;
	margin:0!important;
	padding:0!important;
	display:inline-block;
	float:left;
	}
ul.open_pagelink li:before {
	content: normal !important;
}
ul.open_pagelink li a{
	width:95%;
	color:#000;
	line-height:1;
	margin:0 auto 10px;
	padding:15px 0 50px;
	display:block;
	background:#fafafa;
	position:relative;
	box-shadow:3px 3px 7px -2px #7c7c7c;
	-moz-box-shadow:3px 3px 7px -2px #7c7c7c;
	-webkit-box-shadow:3px 3px 7px -2px #7c7c7c;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}
ul.open_pagelink li a:hover{
	text-decoration:none;
	background:#eeecec;
	}
ul.open_pagelink li a:after{
	content:"";
	width:16px;
	height:8px;
	bottom:10px;
	left:50%;
	margin-left:-8px;
	background:url(/prospective/event/img/openlink_icon.png) no-repeat center top;
	position:absolute;
	}
ul.open_pagelink li a.no-link:after{
	display:none;
	}
ul.open_pagelink li.end a{
	background:#eeecec;
	}
ul.open_pagelink li .day{
	font-size:2.5rem;
	}
ul.open_pagelink li .day span{
	font-size:1.5rem;
	}
ul.open_pagelink li .day span .sat{color:#4c9bd2;}
ul.open_pagelink li .day span .sun{color:#e52343;}
ul.open_pagelink li .time{
	font-size:1.4rem;
	color:#6d6d6d;
	margin:5px 0 7px;
	}
ul.open_pagelink li .yoyaku1,
ul.open_pagelink li .yoyaku2,
ul.open_pagelink li div.end{
	width:80%;
	bottom:25px;
	left:50%;
	font-size:1.2rem;
	color:#fff;
	margin-left:-40%;
	padding:5px 0;
	position:absolute;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}
ul.open_pagelink li .yoyaku1{background:#1dade2;}
ul.open_pagelink li .yoyaku2{background:#929292;}
ul.open_pagelink li div.end{background:#929292;}

h3.open {
	font-size: 2.4rem;
}
h3.open span.date {
	font-size: 3.0rem;
}
h3.open span.date span {
	font-size: 1.8rem;
}
h3.open span.date span span.sat {
	color: #4c9bd2;
}
h3.open span.date span span.sun {
	color: #e52343;
}
h3.yoyaku {
	background: #fafafa url(../prospective/event/img/open_pic_09.png) 96% center no-repeat;
}
h3.fuyou {
	background: #fafafa url(../prospective/event/img/open_pic_10.png) 96% center no-repeat;
}
td span.link_down {
	padding-left: 27px;
    position: relative;
}
td span.link_down:before {
    width: 22px;
    height: 22px;
    top: 0;
    left: 0;
    content: "";
    background-color: #fff;
    background-image: url(/img/icon_arrow06.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
}
p.free_tel {
    font-size: 1.8rem;
    font-weight: bold;
    background: url(/img/icon_free.png)  left no-repeat;
    padding: 0 0 0 40px;
}
ul.modal_link {
	overflow: hidden;
}
ul.modal_link li {
	background: #3fb9e6;
	width: 48%;
	margin-bottom: 0 !important;
    padding-left: 0 !important;
	display: table;
	border-radius: 5px;
}
ul.modal_link li:before {
    content: normal !important;
}
ul.modal_link li > span {
	display: table-cell;
	width: 50px;
	background: #143778;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px 0 0 5px;
	padding: 15px 0;
}
ul.modal_link li > span img {
	width: 22px;
	height: 22px;
}
ul.modal_link li a {
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
ul.modal_link li a span {
	font-size: 2.4rem;
}
ul.modal_link li:nth-child(odd) {
	float: left;
}
ul.modal_link li:nth-child(even) {
	float: right;
}
.remodal .modal_box table {
	width: 100%;
}
.remodal .modal_box table th,
.remodal .modal_box table td{
	padding:10px 20px;
	border:1px solid #e1e1e1;
	vertical-align:top;
}
.remodal .modal_box table th{
	font-weight:normal;
	text-align:left;
	background:#edfaff;
}
.remodal .modal_box table tbody th{
	background:#fafafa;
}
@media screen and (max-width:1250px) {
	ul.open_pagelink li{
		width:33%;
	}
	h3.open span.date {
		display: block;
	}
	h3.yoyaku, h3.fuyou {
		background-position:96% 30%;
	}
}
@media screen and (max-width:767px) {
	.schedule {
		margin-top: -60px !important;
		margin-bottom: 20px !important;
	}
	.schedule p {
		font-size: 1.4rem;
		margin-bottom: 0;
	}
	ul.open_pagelink li{
		width:50%;
	}
	h3.open {
		font-size: 1.8rem ;
	}
	h3.open span.date {
		font-size: 1.8rem;
	}
	h3.yoyaku, h3.fuyou {
		background-size: 80px;
		background-position: 96% 10px;
		padding-top: 30px;
	}
	ul.modal_link li {
		width: 100%;
		float: none !important;
		margin-bottom: 10px !important;
	}
	.remodal .modal_box table{
		width:96%;
		margin-bottom: 20px;
	}
	.remodal .modal_box table th,
	.remodal .modal_box table td{
		font-size:1.2rem;
	}
	.remodal .modal_box .scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.remodal .modal_box .scroll::-webkit-scrollbar{
		height: 5px;
	}
	.remodal .modal_box .scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.remodal .modal_box .scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
}

/* 豊田工業大学HOME  > 受験生の方  > オープンキャンパス?イベント情報  > 大学相談会?進学相談会 */
.consultation_schedule {
	margin-top: -400px !important;
	margin-bottom: 80px !important;
}
@media screen and (max-width:767px) {
	.consultation_schedule {
		margin-top: -200px !important;
		margin-bottom: 40px !important;
	}
}
.consultation_schedule p {
	color: #fff;
}


/*================================================================================
  企業?教育/研究機関の方
==================================================================================*/
ul.dispatch{
	width:auto;
	overflow:hidden;
	position:relative;
	}
ul.dispatch li{
	width:23%;
	display:inline-block;
	float:left;
	}
@media screen and (max-width:1239px) {
	ul.dispatch li{
		width:45%;
	}
}
@media screen and (max-width:767px) {
	ul.dispatch li{
		width:90%;
	}
}

/*================================================================================
  地域?一般の方
==================================================================================*/


/* 豊田工業大学HOME  > 地域?一般の方  > 施設の公開?貸出  > スポーツ施設の学外開放 */
.flow {
	background: #fafafa;
	border-top: 1px solid #e8e7e7;
	border-bottom: 1px solid #e8e7e7;
	padding: 20px 4%;
}
.flow p {
	padding-left: 55px;
}
.flow p.ttl {
	font-size: 1.8rem;
	color: #00266c;
	font-weight: bold;
	padding: 10px 0 10px 55px;
}
.flow p.no1 {
	background: url(/public/facility/img/no1.png) left center no-repeat;
}
.flow p.no2 {
	background: url(/public/facility/img/no2.png) left center no-repeat;
}
.flow p.no3 {
	background: url(/public/facility/img/no3.png) left center no-repeat;
}

.flow p.no4 {
	background: url(/public/facility/img/no4.png) left center no-repeat;
}

.flow p.no5 {
	background: url(/public/facility/img/no5.png) left center no-repeat;
}






/*================================================================================
  在学生の方
==================================================================================*/


/* 豊田工業大学HOME  > 在学生の方  > 施設?設備  > 学生寮 */
p.frame {
	border: 2px solid #1dade2;
	padding: 2%;
}



/*================================================================================
  教職員募集情報
==================================================================================*/

/* 豊田工業大学HOME  > 教職員募集情報  > 教職員募集 */
.new {
    background: url(/img/icon_new.png) right no-repeat;
    background-size: 40px;
    padding-right: 50px;
}

/* 豊田工業大学HOME  > 教職員募集情報  > 教職員募集  > 教員募集情報  > 工学部先端工学基礎学科　材料プロセス研究室　助教公募 */
p.link_back a {
	background: url(/img/icon_arrow02.png) left no-repeat;
	background-size: 22px;
	padding: 2px 0 2px 30px;
}

/* 豊田工業大学HOME  > 研究?産学連携  > 研究施設?設備  > 主な研究設備?装置一覧 */
ul.link ul.list {
	margin: 10px 0;
}
ul.link ul.list li {
	padding-left: 20px;
}
ul.link ul.list li:before {
    width: 7px;
    height: 7px;
    top: 0.4em;
    left: 5px;
    content: "";
    background: #1dade2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50;
    position: absolute;
}






/*================================================================================
  交通アクセス
==================================================================================*/
.access01{
	width:auto;
	overflow:hidden;
	position:relative;
	}
.access01 div:nth-of-type(1){
	width:45%;
	float:left;
	}
.access01 div:nth-of-type(1) p:nth-of-type(1){
	margin-bottom:20px;
	}
.access01 div:nth-of-type(1) p:nth-of-type(2){
	padding-left:5em;
	text-indent:-5em;
	}
.access01 .map01{
	width:50%;
	float:right;
	}


#gmap{
	width:auto;
	margin-top:3em;
	margin-bottom:0;
	background:#e1e8f6;
	}
#map_tab{
	width:100%;
	overflow:hidden;
	position:relative;
	border-bottom:3px solid #00236e;
	}
#map_tab li{
	width:33.33%;
	text-align:center;
	margin:0 !important;
	padding:0 !important;
	background:#eeeeee;
	float:left;
	}
#map_tab li:before{
	display:none;
	}
#map_tab li a{
	font-size:1.7rem;
	text-align:center;
	color:#000;
	padding:20px 10px;
	display:block;
	border-left:1px solid #bebebe;
	}
#map_tab li:first-child a{
	border-left:none;
	}
#map_tab li a.on{
	color:#fff;
	background:#00236e;
	}
.access02{
	width:auto;
	padding:40px 40px 0;
	overflow:hidden;
	position:relative;
	}
.map_contents {
	width: 90%;
	height: 440px;
	overflow: hidden;
	clear: both;
}
.access02 .but{
	width:10%;
	bottom:0;
	right:40px;
	position:absolute;
	}
.access02 .but p{
	width:100%;
	display:table;
	}
.access02 .but a{
	height:200px;
	color:#fff;
	text-align:center;
	margin:0 !important;
	padding:0 !important;
	display:table-cell;
	vertical-align:middle;
	}
.access02 .but p:nth-of-type(1) a{
	background:#565555;
	border-bottom:1px solid #ccc;
	}
.access02 .but p:nth-of-type(2) a{
	background:#474747;
	}
.access02 .but a img{
	margin:0 auto 0.7rem;
	display:block;
	}
.access02 .but a span{
	text-align:center;
	display:block;
	}
#map_route01, #map_route02, #map_route03{
	width: auto;
	height:100%;
}
.map_contents div.box {
	width: 100% !important;
	height:100% !important;
	margin: 0;
	padding: 0;
}
.map_contents div.box div.inner {
	float: none;
	width: 100% !important;
	height:95% !important;
	position:relative;
}
.map_contents h5{
	border-top:none;
	margin:0 0 10px 0 !important;
	padding:0;
	background:#e1e8f6;
	z-index:100;
	}

#directions{
	width:auto;
	padding:40px;
	padding-bottom:50px;
	background:#e1e8f6;
	}
#directions .map_route01{
	width:auto;
	overflow:hidden;
	position:relative;
	}
#directions .map_route01 div{
	width:40%;
	float:left;
	}
#directions .map_route01 .map02{
	width:58%;
	float:right;
	}
#directions p{
	margin-bottom:1em;
	}
.map-sp{
	display:none;
	}

@media screen and (max-width:767px) {
	.access01 div:nth-of-type(1),
	.access01 .map01{
		width:100%;
		float:none;
	}
	#map_tab li a{
		font-size:1.2rem;
	}
	.map_contents,
	#directions .map_route01 div,
	#directions .map_route01 .map02{
		width:100%;
		float:none;
	}
	.access02 .but{
		width:100%;
		bottom:auto;
		right:auto;
		position:relative;
		}
	.access02 .but a{
		height:auto;
		padding:1em;
	}
	.access02 .but a img{
		margin:0 0.5em;
		display:inline-block;
		vertical-align:middle;
	}
	.access02 .but a span{
		text-align:center;
		display:inline-block;
	}
	.map-sp{
		display:block;
	}

}

/*================================================================================
  ニュース
==================================================================================*/

/*ニュース一覧*/
.news-list {
	width:100%;
	margin-bottom:55px;
}
.news-list h3 {
	font-size: 1.6rem;
	margin: 0 0 10px;
	padding: 10px;
}
.index .news dl,
.news-list dl {
	padding:10px;
}
.news-list dl dt {
    padding: 15px 0 10px 0;
	color: #000;
    font-size: 1.2rem;
}
.news-list dl dd {
    margin-left: 0;
    padding: 3px 0 9px 0;
    border-bottom: 1px dotted #bfbfbf;
}

.news-list dl dt.news {
	background: url(/img/icon_news.png) 6.5em 13px no-repeat;
	background-size: 80px;
}
.news-list dl dt.event {
	background: url(/img/icon_event.png) 6.5em 13px no-repeat;
	background-size: 80px;
}
.news-list dl dt.media {
	background: url(/img/icon_media.png) 6.5em 13px no-repeat;
	background-size: 80px;
}
.news-list dl dt.nyushi {
	background: url(/img/icon_exam.png) 6.5em 13px no-repeat;
	background-size: 80px;
}
.news-list dl dt.up {
	background: url(/img/icon_update.png) 6.5em 13px no-repeat;
	background-size: 80px;
}




/*ニュース一覧　メディア掲載?イベント情報*/
.editor .news-list .name{
	font-size:1.3rem;
	margin:0 1em;
	padding:0.2em 1em;
	display:inline-block;
	background:#e6e6e6;
	vertical-align:middle;
	}
.editor .news-list .name a{
	color:#000;
	}
.editor .news-list .day{
	font-size:1.3rem;
	display:inline-block;
	vertical-align:middle;
	}

/*ニュース詳細?イベント詳細*/
.news-detail{
	text-align:center;
	margin-bottom:5%;
	padding:10px 21px 0;
	}
.event-detail{
	text-align:center;
	margin-bottom:5%;
	padding:0 21px;
	}
.news-detail h3,
.news-detail h4,
.news-detail h5,
.news-detail th,
.news-detail td,
.event-detail h3,
.event-detail h4,
.event-detail h5,
.event-detail th,
.event-detail td{
	text-align:left;
	}
.news-detail h4,
.news-detail h5,
.event-detail h4,
.event-detail h5{
	text-align:left;
	margin-bottom:0.5em;
	}
.editor .news-detail > h4,
.editor .news-detail > h5,
.editor .event-detail > h4,
.editor .event-detail > h5{
    margin: 40px 0 20px;
}
.editor .news-detail > h4 + h5,
.editor .event-detail > h4 + h5{
	margin-top:25px;
	}
.news-detail h3 span,
.news-detail h4 span,
.event-detail h3 span,
.event-detail h4 span,
.event-detail h5 span{
	font-size:1.4rem;
	display:block;
	}
.news-detail p,
.event-detail p{
	text-align:left;
	margin-bottom:1em;
	clear:both;
	}
.news-detail .day{
	font-size:1.2rem;
	text-align:right;
	margin-top:0.5em;
	margin-bottom:5%;
	}
.news-detail div{
	min-width:35%;
	max-width:44%;
	margin:2%;
	margin-bottom:1.5em;
	display:inline-block;
	}
.news-detail div img{
	width:100%;
	margin-bottom:0.5em;
	}
.event-detail table{
	width:100%;
	margin:0;
	}
.editor .event-detail table td,
.editor .news-detail table td{
	text-align:left;
	}
.news-detail .mbe2{ /*2行分空き*/
	margin-bottom:2em;
	}
.news-detail .mbe3{ /*3行分空き*/
	margin-bottom:3em;
	}
.news-detail .mbe4{ /*4行分空き*/
	margin-bottom:4em;
	}

/*ニュース　アイコン自動付与*/
.editor .news-list a[href$=".pdf"],
.editor .news-detail a[href$=".pdf"],
.editor .event-detail a[href$=".pdf"],
.editor .news-list a[href$=".doc"],
.editor .news-detail a[href$=".doc"],
.editor .event-detail a[href$=".doc"],
.editor .news-list a[href$=".xls"],
.editor .news-detail a[href$=".xls"],
.editor .event-detail a[href$=".xls"]{
	padding-right:0;
	background-image:none ;
}
.editor .news-list a[href$=".pdf"] span,
.editor .news-detail a[href$=".pdf"] span,
.editor .event-detail a[href$=".pdf"] span{
	padding-left:20px;
	background-image:url(/img/icon_pdf.png) ;
	background-size:12px;
	background-repeat:no-repeat;
	background-position:5px 0.2em;
}
.editor .news-list a[href$=".doc"] span,
.editor .news-detail a[href$=".doc"] span,
.editor .event-detail a[href$=".doc"] span{
	padding-left:20px;
	background-image:url(/img/icon_word.png) ;
	background-size:12px;
	background-repeat:no-repeat;
	background-position:5px 0.2em;
}
.editor .news-list a[href$=".xls"] span,
.editor .news-detail a[href$=".xls"] span,
.editor .event-detail a[href$=".xls"] span{
	padding-left:20px;
	background-image:url(/img/icon_xls.png) ;
	background-size:12px;
	background-repeat:no-repeat;
	background-position:5px 0.2em;
}



@media screen and (max-width:767px) {
.news-detail,
.event-detail{
	padding:5px 10px;
	}
.news-detail div{
	min-width:100%;
	margin-left:0%;
	margin-bottom:1.5em;
	}
.news-detail div img{
	width:auto;
	max-width:80%;
	margin:0 auto;
	}

}


/*================================================================================
  base.css
==================================================================================*/
html,
body {
	height: 100%;
	font-size: 62.5%;
	color: #000;
	width: 100%;
	position: relative;
}
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	-webkit-text-size-adjust: none;
	font-size: 1.4rem;
	background: #f1f0ef;
}
.tel-link a {
	color: #000;
	text-decoration: none;
}
h3{
	font-size:2.4rem;
	line-height:1.5;
	font-weight: normal;
	padding:14px 20px 9px;
	background:url(/img/h3_bg.png) center;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	position:relative;
}
h3:before,
h3:after{
	content:"";
	top:50%;
	left:0;
	width:4px;
	height:16px;
	position:absolute;
}
h3:before{
	margin-top:-16px;
	background:#416099;
}
h3:after{
	background:#00266c;
}
h4 {
	font-size: 2.2rem;
	font-weight:normal;
	border-top:1px solid #c4c4c4;
	padding-top:13px;
	position:relative;
}
h4:before {
	content:"";
	top:0;
	left:0;
	width:100%;
	height:3px;
	background:#eeeeee;
	position:absolute;
}
h4 span {
	font-size:1.6rem;
}
h4.lead{
	font-size: 2.2rem;
	font-weight:normal;
	border-top:none;
	padding-top:0;
}
h4.lead:before{
	display:none;
	}
h5{
	font-size:2rem;
	font-weight:normal;
	line-height:1.5;
	padding:15px 0 0 2px;
	border-top:1px dotted #bfbfbf;
	position:relative;
}
h5.inq{				/*ページ内「お問合せ」タイトル*/
	font-size:1.8rem;
	line-height:1;
	padding:0 20px;
	border-top:none;
	position:relative;
}
h5.inq:before,
h5.inq:after{
	width:10px;
	height:0;
	top:50%;
	left:0;
	content:"";
	position:absolute;
}
h5.inq:before{
	margin-top:-4.5px;
	border-top:3px solid #00266c;
}
h5.inq:after{
	margin-top:-1.5px;
	border-top:3px solid #1dade2;
}

.editor {
	width:auto;
	background: #fff;
	padding:30px 20px 0;
	padding-top:30px;
	padding-bottom: 30px;
	/*overflow:hidden;*/
	position:relative;
}
.editor > h3 {
    margin: 50px 0 25px;
    clear:both;
}
.editor > h3:nth-child(1){
    margin-top:0;
}
.editor > h4,
.editor > h5{
    margin: 40px 20px 20px;
    clear:both;
}
.editor > h4:nth-child(1),
.editor > h5:nth-child(1),
.editor > h3 + h4,
.editor > h3 + h5,
.editor > h4 + h5{
    margin-top:0;
}
.editor > h5.inq{
    margin: 50px 20px 20px;
    clear:both;
}
.editor > p,
.editor > div {
    margin: 0 20px 30px;
}

/*冒頭画像*/
/*.editor p.pic{
	max-width:950px;
	width:110%;
	margin:-30px -40px 30px -20px;
}*/
.editor p.pic {
    width: auto !important;
    margin: auto -20px 30px -20px !important;
}
.editor .bg_wrap {
	background: #f1f0ef;
	padding: 25px;
}

/*写真+テキスト*/
.editor > .photo,		/*通常サイズ*/
.editor > .photo_s,		/*小さいサイズ*/
.editor > .photo-w		/*大きいサイズ*/{
	text-align:center;
	margin:0;
	padding:0;
	float:right;
	}
.editor > .photo{
	width:35%;
	}
.editor > .photo_s{
    width: 27.5%;
	}
.editor > .photo-w{
    width: 46%;
	}
.editor > .photo p,
.editor > .photo_s p,
.editor > .photo_w p{
	width:auto;
	text-align:left;
	margin:0 auto 20px;
	padding:0;
	display:inline-block;
	}
.editor > .photo p{
	max-width:100%;
	}
.editor > .photo-w p{
	max-width:90%;
	margin-left:5%;
	text-align:right;
	}
.editor > .photo_s p{
	max-width:170px;
	}
.editor > .photo p img,
.editor > .photo_s p img,
.editor > .photo_w p img{
	width:auto;
	max-width:100%;
	margin-bottom:5px;
	}
.editor > .photo + div{
	margin-right:37%;
	}
.editor > .photo_s + div {
    margin-right: 30%;
}
.editor > .photo + div h4{
	margin-bottom:20px;
	}
.editor > .photo + div p,
.editor > .photo_s + div p,
.editor > .photo_w + div p{
	margin-bottom:30px;
	}

.editor > .photo02		/*2枚並列配置*/{
	width:100%;
	margin:0;
	padding:0 20px 30px;
	box-sizing:border-box;
	}
.editor > .photo02 p{
	float:left;
	width:48%;
	}
.editor > .photo02 p img{
	margin-bottom:5px;
	} 
.editor > .photo02 p:first-child{
	margin:0 4% 0 0;
}
.editor > .photo02 p span{
	display:block;
	margin-top:10px;
}
.editor > .photo03		/*3枚並列配置*/{
	width:100%;
	margin:0;
	padding:0 20px 30px;
	box-sizing:border-box;
	}
.editor > .photo03 p{
	float:left;
	width:30%;
	}
.editor > .photo03 p img{
	margin-bottom:5px;
	} 
.editor > .photo03 p:not(:last-child){
	margin:0 3% 0 0;
}
.editor > .photo03 p span{
	display:block;
	margin-top:10px;
}


/*リスト(ul)*/
.editor ul {
    margin: 0;
}
.editor > ul {
    margin: 0 20px 30px;
}
.editor ul li{
	text-align:left;
	margin-bottom:0.5em;
	padding-left:15px;
	position:relative;
	}
.editor ul li:before{
	width:7px;
	height:7px;
	top:0.4em;
	left:0;
	content:"";
	background:#1dade2;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50;
	position:absolute;
	}



.editor ul.list_style01,
.editor ul.list_style02,
.editor ul.list_style03{
    margin: 0 20px 30px;
	}
.editor ul.list_style01 li{
	text-indent:-1em;
	padding-left:1em;
	}
.editor ul.list_style02 li{
	text-indent:-2em;
	padding-left:2em;
	}
.editor ul.list_style03 li{
	text-indent:-3em;
	padding-left:3em;
	}
.editor ul.list_style01 li:before,
.editor ul.list_style02 li:before,
.editor ul.list_style03 li:before{
	display:none;
	}

.editor ul.list_style_half,
.editor ul.list_style_third{
	overflow:hidden;
	position:relative;
	}
.editor ul.list_style_half li{
	width:45%;
	float:left;
	}
.editor ul.list_style_half li:nth-of-type(2n+1){
	width:45%;
	padding-right:3.5%;
	clear:both;
	}
.editor ul.list_style_half.link li,
.editor ul.list_style_half.lin lik:nth-of-type(2n+1){
	width:43.5%;
	}
.editor ul.list_style_third li{
	width:30.5%;
	float:left;
	}
@media screen and (max-width:1080px) {
.editor ul.list_style_third li{
	width:30%;
	}
}
@media screen and (max-width:980px) {
.editor ul.list_style_third li{
	width:45%;
	}
}
@media screen and (max-width:620px) {
.editor ul.list_style_third li{
	width:100%;
	}
}

/*ページ内リンク*/
.editor ul.p_link{
	width:auto;
	padding:25px 10px 10px 20px;
	background:#f1f0ef;
	overflow:hidden;
	position:relative;
	}
.editor ul.p_link li{
	margin-right:1em;
	margin-bottom:0.8em;
	padding-left:27px;
	display:inline-block;
	}
.editor ul.p_link li:before{
	width:22px;
	height:22px;
	top:0;
	left:0;
	content:"";
	background-color:rgba(0,0,255,0);
	background-image:url(/img/icon_arrow06.png);
	background-size:22px;
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	}

.editor ul.p_link.inq li{
	width:40%;
	float:left;
	}



/*リスト(ol)*/
.editor ol {
    margin: 0 0 0 17px;
}
.editor > ol {
    margin: 0 30px 30px 40px;
}
.editor ol li{
	margin-bottom:0.5em;
}

/*<ol>リスト括弧付き*/
.editor ol.brackets{
	margin-left:20px;
	}
.editor ol.brackets li{
	list-style-type:none;
	counter-increment: cnt;
	padding-left:2em;
	text-indent:-2em;
}
.editor ol.brackets li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}
.editor ol.brackets li ul{/*括弧付きリスト内の＜ul＞*/
	margin-top:5px;
}
.editor ol.brackets li ul li{
	padding-left:45px;
}
.editor ol.brackets li ul li:before{
	width:7px;
	height:7px;
	top:0.4em;
	left:0;
	content:"";
	background:#1dade2;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50;
	position:absolute;
}

/*リンク*/
.editor p.link,
.editor ul.link li{
	padding-left:27px;
	position:relative;
	}
.editor ul.link li{
	margin-bottom:1em;
	}
.editor p.link:before,
.editor ul.link li:before{
	width:22px;
	height:22px;
	top:0;
	left:0;
	content:"";
	background-color:#fff;
	background-image:url(/img/icon_arrow02.png);
	background-size:22px;
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	}

.editor a[target="_blank"],
.editor a.blank{
	margin-right:5px;
	padding-right:20px;
	background-image:url(/img/icon_blank.png);
	background-size:11px;
	background-repeat:no-repeat;
	background-position:right 0.2em;
}
.editor a[target="_blank"]{
	margin-right:5px;
	padding-right:20px;
	background-image:url(/img/icon_blank.png);
	background-size:11px;
	background-repeat:no-repeat;
	background-position:right 0.2em;
}

.editor a[target="_blank"][href$=".pdf"],
.editor a[target="_blank"][href$=".xls"],
.editor a[target="_blank"][href$=".doc"]{
	padding-right:0;
	background-image:none;
	}
.editor a[href$=".pdf"] span,
.editor a[target="_blank"][href$=".pdf"] span{
	padding-left:20px;
	background-image:url(/img/icon_pdf.png) ;
	background-size:12px;
	background-repeat:no-repeat;
	background-position:5px 0.2em;
}
.editor a[href$=".xls"] span,
.editor a[target="_blank"][href$=".xls"] span{
	padding-left:20px;
	background-image:url(/img/icon_xls.png) ;
	background-size:12px;
	background-repeat:no-repeat;
	background-position:5px 0.2em;
}
.editor a[href$=".doc"] span,
.editor a[target="_blank"][href$=".doc"] span{
	padding-left:20px;
	background-image:url(/img/icon_word.png) ;
	background-size:12px;
	background-repeat:no-repeat;
	background-position:5px 0.2em;
}
.editor a.blank[target="_blank"]{
	margin-right:5px !important;
	padding-right:20px !important;
	background-image:url(/img/icon_blank.png) !important;
	background-size:11px !important;
	background-repeat:no-repeat !important;
	background-position:right 0.2em !important;
}

.editor p.nolink,
.editor ul.nolink li{
	padding-left:27px;
	position:relative;
	}
.editor ul.nolink li{
	margin-bottom:1em;
	}
.editor p.nolink:before,
.editor ul.nolink li:before{
	width:22px;
	height:22px;
	top:0;
	left:0;
	content:"";
	background-color:#fff;
	background-image:url(/img/icon_arrow07.png);
	background-size:22px;
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	}
/*table*/
.editor table.fixed{
    table-layout:fixed;
}
.editor table{
	width:95%;
	max-width:850px;
    margin: 0 20px 30px;
}
.main2 .editor table{
	width:95%;
	max-width:1200px;
    margin: 0 20px 30px;
}
.editor table th,
.editor table td{
	padding:10px;
	border:1px solid #e1e1e1;
	vertical-align:top;
}
.editor table th{
	font-weight:normal;
	text-align:left;
	background:#edfaff;
}
.editor table tbody th{
	background:#fafafa;
}
.editor table .nowrap{
	white-space: nowrap
	}
.editor div table{
	width:100%;
    margin: 0 0 30px;
}

/*画像のindex*/
.editor table.t_style01 th,
.editor table.t_style01 td{
	vertical-align:middle;
	}

.editor > .photo_index{
	width:100%;
	margin:0;
	padding:0 20px;
	box-sizing:border-box;
	}
.editor > .photo_index div{
	float:left;
	width:48%;
	margin:0 0 4% 0;
	}
.editor > .photo_index div:first-child{ margin:0 4% 4% 0; }
.editor > .photo_index div p.link{ margin-top:10px; }
.editor > .photo_index .w60{
	width:60%;
}
.editor > .photo_index .w35{
	width:35%;
}

/*youtube*/
.youtube{ text-align:center; }
.youtube iframe{
	max-width:520px;
	width: 100%;
}
/*区切り線*/
.line_style01 {
	margin:0 20px 40px !important;
	border-bottom:dotted 1px #bfbfbf;
}

/*ページ送り*/
.link-multi,
.link-multi ul{
	width:auto;
	text-align:center;
	position:relative;
	overflow:hidden;
	}
.link-multi p,
.link-multi ul,
.link-multi ul li{
	margin:0 ;
	padding:0 !important;
	display:inline-block;
	vertical-align:middle;
	}
.link-multi ul li{
	margin:0 5px!important ;
	}
.link-multi ul li:before{
	display:none;
	}
.link-multi p a,
.link-multi ul li a{
	font-size:1.6rem;
	display:block;
	vertical-align:middle;
	}
.link-multi p a{
	color:#000;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}
.link-multi ul.prev li{
	margin:0 !important;
	}
.link-multi ul.prev a{
	margin-right:1em;
	background: none;
	border: none;
	}
.link-multi ul.next li{
	margin:0 !important;
	}
.link-multi ul.next a{
	margin-left:1em;
	background: none;
	border: none;
	}
.link-multi p a:hover{
	text-decoration:none;
	opacity: .5;
	}
.link-multi ul li a,
.link-multi ul li span{
	color:#686868;
	padding:5px 12px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#e6e6e6;
	border:1px solid #e6e6e6;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}
.link-multi ul li span.current_page{
	color:#fff;
	background:#00266c;
	padding: 7px 13px;
	border-radius: 6px;
	}
.link-multi ul li a:hover{
	color:#000;
	background:#fff;
	text-decoration:none;
	opacity: .5;
	}
.link-multi ul li.on a:hover{
	color:#fff;
	background:#00266c;
	opacity: 1;
	}
/*リンクボックス*/
.linkBox {
	background: url(/img/link-box_bg.png);
	padding: 20px;
	border: 1px solid #d6d5d5;
}
.linkBox > ul.link li:last-child {
	margin-bottom: 0;
}


@media screen and (max-width:1024px) {
	.editor table.fixed{
    		table-layout:auto;
	}
	.editor > .photo{
		width:40%;
	}
	.editor > .photo + div{
		margin-right:43%;
	}
	.editor ul.list_style_half li{
		width:auto;
		float:none;
	}
	.editor ul.list_style_half li:nth-of-type(2n+1){
		width:auto;
		padding-right:0;
	}
	.editor ul.list_style_half.link li,
	.editor ul.list_style_half.lin lik:nth-of-type(2n+1){
		width:auto;
	}
	.editor ul.p_link.inq li{
		width:100%;
		float:none;
	}
	.editor .scroll{
		overflow: auto;
	}
	.editor .scroll::-webkit-scrollbar{
		height: 5px;
	}
	.editor .scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.editor .scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	.editor .scroll th{
		white-space: nowrap;
		}
	.editor .scroll table.table-nowrap th
	.editor .scroll table.table-nowrap td{
		white-space: nowrap;
		border:1px solid #3366cc !important
		
	}
}

@media screen and (max-width:767px) {
	.editor {
		width:92%;
		margin: 0 auto;
		padding:20px 2%;
	}
	.editor > h3{
		margin: 0 0 15px;
	}
	.editor > h4,
	.editor > h5,
	.editor > p,
	.editor > div{
		margin: 0 10px 15px;
	}
	.editor > h5.inq{
		margin: 30px 10px 15px;
	}	
	.editor > p.pic {
		width:104.4%;
		margin: -12px 0 20px -2.2%;
	}
	/*写真+テキスト*/
	.editor > .photo,
	.editor > .photo-w{
		width:auto;
		text-align:center;
		float:none;
	}
	.editor > .photo p{
		max-width:90%;
		margin:0 auto;
		padding:0 10px 10px;
	}
	.editor > .photo-w p{
		max-width:50%;
		text-align:center;
		margin:0 auto;
		padding:0 10px 10px;
	}
	.editor > .photo + div{
		margin-right:15px;
	}
	.editor > .photo_s {
		width: auto;
		text-align: center;
		float: none;
	}
	.editor > .photo_s p {
		max-width: 90%;
		margin: 0 auto;
		padding: 0 10px 10px;
	}
	.editor > .photo_s + div {
		margin-right: 15px;
	}

	.editor > .photo02 p{
		float:none;
		width:100%;
		text-align:center;
	}
	.editor > .photo02 p:first-child{
		margin:0 0 20px 0;
	}
	.editor > .photo03 p{
		float:none;
		width:100%;
		text-align:center;
	}
	.editor > .photo03 p:not(:last-child){
		margin:0 0 20px 0;
	}

	.editor > ul{
		margin: 0 15px 15px;
		text-align:left;
	}
	.editor > ul li{
		text-align:left;
	}
	.editor > ul.list_style01,
	.editor > ul.list_style02{
		margin: 0 15px 15px 13px;
	}

	.editor > ol{
		margin: 0 15px 15px 33px;
	}
	.editor table{
		width:96%;
    	margin: 0 15px 10px 10px;
	}
	.editor table th,
	.editor table td{
		font-size:1.2rem;
	}
	/*画像のindex*/
	.editor > .photo_index div,
	.editor > .photo_index .w60,
	.editor > .photo_index .w35{
		float:none;
		width:100%;
		margin: 0 0 30px 0 !important;
		text-align:center;
	}
	.editor > .photo_index div .link{ text-align:left; }
	.editor > .photo_index div{margin:0 0 20px 0;}
	/*区切り線*/
	.line_style01 {
		margin:0 10px 25px !important;
	}
	/*ページ送り*/
	.link-multi p a,
	.link-multi ul li a,
	.link-multi ul li span{
		font-size:1.2rem;
	}
	.link-multi p.prev a{
		margin-right:0.5em;
	}
	.link-multi p.next a{
		margin-left:0.5em;
	}
	.link-multi ul li a,
	.link-multi ul li span{
		padding:5px 7px;
	}

}

/*---------------------------------------------------- a */
a {
	color: #216ecd;
	text-decoration: none;
} 
a:visited { color: #600dac; }
a:hover {
	color: #1091db;
	text-decoration: underline;
}
a.pdf span {
	background: url(/img/icon_pdf.png) 8px 4px no-repeat;
	background-size: 12px;
	padding: 2px 20px 2px 18px;
}
a.excel span {
	background: url(/img/icon_excel.png) 8px 4px no-repeat;
	background-size: 12px;
	padding: 2px 20px 2px 18px;
}
a.word span {
    background: url(/img/icon_word.png) 8px 4px no-repeat;
    background-size: 12px;
    padding: 2px 20px 2px 18px;
}
a.link {
	background: url(/img/icon_link.png) right 4px no-repeat;
	background-size: 14px;
	padding: 2px 20px 2px 0;
}
a.down{
	background: url(/img/icon_arrow06.png) left 4px no-repeat;
	background-size: 14px;
	padding: 2px 0 2px 20px;
	display:inline-block;
	}
/*  使わない　※「target="_blank"」がついていると自動で出ます
a.blank {
	background: url(/img/icon_blank.png) right 4px no-repeat;
	background-size: 11px;
	padding: 2px 20px 2px 0;
}
*/


/*---------------------------------------------------- br */
br.br-tab {
	display: none;
}
br.br-sp {
	display: none;
}
@media screen and (max-width:1024px) {
	br.br-tab {
		display: block;
	}
	br.br-pc {
		display: none;
	}
}
@media screen and (max-width:767px) {
	br.br-sp {
		display: block;
	}
	body {
		font-size: 1.2rem;
	}
}
/* ---------------------------------------------------img */
img,canvas,object,embed {max-width:100%}
img {
	height:auto;
}
img.icon {
	vertical-align:middle;
}
img.photo {
	padding: 0 0 10px 0;
}

/* -------------------------------------- UTILITY */
.clear {
	clear:both;
	content:"";
	height:1px;
}


.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.fs10{font-size:1.0rem;}
.fs12{font-size:1.2rem;}
.fs14{font-size:1.4rem;}
.fs16{font-size:1.6rem;}
.fs17{font-size:1.7rem;}
.fs18{font-size:1.8rem;}
.fs20{font-size:2.0rem;}
.fs22{font-size:2.2rem;}
.fs24{font-size:2.4rem;}

.indent-1em {display:block;margin-left:1em;text-indent:-1em;}
.indent-2em {display:block;margin-left:2em;text-indent:-2em;}
.indent-3em {display:block;margin-left:3em;text-indent:-3em;}
.indent-4em {display:block;margin-left:4em;text-indent:-4em;}
.indent-5em {display:block;margin-left:5em;text-indent:-5em;}
.indent-6em {display:block;margin-left:6em;text-indent:-6em;}

.text-center {text-align:center!important;}
.text-left   {text-align:left!important;}
.text-right  {text-align:right!important;}

.bold {
	font-weight: bold;
}
.float-left{
	float:left;
	margin:0 25px 10px!important;
	max-width:45%;
}
.float-right{
	float:right;
	margin:0 25px 10px!important;
	max-width:45%;
}
.float-left img,
.float-right img {
	display:block;
	margin:0 auto;
}
.mt0 {margin-top:0!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;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}
.mt80 {margin-top:80px!important;}
.mt90 {margin-top:90px!important;}
.mt100 {margin-top:100px!important;}

.mb0 {margin-bottom:0!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;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb60 {margin-bottom:60px!important;}
.mb70 {margin-bottom:70px!important;}
.mb80 {margin-bottom:80px!important;}
.mb90 {margin-bottom:90px!important;}
.mb100 {margin-bottom:100px!important;}
.mb150 {margin-bottom:150px!important;}

.ml0 {margin-left:0!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;}
.ml1em {margin-left:1em!important;}
.ml2em {margin-left:2em!important;}

.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}
.mr35 {margin-right:35px!important;}
.mr40 {margin-right:40px!important;}
.mr45 {margin-right:45px!important;}
.mr50 {margin-right:50px!important;}

.pt0 {padding-top:0!important;}
.pb0 {padding-bottom:0!important;}
.pl0 {padding-left:0!important;}
.pr0 {padding-right:0!important;}

.col10{ width:10%;}
.col15{ width:15%;}
.col20{ width:20%;}
.col25{ width:25%;}
.col30{ width:30%;}
.col35{ width:35%;}
.col40{ width:40%;}
.col45{ width:45%;}
.col50{ width:50%;}
.col55{ width:55%;}
.col60{ width:60%;}
.col65{ width:65%;}
.col70{ width:70%;}
.col75{ width:75%;}
.col80{ width:80%;}
.col85{ width:85%;}
.col90{ width:90%;}
.col95{ width:95%;}

@media screen and (max-width:767px) {
.float-left, .float-right {
	float: none;
	width: auto;
	max-width: none;
	text-align: center;
}
}

/*--------------------------------------------------------- snippet */
.index {
	overflow: hidden;
	padding-top: 10px;
}

.index h3,
.index h4{
	font-size:1.8rem;
	line-height:1.5;
	font-weight: normal;
	margin-bottom:25px;
	padding:14px 20px 9px;
	background:url(/img/h3_bg.png) right bottom repeat-x;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	position:relative;
}
.index h3:before,
.index h3:after,
.index h4:before,
.index h4:after{
	content:"";
	top:50%;
	left:0;
	width:4px;
	height:14px;
	position:absolute;
}
.index h3:before,
.index h4:before{
	margin-top:-14px;
	background:#416099;
}
.index h4:before,
.index h4:after{
	background:#00266c;
}

.main2 .index h3,
.main2 .index h4{
	margin-left:10px;
	margin-right:10px;
	}
h3.ttl{
	font-size:2.2rem;
	line-height:1.5;
	padding:15px 20px 10px;
	background:#fafafa;
	border-top:1px solid #e8e7e7;
	border-bottom:1px solid #e8e7e7;
	position:relative;
	clear:both;
}
.index .column:nth-of-type(odd) {
	width: 48%;
	padding-bottom:3%;
	float: left;
}
.index .column:nth-of-type(even) {
	width: 48%;
	padding-bottom:3%;
	float: right;
}
.main2 .index .column:nth-of-type(odd) ,
.main2 .index .column:nth-of-type(even) {
	width: 33%;
	padding-bottom:3%;
	display:inline-block;
	float:none;
	vertical-align:top;
}
.index .column:nth-of-type(2n+1) {
	clear: both;
}
.main2 .index .column:nth-of-type(2n+1) {
	clear: none !important;
}

.index .column:last-of-type{
	margin-bottom:40px;
	}
.index .column ul{
	margin: 0 10px 35px 10px;
}
.main2 .index .column ul{
	margin: 0 20px 35px;
}
.index .column2{
	}
.index .column2 ul {
	width:100%;
	margin: 0 10px 0 10px;
	overflow:hidden;
	position:relative;
}
.index .column ul li {
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	background: url(/img/icon_arrow01.png) left 6px no-repeat;
	background-size: 6px;
}
.index .column2 ul li {
	width:48%;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	background: url(/img/icon_arrow01.png) left 6px no-repeat;
	background-size: 6px;
	display:inline-block;
	float:left;
}
.index .column ul li:before,
.index .column2 ul li:before{
	display:none;
	}



.index li a[target="_blank"]{
	padding-right:20px;
	background-image:url(/img/icon_blank.png);
	background-size:11px;
	background-repeat:no-repeat;
	background-position:right 0.2em;
}
.index li a.pdf[target="_blank"]{
	padding-right:0;
	background-image:none ;
}



/*index 新着情報*/
.index .news{
	width:100%;
	margin-bottom:55px;
}
.index .news h3 span {
	float:right;
}
.index .news h3 a {
	padding: 0 0 0 15px;
	background: url(/img/icon_arrow01.png) left 6px no-repeat;
	background-size: 6px;
	font-size:1.4rem;
	font-weight:normal;
}
.index .news dl{
	padding:10px;
}
.index .news dl dt{
	clear: left;
    float: left;
    width: 7em;
    padding: 9px 0;
	color: #000;
    font-size: 1.2rem;
}
.index .news dl dd{
    margin-left: 0;
    padding: 9px 0 9px 7em;
    border-bottom: 1px dotted #bfbfbf;
}



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

.main2 .index .column:nth-of-type(odd) ,
.main2 .index .column:nth-of-type(even) {
	width: 32.8%;
	padding-bottom:3%;
	display:inline-block;
	float:none;
	vertical-align:top;
}
}

@media screen and (max-width:980px) {
	.main2 .index .column:nth-of-type(odd) ,
	.main2 .index .column:nth-of-type(even) {
		width: 49%;
	}
}


@media screen and (max-width:767px) {
	.index .column:nth-child(odd) , .index .column:nth-child(even),
	.main2 .index .column:nth-of-type(odd) ,
	.main2 .index .column:nth-of-type(even) {
		width: 100%;
		float: none;
	}	
	.index .column ul li {
		margin: 0 0 25px 0;
		padding: 0 0 0 15px;
	}
	.index .column2 ul {
		width:100%;
	}
	.index .column2 ul li {
		width:100%;
		margin: 0 0 25px 0;
		padding: 0 0 0 15px;
	}
	.index h3 {
		font-size: 1.4rem;
	}
	/*index 新着情報*/
	.index #newsd h3,
	.index #newsd h4{
		margin-bottom:0 !important;
	}
	.index .news {
		margin-bottom:25px;
	}
	.index .news h3 {
		font-size:1.4rem;
	}
	.index .news dl dt {
		clear: none;
		float: none;
		width: auto;
		padding: 0 0 5px 0;
		margin: 10px 0 0 0;
	}
	.index .news dl dd {
		padding: 0 0 10px 0;
	}
}


/*sitemap*/
.index .sitemap{
	clear:both;
	}
.index .sitemap ul{
	padding-top:35px;
	padding-left:10px;
	clear:both;
	overflow:hidden;
	position:relative;
	border-top:2px dotted #b8b8b8;
	}
.index .sitemap ul li{
	width:31%;
	float:left;
	background: url(/img/icon_arrow01.png) left 6px no-repeat;
	background-size: 6px;
	}
.index .sitemap ul li:before{
	display:none;
	}

@media screen and (max-width:1023px) {
.index .sitemap ul li{
	width:48%;
	float:left;
	}
}
@media screen and (max-width:767px) {
.index .sitemap ul li{
	width:auto;
	float:none;
	}
}

/* ===========================================================================
  content
============================================================================= */
.content {
	background-color: #fff;
	padding: 10px 20px 40px;
}
.content_inner {
	margin: 0 20px;
}
@media screen and (max-width:767px) {
	.content {
		width: 92%;
		margin: 0 auto;
		padding: 20px 2%;
	}
	.content_inner {
		margin: 0 10px;
	}
}
/* ===========================================================================
  eventCal
============================================================================= */
.eventCal {
	width: 100%;
	border-top: dotted 1px #bfbfbf;
	margin-top: 40px;
	box-sizing: border-box;
}
.eventCal > tbody > tr {
	border-bottom: dotted 1px #bfbfbf;
}
.eventCal > tbody > tr > th {
	box-sizing: border-box;
	width: 145px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	padding: 20px;
	background-color: #faf9ef;
}
.eventCal > tbody > tr > td {
	width: calc(100% - 145px);
}
.eventCal_th-sun {
	background-color: #fff3f1 !important;
	color: #ff5757;
}
.eventCal_th-sat {
	background-color: #ebfbfd !important;
	color: #259dab;
}
.eventCal_td-sun {
	background-color: #fff9f8;
}
.eventCal_td-sat {
	background-color: #f6fcfd;
}
.eventCal_item {
	padding: 20px;
}
.eventCal_item:nth-child(n + 2) {
	border-top: dotted 1px #bfbfbf;
}
.eventCal_iconArea {
	display: flex;
	margin-bottom: 8px;
}
.eventCal_icon-ippan,
.eventCal_icon-gakunai,
.eventCal_icon-joken {
	width: 85px;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	padding: 2px 0;
	margin-right: 5px;
}
.eventCal_icon-ippan {
	background-color: #1e9f00;
}
.eventCal_icon-gakunai {
	background-color: #0039a3;
}
.eventCal_icon-joken {
	background-color: #e97900;
}
.eventCal_title[target="_blank"] {
    padding-right: 20px;
	background: url("/img/icon_blank.png") no-repeat right 0.2em / 11px;
}
.eventCal_title[target="_blank"][href$=".pdf"],
.eventCal_title[target="_blank"][href$=".xls"],
.eventCal_title[target="_blank"][href$=".xlsx"],
.eventCal_title[target="_blank"][href$=".doc"],
.eventCal_title[target="_blank"][href$=".docx"] {
	padding-right:0;
	background-image:none;
}
.eventCal_title[href$=".pdf"] > span,
.eventCal_title[target="_blank"][href$=".pdf"] > span {
	padding-left: 20px;
	background: url("/img/icon_pdf.png") no-repeat top .2em left 5px / 12px;
}
.eventCal_title[href$=".xls"] > span,
.eventCal_title[href$=".xlsx"] > span,
.eventCal_title[target="_blank"][href$=".xls"] > span,
.eventCal_title[target="_blank"][href$=".xlsx"] > span {
	padding-left: 20px;
	background: url("/img/icon_xls.png") no-repeat top .2em left 5px / 12px;
}
.eventCal_title[href$=".doc"] > span,
.eventCal_title[href$=".docx"] > span,
.eventCal_title[target="_blank"][href$=".doc"] > span,
.eventCal_title[target="_blank"][href$=".docx"] > span {
	padding-left: 20px;
	background: url("/img/icon_word.png") no-repeat top .2em left 5px / 12px;
}
@media screen and (max-width:767px) {
	.eventCal {
		margin-top: 20px;
	}
	.eventCal > tbody > tr > th {
		width: 30%;
		padding: 10px;
	}
	.eventCal > tbody > tr > td {
		width: 70%;
	}
	.eventCal_item {
		padding: 10px;
	}
	.eventCal_icon-ippan,
	.eventCal_icon-gakunai,
	.eventCal_icon-joken {
		width: 70px;
		font-size: 1.0rem;
	}
}
/* ===========================================================================
  pagination
============================================================================= */
.pagination {
	display: flex;
	justify-content: center;
	margin: 40px 0;
}
.pagination_previous {
	border-right: solid 1px #bfbfbf;
	padding-right: 40px;
}
.pagination_next {
	padding-left: 40px;
}
.pagination_link {
	color: #000 !important;
}
@media screen and (min-width:1025px) {
	.pagination_link:hover {
		color: #1091db !important;
	}
}
@media screen and (max-width:767px) {
	.pagination {
		margin: 20px 0;
	}
}