html { min-height: 100%;
	position: relative;
	max-width:1920px;
	font-size:3.8vw; }
body { -webkit-text-size-adjust: 100%;/* ← 一部スマホで文字サイズが指定通りに表示されない場合に必要らしい */
	text-align:center;
	margin:0;
	margin-bottom:5em;
	padding:0;
	font-family: YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Verdana, sans-serif; }
h1 { display:block;
	text-align:center;
	margin:0;
	padding:0.2em;
	font-weight:bold;
	font-size:2rem;
	color:#53d48a;
	border-bottom:0.2rem solid #53d48a;
	position:relative; }
img.title { height:3.2rem; border:0; }
img.menu_btn { position:absolute; top:1rem; right:0.5rem; width:2rem; height:2rem;}
h2 { margin:0 0 0.6rem 0;
	font-size:1.1rem;
	text-align:center;
	padding:0.2rem;
	color:#fff;
	background-color:#6eb7ff;
	border-left:0.5rem solid #4492e1; 
	border-bottom:0.2rem solid  #4492e1; 
	box-sizing:border-box;}
div.navi {display:none; box-sizing:border-box; text-align:center; font-size:1.6rem; border-radius:0.6rem; background-color:#fff; width:70vw; position:absolute; top:2rem; right:0.3rem; z-index:255; padding-top:0px;}
.navi a { display:block; width:auto; padding:0.5rem; margin:0.2rem; border-top:0.1rem solid #ccc; text-decoration:none; color:#333;}
.navi a:hover { background-color:#bfdfff; }
div.subnavi {display:none; box-sizing:border-box; text-align:center; font-size:1.6rem; border-radius:0.6rem; background-color:#fff; width:70vw; position:absolute; top:2rem; right:0.3rem; z-index:255; padding-top:0px;}
.subnavi a { display:block; width:auto; padding:0.5rem; margin:0.2rem; border-top:0.1rem solid #ccc; text-decoration:none; color:#333;}
.subnavi a:hover { background-color:#bfdfff; }
.close { text-align:right; margin:0.2rem; margin-right:0.6rem; padding:0rem; border:none; font-size:1.4rem; line-height:1.4rem; overflow:hidden;}
div.screen { position:absolute; top:0; right:0; left:0; bottom:0; width:100%; height:100%; background-color:rgba(33,33,33,0.7); z-index:128; }
div.scr_top{ display:none; position:fixed; z-index:127; bottom:1rem; right:1rem; border-radius:0.6rem; background-color:rgba(33,33,33,0.4); width:2rem; height:2rem; padding:0.8rem;}
.scr_top { text-decoration:none; font-size:1.4em; font-weight:bold; color:#fff; cursor:pointer;}
.arrow {color:#f00; font-weight:bold; }
div.frame {
	padding:1rem;
	background-color:#fff;
	color:#000;
	text-align:left;
}
.frame a { box-sizing:border-box; color:#666; text-decoration:none; padding:0.2rem; margin:0.2rem; }
.frame a:hover { border:none; background-color:#bfdfff; }
.frame p{ margin-top:0; }
.footer {
	bottom:0;
	position:absolute;
	height:3em;
	box-sizing:border-box;
	padding:0.3rem;
	border-top:0.1rem solid #999;
	color:#666;
	text-align:center;
	font-size:0.8em;
	line-height:2em;
width:100%;
}


div.login { margin-top:1em; margin-bottom:1em;}
div.login a {
	display:inline-block;
	font-size:1.5rem;
	border:1px solid #ccc;
	border-radius:0.3rem;
	text-decoration:none;
	padding:0.6rem 6rem 0.6rem 6rem;
	box-shadow:0.1rem 0.1rem 0.1rem 0 #ccc;
	color:#666;
	background-color:#FFF;
	background:linear-gradient(#ffefe7,#ffbfb7);
	margin-right:2rem;
	margin-left:2rem;
}
div.login a:hover {
	border:0.1rem solid #ccc;
	box-shadow:0.1rem 0.1rem 0.1rem 0 #ccc;
	color:#666;
	background-color:#FFF;
	background:linear-gradient(#ffdad5,#fc9d90);
}

div.notice {
	padding:0.3rem;
	background-color:#ffe0c1;
	color:#000;
	border:2px solid #8484ff;
	border-radius:0.3rem;
	text-decoration:none;
	box-shadow:0.1rem 0.1rem 0.1rem 0 #ccc;
	margin:auto;
	width:25rem;
}
.notice p{ 
	margin:0.4rem;
	font-weight:bold;
	text-align:center;
}

input[type="text"] {
	padding:0px;
	display:inline-block;
	vertical-align:middle;
	margin:0.5rem;
	margin-left:0;
	border-radius:1rem;
	border:0.1rem solid #999;
	font-size:1.6em;
	line-height:1em;
	text-indent:1em;
	height:2rem;
	width:10em;
}
label { display:inline-block; vertical-align:middle; margin:0.5em; margin-right:0; border:none;
text-align:right;
padding-right:1rem;
border-radius:1rem;
	font-size:1.6rem;
	line-height:2rem; height:2rem;width:6rem;
}
.topics h2 {margin-bottom:0em;}
.topics { border:0.1rem solid #999; padding:0.2rem; margin-bottom:0.6rem}
.topics a { display:block; margin:0.2rem; padding:0.2em; padding-right:1rem; position:relative; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.topics a:hover {box-shadow:none; border:none;}
.topics span { color:#fff; background-color:#f90;font-size:0.8rem; padding:0.2rem;}

.contents dl { padding:0em; font-size:1.2rem;}
.contents dt { font-weight:bold; border-bottom:0.1rem solid #ccc; position:relative; padding:0em}
.contents dd { margin-left:2em; text-indent:-1em; color:#666;}
.contents a {display: block; text-decoration:none; padding:0.3em; margin:0.3rem; padding-right:0em; margin-right:0em; border:none;}
.contents a:hover {box-shadow:none; border:none;}

.link {border-bottom:0.1rem solid #999; font-size: 1.2rem; }
.link a {text-decoration:none; display:block; border:0.1rem solid #999; border-bottom:none; margin:0; padding:0.5em;position:relative;}
.link a:hover {box-shadow:none; border:0.1rem solid #999; border-bottom:none;}
div.bled_btn { display: inline-block; box-sizing:border-box; height:1.5rem; border:none;font-size:1.5rem; line-height:1.65rem; padding:0rem; virtical-align:middle; overflow:hidden; text-align:center; position:absolute; right:0; top:0; bottom:0; margin:auto; color:#49a5f9; }
.news dl { margin-bottom:0.5rem; font-size:1.2rem;}
.news dt { font-weight:bold; padding:0.2rem; margin-bottom:0.5rem; border-left:0.6rem solid #999; background-color:#ccc;}
.news dd { margin-left:1.2rem; margin-right:0.2rem;padding:0.5rem; text-indent:-1rem;}
.support dl { margin-bottom:0.5rem; font-size:1.2rem;}
.support dt { font-weight:bold; padding:0.2rem; margin-bottom:0.5rem; border-left:0.6rem solid #999; background-color:#ccc;}
.support dd { margin-left:1.2rem; margin-right:0.2rem;padding:0.5rem; text-indent:-1rem;}
.tsnews dl { margin-bottom:0.5rem; font-size:1.2rem;}
.tsnews dt { font-weight:bold; padding:0.2rem; margin-bottom:0.5rem; border-left:0.6rem solid #999; background-color:#ccc;}
.tsnews dd { margin-left:1.2rem; margin-right:0.2rem;padding:0.5rem; text-indent:-1rem;}
.noti dl { margin-bottom:0.5rem; font-size:1.2rem;}
.noti dt { font-weight:bold; padding:0.2rem; margin-bottom:0.5rem; border-left:0.6rem solid #999; background-color:#ccc;}
.noti dd { margin-left:1.2rem; margin-right:0.2rem;padding:0.5rem; text-indent:-1rem;}
.overseas dl { margin-bottom:0.5rem; font-size:1.2rem;}
.overseas dt { font-weight:bold; padding:0.2rem; margin-bottom:0.5rem; border-left:0.6rem solid #999; background-color:#ccc;}
.overseas dd { margin-left:1.2rem; margin-right:0.2rem;padding:0.5rem; text-indent:-1rem;}
.overseas a { box-sizing:border-box; color:#4472c4; text-decoration:none; padding:0.2rem; margin:0.2rem; }
.overseas a:hover { border:none; background-color:#bfdfff; }

.movie {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 margin-bottom:1rem;
}
 
.movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.date { box-sizing:border-box; color:#fff; background-color:#f90;font-size:1rem; padding:0.2rem;padding-bottom:0; }
.times img { width:20%;float:left; margin-right:0.6rem; border:0.1rem solid #999;}
.times dl {box-sizing:border-box; display:block; border:none; overflow:auto; padding:0; font-size:1.2rem;}
.times dt {font-weight:bold; padding:0.2em; border-left:0.6rem solid #999; background-color:#ddd;}
.times dd {margin:0; padding:0; font-size:1.2rem; overflow:hidden;}
.times p {margin:0.2rem; margin-left:1.2rem; padding:0.2rem; font-size:1.2rem; text-indent:-1rem;}
.times a {box-sizing:border-box; text-decoration:none; margin:0; padding:0.5rem; display:block; overflow:hidden; border:none; position:relative;}
.times a:hover {box-shadow:none; border:none;}
.times div.bled_btn {font-size:1.5rem; top:0; bottom:0; margin:auto; position:absolute; }
.kojo img { width:20%;float:left; margin-right:0.6rem; border:0.1rem solid #999;}
.kojo dl {box-sizing:border-box; display:block; border:none; overflow:auto; padding:0; font-size:1.2rem;}
.kojo dt {font-weight:bold; padding:0.2em; border-left:0.6rem solid #999; background-color:#ddd;}
.kojo dd {margin:0; padding:0; font-size:1.2rem; overflow:hidden;}
.kojo p {margin:0.2rem; margin-left:1.2rem; padding:0.2rem; font-size:1.2rem; text-indent:-1rem;}
.kojo a {box-sizing:border-box; text-decoration:none; margin:0; padding:0.5rem; display:block; overflow:hidden; border:none; position:relative;}
.kojo a:hover {box-shadow:none; border:none;}
.kojo div.bled_btn {font-size:1.5rem; top:0; bottom:0; margin:auto; position:absolute; }
.kousei img { width:20%;float:left; margin-right:0.6rem; border:0.1rem solid #999;}
.kousei dl {box-sizing:border-box; display:block; border:none; overflow:auto; padding:0; font-size:1.2rem;}
.kousei dt {font-weight:bold; padding:0.2em; border-left:0.6rem solid #999; background-color:#ddd;}
.kousei dd {margin:0; padding:0; font-size:1.2rem; overflow:hidden;}
.kousei p {margin:0.2rem; margin-left:1.2rem; padding:0.2rem; font-size:1.2rem; text-indent:-1rem;}
.kousei a {box-sizing:border-box; text-decoration:none; margin:0; padding:0.5rem; display:block; overflow:hidden; border:none; position:relative;}
.kousei a:hover {box-shadow:none; border:none;}
.kousei div.bled_btn {font-size:1.5rem; top:0; bottom:0; margin:auto; position:absolute; }
.retirees img { width:20%;float:left; margin-right:0.6rem; border:0.1rem solid #999;}
.retirees dl {box-sizing:border-box; display:block; border:none; overflow:auto; padding:0; font-size:1.2rem;}
.retirees dt {font-weight:bold; padding:0.2em; border-left:0.6rem solid #999; background-color:#ddd;}
.retirees dd {margin:0; padding:0; font-size:1.2rem; overflow:hidden;}
.retirees p {margin:0.2rem; margin-left:1.2rem; padding:0.2rem; font-size:1.2rem; text-indent:-1rem;}
.retirees a {box-sizing:border-box; text-decoration:none; margin:0; padding:0.5rem; display:block; overflow:hidden; border:none; position:relative;}
.retirees a:hover {box-shadow:none; border:none;}
.retirees div.bled_btn {font-size:1.5rem; top:0; bottom:0; margin:auto; position:absolute; }
.jas img { width:20%;float:left; margin-right:0.6rem; border:0.1rem solid #999;}
.jas dl {box-sizing:border-box; display:block; border:none; overflow:auto; padding:0; font-size:1.2rem;}
.jas dt {font-weight:bold; padding:0.2em; border-left:0.6rem solid #999; background-color:#ddd;}
.jas dd {margin:0; padding:0; font-size:1.2rem; overflow:hidden;}
.jas p {margin:0.2rem; margin-left:1.2rem; padding:0.2rem; font-size:1.2rem; text-indent:-1rem;}
.jas a {box-sizing:border-box; text-decoration:none; margin:0; padding:0.5rem; display:block; overflow:hidden; border:none; position:relative;}
.jas a:hover {box-shadow:none; border:none;}
.jas div.bled_btn {font-size:1.5rem; top:0; bottom:0; margin:auto; position:absolute; }
.jinji img { width:20%;float:left; margin-right:0.6rem; border:0.1rem solid #999;}
.jinji dl {box-sizing:border-box; display:block; border:none; overflow:auto; padding:0; font-size:1.2rem;}
.jinji dt {font-weight:bold; padding:0.2em; border-left:0.6rem solid #999; background-color:#ddd;}
.jinji dd {margin:0; padding:0; font-size:1.2rem; overflow:hidden;}
.jinji p {margin:0.2rem; margin-left:1.2rem; padding:0.2rem; font-size:1.2rem; text-indent:-1rem;}
.jinji a {box-sizing:border-box; text-decoration:none; margin:0; padding:0rem; display:inline; overflow:hidden; border:none; position:relative;}
.jinji a:hover {box-shadow:none; border:none;}
.jinji div.bled_btn {font-size:1.5rem; top:0; bottom:0; margin:auto; position:absolute; }
.box { font-size:1rem; padding:0.5rem; margin:0.5rem; margin-top:1rem; margin-left:0; border:0.1rem solid #999; }
.box p { margin:0; padding:0; margin-bottom:0.5rem; text-indent:-1rem; margin-left:1rem;}
.box ul {text-indent:0; margin-left:0.5rem;}
.box li {}
.tsnews a {box-sizing:border-box; text-decoration:none; margin:0; padding:0.5rem; display:block; overflow:hidden; border:none; position:relative;}
.tsnews a:hover {box-shadow:none; border:none;}
ol {display:inline-block; text-indent:0; margin:0; padding:0.3rem; margin-left:2rem; font-size:1.2rem;}
li {margin:0; padding:0;line-height:1.5rem;}
li p { margin-top:0;}
.caution {color:#C00;font-weight:bold;}
a.btn {
	border:1px solid #ccc;
	border-radius:0.3rem;
	text-decoration:none;
	padding:0.3rem 0.6rem 0.3rem 0.6rem;
	box-shadow:0.1rem 0.1rem 0.1rem 0 #ccc;
	color:#666;
	background-color:#FFF;
	background:linear-gradient(#fff,#eee);
	margin:0.2rem;
}
a.btn:hover {
	border:1px solid #ccc;
	box-shadow:0.1rem 0.1rem 0.1rem 0 #ccc;
	color:#666;
	background-color:#FFF;
	background:linear-gradient(#fff,#d2e2f2);
}
a.inline { display:inline-block; margin:0.2rem; padding:0.2rem 1rem 0.2rem 2rem; vertical-align:middle;}
a.inline:hover { border:1px solid #ccc;box-shadow:0.1rem 0.1rem 0.1rem 0 #ccc;}
.times a.inline { margin:0.2rem; padding:0.2rem 0.5rem 0.2rem 1.5rem; }
.kojo a.inline { margin:0.2rem; padding:0.2rem 0.5rem 0.2rem 1.5rem; }
.kousei a.inline { margin:0.2rem; padding:0.2rem 0.5rem 0.2rem 1.5rem; }
.retirees a.inline { margin:0.2rem; padding:0.2rem 0.5rem 0.2rem 1.5rem; }
.jas a.inline { margin:0.2rem; padding:0.2rem 0.5rem 0.2rem 1.5rem; }
.jinji a.inline { margin:0.2rem; padding:0.2rem 0.5rem 0.2rem 1.5rem; }
table { font-size:1.2rem; margin-left:0; margin-bottom:0.5rem; border-collapse:collapse; width:100%;}

td {margin:0; padding:0.2rem; border:0.1rem solid #999; text-align:left; vertical-align:top;word-break:break-all;}
tr td:nth-of-type(1) { white-space:nowrap; width:30%;}
h5 {font-weight:bold; font-size:1.1rem; margin:0.5rem 0 -0.3rem 0; padding:0;}
img[alt="トヨタイムズ"] {height:2.4rem; margin-bottom:-0.5rem;}
img[alt="トヨタイムズMagazine"] {height:2.4rem; margin-bottom:-0.5rem;}
img[alt="WELBOX"] {height:2.4rem; margin:0.2rem; margin-bottom:-0.7rem;}


	.times a[href^="mailto:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.times a.hover[href^="mailto:"] {border:none; background-color:#bfdfff; }
	.times a[href^="tel:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.times a.hover[href^="tel:"] {border:none; background-color:#bfdfff; }

	.kojo a[href^="mailto:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.kojo a.hover[href^="mailto:"] {border:none; background-color:#bfdfff; }
	.kojo a[href^="tel:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.kojo a.hover[href^="tel:"] {border:none; background-color:#bfdfff; }

	.kousei a[href^="mailto:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.kousei a.hover[href^="mailto:"] {border:none; background-color:#bfdfff; }
	.kousei a[href^="tel:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.kousei a.hover[href^="tel:"] {border:none; background-color:#bfdfff; }

	.retirees a[href^="mailto:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.retirees a.hover[href^="mailto:"] {border:none; background-color:#bfdfff; }
	.retirees a[href^="tel:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.retirees a.hover[href^="tel:"] {border:none; background-color:#bfdfff; }

	.jas a[href^="mailto:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.jas a.hover[href^="mailto:"] {border:none; background-color:#bfdfff; }
	.jas a[href^="tel:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.jas a.hover[href^="tel:"] {border:none; background-color:#bfdfff; }

	.jinji a[href^="mailto:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; overflow:hidden; border:none; position:relative; color:#000}
	.jinji a.hover[href^="mailto:"] {border:none; background-color:#bfdfff; }
	.jinji a[href^="tel:"] {box-sizing:border-box; text-decoration:none; margin:0; padding:0; display:block; overflow:hidden; border:none; position:relative; color:#000}
	.jinji a.hover[href^="tel:"] {border:none; background-color:#bfdfff; }

@media (orientation: landscape) { html {font-size:2.1vw} }
@media only screen and (min-device-width : 900px) {
html { font-size:18px; }
body {font-size:1rem; }
img.title {height:3.6rem;}
	.menu_btn {display:none;}
	div.navi { position:static; display:inline-block; border-radius:0; width:auto; margin-top:0; margin-bottom:1rem; box-shadow:none;padding-left:0.6rem; padding-right:0.6rem;}
	.navi a { border:none;border-right:1px solid #ccc; box-sizing:border-box; font-size:1rem; display:inline-block; width:auto;virtical-align:bottom; text-decoration:none; line-height:1rem; margin:0; padding:0.3rem; border-bottom:2px solid #53d48a;margin-bottom:1px; }
	.navi a:hover { background-color:#fff; box-shadow:none; border:none; border-right:1px solid #ccc; border-bottom:2px solid #F00;}
	.navi a.current { border-bottom:2px solid #999; }
	div.subnavi { position:static; display:inline-block; border-radius:0; width:auto; margin-top:0; margin-bottom:1rem; box-shadow:none;padding-left:0.6rem; padding-right:0.6rem;}
	.subnavi a { border:none;border-right:1px solid #ccc; box-sizing:border-box; font-size:1rem; display:inline-block; width:auto;virtical-align:bottom; text-decoration:none; line-height:1rem; margin:0; padding:0.3rem; border-bottom:2px solid #53d48a;margin-bottom:1px; }
	.subnavi a:hover { background-color:#fff; box-shadow:none; border:none; border-right:1px solid #ccc; border-bottom:2px solid #F00;}
	.subnavi a.current { border-bottom:2px solid #999; }
	.close { display:none; }
	
	div.frame { display:inline-block; margin:0.6em; width:80%; min-width:450px; max-width:1000px; border:1px solid #999;position:relative;}
	div.login a { max-width:500px;}
	input[type="text"],a.btn {font-size:1em; border:1px solid #999; }
	label { font-size:1em;}
	.topics { border:1px solid #999; padding:0.2rem; margin-bottom:0.6rem}
	.link { border-bottom:1px solid #999;}
	.link a { border:1px solid #999; border-bottom:none;}
	.link a:hover {box-shadow:none; border:1px solid #999; border-bottom:none;}
	.news dl { display:block; min-width:250px; margin:0rem; margin-bottom:1rem; border:1px solid #999; }
	.support dl { display:block; min-width:250px; margin:0rem; margin-bottom:1rem; border:1px solid #999; }
	.tsnews dl { display:block; min-width:250px; margin:0rem; margin-bottom:1rem; border:1px solid #999; }
	.noti dl { display:block; min-width:250px; margin:0rem; margin-bottom:1rem; border:1px solid #999; }
	.overseas dl { display:block; min-width:250px; margin:0rem; margin-bottom:1rem; border:1px solid #999; }
	.times dl { display:block; min-width:320px; margin-bottom:0.5rem; border:1px solid #999; }
	.times img {width:6.5rem;}
	.kojo dl { display:block; min-width:320px; margin-bottom:0.5rem; border:1px solid #999; }
	.kojo img {width:10rem;}
	.kousei dl { display:block; min-width:320px; margin-bottom:0.5rem; border:1px solid #999; }
	.kousei img {width:6.5rem;}
	.retirees dl { display:block; min-width:320px; margin-bottom:0.5rem; border:1px solid #999; }
	.retirees img {width:6.5rem;}
	.jas dl { display:block; min-width:320px; margin-bottom:0.5rem; border:1px solid #999; }
	.jas img {width:6.5rem;}
	.jinji dl { display:block; min-width:320px; margin-bottom:0.5rem; border:1px solid #999; }
	.jinji img {width:6.5rem;}
	div.bled_btn { font-size:16px; right:8px; }
	.times div.bled_btn {font-size:16px;  right:8px; }
	.kojo div.bled_btn {font-size:16px;  right:8px; }
	.jas div.bled_btn {font-size:16px;  right:8px; }
	.news dd.container {max-width:640px;}
	table { margin-left:1rem; width:90%; }
	
}
