@charset "UTF-8";

/*@import url("./pc.css");
@import url("./smart.css");
*/

@font-face {
	font-family: 'Raleway';
	src: url('./fonts/Raleway-v4020-Regular.otf');
}

@font-face {
	font-family: 'mgen';
	src: url('./fonts/mgenplus-1c-regular.ttf');
}

/* ========BASIC======== */
html {
  overflow-y:scroll;
  font-size:10px;
}

body {
  margin:0;
  padding:0;
  font-size: 1.3rem;
  line-height:1.6;
  letter-spacing:1px;
  font-family: mgen,'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
  color:#4a4a4a;
  -webkit-text-size-adjust: 100%;
  vertical-align: middle;
}

h1,h2,h3,h4,h5,h6{
  clear: both;
}

h2,h6{
  font-weight: bold;
}

h1,h3,h4{
	font-weight: normal;
}

a{
  outline: none;
}

a,a:hover,a:visited{
  text-decoration:none;
  color: #4a4a4a;
}

i{
  line-height: 1.0;
}

br {
  letter-spacing:normal;
}

img {
  border:0;
  vertical-align:bottom;
}

p,ul,li,div,dl,dd,dt{
  margin: 0;
  padding: 0;
}

ul{
  list-style: none;
}

table {
   width:100%;
   border-collapse:collapse;
   background: #fff;
   text-align: center;
	 line-height: 2.0;
}


th{
  font-size: 12px;
  border:1px solid #666;
}

td {
  font-size: 12px;
  border:1px solid #aaa;
}

textarea,input{
	-webkit-appearance: none;
	margin: 0;
}

.hide{
}

.ml0{
	padding-left: 0 !important;
	margin-left: 0 !important;
}

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

#contents {
  display: none;
  background: #fff;
}

main {
  position: relative;
  float:left;
}

#sub {
  position: relative;
}

#showMore{
  text-align:center;
  font-size:11px;
  clear: both;
  display: none;
}

/*twitter,galleryのload*/
.contentsLoading{
  margin: 70px auto 50px;
}

/*Pageのload*/

#loading,.contentsLoading{
  color: #4a6fcc;
  font-size: 50px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ml{
}

.mb{
  margin-bottom: 15px;
}

/*=====TITLE=====*/

/*一番mainのtitle↓*/

main h2{
  position: relative;
  font-size: 1.5rem;
  line-height: 1.0;
  padding: 0 0 0.5rem 3rem;
  color:#666;
  text-align: left;
  font-family: Raleway;
	border-bottom: 1px solid rgba(68,102,187,.3);
}

main h2::first-letter{
	color: #46b;
}

main h2:after{
	content:"";
	display:block;
	width:30%;
	border-bottom:1px solid rgba(68,102,187,.7);
	position:absolute;
	bottom:0;
	left: 0;
	margin-bottom:-1px;
}
/*=====header=====*/
header {
  background: #fff;
  position:fixed;
  z-index:100;
  top:0;
  left:0;
  padding: 20px 0 15px;
}

header h1 {
	font-size: 0;
  line-height:1.0;
  position: relative;
  padding: 0;
	font-family: Raleway;
	text-align: center;
}

header h1 a div div::first-letter, header h1 a:hover div div::first-letter, header h1 a:visited div div::first-letter{
  color: #46b;
}

header h1 a ,header h1 a:hover,header h1 a:visited{
  color: #4a4a4a;
}

header h1 a > div{
	display: inline-block;
	clear: both;
}

header h1 div div{
	letter-spacing: 0.3rem;
	font-size: 2.5rem;
	height: 3rem;
	line-height: 3rem;
}
header h1 div span{
	font-size: 1.3rem;
	letter-spacing: 0.6rem;
}

header h1 img{
	width: 4rem;
	height: auto;
}

header ul{
  margin: 0;
  padding: 0;
  display: block;
  border: none;
  text-align: center;
  width: 100%;
  height: auto;
}

header ul li{
  position: relative;
}

header ul li a {
  outline:none;
	font-family: Raleway;
}
#button,#close{
}

/*=====footer=====*/
footer{
  clear: both;
}

.footermenu{
	margin: 0 auto;
	text-align: center;
}

