@charset "utf-8";

/* 
===== CONTENTS ===========================================

 0: all(main_image)
 0: all(sub-nav fixed)
 1: index(all)
 2: index(fieldtrip)全国一斉のみ
 3: index(invitation)家ご招待のみ
 
==========================================================
*/


/*
==================== 0: all(main_image) ===========================
*/
.figureImage_wrap {
	/*max-height: 500px;*/
	z-index: 1;
}

.main_pc{display: block;}
.main_tb{display: none;}
.main_sp{display: none;}

ul.sub_menu li {color:#191919 !important; font-weight: bold;}
ul.sub_menu li a{color:#191919 !important; font-weight: bold;}
ul.sub_menu li a:hover{color:#999 !important;}


/*
===== response ======
*/

@media only screen and (max-width: 768px){
.main_pc{display: none;}
.main_tb{display: block; width: 100%;}
.main_sp{display: none;}
}

@media only screen and (max-width: 480px){
.main_pc{display: none;}
.main_tb{display: none;}
.main_sp{display: block; width: 100%;}
}


/*
==================== 0: all(sub-nav fixed) ====================
*/
@media only screen and (min-width: 1061px){
.ContentNav{
	width: 100%;
	height: 56px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /*background: rgba(0, 0, 0, 0.8);/**/

	/*background-image: linear-gradient( -45deg, #f5eeed 25%, #f4e2de 25%, #f4e2de 50%, #f5eeed 50%, #f5eeed 75%, #f4e2de 75%, #f4e2de );/**/
	background-image: linear-gradient( -45deg, #F2F2F2 25%, #D8D8D8 25%, #D8D8D8 50%, #F2F2F2 50%, #F2F2F2 75%, #D8D8D8 75%, #D8D8D8 );/**/
	background-size: 8px 8px;/**/

    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

#nv_green.ContentNav{
	background-image: linear-gradient( -45deg, #F2F2F2 25%, #c7dbae 25%, #c7dbae 50%, #F2F2F2 50%, #F2F2F2 75%, #c7dbae 75%, #c7dbae );/**/
}
#nv_blue.ContentNav{
	background-image: linear-gradient( -45deg, #F2F2F2 25%, #c7e0f5 25%, #c7e0f5 50%, #F2F2F2 50%, #F2F2F2 75%, #c7e0f5 75%, #c7e0f5 );/**/
}
#nv_brown.ContentNav{
	background-image: linear-gradient( -45deg, #F2F2F2 25%, #e2c6af 25%, #e2c6af 50%, #F2F2F2 50%, #F2F2F2 75%, #e2c6af 75%, #e2c6af );/**/
}
#nv_red.ContentNav{
	background-image: linear-gradient( -45deg, #F2F2F2 25%, #FFC7AF 25%, #FFC7AF 50%, #F2F2F2 50%, #F2F2F2 75%, #FFC7AF 75%, #FFC7AF );/**/
}



.ContentNav_inner ul{
	display: table-cell;
	height: 56px;
	vertical-align: middle;
	text-align: right;
	width: 77%;/**/
}
.ContentNav_inner h4.sub-nav_title a{
	color: #191919;/**/
	text-decoration: none !important;
}
.ContentNav_inner ul li{
	display: inline-block;
    margin-left: 0%;/**/
    vertical-align: middle;
	white-space: nowrap;
	line-height: 55px;
	font-size: 14px !important;
	
	padding-left: 40px;
	background: url(/ie/zenkoku/img/arrow_down_b.png) no-repeat 30px center;
}
.ContentNav_inner ul li a{
    white-space: nowrap;
	line-height: 55px;
	color: #191919 !important;/**/
	text-decoration: none !important;/**/
}
}


/*
===== response ======
*/

@media only screen and (max-width: 1060px){
.ContentNav { /**/
    background-image: linear-gradient( -45deg, #F2F2F2 25%, #E4E4E4 25%, #E4E4E4 50%, #F2F2F2 50%, #F2F2F2 75%, #E4E4E4 75%, #E4E4E4 );
	background-size: 8px 8px;
	/*background: #F2F2F2;*/
}
.ContentNav label { /**/
    background-image: linear-gradient( -45deg, #F2F2F2 25%, #E4E4E4 25%, #E4E4E4 50%, #F2F2F2 50%, #F2F2F2 75%, #E4E4E4 75%, #E4E4E4 );
	background-size: 8px 8px;
}


#nv_green.ContentNav { /**/
    background-image: linear-gradient( -45deg, #F2F2F2 25%, #d7e5c6 25%, #d7e5c6 50%, #F2F2F2 50%, #F2F2F2 75%, #d7e5c6 75%, #d7e5c6 );
	background-size: 8px 8px;
}
#nv_green.ContentNav label { /**/
    background-image: linear-gradient( -45deg, #F2F2F2 25%, #c7dbae 25%, #c7dbae 50%, #F2F2F2 50%, #F2F2F2 75%, #c7dbae 75%, #c7dbae );
	background-size: 8px 8px;
}
#nv_blue.ContentNav { /**/
    background-image: linear-gradient( -45deg, #F2F2F2 25%, #d5e7f5 25%, #d5e7f5 50%, #F2F2F2 50%, #F2F2F2 75%, #d5e7f5 75%, #d5e7f5 );
	background-size: 8px 8px;
}
#nv_blue.ContentNav label { /**/
    background-image: linear-gradient( -45deg, #F2F2F2 25%, #c7e0f5 25%, #c7e0f5 50%, #F2F2F2 50%, #F2F2F2 75%, #c7e0f5 75%, #c7e0f5 );
	background-size: 8px 8px;
}
#nv_brown.ContentNav { /**/
    background-image: linear-gradient( -45deg, #F2F2F2 25%, #ead5c4 25%, #ead5c4 50%, #F2F2F2 50%, #F2F2F2 75%, #ead5c4 75%, #ead5c4 );
	background-size: 8px 8px;
}
#nv_brown.ContentNav label { /**/
    background-image: linear-gradient( -45deg, #F2F2F2 25%, #e2c6af 25%, #e2c6af 50%, #F2F2F2 50%, #F2F2F2 75%, #e2c6af 75%, #e2c6af );
	background-size: 8px 8px;
}
}


/*
==================== 1: index(all) ===========================
*/

h2.tx-align_c {
	margin-bottom: 0em;
}

.col-4:nth-child(4n+1) { /**/
	clear: both;
}


#passport .relatedLink {
    margin: 20px 0;
}

section#online {/*210220*/
	padding-top: 56px !important;
	margin: -56px auto -80px !important;
}
/*section#area01 {
	padding-top: 56px !important;
	margin: -56px auto -80px !important;
}*/
section#area01, section#area02, section#area03, section#area04 {
	padding-top: 56px !important;
	margin: 0 auto -80px !important;
}
section#area05 {
	padding-top: 56px !important;
	margin: 0 auto 40px !important;
}

section#online h4, section#area01 h4, section#area02 h4, section#area03 h4, section#area04 h4, section#area05 h4 {
    font-size: 16px;
    margin: 0.5em 0 0.5em 0;
    line-height: 1.5;
}

section#online span, section#area01 span, section#area02 span, section#area03 span, section#area04 span, section#area05 span {
	float: left;
	padding: 2px 4px;
    font-size: 11px;
    margin: 0 15px 5px 0;
    border-radius: 3px;
    white-space: nowrap;
    background: #666;
    color: #fff;
}

section#online span.join, section#area01 span.join, section#area02 span.join, section#area03 span.join, section#area04 span.join, section#area05 span.join { /*Button color*/
    background: #660000;/*190720*/
    /*background: #336600;/*190420*/
    /*background: #660000;/*190119*/
    /*background: #333300;/*181020*/
    /*background: #003399;/*180721*/
}

