@charset "utf-8";

:root { --header-h: 100px; }

@media (max-width: 767px) {
  :root { --header-h: 75px; }
}

/* 固定ヘッダーの実高さに合わせる */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){
  html { scroll-behavior: auto; }
}
/* 着地要素（id持ち）にヘッダー分の余白確保 */
[id] { scroll-margin-top: var(--header-h); }

/* base ------------------------------- */

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ","Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	height: 100%;
	margin:0;
	padding:0;
}

/* --IE6, IE7-- */
body/* */ { / font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
			/ line-height:1.3 }

/* hack ------------------------------- */

html {
	overflow-y:scroll; /* for IE */
}

html:first-child body{
	min-height:100%;
	padding-bottom:1px;
}

/* for IE6 */
* html ol li dl {
  display: inline;
}

/* for IE7 */
*:first-child+html ol li dl {
  display: inline;
}


/* a:link */

a,a:link,a:visited,a:active {
	color:#0066cc;
	text-decoration:underline;
	cursor:pointer;
}

a:hover {
	text-decoration:none;
}

a:hover img.img-alpha {
	opacity:0.8;
	filter: alpha(opacity=80);
}


	/* modern browser \*/
	html>/**/body a:focus img.img-alpha{
		outline:none;
	}

  p{
    margin: 0;
    padding: 0;
  }


/* other ------------------------------- */

/* form reset */
form {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}

textarea {
	font-size: 100%;
}

input {
	margin:0;
}

input,
select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

/* image reset */
img {
	border:none;
  max-width: 100%;
  height: auto;
}

a:hover img{
  opacity: .7;
}

div{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1,h2,h3,h4,h5{
  margin: 0;
  padding: 0;
}

/* hr */

address {
	text-align:center;
}

hr.nomal_dot {
border-width: 1px 0px 0px 0px;
border-style: dotted;
border-color: #666;
height: 1px;
margin: 15px 0px;
}

em{
  color: #f00;
  font-style: normal;
}

/* for modern browser
------------------------------- */

.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg {
	display: inline-block;
}

/* no ie mac \*/
* html .pkg {
	height: 1%;
}
.pkg {
	display: block;
	position:relative;
}
/* */


/* layout */
/* zon-header------------------------------- */

div.zon-header-inner-right {
	float: right;
	margin: 0;
	text-align:right;
}

div.zon-header-inner-right p {
	margin:0;
	padding:0;
}

div.zon-header-inner-right p.zon-produced{
	text-align:right;
	padding:5px 0;
}

div.zon-header-inner-right p.zon-bt-print {
	display:inline;
}

/* zon-header-navi */

ul.zon-header-navi {
	margin:0 0 0 320px;
	padding: 10px 0 0;
}

ul.zon-header-navi li{
	float:left;
	display:inline;
	margin: 0 0 0 10px;
	padding:0 0 0 13px;
	white-space:nowrap;
}


/* Change-Font */

dl.change-font {
	display:inline;
	margin: 0 5px 0 0;
	padding: 5px 0 0;
}

dl.change-font dt{
	float:left; 
	margin: 0;
	padding: 3px 0 0;
	font-size:80%;
}

dl.change-font dd {
	float:left;
	font-size:14px;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

.fontS {font-size:80%;}
.fontM {font-size:100%;}
.fontL {font-size:120%;}

ul.size_change {
	margin:0;
	padding:0;
}

ul.size_change li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

ul.size_change li img {
	cursor:pointer;
}

/* contents------------------------------- */

/* wrapper */

#zon-wrapper {
	margin:0;
	position:relative;
	text-align:left;
	padding:0 0 20px;
}

	/* ie6 \*/
	* html #wrapper {
		margin:0;
		margin-left:15px;
		padding-bottom:15px;
		}

/* container */

#zon-container{
	position:relative;
	width: 100%;
	z-index:0;
}

#zon-content {
	position:relative;
  width: 100%;
	max-width:1000px;
	margin: 0 auto;
	padding: 0 0 15px;
	line-height:1.8;
	z-index:1;
}

