@charset "utf-8";
/* CSS Document for Xform sp */

/*-------------------------------
common on PC
-------------------------------*/
.sp__only{
display: none;
}
.pc__only {
display: block;
}
.pc__only__inline {
display: inline-block;
}

/*--------------*/
/* sp wrapper */
/*--------------*/
@media screen and (max-width: 865px){
.sp__only{
display: block;
}
.pc__only {
display: none;
}
.pc__only__inline {
display: none !important;
}

.tellist{
display: none !important;
}
#contentBody {
margin-top: 0px;
}
section.breadcrumb, section.breadcrumb2 {
display: none;
}
section.title-area p.lead {
text-align: justify;
}
header {
    background-color: #F4F4F4;
    height: auto;
    position: relative;
    width: 100%;
  }
  header .inner {
    display: block;
  }
  header .inner h1 {
    padding: 8px 3px;
    text-align: center;
    width: 100%;
  }
      header .inner h1 .sub {
      margin-bottom: 3px;
font-size: 12px;
text-align: center;
}

    header .inner h1 img{
display: inline-block;
width: 80%;
    max-width: 290px;
    margin: 0 10px 0 auto;
}

    header .inner h1 img.hero__header__rakus{
width: 30px;
}
.hero__header__rakus.pc__only__inline{
display: none !important;
}
  header .inner .tell {
    border-top: 1px solid #ccc;
    padding: 10px 0 0;
    position: relative;
    width: 100%;
    text-align: center;
  }
  header .inner .tell img {
    width: 188px;
  }
  .header__tel__img {
padding-right: 5px;
width: 20px !important;
vertical-align: -2px !important;
}
  section.title-area{
padding: 1rem;
box-sizing: border-box;
margin: 1.5rem auto 1.5rem;
}
section.title-area h1 {
font-size: 2.5rem;
line-height: 1.2;
}
section.title-area h1 b {
font-size: 3rem;
}
section.title-area p.lead {
text-align: center;
font-size: 14px;
letter-spacing: 0;
margin: 10px 0 0;
font-weight: 500;
}
section.title-area p{
font-size: 2.2rem;
line-height: 1.3;
}
section.point-area.bg_stripe {
padding: 2rem 0;
}
.main-block .news {
padding: 2rem 0 0rem;
}
/*form*/
/*Xform style reset for mobile*/
tbody{
width:100%;
display: block;
}
table.xf_block,th.xf_field,td.xf_input{
width: 100% !important;
float: none !important;
display: inline-block !important;
text-align: left;
}
.lower table.xf_block,.lower th.xf_field,.lower td.xf_input{
width: 100% !important;
}
form {
font-size: 1.3rem;
padding: 0;
background: rgba(255,255,255,0);
border-radius: 0;
}
table.xf_block{
border: 0;
color: #426175;
}
.xf_essential{
font-size: 11px;
padding: 3px 2px;
}
tr{
background: #fff;
}
tr:nth-child(odd){
background: #f9f9f9;
}
th.xf_field{
font-size: 13px;
background: none;
border-bottom: 0;
padding-bottom: 0;
color: darkblue;
position: relative;
}
th.xf_field::after{
content: "：";
position: relative;
display: inline-block;
padding: 10px;
z-index: 10;
}

td.xf_input {
font-size: 13px;
padding-top: 3px !important;
}
td.xf_input input,td.xf_input textarea{
font-size: 15px;
line-height: 2;
color: #333;
}
td.xf_input textarea{
line-height: 1.5;
}
.note-txt p{
font-size: 12px;
width: 90%;
margin: 10px auto;
text-align: justify;
}
input[type="button"]{
width: 90%;
margin: 0 auto;
font-size: 16px;
padding: 10px 5px;
letter-spacing: 0;
}
input[type=checkbox] + label {
margin-bottom: 10px;
font-size: 14px;
padding-left: 25px;
}
input[type=checkbox] + label::before{
top:-2px;
}
td.xf_input span.error-info{
font-size: 11px;
left: 0;
position: relative;
padding: 5px 0;
}
input[type="submit"]{
padding: 10px 5px;
font-size: 20px;
}
input[type="submit"][disabled] {
font-size: 17px;
padding: 10px 5px;
}
/*footer*/
.wrapper_m_10 {
max-width: 100%;
}
ul.footer_link {
width: 100%;
flex-direction: column;
box-sizing: border-box;
padding: 10px;
}
ul.footer_link li {
line-height: 1.8;
}
ul.footer_link li a{
color: #fff;
text-decoration: none;
display: inline-block;
padding: 0 3px;
}

/*footer*/
.wrapper_m_10 {
max-width: 100%;
}
.colophon_tagline {
font-size: 9px;
line-height: 120%;
}
.colophon_wrap {
display: block;
margin: 0 auto;
padding: 0;
width: 96%;
}
.colophon_wrap > * {
padding: 10px 0;
}
.colophon_title {
padding-right: 0.5rem;
width: 100%;
}
.colophon_title img {
width: 36px;
height: auto;
}
.colophon_privacy {
padding: 0 0 10px;
width: 100%;
}
.colophon_privacy .privacy {
width: 20%;
}
.colophon_privacy .isms {
width: 30%;
}
}