@charset "UTF-8";

body,h1,h2,h3,h4,p,ul,ol{
  margin: 0;
  padding: 0;}

ul,li {list-style: none;}

a{text-decoration: none;}

* {box-sizing: border-box;} /* paddingとborderを幅と高さに含める */

body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
  line-height: 1.8;
  color: #444;}
body{background-color: #014CC4;}
header{display: flex; width: 100%; background-color: #e24e42; box-shadow: 0 0 5px 3px #555; position: fixed; z-index: 10;}
header a{font-size: 50px; color: #fff;}

.about{background-color: #e9b000; color: #fff; width: 1200px; height: 200px; margin: 0 auto; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.425); position: relative; top: -600px;}
.about h2{text-align: center; font-size: 50px;}
.about p{text-align: center; font-size:25px; border-bottom: dashed 2px #fff;}

.button{background-color: #e9b000; color: #fff; width: 800px; height: 120x; margin: 0 auto; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.425); position: relative; top: -500px;
text-align: center; font-size: 30px;}
.button a:hover{opacity: 0.6;}
.button a{color: #008f95;}

footer{text-align: center; color: #eb6e80;}


.shindan_back{background-color: #F3EAE3; width: 100%;}
.shindan_main{padding: 100px;}
.shindan_card{margin: 80px auto; width: 1200px; background-color: #e9b000; padding: 50px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.425);}
.shindan_card h2{border-bottom: dashed 2px #008f95;}


.level{width: 800px; margin: auto; text-align: center; display: flex;}
.level p{width: 120px; margin: auto; color: #fff;}
.lavel_foam{width: 800px; margin: auto; text-align: center;}
.lavel_foam input{width: 120px;}

.submit{margin: auto; width: 800px; text-align: center;}
.submit input{font-size: 50px; color: #fff; background-color: #008f95; border-radius: 30px; width: 700px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.425);}
.submit input:hover{opacity: 0.6;}


.result{margin: 80px auto; width: 1200px; background-color: #e9b000; padding: 50px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.425); position: relative; top: -800px; text-align: center; font-size: 50px; color: #fff;}
.result h2:first-child{text-align: left; font-size: 30px;}