@charset "utf-8";
/* Reset Style */
html {
  overflow-y: scroll;
}

body {
  line-height: 1;
  color: #000;
  font-weight: bold !important;
}

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

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: '';
}

img,
object,
embed {
  vertical-align: top;
}

hr, legend {
  display: none;
}

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

img, abbr, acronym, fieldset {
  border: 0;
}

li {
  list-style-type: none;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
  font: 62.5% Meiryo, arial, clean, verdana, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  line-height: 1.5;
}

html > body {
  font-size: 10px;
  font-size: 62.5%\9;
}

/* Except IE & Add IE8 */
/**
 * Nudge down to get to 10px equivalent for these form elements
 */
select, input, button, textarea {
  font: 100% Meiryo, arial, clean, verdana, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  line-height: 1.5;
}

/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%;
  line-height: 1.4;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
  font-family: monospace;
  font-size: 100%;
  *font-size: 108%;
  line-height: 1.4;
  color: #333;
}

/* Font-size fixed */
li li, li dt, li dd, li input, li select, li button, li textarea, li p, li th, li td,
dt li, dt dt, dt dd, dt input, dt select, dt button, dt textarea, dt p, dt th, dt td,
dd li, dd dt, dd dd, dd input, dd select, dd button, dd textarea, dd p, dd th, dd td,
th li, th dt, th dd, th input, th select, th button, th textarea, th p, th th, th td,
td li, td dt, td dd, td input, td select, td button, td textarea, td p, td th, td td,
p input {
  font-size: 100%;
}

/* 汎用クラス */
.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}
.mr10 {
margin-right: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}
.Center {
text-align: center;
}
/* float */
.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

/* clearfix */
.clear-fix {
  zoom: 1;
}
.clear-fix:before, .clear-fix:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
.clear-fix:after {
  clear: both;
}

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6, #contents input, #contents button, #contents textarea, #contents select, #contents p, #contents th, #contents td, #contents address, #contents li, #contents dt, #contents dd {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 1px;
}

/*----------------------------------------------------
	element style
----------------------------------------------------*/
body {
  color: black;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  background: url(../images/bg-body.png) repeat-x top left #f7f7f7;
}

input, textarea, button {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.sp {
	display: none;
}
a:link {
  color: #e20002;
}
a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.sp-img img {
  display: none;
}

.pc-img {
  display: block;
  text-indent: -99999px;
}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#wrapper {
  width: 100%;
  margin: 0 auto;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
  margin: auto;
  padding: 0;
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
#header {
  position: relative;
  width: 1070px;
  height: 450px;
  margin: auto;
}
#header #mv {
  position: absolute;
  top: 0;
  left: 0;
  width: 1270px;
  height: 490px;
}
#header h1 {
  width: 1270px;
  height: 490px;
  margin-left: -198px;
  background: url(../images/mv_170327.png) no-repeat top left;
}
#header #head-action {
  position: absolute;
  top: 0;
  right: 0;
  width: 720px;
  height: 65px;
  padding: 10px 10px 0 15px;
  background: #000;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  z-index: 10;
}
#header #head-tel {
  float: left;
}
#header #head-btn {
  float: left;
  margin-top: 3px;
  margin-left: 10px;
	}

/*----------------------------------------------------
	ナビ
----------------------------------------------------*/
#nav {
  position: fixed;
  top: 50px;
  right: 0;
  padding: 15px;
  background: #000;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
  z-index: 1000;
}
#nav dl {
  width: 150px;
  margin-bottom: 10px;
}
#nav dt, #nav dd {
  line-height: 1;
}
#nav dt {
  padding-bottom: 10px;
  border-bottom: 1px dotted #fff;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
#nav dd {
  border-bottom: 1px dotted #fff;
  font-size: 14px;
}
#nav dd a {
  display: block;
  padding: 10px 0 10px 20px;
  background: url(../images/ico-arrow.png) no-repeat 0 center;
  color: #fff;
  text-decoration: none;
}
#nav dd a:hover {
  color: #ccc;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
