@charset "utf-8";

body,p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td {
	margin: 0;
	padding: 0;
}

address,em {
font-style: normal;
}
strong,th {
font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

img {
max-width: 100%;
height: auto;
width /***/:auto;
border: 0;
vertical-align: bottom;

}

li {
list-style-type: none;
}

a {
text-decoration: none;
color: #000000;
}
a:link { color: #8d93c8;
}


/*----------------------------------------------------------
  レイアウト関係
----------------------------------------------------------*/

/*---------------------------------フォントサイズなど*/
body {
  
  font-size: 100%;
  font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

/*---------------------------------ページ全体の横幅*/
#wrapper {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#contents {
  width:100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  border: 0px solid #ffffff;
}

/*---------------------------------ヘッダー部分*/

#header_wrap {
  width:100%;
  max-width: 960px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*background-image:url("../../../entry/img/header_bg2.png");
  background-repeat: repeat-x;*/
  background-color: #ffffff;
}

#header {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#header_up {
  width: 100%;
  margin: 50px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  overflow: hidden;
}

#header_left {
  width: 50%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background-color: #ffffff;
}

#header_right {
  width: 50%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  background-color: #ffffff;
}

div.logo{
  width: 111px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

.co_tite{
  margin: 70px 120px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  font-size: 70%;
}

#contents_pc {
  width:100%;
  max-width: 960px;
  margin: 0px auto 50px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#contents_smp {
  display: none;
}

h1{
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right; 
  color:#83c61a;
  font-size:20px;
  font-weight:bold;
}

h2{
  margin: 0px 0px 0px 0px;
  padding: 60px 0px 0px 0px;
  color:#83c61a;
  font-size: 120%;
  position:relative; top:200px;
}

#menu-box {
  width: 100%;
  max-width: 960px;
  margin: 50px auto 50px auto;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  background-color: #ffffff;
  border-top: 1px dotted #000000;
  border-bottom: 1px dotted #000000;
}

#menu{
  width: 50%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#menu li{
  display: block;
  float: left;
  width: 25%;
  margin: 0;
  padding: 0; 
  font-size: 12px;
}

#menu li a{
  display: block;
  padding: 15px 15px 10px 15px;
  color: #000000;
  text-decoration: none;
}

#toggle{
  display: none;
}

table.line1{
  width: 100%;
  margin: 50px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-collapse: separate;
  border-spacing: 15px 20px;
  border: solid 0px #000000;
}

table.line2{
  width: 100%;
  margin: 50px 0px 100px 0px;
  padding: 0px 0px 0px 0px;
  border-collapse: separate;
  border-spacing: 15px 20px;
  border: solid 0px #000000;
}

.tex{
  text-align: center;
  font-size: 12px;
}

ul.line1 li.las{
 margin: 0px 0px 0px 0px;
}

/* ===== レイアウト枠の設定 ===== */

/* フォーム全体の設定 */
#mmag_layout_body {
}
/* ヘッダーエリアの設定 */
#mmag_layout_header {
	/* 余白の設定 */
	padding: 5px;
	/* テキストフォントの設定 */
	font-size: small;
}
/* メインエリアの設定 */
#mmag_layout_form_data {
	/* マージンの設定 */
	margin-left: auto;
	margin-right: auto;
}
/* フォーム送信エリアの設定 */
#mmag_layout_form_submit {
	/* マージンの設定 */
	margin-top: 30px;
	/* 余白の設定 */
	padding: 10px;
}
/* フッターエリアの設定 */
#mmag_layout_footer {
	/* 余白の設定 */
	padding: 5px;
	/* テキストフォントの設定 */
	font-size: small;
}

/* ===== 各セルの設定 ===== */