@media screen and (max-width: 767px) {
  #zon-content {
    width:100%;
    display: flex;
    flex-direction: column;
  }
}

	/* modern browser \*/
	html>/**/body #zon-content{
		margin-bottom:15px;
	}


/* 850pxfull-width */

.full-width {
	position:static;
	width: 100%;
	margin-left:0;
}

.full-width #zon-content{
	position: static;
	margin: 0;
	padding: 0 0 15px;
}

/* h1-h4 title */

#zon-content h1 {
	margin:0 0 12px;
	padding:0;
}

#zon-content h2 {
	margin-bottom:12px;
	font-size:20px;
}

@media screen and (max-width: 767px) {
  #zon-content h2 {
    font-size:16px;
  }
}

#zon-content h3 {
	margin-bottom:12px;
	padding-left:14px;
	font-size:100%;
	background:url(../images/bg_h3_title.gif) no-repeat 0 0.3em;
}

#zon-content h4 {
	margin:0 0 12px;
	padding:0;
	font-size:100%;
}

/* new content */


#zon-content .new-content-title {
	font-size:120%;
	font-weight:bolder;
	margin: -1.6em 0 15px 90px;
	vertical-align:top;
}

/* topic_path */


#zon-topic-path {
	clear: both;
	font-size:70%;
	text-align:left;
  padding: 10px 15px;
  width: 100%;
  max-width: 1000px;
}

@media screen and (max-width: 767px) {
#zon-topic-path {
  order: 3;
}
}

#zon-topic-path ul {
	margin:0;
	padding:0;
	min-height: 22px;
	height: auto !important;
	height: 22px;
}

#zon-topic-path li {
	color:#333;
	list-style:none;
	float:left;
	white-space:nowrap;
	margin:0 0 0 7px;
	padding: 5px 0 5px 10px;
	background:url(../images/arrow_topicpath.png) no-repeat left center ;
}

@media screen and (max-width: 767px) {
  #zon-topic-path li {
    white-space:normal;
  }
}

div#zon-topic-path li.topic-first {
	background-image:none;
	padding-left:0;
}

/* zon-c-pagenav */

div.zon-c-pagenav {
	margin-top:25px;
}

div.zon-c-pagenav li {
	list-style: none;
}

div.zon-c-pagenav ul.zon-c-bt-nav {
	margin: 0;
	padding:0 0 5px;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  gap: 15px;
}

div.zon-c-pagenav ul.zon-c-bt-nav li {
	margin:0;
	padding:0;
}

div.zon-c-pagenav ul.zon-c-bt-nav li.zon-c-pagenav-left {
	float:left;
	width:290px;
	text-align:right;
}

div.zon-c-pagenav ul.zon-c-bt-nav li.zon-c-pagenav-right {
	float:left;
	width:290px;
	text-align:left;
}

div.zon-c-pagenav ul.zon-c-bt-nav li.zon-c-pagenav-center {
	float:left;
	width:60px;
	text-align:center;
}

div.zon-c-pagenav ul.zon-c-bt-nav img {
	vertical-align:middle;
}

p.zon-c-menu {
	border-top:#CCC solid 1px;
	clear:both;
	margin:15px 0;
	padding-top:5px;
}

p.zon-c-menu img {
	vertical-align:text-bottom;
}

p.zon-c-menu span {
	display:block;
	margin-top:-25px;
	margin-left:22px;
}

ul.zon-c-title-nav {
	margin: 5px 0 0;
	padding:0;
}

ul.zon-c-title-nav li {
	list-style:none;
	margin:0 0 5px 50px;
	padding:0 0 0 15px;
}

ul.zon-c-title-nav li.zon-c-active {
	font-weight:bold;
	color:#0099CC;
	background:url(../images/page_nav_arrow.gif) no-repeat left 2px;
}

ul.zon-c-title-nav li.asog-hidden {
	color: #CCC;
}

div.zon-content-backnumber {
	margin-top:15px;
	border-top:1px solid #ccc;
	font-size:80%;
}

div.zon-content-backnumber dd {
	margin: -1.7em 0 15px 4em;
	vertical-align:top;
}