#footer #copyright {
  padding: 15px 0;
  background: #e20002;
  color: #fff;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  letter-spacing: 1px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
  /* 共通スタイル */
  /* コンテンツ */
}
#contents p {
  margin-bottom: 1em;
}
#contents table {
  width: 100%;
  border: 1px solid #dddddd;
  border-top: none;
  border-right: none;
  border-collapse: collapse;
}
#contents table th, #contents table td {
  padding: 10px;
  border: 1px solid #dddddd;
  border-left: none;
  border-bottom: none;
  vertical-align: top;
  /*font-weight: normal;*/
  font-weight: bold;
}
#contents table th {
  background: #f2f2f2;
}
#contents .bold {
  font-weight: bold;
}
#contents .emphasis {
  color: #e20002;
  font-weight: bold;
}
#contents .fs {
  font-size: 12px;
}
#contents p.attention {
  margin-top: 10px;
  margin-left: 1em;
  text-indent: -1em;
  font-size: 12px;
}
#contents ul.attention {
  margin-top: 10px;
}
#contents ul.attention li {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 12px;
}
#contents ul.list {
  padding: 0 20px 0 20px;
  list-style-position: outside;
}
#contents ul.list li {
  list-style-type: disc;
  margin-right: -15px;
}
#contents ul.list li:last-child {
  margin-bottom: 0;
}
#contents ol {
  padding: 0 25px 0 25px;
  list-style-position: outside;
}
#contents ol li {
  list-style-type: decimal;
}
#contents ol li:last-child {
  margin-bottom: 0;
}
#contents .btn-action {
    width: 1000px;
    margin: 0 auto 35px;
}
.btn-action a {
    display: block;
    float: left;
    margin: 0 15px;	
}
/* contents */
/*  intro
----------------------------------------------------*/
#intro {
  margin-bottom: 35px;
  background: url(../images/bg-body.png) repeat-x 0 -450px white;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
}
#intro h2 {
  position: relative;
  height: 80px;
  background: url(../images/intro-ttl.png) no-repeat 48% center;
  z-index: 0;
}
#intro h2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -45px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 30px 45px 0 45px;
  border-color: #ffcb05 transparent transparent transparent;
}
#intro .txt {
  width: 1040px;
  margin: auto;
  padding: 60px 0 40px;
  background: url(../images/intro-img.png) no-repeat right 40px;
}
#intro .txt p {
  width: 800px;
}

#intro-btn {
  margin-bottom: 40px;
}

/* copy
----------------------------------------------------*/
#copy {
  position: relative;
  margin-bottom: 65px;
  padding: 50px 0;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#copy:after {
  position: absolute;
  bottom: -55px;
  left: 50%;
  margin-left: -105px;
  content: " ";
  height: 55px;
  width: 210px;
  background: url(../images/reason-arrow.png) no-repeat top left;
}
#copy h2 {
  width: 1040px;
  margin: auto;
  text-align: center;
}
#copy h2 span.pc-img {
  display: block;
  height: 77px;
  margin-top: 20px;
  background: url(../images/copy-txt.png) no-repeat center center;
}

/*  reason
----------------------------------------------------*/
.reason {
  position: relative;
  width: 1040px;
  margin: 0 auto 75px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 0;
}
.reason:after {
  position: absolute;
  bottom: -55px;
  left: 50%;
  margin-left: -105px;
  content: " ";
  height: 55px;
  width: 210px;
  background: url(../images/reason-arrow.png) no-repeat top left;
}
.reason .inner {
  padding: 0 30px 40px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  zoom: 1;
}
.reason .inner:before, .reason .inner:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
.reason .inner:after {
  clear: both;
}
.reason h2 {
  position: relative;
  overflow: hidden;
  margin: 0 -30px 30px;
  padding: 35px 0 25px;
  background: #fffae6;
  border-top: 10px solid #e20002;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.reason h2 span:first-child {
  display: block;
  position: absolute;
  top: -5px;
  left: 50%;
  width: 150px;
  height: 35px;
  margin-left: -75px;
}
.reason h2 span:last-child {
  height: 75px;
}
.reason h3 {
  margin-bottom: 25px;
}