.footermenu a{
	margin: 0 1.5rem;
}

.footermenu a:before{
	display: inline-block;
	text-align: center;
	font-variant: normal;
	width:3rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 100%;
	transition: all 0.3s ease-out 0s;
	font-size: 1.7rem;
}

.footermenu a[href*="twitter.com"]::before{
	font-family: 'Font Awesome 5 Brands';
	content: '\f099';
}

.footermenu a[href*="contact"]::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f0e0';
}

.footermenu a[href*="login"]::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f2f6';
}
.footermenu a[href="https://game.nmuttc.com/"]::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f015';
}

small{
  font-style: normal;
  font-size: smaller;
}


/*=====MAIN BASE=====*/
main a.in{
  text-decoration:underline;
}

main ul{
  margin-bottom: 1em;
}

/*=====FLEX BASE=====*/
.flexList{
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  -webkit-justify-content:flex-start;/*--- safari（PC）用 ---*/
  justify-content:space-around;
  flex-wrap: wrap;
}

form {
  clear: both;
  border: none;
  overflow: auto;
  margin-bottom: 1.5rem;
}

form input + label,form select + label{
    margin-top: 1rem;
}


.coLabel {
  display: inline-block;
	font-family: Raleway;
}

.coBox{
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #666;
}

input:focus, textarea:focus {
  border-color: #ccc;
}

textarea.coBox {
  vertical-align: top;
  resize: vertical;
}

button{
  background: #4A6FCC;
  padding:0.5rem;
  color: #fff;
  border-style: none;
  clear: both;
}

.contact {
  margin-top: 1.5rem;
  height:3rem;
}

input[type="file"]{
  border-style: none;
}


.contact a{
  background: #4a6fcc;
  padding:0.5rem 2rem;
  border-style: none;
  border-radius: 2.5px;
  font-size: 12px;
}

#formMessage{
  color:#c00;
  text-align: center;
  margin:0;
}

.contact a,.contact a:hover,.contact a:visited{
  color: #fff;
}
/*↑ここまで*/

/*=====THANKS,ERROR=====*/
#message{
  margin-top: 1.5rem;
  font-size:20px;
  font-weight: bold;
  text-align: center;
}

#message p{
  font-size: 13px;
  font-weight: normal;
  margin-top: 15px;
}

/*=====others=====*/

/*=====accountingpage=====*/
#id{
	display: none;
}

.predata{
	display: none;
}

ul.tab_all{
	width: 100%;
	margin: 0;
}

ul.tab_all li{
	width: 33%;
	margin-right: 0.5%;
}

ul.tab_all li:last-child{
	margin-right: 0;
}

ul.tab_all,ul.tab_all li{
	float: left;
}

ul.tab_all li a{
	text-decoration: none;
	display: block;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	color: #fff;
}

.tab1{
	background: #46b;
}

.tab2,.tab3{
	background: rgba(68,102,187,.5);
}

.tabcontents{
	clear: both;
	width: 100%;
	height: auto;
	overflow: auto;
	border: 1px solid #46b;
	padding: 5px;
	box-sizing: border-box;
}

#tab2,#tab3{
	display: none;
}

.settingsTable input[type="text"]{
	width: 80%;
	margin: 5px 0;
}

.treasure{
  width: 70%;
  margin-top:1.5rem;
  margin-left: 15%;
}

.treasure div.nmu_member{
  color:#46b;
}

.treasure div  div{
  display: inline-block;
  width: 42.5%;
  border-bottom:1px solid #e8e8e8;
}

.treasure div  div:first-of-type{
  float: left;
  margin-left: 5%;
}

/* =======対照表 ======= */

#university1,#university2{
	width: 55%;
	margin: 2rem 0;
}


/* ========GAME======== */
#tabcontrol{
	margin-top: 2rem;
}

#tabcontrol a {
  display: inline-block;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #46b;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 0.75rem 1rem;
  text-decoration: none;
  background: #fff;
  font-weight: bold;
  position: relative;
}

