@charset "UTF-8";

.clear{clear: both;}
h1,h2,h3{ margin: 0; padding: 0; font-weight: normal; line-height: normal; display: inline-block; text-decoration: none;}
a{ text-decoration: none;}
a:hover{ opacity: 40%;}



body {
	margin:0;
	padding:0;
	font-size:14px;
	background: url(../images/background.png) repeat-y top center #f2f2f2; 
	text-size-adjust: none;
}
@media screen and (max-width: 1000px) {
body {
	margin:0;
	padding:0;
	font-size:12px;
	background: url(../images/background.png) repeat-y top center #f2f2f2;
	background-size: 120%;
	text-size-adjust: none;
}
}


/* header 
---------------------------------------- */
#header{ width: 100%; position: sticky; top:0; left:0; background: #fff; display: block; border-top: 10px solid #f00; z-index: 3;}
#header h1{ display: none;}
#header .logo{ width: 100px; margin: 20px 20px 20px 20px; display: inline-block;}
#header .logo_kensyu{ width: 150px; margin: 20px 0; display: inline-block;}
@media screen and ( max-width: 1000px) {
#header .logo{ width: 100px; margin: 20px 10px; display: inline-block;}
#header .logo_kensyu{ width: 150px; margin: 20px 10px; display: inline-block;}
}

/* menu 
---------------------------------------- */
#menu_mobile{ display: none;}
#menu_pc{ margin: 20px; text-align: right; float:right;}
#menu_pc .btn { margin-left: 50px; display: inline-block;}
#menu_pc .btn a {color: #000;}
@media screen and ( max-width: 1000px) {
#menu_pc{ display: none;}
#menu_mobile{ height:0; display: block;}
}

/* footer
---------------------------------------- */
#footer { background-color:#d5dfe5; padding:50px 0; text-align: center;}
#footer table { margin: 0 auto;}
#footer table tr td img { width: 150px; margin: 0 10px;}
#footer table tr td h2 { font-weight: bold;}
#footer .footer_image { width: 1000px; margin: 20px auto;}
@media screen and ( max-width: 1000px) {
#footer table tr td { display: block;}
#footer table tr td img { width: 150px; margin-bottom: 20px;}
#footer .footer_image { width: 100%; margin: 20px 0;}
}

