@charset "utf-8";
/*tablet-sp共通設定
----------------------------------------------------------- */
@media(max-width:959px) and (min-width: 320px){
img{
	width:100%;
}

p{
font-size: 14px;
text-align: justify;
}


#top .box05 .title img {
  width: 20px;
}

.box05 .title-box .title {
  flex-wrap: wrap;
}

.box05 .title-box .title .detail{
  width: 100%;
  text-align: right;
}
.box05 .title-box .title .detail a {
  position: static;
  margin-left: auto;
  padding-right: 10px;
  width: 120px;
}
/*
共通
----------------------------------------------------------- */
.sp_none{
display:none;
}
.sp_none2{
opacity: 0;
}

.pc_none{
display: block;
}
.pc_none2{
opacity: 1;
}

#pageTop_top{
display: none !important;
}

#pageTop {
display: none !important;
}

.zl_right {
    width: 20px;
    top: 55px;
}
.zl_left {
	width: 20px;
	top: 55px;
}
/*
header
----------------------------------------------------------- */
.slideshow_sp{
	margin: 50px 0 0 0;
}
.slideshow_sp .bx-wrapper img {
	width: 100%;
}
@media(max-width:959px) and (min-width: 376px){
	.slideshow_sp{
		height: 550px;
		overflow: hidden;
	}
}

/*
not used
----------------------------------------------------------- */
/*.slider_sp {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0px;
  z-index: -1;
}
.slide0_sp, .slide1_sp,.slide2_sp,.slide3_sp,.slide4_sp,.slide5_sp {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide0_sp {
  background: #ffffff no-repeat center;
      background-size: cover;
    animation:fade0 0s;
-webkit-animation:fade0 0s;
}
.slide1_sp {
  background: url(../img/top/main_01.jpg)no-repeat center;
      background-size: cover;
    animation:fade 16s -2s infinite;
-webkit-animation:fade 16s -2s infinite;
}
.slide2_sp {
  background: url(../img/top/main_2.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 16s -1.5s infinite;
-webkit-animation:fade2 16s -1.5s infinite;
}
.slide3_sp {
    background: url(../img/top/main_3.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 16s -1s infinite;
-webkit-animation:fade3 16s -1s infinite;
}
.slide4_sp {
    background: url(../img/top/main_4.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 16s -0.5s infinite;
-webkit-animation:fade4 16s -0.5s infinite;
}
.slide5_sp {
    background: url(../img/top/main_5.jpg)no-repeat center;
      background-size: cover;
    animation:fade5 16.3s infinite;
-webkit-animation:fade5 16.3s infinite;
}
@keyframes fade0
{
  0%   {opacity:0}
  100% { opacity: 0}
}
@keyframes fade
{
  0%   {opacity:0}
  16% { opacity: 1}
  32% { opacity: 1}
  48% { opacity: 0}
  64% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade2
{
  0%   {opacity:0}
  16% { opacity: 0}
  32% { opacity: 1}
  48% { opacity: 0}
  64% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  16% { opacity: 0}
  32% { opacity: 0}
  48% { opacity: 1}
  64% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade4
{
  0%   {opacity:0}
  16% { opacity: 0}
  32% { opacity: 0}
  48% { opacity: 0}
  64% { opacity: 1}
  80% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade5
{
  0%   {opacity:0}
  16% { opacity: 0}
  32% { opacity: 0}
  48% { opacity: 0}
  64% { opacity: 0}
  80% { opacity: 1}
  100% { opacity: 0}
}*/
/*
not used
----------------------------------------------------------- */

#header .sp_menu{
margin-top: -10px;
}

#top #header{
/*background: url(../img/sp/01/sp_main.jpg) no-repeat center 44px;*/
height: 532px;
margin-bottom: 108px;
/*background-size: cover;*/
position: relative;
}

#top #header .logo{
position: absolute;
z-index: 99;
top: 200px;
width: 130px;
left: 50%;
margin-left: -65px;
}


#header .sp_head{
height: 50px;
top: 0px;
background: #fff;
position: relative;
position: fixed;
width: 100%;
z-index: 9999;
}

#top #header h1{
display: none;
}

