@charset "utf-8";

/* 初期設定リセット */
  
*{margin: 0;padding: 0}
  
a { text-decoration : none;}
ul.lsnone, ol.lsnone { list-style : none}
ul {padding: 0; margin: 20px 5px;line-height: 1.25;}
img {
vertical-align : middle;
max-width : 100%;
}

/* 基本設定 */

@-o-viewport {
width : 320px;
zoom:1.0}

html {
font-family :"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height : 1.5;
-webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6 { margin-bottom : 24px}
h1 {font-size: 42px; line-height: 1}
h2 {font-size : 36px;line-height : 1.25}
h3{font-size : 34px;line-height : 1.25}
h4{font-size : 20px;line-height : 1.25}
hgroup h2,h4,h5,h6 {font-size : 16px;line-height : 1.25}

.mg24 {margin : 24px;}

a img { border: none;}
a:hover img { opacity: 0.6;}

body{background: url(img/bodybg.jpg) repeat left top;}

/* ヘッダー */
header {
padding: 10px 0 10px 0;
position: relative;
text-align: center;
background: #fff;
color: #333;
border-top: 15px solid #ffa500;
border-bottom: 10px solid #ffa500;
}
#color2 header {
border-top: 15px solid #19a219;
border-bottom: 10px solid #19a219;
}

/* ロゴ・サイトタイトル */
.logo {
font-size: 28px; 
margin: 10px 0;
display: block;
line-height : 1.5;
text-align: center;
}
.logo img{
max-width: 60%;
}

h1.center {
text-align: center;
font-size: 24px;
margin: 0;
line-height: 1.5;
}

/* 電話番号など */
.tel {
margin: 0;
display: block;
font-size: 0.8em;
}
.phone{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 3em;
color: #d00;
}
.phone.size-s{
font-size: 2.4em;
}
.phone a{
color: #d00;
text-decoration: none;
background: url(img/icon_tel01.png) no-repeat left center;
background-size: 44px 44px;
padding: 5px 0 3px 52px;
}


/* ヘッドライン */
#headline{
text-align: center;
padding: 30px 0 0;
}

#mainimg{
  margin: 20px 0;
}

/* リード */
#read{
width: 94%;
margin: 0 auto;
text-align: center;
}
.read{
font-size: 1.2em;
color: #cc0000;
line-height: 1.5;
font-weight: bold;
}

/* コンテンツ枠 */
#contents {
width : 100%;
margin : 0 auto;
background: #fff;
}

/* メインコンテンツ */
#main {
width : 94%;
margin : 0 auto;
padding: 20px 0 10px;
font-size: 1em;
}

/* コンテンツ内 画像 シャドウ */
img.shadow {
background: #fff;
padding: 5px;
-moz-box-shadow: 1px 2px 5px #ccc;
-webkit-box-shadow: 1px 2px 5px #ccc;
box-shadow: 1px 2px 5px #ccc;
}

#contents img.snone {box-shadow : none;}


/* コンテンツ見出し */
h2 {
font-size: 1.6em;
color: #4c2f00;
line-height: 1.5;
font-weight: bold;
}
h2 span {
background: url(img/liner02.png) no-repeat 0 85%;
background-size: contain;
padding: 0 10px;
}
h2 span.font_l {
font-size: 1.2em;
}

h3 {
margin: 1em -4% ;
text-align: center;
padding: 1em 0.5em;
color: #FFF;
font-size : 1.5em;
background: #ffa500;
text-shadow: 1px 1px 2px #410280;
}
#color2 h3 {
background: #19a219;
text-shadow: 1px 1px 2px #2f6339;
}

h4 {
font-size: 1.2em;
color: #4c2f00;
margin: 1.5em 0 1em;
border-left: 7px solid #d7ba8c;
padding: 6px 0 4px 10px;
line-height: 1.7;
}
#color2 h4 {
border-left: 7px solid #c6dca2;
}
h5 {
font-size: 1.1em;
margin: 1.2em 0 1em;
}

