/*----------------------------------------------------------------------------------------------------------------------
ALL SIZE
------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------common */

* {
margin: 0;
padding: 0;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html {
font-size: 62.5%;
overflow-x: hidden;
  visibility: hidden;
}

html.wf-active {
  visibility: visible;
}



body {

font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.4em;
letter-spacing: 0.01em;
line-height: 1.7;
color: #2b2b2b;
position: relative;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*----------------------------------h¥¿¥° */

h1, h2, h3, h4, h5, h6 {
letter-spacing: 0.05em;
font-weight : normal;
display: block;
text-align: center;
line-height: 1;
}
h2 {
font-size:3.8rem;
color:#494949;
font-weight:bold;
text-align: left;
margin: 0 auto  0;
padding: 30px 0 10px 0;
}




h3 {
font-size: 1.8rem;
text-align: left;
margin-bottom: 30px;
line-height: 1.3;
}

h2.contents_title{
font-size:4rem;
text-align:center;
letter-spacing:0.001em;
}


h4.contents_title_sub{
margin:10px auto 50px;
font-size:1.6rem;
text-align:center;
}

/*-----------------------------------¥¨¥Õ¥§¥¯¥È */

.fadeInUp {
  opacity : 0;
  transform: translateY(30px);
  transition: 0.6s;
}




/*-----------------------------------ßx’kÉ« */
::selection	{
background: #ff00ff;
color:#0000ff;
}

::-moz-selection 	{
background: #ff00ff;
color:#0000ff;
}

/*-----------------------------------»­Ïñ */
img {
max-width: 100%;
vertical-align: top;
box-shadow: #000 0 0 0;
}
img, x:-moz-any-link, x:default {
box-shadow: #000 0 0 0;
}
/*-----------------------------------¥ê¥ó¥¯ */
a {
cursor: pointer;
color:#ff00ff;
-webkit-backface-visibility: hidden; 
backface-visibility: hidden; 
font-weight: nomal;
text-decoration: underline;
}
a:hover {
color: #00ff00;
text-decoration: underline;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; 
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
/*-----------------------------------blockÒªËØ */

.ContentsBlock {
overflow: hidden;
max-width: 100%;
word-break: break-all;
padding:45px 0 90px;
margin:0 auto;

}
.textBlock {
padding: 0;
max-width: 1200px;
width: 80%;
margin: 0 auto;
overflow: hidden;
}
.titleBlock {
background: #cecece;
width: 100%;
}
.titleBlock_gr {
background: #ff00ff;
width: 100%;
}
.cont {
margin: 0 auto 55px;
}
.cont:last-child {
margin-bottom: 0;
}


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

.ContentsBlock {padding:30px 0 ;}

}

/*-----------------------text */

.time {
margin-bottom: 35px;
line-height: 1;
}
.description {
margin-bottom: 20px;
}
ul.way li {
margin-bottom: 20px;
}
/*-----------------------scrolltop */
#back-top {
position: fixed;
bottom: 2%;
right:3.4%;
}
#back-top span {
width: 25px;
height: 36px;
display: block;
}
/*----------------------header */

  #animation_container {
	position:relative;
	margin:auto;
	left:0;right:0;
  }



/*-----------------------navigation */
.mobile_menu {
display: block;
position: relative;
height: 100%;
background:#fff;
}
.acordion {
margin: 0;
padding: 0;
position: fixed;
width: 100%;
top: 3%;
right: 3%;
text-align: right;
width: 40px;
height: 30px;
}
.acordion ul {
margin: 0;
border: none;
}
.acordion ul li {
font-weight: bold;
font-size: 18px;
width: 100%;
text-align: center;
}

.acordion ul li span{font-size: 14px;}

.acordion ul li a {
position: relative;
display: inline-block;
padding: 6px 0 3px;
margin-bottom:15px;
text-decoration: none;
color:#fff;
}
.acordion ul li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

.acordion ul li a:hover {color:#fff;}

.acordion ul li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);}