#top #header .sp_head h1{
width: 90px;
margin: 0px auto 0px;
display: block;
position: absolute;
top: 10px;
left: 10px;
}

#top #header .sp_head h1 img{
margin: 0;
width: auto;
height: auto;
}

#top #header nav.pc_menu{
display: none;
}

.sub #header{
padding-top: 10px;
}

.sub{
padding-top: 0px;
}

.sub #header{
position: static;
top: 0;
left: 0;

}

.sub #header h1{
width: 90px;
margin-top:0px;
margin-left: 10px;
float: left;
}

#about, #select, #member, #plan, #case, #news, #faq, #access, #contact{
	padding-top: 50px;
}

.sub #header{
height: 50px;
width: 100%;
margin: 0 auto;
position: fixed;
}

.sub #header nav.pc_menu{
display: none;
}

/*#about,
#select,
#member,
#plan,
#case,
#news,
#faq,
#access,
#contact{
padding-top: 44px;
}*/

/*
TOP・SUB (メイン画像全ページ共通)
----------------------------------------------------------- */
.warp{
width:auto;
margin:0 auto;
}

.top_link{
display: none;
}

.info{
width: 100%;
height: auto;
padding-top: 26px;
padding-bottom: 26px;
text-align: center;
}

.info p.tel{
width: 150px;
}

.info .right,
.info .left{
width: auto;
float: none;
}

.info .right{
padding-right: 0px;
}

.info .left{
padding-left: 0px;
margin-bottom: 52px;
}


.info h2{
font-size: 16px;
line-height: 38px;
background-size: 90px auto;
margin-bottom: 14px;
}

.info p{
line-height: 32px;
font-size: 15px;
text-align: center;
}

.info p.tel{
font-size: 16px;
}

.info p.tel span{
font-size: 12px;
}

.sub .top_img{
height: 198px;
text-align: center;
}

.sub .top_img h1{
font-size: 17px;
line-height: 38px;
padding-top: 80px;
}

/*
footer
----------------------------------------------------------- */
#footer{
padding-top: 40px;
padding-bottom: 20px;
border-top:0px #bdbdbd solid;
text-align: center;
}

#footer a {
    margin: 0px auto 0;
    width: 60px;
}

#footer img{
width: 60px;
padding-top: 0;
}

#footer p.access{
margin: 16px auto 10px;
font-size: 14px;
line-height: 28px;
text-align: center;
}

#footer p.copy{
color: #ffa000;
font-size: 12px;
line-height: 26px;
padding-bottom: 0;
text-align: center;

}

/*
アコーディオン
----------------------------------------------------------- */
.menuList {
margin:0;
padding:0;
border-bottom:none;
list-style:none;
}

.main_menu {
position:relative;
cursor:pointer;
}

.sub_menu {
list-style:none;
}

.sub_menu li a {
display:block;
color:#430400;
text-decoration:none;
}

/*
TOP
-------------------------------------- */
#top .box01{
overflow: hidden;
width: auto;
height: auto;
margin: 0 auto 58px;
}

#top .box01 .left{
float: none;
width: auto;
height: 270px;
background:rgba(0, 0, 0, 0) url("../img/sp/01/01.jpg") no-repeat scroll left top / cover;
border-radius: 0;
}

#top .box01 .right{
float: none;
width: auto;
margin-left: 10px;
margin-right: 10px;
}

#top .box01 .right p{
line-height: 22px;
font-size: 13px;
padding-right: 12px;
}

#top .box01 .right h3{
font-size: 16px;
line-height: 24px;
margin: 30px 0px 10px;
}

#top .box01 .right a{
font-size: 16px;
margin-top: 15px;
margin-left: 10px;
}

#top .box02{
max-width: auto;
margin: 0 auto 62px;
overflow: hidden;
}

#top .box02 img{
width: 100%;
margin-bottom: 24px;
}

#top .box02 .left,
#top .box02 .right{
width: auto;
float: none;
}

#top .box02 .left{
margin-bottom: 65px;
}

#top .box02 .left .img_box,
#top .box02 .right .img_box{
height: 276px;
}

