@charset "utf-8";
@import "../tpcss/mp.css";

body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	color: #333333;
	background-color: #fff;
	overflow-x: hidden;
}

section{margin-top: 40px;
text-align: justify;
text-justify: inter-ideograph;
}
.peatix1{margin:20px auto;text-align: center;width: 160px;}
.peatix1 img{border: solid #999 1px;width: 100%;}
.flyerimg img{border: solid #e6e6e6 1px;width: 100%;}

.underconstruction{text-align: center;color: #EA5539;padding: 100px 0px;font-size: 2.5em;font-weight: 700;}

.jiten-text{font-size: 0.8em;text-align: right;margin-top: 20px;
}
.peatix-tyuui{font-size: 0.9em;text-align: center;margin-bottom: 5px;
}

.akawaku{border: solid #E50012 2px;padding:10px 30px 10px 30px;color:#E50012;}

/*------fontゴシック------*/
.font-Noto,section,nav{font-family: 'Noto Sans JP', sans-serif;}
/*------font英数------*/
.font-cabin{font-family: 'Cabin', sans-serif;}
/*------font明朝------*/
address,#copy{font-family: 'Noto Serif', serif;}





/*------bold------*/
.f-700,nav,.mecha-text{
	font-weight: 700;
}
.f-500{
	font-weight: 500;
}
.f-400{
	font-weight: 400;
}
.font-big{font-size: 1.2em;}
.font-08,.btn1-eng{font-size: 0.8em;}
.font-05{font-size: 0.5em;}

/*------年度メインカラー------*/
h1,footer,.flex-top6-c1 i,.booth-no,.mecha-text,.main-c,.btn-4-title{color:#534685;}
header{background-color:#534685;}
h1{border-color:#534685;}

/*------年度メインカラーうすめ------*/
nav,#section-1,footer{background-color:#E2E6F3;}


/*------赤------*/
h2,.syusititle,.red{color:#EA5539;}


/*-----イメージオーバー------*/
.hover-style img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.hover-style img:hover {
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/*-----ボタン------*/
.btn-1 a .btn-color,.btn-2 a .btn-color{
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 0px;
  -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;
  text-align: center;
  border: solid 1px;
  background:  #EA5539;
  font-weight: 500;
  color: #fff;
  text-decoration:none!important;
}
.btn-1 a:hover .btn-color,.btn-2 a:hover .btn-color{
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 0px;
border: solid 1px #EA5539;
color: #EA5539;
font-weight: 500;
background: #fff;
text-decoration:none!important;
}



.btn-3 a .btn-color,.btn-4 a .btn-color{
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 0px;
  -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;
  text-align: center;
  border: solid 1px;
  background:  #fff;
  font-weight: 500;
  border: solid 1px #534686;
  color: #534686;
  text-decoration:none!important;
}
.btn-3 a:hover .btn-color,.btn-4 a:hover .btn-color{
  padding-top: 7px;
  padding-bottom: 10px;
  border-radius: 0px;

color: #fff;
font-weight: 500;
background: #534686;
text-decoration:none!important;
}
/*------link------*/
a{
	font-style: normal;
	text-decoration:underline;
      -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;
  color:#333333;
}
a:visited{
	font-style: normal;
	text-decoration:underline;
	  color:#333333;
}
a:hover{
	text-decoration: underline;
	color:#F39800;
}
a:active{
	text-decoration: underline;
	  color:#333333;
}
footer a{
	font-style: normal;
	text-decoration:none;
      -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;
color:#534686;
}
footer a:visited{
	font-style: normal;
	text-decoration:none;
	color:#534686;
}
footer a:hover{
	text-decoration: underline;
	color:#534686;
}
footer a:active{
	text-decoration: underline;
color:#E2E6F3;
}

.flex-list a{
	font-style: normal;
	text-decoration:none;
color:#333;
}
.flex-list  a:visited{
	font-style: normal;
	text-decoration:none;
	color:#333;
}
.flex-list  a:hover{
	text-decoration:none;
	color:#333;
}
.flex-list  a:active{
	text-decoration:none;
color:#534686;
}


/*------位置の共通化------*/
ol{
	padding:0px;
	list-style-type: decimal;
	list-style-position:outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
ol li{
	margin-left: 10px;
}
ul{
	padding:0px;
	list-style: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
ul li{
	margin-left: 10px;
}
p{
	margin:  0em;
	text-indent: 0em;
}

/*------文章1行目からおとす-----*/
.indent-1{
padding-left: 1em; 
}

/*------文章2行目からおとす-----*/
.mark05{
padding-left: 0.5em; 
text-indent: -0.5em; 
}
.mark{
padding-left: 1em; 
text-indent: -1em; 
}
.mark15{margin-left: 1.5em; 
text-indent: -1.5em; 
}
.mark2{
padding-left: 2em; 
text-indent: -2em; 
}
.mark25{
padding-left: 2.5em; 
text-indent: -2.5em; 
}
.mark3{
padding-left: 3em; 
text-indent: -3em; 
}
.mark35{
padding-left: 3.5em; 
text-indent: -3.5em; 
}
.mark4{
padding-left: 4em; 
text-indent: -4em; 
}
.mark5{
padding-left: 5em; 
text-indent: -5em; 
}
.afterclear{
    zoom:1;/*for IE 5.5-7*/
}
.afterclear:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clear{
	clear: both;
	width: 100%;
    height: 0;
	visibility: hidden;
} 

.png{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*------img------*/
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*------table------*/
table{
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border: 1px solid #ccc;
}

th{
	font-weight: normal;
	border: 1px solid #ccc;
padding: 10px;
}
td{
	color: #333333;
	border: 1px solid #ccc;
padding: 10px;
}

.sch-table table th{
	vertical-align: middle;
	text-align: center;
}
.sch-table table td{
	text-align: center;
vertical-align: middle;
}
.t-bg1{background-color: #FBE5D6;}
.t-bg2{background-color:#E2EFD9;}



/*------align------*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
caption{display:none}
address {
font-style:normal;
font-weight: 700;
}