@charset "utf-8";
body{margin:0; padding:0; font-size:18px; line-height:30px; color:#333333; font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; background-color:#FFFFFF; background-image:url("../img/main_bk.gif"); background-position: center top; -webkit-text-size-adjust:100%;}
@media screen and (max-width: 1200px){body {padding:10px 0 0;}}
html {box-sizing: border-box;}
* html body{overflow: hidden;}
h1 {margin:106px auto 0; text-align:center;}
h1 img {max-width:100%;}
h2 {margin:0 auto; text-align:center;}
h3 {font-size:25px; line-height:40px;}
@media screen and (max-width: 1200px){h1 {margin:140px auto 0;}}
@media screen and (max-width: 940px)  {h1 {margin:52px auto 0;}}

/* float clearfix */
.fL {float: left; display: inline;}
.fR {float: right; display: inline;}
.taC {text-align: center;}
.taL {text-align: left;}
.taR {text-align: right;}
.clear {clear: both;}
.clear hr { display:none; }
.clearFix {zoom: 100%;}
.clearFix:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;font-size: 0;}

ul {zoom: 100%;}
ul:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;font-size: 0;}

/* a href */
a:focus {outline:none;}
a:link {color: #FFFFFF; text-decoration:none;}
a:visited {color: #FFFFFF; text-decoration:none;}
a:hover {color: #7A0000; text-decoration:underline;}
a:hover {-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; opacity: 0.2;}

/* page top */
#page-top {position:fixed; bottom:20px; right:20px;}
#page-top_sp {position:fixed; bottom:5px; right:15px;}

/* margin padding */
.mt20 {margin-top:20px;}

/* pc tab smp */
@media screen and (min-width: 940px)  {.sp {display:none;}}
@media screen and (max-width: 940px)  {.tab {display:none;}}
@media screen and (min-width: 1200px) {.tab {display:none;}}
@media screen and (max-width: 1200px) {.pc {display:none;}}
@media screen and (max-width: 940px)  {.pc_tab {display:none;}}
@media screen and (min-width: 940px)  {.brsp {display:none;}}

/* header */
#header {position: fixed !important; position: absolute; top:0; left:0; width:100%; height:106px; background-image:url("../img/header_bk.jpg"); text-align:center; z-index:50;} 
#header_inner {margin:0 auto; padding:0 20px; width:1160px;}
.header_logo {float: left;}
.header_tel_tab {padding:20px 0 0; float:right;}
.header_tel {width:740px; float:right;}
.header_tel ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction:row-reverse; justify-content:space-between;}
@media screen and (max-width:1200px){
#header {height:150px; background-image:url("../img/header_bk_tab.jpg");} 
#header_inner {padding:0; width:940px;}
.header_tel {margin:0 auto; width:940px; float:none;}
.header_tel ul {width:880px; justify-content: space-around;}
}


@media screen and (min-width: 940px)  {.header_sp {display:none;}}
@media screen and (max-width:940px){
#header {height:62px; background-image:url("../img/header_bk_sp.jpg");} 
#header_inner_sp {margin:0 auto; width:100%;}
#header_inner_sp p {float:left;}
#header_inner_sp .menu_btn {float:right;}
#header_inner_sp nav {position: absolute; top: 100%; background-color: #000000; color: white; width: 100%; opacity: 0.8; font-size:12px;}
#header_inner_sp nav ul {margin: 0; padding: 0;}
#header_inner_sp nav ul li:first-child {border-top: solid 1px white;}
#header_inner_sp nav ul li {border-bottom: dotted 1px white; text-align: center; padding: 2px;}
}


/* wrapper */
.bgg {background-color:#f7f5f6;}
#wrapper {margin:0 auto; overflow: auto;}
@media screen and (max-width:1200px){#wrapper {width:100%; font-size:14px; line-height:25px;}}
.wrapper_ch {margin:0 auto; padding:106px 130px; width:940px;}
@media screen and (max-width:1200px){.wrapper_ch {padding:100px 3% 100px; width:94%;}}
@media screen and (max-width:640px){.wrapper_ch p img {width:100%;}}

#introduction ul {margin:0 auto; text-align:center;}
#introduction li {display:-moz-inline-box; display:inline-block; /display:inline; /zoom:1; margin:0 -3px !important; padding:0 !important;}

#flowchart p {text-align:center;}
#flowchart li {float:left;}
#flowchart li:nth-child(even) {padding:0 0 0 40px; width:800px;}
#flowchart span {font-size:25px; line-height:30px; font-weight:bold;}
@media screen and (max-width: 1200px) {
#flowchart ul {padding-left:150px;}
#flowchart li:nth-child(even) {width:500px;}
}
@media screen and (max-width: 940px)  {
#flowchart ul {margin:0 auto; padding:0; text-align:center;}
#flowchart li {float:none;}
#flowchart li:nth-child(even) {padding:0; width:100%;}
}

#example div {float:left;}
.ex_box {padding:0 0 0 34px; width:740px;}
.ex_box ul {padding:20px 0; border-bottom:dotted 1px #999999;}
.ex_box li {padding:0; width:100px; text-align:left; font-weight:bold; float:left;}
.ex_box li:last-child {padding:0 0 0 35px; width:605px; text-align:left; font-weight:normal;}
@media screen and (max-width: 1200px){
.ex_icon {padding-left:120px;}
.ex_box {padding:0 0 0 34px; width:590px;}
.ex_box li {width:90px;}
.ex_box li:last-child {padding:0 0 0 5px; width:495px;}
}
@media screen and (max-width: 1000px){
.ex_icon {padding-left:50px;}
.ex_box {padding:0 0 0 34px; width:480px;}
.ex_box li:last-child {padding:0 0 0 5px; width:385px;}
}
@media screen and (max-width: 800px){
#example div {float:none;}
.ex_icon {margin:0 auto; padding-left:0; text-align:center;}
.ex_box {padding:0; width:100%;}
.ex_box li {width:100%; text-align:center;}
.ex_box li:last-child {padding:0; width:100%; text-align:center;}
}

#lawyer ul {margin:0 auto; text-align:center;}
#lawyer li {display:-moz-inline-box; display:inline-block; /display:inline; /zoom:1; margin:0 -3px !important; padding:0 !important;}
.law_box {margin:0 0 100px; padding:20px; border:solid 5px #cd0000; background-color:#FFFFFF;}
.law_tx {margin:35px 0 0; font-weight:bold; text-align:center;}
@media screen and (max-width: 470px){
#lawyer li img {width:100%;}
}

#cost ul {padding:20px 0; border-bottom:dotted 1px #999999;}
#cost li {padding:0; width:110px; text-align:left; font-weight:bold; float:left;}
#cost li:last-child {padding:0 0 0 25px; width:805px; font-weight:normal;}
#cost span {font-weight:bold; color:#cd0000;}
#cost p {padding:20px 0 0;font-size:14px;}

@media screen and (max-width: 1200px){
#cost ul {padding-left:150px;}
#cost li:last-child {padding:0 0 0 25px; width:605px; font-weight:normal;}
}
@media screen and (max-width: 1000px){
#cost ul {padding-left:100px;}
#cost li:last-child {width:505px;}
}
@media screen and (max-width: 800px){
#cost ul {padding-left:50px;}
#cost li:last-child {width:405px;}
}
@media screen and (max-width: 640px){
#cost ul {margin:0 auto; padding-left:0;}
#cost li {margin:0 auto; width:100%; text-align:center; float:none;}
#cost li:last-child {padding:0; width:100%; text-align:center;}
}

#access li {margin:0 30px 0 0; width:455px; text-align:left; line-height:50px; float:left;}
#access li:last-child {margin:0;}
iframe {width:455px; height:260px;}
@media screen and (max-width: 1200px){
#access li {margin:0; width:100%; text-align:center; line-height:30px;}
iframe {width:100%; height:300px;}
}


#inquiry p {text-align:center;}
#inquiry ul {margin:30px 120px; text-align:left;}
#inquiry li {float:left;}
.inq_req {width:40px;}
.inq_name {padding:0 10px; width:200px;}
.inq_reset {padding:0 10px; width:200px; text-align:right;}
#inquiry input[type=text] {box-sizing: border-box; width: 280px; margin:0; padding: 0.3em; transition: 0.3s; border: 1px solid #b1b1b1; outline: none;}
#inquiry input[type=text]:focus {border-color: #cd0000; background-color:#fff0f1;}
#inquiry textarea {padding: 0.3em; transition: 0.3s; width: 420px; border: 1px solid #b1b1b1; outline: none;}
#inquiry textarea:focus {border-color: #cd0000; background-color:#fff0f1;}
.inq_mail_btn {text-align:center;}
@media screen and (max-width: 640px)  {.inq_mail_btn img {width:100%;}}
.inq_atten {margin:20px 0 0; font-size:14px; line-height:20px; color:#cb0101; font-weight:bold;}

@media screen and (max-width: 1200px){
#inquiry ul {margin:20px auto 40px; text-align:center;}
#inquiry li {margin:0 auto; float:none; text-align:center;}
#inquiry input[type=text] {width:100%; padding:5px 0; }
#inquiry textarea {padding:0; width:100%;}
}

#floatMenu{width: 166px; height: 113px; position: absolute; top:120px; right:100px; box-shadow: 10px 10px 10px rgba(0,0,0,0.4);}
@media screen and (max-width: 1200px){
#floatMenu{width: 166px; height: 113px; position: absolute; top:220px; right:50px; z-index:51;}
}


/* footer */
#footer {background-color:#000000; color:#FFFFFF;}
#footer_inner {margin:0 auto; padding:30px 0; width:1200px; text-align:center;}
.footer_copyright {padding:30px 0 0;}
@media screen and (max-width: 1200px) {
#footer_inner {width:100%}
}
@media screen and (max-width: 940px)  {
#footer {font-size:12px;}
}