.submenu {
overflow-x: hidden;
position: fixed;
left: 0;
top: 0;
z-index: 300000;
width: 100%;
height: 100%;
padding-top: 30px;
background: rgba(0,0,255,1);
color: #fff;
display:none;
}


.submenu_inner{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 45px auto;
width:80%;
}



nav {
position: fixed;
top: 0;
right: 0;
z-index: 50;
}

ul.menu{
width: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.trigger, .trigger span {
display: inline-block;
transition: all .2s;
box-sizing: border-box;
}
.trigger {
position: relative;
width: 34px;
height: 30px;
z-index: 10000000;
}
.trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #ff00ff;
}
.trigger span:nth-of-type(1) {top: 0;}
.trigger span:nth-of-type(2) {top: 38%;}
.trigger span:nth-of-type(3) {top: 76%;}
.trigger span:nth-of-type(4) {bottom: -5px; background:none; font-size: 12px; color: #ff00ff; text-align:center;}
.trigger span:nth-of-type(1),
.trigger span:nth-of-type(2),
.trigger span:nth-of-type(3){
	-webkit-transform: translate(0,0);
transform: translate(0,0);
}

#menu05 span:nth-of-type(2)::after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 2px;
background-color: #ff00ff;
transition: all .2s;
}
#menu05.active span:nth-of-type(1) {
transform: translateY(20px) scale(0);
background-color: #fff;
}
#menu05.active span:nth-of-type(2) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #fff;
}
#menu05.active span:nth-of-type(2)::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: #fff;
}
#menu05.active span:nth-of-type(3) {
transform: translateY(-20px) scale(0);
background-color: #fff;
}

#menu05.active span:nth-of-type(4) {color: #fff;}
#header{display: none !important;}

.btnMenu {
position: fixed;
z-index: 999;
top: 10px;
right: 10px;
width: 40px;
height: 65px;
display: block;
font-size: 30px;
text-align: center;
¡¡overflow: auto;
}

.btnMenu a {
text-align: center;
color: #000;
}
.btnMenu a:hover {color: #878787;}


.menuicon{color: #8cc947;}

.menu_logo, .menu_iamas{display:block;}

.menu_logo img{
width:30%;
max-width:140px;
display:block;
margin:0 auto 40px;
}



.menu_iamas img{
width:30%;
max-width:50px;
display:block;
margin:50px auto 0;
}




/*--------------------------------------------------------------------youtubeÂñ¤áÞz¤ß */

#youtube.ContentsBlock{
background:#fff;
width:100%;
max-width:100%;
margin:0 auto;
padding-bottom:50px;
padding-top:0;
}

.mess{
	display:block;
	text-align: center; 
	margin-top: 40px; 
	font-size:20px;
}

.wrap_y{
background:#0000ff;
width:80%;
max-width:80%;
margin:50px auto 0;
padding: 40px;
/*padding-bottom:50px;*/
}

.wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


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

#youtube.ContentsBlock{padding-bottom: 30px;}

.mess{display:block;text-align: center; margin-top: 20px; font-size:15px;}


.wrap_y{ width:90%; max-width:90%; padding:4%; margin:20px auto 0;}

}


/*--------------------------------------------------------------------youtubeÂñ¤áÞz¤ß */

#enq.ContentsBlock{
background:#fff;
width:80%;
max-width:80%;
margin:50px auto 40px;
padding-bottom:50px;
text-align: center;
border:1px #ff00ff solid;
}




#enq p{
	font-size:16px;
	text-align: center;
	color:#ff00ff;
	margin:30px auto ;
}

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

#enq.ContentsBlock{ width:90%; max-width:90%; margin-bottom: 40px; padding-bottom:20px;  margin-top: 30px;}

#enq p{ font-size:13px; margin:3% auto; padding:0 4%;}

}





/*--------------------------------------------------------------------¥â©`¥À¥ëÔO¶¨ */

.modal {
	position:fixed;
	display:none;
	z-index:1000; 
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding:20px; 
	color:#fff; 
	text-align:center; 
	border:1px solid #FFF; 
	border-radius:10px;
	max-width:740px;
	width:90%;
	 }