/* contents
---------------------------------------- */
#contents { margin: 0 auto; padding: 20px 0 300px 0; max-width: 1000px}
#contents .contents_innner { padding: 20px;}
#contents .contents_innner .contents_title { text-align: center; margin: 0 auto; margin-bottom: 30px; font-weight: bold;}
#contents .contents_innner .contents_title h2 {font-size: 30px; font-weight: bold;}
#contents .contents_innner .contents_link { width:600px; margin: auto; margin-top: 50px; display: block;}
#contents .contents_innner .contents_link a { color: #fff; font-size: 20px; background: #f00; border-radius: 40px; padding: 10px 20px; display: block;}
#contents .contents_innner .contents_link a img { width:30px; margin-left: 10px; position: absolute;}
/* explanatory_text
--------------------------- */
#contents .contents_innner .explanatory_text { width:100%; margin-bottom: 100px; background: #fff; border-radius: 20px;}
#contents .contents_innner .explanatory_text .explanatory_text_inner { padding:20px;}
#contents .contents_innner .explanatory_text .explanatory_text_inner span { color: #f00;}
/* latest_movie
--------------------------- */
#contents .contents_innner .latest_movie { width:800px; margin: 0 auto; margin-bottom: 100px; text-align: left;}
#contents .contents_innner .latest_movie h2 { margin: 0 auto;}
#contents .contents_innner .latest_movie img{}
#contents .contents_innner .latest_movie .movie_link{ margin-top: 10px;}
#contents .contents_innner .latest_movie a{ color: #f00;}
/* tains_movie
--------------------------- */
#contents .contents_innner .tains_movie { width:100%; margin: 0 auto; margin-bottom: 100px; text-align: center;}
#contents .contents_innner .tains_movie .contents_title h2 img {width:75px; margin: 0 5px;}
#contents .contents_innner .tains_movie .tains_movie_block{ width:45%; height:400px; margin: 20px 20px 0 20px; background: #fff; border-radius: 20px; display: inline-block; vertical-align: top; text-align: left;}
#contents .contents_innner .tains_movie .tains_movie_block_inner{ height:300px; padding: 20px;}
#contents .contents_innner .tains_movie .tains_movie_block .tains_movie_number {font-size: 30px;}
#contents .contents_innner .tains_movie .tains_movie_block .tains_movie_title {font-size: 20px; font-weight: bold;}
#contents .contents_innner .tains_movie .tains_movie_block .tains_movie_block_link{ margin: 20px 20px 0 20px; text-align: right; display: block;}
#contents .contents_innner .tains_movie .tains_movie_block .tains_movie_block_link a{ color: #000; font-size: 20px; font-weight: bold; padding-right: 30px; background: url(../images/tains_movie_block_link.svg) no-repeat right;}
/* training_movie
--------------------------- */
#contents .contents_innner .training_movie { width:100%; margin: 0 auto; margin-bottom: 100px; text-align: center;}
#contents .contents_innner .training_movie .contents_title h2 img {width:50px; margin: 0 10px;}
#contents .contents_innner .training_movie .training_movie_block{ width:45%; height:350px; margin: 20px 20px 0 20px; background: #fff; border-radius: 20px; display: inline-block; vertical-align: top; text-align: left;}
#contents .contents_innner .training_movie .training_movie_block_inner{ height:250px; padding: 20px;}
#contents .contents_innner .training_movie .training_movie_block .training_movie_title {font-size: 20px; font-weight: bold;}
#contents .contents_innner .training_movie .training_movie_block .training_movie_block_link{ margin: 20px 20px 0 20px; text-align: right; display: block;}
#contents .contents_innner .training_movie .training_movie_block .training_movie_block_link a{ color: #000; font-size: 20px; font-weight: bold; padding-right: 30px; background: url(../images/tains_movie_block_link.svg) no-repeat right;}
/* miki_chief
--------------------------- */
#contents .contents_innner .miki_chief { width:100%; margin: 0 auto; margin-bottom: 100px; text-align: center;}
#contents .contents_innner .miki_chief .contents_title h2 img {width:45px; margin: 0 10px;}
#contents .contents_innner .miki_chief .miki_chief_block{ width:45%; height:350px; margin: 20px 20px 0 20px; background: #fff; border-radius: 20px; display: inline-block; vertical-align: top; text-align: left;}
#contents .contents_innner .miki_chief .miki_chief_block_inner{ height:250px; padding: 20px;}
#contents .contents_innner .miki_chief .miki_chief_block .miki_chief_title {font-size: 20px; font-weight: bold;}
#contents .contents_innner .miki_chief .miki_chief_block .miki_chief_block_link{ margin: 20px 20px 0 20px; text-align: right; display: block;}
#contents .contents_innner .miki_chief .miki_chief_block .miki_chief_block_link a{ color: #000; font-size: 20px; font-weight: bold; padding-right: 30px; background: url(../images/tains_movie_block_link.svg) no-repeat right;}
@media screen and ( max-width: 1000px) {
/* contents
---------------------------------------- */
#contents { margin: 0 auto; width: 100%}
#contents .contents_innner .contents_title { text-align: center; margin: 0 auto; margin-bottom: 10px; font-weight: bold;}
#contents .contents_innner .contents_title h2 {font-size: 20px; font-weight: bold;}
#contents .contents_innner .contents_link { width:100%; margin: auto; margin-top: 50px; display: block;}
/* explanatory_text
--------------------------- */
#contents .contents_innner .explanatory_text { width:100%; margin-bottom: 100px;}
/* latest_movie
--------------------------- */
#contents .contents_innner .latest_movie { width:100%; margin: 0 auto; margin-bottom: 100px; text-align: left;}
#contents .contents_innner .latest_movie img{ width:100%;}
#contents .contents_innner .latest_movie .movie_link{ margin-top: 10px;}
/* tains_movie
--------------------------- */
#contents .contents_innner .tains_movie .tains_movie_block{ width:100%; height:350px; margin: 0 0 30px 0; background: #fff; border-radius: 20px; display: block; text-align: left;}
#contents .contents_innner .tains_movie .tains_movie_block_inner{ height:250px; padding: 14px;}
#contents .contents_innner .tains_movie .tains_movie_block .tains_movie_title {font-size: 16px; font-weight: bold;}
#contents .contents_innner .tains_movie .contents_title h2 img {display: none;}
/* training_movie
--------------------------- */
#contents .contents_innner .training_movie .training_movie_block{ width:100%; height:350px; margin: 0 0 30px 0; background: #fff; border-radius: 20px; display: block; text-align: left;}
#contents .contents_innner .training_movie .training_movie_block .training_movie_title {font-size: 16px; font-weight: bold;}
#contents .contents_innner .training_movie .contents_title h2 img {display: none;}
/* miki_chief
--------------------------- */
#contents .contents_innner .miki_chief .miki_chief_block{ width:100%; height:350px; margin: 0 0 30px 0; background: #fff; border-radius: 20px; display: block; text-align: left;}
#contents .contents_innner .training_movie .training_movie_block .training_movie_title {font-size: 16px; font-weight: bold;}
#contents .contents_innner .miki_chief .contents_title h2 img {display: none;}
}