.reason1,.reason2,.reason3,.reason4,.reason5,.reason6,.reason7,.reason8,.reason9,.reason10 {
border: none;
padding: 20px 0 20px 70px;
margin-bottom: 0.5em;
color: #d00;
}
.reason1 {background: url(img/icon_reason01.png) no-repeat 0 0;background-size: 63px;}
.reason2 {background: url(img/icon_reason02.png) no-repeat 0 0;background-size: 63px;}
.reason3 {background: url(img/icon_reason03.png) no-repeat 0 0;background-size: 63px;}
.reason4 {background: url(img/icon_reason04.png) no-repeat 0 0;background-size: 63px;}
.reason5 {background: url(img/icon_reason05.png) no-repeat 0 0;background-size: 63px;}
.reason6 {background: url(img/icon_reason06.png) no-repeat 0 0;background-size: 63px;}
.reason7 {background: url(img/icon_reason07.png) no-repeat 0 0;background-size: 63px;}
.reason8 {background: url(img/icon_reason08.png) no-repeat 0 0;background-size: 63px;}
.reason9 {background: url(img/icon_reason09.png) no-repeat 0 0;background-size: 63px;}
.reason10 {background: url(img/icon_reason10.png) no-repeat 0 0;background-size: 63px;}

.icon-star {
border: none;
padding: 10px 0 20px 70px;
margin-bottom: 0.5em;
color: #d00;
background: url(img/icon_star01.png) no-repeat 0 0;
background-size: 53px;
}

span.point{
font-size: 14px;
font-weight: bold;
padding: 8px 16px 6px;
margin-right: 10px;
margin-bottom: 7px;
text-shadow: 0px 1px 1px #fff;
line-height: 1.5;
display: inline-block;
vertical-align: top;
background: #ffeeb2;
border-radius: 8px 8px 8px 8px;
}

/* コンテンツ要素 */
section {clear: both;}
#contents p { 
margin-bottom : 20px;
}

#contents li { 
margin-bottom : 16px;
text-align : left;
list-style-position: inside;
}

#contents img.alignleft {
float: none;
margin: 0 auto 15px;
display: block;
}
#contents img.alignright {
float: none;
margin: 0 auto 15px;
display: block;
}

/* フッター */
footer {
clear: both;
text-align : center;
padding : 10px 0 24px;
background : #fff;
}

footer p {
font-size: 0.9em;
margin-top: 12px;
color : #333;
}