#top .box02 .left .img_box {
    background: rgba(0, 0, 0, 0) url("../img/sp/01/02.jpg") no-repeat scroll left top / cover ;
}
#top .box02 .right .img_box {
    background: rgba(0, 0, 0, 0) url("../img/sp/01/03.jpg") no-repeat scroll left top / cover ;
}

#top .box02 h2 a{
font-size: 16px;
margin-bottom: 8px;
}

#top .box02 .left h2,
#top .box02 .left p{
margin-left: 20px;
margin-right: 20px;
}

#top .box02 .left p,
#top .box02 .right p{
font-size: 14px;
}

#top .box02 .right h2,
#top .box02 .right p{
margin-left: 20px;
}

#top .box03{
margin-bottom: 46px;
height: 146px;
}

#top .box03 img{
}

#top .box04{
width: auto;
margin: 0 3.75% 56px;
}

#top .box04 .left,
#top .box04 .right{
width: auto;
float: none;
}

#top .box04 .left{
margin-right: 0px;
margin-bottom: 56px;
}

#top .box04 h2{
line-height: 40px;
margin: 0;
font-size: 17px;
}

#top .box04 h2 a{
font-size: 13px;
line-height: 40px;
padding-left: 25px;
background: url(../img/common/arrow_r02.jpg) no-repeat 0 10px;
background-size: 20px auto;
}

#top .box04 .left ul.link{
margin: 14px auto 20px;
}

#top .box04 .left ul.link li{
height: 11px;
padding: 0 12px;
}

#top .box04 .left ul.link li a{
font-size: 13px;
line-height: 15px;
}

#top .box04 .blog{
padding-bottom: 30px;
margin-bottom: 26px;
}

#top .box04 .blog img{
width:29% !important;
height: auto !important;
margin-right: 10px;
}

#top .box04 .blog .right{
float: left;
width: 67%;
margin-top: -8px;
}

#top .box04 .right h2{
margin-bottom: 18px;
}

#top .box04 .right .blog{
margin-bottom: 10px;
padding-bottom: 26px;
}

#top .box04 .blog .day{
font-size: 14px;
margin-bottom: 10px;
width: 80px;
display: inline-block;
}

#top .box04 .blog .categry{
width: 90px;
height: 24px;
margin-bottom: 0px;
display: inline-block;
}

.ca01{
background-color: #ff9f00;
}

.ca02{
background-color: #3b9bf5;
}

.ca03{
background-color: #aedd3c;
}
#top .box04 .blog .categry a{
font-size: 12px;
line-height: 24px;
}

#top .box04 .blog .text{
font-size: 14px;
line-height: 22px;
}

#top .box04 .right .blog p.title{
font-size: 14px;
}

#about .box01{
height: 196px;
background-color: rgba(255, 159, 0, 0.05);
padding-top: 50px;
}

#about .box01 img{
width: 100px;
margin: 0 auto;
}

#about .box02{
height: 240px;
background: url(../img/sp/02/sp_main.jpg) no-repeat top center;
background-size: cover;
position: relative;
width: auto;
margin:0 auto 40px;
}

/*#about .box02 .po_box{
display: none;
}*/

#about .box02 h1 {
	font-size: 20px;
  top: 55px;
  right: 20px;
}

#about .box02 p {
	font-size: 16px;
  line-height: 24px;
  top: 105px;
  right: 44px;
	font-weight: 500;
}

#about .box03{
width: auto;
height: auto;
padding-top: 0;
}

#about .box03 .img_box {
    background: rgba(0, 0, 0, 0) url("../img/sp/02/01.jpg") no-repeat scroll center top / cover ;
    height: 206px;
}

#about .box03 h2,
#about .box04 h2{
font-size: 20px;
line-height: 30px;
}

#about .box03 h2{
margin-bottom: 18px;
}

#about .box03 p{
width: auto;
font-size: 15px;
line-height: 30px;
margin: 0 auto;
text-align: center;
padding-bottom: 60px;

}

#about .box04{
padding-top: 30px;
padding-bottom: 20px;
width: auto;
margin: 0 20px 0;
}

#about .box04 h2{
margin-bottom: 23px;
}

#about .box04 img{
width: 100%;
float: none;
margin-bottom: 24px;
}

