@charset "UTF-8";

* { margin: 0; padding: 0; }



@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
:root {
  --_container-max-width: 100%;
}

:root {
  --entry-content-h2-background-color: none;
}

/* メインフォント読み込み */
/*----------------------------------------------------------------------*/
* {
  color: #0F3641 !important;
}

.red{
color: #BE1920 !important;
}

/*----------------------------------------------------------------------*/
.hover {
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/*----------------------------------------------------------------------*/
.funwari, a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/*----------------------------------------------------------------------*/
.vel_center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*----------------------------------------------------------------------*/
.flexs {
  display: -moz-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*----------------------------------------------------------------------*/
.img_basic {
  width: 100%;
  height: auto;
  display: block;
}

/*----------------------------------------------------------------------*/
.d_none {
  display: none !important;
}

@media screen and (min-width: 601px) {
  .for_sp {
    display: none !important;
  }
}
@media screen and (max-width:600px) {
  .for_pc {
    display: none !important;
  }
}
main {
  overflow: hidden;
}

/*=========================================================================
MAIN VISUAL
=========================================================================*/
.mainvisual {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  margin-top:100px !important;
}
@media screen and (max-width: 767px) {

}
.mainvisual p {
  width: 100vw;
  margin: calc(50% - 50vw);
  height: auto;
}
.mainvisual p img {
  width: 100%;
  height: auto;
  display: block;
}

/*=========================================================================
GLOBAL NAVI
=========================================================================*/
.wp-block-buttons a {
  line-height: 1;
  position: relative;
  z-index: 1;
  background: #BE1920 !important;
  color: #fff !important;
  padding: 0.6em 1em 0.6em 2.4em;
  border-radius: 100vh !important;
  text-decoration: none;
  border: 1px solid #BE1920;
}
.wp-block-buttons a span {
  line-height: 100%;
}
.wp-block-buttons a:hover {
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.wp-block-buttons a:hover:before {
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.wp-block-buttons a:before {
  content: "";
  position: absolute;
  left: 0.6em;
  top: 50%;
  width: 1.2em;
  height: 1em;
  background-image: url("../images/icon_mail.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* public */
* {
  color: #0F3641 !important;
}

/* 共通見出し  PC*/
@media screen and (min-width: 768px) {

.minustop {
  margin-top: -20px !important;
}

h2.wp-block-heading {
  text-align: center;
  font-size:40px !important;
  font-weight: bold;
    padding-top:6%;
  padding-bottom:0px;

}
h2.wp-block-heading span {
color:#328194 !important;
}
}
/* 共通見出し SP*/
@media screen and (max-width: 767px) {
h2.wp-block-heading {
  text-align: center;
    font-size: 140% !important;
  padding-top:6%;
  margin-bottom:10px !important;
  font-weight: bold;

}
h2.wp-block-heading span {
color:#328194 !important;
}
}


/* ２カラムブロック Having Trouble like this? */
.Blck2clm {
margin-bottom:20px;
}

.Blck2clm .inners {
  background-color: #E2E7E8;
  padding: 15px;
  margin:0px !important;
  margin-bottom: 0px !important;
  margin-right: 0px !important;
  border-radius: 10px;
}

.Blck2clm .inners h4.wp-block-heading  {
  background-color: #328194;
  text-align: left;
  padding: 15px;
  color: #FFFFFF !important;
  font-size: 20px !important;
  font-weight: bold !important;
  margin-top:5px !important;
  margin-bottom:10px !important;
  border-radius: 10px;
}

.Blck2clm .inners ul.wp-block-list {
  padding-left:30px !important;
  padding-right:5px 
}

.Blck2clm .inners ul.wp-block-list li  {
  font-size: 14px !important;
margin-bottom:20px !important;
}

 /*SP版 ２カラムブロック Having Trouble like this? */
@media screen and (max-width: 767px) {

.Blck2clm .inners {
  padding: 10px !important;
   border-radius: 5px !important;
}

.Blck2clm .inners h4.wp-block-heading  {
  background-color: #328194;
  text-align: left;
  padding: 7px !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  border-radius: 5px !important;
}
  .Blck2clm .inners ul.wp-block-list {
    padding:0px !important;
    margin:0px !important;
  padding-left:15px !important;
  padding-right:0px 
}
.Blck2clm .inners ul.wp-block-list li  {
  font-size: 14px !important;
  line-height:1.3 !important;
  margin-bottom: 10px !important;
}
  
}


/* 1カラムブロック Dont Worry */
.Blck1clm01 {
width:100% !important;
  background-color: #0F3741;
  padding: 50px;
}

.Blck1clm01 .inner {
  border-radius: 10px;
width:900px !important;
margin:auto;
  background-color: #FFFFFF;
  padding: 20px;
  text-align: center;
}

.Blck1clm01 h3 {
  font-size:260%;
  font-weight: bold;
  border-radius: 10px;
  background-color: #328194;
  color: #FFFFFF !important;
  display: inline-block !important;
  padding: 5px 15px;
  box-sizing: border-box;
}

.Blck1clm01 h4 {
  font-size:140%;
  font-weight: bold;
  border-radius: 10px;
  background-color: #E2E7E8;
  display: inline-block !important;
  padding: 10px 20px;
  box-sizing: border-box;
}

/* SP版 1カラムブロック Dont Worry */
@media screen and (max-width: 767px) {
.Blck1clm01 {
width:100% !important;
  background-color: #0F3741;
  padding: 20px!important;
}
.Blck1clm01 .inner {
  font-size: 14px !important;
  line-height:1.2;
  border-radius: 10px;
width:100px !important;
margin:auto;
  background-color: #FFFFFF;
  padding: 20px;
  text-align: center;
}
.Blck1clm01 h3 {
  font-size:190% !important;
  font-weight: bold;
  border-radius: 10px;
  background-color: #328194;
  color: #FFFFFF !important;
  display: inline-block !important;
  padding: 5px 15px;
  box-sizing: border-box;
}

.Blck1clm01 h4 {
  font-size:120% !important;
  font-weight: bold;
  border-radius: 10px;
  background-color: #E2E7E8;
  display: inline-block !important;
  padding: 10px 20px;
  box-sizing: border-box;
}
}

/* 注釈 */
.subtxt {font-size: 90% !important; }

/* CTAボタン */
.wp-block-navigation__responsive-container .wp-block-buttons a {
  width: 220px !important;
  height:40px;
  font-size:100% !important;
}
.wp-block-buttons a {
  line-height: 1;
  position: relative;
  z-index: 1;
  background: #BE1920 !important;
  color: #fff !important;
  padding: 0.6em 1em 0.6em 2.4em;
  border-radius: 100vh !important;
  text-decoration: none;
  text-align:center !important;
  margin:auto !important;
  border: 1px solid #BE1920;
  width: 417px !important;
  height:60px;
   font-size:110% !important; 
}

/*SP版 CTAボタン */
@media screen and (max-width: 767px) {
.wp-block-buttons a {
  width: 250px !important;
  line-height: 1;
  position: relative;
  z-index: 1;
  background: #BE1920 !important;
  color: #fff !important;
  padding: 0.6em 1em 0.6em 2.4em;
  border-radius: 100vh !important;
  text-decoration: none;
  text-align:center !important;
  margin:auto !important;
  border: 1px solid #BE1920;
  height:40px;
  font-size:100% !important; 
}
}

/* ３カラムブロック Why Choose Us? */
.Blck3clm  {
padding-bottom:80px;
}
.Blck3clm .wp-block-column {
border: 1px solid #D0D0D0;
border-radius: 10px;
margin:5px;
padding:15px 2%;
}
.Blck3clm .wp-block-column h3 {
/*font-size:120% !important;*/
color: #328194 !important;
font-weight: bold;
/*display: flex;
flex-direction: column;
align-items: flex-start;
*/
display: block;
line-height: 1.5 !important;
white-space: nowrap;
}
.Blck3clm .wp-block-column h3 span {
  display: block;
  width: 100%;
}
.Blck3clm .wp-block-column h3 strong {
  border-radius: 10px;
  padding: 5px 15px;
  background-color: #328194 !important;
  color: #FFFFFF !important;
}

@media screen and (min-width: 768px) {
	.Blck3clm .wp-block-column h3 {
    font-size:min(120%,1.46vw) !important
  }
.Blck3clm .wp-block-column p {
  font-size:min(1.35vw,14px) !important;
}
}
/*SP版 ３カラムブロック Why Choose Us? */
@media screen and (max-width: 767px) {
.Blck3clm  {padding-bottom:20px;}

.Blck3clm .wp-block-column {
border: 1px solid #D0D0D0;
border-radius: 10px;
margin:5px;
padding:10px !important;
}
.Blck3clm .wp-block-column h3 {
font-size:100% !important;
color: #328194 !important;
font-weight: bold;
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.5 !important;
white-space: nowrap;
margin:0px !important;
padding:0px !important;
}
.Blck3clm .wp-block-column h3 strong {
  border-radius: 10px;
  padding: 5px 10px;
  background-color: #328194 !important;
  color: #FFFFFF !important;
	
}
.Blck3clm .wp-block-column img {
  height:100px;
}
  
  .Blck3clm .wp-block-column p {
  font-size:14px !important;

}
}


/* A comparison with~ TABLE cmp_table */
.wp-block-table table.has-fixed-layout {
    background-color: #0F3741; 
}
.wp-block-table table.has-fixed-layout {
    color: #FFFFFF !important;
    width: 1000px !important;
    margin: auto;
    border-collapse: collapse;
    table-layout: fixed;
}
.wp-block-table th,
.wp-block-table td {
    border: 1px solid #000000;
    background-color: #FFFFFF; 
    color: #000000;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    width: 25%;
}
.wp-block-table tr:first-child th,
.wp-block-table tr:first-child td,
.wp-block-table tr td:first-child {
    background-color: #666666 !important; /* !important を追加して確実に適用 */
    color: #FFFFFF !important;
    font-weight: bold;
}

.wp-block-table tr:first-child td:nth-child(2) {
    background-color: #9BBACF !important;
    color: #000000 !important; 
}

.wp-block-table tr:not(:first-child) td:nth-child(2) {
    background-color: #CFE7ED !important;
    color: #000000 !important; 
}

.wp-block-table th:nth-child(3),
.wp-block-table td:nth-child(3),
.wp-block-table th:nth-child(4),
.wp-block-table td:nth-child(4) {
    color: #000000 !important;
}

.Blck_acrdn01 .wp-block-details{
    background-color: #328194;
    border-radius: 10px;
    padding: 15px;
    color: #FFFFFF !important;
}

/* SP版 A comparison with~ TABLE cmp_table */
@media screen and (max-width: 767px) {
.cmp_table h3.wp-block-heading {
font-size:120% !important;
color: #FFFFFF !important;
text-align: center;
font-weight: bold;
padding: 15px 0 !important;
}
}




* { margin: 0; padding: 0; }

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
:root {
  --_container-max-width: 100%;
}

:root {
  --entry-content-h2-background-color: none;
}

* {
  color: #0F3641 !important;
}

.red{
color: #BE1920 !important;
}

/*----------------------------------------------------------------------*/
.hover {
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/*----------------------------------------------------------------------*/
.funwari, a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/*----------------------------------------------------------------------*/
.vel_center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*----------------------------------------------------------------------*/
.flexs {
  display: -moz-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*----------------------------------------------------------------------*/
.img_basic {
  width: 100%;
  height: auto;
  display: block;
}

/*----------------------------------------------------------------------*/
.d_none {
  display: none !important;
}

@media screen and (min-width: 601px) {
  .for_sp {
    display: none !important;
  }
}
@media screen and (max-width:600px) {
  .for_pc {
    display: none !important;
  }
}
main {
  overflow: hidden;
}

/*=========================================================================
MAIN VISUAL
=========================================================================*/
.mainvisual {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  margin-top:100px !important;
}

@media screen and (max-width: 767px) {
  .mainvisual {
  margin-top:40px !important;
}
}


.mainvisual p {
  width: 100vw;
  margin: calc(50% - 50vw);
  height: auto;
}
.mainvisual p img {
  width: 100%;
  height: auto;
  display: block;
}

/*=========================================================================
GLOBAL NAVI
=========================================================================*/
.wp-block-buttons a {
  line-height: 1;
  position: relative;
  z-index: 1;
  background: #BE1920 !important;
  color: #fff !important;
  padding: 0.6em 1em 0.6em 2.4em;
  border-radius: 100vh !important;
  text-decoration: none;
  border: 1px solid #BE1920;
}
.wp-block-buttons a span {
  line-height: 100%;
}
.wp-block-buttons a:hover {
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.wp-block-buttons a:hover:before {
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.wp-block-buttons a:before {
  content: "";
  position: absolute;
  left: 0.6em;
  top: 50%;
  width: 1.2em;
  height: 1em;
  background-image: url("../images/icon_mail.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* public */
* {
  color: #0F3641 !important;
}

/* MV PC/SP切り分け
@media screen and (max-width: 767px) {
.MVpc {display: none;}
.MVsp {display: block;}
}

@media screen and (min-width: 768px) {
.MVpc {display: block;}
.MVsp {display: none;}
}
*/
/* 共通見出し */
h2.wp-block-heading {
  text-align: center;
  font-size: 44px;
  font-weight: bold;
  margin-bottom:40px;
}
h2.wp-block-heading span {
color:#328194 !important;
}

/* ２カラムブロック Having Trouble like this? */

.Blck2clm {
margin-bottom:20px;
}

.Blck2clm .inners {
  background-color: #E2E7E8;
  padding: 15px;
  margin:0px !important;
  margin-bottom: 0px !important;
  margin-right: 0px !important;
  border-radius: 10px;
}

.Blck2clm .inners h4.wp-block-heading  {
  background-color: #328194;
  text-align: left;
  padding: 15px;
  color: #FFFFFF !important;
  font-size: 17px;
  margin-top:0px !important;
  margin-bottom:15px !important;
  border-radius: 10px;
}

.Blck2clm ul.wp-block-list li  {
  margin-bottom:20px !important;
}


/* 1カラムブロック Dont Worry */
.Blck1clm01 {
width:100% !important;
  background-color: #0F3741;
  padding: 50px;
}

.Blck1clm01 .inner {
  border-radius: 10px;
width:900px !important;
margin:auto;
  background-color: #FFFFFF;
  padding: 20px;
  text-align: center;
}

.Blck1clm01 h3 {
  font-size:260%;
  font-weight: bold;
  border-radius: 10px;
  background-color: #328194;
  color: #FFFFFF !important;
  display: inline-block !important;
  padding: 5px 15px;
  box-sizing: border-box;
}

.Blck1clm01 h4 {
  font-size:140%;
  font-weight: bold;
  border-radius: 10px;
  background-color: #E2E7E8;
  display: inline-block !important;
  padding: 10px 20px;
  box-sizing: border-box;
}

/* 1カラムブロック02 Zoom Consulting Service */
.Blck1clm02 {

}
.Blck1clm02 .bhead {

}
.Blck1clm02 .bdetail {
max-width:800px;
margin:auto;
  background-color: #CFE7ED;
  border-radius: 10px;
  padding:15px;

}
@media screen and (max-width: 767px) {
  .Blck1clm02 .bdetail {
width:100% !important;
}
}

.Blck1clm02 .bdetail h3 {
  background-color: #0F3741;
  border-radius: 10px;
  text-align: center;
  font-size: 130%;
color: #fff !important;
padding:15px;
}

.Blck1clm02 p{
text-align: center;
}


.Blck1clm02 .bdetail_inner{
  background-color: #FFFFFF;
  border-radius: 10px;
color: #000000 !important;
padding:15px;
}
.Blck1clm02 .bdetail_inner p{
text-align: left;
  font-size:14px;
}

.Blck1clm02 .bdetail_inner .wp-block-quote {
background-color: #328194;
border-radius: 10px;
padding:15px;
}
.Blck1clm02 .bdetail_inner .wp-block-quote p span {
  font-style: normal !important;
color:#FFF !important;
  text-align:center !important;
}
.f200per {font-size:300% !important;}

.Blck1clm02 .sp_blckzoom img {
    display: none !important;
}

@media screen and (max-width: 767px) {
.Blck1clm02 .bdetail {
width: auto;
margin-left: 0px;
margin-right: 0px;
box-sizing: border-box;
padding: 15px;
}
.bdetail_inner {
width: auto !important;
max-width: none !important; 
margin-left: 0 !important; 
margin-right: 0 !important;
box-sizing: border-box;
}
.Blck1clm02 p{font-size:14px !important;}
.Blck1clm02 .bdetail h3 {
  font-size: 100%;
}
.Blck1clm02 .wp-block-group img {
  display: none !important;
}
.Blck1clm02 .sp_blckzoom img {
    display: block !important;
  width:200px!important;
}

.f200per {font-size:200% !important;}
  
}


/* 1カラムブロック用ボタン */
.wp-block-buttons a {
  line-height: 1;
  position: relative;
  z-index: 1;
  background: #BE1920 !important;
  color: #fff !important;
  padding: 0.6em 1em 0.6em 2.4em;
  border-radius: 100vh !important;
  text-decoration: none;
  border: 1px solid #BE1920;
  width: 578px;
}

/* ３カラムブロック Why Choose Us? */
.Blck3clm .wp-block-column {
border: 1px solid #D0D0D0;
border-radius: 10px;
margin:5px;
padding:15px;
}
.Blck3clm .wp-block-column h3 {

color: #328194 !important;
font-weight: bold;
	
display: flex;
flex-direction: column;
align-items: flex-start;


line-height: 1.5 !important;
	/*
white-space: nowrap;
	*/
}
.Blck3clm .wp-block-column h3 strong {
  border-radius: 10px;
  padding: 5px 15px;
  background-color: #328194 !important;
  color: #FFFFFF !important;
}
.Blck3clm .wp-block-column h3 span {display:block; width:100%;}
/* Comparison Table: A comparison with traditional Japanese real estate agencies */

.f12 {font-size:12px !important;}
.f14 {font-size:14px !important;}
.f110per {font-size:140% !important;}




.cmp_table,
.wp-block-table { 
    background-color: #0F3741 !important;
    padding: 20px;
}

.cmp_table h3,
.wp-block-table h3.wp-block-heading {
    font-size: 170% !important;
    color: #FFFFFF !important;
    text-align: center;
    font-weight: bold;
    padding: 15px 0 !important;
}

.cmp_table table,
.wp-block-table table.has-fixed-layout {
    color: #FFFFFF !important;
    width: 1000px !important;
    margin: auto;
    border-collapse: collapse;
    table-layout: fixed;
}

.cmp_table th,
.cmp_table td,
.wp-block-table th,
.wp-block-table td { 
    border: 1px solid #000000;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    padding: 8px;
    text-align: center;
    width: 25%;
}

.cmp_table tr:first-child th,
.cmp_table tr:first-child td,
.cmp_table tr td:first-child,
.wp-block-table tr:first-child th,
.wp-block-table tr:first-child td,
.wp-block-table tr td:first-child {
    background-color: #666666 !important;
    color: #FFFFFF !important;
    font-weight: bold;
}

.cmp_table .blk_tablesub,
.wp-block-table figcaption { 
    padding-top: 0px!important;
    font-size: 80% !important;
    width: 1000px !important;
    margin: auto;
    color: #FFFFFF !important;
}

/* Specific table cell colors */
.cmp_table tr:first-child td:nth-child(2),
.wp-block-table tr:first-child td:nth-child(2) {
    background-color: #9BBACF !important;
    color: #000000 !important;
}

.cmp_table tr:not(:first-child) td:nth-child(2),
.wp-block-table tr:not(:first-child) td:nth-child(2) {
    background-color: #CFE7ED !important;
    color: #000000 !important;
}

.cmp_table tr:first-child th:nth-child(3),
.wp-block-table tr:first-child th:nth-child(3) {
    background-color: #EAEAEA !important;
    color: #000000 !important; 
}

.cmp_table tr:first-child th:nth-child(4),
.wp-block-table tr:first-child th:nth-child(4) {
    background-color: #EAEAEA !important;
    color: #000000 !important;
}

/* SP版 A comparison with~ TABLE cmp_table */
@media screen and (max-width: 767px) {
.cmp_table,
.wp-block-table {
    background-color: #0F3741 !important;
    padding: 5px !important;
}

.cmp_table h3,
.wp-block-table h3.wp-block-heading {
    font-size: 170% !important;
    color: #FFFFFF !important;
    text-align: center;
    font-weight: bold;
    padding: 10px 0 !important;
}

.cmp_table table,
.wp-block-table table.has-fixed-layout {
    color: #FFFFFF !important;
    width: 700px !important;
    margin: auto;
    border-collapse: collapse;
    table-layout: fixed;
}

.cmp_table th,
.cmp_table td,
.wp-block-table th,
.wp-block-table td {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
  font-size:11px;
    padding: 8px;
    text-align: left;
    width: 25%;
}
.cmp_table th img,
.cmp_table td img,
.wp-block-table th img,
.wp-block-table td img,
  .blk_tablesub img{
  width:10px;
}

.cmp_table tr:first-child th,
.cmp_table tr:first-child td,
.cmp_table tr td:first-child,
.wp-block-table tr:first-child th,
.wp-block-table tr:first-child td,
.wp-block-table tr td:first-child {
    background-color: #666666 !important;
    color: #FFFFFF !important;
    font-weight: bold;
}
.cmp_table .blk_tablesub{
  font-size:10px!important;
  padding-top:5px !important;
  margin-left:10px !important;
}
.cmp_table .blk_tablesub,
.wp-block-table figcaption {
  padding-top: 0px;
    padding-bottom: 10px;
    font-size: 80% !important;
    width: 1000px !important;
    margin: auto;
    color: #FFFFFF !important;
}

.cmp_table tr:first-child td:nth-child(2),
.wp-block-table tr:first-child td:nth-child(2) {
    background-color: #9BBACF !important;
    color: #000000 !important;
}

.cmp_table tr:not(:first-child) td:nth-child(2),
.wp-block-table tr:not(:first-child) td:nth-child(2) {
    background-color: #CFE7ED !important;
    color: #000000 !important;
}

.cmp_table tr:first-child th:nth-child(3),
.wp-block-table tr:first-child th:nth-child(3) {
    background-color: #EAEAEA !important;
    color: #000000 !important;
}
}

/* アコーディオンブロック */
.Blck_acrdn01 details summary {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}

.Blck_acrdn01 .wp-block-group {
  background-color: #FFFFFF;
  color: #666666 !important;
  padding:15px;
  border-radius: 10px;
}

.Blck_acrdn01 details summary figure.wp-block-image {
  flex: 0 0 15% !important;
  max-width: 15% !important;
  margin-right: 2% !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-sizing: border-box !important; 
}

.Blck_acrdn01 details summary figure.wp-block-image img {
  width: 100% !important; 
  height: auto !important; 
  display: block !important; 
}

.Blck_acrdn01 details summary > *:not(figure.wp-block-image) {
  flex: 1 !important;
  max-width: 70% !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  color: #FFFFFF !important;
}
.Blck_acrdn01 details summary br {
  display: none !important;
}

@media (max-width: 768px) {
  .Blck_acrdn01 details summary {
    flex-direction: column !important; 
    align-items: center !important;
    color: #FFFFFF !important;
  }

  .Blck_acrdn01 details summary figure.wp-block-image {
    flex: none !important; 
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }

  .Blck_acrdn01 details summary > *:not(figure.wp-block-image) {
    flex: none !important;
    max-width: 100% !important;
    text-align: center !important;
  }
}


/* CTAボタンブロック */
.Blck_CTA {
background-color: #0F3741 !important;
padding:35px;
margin-top: 60px;
margin-bottom: 20px;
}

.Blck_CTA .wp-block-group  {
width:900px;
margin:auto;
background-color: #FFFFFF !important;
border-radius: 10px;
color: #0F3741 !important;
padding:25px;
}
.Blck_CTA .wp-block-group h2  {
font-size:20px !important;
width:60% !important;
margin:auto;
background-color: #E2E7E8 !important;
border-radius: 10px;
color: #000000 !important;
padding:15px;
}

.Blck_CTA .wp-block-button__link{
width: 600px !important;
max-width: 100% !important;
padding:10px !important;
font-size: 24px !important;
line-height: 1.2 !important;
padding: 15px 10px !important;
}


@media screen and (max-width: 767px) {
  
.Blck_CTA .wp-block-group  {
  width:100% !important;
margin:auto;
background-color: #FFFFFF !important;
border-radius: 10px;
color: #0F3741 !important;
padding:25px;
}
.Blck_CTA .wp-block-group h2  {
width:100% !important;
margin:auto !important;
font-size:17px !important;
padding:10px;
}

.Blck_CTA .wp-block-button__link{
width: 600px !important;
padding:10px !important;
font-size: 12px !important;
line-height: 1.2 !important;
padding: 15px 10px !important;
}
.Blck_CTA .wp-block-group p.subtxt  {
font-size:10px !important;
line-height: 1.2 !important;
margin-top: 0 !important;
margin-bottom: 0 !important; 
}
  
}


/* ブロック Core Services */
.Blck1clm03{

}
.Blck1clm03 h2 {
margin-bottom:0px !important;
padding-bottom:0px !important;
}
.Blck1clm03 h4 {
color: #A4A4A4 !important;
font-size: 32px !important;
margin:0px 0 !important;
padding:0px 0 !important;
font-weight: bold;
}
.Blck1clm03 h6 {
font-size: 85% !important;
margin:0px 0 !important;
padding:0px 0 !important;
padding-bottom:30px !important;
}

.Blck1clm03 .is-vertical {
width:800px;
max-width: 100% !important;
margin:auto !important;
padding:15px !important;
margin-bottom:40px !important;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1) !important; 
  border-radius: 10px !important;
  font-size: 95% !important;
}

.Blck1clm03 .is-vertical h3{
  border-radius: 10px;
  padding: 5px 15px;
  background-color: #328194 !important;
  color: #FFFFFF !important;
  font-weight: bold;
  font-size: 22px !important;
}

@media screen and (max-width: 767px) {
.Blck1clm03 .is-vertical {
width: 100% !important;
margin:auto !important;
padding:10px !important;
margin-bottom:20px !important;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1) !important; 
  border-radius: 10px !important;
  font-size: 12px !important;
}
.Blck1clm03 .is-vertical h3 {
  font-size: 16px !important;
}
.Blck1clm03 .is-vertical p {
  margin-top:-10px !important;
}
.Blck1clm03 .is-vertical ul {
  margin-top:-10px !important;
}
.Blck1clm03 .is-vertical ul li {
}
  
.Blck1clm03 h4 {
font-size: 14px !important;
}
.Blck1clm03 .subtxt {
font-size: 16px !important;
}

}


/* ブロックFLOW */
.Blck_flw {
max-width:800px !important;
margin:auto !important;
padding-bottom:80px !important;
}

.Blck_flw .is-layout-flow {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1) !important; 
  border-radius: 20px !important;
  font-size: 18px !important;
  padding:7px;
  text-align: center !important;
}
.Blck_flw .is-layout-flow h4 {
 background-color: #328194 !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  width: 35px !important;
  height: 35px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 12px !important;
  font-weight: bold !important;
  line-height: 1 !important;
  margin: auto!important;
  margin-bottom: 20px !important; 
  margin-top: 0 !important;
}

.Blck_flw .is-layout-flow figure.wp-block-image {
margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;}

.Blck_flw .is-layout-flow img {
width:55px !important;
margin:auto !important;
  margin-bottom:7px !important;
}
.Blck_flw .is-layout-flow p {font-size: 16px !important;line-height:18px !important;font-weight:500 !important;margin-bottom:7px !important;}

@media screen and (max-width: 767px) {
.Blck_flw {
width: 100% !important;
margin:auto !important;
padding-top:20px !important;
padding-bottom:40px !important;
}
.Blck_flw .is-layout-flow {
}
.Blck_flw .is-layout-flow h4 {
background-color: #328194 !important;
color: #FFFFFF !important;
border-radius: 50% !important;
width: 25px !important;
height: 25px !important;
padding:0px  !important;
margin:0px  !important;
}
.Blck_flw .is-layout-flow .wp-block-image {
margin-top:-30px;
width:45px !important;
margin-left: 0px !important;
}
.Blck_flw .is-layout-flow p {
  font-size:14px !important;
  font-weight:500 !important;
  margin:7px !important;
}
}

/* ブロックFAQ */

.wp-block-group.Blck_faq {
  background-color: #F2F2F2 !important;
  padding: 40px 20px !important;
}

.Blck_faq .wp-block-details {
  width: 800px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 15px !important;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.Blck_faq .wp-block-details summary {
  background-color: #CFE7ED !important;
  font-size:20px !important;
  color: #328194 !important;
  padding: 15px 20px !important;
  font-weight: bold !important;
  cursor: pointer;
  list-style: none;
}
.Blck_faq .wp-block-details summary strong {
font-size:100% !important;
  margin-right:10px;
}

.Blck_faq .wp-block-details summary::-webkit-details-marker {
  display: none;
}

.Blck_faq .wp-block-details {
  background-color: #FFFFFF !important;
}

.Blck_faq .wp-block-details p strong {
  font-weight: bold !important;
  font-size: 120% !important;
  margin-right: 10px !important;
}
.Blck_faq .wp-block-details p {
   font-size:16px !important;
  margin-bottom: 0 !important;
  display: block;
  padding-left: 25px !important; 
  text-indent: -0 !important; 
  padding:20px !important;
}

.Blck_faq .wp-block-details .wp-block-buttons .wp-block-button__link {
width:300px !important;
height:50px !important;
font-size: 16px !important;
margin: 20px !important;
margin-top: -20px !important;
}


@media screen and (max-width: 767px) {
.Blck_faq .wp-block-details {
width: 95% !important;
}
.Blck_faq .wp-block-details summary,
.Blck_faq .wp-block-details p,
.Blck_faq .wp-block-details .wp-block-buttons {
padding: 10px 15px !important;
}
.Blck_faq .wp-block-details summary {
font-size:14px !important;
}
.Blck_faq .wp-block-details p {
font-size:14px !important;
padding-bottom:0px;
margin-bottom:0px;
}
.Blck_faq .wp-block-details .wp-block-buttons .wp-block-button__link {
width:200px !important;
height:30px !important;
font-size: 12px !important;
margin: 0px !important;
margin-top: -40px !important;
}

}


/* Block一番最後  About Low Key Japan */
.Blck1clum04 {
background-color: #328194 !important;
padding:20px;
color: #FFFFFF !important;
}
.Blck1clum04 h2 {
color: #FFFFFF !important;
text-align: center;
padding-top:30px;
padding-bottom:20px;
}

.Blck1clum04 .wp-block-group {
max-width:500px;
margin:auto;
}


@media screen and (max-width: 767px) {
.Blck1clum04 .wp-block-group {
max-width:100%;
margin:auto;
}


}

.Blck1clum04 .wp-block-column {
padding:15px;
background-color: #FFFFFF !important;
color: #328194 !important;
  border-radius: 10px;
}
.Blck1clum04 .wp-block-column h4 {
color: #328194 !important;
text-align: center;
font-weight:bold;
}

.Blck1clum04 li {
font-size: 90%;
margin-bottom:15px;
}

@media screen and (max-width: 767px) {
.Blck1clum04 li {
font-size: 12px !important;
margin-bottom:2px;
}
}


/* フォームページタイトル */
.wp-block-spacer {background-color: #0F3741 !important;}

.wp-block-post-title {
background-color: #0F3741 !important;
color:#FFFFFF !important;
padding:20px;
font-size:25px;

}



/*=========================================================================
FORM
=========================================================================*/

.mwform-checkbox-field-text {font-size:85%;}

.block_sub {
background-color:#E2E7E8;
padding:15px;
margin-bottom:20px;
}

.block_sub strong {
font-size:100% !important;
}

.block_sub dt {width: 40%;}

.cbinner {background-color:#E2E7E8; padding:10px;}
.cbtxt{font-size:85%; margin-bottom:15px;}



form.fullsize {width: 100%;}

/* ---------------------------------------------------------------- */
#form_inputList, #form_inputList li {width: 100%; height: auto; margin: 0 auto;}
#form_inputList li {position: relative; z-index: 1;}
#form_inputList li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList button,
#form_inputList textarea,
#form_inputList select,
#form_inputList input[type="checkbox"],
#form_inputList input[type="radio"],
#form_inputList input[type="submit"],
#form_buttonList input[type="submit"]{
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
}

select::-ms-expand {display: none;}

/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select  {
height:auto;
padding:6px 0 5px;
line-height:100%;
text-indent:1em;
background: #fff;
border:1px solid #707070;
color: #0f0d0d;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#form_inputList input[type="text"]:last-of-type {margin-bottom: 0;}
#form_inputList input[type="text"] {margin-bottom: 1em;}

#form_inputList textarea {
min-height:80px;
height:auto;
border:1px solid #707070;
padding:1em 10px;
line-height:100%;
background: #fff;
color: #0f0d0d;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.mwform-zip-field,.mwform-tel-field {letter-spacing:-.4em;}

#form_inputList .mwform-zip-field input[type="text"],
#form_inputList .mwform-tel-field input[type="text"] {letter-spacing:0;}

#form_inputList input[type="text"]:focus,
#form_inputList input[type="email"]:focus,
#form_inputList textarea:focus,
#form_inputList select:focus {box-shadow: 0 0 0px;border: 1px solid #aaa; background: #f5f5f5; }

#form_inputList::-webkit-input-placeholder,
#form_inputList select::-webkit-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::input-placeholder{color: #aaa !important;}

#form_inputList input[type="radio"], 
#form_inputList input[type="checkbox"] {
margin: 2px 5px 0 0;
padding: 0;
width:15px;
height:15px;
border: 1px solid #707070;
background: #fff; 
-webkit-transition: all .2s;
transition: all .2s;
display: inline-block;
line-height:100%;
vertical-align:top;
position: relative;
}

#form_inputList input[type="radio"] {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
#form_inputList input[type="checkbox"] {
-webkit-border-radius:4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#form_inputList input[type="checkbox"]:checked,
#form_inputList input[type="radio"]:checked {background: #fff;border-color:#707070;}

#form_inputList label {
position: relative;
box-sizing: border-box !important;
display: block ;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
line-height:100%;
vertical-align:top;
font-weight: 600;
width:auto;
display: flex;
align-items: flex-start;
}
#form_inputList label:last-of-type:before {display: block;}
#form_inputList input[type="checkbox"]::before,
#form_inputList input[type="radio"]::before {content: none !important;}

#form_inputList input[type="checkbox"]::after,
#form_inputList input[type="radio"]::after{
content: "";
display: block; 
position: absolute;
opacity: 0;
}

#form_inputList input[type="radio"]::after{
height: 1vw;
width:1vw;
top: 1px;
left: 1px;
background: #707070;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
 
#form_inputList input[type="checkbox"]::after {
	left: 0px;
	border-right: 4px solid #ab0606 !important;
	border-top: 4px solid #ab0606 !important;
	transform: rotate(120deg);
	width: 18px;
	height: 8px;
	}
#form_inputList input[type="checkbox"]:checked::after,
#form_inputList input[type="radio"]:checked::after{opacity: 1;}

#form_inputList select, 
#form_inputList option{cursor: pointer; text-overflow: ellipsis; }


/* ---------------------------------------------------------------- */
dl.input_body dt, dl.input_body dd {line-height: 160%; height: auto; font-weight:400; padding: 5px 0; color: #0F0D0D; }
dl.input_body dt, dl.input_body dt p {color: #0f0d0d;}

/* ---------------------------------------------------------------- */
dl.input_body dt {display: -webkit-flex; display: flex;flex-wrap: wrap; align-items: center; font-weight: 600; }
dl.input_body dt span {color: #ad0000; display: inline-block; letter-spacing: 0;}

/* PC版でもdt ddを縦並びにする */
dl.input_body dt, 
dl.input_body dd {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0px; 
}

/* 親要素のflexを解除 */
dl.input_body {
    display: block !important;
}

/* `.block_sub dt` の幅指定も解除 */
.block_sub dt {
    width: auto !important;
}

/* ---------------------------------------------------------------- */
#form_inputList input.input_half {width:48%;}

/* ---------------------------------------------------------------- */
#formCheck {text-align: center;}

#agreementNotes02 {color:#014646; line-height:160%;}

/* ---------------------------------------------------------------- */
#form_buttonList {
display: flex; 
flex-wrap: wrap;
align-items: baseline;
width: 100%;
margin: 0 auto;
text-align: center ;
}

#form_buttonList p {
position: relative;
z-index: 1;
display: inline-block;
letter-spacing: 0;
vertical-align: middle;
height: auto;
text-align: center;
}
#form_buttonList p:last-of-type {margin-right: 0;}


/* ---------------------------------------------------------------- */

#form_buttonList p {
ont-family:'Roboto',sans-serif;
display: block;
line-height: 100%;
color: #fff;
text-decoration: none;
font-weight: 600;
position: relative;
z-index: 2;
text-align: left !important;
}
#form_buttonList p input {
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
color: #fff;
text-align: left !important;
font-weight: 900;
cursor: pointer;
}

#form_buttonList p input.Agree {background: #fc8b67;}
#form_buttonList p input.Disagree {background: #ccc;}

#form_buttonList p input.Agree:hover {background: #ad0000;}
#form_buttonList p input.Disagree:hover {background: #999;}

/*----------------------------------------------------------*/
#form_buttonList p:before {
content: "";
position: absolute;
top: 50%;
background-image: url('../img/icon_arrow.png');
z-index: 2;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#form_buttonList p#Disagree:before {top: 40% !important;}

#form_buttonList p:empty,
#form_buttonList p#Disagree:empty {display : none !important;}


/* ---------------------------------------------------------------- */
#agreeMessage {text-align: center; line-height: 160%; width: 90%; height: auto; margin: 0 auto;}
#agreeHeadline { color: #FC8B67; font-weight: 700;}


/*------------------------------------------------------------------- */
#contactForm {padding: 30px 45px;}

/*------------------------------------------------------------------- */
ul#form_inputList {margin-bottom:45px;width:80%;margin:auto;}
ul#form_inputList li {margin-bottom: 30px; position: relative; z-index: 1;
list-style: none;}

/*------------------------------------------------------------------- */
dl.input_body {display: -webkit-flex; display: flex; flex-wrap: wrap; align-items:flex-start;}
dl.input_body dt, dl.input_body dd {font-size: 18px ;position: relative;z-index: 1;vertical-align: middle; font-weight: 600;}

/*------------------------------------------------------------------- */
dl.input_body dt {width: 22%; margin-right: 2%; }
dl.input_body dd {width: 68%; }
dl.input_body dd.type_check {padding: 15px 0 10px;}

#form_inputList label {font-size: 18px;}

@media print, screen and (max-width:1200px){
dl.input_body dt, dl.input_body dd ,#form_inputList label{font-size: 16px;}
}

@media print, screen and (max-width:1000px){
dl.input_body dt, dl.input_body dd ,#form_inputList label{font-size: 1.8vw;}
dl.input_body dt {width: 100%; margin:0 0 .5% 0; }
dl.input_body dd {width: 100%; }
}
/* ---------------------------------------------------------------- */
#form_inputList input[type="radio"]::after{ width: 11px; height: 11px;}
#form_inputList input[type="checkbox"]::after {
width: 15px;
height: 6px;
-ms-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
}
	
/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 16px;
width: 100% !important;
box-sizing: border-box;}

#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select {padding: .7rem .7rem !important;}
#form_inputList textarea{padding:.7rem .7rem !important; min-height: 20vh;}


@media print, screen and (max-width:1200px){
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 13px; }
}
@media print, screen and (max-width:1000px){
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 1.3vw; }
}


/* ---------------------------------------------------------------- */
#form_buttonList {width: 60%;margin-top: 90px;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#form_buttonList p {width: 40%; margin: 0 1.333% 0 0; font-size: 900;}
#form_buttonList p:last-of-type {margin-right: 0;}


#form_buttonList p input.Agree,
#form_buttonList p input.Disagree{padding:1rem 1.5em 1rem 4rem; font-size: 18px;}


@media print, screen and (max-width:1200px){
#form_buttonList p input.Agree,
#form_buttonList p input.Disagree{font-size: 16px; }
}

@media print, screen and (max-width:1000px){
#form_buttonList p {width: 68%; margin: 0 0 14px;}
#form_buttonList p:last-of-type {margin: 0;}

#form_buttonList p input.Agree,
#form_buttonList p input.Disagree{font-size: 1.3vw; }
}

#form_buttonList p:before {left: 1rem; width: 2rem; height: 2rem;}


/* ---------------------------------------------------------------- */
#form_inputList::-ms-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-webkit-input-placeholder{font-size: 13px !important; }

@media print, screen and (max-width:1200px){
#form_inputList::-ms-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-webkit-input-placeholder {font-size: 12px !important; }
}

@media print, screen and (max-width:1000px){
#form_inputList::-ms-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-webkit-input-placeholder {font-size: 1.2vw !important; }
}


/* ---------------------------------------------------------------- */
#formCheck {font-size: 14px;}

#agreementNotes02 {font-size: 14px; margin-bottom: 12px;}


/* ---------------------------------------------------------------- */
#agreeHeadline {font-size: 36px; margin-bottom: 2%;}
#agreeMessage {font-size: 14px; padding: 100px 0;}


@media print, screen and (max-width:1919px){
#agreeHeadline {font-size: 1.8vw;}
#agreeMessage{font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#agreeHeadline {font-size: 22px;}
#agreeMessage{font-size: 13px; }
}

/*=========================================================================
CONTACT
=========================================================================*/
#contactTitle {line-height: 160%; color: #fc8B67;font-weight: 700; border-bottom: 1px solid #fc8B67;}
.mark_required {color: #ad0000 !important;}

/*=========================================================================
FORM SP用
=========================================================================*/
@media print, screen and (max-width:768px){

.brsp {display: none !important;}

/*=========================================================================
CONTACT
=========================================================================*/
section#Inquiry .basic_type01 {padding-bottom: 12%;}


/*----------------------------------------------------------*/
#contactTitle {font-size: 18px;margin-bottom: 2%; }

.mark_required {font-size: 13px;margin-left: .5rem; }
#contactTitle .mark_required {margin-left: 2rem;}


@media print, screen and (max-width:480px){
#contactTitle {font-size:3.333vw;}
.mark_required {font-size: 2.75vw;}
}


/*------------------------------------------------------------------- */
#contactForm {padding:4% 5%;}

/*------------------------------------------------------------------- */
ul#form_inputList {margin-bottom: 9%;margin-top: 6%;width:100% !important;}
ul#form_inputList li {margin-bottom: 3%; position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
dl.input_body {margin-bottom: 0%;}

dl.input_body dt, dl.input_body dd {font-size: 15px;}

dl.input_body dt {margin-bottom: 0%; }
dl.input_body dd {width: 100%; }
dl.input_body dd.type_check {padding: 2% 0 0; }

#form_inputList label {font-size: 15px;
display: flex;
align-items: flex-start;
}

@media print, screen and (max-width:480px){
dl.input_body dt, dl.input_body dd, #form_inputList label {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#form_inputList input[type="radio"], 
#form_inputList input[type="checkbox"] {margin: 0 5px 0 0;}

/* ---------------------------------------------------------------- */
#form_inputList input[type="radio"]::after{height: 11px;width:11px;top: 1px;left:1px;}

#form_inputList input[type="checkbox"]::after {
top: -2px;
width: 15px;
height: 6px;
-ms-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
}

/* ---------------------------------------------------------------- */
dl.input_body dt span{ font-size: 90%; margin-left:1%;}


/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 13px;}

#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select {padding: 10px .5em;}
#form_inputList textarea{padding: 10px .5em; min-height: 20vh;}

@media print, screen and (max-width:480px){
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 2.708vw;}
}


/* ---------------------------------------------------------------- */
#form_buttonList {
margin-top: 12%;
width: 100%;
display: block;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#form_buttonList p {width: 48%; margin-right: 4%;}
#form_buttonList p:last-of-type {margin-right: 0;}

#form_buttonList input.Agree,
#form_buttonList input.Disagree{padding:5% 1em; font-size: 14px; }


@media print, screen and (max-width:480px){
#form_buttonList input.Agree,
#form_buttonList input.Disagree{font-size: 3.3vw; padding:.5rem 1em .5rem 2rem!important; text-align: center;}
}

/* ---------------------------------------------------------------- */
#form_buttonList p:before  {width: 2em; height: 2em; left: 1.8em;}

@media print, screen and (max-width:480px){
#form_buttonList p:before  {width: 1.4em; height:  1.4em; left: .8em;}
}


/* ---------------------------------------------------------------- */
#form_buttonList p input.Agree,
#form_buttonList p input.Disagree{padding:1rem 1.5em 1rem 4rem; font-size: 16px;}

/* ---------------------------------------------------------------- */
#formCheck {font-size: 13px;}
#agreementNotes02 {font-size: 13px; margin-bottom: 4%;}

@media print, screen and (max-width:480px){
#formCheck,#agreementNotes02 {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#agreeMessage {font-size: 13px; padding: 10vh 0;}
#agreeHeadline {font-size: 18px; margin-bottom: 2%;}


@media print, screen and (max-width:480px){
#agreeMessage {font-size: 3vw;}
#agreeHeadline {font-size: 3.6vw;}
}

/* ---------------------------------------------------------------- */
dl.input_body dd .select_cover.half {width: 50%;}
dl.input_body dd .select_cover.half02 {width: 70%;}


/* ---------------------------------------------------------------- */
dl.input_body .select_cover {margin-bottom: 1em;}
dl.input_body .select_cover:last-child {margin-bottom: 0;}
dl.input_body .select_cover:after {right: .7em; top: 65%; z-index: 0;}
dl.input_body .select_cover:before {width: 2em; z-index:0;}


/* ---------------------------------------------------------------- */
.two_item .mwform-radio-field {
padding: .5rem 0 0 !important;
align-items:center;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#select-openBox { width: 100% !important;}
#select-openBox input {width: calc(100% - 9em) !important; display: inline-block !important;}

@media print, screen and (max-width:480px){
#select-openBox {width:100% !important; }
#select-openBox input {width: 100% !important;}
#btn_addNum a, #form_inputList button  {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.error {margin-top: 1.5%;}


/* ---------------------------------------------------------------- */
#btn_addNum a,#form_inputList button{padding: 10px 1em; font-size: 13px;}

#form_inputList button {width: 100% !important;}

@media print, screen and (max-width:480px){
#btn_addNum a, #form_inputList button  {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#formLink {margin-top: 10px;}
#formLink a {font-size: 13px;}

@media print, screen and (max-width:480px){
#formLink a {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#checkBox {padding-top: 6%; margin-top: 6%;}


.mw_wp_form {padding-top: 80px;margin-top: -80px;}

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







/* フォームページタイトル */
.wp-block-spacer {background-color: #0F3741 !important;

}

.wp-block-group h1 {
  padding-bottom:0px !important;
}

.wp-block-post-title {
background-color: #0F3741 !important;
color:#FFFFFF !important;
font-size:20px !important;
}

.wp-block-post-content {
  padding-top:0px;
  width: 80%;
  margin:auto;
}

/*=========================================================================
FORM
=========================================================================*/

.mwform-checkbox-field-text {font-size:85%;}

.block_sub {background-color:#E2E7E8;padding:15px; padding-bottom:10px !important; margin-bottom: 15px;}

.block_sub strong {font-size: 100%;}

.block_sub dt {width: 40%;}

.cbinner {background-color:#E2E7E8; padding:15px;}
.cbtxt{font-size:85%; margin-bottom:15px;}



form.fullsize {width: 100%;}

/* ---------------------------------------------------------------- */
#form_inputList, #form_inputList li {width: 100%; height: auto; margin: 0 auto;}
#form_inputList li {position: relative; z-index: 1;}
#form_inputList li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList button,
#form_inputList textarea,
#form_inputList select,
#form_inputList input[type="checkbox"],
#form_inputList input[type="radio"],
#form_inputList input[type="submit"],
#form_buttonList input[type="submit"]{
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
}

select::-ms-expand {display: none;}

/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select  {
height:auto;
padding:6px 0 5px;
line-height:100%;
text-indent:1em;
background: #fff;
border:1px solid #707070;
color: #0f0d0d;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#form_inputList input[type="text"]:last-of-type {margin-bottom: 0;}
#form_inputList input[type="text"] {margin-bottom: 1em;}

#form_inputList textarea {
min-height:80px;
height:auto;
border:1px solid #707070;
padding:1em 10px;
line-height:100%;
background: #fff;
color: #0f0d0d;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.mwform-zip-field,.mwform-tel-field {letter-spacing:-.4em;}

#form_inputList .mwform-zip-field input[type="text"],
#form_inputList .mwform-tel-field input[type="text"] {letter-spacing:0;}

#form_inputList input[type="text"]:focus,
#form_inputList input[type="email"]:focus,
#form_inputList textarea:focus,
#form_inputList select:focus {box-shadow: 0 0 0px;border: 1px solid #aaa; background: #f5f5f5; }

#form_inputList::-webkit-input-placeholder,
#form_inputList select::-webkit-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::input-placeholder{color: #aaa !important;}

#form_inputList input[type="radio"], 
#form_inputList input[type="checkbox"] {margin: 2px 5px 0 0;padding: 0;width:15px;height:15px;border: 1px solid #707070;background: #fff;-webkit-transition: all .2s;transition: all .2s;display: inline-block;line-height:100%;vertical-align:top;position: relative;}

#form_inputList input[type="radio"] {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
#form_inputList input[type="checkbox"] {-webkit-border-radius:4px;-moz-border-radius: 4px;border-radius: 4px;}

#form_inputList input[type="checkbox"]:checked,
#form_inputList input[type="radio"]:checked {background: #fff;border-color:#707070;}

#form_inputList label {
position: relative;
box-sizing: border-box !important;
display: block ;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
line-height:100%;
vertical-align:top;
font-weight: 600;
width:auto;
display: flex;
align-items: flex-start;
}
#form_inputList label:last-of-type:before {display: block;}
#form_inputList input[type="checkbox"]::before,
#form_inputList input[type="radio"]::before {content: none !important;}

#form_inputList input[type="checkbox"]::after,
#form_inputList input[type="radio"]::after{
content: "";
display: block; 
position: absolute;
opacity: 0;
}

#form_inputList input[type="radio"]::after{
height: 1vw;
width:1vw;
top: 1px;
left: 1px;
background: #707070;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
 
#form_inputList input[type="checkbox"]::after {
	left: 0px;
	border-right: 2px solid #707070;
	border-top: 1px solid #707070;
	transform: rotate(120deg);
	width: 15px;
	height: 6px;
	}
#form_inputList input[type="checkbox"]:checked::after,
#form_inputList input[type="radio"]:checked::after{opacity: 1;}

#form_inputList select, 
#form_inputList option{cursor: pointer; text-overflow: ellipsis; }


/* ---------------------------------------------------------------- */
dl.input_body dt, dl.input_body dd {line-height: 160%; height: auto; font-weight:400; padding: 5px 0; color: #0F0D0D; }
dl.input_body dt, dl.input_body dt p {color: #0f0d0d;}

/* ---------------------------------------------------------------- */
dl.input_body dt {display: -webkit-flex; display: flex;flex-wrap: wrap; align-items: center; font-weight: 600; }
dl.input_body dt span {color: #ad0000; display: inline-block; letter-spacing: 0;}


/* ---------------------------------------------------------------- */
#form_inputList input.input_half {width:48%;}

/* ---------------------------------------------------------------- */
#formCheck {text-align: center;}

#agreementNotes02 {color:#014646; line-height:160%;}

/* ---------------------------------------------------------------- */
#form_buttonList {
display: flex; 
flex-wrap: wrap;
align-items: baseline;
width: 100%;
margin: 0 auto;
text-align: center ;
}

#form_buttonList p {
position: relative;
z-index: 1;
display: inline-block;
letter-spacing: 0;
vertical-align: middle;
height: auto;
text-align: center;
}
#form_buttonList p:last-of-type {margin-right: 0;}


/* ---------------------------------------------------------------- */

#form_buttonList p {
ont-family:'Roboto',sans-serif;
display: block;
line-height: 100%;
color: #fff;
text-decoration: none;
font-weight: 600;
position: relative;
z-index: 2;
text-align: left !important;
}
#form_buttonList p input {
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
color: #fff;
text-align: left !important;
font-weight: 900;
cursor: pointer;
}

#form_buttonList p input.Agree {background: #0F3741; color: #FFF !important; }
#form_buttonList p input.Disagree {background: #ccc;}

#form_buttonList p input.Agree:hover {background: #ad0000;}
#form_buttonList p input.Disagree:hover {background: #999;}

/*----------------------------------------------------------*/
#form_buttonList p:before {
content: "";
position: absolute;
top: 50%;
background-image: url('../img/icon_arrow.png');
z-index: 2;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#form_buttonList p#Disagree:before {top: 40% !important;}

#form_buttonList p:empty,
#form_buttonList p#Disagree:empty {display : none !important;}


/* ---------------------------------------------------------------- */
#agreeMessage {text-align: center; line-height: 160%; width: 90%; height: auto; margin: 0 auto;}
#agreeHeadline { color: #FC8B67; font-weight: 700;}


/*------------------------------------------------------------------- */
#contactForm {padding: 30px 45px;}

/*------------------------------------------------------------------- */
ul#form_inputList {margin-bottom:45px;width:80%;margin:auto;}
ul#form_inputList li {margin-bottom: 30px; position: relative; z-index: 1;
list-style: none;}

/*------------------------------------------------------------------- */
dl.input_body {display: -webkit-flex; display: flex; flex-wrap: wrap; align-items:flex-start; padding-bottom:25px;}
dl.input_body dt, dl.input_body dd {font-size: 18px ;position: relative;z-index: 1;vertical-align: middle; font-weight: 600;}

/*------------------------------------------------------------------- */
dl.input_body dt {width: 22%; margin-right: 2%; }
dl.input_body dd {width: 68%; }
dl.input_body dd.type_check {padding: 15px 0 10px;}

#form_inputList label {font-size: 18px;}

@media print, screen and (max-width:1200px){
dl.input_body dt, dl.input_body dd ,#form_inputList label{font-size: 16px;}
}

@media print, screen and (max-width:1000px){
dl.input_body dt, dl.input_body dd ,#form_inputList label{font-size: 1.8vw;}
dl.input_body dt {width: 100%; margin:0 0 .5% 0; }
dl.input_body dd {width: 100%;/* margin-bottom:30px; */}
}
/* ---------------------------------------------------------------- */
#form_inputList input[type="radio"]::after{ width: 11px; height: 11px;}
#form_inputList input[type="checkbox"]::after {
width: 15px;
height: 6px;
-ms-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
}
	
/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 14px !important;
width: 100%;
box-sizing: border-box;}

#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select {padding: .7rem .7rem !important;}
#form_inputList textarea{padding:.7rem .7rem !important; min-height: 20vh;}


@media print, screen and (max-width:1200px){
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 13px; }
}
@media print, screen and (max-width:1000px){
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 1.3vw; }
}