footer p a {color: #666;}
footer p a:hover {text-decoration: underline;}

footer .copy {
margin: 20px 0 0;
}


/* テーブル */
table.eigyotable {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
table.eigyotable tr {
background-color: #ffebeb;
}
table.eigyotable th {
background: none repeat scroll 0 0 #e6e6e6;
color: #555;
}
table.eigyotable th, table.eigyotable td {
padding: 10px 2px 7px;
}


/* ボックス */
.box {
margin: 0 0 20px;
padding: 15px;
border: 3px solid #ccc;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

.box01 {
margin: 0 0px 20px;
padding: 15px 15px 0 ;
border: 1px solid #ccc;
}

.box02 {
background: #fff;
padding: 20px 5px 5px;
margin-bottom: 30px;
box-shadow: 0px 1px 3px #aaa;
-moz-box-shadow: 0px 1px 3px #aaa;
-webkit-box-shadow: 0px 1px 3px #aaa;
}
.box03 {
margin: 0 0px 20px;
padding: 15px 15px 0 ;
border: 3px solid #ccc;
}

.iframebox { text-align: center; margin: 30px 0; }
.iframebox iframe { max-width: 90%; }

.flow {
  background: url(img/u_arrow01.png) no-repeat center bottom;
  background-size: 80px;
  padding: 0 0 20px;
}

/* 見出し付きボックス */
.t-box01 h4,#color2 .t-box01 h4 {
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
background: #700e12;
text-align: left;
font-size: 1.2em;
margin: 20px 0 0 0;
padding: 15px 15px 15px;
font-weight: bold;
border: 1px solid #ccc;
border-bottom: none;
color: #FFF;
text-shadow: 1px 1px 2px #ac2e49;
}
.t-box01In  {
margin: 0 0px 20px;
padding: 15px;
border: 1px solid #ccc;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
text-align: left;
}

/* 見出し付きボックスstar */
.star-box h4,#color2 .star-box h4 {
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
background: url(img/icon_star01.png) no-repeat 12px 12px #f8f8f8;
background-size: 40px;
text-align: left;
color: #d00;
font-size: 1.2em;
margin: 20px 0 0 0;
padding: 18px 15px 15px 65px;
font-weight: bold;
border: 1px solid #ccc;
border-bottom: none;
}
.star-boxIn  {
margin: 0 0px 20px;
padding: 15px;
border: 1px solid #ccc;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
text-align: left;
}

.pc {display: none;}


/* list-style
----------------------------------------------- */
.list01 {
	margin: 20px 0 30px 10px;
}
.list01 li {
list-style: none;
margin-bottom: 10px;
padding-left: 16px;
background: url(img/icon_circle01.png) no-repeat left 6px;
font-size: 1em;
line-height: 1.3;
}
.list02 {
margin: 20px 0 30px 5px;
}
.list02 li {
list-style: none;
margin-bottom: 10px;
padding-left: 25px;
background: url(img/bullet1.gif) no-repeat left 0;
}

#contents ul.double li {
list-style: none;
text-align: center;
margin-bottom: 30px;
}

ul.bullet_01 li {
list-style-image: url("img/bullet1.gif");
font-weight: bold;
margin-bottom: 3px !important;
padding: 5px 0;
background: #fff;
}
ul.bullet_01 li:nth-child(2n) {
background: #f2f2f2;
}

ul.bullet_02 li {
list-style-image: url("img/bullet1.gif");
font-weight: bold;
font-size: 1.2em;
margin-bottom: 8px !important;
padding: 7px 0 5px;
background: #fff;
line-height: 1.5;
}
ul.bullet_02 li:nth-child(2n) {
background: #f2f2f2;
}

ul.bullet_L li {
list-style: none;
background: url("img/icon_check_L.png") no-repeat left top;
background-size: 33px ;
font-weight: bold;
font-size: 16px;
margin-bottom: 8px !important;
padding: 7px 5px 5px 36px;
}

ul.bullet_07 li {
list-style-image: url("img/bullet7.gif");
font-weight: bold;
font-size: 18px;
margin-bottom: 6px !important;
padding: 5px 0;
background: #fff;
}
ul.bullet_07 li:nth-child(2n) {
background: #f2f2f2;
}

/* dl-style
----------------------------------------------- */
.dl01 {
margin: 30px 10px;
}
.dl01 dt {
margin:30px 0 10px;
padding: 0 0 4px 17px;
font-size:1.1em;
font-weight: bold;
background: url(img/icon_square01.png) no-repeat 0 8px;
border-bottom: 1px dotted #bababa;
}
.dl01 dd {
margin: 0 0 30px;
}

.faq {
margin-bottom: 30px;
text-align: left;
}
.faq dt {
background: url("img/icon_faq-q.png") no-repeat scroll 5px center #f2f2f2;
background-size: 34px;
border-top: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
font-size: 1em;
font-weight: bold;
margin-bottom: 15px;
padding: 15px 0 15px 46px;
}
.faq dd {
background: url("img/icon_faq-a.png") no-repeat scroll 5px top transparent;
background-size: 34px;
margin-bottom: 30px;
padding: 6px 0 0 46px;
}


