@charset "utf-8";

#index-body{
	position:relative;
}

.zon-home-main {
	background:url(../images/bg_zon-home-main.png) no-repeat left bottom;
	min-height: 190px;
	height: auto !important;
	height: 190px;
	border:3px solid #1697dd;
	padding-left:220px;
}

#zon-content .zon-home-main h2 {
	color:#206ec8;
	font-size:150%;
	line-height:1.3;
	background-image:none;
	margin:15px 0 8px;
	padding:0;
}

#zon-content .zon-home-main p {
	margin-top:0;
	padding-top:0;
}

#zon-content .zon-home-title-contents {
	position:relative;
}

#zon-content .zon-home-title-contents h2{
	position:absolute;
	top:-180px;
	left:-12px;
	width:225px;
	height:200px;
	margin:0;
	padding:0;
	text-indent:-999em;
	overflow:hidden;
	background:url(../images/title_zon-home-contents.png) no-repeat left bottom;
}

.zon-home-contents {
	margin-top:20px;
	padding:15px;
	background-color: #daf7ff;
}

.zon-home-contents-inner {
	clear:both;
	border-top:1px dotted #666;
}

.w-photo {
  text-align: center;
	padding:10px 5px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;

  img{
    height: 50px;
  }
}

.w-photo-technique{
  background-image: url(../images/thumb_technique.png);
}

.w-photo-altaqa{
  background-image: url(../images/thumb_altaqa.png);
}

.w-photo-conference{
  background-image: url(../images/thumb_conference.png);
}

.w-text {
	padding:8px 5px 8px 15px;
}

.w-text p{
	margin:0;
}

#zon-content .zon-home-contents h3 {
	clear:both;
	background-image:none;
	margin:0;
	padding:0;
}

/* member-login */	
.zon-home-member {
	float:right;
	margin-top:20px;
	width:250px;
}

#zon-content .zon-home-member h2 {
	background-image:none;
	color:#000;
	font-size:160%;
	font-weight:normal;
	padding:3px 0;
	margin:10px 0 5px;
}

#zon-content .zon-home-member h2.zon-member{
	background:url(../images/member_icon.png) no-repeat left top;
	padding-left:22px;
}

#zon-content .zon-home-member h3 {
	background-image:none;
	margin: 0;
	padding:2px 0 0;
}

.zon-home-memberlogin {
	font-size:12px;
	padding:1px;
	border:3px solid #e7e1c6;
	width:240px;
}
	
div.zon-home-memberlogin-inner {
	border:1px solid #fff;
	background-color:#f8f7ed;
	color:#000;
	padding:8px 10px;
	margin:0 auto;
	line-height:15px;
	/*overflow:auto;*/
}

div.zon-home-memberlogin p {
	font-size:110%;
	margin:0;
	padding:0;
}

div.zon-home-memberlogin .zon-txt {
	height:13px;
	width:155px;
}

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

div#member_remember_id_check input,
div#member_remember_id_check label {
	line-height:2;
}

div#zon-lost-account {
	border:none;
	border-top:1px dotted #666;
	background-color:transparent;
	padding:15px 5px;
}

#zon-content div#zon-lost-account h4 {
	font-size:125%;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin:0 0 7px 0;
	padding:0;
}

#zon-content div#zon-lost-account a {
	font-size:125%;
	display:block;
	padding:5px 0 0 35px;
	background:url(../images/re_idpw.png) no-repeat left top;
	min-height: 25px;
	height: auto !important;
	height: 25px; 
}

#zon-content .zon-home-member .under-box {
	margin-top:15px;
}

.zon-home-member .under-box strong {
	color:#c00;
}

.zon-home-member .under-box a {
	font-size:125%;
	display:block;
	padding:10px 0;
}

.zon-home-contents-block{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 15px;

  @media screen and (max-width: 640px) {
    grid-template-columns: auto;
  }
}

.zon-top-title{
  text-align: center;
  margin-top: 6rem;
}

.index-menu{
  @media screen and (max-width: 640px) {
    grid-template-columns: auto;
  }
}

.index-menu h3{
  font-size: 14px;
}

.index-menu h3:not(:nth-of-type(1)){
  margin-top: 10px;
}

.zon-index-nav .zon-button-secondary{
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin-top: 15px;
}

.zon-index-nav .zon-button-secondary input,.zon-index-nav .zon-button-secondary a{
  padding: 10px 15px;
  line-height: 1.5;
}

.zon-index-nav .zon-button-secondary a{
  color: #fff;
  text-decoration: none;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

.zon-index-nav .zon-button-secondary::after{
  width: 20px;
  height: 20px;
}

.zon-index-nav .zon-txt{
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
}

.index-form{
  text-align: center;
}

.index-reissue{
  margin-top: 20px;
}

div#member_remember_id_check{
  padding-bottom: 0;
}