/* ---------------------------------------------------------------- */
#form_buttonList {width: 100%;margin-top: 20px;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#form_buttonList p {width: 40%; margin: 0 1.333% 0 0; font-size: 900;}
#form_buttonList p:last-of-type {margin-right: 0;}


#form_buttonList p input.Agree,
#form_buttonList p input.Disagree{padding:15px; font-size:14px !important; margin:auto !important;}


@media print, screen and (max-width:1200px){
#form_buttonList p input.Agree,
#form_buttonList p input.Disagree{font-size: 16px; }
}

@media print, screen and (max-width:1000px){
#form_buttonList p {width: 68%; margin: 0 0 14px;}
#form_buttonList p:last-of-type {margin: 0;}

#form_buttonList p input.Agree,
#form_buttonList p input.Disagree{font-size: 1.3vw; }
}

#form_buttonList p:before {left: 1rem; width: 2rem; height: 2rem;}


/* ---------------------------------------------------------------- */
#form_inputList::-ms-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-webkit-input-placeholder{font-size: 13px !important; }

@media print, screen and (max-width:1200px){
#form_inputList::-ms-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-webkit-input-placeholder {font-size: 12px !important; }
}

@media print, screen and (max-width:1000px){
#form_inputList::-ms-input-placeholder,
#form_inputList::-moz-placeholder,
#form_inputList::-webkit-input-placeholder {font-size: 1.2vw !important; }
}


