/* ホバー画像
--------------------------- */
.zoom-box {display: inline-block;overflow: hidden;vertical-align: bottom;}
.c-bnr.zoom {transition-duration: .5s;}
.c-bnr.practice03 {position: relative;transition: .6s cubic-bezier(0.33, 1, 0.68, 1);}

.c-bnr.practice03::before,
.c-bnr.practice03::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  margin: auto;
  transition: .6s cubic-bezier(0.33, 1, 0.68, 1);
  opacity: 0;
}
.c-bnr.practice03::before {
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
}
.c-bnr.practice03::after {
  color: #fff;
  content: "READ MORE";
  font-size: 12px;
  letter-spacing: 0.2em;
  font-weight: bold;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
}
.c-bnr.practice03:hover::before,.c-bnr.practice03:hover::after {opacity: 1;}
.c-bnr.practice03:hover::after {letter-spacing: 0.2em;}
.c-bnr.practice03:hover {transform: scale(1.1);}


/* 矢印
--------------------------- */
.y_button{
    display:inline-block;
    width: 160px;
    padding:16px 24px 16px 0px;
    text-align:center;
    color:#000;
    margin:5px;
    border-bottom: 1px solid #000;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}
.y_button::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 20px;
    height: 5px;
    border: none;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: skew(45deg);
    transition: .3s;
}
.y_button:hover::after{right: 10px;width: 30px;}

/* ボタンアニメ
--------------------------- */
/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
    position: relative;
    display: block;
    color: #D24D57;
    font-size:14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    border-radius: 0;
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    transition: all 1.3s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 1.3s ease 0s;
    -moz-transition: all 1.3s ease 0s;
    -o-transition: all 1.3s ease 0s;
    transition: all 1.3s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
    color: #FFF;
    text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
    height: 450%;
}
a.animated-button:link, a.animated-button:visited {
    position: relative;
    display: block;
    color: #fff;
    font-size:14px;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    -webkit-transition: all 1.3s ease 0s;
    -moz-transition: all 1.3s ease 0s;
    -o-transition: all 1.3s ease 0s;
    transition: all 1.3s ease 0s;
}

a.animated-button.thar-three {
    color: #13ae67;
    font-family: "BIZ UDGothic", sans-serif;
    padding: 6px 24px 6px 24px;
	border: 1px solid #13ae67;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: 24px;
    background: rgba(19,174,103,0);
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
a.animated-button.thar-three:hover {
    color: #fff !important;
    background-color: transparent;
    text-shadow: nthree;
    border-radius: 24px;
}
a.animated-button.thar-three:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}
a.animated-button.thar-three:before {
    display: block;
    position: absolute;
    border-radius: 24px;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #43210E !important;
    background: rgba(19,174,103,1);
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
/* ブロックがスライド
--------------------------- */
/* revealContentを最初は消しておく */
.revealContent {
    opacity: 0;
}

/* revealActiveクラスが追加されて.3s後に表示する */
.revealActive .revealContent {
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
    opacity: 1;
}

.revealItem, .revealItem2 {
    display: block;
    position: relative;
    overflow: hidden;
}


/* before擬似要素の黒いblockにanimationをつけておく */
.revealItem.revealActive::before, .revealItem2.revealActive::before {
    -webkit-animation: hideFromLeft .3s forwards, showFromLeft .3s forwards .3s;
            animation: hideFromLeft .3s forwards, showFromLeft .3s forwards .3s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #13ae67;
    margin: 1px;
}


/* before擬似要素を左から右にスライドイン */
@-webkit-keyframes hideFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}
@keyframes hideFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}

/* before擬似要素を左から右にスライドアウト */
@-webkit-keyframes showFromLeft {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}

@keyframes showFromLeft {
    0% {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}

/* 画像を使うときはvertical-align bottomをしないと下に余白ができてしまうので注意！！ */
.revealImg {
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: bottom;
}
div.parallax{height:auto;
	padding: 80px 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;	
	}
.box{max-width: 880px;height:640px;margin: 0 auto;	}
.title_p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height:520px;
	width: 100%;
	}
.parallax_img_1{background:url(../img/haikei2.jpg);}

/* メールフォーム
--------------------------- */
.wpcf7 {}
.asterisk {margin: 0 0 0 0.2em;color: #f5637a;}
span.wpcf7-list-item {display: block;}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {width: 100%;
	border: 1px solid #ddd;
	font-size: 100%;
    padding: 2px 6px;
	border-radius: 0px!important;
}
.wpcf7 input[type="number"]{
	width: 100px;
	border: 1px solid #ddd;
	font-size: 100%;
    padding: 2px 6px;
	border-radius: 0px!important;
}

/*見出し欄*/

.pd4{padding-bottom: 4px;}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}

.wpcf7 .selectbox {
    display: inline-flex;
    align-items: center;
    position: relative;
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 16px;
}

.wpcf7 .selectbox::after {
    position: absolute;
    right: 16px;
    width: 8px;
    height: 5px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.wpcf7 .selectbox select {
    appearance: none;
    width: 100%;
    padding: 2px calc(4px + 24px) 2px 6px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333333;
    cursor: pointer;
	border-radius: 0px!important;
	
}
 
/*必須の調整*/
.haveto{
 font-size:8px;
 padding:6px;
 background:#c30d23;
 color:#fff;
 border-radius:2px;
 margin-right:6px;
 position:relative;
 bottom:2px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn input[type="submit"] {
 display: block;
 padding:8px 12px 8px 12px;
 width:120px;
 background:#00914c;
 color:#fff;
 font-size:13px;
 font-weight:bold;	 
 border-radius:16px;
 margin:8px auto 0;
line-height: 2em;
	 cursor: pointer;
    transition: background-color 1s;
}
/*送信ボタンマウスホバー時*/
#formbtn input[type="submit"]:hover{
 background:#97cea2;
 color:#fff;
 line-height: 2em;
 padding:8px 12px 8px 12px;
	transition: background-color 1s;
}

th.example5 { vertical-align: top; }

.inquiry{width:100%;font-size: 1.6rem;letter-spacing: 0.12em;line-height: 2em;max-width: 880px;margin: 0 auto;}
.inquiry th{text-align:left;color:#444;width:100%;display:block;padding-bottom: 4px;}
/*通常欄*/
.inquiry td{width:100%;	display:block;padding-bottom: 16px;}
.pd4{padding-bottom: 16px;}
#formbtn input[type="submit"] {margin:16px auto 0;}

@media screen and (max-width: 820px) {

.title_p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height:960px;
	width: 100%;
	}
div.parallax{
	height:auto;
    padding-top: 54px;padding-bottom: 54px;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;	
	}
}