@charset "UTF-8";
/* CSS Document */

/* 全体構成
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
body { background: #ecf9ff;}

.layout {
	width: 850px;
	margin: 0 auto;
	padding: 0 ;
	overflow: hidden;
}

h1 {
	clear: both;
	margin: 0 auto 40px;
	padding: 0;
	border-bottom: solid 1px #ccc;
}

.h1img {width: 100%;}

h2 {
	clear: both;
	margin: 0 auto 30px;
	text-align: center;
}

.contents {
	margin: 0;
	padding: 0;
	background: #fff;
}

section {
	margin: 0;
	padding: 0;
}

.inner {
	box-sigin: border-box;
	clear: both;
	margin: 0 5%;
	padding-bottom: 40px;
}

@media screen and (max-width: 800px) {
h1 { padding-top: 20px;}

.layout {	width: 100%;}
}

@media screen and (max-width: 640px) {}


/* menu
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.main_menu {
	background: #fff;
	margin-bottom: 0;
}

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

.menu_list {
	margin: 0;
	padding: 0;
}

.menu_list li {
	list-style: none;
	text-align: center;
}

.menu_list a {
	box-sizing: border-box;
	border-left: dotted 1px #999;
	background: #666;
	color: #fff;
	float: left;
	font-size: 70%;
	padding: 10px 1px;
	text-decoration: none;
	width: 18%;
	height: 60px;
}

.menu_fst1 {
	border-left: none !important;
	width: 10% !important;
	line-height: 43px;	
}

.menu_list a:hover {
	cursor: pointer;
	opacity: 0.7;
}

a.current { opacity: 0.7;}


@media screen and (max-width: 800px) {
.cts_img { display: none;}

.menu_list a {
	/*background: rgba(102,204,255,0.9);*/
	border-left: none;
	border-bottom: dotted 1px #999;
	float: none;
	font-size: 100%;
	display: block;
	padding: 15px;
	width: 100% !important;
	height: auto;
}

.menu_fst1 {
	line-height: 1.6;	
}

.menu_list br {
	display: none;
}
}

@media screen and (max-width: 640px) {}



/*  仕事がイヤになったとき〜
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.honbuntop {
	font-size: 140%;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
	line-height: 2em;
}

.movie_ttl {
	font-size: 120%;
	font-weight: 600;
	margin: 0 auto 5px;
}

@media screen and (max-width: 800px) {
.honbuntop {
	font-size: 120%;
	text-align: left;
}

.honbuntop br {
	display: none;
}
}

@media screen and (max-width: 640px) {}



/* youtube
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.movie {
	margin: 0 auto 50px;
	text-align: center;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 800px) {
.movie {
	padding-bottom: 0;	
}
}

@media screen and (max-width: 640px) {}



/* form
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.form_ttl {
	background: #fe7f48;
	color: #fff;
	font-size: 130%;
	font-weight: 600;
	margin-bottom: 0;
	padding: 15px 10px 25px;
	text-align: center;
}

.formbody {
	background: #fef4ef;
	margin: -10px auto 0;
	padding: 1px 15px 15px 15px;
}

.frm_honbun2 {
	font-weight: 600;
	text-align: center;
}

.formbody .form01 {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.formbody td {
	text-align: left;
	width: 70%;
}

.formbody td.mm {
	text-align: right;
	width: 20%;	
}

.inp {
	box-sizing: border-box;
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 7px 10px;
	margin: 3px 0;
	width: 90%;
}

input:focus { background: #ffe;}

.sub {
	display: block;
	background: #f00;
	border: solid 1px #f00;
	border-radius: 5px;
	color: #fff;
	font-size: 150%;
	font-weight: 600;
	padding: 15px 10px;
	margin: 10px auto 20px;
	width: 85%;
}

.sub:hover {
	opacity: 0.7;
	cursor: pointer;
}

@media screen and (max-width: 800px) {
.frm_honbun2 {
	margin-bottom: 0;
	text-align: left;
}

.frm_honbun2 br { display: none;}

.formbody td {
	display: block;
	text-align: left !important;
	width: 100%;
}

.formbody td.mm {
	margin-top: 10px;
	width: 100%;
}

.inp {
	padding: 10px;
	width: 100%;
}
}

@media screen and (max-width: 640px) {}



/* footer
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer {
	clear: both;
	background: #666;
	color: #fff;	
	font-size: 70%;
	margin: 0;
	padding: 5px 10px 10px;
	text-align: center;	
}

.ftr_infobar {}

.ftr_link {
	list-style: none;
	margin-bottom: -8px;
	text-align: center;
	overflow: hidden;	
}

.ftr_link li {
	display: inline-block;
	border-left: solid #fff 1px;
	padding: 0 10px;
	line-height: 1;
}

.ftr_link li:nth-of-type(1) {
	border-left: none;
	padding: 0 10px 0 0;
}

.ftr_link a {
	color: #fff;
}

.ftr_link a:hover {
	text-decoration: none;
}

.ftr_creditbar {
	clear: both;
	margin: 25px auto 5px;
}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 640px) {}