/* movie_area
--------------------------- */
#contents .contents_innner .movie_area { width:800px; margin: 0 auto; margin-bottom: 100px; text-align: left; z-index: 1;}
#contents .contents_innner .movie_area a{ color: #f00;}
#contents .contents_innner .movie_link{ margin-top: 10px;}
@media screen and ( max-width: 1000px) {
/* movie_area
--------------------------- */
#contents .contents_innner .movie_area { width:100%; margin: 0 auto; margin-bottom: 100px; text-align: left;}
#contents .contents_innner .movie_link{ margin-top: 10px;}
}


/* form
---------------------------------------- */
button { width:400px; padding: 10px 20px; margin: 0 auto; color: #fff; font-size: 20px; background: #f00; border-radius: 40px; display: block; border: 0;}
button img { width:30px; margin-left: 10px; position: absolute;}
button:hover {opacity: 60%;}
@media screen and ( max-width: 1000px) {
button { width:100%;}
}


/* form
---------------------------------------- */
#contents .btn_on { margin:20px 0 0 0; text-align: center;}
#contents .btn { margin:20px 0 0 0; text-align: center; display: none;}
#contents form{ text-align: center; margin-top: 50px;}
#contents .form_title{ width: 750px; margin: 0 auto; margin-top: 50px; padding: 15px; background-color:#889fb3; border: 1px solid #889fb3; border-radius: 30px; text-align: center; color: #fff; font-size: 20px; font-weight: bold;}
#contents table.questionnaire_table { margin:0 auto; width:750px; }
#contents table.questionnaire_table td { padding:8px 0 0 0; vertical-align:top; text-align:left;}
#contents table.questionnaire_table td.q_td{ padding-bottom:30px;}
#contents table.questionnaire_table th { padding:8px; vertical-align:top; text-align:left; font-weight:bold; background-color:#e0e8ed;}
#contents table.questionnaire_table td textarea { width:100%; border:solid 1px #000; font-size:14px;}
@media screen and (max-width: 1000px) {
#contents table.questionnaire_table { margin:0 auto; width:90%;}
#contents .form_title{ width: 100%; margin: 0 auto; margin-top: 50px; padding: 15px 0; background-color:#889fb3; border: 1px solid #889fb3; border-radius: 30px; text-align: center; color: #fff; font-weight: bold;}
}