section#online span a, section#area01 span a, section#area02 span a, section#area03 span a, section#area04 span a, section#area05 span a {
	color: #fff;
    text-decoration: none;
}

section#online span a:hover, section#area01 span a:hover, section#area02 span a:hover, section#area03 span a:hover, section#area04 span a:hover, section#area05 span a:hover {
	color: #999;
}

section#passport .col-ctlg-img {
    width: 30%;
    margin: 2% 2% 2% 0;
}

section#passport .col-ctlg-txt {
    width: 66%;
    margin: 2% 2% 0 0;
}


.radiusLink {/*200702*/
	display: block;
	margin: 10px auto;
  }
.radiusLink a{/*200702*/
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 30px;
	padding: 0.7em 0;
	text-decoration: none !important;
	text-align: center;
	font-size: 14px;
	color: #191919;
	width: 100%;
  }
.radiusLink a:hover {/*200702*/
	border: 1px solid #191919;
  }


/*
===== response ======
*/

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

.relatedLink {
	line-height: 1;
}
.radiusLink a {/*200702*/
	font-size: 12px;
}
}

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

h2.tx-align_c {
	margin-bottom: 0em;
}
}


/*
==================== 2: index(fieldtrip)全国一斉のみ =================
*/

section#koe .col-4 .grayArea {
	background: #efefef;
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 8px;
}