div.zon-content-backnumber dd span {
	font-weight:bold;
	color:#333;
}

div.zon-contenttop-backnumber{
	clear:both;
	margin-top: 5px;
	padding:10px;
	font-size:80%;
}

div.zon-contenttop-backnumber dt img{
	vertical-align:middle;
	margin-left: 5px;
}

div.zon-contenttop-backnumber h3 {
	margin:20px 0 0;
}

#zon-content div.zon-contenttop-backnumber h4 {
	clear:both;
	color:#333;
	font-size:100%;
	margin:10px 0 12px;
	padding-left:22px;
	background:url(../images/bg_h4_backnambertitle.gif) no-repeat 0 0.3em;
}

div.zon-contenttop-backnumber dt {
	clear:both;
	font-size:90%;
	color:#666666;
	border-top:1px solid #ccc;
	padding-top:3px;
	margin-bottom:7px;
}



.backnumber-title a strong{
	font-size: 16px;
}

.zon-other-link {
	background:#206ec8;
	margin:15px 0;
	padding:10px 14px;
}

.zon-other-link h2 {
	margin:0;
	padding:0;
	font-size:100%;
}

#zon-nav p.zon-nav-sub {
	font-size:95%;
	text-align:left;
	margin-top:7px;
	background-color:#fff;
}

#zon-nav p.zon-nav-sub a {
	color:#000;
	display:block;
	padding:5px;
	text-decoration:none;
}

#zon-nav p.zon-nav-sub a:hover {
	opacity: .8;
}

#zon-nav p.zon-nav-sub-box {
  color:#000;
	font-size:110%;
	text-align:center;
	margin-top:7px;
	padding:5px;
	background-color:#fff272;
  border: 2px solid #17b762;
}

#zon-nav p.zon-nav-sub-box a {
	color:#FFF;
	display:block;
	text-decoration:none;
}

#zon-nav p.zon-nav-sub-box a:hover {
	color:#fff272;
}

/* block */
.zon-block{
  padding: 1rem;
  display: block;
  background-color: #fff;
  border: 1px solid #1697DE;
  box-shadow: 0px 3px 12px #00000029;
  padding: 30px;
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .zon-block{
    padding: 15px;
  }
}

.zon-block h2{
    color: #0C4A91;
    font-size: 22px;
    text-align: center;
    margin-bottom: 1em;
  }

.zon-block h4{
    color: #0C4A91;
    font-size: 18px;
  }

.zon-block a{
    display: inline-block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }



/* button */
.zon-button{
  padding: 1rem;
  display: block;
  background-color: #fff;
  color: #0C4A91;
  border: 1px solid #1697DE;
  box-shadow: 0px 3px 12px #00000029;
  padding: 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .zon-button{
    padding: 15px;
  }
}

.zon-button::after{
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    right: .5rem;
    bottom:.5rem;
    clip-path: polygon(0 100%,100% 0,100% 100%);
    background: #206EC8;
}

@media screen and (max-width: 767px) {
  .zon-button::after{
    width: 20px;
    height: 20px;
  }
}

@media (hover: hover){
  .zon-button:hover{
    background-color: #DAF7FF;
  }
}

.zon-button-secondary{
  position: relative;
  padding: 1rem;
  display: block;
  background-color: #1697DE;
  color: #fff;
  box-shadow: 0px 3px 12px #00000029;
  padding: 30px;
  text-align: center;

  @media (hover: hover){
    &:hover{
      background-color: #3FB0EF;
    }
  }
}

.zon-button-secondary::after{
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  right: .5rem;
  bottom:.5rem;
  clip-path: polygon(0 100%,100% 0,100% 100%);
  background: #fff;
}

a.zon-button-secondary{
  color: #fff;
  text-decoration: none;
}

.zon-button-secondary input{
  border: none;
  background:none;
  font-size: 16px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #fff;
}

.zon-button-small{
  padding: 1rem 1.5rem;
  display: block;
  position: relative;
  background-color: #fff;
  color: #0C4A91;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  min-width: 200px;
  box-sizing: border-box;
  transition: 0.5s;
}