#about .box04 h3{
font-size: 16px;
line-height: 24px;
margin-top: 0px;
margin-bottom: 10px;

}

#about .box04 p{
line-height: 24px;
width: auto;
margin-bottom: 20px;
}

#about .box04 p.name{
line-height: 24px;
font-weight: 700;
}

#select .top_img{
background: url(../img/sp/03/sp_main.jpg) no-repeat top center;
}

#select .box02{
padding-top: 30px;
width: auto;
margin: 0 20px 0;
}

#select .box02 img{
margin: 0 auto;
width: 34px;
}

#select .box02 .in_box .nomber{
width: 120px;
}

#select .box02 .in_box{
overflow: hidden;
margin-bottom: 64px;
}

#select .box02 .last{
margin-bottom: 160px;
}

#select .box02 img.right,
#select .box02 img.left{
float: none;
width: 100%;
}

#select .box02 p.right,
#select .box02 p.left{
width: auto;
float: none;
padding-left: 0px;
padding-right: 0px;
}

#select .box02 p{
color: #595757;
margin-top: -14px;
font-size: 13px;
line-height: 22px;
padding-right: 12px;
}

#select .box02 .img_box_right,
#select .box02 .img_box_left{
    float: none;
    height: auto;
    width:100%;
	margin-bottom: 32px;
}

#select .box02 .img_box_right img {
  width: 100% !important;
}

#select .box02 .in_box h2{
font-size: 17px;
line-height: 46px;
margin-bottom: 20px;
margin-top: 0;
}

#member .top_img{
background: url(../img/sp/04/sp_main.jpg) no-repeat top center;
}

#member .box01 h2{
    font-size: 20px;
    line-height: 27px;
    padding: 24px 10px;
}

#member .box02{
width: auto;
margin: 0 auto;
padding-top: 35px;
padding-bottom: 66px;
}

#member .box02 .left{
width: auto;
float: none;
margin-right: 0px;
border-bottom: 1px solid #bdbdbd;
padding-bottom: 30px;
margin-bottom: 30px;
}

#member .box02 .right{
width: auto;
float: none;
}

#member .box02 .right h4{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 0;
    padding-left: 20px;
}

#member .box02 .right p{
font-size: 13px;
font-weight: 400;
line-height: 22px;
padding-left: 20px;
padding-right: 20px;
}

#member .box02 .right p br{
display: none;
}


#member .box02 .left h4{
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 10px;
    margin-left: 20px;
}

#member .box02 .left p{
margin-bottom: 0px;
margin-left: 20px;
}

#member .box02 .left li{
margin-left: 20px;

line-height: 28px;
font-size: 14px;
}

#plan .top_img{
background: url(../img/sp/05/sp_main.jpg) no-repeat top center;
}

#plan .box01{
width: auto;
margin: 0 auto;
padding-top: 32px;
}

#plan .box01 h2{
    border: 2px solid #ff9f00;
    border-radius: 6px;
    font-size: 17px;
    line-height: 40px;
    margin: 0 20px 32px;
}

#plan .box01 h3{
color: #ff9f00;
font-size: 16px;
font-weight: 700;
line-height: 36px;
text-align: center;
display: inline-block;
margin-bottom: 8px;
}

#plan .box01 h3.line{
line-height: 24px;
padding-top: 8px;
}

#plan .box01 h3 span.border {
    background: #ff9f00 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 34px;
}

#plan .box01 h3.line span{
margin-top: 10px;
}

#plan .box01 .bg_box{
margin-bottom: 66px;
padding: 25px 0px 30px;
text-align: center;
}

#plan .box01 p.text01{
line-height: 24px;
margin-bottom: 16px;
text-align: center;
}

#plan .box01 .box_a{
margin-bottom: 26px;
}

#plan .box01 .box_a li{
width: auto;
height: auto;
display: block;
}

#plan .box01 .box_a li:first-child{
margin-right: 0px;
}

#plan .box01 h4{
    font-size: 16px;
    line-height: 34px;
	padding-top: 0px;
}

#plan .box01 .box_a li p{
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

#plan .box01 .box_a li{
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

#plan .box01 .box_b{
background: #fff;
margin: 0 20px 0;
}

#plan .box01 .box_b h4{
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 15px;
}