/*
===== response ======
*/




/*
==================== 3: index(invitation)家ご招待のみ =================
*/

section.lead_width {
	max-width: 100% !important;
}
section.lead_width:after {
	display: block;
	clear: both;
}


/*1と3段目*/
section .bgImage_l {
	float: left;
	/*width: 680px;*/
	width: 66%;
	position: relative;
	z-index: 1;
}
section .lead_r {
	width: 60%;
	/*background-color: rgba( 208, 239, 195, 0.55 );*/
	background-color: rgba( 255, 255, 255, 0.55 );
	/*padding: 5px 5px 45px 45px; /*171130*/
	padding: 45px 5px 30px 45px;
	position: absolute;
	top: 70px;
	left: 40%;
	z-index: 2;
}

/*2と4段目*/
section .bgImage_r {
	float: right;
	/*width: 680px;*/
	width: 66%;
	position: relative;
	z-index: 1;
}
section .lead_l {
	width: 60%;
	/*background-color: rgba( 208, 239, 195, 0.55 );*/
	background-color: rgba( 255, 255, 255, 0.55 );
	/*padding: 5px 45px 45px 5px; /*171130*/
	padding: 45px 45px 30px 5px;
	position: absolute;
	top: 70px;
	z-index: 2;
}


/*171130*/
section .lead_r img,
section .lead_l img {
	width: 30%;
	float: left;
	padding: 0 10px 5px 0;
}

section .lead_r h3,
section .lead_l h3 {
	margin: 1em 0 1em 0;
}


.LinkGroup {
	content: "";
    display: block;
    clear: both;
    margin-top: 0px;
    text-align: right;
    position: static;
    z-index: 3;
}

.LinkGroup .relatedLink {
	display: inline-block;
	margin: 0 0 70px 1%;
}


/*
===== response ======
*/
@media only screen and (max-width: 768px){

/*1と3段目*/
section .lead_r {
	width: 60%;
	padding: 5px 5px 20px 20px;
	position: absolute;
	top: 30px;
	left: 40%;
	z-index: 2;
}

/*2と4段目*/
section .lead_l {
	width: 60%;
	padding: 5px 20px 20px 5px;
	position: absolute;
	top: 30px;
	z-index: 2;
}
}


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

/*1と3段目*/
section .bgImage_l {
	float: none;
	width: 100%;
	position: relative;
	z-index: 1;
}
section .lead_r {
	width: 100%;
	background-color: none;
	padding: 0;
    position: static;
	top: 0;
	left: 0%;
	z-index: 2;
}

/*2と4段目*/
section .bgImage_r {
	float: none;
	width: 100%;
	position: relative;
	z-index: 1;
}
section .lead_l {
	width: 100%;
	background-color: none;
	padding: 0;
    position: static;
	top: 0;
	z-index: 2;
}


.LinkGroup {
	content: "";
    display: block;
    clear: both;
	margin: -30px 5% 40px 0;
    text-align: right;
    position: static;
    z-index: 3;
}

.LinkGroup .relatedLink {
	display: inline-block;
	margin: 0 0 5px 1%;
}
}


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

section#passport .col-ctlg-img {
    width: 100% !important;
    margin: 0 0 2% 0;
}

section#passport .col-ctlg-txt {
    width: 100% !important;
    margin: 2% 0 0 0;
}
}