/* メインエリアの設定 */
table.atform {
	/* 横幅の設定 */
	width: 780px;
	/* マージンの設定 */
	margin: 0;
	/* 余白の設定 */
	padding: 0;
	/* 枠線の設定 */
	border-collapse: collapse;
	border: 0px;
	border-style: solid;
	border-color: #666666;
	border-collapse: separate;
        border-spacing: 5px 30px;
}
/* 項目名セルの設定 */
table.atform th {
	/* 横幅の設定 */
	width: 210px;
	/* マージンの設定 */
	margin: 0;
	/* 余白の設定 */
	padding: 20px;
	/* テキスト表示位置の設定 */
	text-align: left;
	vertical-align: middle;
	/* テキストフォントの設定 */
	color: #909090;
	
	
	font-style: normal;
	/* 枠線の設定 */
	border-collapse: collapse;
	border: 0px;
	border-style: solid;
	border-color: #666666;
	/* 背景色の設定 */
	background-color: #FFFFFF;
}
/* フォームセルの設定 */
table.atform td {
	/* マージンの設定 */
	margin: 0;
	/* 余白の設定 */
	padding: 5px;
	/* テキスト表示位置の設定 */
	text-align: left;
	vertical-align: middle;
	/* テキストフォントの設定 */
	color: #000000;
	font-weight: normal;
	
	font-style: normal;
	/* 枠線の設定 */
	border-collapse: collapse;
	border: 0px;
	border-style: solid;
	border-color: #666666;
	/* 背景色の設定 */
	background-color: #FFFFFF;
}
/* ラベルの設定 */
table.atform td label {
	margin-right: 1em;
 	white-space: nowrap;
	display: inline;
	float: none;
}
/* 横並びの場合 */
table.atform td label.nowrap {
	display: block;
	float: left;
}

/*---------------------------------入力部*/

input[type="text"] {
   width:100%;
   height:40px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #c0c0c0;
   font-size: 16px;
}

input:focus {
    border:solid 1px #deb887;
}

.widsame {
   width:100%;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #c0c0c0;
}


/*---------------------------------mons_pc*/

#mons_pc {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#mons_dual {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#mons_pc_bottom {
  width: 100%;
  max-width: 960px;
  margin: 0px auto 70px auto;
  padding: 0px 0px 70px 0px;
  border-bottom: 2px solid #c0c0c0;
}

p.mons_logo_pc{
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

.btn_p{
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.exp1{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.8em;
  background-color: #ffffff;
}

.exp2{
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

.exp3{
  margin: 100px 0px 80px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.exp4{
  margin: 100px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  border-top: 0px solid #c0c0c0;
  line-height: 1.8em;
  background-color: #ffffff;
}

.exp5{
  margin: 100px 0px 80px 0px;
  padding: 60px 0px 0px 0px;
  text-align: left;
  border-top: 0px solid #c0c0c0;
}

.exp6{
  margin: 0px 0px 80px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  border-top: 0px solid #c0c0c0;
}
/*---------------------------------フッター部分*/
#footer {
  width: 100%;
  margin: 100px 0px 0px 0px;
  padding: 50px 0px 30px 0px;
  text-align: center;
  background-color: #f7f7f7;
}

small {
  color: #c0c0c0;
}

/*---------------------------------レスポンス*/


@media only screen and (max-width: 950px) {

#sect_3_right {
  width: 57%;
}

#sect_3_left {
  width: 31%;
}
}

@media only screen and (max-width: 880px) {

#sect_3_right {
}

.tex1 {
  font-weight: 850; 
  font-size: 230%;
}

.tex2 {
  font-weight: 850; 
  font-size: 250%;
}

.tex3 {
  font-weight: 850; 
  font-size: 120%;
}

}


@media only screen and (max-width: 768px) {

#menu li{
  width: 25%;
  border-bottom: 0px solid #444;
}

.logo {
  width: 19%;
  float: left;
  text-align: left;
  margin: 0px 0px 0px 10px;
  padding: 10px 0px 10px 0px;
  background-color: #ffffff;border: 0px solid #ff0000;vertical-align: bottom;
}

h1 {
  width: 75%;
  float: right;
  text-align: right;
  margin: 5px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;border: 0px solid #00ff00;
  font-size: 70%;
}

#sect_1_right {
  width: 54%;
  font-size: 85%;
}

.tex1 {
  font-weight: 800; 
  font-size: 200%;
}

.tex2 {
  font-weight: 800; 
  font-size: 220%;
}