#reason01 h2 span:first-child {
  background: url(../images/reason01-ttl-ico.png) no-repeat top left !important;
}
#reason01 h2 span:last-child {
  background: url(../images/reason01-ttl.png) no-repeat center center;
}
#reason01 h3 {
  height: 49px;
  background: url(../images/reason01-sttl.png) no-repeat center center;
}
#reason01 .img01, #reason01 .img02 {
  height: 465px;
}
#reason01 .img01 {
  float: left;
  width: 600px;
  background: url(../images/reason01-img01.png) no-repeat center center;
}
#reason01 .img02 {
  float: right;
  width: 350px;
  background: url(../images/reason01-img02_170324.png) no-repeat center center;
}

#reason02 h2 span:first-child {
  background: url(../images/reason02-ttl-ico.png) no-repeat top left !important;
}
#reason02 h2 span:last-child {
  background: url(../images/reason02-ttl.png) no-repeat center center;
}
#reason02 h3 {
  height: 91px;
  background: url(../images/reason02-sttl.png) no-repeat center center;
}
#reason02 ul {
  margin-bottom: 15px;
  zoom: 1;
}
#reason02 ul:before, #reason02 ul:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
}
#reason02 ul:after {
  clear: both;
}
#reason02 li {
  float: left;
  width: 310px;
  height: 435px;
  margin-right: 25px;
}
#reason02 .img01 {
  background: url(../images/reason02-img01.png) no-repeat center center;
}
#reason02 .img02 {
  background: url(../images/reason02-img02.png) no-repeat center center;
}
#reason02 .img03 {
  margin-right: 0;
  background: url(../images/reason02-img03.png) no-repeat center center;
}

#reason03 h2 span:first-child {
  background: url(../images/reason03-ttl-ico.png) no-repeat top left !important;
}
#reason03 h2 span:last-child {
  background: url(../images/reason03-ttl.png) no-repeat center center;
}
#reason03 h3 {
  height: 98px;
  margin-bottom: 0;
  background: url(../images/reason03-sttl.png) no-repeat center center;
}
#reason03 .box {
  float: left;
  width: 310px;
  margin: 20px 25px 0 0;
  text-align: center;
}
#reason03 .box div {
  padding: 0 15px 20px;
  background: #f8f8f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#reason03 .box h4 {
  position: relative;
  margin: 0 -15px 15px;
}
#reason03 .box i {
  display: block;
  width: 182px;
  height: 183px;
  margin: 0 auto 15px;
}
#reason03 .box p {
  margin: 0 auto;
  letter-spacing: 0;
}
#reason03 .box img {
  width: 100%;
}

#reason04 h2 span:first-child {
  background: url(../images/reason04-ttl-ico.png) no-repeat top left !important;
}
#reason04 h2 span:last-child {
  background: url(../images/reason04-ttl.png) no-repeat center center;
}
#reason04 h3 {
  height: 43px;
  background: url(../images/reason04-sttl.png) no-repeat center center;
}
#reason04 .img {
  width: 980px;
  height: 480px;
  margin-top: 25px;
  background: url(../images/reason04-img.png) no-repeat center center;
}

