body {
    font-size: 62.5%;
	font-family:"Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	margin:0;
	color:#333333;
	line-height:1.6;
	-webkit-text-size-adjust : 100%;
        width: 100%;
}
img {
	outline:none;
	border-style:none;
}
a {
	color:blue;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
a:visited {
	color:blue;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
a:hover {
	opacity: 0.5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	
}
.clearfix::after {
 content: "";
 display: block;
 clear: both;
}
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.bold {
	font-weight:bold;
}
p {
	color:#333333;
	font-size:16px;
	font-size:1.6em;
}
h1 {
	font-size:30px;
    font-size:3.0em;
	font-weight:bold;
}
h2 {
	font-size:18px;
	font-size:1.8em;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}
.t_left {
	text-align:left;
}
.t_center {
	text-align:center;
}
.t_right {
	text-align:right;
}
.white {
	color: #FFFFFF;
}
.red {
	color:#df202e;
}
.orange {
    color:#f55200;
}
.green {
	color:#1e9932;
}
.bg_gray {
	background:#eee;
}
.bg_yellow {
	background:#f5f0db;
}
.bg_green {
	background:#009933;
}
.yellow_line {
	background: linear-gradient(transparent 50%, #fff45c 50%);
}
.width_1000 {
    width:1000px;
	margin:0 auto;
}
/*ヘッダー*/
#header_bottom p {
	margin: 0;
}
#header_top p {
	background-color:#009933;
	padding-left:10px;
	font-size:1.4em;
}


#header_bottom .title {
	width:65%;
	margin: 0;
	padding-left:10px;
        padding-top: 10px;
}
#header_bottom .title_logo{margin: 0;
font-size:3em;
font-weight:bold;
}
#header_bottom .contact_header {
	width:30%;
	text-align: right;
	padding-right:10px;
}
#header_bottom .contact_header p{
line-height:1.2em;font-size:1.4em;
	margin:0.5em;
}
#header img {
	margin:5px 0px;
}
#header_bottom .mail_img img{ width:20%;margin:2em 4em 0em 2em;
}
@media screen and (max-width: 480px){
    body {
        font-size: 10px;
    }
    #header_bottom .title          { width:75%;padding-left: 2px;}
    #header_bottom .contact_header { width:15%; padding:0;text-align:center;}
    
    #header_bottom .mail_img img { width:2em; margin:1.5em auto 0em auto;}
    #header{ padding:1.5em;}
    #header_bottom .title_logo{
        margin: 0;
        font-size:1.6em;
        font-weight:bold;
    }
}

/*メインビジュアル*/
#main_visual {
	position:relative;
    text-align:center;
}
#main_visual img {
	width:100%;
	margin:0 auto;
}
#main_visual .contact_btn {
	position:relative;
}
#main_visual .contact_btn img {
	position:absolute;
	bottom:4px;
	width:46%;
}