/* testimonials
----------------------------------------------- */
.testimonial {
margin: 30px 0px;
padding: 20px;
border: 3px solid #eee;
background: url(img/testimonial_bg.png) no-repeat 98% 10px #f6f6f6;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
.testimonial.bgnone {
background: url(img/testimonial_bg.png) no-repeat 98% 10px #fff;
}
.t-title {
font-weight: bold;
font-size: 1.3em;
padding-bottom: 12px;
border-bottom: 1px dotted #ccc;
margin-bottom: 30px;
color: #d00;
}
.t-name {
font-weight: bold;
}
.attention{
font-size: small;
color: #777;
clear: both;
margin-bottom: 0 !important;
text-align: right;
}

.testimonial dl{
margin-bottom: 20px;
}
.testimonial dt{
font-weight: bold;
font-size: 12px;
margin-bottom: 10px;
color: #777;
}
.testimonial dd{
margin-bottom: 20px;
padding-left: 0.5em;
}

/* response
----------------------------------------------- */
.response{
text-align: center;
margin: 30px 0;
}
.tel-contact{
background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc33), to(#339900));
background: -webkit-linear-gradient(#66cc33 0%, #339900 100%);
background: linear-gradient(#66cc33 0%, #339900 100%);
width: 100%;
text-align: center;
margin:10px auto 0;
border-radius:10px;
border:solid 1px #ccc;
font-weight: bold;
}
.tel-contact span{
display: inline-block;
}
.tel-contact a{
width: 90%;
margin:0 auto;
padding:6% 5%;
display: block;
text-decoration: none;
color:#fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.tel-contact .telnum{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2.3em;
color: #ff0;
background: url(img/tel_2.png) no-repeat left center;
background-size: 36px;
padding: 3px 0 6px 40px;
text-decoration: none;
}
.tel-contact .sm{
font-size: 0.9em;
line-height: 1.5;
}

.sp_response{
text-align: center;
width: 100%;
position: fixed;
bottom: 0;
}
.sp_response .tel-contact{
background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc33), to(#339900));
background: -webkit-linear-gradient(#66cc33 0%, #339900 100%);
background: linear-gradient(#66cc33 0%, #339900 100%);
width: 100%;
text-align: center;
border-radius:0;
border:none;
font-weight: bold;
opacity: 0.90;
}
.sp_response .tel-contact span{
display: inline-block;
}
.sp_response .tel-contact a{
margin:0 auto;
padding:2% 0 1%;
display: block;
text-decoration: none;
color:#fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.sp_response .tel-contact .telnum{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2em;
color: #ff0;
background: url(img/icon_tel03.png) no-repeat left center;
background-size: 30px;
padding: 0 0 0 34px;
text-decoration: none;
line-height: 1;
}


.form-contact{
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcc141), to(#ff9900));
background: -webkit-linear-gradient(#fcc141 0%, #ff9900 100%);
background: linear-gradient(#fcc141 0%, #ff9900 100%);
width: 100%;
text-align: center;
margin:10px auto 0;
border-radius:10px;
border:solid 1px #ccc;
}

.form-contact a{
width: 90%;
margin:0 auto;
padding:5%;
display: block;
text-decoration: none;
color:#fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}


.form-contact-hoken{
background-image: -webkit-gradient(linear, left top, left bottom, from(#ecebe9), to(#b3b3b3));
background: -webkit-linear-gradient(#ecebe9 0%, #b3b3b3 100%);
background: linear-gradient(#ecebe9 0%, #b3b3b3 100%);
width: 100%;
text-align: center;
margin:10px auto 0;
border-radius:10px;
border:solid 1px #ccc;
}

.form-contact-hoken a{
width: 90%;
margin:0 auto;
padding:5%;
display: block;
text-decoration: none;
color:#626060;
}


/* text-style
----------------------------------------------- */
.txt-right {
	text-align: right !important;
}
.txt-left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.color-red {
	color: #dd0000;
}
.font-s {
	font-size: smaller;
}
.font-l {
	font-size: 1.1em;
}
.font-ll {
	font-size: 1.2em;
}
.pc-center {
 	text-align: left;
}

/* Emphasis
----------------------------------------------- */
.em1 {
	color: #dd0000;
}
.em2 {
	font-size: large;
	color: #dd0000;
}
.em3 {
	font-weight: bold;
}
.em4 {
	font-weight: bold;
	font-size: large;
}
.em5 {
	font-weight: bold;
	text-decoration: underline;
}
.em6{
  background: #FFF8CE;
  font-weight: bold;
	padding-left: 3px;
}
.em7{
background: url(img/liner02.png) no-repeat 0 85%;
background-size: contain;
padding: 0 5px;
}

.em1 a{
	color: #dd0000;
}
.em2 a{
	color: #dd0000;
}

/* other-style
----------------------------------------------- */
.MT0 { margin-top: 0px !important; }
.MT10 { margin-top: 10px !important; }
.MT20 { margin-top: 20px !important; }
.MT30 { margin-top: 30px !important; }
.MB0 { margin-bottom: 0px !important; }
.MB5 { margin-bottom: 5px !important; }
.MB10 { margin-bottom: 10px !important; }
.MB20 { margin-bottom: 20px !important; }
.MB30 { margin-bottom: 30px !important; }

.MR0 { margin-right: 0 !important; }
.MR10 { margin-right: 10px !important; }
.MR20 { margin-right: 20px !important; }
.MR30 { margin-right: 30px !important; }

.ML10 { margin-left: 0 !important; }
.ML10 { margin-left: 10px !important; }
.ML20 { margin-left: 20px !important; }
.ML30 { margin-left: 30px !important; }
.ML100 { margin-left: 100px !important; }

.MRL-20 { margin-left: -20px !important;margin-right: -20px !important; }

.PT0 { padding-top: 0px !important; }
.PT10 { padding-top: 10px !important; }
.PT20 { padding-top: 20px !important; }
.PT30 { padding-top: 30px !important; }
.PB0 { padding-bottom: 0px !important; }
.PB10 { padding-bottom: 10px !important; }
.PB20 { padding-bottom: 20px !important; }
.PB30 { padding-bottom: 30px !important; }

.submit-btn {
	text-align: center;
	margin: 30px 0;
}
.bnr {text-align: center; margin: 30px 0;}

.clear{clear: both;}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 1%;
height: 0.1px;
line-height: 0;
visibility: hidden;
}

.inlineb{display: inline-block;}
.inlineb{padding: 0;}

hr{
  clear: both;
  background: url("img/break.png") no-repeat center center;
  border: medium none;
  height: 15px;
  margin: 50px 0;
}


/* form-style
----------------------------------------------- */
form#mailformpro {
	padding: 10px 0px;
}
form#mailformpro dl dt {
  clear: both;
	padding: 10px 0px;
	text-align: left;
	border-top: solid 1px #CCC;
	margin: 0px;
}
form#mailformpro dl dd {
  padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.5em;
	text-align: left;
}

dl.response {
  text-align: left;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
dl.response span.required {
  background-color: #CC0000;
  color: #FFFFFF;
  font-size: 0.8em;
  font-weight: bold;
  margin-right: 10px;
  padding: 2px 6px;
  text-shadow: none;
}
#contents p.submit {margin: 30px 0; text-align: center; clear: both;}

label {margin-right: 1em; cursor: pointer;}

input,select {
margin-right: 3px;
font-size: 1em;
padding: 2px;
}
button[type="submit"],button[type="reset"],button[type="button"]{
padding:3px 10px;
background: #878787;
background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:1.1em;
color:#fff;
}

button[type="submit"]:hover,button[type="reset"]:hover,button[type="button"]:hover{
background: #878787;
background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
cursor:pointer;
}

/* 768px～1023px メディアクエリー開始 */
@media screen and (min-width : 768px){

/* ヘッダー */
header {
padding: 15px 0;
text-align: left;
overflow: hidden;
}

/* ロゴ・サイトタイトル */
.logo {
font-size: 24px; 
margin: 5px 0 0 5px;
display: inline-block;
text-align: left;
*float:left;
}
.logo img {
max-width: 100%;
}

/* 電話番号など */
.tel {
font-size: 16px; 
margin: 0 0 0 0;
display: inline-block;
float: right;
}
.tel .phone {padding: 0 0 5px 8px;line-height: 1;
}

/* コンテンツ見出し */
h2 {
font-size: 2.8em;
}
h2 span {
}
h2 span.font_l {
font-size: 1.3em;
}

.read{
font-size: 1.8em;
}

h4 {
font-size: 1.4em;
color: #4c2f00;
margin: 1.5em 0 1em;
padding: 6px 0 4px 12px; 
}
h5 {
font-size: 1.2em;
margin: 1.2em 0 1em;
}

#contents,footer {background: url(img/mainbg.jpg) repeat-y center top;}



/* コンテンツ要素 */
#contents p {margin:0 40px 20px;}
.header {text-align: left}
h3 {margin: 50px 0;font-size: 2em;}
#hb {padding: 20px 0;}
.sp {display: none;}
.pc {display: inline-block;}
.box {padding: 20px;}

#contents img.alignleft {
float: left;
margin: 0 25px 20px 0;
}
#contents img.alignright {
float: right;
margin: 0 0 25px 20px;
}


/* 見出し付きボックス */
.t-box01 h4 {
font-size: 1.4em;
padding: 20px;
}
.t-box01In  {
margin: 0 0px 20px;
padding: 30px;
border: 1px solid #ccc;
}

.faq dt {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 15px;
padding: 15px 0 15px 48px;
}
.faq dd {
background: url("img/icon_faq-a.png") no-repeat scroll 5px top transparent;
background-size: 34px;
margin-bottom: 30px;
padding: 6px 0 0 48px;
}

#contents ul.double li {
width: 50%;
float: left;
}
#contents ul.double li:nth-child(odd) {
clear: both;
}


/* response
----------------------------------------------- */
.response{
text-align: center;
margin: 30px 0;
font-size: 1.2em;
}
.tel-contact{
width: 720px;
text-align: center;
margin:15px auto;
font-weight: normal;
}
.tel-contact span{
display: inline-block;
}
.tel-contact a{
width: 90%;
margin:0 auto;
padding:3% 5%;
display: block;
text-decoration: none;
color:#fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.tel-contact .telnum{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 2.5em;
color: #ff0;
background: url(img/icon_tel03.png) no-repeat left center;
background-size: 44px;
padding: 3px 0 6px 52px;
text-decoration: none;
}
.tel-contact .sm{
font-size: 0.9em;
line-height: 1.5;
}
.tel-contact .sp{
display: none;
}

.sp_response{
display: none;
}

.form-contact{
width: 720px;
text-align: center;
margin:15px auto;
}

.form-contact a{
width: 90%;
margin:0 auto;
padding:2%;
display: block;
text-decoration: none;
color:#fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.form-contact-hoken{
width: 720px;
text-align: center;
margin:15px auto;
}

.form-contact-hoken a{
width: 90%;
margin:0 auto;
padding:2%;
display: block;
text-decoration: none;
}

} /* 768px～1023px メディアクエリー終了 */

 /* 1024px～ メディアクエリー開始 */
@media screen and (min-width : 1024px) {

#title, #contents {width: 980px; margin: 0 auto;}

/* ヘッダー */
header {
text-align : left;
margin: 0;
padding: 15px;
position: relative;
}

/* ヘッダー内部 */
hgroup {width: 980px; margin: 0 auto;}


/* リード */
#read{
width: 780px;
margin: 50px auto 0;
padding: 0px 100px 20px;
}


/* メインコンテンツ */
#main {
width: 980px;
margin: 0 auto;
padding: 20px 0;
font-size : 1em;
}

/* メインコンテンツ内部 */
#main section {margin: 20px 120px;}
#contents p {margin:0 0 20px;}
#contents p.w100 {margin:0 40px 20px;}


.reason1,.reason2,.reason3,.reason4,.reason5,.reason6,.reason7,.reason8,.reason9,.reason10 {
border: none;
padding: 20px 0 20px 70px;
margin-bottom: 0.5em;
color: #d00;
}
.reason1 {background: url(img/icon_reason01.png) no-repeat 0 0;background-size: 63px;}
.reason2 {background: url(img/icon_reason02.png) no-repeat 0 0;background-size: 63px;}
.reason3 {background: url(img/icon_reason03.png) no-repeat 0 0;background-size: 63px;}
.reason4 {background: url(img/icon_reason04.png) no-repeat 0 0;background-size: 63px;}
.reason5 {background: url(img/icon_reason05.png) no-repeat 0 0;background-size: 63px;}
.reason6 {background: url(img/icon_reason06.png) no-repeat 0 0;background-size: 63px;}
.reason7 {background: url(img/icon_reason07.png) no-repeat 0 0;background-size: 63px;}
.reason8 {background: url(img/icon_reason08.png) no-repeat 0 0;background-size: 63px;}
.reason9 {background: url(img/icon_reason09.png) no-repeat 0 0;background-size: 63px;}
.reason10 {background: url(img/icon_reason10.png) no-repeat 0 0;background-size: 63px;}

span.point{
font-size: 14px;
font-weight: bold;
padding: 8px 16px 6px;
margin-right: 10px;
margin-bottom: 7px;
text-shadow: 0px 1px 1px #fff;
line-height: 1.5;
display: inline-block;
vertical-align: top;
background: #ffeeb2;
border-radius: 8px 8px 8px 8px;
}

.box{padding: 40px;}

.pc-center {
 	text-align: center;
}

.dl01 dt {
margin:2em 0 1em;
padding: 0 0 4px 17px;
font-size:1.1em;
font-weight: bold;
background: url(img/icon_square01.png) no-repeat 0 6px;
border-bottom: 1px dotted #bababa;
}
.dl01 dd {
margin: 0 0 2em;
}


form#mailformpro {
	padding: 10px 0px;
}
form#mailformpro dl dt {
  clear: both;
  float: left;
  width: 150px;
	font-size: 14px;
	padding: 10px 0px;
	text-align: right;
	border-top: solid 1px #CCC;
	margin: 0px;
}
form#mailformpro dl dd {
  padding: 10px 10px 10px 170px;
	border-top: solid 1px #CCC;
	margin: 0px;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
}

dl.response {
  text-align: left;
  width: 650px;
  margin: 0 auto;
  overflow: hidden;
}


.box01 {
margin: 0 0px 20px;
padding: 15px 15px 0 ;
border: 1px solid #ccc;
}

.box02 {
background: #fff;
padding: 30px 25px 5px;
margin-bottom: 30px;
box-shadow: 0px 1px 3px #cccccc;
-moz-box-shadow: 0px 1px 3px #cccccc;
-webkit-box-shadow: 0px 1px 3px #cccccc;
}
.box03 {
margin: 0 0px 20px;
padding: 15px 15px 0 ;
border: 3px solid #ccc;
}

ul.bullet_L li {
list-style: none;
background: url("img/icon_check_L.png") no-repeat left top;
background-size: 40px ;
font-weight: bold;
font-size: 24px;
margin-bottom: 15px !important;
padding: 7px 5px 5px 45px;
}


} /* 1024px～ メディアクエリー終了 */



/* youtube */


div.video-container {
    background-color: white;
    width: 100%;
    height: auto;
} 
 
div.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-bottom: 30px;
    height: 0;
    overflow: hidden;
}
 
div.video iframe,
div.video object,
div.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* youtube */


div.video-container {
    background-color: white;
    width: 100%;
    height: auto;
} 
 
div.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin-bottom: 30px;
    height: 0;
    overflow: hidden;
}
 
div.video iframe,
div.video object,
div.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}