.modal_logo img{
	display:block;
	max-width:120px;
	margin:20px auto 40px;
}

.modal p { text-align:left; font-size:14px; margin-bottom: 30px;  letter-spacing:0.005em;}
.modal ul { text-align:center; }
.modal li { display:inline; }
.modal a { cursor:pointer; }

label[for="demo3"] {  cursor : pointer; }

#link3{
    display: block;
    margin: 0 auto 20px;
    text-align: center;
    border: 1px solid #fff;
    padding: 20px;
    max-width: 300px;
    width:90%;
    color:#0000ff;
    background:#fff;
    box-sizing:border-box;
    border-radius:30px;
    cursor : pointer;
    }

#link3 a{
    color:#0000ff;
    cursor : pointer;
    text-decoration: none;
}


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

.modal {padding:3%;}

.modal_logo img{
	display:block;
	max-width:60px;
	margin:20px auto 20px;
}

.modal p { font-size:11px; margin-bottom: 10px;	}


}

/*--------------------------------------------------------------------é_´ßÈÕ•r */

#schedule{ background:#00ff00; padding:5px 0; margin-top:30px;}

h2.schedule {
font-size:3rem;
line-height:1.2;
margin:20px auto;
text-align: center;
color:#000;
line-height:1.5;
}

span.small{
	font-size:2rem;
	padding-bottom:14px;
	display:inline-block;
	margin:0 5px;
}