@media (hover: hover){
  .zon-button-small:hover{
    background-color: #DAF7FF;
  }
}


@media screen and (max-width: 1300px) {
  .zon-button-small{
    padding: .75rem 1.5rem;
  }
}

.zon-button-small::after{
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  right: .5rem;
  bottom:.5rem;
  clip-path: polygon(0 100%,100% 0,100% 100%);
  background: #206EC8;
}

a.zon-button-small{
  text-decoration: none;
}

.zon-button-wrap--center{
  margin-top: 30px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.zon-button-wrap--center .zon-button-secondary{
  padding: 15px;
}

/* category-top------------------------------- */

.zon-category-top-list dt {
	background:url(../images/bg_category_link_content.jpg) repeat-x bottom;
	border:1px solid #cecece;
}

.zon-category-top-list dt a,
.zon-category-top-list dt span {
	display:block;
	padding:10px 5px 10px 40px;
	background:url(../images/icon_category_link_content.gif) no-repeat 5px 0.8em;
}

.zon-category-top-list dt span {
	color:#49515F;
	font-weight:bolder;
}

.zon-category-top-list dd {
	margin-bottom:15px;
}


/* UNDER contents------------------------------- */

#asset {
	clear:both;
	background:#fff;
	margin:0 auto;
  width: 100%;
}

#asset h1 {
	color:#fff;
	font-size:160%;
	background-color:#206ec8;
	font-weight:normal;
	padding-left:25px;
}

@media screen and (max-width: 767px) {
#asset h1 {
	font-size:120%;
	padding-left:15px;
  padding-right: 15px;
}
}

#asset-body {
	padding:0 25px 25px;
}

.zon-header-inner {
	float:left;
	line-height:1.4;
	border:3px solid #e7e1c6;
	border-top:none;
	padding:1;
	margin-bottom:9px;
	max-width: 450px;
}
.zon-header-inner div.zon-member-nav {
	font-size:14px;
	padding:10px 10px 5px;
	border:1px solid #fff;
	background-color:#f8f7ed;
}

.zon-header-inner div.zon-member-nav p{
	display:inline;
}

.zon-header-inner div.zon-member-nav p#zon-doc{
	font-size:80%;
}

.zon-header-inner div.zon-member-nav form {
	display:inline;
}

.zon_member_logout {
	vertical-align:middle;
	padding: 0.25rem 1.5rem !important;
	color: #0066cc !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}
.zon-header-inner div.zon-member-nav img.zon-mypage {
	vertical-align:middle;
	margin:0;
}

#asset-body .reader {
	font-size:80%;
	border:3px solid #e5e5d9;
	background-color:#efefe4;
	padding:3px;
	margin-top:25px;
	margin-bottom:25px;
}

#asset-body .reader a{
  display: inline-block;
  vertical-align: middle;
}

#asset-body .reader p {
  margin:0;
  padding:0;
  font-size:80%;
}

#asset-body .reader img {
  margin-right:5px;
}


p.about-movie {
font-size: 90%;
line-height: 1.4;
background: url(../images/icon_attention.gif) no-repeat left top;
padding-left: 15px;
}

/* INDEX------------------------------- */

#index .zon-catch{
  color: #0C4A91;
  text-align: center;
  font-size: 34px;
  padding: 60px 0;
  margin: 0;
}


@media screen and (max-width: 1000px) {
  #index .zon-catch{
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  #index .zon-catch{
  font-size: 18px;
  padding: 30px 0;
  }
}

#index .zon-catch >h2{
  font-size: 1em;
}

#index .zon-catch >p{
  font-size: 20px;
  font-weight: bold;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  #index .zon-catch >p{
    font-size: 16px;
  }
}

#index .zon-catch >span{
  font-size: 40px;
}

@media screen and (max-width: 1000px) {
  #index .zon-catch >span{
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  #index .zon-catch >span{
    font-size: 24px;
  }
}


#index-body {
	padding: 0 15px;
}