#plan .box01 .box_b p{
    font-size: 14px;
    line-height: 24px;
    padding: 10px 10px 10px 10px;
    width: auto;
}

#plan .box01 .box_c{
background: url(../img/plan/plus.jpg) no-repeat center 40px;
background-size: 20px auto;
margin: 26px 10px 40px;
}

#plan .box01 .box_c li{
width: 39%;
height: 100px;
display: inline-block;
text-align: center;
border-radius: 6px;
}

#plan .box01 .box_c li h4{
line-height: 30px;
padding: 15px 0 10px;
}

#plan .box01 .box_c li p{
text-align: center;
}

#plan .box01 .box_c li:first-child{
margin-right: 15%;
}

#plan .box01 p.text02{
font-size: 11px;
text-align: center;
}

#plan .box01 .mb58{
margin-bottom: 35px;
}

#plan .box01 .box_d{
margin-top: 14px;
margin: 17px 20px 10px;
text-align: center;
padding-top: 20px;
}

#plan .box01 .box_d h4{
margin-bottom: 0px;
}

#plan .box01 .box_d p.text03{
margin-bottom: 16px;
text-align: center;
}

#plan .box01 .box_d p.text04{
margin-bottom: 24px;
font-weight: 700;
display: none;
}

#plan .box01 .box_d p.sp_text{
text-align: center;
padding: 0 20px 20px;
}

#plan .box01 .box_d p.sp_text span{
display: block;
line-height: 42px;
border-bottom: 1px solid #000;
font-weight: bold;
}

#plan .box01 .box_d p.text05{
line-height: 23px;
padding:0 10px 20px;
font-size: 13px;
}

#plan .box01 p.text06{
text-align: left;
margin: 0 20px 0;
line-height: 24px;
}

#plan h2.de{
margin-bottom: 20px;
}

#plan .box01 .box_e{
display: none;
}

#plan .sp_sl{
padding: 0 40px;
margin-bottom: 40px;
overflow: hidden;

}

#plan .sp_sl .swiper-container{
}

#plan .sp_sl .swiper-button-next{
background: url(../img/sp/05/y_r.png) no-repeat;
background-size: 40px auto;
right: -40px;
width: 40px;
}

#plan .sp_sl .swiper-button-prev{
background: url(../img/sp/05/y_l.png) no-repeat;
background-size: 40px auto;
left: -40px;
width: 40px;
}


#plan .box01 .box_f{
overflow: hidden;
padding: 0;
margin-bottom: 30px;
}

#plan .box01 .box_f p.title{
    border-bottom: 0 solid #ff9f00;
    border-right: 0 solid #ff9f00;
    color: #ff9f00;
    display: inline-block;
    float: none;
    font-size: 16px;
    font-weight: 700;
    height: 58px;
    line-height: 44px;
    margin: 0;
    padding: 16px 0 0;
    width: auto;
}

#plan .box01 p span.border {
    background: #ff9f00 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 34px;
}

#plan .box01 .box_f p.text07{
    display: block;
    float: none;
    line-height: 24px;
    margin: 20px 20px 30px;
    text-align: left;
    width: auto;
}

#case .top_img{
background: url(../img/sp/06/sp_main.jpg) no-repeat top center;
}

#case .caregory{
width: auto;
padding: 30px 20px 0;
margin: 0 auto;
border-bottom: 0px solid #bdbdbd;
}

#case .caregory li{
display: inline-block;
padding: 0 10px;
line-height: 14px;
border-right: 1px solid #4d4d4d;
font-size: 14px;
}

#case .caregory li:first-child{
padding: 8px 30px 0 0;
display: block;
border-right: 0px solid #bdbdbd;
}

#case .caregory li:nth-child(2){
border-left: 1px solid #4d4d4d;
}

#case .blog,
#news .blog{
width: auto;
margin: 0 20px 0px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #bdbdbd;
}

#case .text01,
#news .text01{
color: #bdbdbd;
font-size: 14px;
line-height: 20px;
margin-bottom: 14px;
}

#case .text01 span{
    border-radius: 5px;
    font-size: 12px;
    line-height: 12px;
    margin-left: 20px;
    padding: 4px 14px;
    text-align: center;
}