/* µãœç */
.blinking{
	font-size:2.5rem;
	-webkit-animation:blink 0.8s ease infinite alternate;
    -moz-animation:blink 0.8s ease infinite alternate;
    animation:blink 0.8s ease infinite alternate;
}
@-webkit-keyframes blink{
    0% {/*opacity:0;*/ color:#ff00ff;}
    100% {/*opacity:1;*/ color:#0000ff;}
}
@-moz-keyframes blink{
    0% {/*opacity:0;*/ color:#ff00ff;}
    100% {/*opacity:1;*/ color:#0000ff;}
}
@keyframes blink{
    0% {/*opacity:0;*/ color:#ff00ff;}
    100% {/*opacity:1;*/ color:#0000ff;}
}


.schbr{display:none;}


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


#schedule{ padding: 0;  margin-top:20px; margin-bottom: 0;}

h2.schedule {
font-size:2rem;
line-height:1.2;
margin:0 auto;
padding:15px 0;
}

.blinking{
	font-size:1.3rem;}


span.small{ font-size:1.4rem; margin:0 5px;}

.schbr{display:block;}

.title{margin-bottom:0;}

}

/*--------------------------------------------------------------------¥¹¥Æ©`¥È¥á¥ó¥È */

#theme .textBlock{
	width:100%;
	max-width:100%;
}

.state_box_left, .state_box_right{
	width:46%;
	margin-top: 20px;
	/*background:#fff; */
	border-radius:5px; 
	padding:1.5% 2.5%;
text-align: justify;
text-justify: inter-ideograph;
word-break:break-word;
}

#theme h2.contents_title{color:#00ff00;}

#theme h4.contents_title_sub{color:#00ff00;}


.state_box_left{float: left;}

.state_box_right{float: right; color:#00ff00; padding-top:250px;}

.state_title{font-size:2.4rem; 	margin-bottom: 45px;  }

p.state_desc{font-size:1.6rem; letter-spacing:0.001em; line-height:2; }


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

#theme{margin-top:-30px;}

.state_box_left, .state_box_right{width:100%; float:none; padding: 0 5%; text-justify: none;
}

.state_box_left{margin-bottom: 60px;}

.state_box_right{padding-top: 0px;}

.state_title{font-size:2.2rem; }

p.state_desc{font-size:1.4rem;}

}

/*--------------------------------------------------------------------ßMѧÏàÕ„ */

#shingaku{background:#f2f2f2;}

#shingaku .textBlock{
background:#fff;
box-sizing:border-box;
border-radius:5px;
padding:40px 0;
}

.soudan_wrap{padding:0 4%;}

.soudan_wrap:first-child{border-right:3px dotted #f2f2f2;}

.floatleft{float: left; width:50%;}

.floatright{float: right; width:50%;}

.soudan_title{
	color:#000;
	font-size:3rem;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
}

.soudan_title::after{
	content:"";
	background:#000;
	width:155px;
	height:1px;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
    margin: 0 auto;
}

.soudan_img img {
	width:100%;
	margin:0 auto 25px;
	border-radius:5px;
	display: block;
}

.join_s{margin-top: 20px; text-align: center;}



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

#shingaku .textBlock{padding: 5% 0;}


.soudan_wrap{padding:5%;}

.soudan_wrap:first-child{border-bottom:3px dotted #f2f2f2; border-right:none;}

.floatleft{float: none; width:100%;}

.floatright{float: none; width:100%;}

}

/*--------------------------------------------------------------------¥¤¥Ù¥ó¥ÈÇéˆó */

#critical{
	padding-top:150px;
	margin-top:-150px;
	position: relative;
	overflow: hidden;
}


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

#critical{padding-top:950px; margin-top:-950px;}

}



#event h2.contents_title,
#event h4.contents_title_sub{ color:#fff;}

#event{background:#0000ff;}

.att{
	color:#fff;
	text-align: center;
	font-size: 1.3rem;
	border-radius:5px;
	border:1px dotted #fff;
	margin:0 auto 50px;
	padding:8px 0;
	max-width:700px;
	width:90%;
	 }


#event .textBlock{
background:#fff;
box-sizing:border-box;
border-radius:5px;
padding:40px;
}

.pj_block {
text-align: justify;
text-justify: inter-ideograph;
border-bottom:#c9c9db 1px solid;
padding-bottom: 10px;
margin-bottom: 35px;
}


/*»­Ïñ¥Ö¥í¥Ã¥¯*/
.p_box{
overflow: hidden;
position: relative;
width:100%;
max-width: 37%;
float:left;
}

.pj_block img {
	margin-bottom: 25px;
	border-radius:5px;

}

/*¥Æ¥­¥¹¥ÈÇéˆó*/
.pj_info{
	width:100%;
	padding-left:41%;
	margin-bottom: 30px;
}
h4.pj_title {
text-align: left;
line-height: 1.6;
font-size: 2rem;
margin-top: -3px;
margin-bottom: 15px;
font-weight:bold;
letter-spacing:0.01em;
}

.pj_time {
margin:0 0 15px;
font-size:1.4rem;
padding:8px 0;
border-top:#c9c9db dotted 1px;
border-bottom:#c9c9db dotted 1px;
}

.pj_name{
font-size: 13px;
color: #8d8d8d;
color:#ff6cff;
position: relative;
margin-bottom: 10px;}

.pj_desc{
word-break:break-word;
line-height:1.75;
color:#5d5d5d;
font-size:1.4rem;

}

.sup{
	margin:30px 0;
font-size:12px;
color:#0000ff;
}

.join{margin-top: 20px;}



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

#event .textBlock{padding:6%;}

.p_box{width:100%; max-width: 100%; float:none;}

.pj_info{padding-left:0; margin-bottom:35px;}

.pj_block img {margin-bottom: 15px; border-radius:6px;}

.join{margin: 40px auto; text-align: center;}

}

/*--------------------------------------------------------------------¥¿¥¤¥à¥Æ©`¥Ö¥ë */

#timetable h2.contents_title,
#timetable h4.contents_title_sub{ color:#0000ff;}

#timetable{background:#f2f2f2;}

#timetable .textBlock{
/*background:#fff;*/
box-sizing:border-box;
/*border-radius:5px;*/
padding:0;
}

#timetable .textBlock img{
	display:block;
	margin:20px auto 80px;
	width:100%;
	max-width:980px;
}

#timetable .textBlock img:last-child{margin-bottom:0;}



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


#timetable .textBlock{
padding:0%;
}

#timetable .textBlock img{
	display:block;
	margin:20px auto 50px;
}