.index-menu{
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  .index-menu{
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

.index-menu .zon-button{
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  text-decoration: none;
}

@media screen and (max-width: 1000px) {
  .index-menu .zon-button{
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .index-menu .zon-button{
    font-size: 18px;
  }
}


.index-menu .zon-button span{
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
.index-menu .zon-button span{
  margin-top: 6px;
}
}

.zon-index-mv{
  background: url(/common/images/bg-index.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
  padding: 0 15px;
}

.zon-index-mv::after{
    content: '';
    display: block;
    background-color: #fff;
    height: 100px;
    width: 100dvw;
    position: absolute;
    bottom: 0;
    left: -15px;
  }

.zon-index-nav,
.zon-index-memberlogin {
	float:left;
}

.zon-index-nav {
	position:relative;
}

.zon-index-nav a .zon-icon{
  height: 50px;
}

@media screen and (max-width: 767px) {
.zon-index-nav a .zon-icon{
  height: 35px;
}
}

.zon-index-nav a span{
  display: block;
}

.zon-index-pamphlet{
  max-width: 1000px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 40px;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .zon-index-pamphlet{
    margin-top: 35px;
	flex-direction: column;
	gap: 20px;
  }
}

.zon-index-pamphlet a{
    position: relative;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 15px;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
  .zon-index-pamphlet a{
    font-size: 16px;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .zon-index-pamphlet img{
    width: 100px;
  }
}

.square-param1,
.zon-index-memberlogin {
	width:220px;
	height:220px;
	margin:0 0 19px 19px;
}

.box-shadow {
	box-shadow: 1px 1px 3px #999; /* CSS3 */
	-moz-box-shadow: 1px 1px 3px #999; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 3px #999; /* Google Chrome, Safari用*/
	background-color:#fff;
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5');
}

	/* --IE6, IE7-- */
#asset,.box-shadow/* */  { /box-shadow:none; filter:none; background:#fff; }

#index-body .left {
	clear:both;
	margin-left:0;
}

.square-param2 {
	float:left;
	width:220px;
	height:220px;
	margin:0 0 19px 0;
	line-height:10px;
}

.square-param2 a {
	display:block;
	width:220px;
	height:128px;
}

.square-param2 a.index-nav-06 {
	display:block;
	width:220px;
	height:82px;
	text-indent:-999em;
	overflow:hidden;
}

.zon-index-nav .icon-new {
	position:absolute;
	right:-5px;
	top:-5px;
}


/* member-login */	
.zon-index-memberlogin {
	font-size:12px;
	background:url(../images/bg_login_box.png) no-repeat 0 0;	
}
	
div.zon-index-memberlogin-inner {
	border:1px solid #f2eee3;
	background-color:#f8f7ed;
	color:#000;
	padding:8px 10px;
	margin:15px auto 0;
	height:175px;
	width:182px;
	line-height:15px;
	/*overflow:auto;*/
}

#zon-content div.zon-index-memberlogin-inner h2{
	margin: 0;
	padding:0;
}

#zon-content div.zon-index-memberlogin-inner h3 {
	background-image:none;
	margin: 0;
	padding:2px 0 0;
}

div.zon-index-memberlogin p {
	font-size:12px;
	margin:0;
	padding:0;
}

div.zon-index-memberlogin .zon-txt {
	height:13px;
	width:120px;
}

div.zon-index-memberlogin p.zon-bt-login {
	float:right;
	text-align:center;
	padding: 15px 0 0;
}

div#member_remember_id_check {
	clear:both;
	margin:0;
	padding:2px 0;
	text-align:center;
	color:#c00;
	font-size:13px;
	font-weight:bold;
}

	/* modern browser */
	html>/**/body div#member_remember_id_check{
	padding:5px 0 10px;
	}

div#member_remember_id_check input,
div#member_remember_id_check label {
	vertical-align:middle;
	margin:0;
	padding:0;
}

#zon-member-mypageinfo {
	margin:20px 0px 3px 0px;
	font-size:12px;
}

.zon-info{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  width: 100%;
  max-width: 1000px;
  padding: 80px 0;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .zon-info{
  grid-template-columns:auto;
  grid-template-rows:repeat(2,1fr);
  }
}

