@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width: 640px) {
/* メインコンテンツ */
body {
  	font-family:Noto Sans Japanese,Yu Gothic,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,Arial,Helvetica,Verdana;
  	letter-spacing: 0.12em;
  	line-height: 2em;
  	font-weight: 900;
}



main {
    background-image: url(../images/background_imgg.png);
    background-repeat: repeat;
    background-size: 28px;
}
main section {
    margin: 0 auto;
    padding-top: 57px;
    padding-bottom: 20px;
}
main section #whiteboard {
    width: 320px;
    margin: 20px auto 0px auto;
    padding-top: 20px; padding-bottom: 0px;
}
#formWrap {
    background: white;
    width: 300px;
    margin: -17px auto 0px auto;
  	letter-spacing: 0.12em;
  	color:black;
  	font-size:100%;
  	font-family: Noto Sans Japanese,Yu Gothic,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,Arial,Helvetica,Verdana;
  	font-weight: 600;
}

#whiteboard h3 {
    font-family: "Raleway";
  	text-align: center;
  	font-size: 2.5em;
}
main section #whiteboard #formWrap h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
    padding: 40px 30px 0px 30px;
}
#formWrap p {
    padding: 20px 30px 20px 30px;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}
#formWrap hr {
    width: 270px;
    border: 0.1px solid lightgray;
}
#formWrap #attention {
    padding: 20px 20px 40px 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}
table.formTable {
    width: 270px;
  	margin:0 auto;
  	border-collapse: collapse;
}
.formTable tr {
    /*border-right: 2px solid gray;
    border-left: 2px solid gray;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;*/
}
.formTable #tr_top {
    /*border-top: 2px solid gray;
    border-bottom: 1.5px solid gray;*/
}
.formTable #tr_bottom {
    /*border-bottom: 2px solid gray;*/
}
table.formTable tr {
  display: inline-grid;
  width: 270px;
}
table.formTable th {
    /*background: lightgray;*/
    line-height: 1.0;
    font-size: 14px;
    font-weight: 600;
    font-family: Noto Sans Japanese,Yu Gothic,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,Arial,Helvetica,Verdana;
    padding: 10px 10px;
}
table.formTable td {
    /*background: #f3f3f3;*/
    line-height: 1.2;
    font-size: 14px;
    font-weight: 600;
    font-family: Noto Sans Japanese,Yu Gothic,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,Arial,Helvetica,Verdana;
    padding: 10px 10px;
}

.koumoku {
  	text-align: left;
}
.formTable tr .ichigyou {
    vertical-align: middle;
}

#check_button p {
  padding: 75px 30px;
}

#check_button p input {
  	font-size: 16px;
    background: white;
    color: black;
  	font-family:Noto Sans Japanese,Yu Gothic,Hiragino Kaku Gothic Pro,Osaka,Meiryo,MS PGothic,Arial,Helvetica,Verdana;
  	font-weight: 900;
    padding: 5px 15px;
    border: 2px solid black;
}
/*#check_button p input:hover {
	background: black;
	color: white;
}*/
/* 「性別」、「サイトを知ったきっかけ」の文字の設定 */
.check_fonts {
    font-weight: 400; 
}

/* 入力欄の枠、文字の設定 */
.formTable tr td input {
    vertical-align: middle;
    border: solid 1px black;
    line-height: 1.5;
    font-size: 14px;
}
.formTable tr td textarea {
    border: solid 1px black;
    line-height: 1.5; 
    font-size: 14px;
    vertical-align: middle;
}
.inputWidth input {
    width: 100%;
}
.textareaWidth textarea {
    width: 100%;
}
#koumoku_seibetsu_forsp {
  display: inline-flex;
}
#koumoku_seibetsu_forsp input {
  width: 10%;
}
#koumoku_kikkake_forsp {
  display: inline-table;
}
#koumoku_kikkake_forsp input {
  width: 10%;
}
#footermenu_for_sp {
    display: block;
    background-image: url(../images/background_imgg.png);
    background-repeat: repeat;
    background-size: 28px;
    margin: 0 auto;
    padding-bottom: 10px;
    font-size: 12px;
}
.only_pc_contents {
  display: none;
}
.only_sp_contents {
  display: block;
}
}