#timetable .textBlock img:last-child{margin-bottom:0;}

}

/*--------------------------------------------------------------------IAMAS¤Ë¤Ä¤¤¤Æ */

#iamas.ContentsBlock{padding-top: 0;}

#iamas h2.contents_title{margin-top:60px;}

#iamas p{
	font-size:1.8rem;
	width:90%;
	max-width: 767px;
	line-height:2;

text-align: justify;
text-justify: inter-ideograph;
letter-spacing:0.0005em;
margin: 30px auto 80px;}


ul.link{
	margin:0 auto;
	display:flex;	
	flex-wrap:wrap;	
	max-width:720px;	
	width:100%;
	overflow: hidden;
}
ul.link li{
	width:50%;
	text-align: center;
}

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

	#iamas h2.contents_title{margin-top:30px;}


#iamas p{width: 90%; font-size:1.6rem; margin:0 auto 40px;}

ul.link li{	width:100%;}
}


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



.footer {
background: #0000ff;
width: 100%;
padding:30px 0 20px;
}

.footer .textBlock{margin:0 auto; padding:0;}

.footer_logo{
width:100%;
max-width:180px;
margin:0 auto 20px;
}

.footer p{
	margin:0 auto;
	color: #fff;
	text-align: center;
}

.footer p a{color:#fff;}

.footer p a:hover{color:#00ff00;}





/*----------------------button */
.button {
display: inline-block;
max-width: 240px;
width:100%;
height: auto;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 1px solid  #ffe2ff;
border-radius:30px;
background: #ffe2ff;
color: #ff00ff;
overflow: hidden;
margin:0 10px 20px;
/*margin-bottom: 20px;*/
font-weight: bold;
padding: 15px 0;
}
.button::before, .button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button:hover {
color: #fff;
text-decoration:none;
background-color: #ff00ff;
border: 1px solid #ff00ff;
}
.button::after {
top: -100%;
width: 100%;
height: 100%;}

.button:hover::after {top: 0;}


.button_g {
display: inline-block;
max-width: 240px;
width:100%;
height: auto;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 1px solid  #d1fad1;
border-radius:30px;
background: #d1fad1;
color: #00a800;
overflow: hidden;
margin:0 10px 20px;
/*margin-bottom: 20px;*/
font-weight: bold;
padding: 15px 0;
}
.button_g::before, .butto_g::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button_g:hover {
color: #fff;
text-decoration:none;
background-color: #00ff00;
border: 1px solid #00ff00;
}
.button_g::after {
top: -100%;
width: 100%;
height: 100%;}

.button_g:hover::after {top: 0;}




.button_b {
display: inline-block;
max-width: 240px;
width:100%;
height: auto;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 1px solid   #E0F7FF;
border-radius:30px;
background: #E0F7FF;
color: #0089FF;
overflow: hidden;
margin:0 10px 20px;
/*margin-bottom: 20px;*/
font-weight: bold;
padding: 15px 0;
}
.button_b::before, .butto_b::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button_b:hover {
color: #fff;
text-decoration:none;
background-color: #0045FF;
border: 1px solid #0045FF;
}
.button_b::after {
top: -100%;
width: 100%;
height: 100%;}

.button_b:hover::after {top: 0;}




.button_no {
display: inline-block;
max-width: 240px;
width:100%;
height: auto;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 1px solid  #e8e8e8;
border-radius:30px;
background: #e8e8e8;
color: #6d6d6d;
overflow: hidden;
margin:0 10px 20px;
/*margin-bottom: 20px;*/
font-weight: bold;
padding: 15px 0;
pointer-events: none;

}

.button_no::before, .butto_no::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
/*.button_no:hover {
color: #fff;
text-decoration:none;
background-color: #0045FF;
border: 1px solid #0045FF;
}*/
.button_no::after {
top: -100%;
width: 100%;
height: 100%;}

.button_b:hover::after {top: 0;}



.button_p {
display: inline-block;
max-width: 600px;
width:100%;
height: auto;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
border: 1px solid   #ff00ff;
border-radius:30px;
background: #fff;
color: #ff00ff;
overflow: hidden;
margin:0 10px 20px;
/*margin-bottom: 20px;*/
font-weight: bold;
font-size:16px;
padding: 20px 0;
}
.button_p::before, .butto_p::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button_p:hover {
color: #fff;
text-decoration:none;
background-color: #ff00ff;
border: 1px solid #ff00ff;
}
.button_p::after {
top: -100%;
width: 100%;
height: 100%;}

.button_p:hover::after {top: 0;}




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

.button, .button_b, .button_no,.button_p {
display: inline-block;
max-width: 85%;
width:85%;
margin:0 4px 20px;


}







/*----------------------------------------------------------------------------------------------------------------------
under 767px sp
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
/*-----------------------------------blockÒªËØ*/
.ContentsBlock {
max-width: 100%;
}
.textBlock {
width: 90%;
margin: 20px auto 45px;
/*		padding-top: 15px;*/
}
#access h3 {
margin-bottom: 20px;
}
#access .cont {
margin-bottom: 50px;
}
.left, .right {
float: none;
margin: 0 auto 50px;
display: block;
}
/*-----------------------------------header*/
header h1 {
width: 85%;
}
#slider li {
max-height: 220px; /*¸ß¤µ¤ÎÖ¸¶¨*/
}