@media screen and (max-width: 767px) {
  .zon-info{
  display: block;
  padding: 40px 0;
  }
}

.zon-info>*:nth-of-type(1){
  padding-right: 60px;
  border-right: 1px solid #0850A2;
}

@media screen and (max-width: 1000px) {
    .zon-info>*:nth-of-type(1){
    padding-right: 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid #0850A2;
    border-right: none;
  }
}

.zon-info>*:nth-of-type(2){
  padding-left: 60px;
}

@media screen and (max-width: 1000px) {
  .zon-info>*:nth-of-type(2){
    padding-left: 0px;
    padding-top: 30px;
  }
}

#zon-content .zon-subtitle h2{
  font-size: 28px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  #zon-content .zon-subtitle h2{
    font-size: 24px;
  }
}

#zon-content .zon-subtitle h2 span{
  display: inline-block;
  background-color: #DAF7FF;
  padding: 6px 25px;
  margin-bottom: 15px;
  font-size: 14px;
}

.zon-subtitle h2 span{
  display: inline-block;
  background-color: #DAF7FF;
  padding: 6px 25px;
  margin-bottom: 15px;
  font-size: 14px;
}

.zon-subtitle h2{
  font-size: 28px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .zon-subtitle h2{
    font-size: 24px;
  }
}

/* zon-what'snew */	
div.zon-whatsnew{
	min-height: 217px;
	height: auto !important;
	height: 217px; 
	font-size:80%;
}

#zon-content h2.zon-whatsnew-title {
	margin:5px 0 0 15px;
	padding:0;
	background-image:none;
}

div.zon-whatsnew dl {
	max-height: 170px;
	height: auto !important;
	height: 170px;
	overflow:auto;
}

div.zon-whatsnew dl dt {
	width:5em;
	float:left;
	clear:left;
	letter-spacing:0;
}

div.zon-whatsnew dl dd {
	margin:0 0 0.5em 6em;
	padding-left:10px;
}

div.zon-whatsnew dl dd img {
	vertical-align:middle;
	margin:0 0 0 3px;
}

.zon-index-link{
  background-color: #DAF7FF;
  padding: 80px 15px;
}

@media screen and (max-width: 767px) {
  .zon-index-link{
    padding: 40px 15px;
  }
}

.zon-index-link h2{
  text-align: center;
  font-size: 28px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .zon-index-link h2{
    font-size: 24px;
  }
}

.zon-index-link h2 span{
 display: inline-block;
 background-color: #fff;
 padding: 6px 25px;
 font-size: 14px;
}

.zon-seminar-button{
  display: -webkit-box;
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

 @media screen and (max-width: 767px) {
  .zon-seminar-button{
    flex-direction: column;
  }
}

.zon-seminar-head{
	margin-bottom: 10px;
}

.zon-seminar-text{
	margin-top: 40px;
}

.zon-seminar-leading{
	font-weight: bold;
}

.zon-seminar-button .zon-button-secondary{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  flex: 1;
  padding: 15px;
}

.zon-seminar-button .zon-button-secondary::after{
  width: 15px;
  height: 15px;
}

.zon-index-link-banner{
  display: -webkit-box;
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}

.zon-seminar-date{
	display: block;
	margin-left: auto;
	margin-top: 5px;
	color: gray;
	width: fit-content;
}

@media screen and (max-width: 767px) {
  .zon-index-link-banner{
    flex-direction: column;
    margin-top: 20px;
    gap: 15px;
    text-align: center;
  }
}

/* zon-footer------------------------------- */

.zon-footer{
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  gap: 20px;
  border-top: 1px solid #ccc;
}

@media screen and (max-width: 1000px) {
  .zon-footer{
    flex-direction: column;
  }
}

.zon-footer-right{
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
}

div.top-of-page {
	clear:both;
	margin:0;
	padding:0;
	text-align:right;
}

#zon-footer {
	clear:both;
	width:100%;
	padding:10px 0;
	margin:10px 0 0;
}

#zon-footer div.zon-footer-inner{
	width:850px;
	margin:0 auto;
}