.tex3 {
  font-weight: 800; 
  font-size: 110%;
}

#sect_3_right {
  width: 65%;
  font-size: 130%;
}
}

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


#wrapper {
  width: 100%;
  
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#contents {
  width:100%;
  
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  border: 0px solid #ffffff;
}

#menu{
  display: none;
}

#contents_pc {
  display: none;
}

#contents_smp {
  display: block;
}

#contents_smp_inner {
  padding: 0px 4% 0px 4%;
  background-color: #ffffff;
}

#menu li{
  width: 100%;
}

#mons_pc {
  display: none;
}

#mons_dual {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #222;
}

#toggle a{
  width: 100%;
  margin: 0px auto 0px auto;
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#toggle:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
}

#toggle a:before, #toggle a:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 4px;
  background: #222;
}

#toggle a:before{
  margin-top: -6px;
}

#toggle a:after{
  margin-top: 2px;
}

.logo {
  width: 184px;
  float: left;
  text-align: left;
  margin: 0px 0px 0px 10px;
  padding: 10px 0px 10px 0px;
  background-color: #ffffff;border: 0px solid #ff0000;vertical-align: bottom;
}

table.atform {
	/* 横幅の設定 */
	width: 100%;
	/* マージンの設定 */
	margin: 0;
	/* 余白の設定 */
	padding: 0;
	/* 枠線の設定 */
	border-collapse: collapse;
	border: 0px;
	border-style: solid;
	border-color: #666666;
	border-collapse: separate;
        border-spacing: 5px 30px;
}

table.atform th {
	/* 横幅の設定 */
	width: 35%;
	/* マージンの設定 */
	margin: 0;
	/* 余白の設定 */
	padding: 20px;
	/* テキスト表示位置の設定 */
	text-align: left;
	vertical-align: middle;
	/* テキストフォントの設定 */
	color: #909090;
	
	
	font-style: normal;
	/* 枠線の設定 */
	border-collapse: collapse;
	border: 0px;
	border-style: solid;
	border-color: #666666;
	/* 背景色の設定 */
	background-color: #FFFFFF;
}

h1 {
  width: 65%;
  float: right;
  text-align: right;
  margin: 5px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;border: 0px solid #00ff00;
  font-size: 70%;
}

#sect_1 {
  width: 100%;
  
  margin: 0px auto 30px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  overflow: hidden;
  border: 0px solid #C82C55;
}

#sect_1_left {
  width: 100%;
 
  float: none;
  margin: 0px auto 20px auto;
  
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  text-align: center;border: 0px solid #00ff00;
}

#sect_1_right {
  width: 88%;
  float: none;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  text-align: left;
  border: 0px solid #000000;
  line-height: 180%;
}

.exp4{
  margin: 50px 0px 50px 0px;
  padding: 60px 0px 0px 0px;
  text-align: left;
  border-top: 2px solid #c0c0c0;
}

p.request {
  width: 100%;
  margin: 50px auto 0px auto;	
  display: block;
  text-align: center;
  font-size: 100%;
  background: -moz-linear-gradient(top,#1994a2 0%,#105f67);
  background: -webkit-gradient(linear, left top, left bottom, from(#1994a2), to(#105f67));
  border: 1px solid #1994a2;
}

p.request a {
  display: block;
  padding: 20px 0px 20px 0px;
  color:#ffffff;
}

#catch {
  margin-bottom: 50px;
}

#st_obj {
  margin-bottom: 50px;
}

#sect_btn {
  margin-bottom: 80px;
}

#line {
 margin-bottom: 50px;
}

#footer {
  padding-top: 50px;
}

.tex1 {
  font-weight: 780; 
  font-size: 135%;
  position: absolute;
  top: 29%;
  left: 15.3%;
}

.tex2 {
  font-weight: 750; 
  font-size: 130%;
  position: absolute;
  top: 50%;
  left: 15.3%;
}

.tex3 {
  font-weight: 600; 
  font-size: 70%;
  top: 85%;
left: 81.63%;
}

#sect_3_right {
  font-size: 70%;
}
}