*{
  color:#383B42;
  font-family:'Noto Sans',sans-serif;
  font-size:17px;
  line-height:1.7;
  letter-spacing: 2px;
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}
body{
  overflow-x: hidden;
  margin: 0;
  word-break: break-all;
}

.pc-none{display: none;}
h1,h2,h3,h4{font-weight: bold;}

h1{font-size: 70px;}
h2{font-size: 40px}
h3{font-size: 28px}
h4{font-size: 20px}
.p12{font-size: 12px;}
.p21{font-size: 21px;}

.w750{width: 750px; margin: 0 auto;}
.w1000{width: 1000px; margin: 0 auto;}
.w1300{width: 1300px; margin: 0 auto;}

.left{text-align: left;}
.center{text-align: center;}

.mb5{margin-bottom: 5%;}
.mb10{margin-bottom: 10%;}

a{text-decoration: none;}

.flex{
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* align-item */
.fl_a_center{align-items: center;}

.col1{width: 100%;}
.col2{width: 46%;}
.col-30{width: 29%;}
.col-40{width: 40%;}
.col-60{width: 60%;}
.col-70{width: 71%;}


.kadomarubg{
  background: #fff;
  text-align: center;
  border-radius: 28px;
  height: 100%;
  padding: 4%;
}

.button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 430px;
    padding: 20px 0;
    border-radius: 20px;
    background-color: #ffe900;
    font-weight: 600;
}

.button-2:hover {
    background-color: #efd900;
}

.white{color: #fff;}
.bg_blue{
  background-color: #78C8E6;
  padding: 3% 0;
}


header{
  background-image: url(../../img/hotel-consulting/bg.jpg);
  background-repeat: no-repeat;
  background-position: right top;

}

.head .logo img{padding: 1%;}

.box-01 .list-1{
  width: 750px;
  margin: 5% auto;
}

.box-02 .col2 {
  margin-bottom: 10%;
}

.box-02 .col1{margin-bottom: 10%;}
.box-02 .col1 .list-1{
  width: 635px;
  margin: 0 auto;
}

.box-03{padding: 5% 0;}

.step-flow {
    max-width: 900px;
    margin: 0 auto;
}

.step-item {
    position: relative;
    background: #fff;
}

.step-circle {
    min-width: 112px;
    height: 112px;
    top: -20%;
    left: -3%;
    border-radius: 50%;
    background: #2b87d1;
    color: #fff;
    /* font-weight: bold; */
    text-align: center;
    line-height: 112px;
    /* margin-right: 20px; */
    font-size: 20px;
    position: absolute;
}

.step-box {
    border-radius: 4px;
    padding: 7px;
    display: flex;
    align-items: center;
    margin-left: 17%;
  }

.step-box h4 {
    font-weight: bold;
    width: 33%;
    text-align: left;
}

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 31px solid transparent;
  border-left: 31px solid transparent;
  border-top: 24px solid #ffffff;
  border-bottom: 0;
  margin: 2% auto;
}

.box-office{padding: 5% 0;}
.box-office .col-30 img{width: 180px;}