#zon-footer div.zon-footer-inner ul {
	text-align:left;
	margin:0;
	padding:0;
}

#zon-footer div.zon-footer-inner li {
	list-style:none;
	display:inline;
	margin: 0 15px 0 0 ;
	padding:0;
	font-size:70%;
}

#zon-footer div.zon-footer-inner ul.zon-footer-nav li a {
	white-space:nowrap;
}

address {
	color:#979797;
	font-style:normal;
	text-align:right;
	font-size:70%;
	margin-top:5px;
}


/* form------------------------------- */		
.zon-txt {
	background:#fff url(../images/bg_txt.jpg) top repeat-x;
	border:1px solid #003366;
}

.announcement {
	border:1px solid #c00;
	padding:10px;
  margin-top: 20px;
}

/* other------------------------------- */

.tec-about-movie {
  font-size: 90%;
  line-height: 1.4;
  background: url(../images/icon_attention.gif) no-repeat left top;
  padding-left: 15px;
}

#zon-content .title-none {
	background-image:none;
	margin:0;
	padding:0;
}

.txtalign-center {
	text-align: center!important;
}

.txtalign-right {
	text-align: right!important;
}

.txtalign-left {
	text-align: left!important;
}

.clr {
	clear: both;
	height: 1px;
	width: 1px;
	padding: 0;
	margin: 0 -1px -1px 0;
	overflow: hidden;
	border: 0;
	font-size: 0;
	line-height: 0;
}

.clr-l{
	clear:left;
}

.clr-r {
	clear:right;
}

.clr-both {
	clear:both;
}

hr.dot-line {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #CCCCCC;
	height: 1px;
	margin:3px 0px;
}

hr.dot-line-m {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #CCCCCC;
	height: 1px;
	margin:15px 0px;
}

/*-------------------------------------------------------
 * div.steps
 *-------------------------------------------------------*/ 
/* display 'prev' and 'next' links in wizard-style pages */
div.steps:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
div.steps {
	margin:1.4em 0 10px 0;
	padding:5px 0 0;
	display:block;
}
* html div.steps {
	height:1%;
}
*:first-child+html div.steps {
	height:1%;
}
div.steps div.next {
	width:47%;
	float:right;
	text-align:right;
}
div.steps div.prev {
	width:47%;
	float:left;
}

/*-------------------------------------------------------
 * content enquete form
 *-------------------------------------------------------*/ 
#content_enquete_form {
	border:3px solid #a5edd9;
	font-size:85%;
	margin:25px 0;
}
#content_enquete_form_inner {
	border:1px solid #398ad6;
	padding:10px;
	background-color:#e2f8f4;
}
#content_enquete_heading {
	margin:0;
	padding:2px 0 2px 30px;
	background:url('/common/images/enq_title.gif') no-repeat 5px 50% #3ec0b0 ;
	color:#ffffff;
	font-weight:bold;
}
#content_enquete_answer {
	text-align:center;
}
#content_enquete_form textarea {
	width:99%;
	height:60px;
}
#content_enquete_note {
	font-size:85%;
	margin:0 0 10px 0;
}
#content_enquete_submit {
	text-align:center;
	margin:10px 0 0 0;
}
div.formError {
	color: #f00;
	font-weight: bold;
}


@media screen and (max-width: 768px) {
	#asset-body{
		padding: 0 15px 15px;
	}

	#zon-content .new-content-title{
		margin: 0;
		margin-bottom: 5px;
	}


	#zon-content h2{
		padding-left: 0;
	}
	
	.zon-category-top-list dd {
		margin-inline-start: 0;
		margin-top: 5px;
	}
}

.zione-title{
  display: flex;
  align-items: center;
  font-size: 19.2px;
}

.zione-dr-file {
    margin: 0 0 10px 0;
    padding-right: 20px;
}

.zione-dr{
    margin: 0;
    padding: 0 0 0 8px;
    height: fit-content;
    border-left: 2px solid #65c6de;
}

.zione-dr span{
  font-size: 19.2px;
}

.zione-dr-wrap{
  display: flex;
  gap: 15px;
}