#tabcontrol a:nth-child(4) ,#tabcontrol a:nth-child(5) ,#tabcontrol a:nth-child(6),
#tabcontrol a:nth-child(4):hover ,#tabcontrol a:nth-child(5):hover ,#tabcontrol a:nth-child(6):hover,
#tabcontrol a:nth-child(4):visited ,#tabcontrol a:nth-child(5):visited ,#tabcontrol a:nth-child(6):visited{
	color: #b33;
}

#tabcontrol a,#tabcontrol a:hover,#tabcontrol a:visited{
  color: #46b;
}

#tabbody>div {
  border: 1px solid #46b;
  margin-top: -1px;
  padding: 1rem 2rem;
  background: #fff;
  position: relative;
  z-index: 0;
}

#tabbody>div p{
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #e8e8e8;
}

#tabbody>div p:last-child{
  border: none;
}

#select_table{
  line-height: 2.5rem;
  height:2.5rem;
}

#select_show{
  z-index: 200;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}

#select_show table{
  width: 92%;
  margin: 2rem 4%;
}

#select_show table tr td:first-child{
  width: 3rem;
}

.gray{
  background: rgba(102,102,102,0.6);
}

.game{
  width: 92%;
  margin: 2rem 4%;
}

.game td{
  line-height: 2.5rem;
  height:2.5rem;
}

#gameNo{
  display: none;
}

.tableNo{
  width: 3.5rem;
  color:#46b;
  font-weight: bold;
}

.no{
  width: 3.5rem;
}

.gamePoint,.gamePoint input{
  width: 1.5rem;
}

.gamePoint input{
  border: none;
	background: #fff;
	text-align: center;
}

.gamePointCenter{
  width: 2.0rem;
}

.noT{
  border-top:none;
}

.noB{
  border-bottom:none;
}

.noR{
  border-right:none;
}

.noL{
  border-left:none;
}

.linkmother{
  overflow: auto;
}

.linkchild{
  text-align: left;
  float: left;
}

.linkcontents{
  margin-left: 1rem;
}

.linkcontents{
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
}

.linkcontents:before{
  font-family: "Font Awesome 5 Free";
  content: '»';
  font-size: 1.3rem;
  position: absolute;
  left: 0;
  top:0;
}

.signout h4::before{
  content: '\f2f5' !important;
}

.user h4::before{
	content:'\f4fe' !important;
}

h4{
  position: relative;
  padding-left: 1.8rem;
  margin: 0;
  color: #46b;
}

main h4::before{
  position: absolute;
  top:0;
  left:0;
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
  font-size: 1.3rem;
  color: #46b;
}

.linkmother .linkchild:first-child h4::before{
  content:'\f015';
}

main .touse{
  counter-reset: number;
}

main .touse p{
	color: #46b;
}
main .touse div{
	padding:0 1.5rem;
	margin-bottom: 2.0rem;
}
main .touse p::before {
	counter-increment: number;
	content: counter(number) ".";;
	padding-right: 0.5rem;
	margin-left: 1rem;
}

.button{
  background: #46b;
  border-style: none;
  border-radius: 2.5px;
	float: left;
	margin-bottom: 1.5rem;
}

.button a{
	text-align: center;
	display: inline-block;
	width: 100%;
  font-size: 1.5rem;
	color: #eee;
}