#reason05 h2 span:first-child {
  background: url(../images/reason05-ttl-ico.png) no-repeat top left !important;
}
#reason05 h2 span:last-child {
  background: url(../images/reason05-ttl.png) no-repeat center center;
}
#reason05 h3 {
  height: 42px;
  background: url(../images/reason05-sttl.png) no-repeat center center;
}
#reason05 h4 {
  width: 980px;
  height: 52px;
  margin-bottom: 15px;
}
#reason05 h5 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dddddd;
  font-size: 18px;
  line-height: 1;
}
#reason05 .cap01 {
  background: url(../images/reason05-cap01.png) no-repeat center center;
}
#reason05 .cap02 {
  background: url(../images/reason05-cap02.png) no-repeat center center;
}
#reason05 .cnt01 .attention {
  font-size: 14px;
}
#reason05 .cnt02 {
  margin-top: 30px;
}
#reason05 .img01 {
  width: 980px;
  height: 203px;
  background: url(../images/reason05-img01_170324.png) no-repeat center center;
}
#reason05 .img02 {
  width: 470px;
  height: 255px;
  background: url(../images/reason05-img02_160831.png) no-repeat center center;
}
#reason05 .img03 {
  width: 470px;
  height: 356px;
  background: url(../images/reason05-img03_170324.png) no-repeat center center;
}
#reason05 .img04 {
  width: 980px;
  height: 340px;
  background: url(../images/reason05-img04_170324.png) no-repeat center center;
}

.summary {
  margin-bottom: 30px;
}

#reason02-summary {
  background: url(../images/reason02-summary.png) no-repeat top center;
  height: 110px;
}

#reason03-summary {
  background: url(../images/reason03-summary.png) no-repeat top center;
  height: 109px;
}

#reason04-summary {
  background: url(../images/reason04-summary.png) no-repeat top center;
  height: 109px;
}

#reason05-summary {
  background: url(../images/reason05-summary.png) no-repeat top center;
  height: 174px;
}

/*  company
----------------------------------------------------*/
#company {
  padding: 50px 0 80px;
  border-top: 5px solid #e20002;
  background: #fff;
}
#company .inner {
  width: 1040px;
  margin: auto;
}
#company h2 {
  height: 48px;
  margin-bottom: 20px;
  background: url(../images/company-ttl.png) no-repeat left center;
}
#company h2.company_h2_2 {
  background: url(../images/company-ttl2.png) no-repeat left center;
}
#company table {
  margin-bottom: 50px;
}
#company .btn-action {
  margin-bottom: 0;
}
#nav a {
display: block;
}
/*  form 
----------------------------------------------------*/
#form {
  padding-bottom: 50px;
  background: #fff;
}
#form .inner {
  width: 1040px;
  margin: auto;
}
#form h2 {
  height: 48px;
  margin-bottom: 20px;
  background: none;
  font-size: 40px;
}

#form th, #form td, #form p, #form li {
  font-size: 14px;
}
#form #address {
  padding-bottom: 20px;
}
#form table {
  margin: 0;
}
#form table th, #form table td {
  padding: 20px;
}
#form table th span {
  display: block;
  float: right;
  width: 35px;
  height: 18px;
  margin-top: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #e20002;
  color: #fff;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 18px;
}
#form table table {
  width: auto;
  border: none;
}
#form table table th, #form table table td {
  border: none;
  padding: 0;
  padding-bottom: 10px;
  vertical-align: middle;
  background: none;
  /*font-weight: normal;*/
  font-weight: bold;
  vertical-align: middle;
}
#form table table th {
  padding-right: 10px;
  background: none;
}
#form table table td {
  padding-right: 10px;
}
#form table table td input {
  margin: 0 5px;
}
#form input[type="text"], #form textarea {
  box-sizing: border-box;
  width: 100%;
  margin-right: 5px;
  padding: 10px;
  border: solid 1px #ddd;
  background: #f8f8f8;
  font-size: 14px;
  line-height: 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#form textarea {
  margin: 0;
}
#form #zip input[type="text"] {
  width: auto !important;
}
#form li input {
  margin-right: 5px;
}
#form .custom {
  overflow: hidden;
  position: relative;
  width: 270px;
  margin: 0 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #ddd;
  background: #f8f8f8;
  z-index: 10;
}
#form select {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 130%;
  height: 47px;
  padding: 8px 0 8px 15px;
  font-weight: normal;
  cursor: pointer;
  background: none;
  background: url(../images/bg-select.png) no-repeat 224px center;
  z-index: 15;
  vertical-align: middle;
  line-height: 19px;
  border: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