@media screen and (max-width: 480px){
    .width_1000 {
        width:100%;
    }
    #main_visual img {
    	width:100%;
    	margin:0 auto;
    }
    #main_visual .contact_btn {
    	position:relative;
    	background:#eee;
    	top: 1em;
    }
    #main_visual .contact_btn img{
        position: relative;
        width:90%;
        bottom: 0;
    }
}
#main_visual .contact_btn .contact_01 {
	left:20px;
}
#main_visual .contact_btn .contact_02 {
	right:20px;
}
#main_visual .contact_btn .contact_btn01 {
	top:-78px;
	left:60px;
	width:36%;
}
#main_visual .contact_btn .contact_btn02 {
	top:-78px;
	right:60px;
	width:36%;
}
@media screen and (max-width: 480px){
    #main_visual .contact_btn .contact_01{
    	left:0px;top: 20px;
    }
    #main_visual .contact_btn .contact_02{
    	right:0px;top: -80px;
    }
    #main_visual .contact_btn .contact_btn01,#main_visual .contact_btn .contact_btn02 {
    width:70%;left:0;right:0;
    }
}
/*開業前にご相談ください*/
#consult {
	background:url(../images/consult_bg.jpg) no-repeat bottom;
	background-size:cover;
	width:100%;
	min-height:620px;
	padding:40px 0 0 0;overflow:hidden;
}
#consult #white_note {
	background:url(../images/consult_bg_w.jpg) no-repeat;
	margin:0 auto;
	padding: 10px 5px;
	text-align:center;
	background-size:cover;
}
/*
#consult .title {
	background:url(../images/consult_title.png) no-repeat top;
	width:100%;
	margin:10px auto;
	text-align:center;
	text-indent:-9999px;
	min-height: 100px;
}
*/
#consult .title img { width:100%; }
#consult .white_note_text{width: 75%;
}
#consult .consult_text {
	text-align:left;
	font-weight:bold;
	line-height:2.2em;
	display:block;
	vertical-align  : middle ;
	margin: 0 0 0 2em
}
#consult h2 {
	font-size:3em;
	text-indent:-10px;
}
#consult p {
	font-size:2.0em;
	background:url(../images/check_box.png) no-repeat left top;
    padding : 0  0 0 40px ;	
    
}
@media screen and (max-width: 480px){
    #consult .title{
        width:98%;background-size:contain;
        
    }
    #consult p.consult_text {
        margin: 1.0em 0 0 0em;
        line-height:1.5em;
        height  : 50px ;
    }
    #consult h2.consult_text {
        margin: 0 0 0 0em
    }
    #consult{
        padding:50px 0 0 0;
        min-height:560px;
    }
    #consult h2 {
    	font-size:2em;
    	}
    #consult .white_note_text{
        width: 92%;
    }
    #consult p {
    	font-size:1.5em;
    }
}
/*サポート*/
.support_image {
	background:url(../images/support.jpg) no-repeat center;
	width:auto;
	min-height:400px;
	position:relative;
	margin: 0 0 0 auto;
	background-size:cover;
}
#support .text {
	position:absolute;
	left:60px;
	top:50px;
	bottom:0;
}
@media screen and (max-width: 480px){
    #support{ padding:30px 0;}
    #support .text {
        position:absolute;
        left:20px;
        top:0px;
        bottom:0;
    }
    #support h1 { font-size:2.5em; }
    #support h2 { font-size:1.5em; }
    .support_image {  min-height: 160px; }
}
/*強みと実績*/
#experience {
	background:url(../images/experience_bg.jpg) no-repeat top;
	z-index:0;
	margin:0 auto;
	padding-bottom:50px;
	background-size: cover;
}
#experience .title {
	background:url(../images/experience_title.png) top no-repeat, url(../images/experience_title_bg.png) top repeat;
	width:100%;
	min-height:165px;
	z-index:1;
	text-indent:-9999px;
	background-size: contain;
}
@media screen and (max-width: 480px){ 
    #experience {
    	padding-bottom:10px;
    }
    #experience .title {
    	min-height:55px;
    }

}

/*
#no_1 {
	background:url(../images/no01.png) no-repeat top;
	width:88%;
	min-height:490px;
	z-index:1;
	margin:0 auto;
	background-size: contain;
	text-indent:-9999px;
}
#no_2 {
	background:url(../images/no02.png) no-repeat top;
	width:88%;
	min-height:890px;
	z-index:1;
	margin:0 auto;
	background-size: contain;
	text-indent:-9999px;
}
#no_3 {
	background:url(../images/no03.png) no-repeat top;
	width:88%;
	min-height:400px;
	z-index:1;
	margin:0 auto;
	background-size: contain;
	text-indent:-9999px;
}
#no_4 {
	background:url(../images/no04.png) no-repeat top;
	width:88%;
	min-height:475px;
	z-index:1;
	margin:0 auto;
	background-size: contain;
	text-indent:-9999px;
}
*/
#no_1,#no_2,#no_3,#no_4 {width:88%;    text-align: center;}
#experience img { margin:0 auto;}
@media screen and (max-width: 480px){ 
    #no_1,#no_2,#no_3,#no_4 {width:100%;}
    #experience img { width:99%;margin:0 auto;}
}
/*料金について*/
#fee_structure {
	background:url(../images/fee_structure_bg.jpg) repeat top;
    background-size:cover;
	width:100%;
	z-index:0;
    padding-bottom:50px;
}

#fee_structure table{
 width:88%;
 margin:20px auto;
 font-size:2em;
}

#fee_structure table, td, th {
    text-align:left;
	border: 1px solid #595959;
	border-collapse: collapse;
}
#fee_structure td,th{
	padding: 1em;
	font-weight:bold;
	text-indent:1em;
	width: 60%;
	}