table{border-collapse:collapse;}
table tr {
  border-bottom: 1px solid #707070;
  text-align: left;
}
table td {width: 30%; color: #707070;}
table th {width: 70%; color: #707070;}

footer.bg_blue{padding: 15px;}



/*---------------------
お問い合わせ
---------------------*/

.contact_cont .fl_a_top{align-items:flex-start;}
.contact_cont .required{color:#FFE300;}
input,select,textarea{padding: 0.5rem 0.8rem;width: 100%;box-sizing: border-box;}
textarea{height: 130px;}
input[type="checkbox"]{width: auto;}
.c_wrap{margin:2rem 0;}
.contact_cont .text{text-align: left;}
.contact_cont .body{width: 100%;}
.contact_cont .sub {width: 100%; margin-top:2rem}
.contact_cont .col1 span{width:100%;}
.contact_cont .col2 span{width: 48.5%;}
.contact_cont .col2 .wpcf7-not-valid-tip,
.contact_cont .col1 .wpcf7-not-valid-tip{width:100%;font-size:12px;}
.contact_cont .wpcf7-list-item{/* margin: 5px 10px; */margin-top: 3px;margin-bottom: 3px;}
#form_submit.btn_inlink_round{width: 300px;margin: 24px auto;}
#form_submit input[type="submit"]{
    width: 100%;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 18px;
    background:#FFE300;
    color: #383B42;
    border-radius:30px;
    border:none;
}
#form_submit input[type="submit"]:disabled{background:#eee;border:none;color:#a2a2a2;}
/* #form_submit span.wpcf7-list-item{margin:2rem auto 0;} */
#form_submit .wpcf7-list-item a{text-decoration:underline;transition:all ease .3s;}
span.wpcf7-list-item{margin: 0;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{text-align:center;/* display: unset; */}
/*accept checkbox*/
.accept_check{margin:2rem;}
input[type="checkbox"]{display:none;}
.form_submit .wpcf7-list-item-label{padding-left: 31px;position:relative;}
.form_submit .wpcf7-list-item-label::before{
   content: "";
   display: block;
   position: absolute;
   top: 5px;
   left: 0;
   width: 16px;
   height: 16px;
   border: 1px solid #999;
}

[type=checkbox]+span {
    position: relative;
    padding: .5rem 0 .5rem 2rem;
    display: block;
    line-height: 1.8;
}

[type="select"] span.wpcf7-list-item-label::before, [type="checkbox"]+span.wpcf7-list-item-label::before {
    content: "";
    display: block;
    position: absolute;
    top: 1.5rem;
    left: 0rem;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#form_submit input:checked+.wpcf7-list-item-label::after, .c_property_list input:checked+.wpcf7-list-item-label::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 4px;
    width: 10px;
    height: 17px;
    -webkit-transform: rotate(
40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(
40deg);
    border-bottom: 3px solid #FFE300;
    border-right: 3px solid #FFE300;
}
.accept_check .wpcf7-list-item-label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0px;
  width: 24px;
  height: 24px;
  border: 1px solid #999;
}
.wpcf7-list-item-label {
    padding-left: 31px;
    position: relative;
}
.body.col1 span.t{
    width: auto;
    /* height: auto; */
}

.contact_link_text a{
  display: inline;
    background-color: #FFE300;
  }
.contact_link_text{
  margin-top: 3%;
}


/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #333333; /* ダークグレー */
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
background-color: #ff0000; /* レッド */
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* インプットフィールドのスタイル */
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc; /* ライトグレー */
border-radius: 5px;
margin-bottom: 20px;
font-size: 16px;
background-color: #ffffff; /* 白 */
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color: #007BFF; /* ブルー */
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #0056b3; /* 濃いブルー */
}
/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
color: green;
font-size: 16px;
margin-bottom: 20px;
}



@media screen and (max-width: 959px) {
  /* 959px以下に適用されるCSS（タブレット用） */
h1{font-size: 45px;}
h2{font-size: 40px}
h3{font-size: 28px}
h4{font-size: 20px}
.p12{font-size: 12px;}
.p21{font-size: 21px;}
.w750{width: 90%; margin: 0 auto;}
.w1000{width: 90%; margin: 0 auto;}
.w1300{width: 90%; margin: 0 auto;}

header {background-size: 65%;}

.button-2 {margin: 0 auto;}

.box-05 .col-40{
  width: 35%;
    margin-right: 5%;
}

}


@media screen and (max-width: 480px) {
  /* 480px以下に適用されるCSS（スマホ用） */
.head .logo img {
    padding: 2%;
    width: 30%;
}
.pc-none{display:block;}
.sp-none{display:none;}
h1{font-size: 38px;}
h2{font-size: 26px}
h3{font-size: 24px}
h4{font-size: 22px}
.p12{font-size: 12px;}
.p21{font-size: 18px;}

.button-2 {
  width: 80%;
  padding: 15px 0;
}

.mb5 {
    margin-bottom: 15%;
}

.col1{width: 100%;}
.col2{width: 100%;}
.col-30{width: 100%;}
.col-40{width: 100%;}
.col-60{width: 100%;}
.col-70{width: 100%;}


.box-01 .list-1 {
  width: 100%;
}


.box-02 .col2{
  margin-bottom: 25%;
}

.box-02 .col1 .list-1 {
    width: 100%;
    margin: 0 auto;
}
.box-03 h4{text-align: center}

.step-box {
    padding: 5%;
    display: block;
    margin-left: 0%;
    text-align: left;
}

.step-box h4 {width: 100%;}
.step-circle {
    min-width: 70px;
    height: 70px;
    top: -16%;
    left: -3%;
    border-radius: 50%;
    background: #2b87d1;
    color: #fff;
    /* font-weight: bold; */
    text-align: center;
    line-height: 70px;
    /* margin-right: 20px; */
    font-size: 12px;
    position: absolute;
}



}