/* ---------------------------------------------------------------- */
#formCheck {font-size: 14px;}

#agreementNotes02 {font-size: 14px; margin-bottom: 12px;}


/* ---------------------------------------------------------------- */
#agreeHeadline {font-size: 36px; margin-bottom: 2%;}
#agreeMessage {font-size: 14px; padding: 100px 0;}


@media print, screen and (max-width:1919px){
#agreeHeadline {font-size: 1.8vw;}
#agreeMessage{font-size: 1.2vw;}
}

@media print, screen and (max-width:1200px){
#agreeHeadline {font-size: 22px;}
#agreeMessage{font-size: 13px; }
}

/*=========================================================================
CONTACT
=========================================================================*/
#contactTitle {line-height: 160%; color: #fc8B67;font-weight: 700; border-bottom: 1px solid #fc8B67;}
.mark_required {color: #ad0000 !important;}

/*=========================================================================
FORM SP用
=========================================================================*/
@media print, screen and (max-width:768px){

.brsp {display: none !important;}

/*=========================================================================
CONTACT
=========================================================================*/
section#Inquiry .basic_type01 {padding-bottom: 12%;}


/*----------------------------------------------------------*/
#contactTitle {font-size: 18px;margin-bottom: 2%;}

.mark_required {font-size: 13px;margin-left: .5rem;text-align: right!important;}
#contactTitle .mark_required {margin-left: 2rem;}


@media print, screen and (max-width:480px){
#contactTitle {font-size:3.333vw;}
.mark_required {font-size: 2.75vw;}
}


/*------------------------------------------------------------------- */
#contactForm {padding:4% 5%;}

/*------------------------------------------------------------------- */
ul#form_inputList {margin-bottom: 9%;/* margin-top: 6%; */width:100% !important;}
ul#form_inputList li {margin-bottom: 3%; position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
dl.input_body {margin-bottom: 0%;}

dl.input_body dt, dl.input_body dd {font-size: 15px;}

dl.input_body dt {margin-bottom: 0px;  padding:0px;}
dl.input_body dd {width: 100%; }
dl.input_body dd.type_check {padding: 2% 0 0; }

#form_inputList label {font-size: 15px;
display: flex;
align-items: flex-start;
}

@media print, screen and (max-width:480px){
dl.input_body dt, dl.input_body dd, #form_inputList label {font-size: ５vw;}
}

/* ---------------------------------------------------------------- */
#form_inputList input[type="radio"], 
#form_inputList input[type="checkbox"] {margin: 0 5px 0 0;}

/* ---------------------------------------------------------------- */
#form_inputList input[type="radio"]::after{height: 11px;width:11px;top: 1px;left:1px;}

#form_inputList input[type="checkbox"]::after {
top: -2px;
width: 15px;
height: 6px;
-ms-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
}