#case .text01 span a{
    font-size: 12px;
}

#case .blog .title,
#news .blog .title{
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}

#case .blog img{
margin-bottom: 10px;
margin-top: 0px;
}

#case .blog p.text,
#news .blog p.text{
line-height: 22px;
margin-bottom: 20px;
}

#case .blog p.name{
text-align:right;
font-weight: 700;
}

.next_page{
padding: 40px 0;
}

.next_page ul{
width: auto;
margin: 0 auto;
text-align: center;
}

.next_page ul li{
width: 20px;
line-height: 20px;
text-align: center;
font-size: 12px;
}

.next_page ul li a.active{
border-radius: 5px;
}

#faq{
margin-bottom: 60px;
}

#faq .top_img{
background: url(../img/sp/07/sp_main.jpg) no-repeat top center;
}

#faq .box01 h2 {
    border-bottom: 0 solid #bdbdbd;
    font-size: 20px;
    line-height: 26px;
    padding: 20px 0;
}

#faq .main_menu{
    font-size: 14px;
    height: 64px;
}

#faq .main_menu span{
line-height: 64px;
width: auto;
padding-left: 10px;
}

#faq .sub_menu{
background-color: rgba(255, 159, 0, 0.05);
padding: 30px 10px;
}
#faq .sub_menu li{
width: auto;
margin: 0 auto;
font-size: 14px;
line-height: 22px;
}

.main_menu span {
background:url(../img/faq/arrow02.jpg) no-repeat 96% 8px;
background-size: 16px auto;
}

.main_menu span.open {
background:url(../img/faq/arrow.jpg) no-repeat 96% 8px;
background-size: 16px auto;
}

#faq .info{
margin-top: 60px;
}

#access .top_img{
background: url(../img/access/main.jpg) no-repeat top center;
}

#access .box01 h2 {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 0 0px;
}

#access .box01 p{
margin-bottom: 30px;
}

#access .map{
width: 100%;
height: 380px;
margin: 0 auto 26px;

}

#access p.btm_text{
text-align: center;
margin-bottom: 30px;
}
#access .box01 h2 span {
    display:block;
    margin-top:10px;
    font-size:70%;
    color:#4d4d4d;
    font-weight:400;
}
#access .box01.border {
    border-top:solid 1px #bdbdbd;
    padding-top:10px;
}

#news .top_img{
background: url(../img/sp/10/sp_main.jpg) no-repeat top center;
}

#news .blog{
border-bottom: 1px dashed #bdbdbd;
padding: 40px 0 50px;
}

#news .info{
margin-top: 30px;
}

#contact .top_img{
background: url(../img/sp/09/sp_main.jpg) no-repeat top center;
}

#contact .box01 h2,
#contact .box02 h2{
    font-size: 20px;
    line-height: 30px;
    padding: 22px 0;
}

#contact .info_top{
margin-bottom: 46px;
}

#contact #fotm{
padding-top: 20px;
padding-bottom: 50px;
margin-bottom: 60px;

}

#contact #fotm .top{
line-height: 24px;
margin-bottom: 22px;
padding: 0 20px;
}

#contact #fotm span{
margin-left: 10px;
}

#contact table{
width: auto;
margin: 0 10px;
}

#contact th,
#contact td{
display: block;
}

#contact th{
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
font-size: 14px;
}

#contact td{
margin-bottom: 20px;
}

#contact td input{
border-radius: 4px;
line-height: 40px;
width: 100%;
padding: 0 10px;
box-shadow: none !important;
-webkit-appearance: none;
}

#contact .step02 td input{
border: none;
border-radius: 0px;
background: none;

}
#contact .error table{
width: 100%;
}
#contact span.error{
font-size: 16px;
line-height: 20px;
text-align: center;
padding-bottom: 20px;
font-weight: bold;
margin: 0 auto !important;
}


#contact td textarea{
border-radius: 4px;
border-width: 2px;
border-color: #ff9f00;
border-style: solid;
background-color: #ffffff;
width: 100%;
height: 210px;
padding:10px;
-webkit-appearance: none;
}

input[type="text"], textarea, input[type="submit"]{
    -webkit-appearance: none;
}