#form .autozip {
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  line-height: 25px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#form #submit {
  text-align: center;
  margin-top: 30px;
}
#form #submit input {
  width: 310px;
  border: none;
  background: #e20002;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 70px;
  vertical-align: middle;
  letter-spacing: 2px;
}
#form #submit input:hover {
  cursor: pointer;
  opacity: 0.8;
}
#form #privacy .privacy-wrap {
  margin-top: 15px;
  padding: 2px;
  border: 1px solid #ddd;
}
#form #privacy .privacy-inner {
  overflow: auto;
  height: 150px;
  padding: 15px;
}
#form #privacy .privacy-inner p,
#form #privacy .privacy-inner dd {
	font-weight: normal !important;
}
#form #privacy .privacy-inner dd {
	margin-bottom: 1em;
}
#form .formError {
	background-color:#FFFFDD;
	color:#FF0000;
	font-weight:bold;
	padding-left:5px;
	width:100%;
}

/*body#page {
  background: url(../images/bg_under.png) repeat-x top left #f7f7f7;
}
#page #header {
  height: 250px;
  margin: auto;
}
#page #header #mv {
  position: absolute;
  height: 250px;
}
#page #header h1 {
  width: 1070px;
  height: 250px;
  background: none;
}*/
#page #form {
	padding-top: 80px;
}
#page #form .msg {
	margin-top: 50px;
}
#page #form .msg h3 {
	font-size: 25px;
}
#page #form .msg p {
	font-size: 18px;
}
.taLleft p {
	text-align: left;
}

