/*
Theme Name: xeex-eng
Author: xeex
Template: sydney
*/

.entry-footer {
    margin-top: 0px !important;
}

#mainnav .sub-menu li a {
	line-height: 25px !important;
}

@media (min-width: 992px){
.col-md-6 {
    width: 100%;
}
}

/*-------------------------------------------*/
/*	見出し
/*-------------------------------------------*/

h2.gow-h2 {
	position: relative;
	padding: 1.5rem;
	text-align: center;
}

h2.gow-h2:before {
  position: absolute;
  bottom: -3px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #4f5a30;
}

h3.gow-h3 {
	font-size: 30px ;
	margin-top: 0.5em !important;
}

h3.gow-h3:first-letter {
	font-size: 120% ;
	color: #eb6100 ;
}

h2.order-plan-h2 {
	font-size: 30px ;
	margin-top: 0.5em !important;
}

h3.order-plan-h3 {
	padding: .5em .75em;
	background: linear-gradient(90deg, #798650 0%, #798650 40%, #a5b869 60%, #a5b869 100%);
	display: flex;
	width: 100%;
	color: #FFFFFF !important;
	font-size: 20px;
}

h3.option{
	color: #798650 !important;
}



/*-------------------------------------------*/
/*	CTA
/*-------------------------------------------*/

h3.ask-ba-h3 {
	color: #ffffff !important;
}

.ask-ba {
	font-size: 15px ;
}

.ask-ba-tel {
	color: #ffffff ;
	font-size: 20px ;
}



/*-------------------------------------------*/
/*	プランテーブル
/*-------------------------------------------*/

#plan-table {
	border-collapse:  collapse;
	
}

#plan-table th, #plan-table td {
	text-align: center;
	width: 20%;
	min-width: 130px;
	padding: 10px;
	height: 60px;
	border: solid 1px;
}

#plan-table th {
	background-color: #f0f0f0;
}

#plan-table .head {
	background-color: #e2e2e2;
}

/* tab */
@media only screen and (max-width: 768px) {
  #plan-table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
  #plan-table .fixed {
    position: sticky;
    left: 0;
  }
  #plan-table .fixed:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 100%;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
  }
}


/*-------------------------------------------*/
/*	ご利用の流れ
/*-------------------------------------------*/

.sectionBox {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: block;
}

.flowBox {
	width: 100%;
	margin: 0 0 0em;
}

.flowBox h3 {
    border-bottom: 2px solid #E8E8E8;
    box-shadow: 0px 0px 0px rgba(255,255,255,0.9);
    padding-bottom: 5px;
	margin: 0 0 0.5em !important;
	font-size: 24px ;
}

.flowBox h3:after {
    content:none;
}

.flowBox th  {
	width: 28%;
	text-align: center;
	font-size: 100%;;
	padding: 10px;
	line-height: 1.5em;
	background-color: #fff;
}

.flowBox img {
    margin: 0 auto 0px;
}

.flowBox td  {
	width: 72%;
	text-align: left;
	font-size: 100%;
	padding: 10px;
	line-height: 1.5em;
	vertical-align: top;
}

.veu_flowBox {
	display: block;
	overflow: hidden;
}

.veu_flowBox:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f0d7";
	font-weight: 900;
	font-size: 100px;
	display: block;
	overflow: hidden;
	text-align: center;
	line-height: 90%;
	color: #E8E8E8;
}

.veu_flowBox:last-child:after {
    content: "";
    font-size: 0;
}
 
@media only screen and (max-width:640px){
    .flowBox { margin: 0 0px; }
    .flowBox th,
    .flowBox td{
        width: 100% !important;
        display: block;
    }
	.flowBox th{
        width: 100% !important;
        display: block;
    }

}



/*-------------------------------------------*/
/*	FAQ
/*-------------------------------------------*/

.Qa-Box {
  width: 100%;
  margin: 0 auto;
}

.Qa-Box .Qa dt,
.Qa-Box .Qa dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
  padding: 15px;
}

.Qa-Box .Qa dt {
  background: #F5F5F5;
}

.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
}

.Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
}

.Qa-Box .Qa dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #6699B7;
  width: 2em;
  height: 2em;
}

.Qa-Box .Qa dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #D65556;
  width: 2em;
  height: 2em;
}

@media screen and (max-width: 960px) {
  .Qa-Box {
    width: 95%;
  }
}


/*-------------------------------------------*/
/*	コンタクトテーブル
/*-------------------------------------------*/

.clo-table02 {
    width: 100%;
    margin-bottom: 20px;
}

.clo-table02 th {
    width: 30%;
    text-align: center;
    line-height: 130%;
    padding: 10px;
    background-color: #F1F1F1;
}

.clo-table02 td {
    width: 70%;
    text-align: center;
    line-height: 180%;
    padding: 10px;
    background-color: #fff;
}

@media only screen and (max-width:480px){
    .clo-table02 { margin: 0x; margin-bottom: 25px; }
    .clo-table02 th,
    .clo-table02 td{
        width: 100%;
        display: block;
    }
}


/*--------------------------------------------------------------
# オプション　タグ風
--------------------------------------------------------------*/

.inline-block_option{
	display: inline-block;      /* インラインブロック要素にする */
	background-color: #FFF;    /* 背景色指定 */
	padding: 5px;
	margin: 5px;
	color: #798650;
	font-size: 14px;
	line-height:20px;
	border: 1px solid #798650;
	}











/*-------------------------------------------*/
/*	リンク画像透過
/*-------------------------------------------*/

a:hover img {
	transition: 0.6s ;
}

a:hover img {
	opacity: 0.5 ;
}