@media screen and (min-width: 1025px){

	/* ========BASIC======== */

  body {
    cursor: auto;
  }

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

  #contents {
    padding-top: 124.8px;
    width: 100%;
  }

  main {
    width:57%;
    padding: 30px 5% 15px;
  }

  #sub {
    float:right;
    width:28%;
    padding: 30px 5% 15px 0;
    margin:0;
    background:#fff;
  }

  /*twitter,galleryのload*/

  /*Pageのload*/
  #loading{
    margin: 195px auto 70px;
  }

  .smart{
    display:none;
  }

  .ml{
    margin-left: 5px;
  }

  /*=====TITLE=====*/

  /*一番mainのtitle↓*/

  main h2{
    margin: 15px 0;
  }

  /*↑ここまで*/

  /*sub contentsのtitle*/
  #sub h6{
    margin:1.5rem 0 31.6px 0;
    position: relative;
    background: #fff;
    color:#46b;
    font-size: 1.4rem;
    padding: 0 0 0.325rem 2.5rem;
    height: 1.3rem;
    line-height: 1.0;
    border-bottom: 1px solid #46b;
  }

  #sub h6:before{
    font-family: FontAwesome;
    content: "\f138";
    color:#46b;
    position: absolute;
    font-size:  1.4rem;
    top:0;
    left:0.25rem;
  }

	/*=====header=====*/
  header {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e8e8e8;
  }

  header h1 {
	  margin: 0 auto 1.5rem;
  }

	header h1 a div{
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
	}
	header h1 a:hover div{
		opacity: 0.7;
	}

  header ul{
  }

  header ul li{
    letter-spacing: 1px;
    display: inline-block;
  }

  header ul li{
    background: transparent;
    text-align: center;
    font-weight: bold;
    padding: 0;
    margin: 0 10px;
    border-bottom: 3px solid #fff;
  }

  header ul li a , header ul li a:visited{
    line-height: 1.5;
    color: #666;
		transition: all 0.2s ease-out 0s;
  }

	header ul li:hover a,header ul li.activeMenu a{
		line-height: 1.5;
		color: #46b;
	}

	header ul li:before{
		background-color: #46b;
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 0;
		margin: auto;
		height: 1px;
		transition: all 0.2s ease-out 0s;
	}

	header ul li:hover:before,header ul li.activeMenu:before{
		width: 100%;
	}

  #button,#close{
    display: none;
  }

  /*=====footer=====*/
  footer{
    z-index: 150;
    background: #fff;
    padding:15px 0;
    border-top: 1px solid #e8e8e8;
  }

	.footermenu{
		padding: 1.2rem 0;
	}

	.footermenu a:before{
		background: #81cddb;
		color: #F4FAFF;
	}

	.footermenu a:hover:before{
		background: #46b;
		color: #F4FAFF;
	}

  small{
    line-height:4.0;
  }

  footer .footer_copy{
    text-align: center;
    color:#666;
  }


  /*=====THANKS,ERROR=====*/
  #message{
  }

  .linkmother{
    width: 100%;
  }

  .linkchild{
    width: 33.333%;
  }
  .linkchild:nth-of-type(3n) ul,.linkchild:nth-of-type(3n+2) ul{
    min-height: 7.5rem;
  }

	.button{
		margin-left: 4%;
		width: 44%;
		height: 4rem;
	}

	.button a{
		line-height: 4rem;
	}
	form {
    width:100%;
    padding: 2%;
    box-sizing: border-box;
  }
  .mailLeftRegion{
    width:48%;
    float: left;
  }

  .mailRightRegion{
    padding-left: 52%;
  }

  .coLabel,.coBox{
    width: 100%;
  }
  .coLabel{
    text-align: left;
  }

  button{
    width: 20%;
    float: right;
  }

  .contact {
	float: right;
  }

}