/* ---------------------------------------------------------------- */
dl.input_body dt span{ font-size: 90%; margin-left:1%;}


/* ---------------------------------------------------------------- */
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 13px;}

#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select {padding: 10px .5em;}
#form_inputList textarea{padding: 10px .5em; min-height: 20vh; width:100% !important; }

@media print, screen and (max-width:480px){
#form_inputList input[type="text"],
#form_inputList input[type="email"],
#form_inputList select,
#form_inputList textarea {font-size: 2.708vw;}
}


/* ---------------------------------------------------------------- */
#form_buttonList {margin-top: 12%;width: 100%; display: block;display: -webkit-flex;display: flex;flex-wrap: wrap;}

#form_buttonList p {width: 48%; margin-right: 4%;}
#form_buttonList p:last-of-type {margin-right: 0;}

#form_buttonList input.Agree,
#form_buttonList input.Disagree{padding:5% 1em; font-size: 14px; }


@media print, screen and (max-width:480px){
#form_buttonList input.Agree,
#form_buttonList input.Disagree{font-size: 3.3vw; padding:.5rem 1em .5rem 2rem!important; text-align: center;}
}

/* ---------------------------------------------------------------- */
#form_buttonList p:before  {width: 2em; height: 2em; left: 1.8em;}

@media print, screen and (max-width:480px){
#form_buttonList p:before  {width: 1.4em; height:  1.4em; left: .8em;}
}