#fee_structure th {
    width: 40%;
    background: #eeeeee;
}
#fee_structure td {
	background: #fff;
}	
#fee_structure h1, #voice h1, #office h1, #contact_form h1 {
	margin-top: 0;
	padding: 20px;
}
@media screen and (max-width: 480px){ 
    #fee_structure th { font-size:1rem; }
    #fee_structure { padding-bottom:20px; }
}

/*お客様の声*/
#voice {
	width:100%;
	padding-bottom:50px;
	z-index:0;
	position:relative;
}
#voice .voice_01{
width:90%;
margin:20px auto 0 auto;
}
#voice img{ margin:10px 10px 0 50px;width:auto;}
#voice .balloon{
width: 56%;
position: relative;
  padding: 20px;
  background-color: #fff;
  border: 4px solid #dbcbb4;
  border-radius: 10px;
   }
#voice .balloon::before{
 content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -17px;
  top: 20px;
  border-right: 15px solid #dbcbb4;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  }
  #voice .balloon::after{ content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 20px;
  border-right: 15px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
#voice p {
	
	text-align:left;
	
}

@media screen and (max-width: 480px){
    #voice .balloon {
    	width: 88%;}
    #voice img{
    	width: 50%;
            margin: 1em 0 5em 0;
    }
}
/*事務所紹介*/
#office h2 {
	font-size:20px;
    font-size:2.0em;
	margin-top:10px;
	margin-bottom:30px;
}
#greeting, #profile, #about_office {
	width:90%;
	margin:0 auto;
}
#greeting .text, #profile .text {
	width:56%;
}
#greeting img, #profile img ,#about_office img{
	width:auto;
}
@media screen and (max-width: 480px){
    #greeting .text, #profile .text {
    	width:98%; margin:0 auto;}
    #office h2 {font-size:2em;}
    #greeting img, #profile img,#about_office img {
    	width:50%; margin:1em 0 5em 25%;
    }
}

.title-border {
	display: flex;
	align-items: center;
}
.title-border:before, .title-border:after {
	border-top: 2px dotted #666666;
	content: "";
	flex-grow: 1;
}
.title-border:before {
	margin-right: 1rem;
}
.title-border:after {
	margin-left: 1rem;
}
#greeting, #profile, #about_office {
	margin-bottom:40px;
}
#about_office p,td{ font-size:1.4em;
}

#about_office iframe {
	margin:10px 0 10px 10px;
	padding-left: 60px;
}
#about_office .text td{
    border:none;
}
#about_office .office{width:40%;}
#about_office p{width:60%;}
#about_office .sp_googlemap{ font-size:1em;}

@media screen and (max-width: 480px){
    #about_office p{ font-size:3em;  width:100%}
    #about_office img{ width:50%;margin:1em auto 5em 25%;}
    #about_office td{font-size:1rem;}
    #about_office p,td{ font-size:1rem;}
    #about_office p,td span { display:block;}
    #about_office iframe {margin:10px 0; width:100%;}
	#about_office .office{ width:100%;}
	#about_office table{ width:100%; margin:0 auto;}
	#fee_structure td, th {  padding: 0.8em; text-indent: 0em; }
}

/*お問合せ*/
#contact_form {
    background:url(../images/contact_form_bg.jpg) no-repeat center;
    z-index: 0;
    width:100%;
    margin:0 auto;
    background-size:cover;
    padding-bottom:50px;
}
#contact_form .contact_btn {
	position: static;
}
#contact_form .contact_bg{
margin:0 auto;
}
#contact_form .height_350{
position:relative;
	min-height:350px;}
#contact_form .access td {
	padding:2px;
}
#contact_form .contact_btn img {
	position:absolute;
	bottom:5px;
	width:46%;
}
#contact_form .contact_btn .contact_01 {
	left:20px;
}
#contact_form .contact_btn .contact_02 {
	right:20px;
}
#contact_form .contact_btn .contact_btn01 {
        top:auto;
	bottom:30px;
	left:60px;
	width:36%;
}
#contact_form .contact_btn .contact_btn02 {
        top:auto;
	bottom:30px;
	right:60px;
	width:36%;
}
@media screen and (max-width: 480px){
    #contact_form {
    background:#eee;
    padding-bottom:20px;}
    #contact_form .contact_bg{
    min-height:350px;
    	}
    #contact_form .contact_btn img {
    position: static;
    	bottom:0px;
    	width:90%;
    }
}
/*TOPへ戻るボタン*/

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a {
line-height:1em;
font-size:10px;
  display: block;
  z-index: 999;
  padding: 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #dcdcdc;
  color: #717171;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media screen and (max-width: 480px){
    #pageTop {
    	bottom: 100px;
    	right:10px;
    }
    #pageTop a{
        font-size: 0.6em;
        width: 30px;
        height: 30px;
    }
}
	