/*　170407追加CSS
------------------------------------------------*/
.contentBox01 {
	margin-bottom: 35px;
	background: url(../images/bg-body.png) repeat-x 0 -450px white;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
}
.contentBox01 + .contentBox01 {
}
.contentBox01 h2 {
	height: 80px;
	position: relative;
	z-index: 0;
	text-indent: -99999px;
}
.contentBox01 h2:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -45px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 45px 0 45px;
	border-color: #ffcb05 transparent transparent transparent;
}
.contentBox01 .txtBox {
	width: 1040px;
	margin: 0 auto;
	padding: 60px 0 40px 0;
}
.contentBox01 .txtBox span {
	color: red;
}
.contentBox01 h2 + .box01 {
	padding-top: 60px;
}
.box01 {
	width: 1040px;
	margin: 0 auto;
}
.box01 ul {
	width: 1040px;
	margin-bottom: 40px;
}
.box01 li {
	float: left;
	display: inline-block;
	max-width: 480px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.box01 li + li {
	float: right;
}
.box01 li img {
	width: 100%;
}

h2#ttl02 { background: #FFCB05 url(../images/ttl02.png) no-repeat center center; }
h2#ttl03 { background: #FFCB05 url(../images/ttl03.png) no-repeat center center; }
h2#ttl04 { background: #FFCB05 url(../images/ttl04.png) no-repeat center center; }
h2#ttl05 { background: #FFCB05 url(../images/ttl05.png) no-repeat center center; }
.tablettl { background: #FFCB05 url(../images/tablettl.png) no-repeat center center; height: 60px; }

.flagList {
	width: 1040px;
	margin: 0 auto 40px auto;
}
.flagList dl {
	float: left;
	width: 260px;
}
.flagList dl + dl {
	float: right;
	width: 700px;
}
.flagList dt {
	background: #FFCB05 url(../images/flagttl01.png) no-repeat center center;
	height: 60px;
}
.flagList dl + dl dt {
	background: #FFCB05 url(../images/flagttl02.png) no-repeat center center;
}
.flagList dd {
	background: #F8F8F8;
	padding: 20px 60px;
}
.flagList dd ul {
}
.flagList dd li {
	float: left;
	text-align: center;
	width: 96px;
	margin-top: 10px;
}

.flagList dd li span {
	font-size: 10px;
	display: block;
}
.flagList dd li div {
	min-height: 59px;
}
.flagList dd li img {
	width: 90%;
}
.flagLeft {
	padding: 20px 50px !important;
}
.flagLeft .flagTtl {
	width: 100% !important;
}
.flagLeft .flagTtl img {
	width: 170px !important;
	margin-left: -5px;
}
.flagLeft li {
	width: 80px !important;
}
.content_ttl {
	text-indent: -9999px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.tablettl + ul {
	background: #F8F8F8;
}
.tablettl + ul li {
	text-align: center;
	padding: 40px 0;
	max-width: 520px !important;
}
.tablettl + ul li img {
	width: 421px;
}
.meka {
	width: 387px !important;
}
.spotList li {
	max-width: 500px;
}
.mv_form {
	position: absolute;
	left: 0;
	top: 295px;
	text-align: center;
}
.mv_form li {
	display: inline-block;
}
.mv_form li + li {
	margin-left: 25px;
}
.green {
	padding: 20px 0;
	background: #51A73B;
	width: 100%;
	text-align: center;
}
.green img {
	width: 90%;
	max-width: 732px;
}
.homebtn {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.homebtn a {
	display: inline-block;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	padding: 23px 0;
	width: 310px;
	background: #e20002;
	border-radius: 3px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 2px;
	box-sizing: border-box;
	text-decoration: none;
}
.homebtn a:hover {
	opacity: 0.8;
}



@media screen and (max-width: 1450px) {
	#nav {
		display: none !important;
	}
}
@media screen and (max-width: 736px) {
  /* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
  #contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6, #contents input, #contents button, #contents textarea, #contents select, #contents p, #contents th, #contents td, #contents address, #contents li, #contents dt, #contents dd {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  /* =========================================================
  	#body
  ========================================================= */
  html, body {
    height: 100%;
  }

	.pc {
		display: none;
	}

  body {
    background: none;
    -webkit-text-size-adjust: 100%;
  }

  * {
    /*-webkit-appearance: none;*/
  }

  img {
    max-width: 100%;
  }

  .pc-img {
    background: none !important;
    width: auto !important;
    height: auto !important;
    text-indent: 0 !important;
  }

  .sp-img {
    background: none !important;
    width: auto !important;
    height: auto !important;
  }
  .sp-img img {
    display: block;
  }

  /* =========================================================
  	#wrapper
  ========================================================= */
  #wrapper {
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
  }

  /*----------------------------------------------------
  	#contents
  ----------------------------------------------------*/
  #contents {
    margin: auto;
    padding: 0;
  }

  /*----------------------------------------------------
  	ヘッダー
  ----------------------------------------------------*/
  #header {
    width: auto;
    height: auto;
  }
  #header #mv {
    position: static;
    width: auto;
    height: auto;
  }
  #header #head-action {
    display: table;
    table-layout: fixed;
    position: static;
    width: inherit;
    height: auto;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    zoom: 1;
  }
  #header #head-action:before, #header #head-action:after {
    content: "";
    display: table;
    height: 0;
    visibility: hidden;
  }
  #header #head-action:after {
    clear: both;
  }
  #header #head-action li {
    display: table-cell;
    float: none;
    width: auto;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
  }
  #header #head-action li:first-child {
    padding-left: 10px;
  }
  #header #head-action li:last-child {
    padding-right: 10px;
  }
  #header #head-action a {
    display: block;
  }
  #header #head-tel {
    background: none;
  }

  /*----------------------------------------------------
  	ナビ
  ----------------------------------------------------*/
  #nav {
    display: none;
  }

  /*----------------------------------------------------
  	フッター
  ----------------------------------------------------*/
  #footer #copyright {
    padding: 10px 0;
    font-size: 10px;
  }

  #contents {
    /*----------------------------------------------------
    	#contents
    ----------------------------------------------------*/
    /* 共通スタイル */
    /*  intro
    ----------------------------------------------------*/
    /* copy
    ----------------------------------------------------*/
    /*  reason
    ----------------------------------------------------*/
    /*  company
    ----------------------------------------------------*/
    /*  form 
    ----------------------------------------------------*/
  }
  #contents p {
    margin-bottom: 1em;
  }
  #contents table {
    border: none;
  }
  #contents table th, #contents table td {
    display: block;
    padding: 0;
    border: none;
  }
  #contents table th {
    padding-top: 10px;
    background: none;
    font-weight: bold;
  }
  #contents table td {
    padding: 5px 0 10px;
    border-bottom: 1px solid #dddddd;
  }
  #contents .fs {
    font-size: 10px;
  }
  #contents .btn-action {
    margin: 0 auto 25px;
    padding: 0 15px;
  }
  #contents #intro {
    position: relative;
    margin: 0 -10px 25px;
    background: none;
    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
  }
  #contents #intro h2 {
    height: auto;
    padding: 15px;
    background: #ffcb05 !important;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    z-index: 0;
  }
  #contents #intro h2:after {
    bottom: -15px;
    left: 50%;
    margin-left: -20px;
    border-width: 15px 20px 0 20px;
  }
  #contents #intro .txt {
    width: auto;
    margin: auto;
    padding: 30px 25px 20px;
    background: none;
  }
  #contents #intro .txt p {
    width: auto;
  }
  #contents #intro-btn {
    margin-bottom: 25px;
  }
  #contents #copy {
    margin-bottom: 40px;
    padding: 15px 0;
    background: #fff;
  }
  #contents #copy:after {
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -52.5px;
    content: " ";
    height: 27px;
    width: 105px;
    background: url(../images/reason-arrow.png) no-repeat top left;
    -webkit-background-size: 105px;
    background-size: 105px;
  }
  #contents #copy h2 {
    width: auto;
    padding: 0 10px;
  }
  #contents #copy h2 span.pc-img {
    height: auto;
    margin-top: 10px;
    font-size: 18px;
  }
  #contents .reason {
    width: auto;
    margin: 0 10px 40px;
  }
  #contents .reason:after {
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -52.5px;
    content: " ";
    height: 27px;
    width: 105px;
    background: url(../images/reason-arrow.png) no-repeat top left;
    -webkit-background-size: 105px;
    background-size: 105px;
  }
  #contents .reason .inner {
    padding: 0 15px 20px;
  }
  #contents .reason h2 {
    margin: 0 -15px 15px;
    padding: 40px 10px 15px;
    background: #fffae6;
    border-top: 5px solid #e20002;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    letter-spacing: 0;
  }
  #contents .reason h2 span:first-child {
    width: 150px !important;
    height: 35px !important;
    text-indent: -99999px !important;
  }
  #contents .reason h2 span:last-child {
    height: auto;
    font-size: 24px;
    text-align: center;
  }
  #contents .reason h3 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 18px;
  }
  #contents #reason01 .img01, #contents #reason01 .img02 {
    float: none;
  }
  #contents #reason01 .img02 {
    margin-top: 10px;
  }
  #contents #reason02 ul {
    margin-bottom: 0;
  }
  #contents #reason02 li {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #contents #reason03 .box {
    float: left;
    width: 50%;
    margin: 15px 0 0;
    text-align: center;
  }
  #contents #reason03 .box div {
    margin: 0 5px;
    padding: 0 15px 20px;
    background: #f8f8f8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  #contents #reason03 .box h4 {
    margin: 0 -15px 10px;
  }
  #contents #reason03 .box i {
    display: block;
    width: auto;
    height: auto;
    margin: 0 15px 15px;
  }
  #contents #reason05 h4 {
    width: auto;
    height: auto;
    margin-bottom: 15px;
    padding: 10px;
    border-bottom: 2px solid #e20002;
    background: #f8f8f8 !important;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  }
  #contents #reason05 h5 {
    margin-top: 15px;
    font-size: 16px;
  }
  #contents #reason05 .cnt01 .attention li {
    font-size: 12px;
  }
  #contents #reason05 .cnt02 {
    margin-top: 30px;
  }
  #contents #reason05 .cnt02 .fl, #contents #reason05 .cnt02 .fr {
    float: none;
  }
  #contents .summary {
    margin: 0 15px 25px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
  }
  #contents #company {
    padding: 20px 0 30px;
  }
  #contents #company .inner {
    width: auto;
    padding: 0 15px;
  }
  #contents #company h2 {
    margin-bottom: 0;
    font-size: 20px;
  }
  #contents #company table {
    margin-bottom: 25px;
  }
  #contents .btn-action {
    margin-bottom: 15px;
	width: auto;
  }
  #contents .btn-action a {
    margin: 0 0 10px 0;
  }  
  #contents #form {
    padding-bottom: 30px;
    padding-top: 20px;
  }
  #contents #form .inner {
    width: auto;
    padding: 0 15px;
  }
  #contents #form h2 {
    margin-bottom: 0;
    font-size: 20px;
  }
  #contents #form th, #contents #form td, #contents #form p, #contents #form li {
    font-size: 14px;
  }
  #contents #form #address {
    padding-bottom: 20px;
  }
  #contents #form table {
    margin: 0;
  }
  #contents #form table th, #contents #form table td {
    padding: 0;
  }
  #contents #form table th {
    padding-top: 15px;
  }
  #contents #form table td {
    padding: 10px 0 15px;
  }
  #contents #form table table {
    width: auto;
  }
  #contents #form table table th, #contents #form table table td {
    padding-bottom: 0;
  }
  #contents #form table table th {
    padding-right: 0;
  }
  #contents #form table table td {
    padding-right: 0;
  }
  #contents #form table table td input {
    margin: 0;
  }
  #contents #form #zip input[type="text"] {
    width: 60px !important;
    margin-right: 5px;
  }
  #contents #form li input {
    margin-right: 5px;
  }
  #contents #form .autozip {
    margin-left: 0;
    padding: 0 10px;
    line-height: 35px;
    font-size: 12px;
    letter-spacing: 0;
  }
  #contents #form #submit {
    text-align: center;
    margin-top: 30px;
  }
  #contents #form #submit input {
    width: 100%;
    font-size: 16px;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* contents */