/* ---------------------------------------------------------------- */
#form_buttonList p input.Agree,
#form_buttonList p input.Disagree{padding:1rem 1.5em 1rem 4rem; font-size: 16px;}

/* ---------------------------------------------------------------- */
#formCheck {font-size: 13px;}
#agreementNotes02 {font-size: 13px; margin-bottom: 4%;}

@media print, screen and (max-width:480px){
#formCheck,#agreementNotes02 {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#agreeMessage {font-size: 13px; padding: 10vh 0;}
#agreeHeadline {font-size: 18px; margin-bottom: 2%;}


@media print, screen and (max-width:480px){
#agreeMessage {font-size: 3vw;}
#agreeHeadline {font-size: 3.6vw;}
}

/* ---------------------------------------------------------------- */
dl.input_body dd .select_cover.half {width: 50%;}
dl.input_body dd .select_cover.half02 {width: 70%;}


/* ---------------------------------------------------------------- */
dl.input_body .select_cover {margin-bottom: 1em;}
dl.input_body .select_cover:last-child {margin-bottom: 0;}
dl.input_body .select_cover:after {right: .7em; top: 65%; z-index: 0;}
dl.input_body .select_cover:before {width: 2em; z-index:0;}


/* ---------------------------------------------------------------- */
.two_item .mwform-radio-field {
padding: .5rem 0 0 !important;
align-items:center;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#select-openBox { width: 100% !important;}
#select-openBox input {width: calc(100% - 9em) !important; display: inline-block !important;}

@media print, screen and (max-width:480px){
#select-openBox {width:100% !important; }
#select-openBox input {width: 100% !important;}
#btn_addNum a, #form_inputList button  {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.error {margin-top: 1.5%;}


/* ---------------------------------------------------------------- */
#btn_addNum a,#form_inputList button{padding: 10px 1em; font-size: 13px;}

#form_inputList button {width: 100% !important;}

@media print, screen and (max-width:480px){
#btn_addNum a, #form_inputList button  {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#formLink {margin-top: 10px;}
#formLink a {font-size: 14px !important;}

@media print, screen and (max-width:480px){
#formLink a {font-size: 14px !important;}
}

/* ---------------------------------------------------------------- */
#checkBox {padding-top: 6%; margin-top: 6%;}


.mw_wp_form {padding-top: 80px;margin-top: -80px;}

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