@charset "utf-8";

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

/* 基本設定 */

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

html {
font-family : verdana, sans-serif;
line-height : 1.5;
-webkit-text-size-adjust: none;
}

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 : 28px;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;}

/* ヘッダー */
header {
padding: 0 0 5px 10px;
border-bottom: 5px solid #ccc;
position: relative;
text-align: center;
background: #3A3A3A;
color: #fff;
}

/* ロゴ・サイトタイトル */
.logo {
font-size: 28px; 
margin: 0;
display: block;
line-height : 1.5;
}

.logo a {color: #fff;}

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

/* 電話番号など */
.tel {
font-size: 24px; 
margin: 0;
display: block;
}

.tel span {
background: #fff;
padding: 10px 30px;
border-radius: 8px;
margin: 10px;
display: inline-block;
border: 2px solid #ccc;
}

/* ヘッダー見出し */
.headline {
padding: 0 0 20px;
}


/* ヘッダー画像 */
.photo {
text-align: center;
background: #fff;
}

/* 問い合わせボタン */
#title .order a, #hb .order a {
display: block;
margin: 15px  auto;
padding: 15px 0;
width: 310px;
text-align: center;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
background: #ff9900;
font-size: 24px;
color: #fff;
}

#title .order a:hover, #hb .order a:hover {background: #ffcc00;}

/* ページタイトル */
#title h1 {
margin-bottom : 24px;
padding: 24px 0;
margin : 0 auto;
text-align: left;
color: #fff;
line-height: 1.25;
width : 90%;
}

/* ページタイトル2 */
#title h2 {
color: #fff;
margin : 0 auto;
font-size : 28px;
text-align: left;
line-height: 1.25;
font-weight: normal;
width : 90%;
}

/* コンテンツ枠 */
#contents {
width : 100%;
margin : 0 auto;
text-align : center;
}

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

/* コンテンツ内 画像 シャドウ無し */
#contents img.snone {box-shadow : none;}

/* コンテンツ見出し */
h3 {
margin: 24px 0;
padding: 12px 0 12px 10px;
text-align: left;
border-left: 6px solid #CC0000;
border-bottom: 1px solid #999999;
color: #333;
}

/* コンテンツ見出し2 */
.header {
font-weight: bold;
text-align: center;
color: #d00;
margin-bottom : 30px;
margin-top: 50px;
font-size : 28px;
}

.ps {
font-weight: bold;
text-align: left;
color: #000;
margin-bottom : 30px;
margin-top: 50px;
font-size : 28px;
}

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

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

#contents img { 
margin : 12px 0 12px; 
}

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

.more {
background: #ff9900;
color: #fff;
display: inline;
padding: 2px 5px;
margin: 10px;
float: right;
font-size: 14px;
}

/* フッター */
footer {
color : white;
text-align : center;
padding : 24px 0;
margin: 20 0 0;
background : #3A3A3A;
border-top: 10px solid #ccc;
}

footer a {color: #fff;}

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


/* テーブル */
table {margin:0 auto;}
th, td {
	border-style: solid;
	border-width: 1px;
}

.bdn th, .bdn td {border: none;}

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

/* 見出し付きボックス */
.pbox {
margin: 0 0px 20px;
padding: 10px;
border: 3px solid #000;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
text-align: left;
}

/* ボックス見出し */
.ptitle {
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
background: #000;
color: #fff;
text-align: left;
font-size: 20px;
margin: 20px 0 0 0;
padding: 5px 15px;
font-weight: bold;
}

/* フッター問い合わせ */
#hbottom {
background: #F5912D;
padding: 20px 0 0;
margin: 0;
border-top: 10px solid #ccc;
color: #fff;
text-align: center;
}
#hbottom a {
color: #fff;
}
#hbottom a:hover {
text-decoration: underline;}

.pc {display: none;}

/* other-style */

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


ul.bullet_02 {
margin: 50px 0px !important;
}

ul.bullet_02 li {
list-style-image: url("img/bullet.png");
font-weight: bold;
font-size: 20px;
margin-bottom: 6px !important;
padding: 7px 0;
background: #fff;
}

ul.bullet_02 li:nth-child(2n) {
background: #f2f2f2;
}

ul.bullet_03 li {
list-style-image: url("img/bullet2.png");
font-weight: bold;
color:#d00;
font-size: 20px;
margin-bottom: 10px !important;
padding: 7px 0;
background: #fff;
}
ul.bullet_03 li:nth-child(2n) {
background: #f2f2f2;
}