/*
----------------------------------------------------------------*/
.tablettl,
.flagList dt,
.contentBox01 h2 {
	text-indent: 0;
	background: #ffcb05 !important;
	font-size: 16px !important;
	text-align: center;
	line-height: 1.0 !important;
	height: auto;
	padding: 15px;
}
.contentBox01 h2:after {
	display: none;
}
.contentBox01 .txtBox {
	width: 100%;
	background: #FFF;
	padding: 20px 0 !important;
}
.box01 {
	width: 100%;
	background: #FFF;
}
.box01 ul {
	width: 100%;
}
.box01 ul li {
	float: none;
}
.box01 ul li + li {
	margin-top: 20px;
}
.contentBox01 h2 + .box01 {
	padding-top: 20px;
}
.tablettl + ul li {
	max-width: 100% !important;
	padding: 20px 1% 0 1%;
}
.flagList {
	width: 100%;
}
.flagList dl {
	width: 100% !important;
	float: none !important;
}
.flagList dl dd {
	height:  auto !important;
	padding: 5% 10% !important;
}
.flagLeft li {
	width: 50% !important;
}
.flagTtl {
	margin-top: 0 !important;
}
.mv_form {
	top: 60%;
	left: 15px;
	text-align: left;
}
.mv_form li {
	width: 40%;
}
.mv_form li + li {
	margin-left: 0;
	margin-top: 5px;
}
.mv_form li img {
	width: 100%;
}
#header h1 {
	margin-left: 0;
}
.box01 li img {
	width: 90% !important;
}
.flagList dd li {
	width: 33.33%;
}
.flagList dd li div {
	min-height: 67px;
}

.homebtn {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 20px;
}
.homebtn a {
	display: inline-block;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	padding: 13px 0;
	width: 100%;
	background: #e20002;
	border-radius: 3px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 2px;
	box-sizing: border-box;
	text-decoration: none;
}
.homebtn a:hover {
	opacity: 0.8;
}
.sp {
	display: block;
}
#form #submit input[type="submit"] {
  -webkit-appearance: none;
}

/*170321追加css*/
}