/*-----------------------------------h¥¿¥°*/

h2 {
width: 90%;
}
h2.schdule {
font-style: 1.7rem;
/*		font-weight: bold;
*/		width: 90%;
padding: 25px 0 25px;
line-height: 1.5;
text-align: center;

}

h2.contents_title{
font-size:3rem;
}

/*-----------------------------------menu */


.submenu_inner{
width:100%;
}

.acordion ul{
overflow: hidden;
width:100%;
margin:0 auto 30px;
}

.acordion ul li {
font-weight: bold;
width: 50%;
text-align: center;
float:left;
border-bottom:1px solid #fff;
border-box:box-sizing;
}

.acordion ul li a{
font-size: 14px;
}

.acordion ul li:first-child,
.acordion ul li:nth-child(2){
border-top:1px solid #fff;
}

.acordion ul li:nth-child(odd){
border-right:1px solid #fff;
}


.menu_logo img{
width:30%;
margin:0 auto 50px;
}

.menu_iamas img{
width:20%;
max-width:40px;
display:block;
margin:30px auto 0;
clear:both;
}





/*-----------------------scrolltop */
#back-top {
bottom: 2%;
right:1.9%;
}
#back-top span {
width: 30px;
height:40px;
display: block;
}





/*-----------------------pc - mobile */

.pc {display: none;}

.sp {display: block;}


}



/*----------------------------------------------------------------------------------------------------------------------
768-1024 ipad
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1024px) {


.flex{
display: flex;
flex-wrap : wrap;
justify-content:space-between;
}



/*-----------------------pc - mobile */

.pc {display: none;}

.sp {display: block;}

}



/*----------------------------------------------------------------------------------------------------------------------
over 1024px
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1024px) {




/*-----------------------------------text*/
div.notice br{display: none;}


/*-------------------consultation*/

h5.c_title{
font-size:14px;
background-color:#eee;
text-align: center;
display: block;
width:100%;
padding:10px 0;
margin-bottom:15px;

}

table.consultation{width:100%; font-size:13px; margin-bottom:45px;}

table.consultation tr{border-bottom: dotted 1px #cbcbcb;}

table.consultation td{padding:20px 10px 20px 10px;}

table.consultation td.c_time{
width:28%;
text-align: center;
border-right: dotted 1px #cbcbcb;
}	

table.consultation td.c_time br{    display: none;}

table.consultation td ul li{margin-bottom:3px;}





/*-------------------exhibit*/

.flex{
display: flex;
flex-wrap : wrap;
justify-content:space-between;
word-break: break-word ;
}


}



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

.title{
float: none;
margin-top:20px;
margin-bottom: 20px;
text-align: center;
width: 100%;
max-width: 100%;
}

}