.bullet_03{
color: black;
font-size: 15px;
font-weight: normal;
margin-bottom: 8px !important;
padding: 5px 0;
}



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

table.eigyotable {
	text-align: center;
	margin-bottom: 40px;
}
table.eigyotable tr {
	background-color: #fcc;
}
table.eigyotable th {
    background: none repeat scroll 0 0 #E6E6E6;
    color: #666666;
}
table.eigyotable th, table.eigyotable td {
    padding: 7px;
}

.iframebox { text-align: center;}
.iframebox iframe {max-width: 100%;}

.bnr {text-align: center; margin: 30px 0;}
.red {color: #d00; font-weight: bold;}
.black{color: #000; font-weight: bold; text-decoration: underline;}
.marker{color: #000; font-weight: bold;  background-color: #FFFF8E;}
.em1 {font-weight: bold; font-size: 22px;}
.center {text-align: center !important;}
.txt-left {text-align: left !important;}
.txt-right {text-align: right !important;}
.MB0 {margin-bottom: 0 !important;}

#main #postscript {margin-top: 40px;margin-bottom: 40px;}

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

/* ヘッダー */
header {
padding: 5px 0;
border-bottom: 10px solid #ccc;
text-align: left;
}

/* ロゴ・サイトタイトル */
.logo {
font-size: 24px; 
margin: 0 0 0 20px;
display: inline-block;
*float:left;
}

/* 電話番号など */
.tel {
font-size: 24px; 
margin: 0 20px 0 0;
display: inline-block;
float: right;
}

.tel span {
background: none;
padding: 0;
border-radius: 0;
margin: 0;
display: inline;
border: none;
}

/* ヘッダー見出し */
.headline {padding:0 0 30px;}

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

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

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

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

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


/* ヘッダー（見出し・画像）背景 */
#header {
background: -webkit-linear-gradient(#F2E6B2, #fff);
background: -moz-linear-gradient(#F2E6B2, #fff);
background: -ms-linear-gradient(#F2E6B2, #fff);
background: linear-gradient(#F2E6B2, #fff);
margin-bottom: 20px;
}

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

.photo {margin: 0;}

#contents {
width: 100%;
}

/* ヘッダー（見出し・画像）枠 */
#title {
width: 1000px;
padding: 0;
margin: 0 auto;
text-align : left;
position: relative;
}

/* ヘッダー問い合わせ */
#title .order a {
position: absolute; left: 60px; bottom: 20px;
width: 400px;
}

/* ヘッダー見出し枠 */
.headline {
width: 540px;
background: #55c2c2;
}

/* ヘッダー見出し */
#title .headline h1 {padding: 40px 0 20px;}
#title .headline h2 {padding: 0;font-size : 24px;}

/* ヘッダー画像 */
.photo {
text-align: center;
background: #fff;
}

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

/* メインコンテンツ内部 */
#main section {margin: 20px;}

/* コンテンツ画像 */
#contents .photo img {padding: 0; margin: 0;}

/* フッター問い合わせ */
#hb {
width: 1000px;
height: 100px;
margin: 0 auto;
padding: 10px 0;
position: relative;
}

#hb .order a {width: 400px;}

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



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

/* testimonials
----------------------------------------------- */

.testimonial {
margin: 20px 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: 24px;
padding-bottom: 12px;
border-bottom: 1px dotted #ccc;
margin-bottom: 30px;
color: #d00;
}
.t-name {
font-weight: bold;
}



.service_list {
    padding-bottom: 30px;
    padding-top: 30px;
}

.service_list table {
    border-collapse: collapse;
    width: 100%;
}

.service_list table tr th {
    background: none repeat scroll 0 0 #454444;
    border: 1px solid #000000;
    color: #fff;
    font-size: 108%;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    width: 30%;
}

.service_list table tr td {
    border: 1px solid #000000;
    font-size: 93%;
    line-height: 1.5;
    padding: 10px;
}

.service_list table tr td span {
    color: #d30000;
}

input.fancy_button {
	background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.01) 50%, transparent) repeat scroll 0 0;
	background-color: #15A93B;
	border-color: #ff3400;
    border-color: transparent transparent rgba(202, 202, 202, 0.27);
    border-radius: 7px 7px 7px 7px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
    color: #FFF100;
    font: bold 1.8rem Arial;
    letter-spacing: -1px;
    margin: auto 5px;
    outline: 0 none;
    padding: 0.48em 2em;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
    width:85%;
    white-space: normal;
    -webkit-appearance: none;
}

input.fancy_button:hover {
	background-color: #FF3300;
}