@media screen and (max-width:1024px){
	/* ========BASIC======== */
	body {
		overflow-x: hidden;
		cursor: pointer;
	}

	/*linkタップ時の色消し*/
	body{
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}

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

	#contents {
		width:100%;
		padding-top:56px;
	}

	main {
		width:100%;
		padding: 1.5rem 0;
	}

	#sub {
		float:left;
		width:100%;
		padding: 0 0 2rem;
		background: #f4faff;
		border-top:1px dashed rgba(67,102,187,0.5);
	}

	/*twitter,galleryのload*/

	/*Pageのload*/
	#loading{
		margin: 126px auto 70px;
	}

	.pc{
		display: none;
	}

	.ml{
		margin-left: 4%;
	}

	/*=====TITLE=====*/

	/*一番mainのtitle↓*/
	main h2{
		margin: 0 0 15px;
	}

	/*↑ここまで*/

  /*sub contentsのtitle*/
  #sub h6{
    position: relative;
    width: 100%;
    text-align: center;
    padding: 1rem  0;
    margin:0 0 3rem;
    line-height: 1.0;
    font-size: 14px;
    background:#46b;
    color: #fff;
    font-size: 1.4rem;
  }

  #sub h6:before{
    content: "";
    position: absolute;
    top: 0;
    left: 4%;
    width: 92%;
    height: 3.4rem;
    box-sizing: border-box;
    border-right :3px solid rgba(222,222,255,.3);
    border-left :3px solid rgba(222,222,255,.3);
    z-index: 3;
  }

  #sub h6:after{
    content: "";
    position: absolute;
    top: 100%;
    left:-30px;
    height: 0;
    width: 0;
    border: 15px solid transparent;
    border-top: 15px solid #46b;
  }

	/*=====header=====*/
	header {
		width:100%;
		padding:5px 0 0;
		border-bottom: 1px solid #e8e8e8;
	}

	header a:hover,header a:visited{
		color: #666;
	}

	header h1 {
		margin: 0.25rem auto;
	}

	header ul{
		margin-top: 9px;
		height: 0;
		overflow: hidden;
		transition: height .4s ease;
		-webkit-transition: height .4s ease;
	}

	header ul li:first-child{
		border-top: 1px solid #e8e8e8;
	}
	header ul li{
		width: 100%;
		border-bottom: 1px solid #e8e8e8;
		background: #fff;
	}

	header ul li a{
		font-weight: bold;
		display: inline-block;
		width: 100%;
	}

	header ul li a,header ul li a:hover,header ul li a:visited{
		color: #666;
	}

	#button,#close{
		display: block;
		position: fixed;
		right:3%;
		top:1rem;
		padding: 1.5rem 3%;
		z-index: 150;
		width: 3.5rem;
		height: 3.5rem;
		color: #4a6fcc;
	}

	#button,#close,
	#button span,#close span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}

	#button span,#close span {
		position: fixed;
		right: 5%;
		width: 2.5rem;
		height: 0.4rem;
		background: #4a6fcc;
	}
	#button span:nth-of-type(1),#close span:nth-of-type(1) {
		top: 1.75rem;
	}
	#button span:nth-of-type(2),#close span:nth-of-type(2) {
		top: 2.55rem;
	}
	#button span:nth-of-type(3),#close span:nth-of-type(3) {
		top: 3.35rem;
	}

	#close span:nth-of-type(1) {
		-webkit-transform: translateY(0.8rem) rotate(-45deg);
		transform: translateY(0.8rem) rotate(-45deg);
	}
	#close span:nth-of-type(2) {
		opacity: 0;
	}

	#close span:nth-of-type(3) {
		-webkit-transform: translateY(-0.8rem) rotate(45deg);
		transform: translateY(-0.8rem) rotate(45deg);
	}

	#headerTwitterIcon{
		position: fixed;
		right:3%;
		z-index: 150;
		padding: 0.25rem 2%;
		top:1rem;
	}

	#headerTwitterIcon i{
		font-size: 3rem;
		color: #46b;
	}
	/*=====footer=====*/
	footer{
		color: #fff;
		background: #46b;
		font-size:12px;
		width: 100%;
		margin: 0;
		float: left;
	}

	.footermenu{
		padding: 1.5rem 0 0.5rem;
	}

	.footermenu a:before{
		background: #4a6fcc;
		color: #eaeaea;
	}


	footer a,footer a:hover,footer a:visited{
		color: #fff;
	}

	small{
		line-height: 4.0;
	}


	footer .footer_copy{
		text-align: center;
	}

  /*=====MAIN BASE=====*/
  main a.in{
  }

  /*=====FLEX BASE=====*/
  .flexList{
  }

  /*=====PAGE TOP=====*/
  #pageTop {
    bottom:1rem;
  }

  /*=====THANKS,ERROR=====*/
  #message{
  }

  .linkmother{
    width: 92%;
    margin: 0 auto;
  }

  .linkchild{
    width: 100%;
  }

	.button{
		margin-left: 5%;
		width: 90%;
		height: 3rem;
	}

	.button a{
		line-height: 3rem;
	}

	form {
    width: 92%;
    padding:1rem 0 0;
    margin-left: 4%;
  }

  form div+div,form select + label + textarea{
    margin-top: 1rem;
  }

  .coLabel{
    width: 25%;
    text-align: right;
  }

  .coBox{
    width: 70%;
  }


  button{
    width:30%;
  }

  .contact{
    padding-left: 0.65rem;
    margin-left: 25%;
  }

}