/*フッター*/	
#footer {
	height:50px;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 480px){
    #footer {height:100px;}
}

/*お問合せページ*/
#green_ber {
	border:#009933 4px solid;
}
#gray_ber {
	border:#eee 4px solid;
}
#contents{ 
/*    max-width:1000px;*/
    width:100%;
    margin:0 auto;
}
#main{ 
/*    max-width:1000px;*/
    width:100%;
    margin:0 auto;
}
form {
	margin:20px auto;
	background:#eeeeee;
	width:100%;
	padding:20px 0;
    font-size:1.4em;
}

#inquiry #contents {
    max-width   : 800px ;
}

@media screen and (max-width: 480px){
    #main{ width:100%;}
    #contents{ width:100%;}
    form {width:auto;}
}
form.form_input {
	margin:0 auto;
	padding:10px;
}
form table{margin: 0 auto;
}
.form_input th{ text-align:left;
}
input{
padding:5px 1px;
border: #999999 0.5px solid;
margin:20px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
textarea{
width: 85%!important;
padding:5px 1px;
border: #999999 0.5px solid;
margin:20px 25px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

.form_message{ font-size:90%; padding-left:20px; color:#666666;
}
#formBtn{margin:0 auto;
text-align:center;
padding:20px;
}
.radiobtn{ margin:0;}
.radio td{ font-size:90%;
    margin:5px!important;}

#formBtn .btn {
    text-align:center;
    margin:0 auto;
    padding:5px 50px;
    font-size:16px;
    background:#f55200;
    color:white;
    border:#c44100 1px solid;
}
#main #formBtn input{text-align:center;
margin:0.5em auto;
padding:5px 50px;
font-size:16px;
background:#ddd;
color:#000;
border-bottom:#000 1px solid;
}
@media screen and (max-width: 480px){
    #formBtn { padding:0; }
    #inquiry #formBtn input{
        font-size:1.2em;
        display : block ;
        margin  : 0.5em auto ;
    }
    
}
/*パンくず*/
.breadcrumbs  li{
display: inline-block;
padding-top:0.1em;
padding-left:0.1em;
font-size:1.2em;
}
 .breadcrumbs  li:after{content:" ＞ ";
}
 .breadcrumbs  li:last-child:after{content:"";
}
@media screen and (max-width: 480px){
    form { font-size:1.5em;padding: 30px;}

    #dd_renraku input,#dd_subject input,#dd_allow_dm input,#dd_agree_privacypolicy input{
        transform: scale(2); 
        margin-left:0.5em;
        margin-right:0.5em;
    }
    #formBtn .btn{font-size:1.5em;}
    #dd_agree_privacypolicy{border-top:1px solid #ccc; margin-top:2em;}
}

/*PCでは非表示*/
.spNone { display: block;}.pcNone { display: none;}
@media screen and (max-width: 480px){
    .spNone { display: none;}.pcNone { display: block;}
    .floatNone {float: none;} .positionNone { position: static;}
    .form_input input {
        font-size : 1.2em ;
    }
    /*
    h1{ font-size:6.5em;}
    h2{ font-size:3.2em;} 
    p{font-size:3em;}
    .breadcrumbs{ font-size:2.8em; }
    */
}


.wrap {overflow: hidden;
}

/*プライバシーポリシー*/
#privacy{
    font-size:0.8em;
    border:1px #000 solid;
    margin:10px auto;
    padding:20px;
    background:white;
    overflow:scroll;
    height:200px;
}
@media screen and (max-width: 480px){
    #privacy{
        border: 2px #000 solid;
        font-size:1.2em;
        height:500px;
        margin:2em auto;
        width:90%;
        padding:20px;
    }
}

/* send_complete */

#send_complete_box {
    margin: 2em auto ;
    padding : 0.5em ;
    text-align:center;
}
#send_complete_box p{
    margin-bottom   : 0.5em ;
    line-height: 1.5em;
}
#download_request {
    margin: 2em auto ;
    padding : 0.5em ;
    text-align:center;
}