#contact td:nth-child(14) input{
width: 100%;
}

#contact td:nth-child(12) input, #contact td:nth-child(14) input{
width: 100%;
}

#contact select{
width: 100%;
height: 56px;
font-size: 18px;
}

#contact td:nth-child(18) input{
width: 150px;
margin-right: 10px;
}

#contact td p.check{
overflow: hidden;
}

#contact td p.check input{
display: none;
}

#contact td p.check span{
margin-left: 0 !important;
color: #4d4d4d !important;
}

.checkbox01-parts{
padding-left: 28px;
position:relative;
margin-right: 22px;
margin-left: 0;
}
.checkbox01-parts::before{
content: "";
display: block;
position: absolute;
top: 2px;
left: 0;
width: 18px;
height: 18px;
border: 2px solid #ff9f00;
}

#contact td p.check input:checked + .checkbox01-parts{
color: #ff9f00;
}
#contact td p.check input:checked + .checkbox01-parts::after{
content: "";
display: block;
position: absolute;
top: 2px;
left: 0px;
width: 20px;
height: 20px;
margin-bottom: 20px;
background: url(../img/contact/bg02.jpg) no-repeat;

}


#contact td p.check label{
float: left;
width: auto;
margin-bottom: 20px;
}


/* labelタグのスタイル */
.select-1 {
position: relative;
display: inline-block;
background: #fff;
border-radius: 4px;
overflow: hidden;
z-index: 0;color: #000;
background: url(../img/contact/bg01.jpg) no-repeat right -3px #fff;
width: 100%;

}
/* selectタグのスタイル */
.select-1 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: .4em 2em .4em 1.5em;
background: transparent;
border: 2px solid #ff9f00;
border-radius: 4px;
font-size: 16px;
outline: none;
}
/* selectタグ選択中のスタイル */
.select-1 select:focus {
}
/* IEの下三角非表示 */
.select-1 select::-ms-expand {
display: none;
}
/* Firefoxの点線非表示 */
.select-1 select::-moz-focus-inner {
border: 0;
}
/* 表示されるオプションスタイル */
.select-1 select * {
background: #fff;
color: #000;
text-shadow: none;
}

#contact p.btm{
    line-height: 22px;
    margin: 0 20px 30px;
    width: auto;
}

#contact h3.btm{
margin-bottom: 10px;
width: auto;
margin: 0 auto;
margin-top: 0px;
font-size: 16px;
margin-left: 20px;
}

#contact input.button{
border-radius: 10px;
border-width: 2px;
border-color: #ff9f00;
border-style: solid;
line-height: 50px;
width: 250px;
padding: 0 20px;
color: #ff9f00;
text-align: center;
background-color: none;
background: url(../img/common/PC_toreta_contact_04.jpg) 230px 17px no-repeat;
font-size: 14px;
margin: 0 auto;
display: block;
font-weight: bold;
}

#contact input.button:hover{
background: #ff9f00;
background: url(../img/common/PC_toreta_contact_check_05.jpg) 230px 17px no-repeat #ff9f00;
color: #FFF5E8;
}

#contact input.back{
background: url(../img/common/PC_toreta_contact_error_04.jpg) 10px 20px no-repeat;
}

#contact input.back:hover{
background: url(../img/common/PC_toreta_contact_error_04_02.jpg) 10px 20px no-repeat #ff9f00;
}

#contact .error .top{
font-size: 16px;
line-height: 50px;
padding-bottom: 30px;
}

#contact .stap03 .top{
padding-bottom: 60px;
}

#contact a.button{
border-radius: 4px;
line-height: 50px;
width: 250px;
padding: 0 20px;
background: url(../img/common/PC_toreta_contact_04.jpg) 230px 17px no-repeat;
font-size: 14px;
}

#contact a.back{
background: url(../img/common/PC_toreta_contact_error_04.jpg) 10px 20px no-repeat;
}

#contact a.back:hover{
background: url(../img/common/PC_toreta_contact_error_04_02.jpg) 10px 20px no-repeat #ff9f00;
color: #fff;
}

#pageTop_sp{
margin-top: 60px;
}

}/*END
----------------------------------------------------------- */