@charset "UTF-8";
/* CSS Document */
/*共通設定*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:bottom;margin:0;padding:0;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

html{scroll-behavior:smooth;}
img{display: block;line-height: 1;max-width: 100%;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing:border-box;}
.fa, .fab, .fad, .fal, .far, .fas {line-height: inherit !important;}
/*------------------------------------------
リンク設定
------------------------------------------*/
a img{border:none;}
a{color:#0066cc;text-decoration:none;}
a:hover{color:#FF3399;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);-ms-filter:"alpha( opacity=90)";}
a:visited{color:#993399;text-decoration:underline;}

/*------------------------------------------
装飾
------------------------------------------*/
.center{display:block;text-align:center;margin:0 auto;}
.right{text-align: right;display: block;}
.left{text-align:left;display: block;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.large{font-size:115%;line-height: 1.4;font-weight:bold;}
.xlarge{font-size:130%;line-height: 1.4;font-weight:bold;}
.xxlarge{font-size:160%;line-height: 1.4;font-weight:bold;}
.small{font-size:85%;line-height: 1.6;}
.xsmall{font-size:70%;line-height: 1.4;}
.red{font-weight:bold;color:#cc0000;}
.blue{font-weight:bold;color:#0069b3;}
.pink{font-weight:bold;color:#df5886;}
.yellow{color:#fbe876;}
.underline{font-weight:bold;background: linear-gradient(transparent 85%, #ffee6e 0%);}
.marker{background: linear-gradient(transparent 0%, #f5e377 0%);}

@media screen and (max-width: 590px) {
.large{font-size:115%;line-height: 1.3;}
.xlarge{font-size:130%;line-height: 1.3;}
.xxlarge{font-size:160%;line-height: 1.3;}
.small{font-size: 80%;line-height: 1.3;}
.xsmall{font-size: 70%;line-height: 1.3;}
}
/*------------------------------------------
float対策　その他
------------------------------------------*/
.fcl{zoom:100%;}
.fcl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
.flex{display: flex;}
.f_left{float: left;}
.f_right{float: right;}
.img_max{display: block;margin: 1% auto;}

@media screen and (max-width: 590px) {
.flex{display:block;}
.f_left{float: none;}
.f_right{float: none;}
.img_max{width: 100%; display: block;margin: 1% auto;}
}
/*--------------------
レイアウト
---------------------*/
body{
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
font-weight: 400;
color: #000000;
font-size: 20px;
line-height: 2.0;
background: #ffffff;
}

#contents{padding-top:0;max-width:100%;margin:0 auto;}

main{padding-top:50px;}

section{width: 100%;margin: 0 auto;padding: 4em 0;clear:both;box-sizing:border-box;}

.wrap{width:1000px;margin:0 auto;padding:0;box-sizing:border-box;}
.wrap_w{width:1200px;margin:0 auto;padding:0;box-sizing:border-box;}
.intro_wrap{width:1000px;margin:0 auto;padding:0px 0;box-sizing:border-box;}

@media screen and (max-width: 1024px) {/* タブレット */
body {line-height: 1.8;font-size: 16px;}
.wrap,.wrap_w,.intro_wrap{width:90%;}
}

@media screen and (max-width: 590px) {/* スマホ */
body {line-height: 1.8;font-size: 15px;text-align: left;}
section{
width: 100%;
margin: 0 auto;
padding: 8% 5%;
}
.wrap,.wrap_w,.intro_wrap{width:96%;}
}
/*------------------------------------------
表示・非表示
------------------------------------------*/
.pc { display:block; }
.sp { display:none; }

@media screen and (max-width: 749px){   
.pc { display:none; }
.sp { display:block; }
}
/*---------------------------------------------
背景色・文字色
---------------------------------------------*/
.section_bg{background:url(../img/section_bg.png) repeat top center;}
.section_bg01{background-color:#f0f0f0;}
.bgWhite{background-color:#ffffff;}

/*--------------------
title
---------------------*/
.contentTitle{
background: url(../img/title_bg.png) no-repeat bottom center;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 800;
width: 100%;
text-align: center;
color: #000000;
font-size: 180%;
line-height: 1.4;
letter-spacing: 0.2em;
margin: 0 auto 30px;
padding: 0% 0 40px;
}

.p_title{
font-size: 150%;
font-weight: 700;
padding: 2% 0;
margin: 0 auto 2% auto;
line-height: 1.4;
}
@media screen and (max-width: 590px) {/* スマホ */
.contentTitle {
font-size: 5.5vw;
letter-spacing: normal;
background-size: contain;
padding: 0 0 25px 0;
margin: 0 0 25px 0;
}
}
/*--------------------
header
---------------------*/
header{background:#ffffff;width:100%;position:fixed;z-index:9999;}
header .headIn{display:table;width:100%;height:50px;box-sizing:border-box;margin:0 auto;padding:0 50px 0 30px;}
.headerColor-default{background-color:rgba(255,255,255,0.8);}
.headLeft{float:left;}
.headRight{float:right;margin-top:7px;}
header .headerTel {float: left;font-weight: bold;padding: 0px 15px;font-size: 18px;}
h1{margin-top:10px;float:left;}
.header_logo{float:left;}
.header_logo img.logo{width: 210px;}
.logo_sub{float:left;font-weight:700;font-size:12px;padding:6px 0 0 15px;}

/*▼ボタン*/
.headRight .btnLine{background:#279b2b;width:180px;height:36px;text-align:center;display:block;color:#ffffff;border-radius:30px;border:#279b2b 1px solid;float:left;margin:0 8px 0 0;}
.headRight .btnLine a{display:block;color:#ffffff;font-size:13px;letter-spacing:.05em;background:url(../img/line_mini.svg) no-repeat 2px 1px;background-size:contain;padding:2px 0 0;}
.headRight .btnYoyaku{background:#a48806;width:180px;height:36px;text-align:center;display:block;color:#ffffff;border-radius:30px;border:#a48806 1px solid;margin:0 5px 0 0;}
.headRight .btnYoyaku a{display:block;color:#ffffff;font-size:13px;letter-spacing:.1em;padding:2px 0 0;}
.headRight .btnLine a:hover,.headRight .btnYoyaku a:hover{opacity:1.0;}

/*---　▼グローバルナビゲーション　--*/
#navArea nav{position:fixed;top:0;right:-300px;width:300px;height:100%;padding-top:50px;background:#333;font-size:14px;box-sizing:border-box;z-index:2;}
#navArea nav ul li{display:block;padding:8px 28px;}
#navArea nav ul li a{text-decoration:none;color:#ddd;}
#navArea .btn-gnavi{position:fixed;top:10px;right:16px;width:30px;height:24px;z-index:3;box-sizing:border-box;cursor:pointer;-webkit-transition:all 400ms;transition:all 400ms;}
#navArea .btn-gnavi span{position:absolute;width:30px;height:4px;background:#666;border-radius:10px;-webkit-transition:all 400ms;transition:all 400ms;}
#navArea .btn-gnavi span:nth-child(1){top:0;}
#navArea .btn-gnavi span:nth-child(2){top:10px;}
#navArea .btn-gnavi span:nth-child(3){top:20px;}
#navArea .btn-gnavi.open span{background:#fff;width:24px;}
#navArea .contents section p{position:absolute;top:50%;width:30%;line-height:1.4;font-size:20px;color:#fff;}
#navArea .contents section:nth-child(odd) p{left:10%;}
#navArea .contents section:nth-child(even) p{right:10%;}

@media screen and (max-width: 999px) {/* タブレット */
#navArea nav ul li{display:block;padding:8px 28px;}
}
@media screen and (max-width: 889px) {
header .headRight{display:none;}
.logo_sub{display: none;}
}
@media screen and (max-width: 590px) {/* スマホ */
/*header{background: none;}*/
/*.headerColor-default {background-color:rgba(255,255,255,0.0);}*/
header .headIn {padding: 0 60px 0 10px;}
}

/*--------------------
CTA
---------------------*/
.cta{background: #081454;margin: 0 auto;    padding: 2.5em 0;}
.btn_line,.btn_tel,.btn_copy{margin-bottom: 14px;}
@media screen and (max-width: 1000px) {
.cta .f_left{float: left;width: 48%;}
.cta .f_right {float: right;width: 48%;}
}
@media screen and (max-width: 590px) {/* スマホ */
.cta {padding: 2em;}
.cta .f_left,.cta .f_right {float:none;width:100%;}
.btn_line,.btn_tel,.btn_copy,.btn_mail{margin-bottom: 20px;}
}
/*---------------------------------------------
TOP
---------------------------------------------*/
#top{
background: #1c2757;
/*background: #1c2757 url(../img/top_bg.jpg) repeat bottom center;
background-size: cover;*/
}
#topImage .pc{margin:0 auto;display: block;}
#topImage .pc{display:block;}
#topImage .sp{display:none;}
@media screen and (max-width: 590px) {/* スマホ */
#top {height: auto;}
#topImage .pc {display: none;}
#topImage .sp {display: block;}
}
/*--------------------
ピックアップ
---------------------*/
section#pickup{
background: #efefef url(../img/intro_bg.jpg) no-repeat bottom center;
text-align: center;
background-size: cover;
padding-top: 2em;
padding-bottom: 0;
}
.pickup_box{
background: #151a63;
border-radius: 10px;
padding:5px 10px;
}
.pickup_box ul{

}
.pickup_box ul li{
background: #fff url(../img/check.png) no-repeat 15px center;
margin: 20px 10px;
padding: 5px 20px 5px 50px;
border-radius: 10px;
text-align: left;
font-weight: bold;
line-height: 1.6;
}
@media screen and (max-width: 1024px) {/* スマホ */
.pickup_arrow{width: 400px;}
.intro_img_01{width: 500px;}
.intro_img_02{width: 650px;}
}
@media screen and (max-width: 590px) {/* スマホ */
.pickup_arrow,.intro_img_01{width: 340px;}
}
/*--------------------
犯罪
---------------------*/
section#crime{
background: #000000 url(../img/crime_bg.jpg) no-repeat bottom center;
background-size: cover;
color: #fff;
}
section#crime .box_bg{
background: #fff;
/* border: #f7f153 5px solid; */
color: #000;
padding: 1.5em;
padding-top: 1em;
margin-top: 2em;
}
section#crime .midashi{
background: linear-gradient(transparent 65%, #f5e377 0%);
/* display: inline-block; */
font-weight: 900;
font-size: 130%;
margin: 0.5em 0 0;
}
/*--------------------
イントロ
---------------------*/
section#intro{
margin: 0 auto;
padding: 40px 0 20px;
background: #081454;
}
section#intro img{
margin: 0px auto;
}
#intro .f_left,#intro .f_right{width: 50%;padding: 15px;}

@media screen and (max-width:1024px) {
.intro_wrap{width: 100%;margin: 0 auto;padding: 0 20px;}
}
@media screen and (max-width: 590px) {
section#intro{padding:30px 20px 25px;}
.intro_wrap{width: 100%;margin: 0 auto;padding:0% 5% 1%;}
#intro .f_left,#intro .f_right{width: 90%;margin: 0 auto;}
}
/*--------------------
box002

#box002 .set{width: 1000px;margin: 0 auto;text-align: center;}
#box002 .set .p_title{border-bottom: #000000 2px solid;}
@media screen and (max-width: 590px) {
#box002 .set {width:auto;text-align: left;}
#box002 .set .p_title{text-align: center;font-size: 5vw;}
}
---------------------*/
/*--------------------
box003
---------------------*/
#box003 .n_case{margin-bottom: 25px;}
@media screen and (max-width: 590px) {
#box003 .wrap{width: 90%;}
#box003 .n_case {margin-bottom: 15px;}
}
/*--------------------
MERIT
---------------------*/
.merit_set {
width:100%;
background: #FFFFFF;
border-radius: 5px;
box-shadow: #cccccc 10px 10px 0px;
border: #cccccc 1px solid;
text-align: center;
margin: 1%;
}
.merit_set .m_t{
font-size: 135%;
color: #141450;
font-weight: 800;
letter-spacing: 0;
line-height: 1.2;
padding: 15px 0 10px;
vertical-align: middle;
}
.merit_set .t_cap{font-size: 16px;padding:20px;padding-top: 0; text-align: left;}
.merit_set img{width:100%}

@media screen and (max-width: 590px) {/* スマホ */
#merit .wrap{width: 80%;margin: 0 auto;padding: 0;}
.merit_set {max-width: 340px;margin:5% auto 0;box-shadow: #cccccc 5px 5px 0px;}
.merit_set .m_t {padding:15px 0;font-size: 22px;}
.merit_set .t_cap{font-size: inherit;padding: 15px;}
}
/*--------------------
CASE
---------------------*/
.case_set{background:#f1f2f2;border: #002a6a 1px solid;}
.c_title{
background: #002a6a;
color: #ffffff;
text-align: center;
padding: 5px;
font-size: 110%;
font-weight: bold;
}

.kekka_set{background: #f8f7ed;border: #cc0000 1px solid;}
.k_title{
background: #cc0000;
color: #ffffff;
text-align: center;
padding: 5px;
font-size: 110%;
font-weight: bold;
}
.c_text,.k_text{
text-align: left;
padding: 1em 1em;
line-height: 2.0;
/*width: 590px;*/
font-size: 90%;
}
#case .f_right{
float: right;
margin: 0 0 0 1em;
}
#case .f_left{
float: left;
margin: 0 1em 0 0;
}
@media screen and (max-width: 590px) {
.c_text,.k_text{width: 100%;font-size: 100%;padding: 5%;}
#case .f_right,#case .f_left{
float:none;
margin:0;
margin-bottom:1em;
}
}
/*--------------------
LINE
---------------------*/

#line .wrap{padding: 0;}

/* ポップアップウインドウの設定 */
.pu1,.pu2,.pu3
{background-color: #efefef;box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: fit-content;height: fit-content;overflow-y: scroll;max-height: 85%;}

/* チェックボックスの初期設定 */
#pu-on1,#pu-on2,#pu-on3
{display: none;}

/* チェックされたらポップアップウインドウを開く */
#pu-on1:checked + .pu1,#pu-on2:checked + .pu2,#pu-on3:checked + .pu3
{display: block;}

/* 閉じるアイコン（右上） */
.icon-close{background: #000;color: #fff;font-size: 30px;padding: 0 10px;position: absolute;right: 0;}

/* 開くボタン */
.btn-open{background: #fff;border-radius: 10px;color: #fff;padding: 10px;cursor: pointer;margin: 10px auto;width: 95%;text-align: center;}

/* ポップアップの内容 */
.pu-content1,.pu-content2,.pu-content3{margin: 40px auto 40px auto;max-width: 85%;}

@media screen and (max-width: 590px) {
#line .contentTitle{margin: 0 auto;}
#line .flex {display: flex;}
#line .pu-box {height: auto;overflow: hidden;}
/*#line .pu1,#line .pu2,#line .pu3{width: 70%;max-height: 58%;}*/
}

/*--------------------
FAQ
---------------------*/
.question_box{
margin: 10px auto 0;
padding: 1px 0 0 0;
}
.question_bc {
padding: 18px 8px;
max-width: 900px;
margin: 8px auto;
text-align: right;
}

.question_balloon {
width: 100%;
margin: 10px 0;
overflow: hidden;
}

.question_balloon .faceicon {
float: right;
margin-left: 0px;
width: 120px;
}

.question_balloon .faceicon img{
width: 100%;
height: auto;
}
.question_balloon .chatting {
width: 100%;
text-align: left;
}
/*--------------------
voice
---------------------*/
.voice_action {
padding: 10px;
}
.voice_action p{
text-align: center;
color: #f1f2f3;
font-weight: bold;
padding: 16px 8px 0px 8px;
font-size: 17px;
}
.voice_flow {
background: #ebe5d4;
width: 100%;
margin:20px auto 0;
border-radius: 12px;
padding: 8px;
}
.voice_action_txt {
display: flex;
justify-content: space-between;
position: relative;
top: 14px;
}

.voice_flow p.voicetitle {
margin-right: 60px;
line-height: 1.6;
padding: 10px 0;
margin-left: 65px;
font-weight: bold;
}
.voice_flow .titleimg {
float: left;
padding:5px 15px 0px 15px;
}
.voice_flow .contentsimg img {
width: 80px;
}
.voice_contents {
background: #fff;
}

/* toggle */
.toggle_switch {
position: relative;
cursor: pointer;
padding:10px 0;
}

.toggle_contents p {
text-align: left;
padding: 1% 3%;
line-height: 1.8em;
/*font-size: 18px;*/
}

.toggle_switch::after {
content: "";
display: inline-block;
width: 18px;
height: 11px;
background: url(../img/arrow_down.png) no-repeat center center;
background-size: contain;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
transition: transform .2s;
}
.toggle_switch.open::after {
transform: rotateZ(180deg);
top: 46%;
}
.toggle_contents {
display: block;
padding: 8px 0px;
background: #fff;
width: 100%;
margin: 0;
}
@media screen and (max-width: 590px) {
.voice_flow p.voicetitle {
margin-right: 30px;
padding: 0px 0 5px;
margin-left: 42px;
font-size: 14px;
}
.voice_flow .titleimg {
margin:0 10px;
width: 20px;
padding: 0;
}
.toggle_switch::after {
right: 5px;
}
}
/*--------------------
STEP
--------------------*/
.step_set {background: #f0f3f6;padding: 1em;}
.step_set .f_left{width: 28%;}
.step_set .f_right{width:70%;}
.step_img{}
.step_set .step_text{
padding: 10px 15px;
line-height: 1.8;
font-size: 96%;
}
.step_set .step_title{
font-size: 130%;
font-weight: 800;
color: #080940;
border-bottom: #080940 2px solid;
padding: 5px 15px;
}
@media screen and (max-width: 590px) {
#step .wrap{padding:0;}
.step_set {padding: 15px;}
.step_set .f_left {
float: none;
width: 300px;
margin: 0 auto;
}
.step_set .f_right {width: auto;}
.step_set .step_text{padding: 10px 0 0;clear: both;}
.step_set .step_title{padding: 5px 0px 5px;text-align: left;font-size: 110%;clear: both;}
.step_img {
float: none;
width: 200px;
margin: 0 auto;
}
.arrow_step{height: 20px;}
}
/*--------------------
料金
---------------------*/
.cost_table table {
border: 1px solid #000000;
width: 100%;
margin: 1em auto 0;
background: #ffffff;
}
.cost_table table, .cost_table table tr, .cost_table table th, .cost_table table td {
/*display: grid;*/
}
.cost_table table th {
border-bottom: 1px solid #a5a5a5;
background: #444444;
color: #ffffff;
text-align: center;
width: 30%;
vertical-align: middle;
}
.cost_table table tr td {
border-bottom:1px solid #000000;
}

.cost_table table tr td p {
margin-bottom: 8px;
}
.cost_table table th, .cost_table table td {
padding: 2% 4%;
font-size: 24px;
}

.cost_table table tr:last-of-type td {
border-bottom: none;
}

.cost_table table td .small{
font-size: 70%;
display: block;
}
@media screen and (max-width: 590px) {
#company table {
width: 85%;
}
.cost_table table th {width: 28%;}
.cost_table table th, .cost_table table td {font-size: 16px;}
}
/*--------------------
Form
---------------------*/
#contact .wrap {
background: #ffffff;
border-radius: 10px;
margin:35px auto 10px;
padding: 20px 0;
}
/*
#contact .contentTitle{border-bottom: none;}
#contact .subtx{margin: 40px 0;font-size: 18px;line-height: 1.8em;color: #ff6600;}
#contact .mailform {padding:0.5% 4% 4%; margin: 0px auto;-webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
-moz-box-shadow:0px 0px 10px 3px rgb(0 0 0 / 20%);box-shadow:0px 0px 10px 3px rgb(0 0 0 / 20%);background: #fff;}
#contact table {text-align: left;width: 100%;border-collapse: collapse;border-spacing: 0; margin: 0 0 20px}
#contact table th, #contact table td {padding: 15px 0; vertical-align: middle;}
#contact table th {font-weight: normal;font-size: 16px;text-align: left;width: 35%;position: relative;}
#contact table td {width: 75%; padding: 10px 0 10px 20px;}
#contact .form-text, #contact .form-textarea {width: 100%;height: 45px;border: 1px solid #D6D6D6; background: #fff;
padding: 3px;box-sizing: border-box;-webkit-appearance: none;border-radius: 4px;font-size: 14px;}
#contact .form-textarea {height: 120px;}
input[type="submit"], input[type="button"] {cursor: pointer;}
#contact table th:before {content: '';position: absolute;right: 15px;top: 0;
bottom: 0;margin: auto 0;width: 33px;height: 22px; background-size: cover;}
#contact table th.hissu:before {background: url(../img/contact-hissu.png) no-repeat;}*/
/*
#contact table th.nini:before {background: url(../img/contact-nini.png) no-repeat;}
*/
/*
#contact input[type=radio]{display: none;margin: 0;}
#contact input[type=radio] + label{position: relative;display: inline-block;margin-right: 20px;font-size: 16px;line-height: 30px;cursor: pointer;padding: 0 0 0 24px;}
#contact input[type=radio] + label::before{content: "";position: absolute;top: 50%;left: 0;-moz-box-sizing: border-box;box-sizing: border-box;
display: block;width: 18px;height: 18px;margin-top: -9px;background: #FFF;border: 1px solid #999;border-radius: 30px;}
#contact input[type=radio]:checked + label{color:#ff2900; font-weight: bold;}
#contact input[type=radio]:checked + label::after{content: "";position: absolute;top: 50%;-moz-box-sizing: border-box;
box-sizing: border-box;display: block;left: 5px;width: 8px;height: 8px;margin-top: -4px;background: #ff2900;border-radius: 8px;}
#contact input[type=radio]:checked  + label::before {border: 1px solid #ff2900;}

#contact input[type=checkbox] {width: 20px;height: 20px;vertical-align: top;}
#contact input[type=checkbox] + label{cursor: pointer;}
#contact input[type=checkbox]:checked + label{color:#ff2900; font-weight: bold;}

#contact select{width: 100%;height: 45px;border: 1px solid #D6D6D6;background: #fff;padding: 3px;box-sizing: border-box;border-radius: 4px;font-size: 14px;}
#contact label.error{color: red;font-size: 13px;}
#contact input.error,#contact select.error,#contact textarea.error{background: #ffe8e8;}

#confirm{padding: 150px 0 200px;}
#confirm table {width: 70%;margin: 50px auto;}
#confirm table th,#confirm table td {border-bottom: 1px dotted #CCC;font-weight: normal;text-align: left;padding: 5px 0;}
#confirm table th{width: 40%;color: #999;}
#confirm table td{width: 60%;}
#confirm .center h4{margin: 0 0 40px;}
#confirm .error_messe{color: red;margin: 0 0 5px;}
#confirm .btn{margin: 30px 0 0;}

#thanks{padding: 150px 0 200px;text-align: center;}
#thanks .center{margin: 40px 0 0;}
#thanks .center a{background: #999;color: #fff;padding: 10px 35px;border-radius: 4px;display: inline-block;}
#thanks .center a:hover{background: #666;}

.form-btn-conf {background: url(../img/contact-confirm.png) center no-repeat; background-size: contain;}
.form-btn-back {background: url(../img/contact-back.png) center no-repeat; background-size: contain;}
.form-btn-send {background: url(../img/contact-send.png) center no-repeat; background-size: contain;}
.form-btn {width: 366px;height: 77px;text-align: center;line-height: 50px;border: none;
border-radius: 5px;-webkit-appearance: none;text-indent: -999px;}
.form-btn:hover{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";transition: 0.5s;}
.mail-btn{text-align: center;}
.mail-btn li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
*/
/*term
.term {width: 100%;overflow: hidden;margin: 0 0 20px;}
.term .btn{background: #eee;padding: 10px 0;cursor: pointer;position: relative;}
.term .termtx{background: #f1f5f8;padding: 25px;text-align: left;font-size: 14px;line-height: 1.4em;color: #666;}
.term .termtx .ti{font-weight: bold;padding: 0 0 10px;margin: 0 0 10px;border-bottom: 1px dotted #ccc;}
.term .btn:hover:after{background: #333;color: #fff;}
.term .btn.active:after {content: "-";background: #333;color: #fff;}
.term .btn.active{background:#d5d5d5;}
.term .agree{margin: 25px 0 0;}
*/
/*
@media screen and (max-width: 590px) {
#contact .mailform{width:90%;padding:25px 10px;}
#contact table th,#contact table td{display:block;overflow:hidden;width:100%;padding:0;}
#contact table th:before{right:1px;}
#contact table th{margin:0 0 5px;}
#contact table td{border-bottom:1px dotted #ddd;margin:0 0 15px;padding:0 0 15px;}
.term .termtx{padding:25px 10px;}
}
*/
/*
@media screen and (max-width: 590px) {
#contact .mailform{padding: 0;width: 100%;box-shadow: none;}
#contact table th,#contact table td{display: block;overflow: hidden;width: 100%;padding: 0;}
#contact table th:before{right: 1px;}
#contact table th{margin: 0 0 5px;}
#contact table td{padding: 0 0 15px;margin: 0 0 15px;border-bottom: 1px dotted #ddd;}
.term .termtx{padding: 25px 10px;}
.term .btn:after{line-height: 1.5em;top: 7px;}
.form-btn {width: 100%;}
}
*/
/*--------------------
company
---------------------*/
#company table,td,th{border-collapse:collapse;}
#company table{margin:0 auto 0px;}
#company table th{width:20%;}
#company table td{}
#company table th, #company table td {
text-align: left;
vertical-align: middle;
padding: 10px 30px;
border-bottom: 1px solid #d1d1d1;
font-size: 90%;
font-weight: normal;
line-height: 1.8em;
}

/*MAP彩度*/
.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
width: 100%;
height: 400px;
-webkit-filter: saturate(10%);
filter: saturate(10%);
-webkit-transition: all 0.7s ease;
transition: all  0.7s ease;
}
@media screen and (max-width: 590px) {
#company table th, #company table td {padding: 10px 0;}
#company table th {width: 20%;}
}
/*--------------------
footer
---------------------*/
footer{background:#333333;color:#ffffff;padding:0px 0 0;}
footer #footInner .snsIconList{width:242px;margin:0 auto;padding:10px 0 20px;}
footer #footInner .snsIconList img{width:60px;float:left;margin:10px;}
footer #footInner .footLink{font-size:90%;margin-top:0;text-align:center;}
footer #footInner small{
font-size: 70%;
display: block;
text-align: center;
color: #ffffff;
padding: 8px 0;
}
/*--------------------
スマホ用　footerボタン
---------------------*/
#footerBtn{background:#ffffff;position:fixed;bottom:0;opacity:0.95;width:100%;text-align:center;margin:0 auto;padding:1.5%;}
#footerBtn img{padding:0px;margin:0 auto 3%;width: 200px;}
#footerBtn .headtext{
font-size: 18px;
font-weight: bold;
text-align: center;
display: block;
margin: 0 auto;
padding: 5px;
}
#footerBtn .btnLine,#footerBtn .btnMail,#footerBtn .headerTel{width:49%;height:40px;text-align:center;display:block;color:#ffffff;border-radius:5px;border:#ffffff 1px solid;margin:0;}
#footerBtn .btnMail a,#footerBtn .btnLine a{font-weight:700;display:block;color:#ffffff;font-size:14px;letter-spacing:.1em;padding:2px 0 0;}
#footerBtn .btnLine{background:#279b2b;float: right;height: 50px;}
#footerBtn .btnMail{background:#080940;float:left;height: 50px;}
#footerBtn .headerTel {background: #AA0000;float: left;padding-top: 12px;font-weight: bold;height: 50px;}


@media screen and (min-width: 888px) {
#footerBtn {display:none;}
}
@media screen and (max-width: 888px) {
footer {padding: 0px 0 115px;}
}