/*****************************************
dgreen common css
header & footer only!
*****************************************/
/*=======================================
TOP
=======================================*/
/*mainvisual
_______________________________________*/
#mainvisual-wrap{
  position: relative;
}
#mainvisual-wrap .catchcopy{
  color: #000000;
  margin: auto;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
}
#mainvisual-wrap .mainvisual{}
#mainvisual-wrap .mainvisual img{
  width: 100%;
}
#mainvisual-wrap .text-wrap{
  background: rgb(0 0 0 / 68%);
  position: absolute;
  width: 100%;
}
#mainvisual-wrap .text-wrap .white{
  color: #fff;
  text-align: right;
  margin: 0;
}
#mainvisual-wrap .text-wrap .orange{
  font-size: 26px;
  color: #E35123;
  text-align: right;
  margin: 0;
}
/*pc*/
@media all and (min-width:1040px) {
  #mainvisual-wrap{
    padding: 7% 0 0;
  }
  #mainvisual-wrap .text-wrap{
    padding: 30px 20px 30px;
    bottom: 50px;
  }
  #mainvisual-wrap .text-wrap .white{
    font-size: 28px;
  }
  #mainvisual-wrap .text-wrap .orange{
    font-size: 26px;
  }
  #mainvisual-wrap .catchcopy{
    font-size: 6.9vw;
    left: 0;
  }
}
/*sp*/
@media all and (max-width:1039px) {
  #mainvisual-wrap{
    padding: 20% 0 0;
  }
  #mainvisual-wrap .text-wrap{
    padding: 15px 20px 15px;
    bottom: 33px;
  }
  #mainvisual-wrap .text-wrap .white{
    font-size: 14px;
  }
  #mainvisual-wrap .text-wrap .orange{
    font-size: 13px;
  }
  #mainvisual-wrap .catchcopy{
    font-size: 11.9vw;
    left: 20px;
    line-height: 1;
    text-align: left;
  }
}

/*top-gallary
_______________________________________*/
#top-gallary{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
.gallery-cat{
  text-align: center;
}
.gallery-cat a{
  color: #000 !important;
  text-decoration: none;
  padding: 0 20px 0;
  border-right: 1px solid #000;
  margin: 0 0 50px;
  display: inline-block;
}
.gallery-cat a:last-child{
  border-right: none;
}
.gallery-wrap .flex-wrap{
  display: flex;
  justify-content: flex-start;
}
#custom .flex-wrap article{
  background: #EFEFEF;
}
.gallery-wrap .flex-wrap article{}
.gallery-wrap .flex-wrap article .thumb{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto 5%;
}
.gallery-wrap .flex-wrap article img{
  max-width: 360px;
  height: 360px;
  object-fit: cover;
  width: 100%;
}
.gallery-wrap .flex-wrap article .gallery-title{
  margin: 10px 0 10px;
  text-align: center;
}
.gallery-wrap .flex-wrap article div.text{
  padding: 0 30px;
}
.gallery-wrap .flex-wrap article div p{
  /* max-width: 280px; */
}
.gallery-wrap .flex-wrap article .btn02{
  text-align: center;
}
.gallery-wrap .flex-wrap article .btn02 a{
  background: #E35123;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  max-width: 148px;
  width: 100%;
  text-align: center;
  max-height: 56px;
  border-radius: 28px;
  padding: 14px 20px 15px;
}

/*pc*/
@media all and (min-width:1040px) {
  .gallery-wrap .flex-wrap article{
    width: 33%;
    max-width: 360px;
  }
  .gallery-wrap .flex-wrap article .gallery-title{
    padding: 0 30px;
  }
  .gallery-wrap .flex-wrap article:nth-child(3n-1){
    margin: 0 5%;
  }
}
/*sp*/
@media all and (max-width:1039px) {
  .gallery-cat a{
    color: #000 !important;
    padding: 0 10px 0;
    margin: 0 0 50px;
    font-size: 15px;
  }
  .gallery-wrap .flex-wrap{
    flex-wrap: wrap;
    padding: 0 20px;
  }
  .gallery-wrap .flex-wrap article{
    width: 48%;
    margin: 0 0 20px;
  }
  .gallery-wrap .flex-wrap article:nth-child(2n){
    margin: 0 0 8% 4%;
  }
  .gallery-wrap .flex-wrap article img {
    max-width: 48vw;
    height: 48vw;
}
.gallery-wrap .flex-wrap article .btn02{
  padding: 0 10px;
}
.gallery-wrap .flex-wrap article .btn02 a{
  padding: 9px 17px 10px;
  font-size: 11px;
}
.gallery-wrap .flex-wrap article .gallery-title{
  padding: 0 17px;
  text-align: left;
}
.gallery-wrap .flex-wrap article div.text{
  padding: 0 17px;
}
}

/*top-custom
_______________________________________*/
#top-custom{
  background: #000;
  margin: 100px auto 0;
}
#top-custom .contents-title1{
  color: #fff;
  margin: 0;
}
#top-custom .flex-wrap{
  display: flex;
  justify-content: flex-end;
  padding: 70px 0 40px;
}
#top-custom .large{
  color: #fff;
  font-size: 22px;
}
#top-custom .text{
  color: #fff;
}
#top-custom .btn01 a{
  color: #fff !important;
}

#top-custom .btn01 a::before{
  background-image: url(https://ty-motors.main.jp/home/assets25/img/arrow-w.png);
}

#top-custom .img-wrap img{
  width: 100%;
}
/*pc*/
@media all and (min-width:1040px) {
  #top-custom .img-wrap{
    width: 46%;
  }
  #top-custom .text-wrap{
    max-width: 36.1%;
    margin-right: 6%;
  }
  #top-custom .btn01{
    margin: 50px 0 70px;
  }
  #top-custom .btn01 a::before{
    width: 66px;
    height: 66px;
  }
}
/*sp*/
@media all and (max-width:1039px) {
  #top-custom .btn01{
    margin: 50px 0 50px;
  }
  #top-custom .large{
    font-size: 18px;
    font-weight: bold;
  }
  #top-custom .flex-wrap{
    flex-wrap: wrap;
    padding: 20px 0 40px;
  }
  #top-custom .text-wrap{
    max-width: 100%;
    padding: 0 20px;
  }
  #top-custom .img-wrap{
    width: 100%;
  }
  #top-custom .btn01 a{
    padding: 20px 0 20px 80px;
  }
  #top-custom .btn01 a::before{
    width: 55px;
    height: 55px;
  }
}

/*top-about
_______________________________________*/
#top-about{}
#top-about .left-box, #top-about .right-box{
  display: flex;
  align-items: center;
}
#top-about .left-box{
  justify-content: flex-start;
}

#top-about .right-box{
  justify-content: flex-end;
}

#top-about .img-wrap{
  vertical-align: bottom;
}
#top-about .img-wrap img{
  width: 100%;
}

#top-about .text-wrap .text{}

/*pc*/
@media all and (min-width:1040px) {
  #top-about .img-wrap{
    width: 52%;
  }
  #top-about .text-wrap{
    width: 40%;
  }
}
/*sp*/
@media all and (max-width:1039px) {
  #top-about .left-box, #top-about .right-box{
    flex-wrap: wrap;
  }
  #top-about .left-box .img-wrap{
    padding: 0 20px 0 0;
  }
  #top-about .right-box .img-wrap{
    padding: 0 0 0 20px;
  }
  #top-about .img-wrap{
    width: 100%;
    order: 1;
  }
  #top-about .text-wrap{
    width: 100%;
    padding: 25px 20px 15px;
    order: 2;
  }
  #top-about .text-wrap .large{
    font-weight: bold;
    font-size: 18px;
  }
}

/*top-news
_______________________________________*/
#top-news .contents-title1{
  text-align: center;
  margin: 0;
}
#top-news ul{
  margin: 0 auto;
  padding: 0;
  max-width: 834px;
}
.news-list-wrap ul.news-list li{
  list-style: none;
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 0 20px;
}
.news-list-wrap ul.news-list li a{
  display: flex;
  justify-content: flex-start;
  color: #000 !important;
  text-decoration: none;
}
.news-list-wrap ul.news-list li .date{
  font-size: 18px;
  font-weight: bold;
  margin-right: 40px;
}
.news-list-wrap ul.news-list li .news-title{
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
/*pc*/
@media all and (min-width:1040px) {
  #top-news{
    margin: 60px 0 100px;
  }
}
/*sp*/
@media all and (max-width:1039px) {
  #top-news{
    margin: 60px 0 30px;
    padding: 0 20px;
  }
}
/*=======================================
page
=======================================*/
#page-head-course{}
#page-title {
  color: #fff;
  font-size: 5vw;
  margin: auto;
  text-align: center;
}
.page-head {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#page-head-single, #page-head-archive {
  background-image: url(https://ty-motors.main.jp/home/assets25/img/header--news.jpg);
}
#page-head-gallery {
  background-image: url(https://ty-motors.main.jp/home/assets25/img/header--gallary.jpg);
}
#page-head-harley {
  background-image: url(https://ty-motors.main.jp/home/assets25/img/header--harley-davidson.jpg);
}
#page-head-custom-cars {
  background-image: url(https://ty-motors.main.jp/home/assets25/img/header--custom-cars.jpg);
}

#breadcrumbs span, #breadcrumbs span a {
  font-size: 14px;
  color: #fff;
}

.contents-wrap{}
.contents{
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0;
}

.contents-wrap h2.wp-block-heading{
  position: relative;
  text-align: center;
  margin: 0 0 80px;
  font-weight: normal;
}
.contents-wrap h2.wp-block-heading::after{
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 1px;
  background: #000;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -20px;
}

.contents-wrap h3.wp-block-heading{
  font-size: 22px;
  color: #290909;
  border-left: 8px solid #C2BE98;
  padding: 0 0 0 13px;
  margin: 30px 0 0;
}

/*pc*/
@media all and (min-width:1040px) {
  .page-head {
    padding: 84px 20px 15px;
  }
  #breadcrumbs {
    margin: 54px auto 0;
    max-width: 1200px;
}
.contents-wrap h2.wp-block-heading{
  font-size: 32px;
}
}
/*sp*/
@media all and (max-width:1039px) {
  .page-head {
    padding: 30px 20px 20px;
  }
  #page-title{
    font-size: 34px;
  }
  #breadcrumbs{
    margin: 10px auto 0;
    padding: 0 20px;
  }
  .contents-wrap h2.wp-block-heading{
    font-size: 23px;
  }
}
/*=======================================
privacypolicy
=======================================*/
#privacypolicy{}
#privacypolicy .contents{
  padding: 60px 20px 0;
}
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}

/*=======================================
About us
=======================================*/
#about-us{}
#about-us .contents{
  max-width: 1009px;
}
.gmap-wrap{
  display: flex;
  justify-content: space-between;
}
.h3-simple{}

#wrecker-wrap{
  background: #000;
  padding: 80px 20px 50px;
  margin: 50px auto 0;
}
#wrecker-wrap .flex-wrap{
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto 90px;
}
#wrecker-wrap .flex-wrap .img-wrap img{
  vertical-align: bottom;
}


#wrecker-wrap .flex-wrap .text-wrap .contents-title2 span{
  font-size: max(2.5vw, 18px);
  color: #FFF;
}
#wrecker-wrap .flex-wrap .text-wrap .large{
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0 20px;
}
#wrecker-wrap .flex-wrap .text-wrap .text{
  color: #FFF;
}

#rentacar-wrap{
  max-width: 1200px !important;
  margin: 0 auto 90px;
}
#rentacar-wrap .flex-wrap{
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto 90px;
}
#rentacar-wrap .flex-wrap .img-wrap img{
  vertical-align: bottom;
}

#rentacar-wrap .flex-wrap .text-wrap .contents-title2{
  font-size: max(2.5vw, 18px);
}
#rentacar-wrap .flex-wrap .text-wrap .large{
  font-size: 22px;
  font-weight: bold;
  margin: 20px 0 20px;
}
#rentacar-wrap .flex-wrap .text-wrap .text{}

/*pc*/
@media all and (min-width:1040px) {
  .gmap-wrap .left{
    width: 48%;
  }
  .gmap-wrap .right{
    width: 48%;
  }
  #rentacar-wrap .flex-wrap .text-wrap{
    max-width: 520px;
    width: 46%;
  }
  #rentacar-wrap .flex-wrap .img-wrap{
    max-width: 565px;
    width: 50%;
  }
  #wrecker-wrap .flex-wrap .img-wrap{
    max-width: 565px;
    width: 52%;
  }
  #wrecker-wrap .flex-wrap .text-wrap{
    max-width: 520px;
    width: 47%;
  }
}
/*sp*/
@media all and (max-width:1039px) {
  .gmap-wrap{
    flex-wrap: wrap;
    padding: 20px 20px 50px;
  }
  .gmap-wrap .left{
    width: 100%;
  }
  .gmap-wrap .right{
    width: 100%;
  }
  #rentacar-wrap .flex-wrap{
    flex-wrap: wrap;
    padding: 0 20px;
  }
  #rentacar-wrap .flex-wrap .text-wrap{
    width: 100%;
    margin: 30px 0 0;
  }
  #rentacar-wrap .flex-wrap .img-wrap{
    width: 100%;
  }
  #rentacar-wrap .flex-wrap .img-wrap img{
    width: 100%;
  }
  #wrecker-wrap .flex-wrap{
    flex-wrap: wrap;
  }
  #wrecker-wrap .flex-wrap .img-wrap{
    width: 100%;
  }
  #wrecker-wrap .flex-wrap .img-wrap img{
    width: 100%;
  }
  #wrecker-wrap .flex-wrap .text-wrap{
    width: 100%;
  }
}

/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}

/*=======================================
news
=======================================*/
#news-single{}
#news-single .contents{
  padding: 60px 20px;
}
#news-single .news-title{
  margin: 0;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 12px solid #000;
  padding: 10px 20px 10px;
  font-size: 22px;
  font-weight: normal;
}
#news-single .date{
  font-size: 20px;
}
#news-single .single-wrap{
  padding: 0 0 110px;
}
#news-single .single-wrap img{}

#news-archive-list{}
#news-archive-list ul{
  margin: 0 auto;
  padding: 0 20px;
}

/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
page-numbers
=======================================*/
.page-numbers {
  text-align: center;
  list-style-position: inside;
  list-style-type: none;
  padding: 0;
}
.page-numbers li {
  display: inline-block;
}
.page-numbers a {
  display: inline-block;
  padding: .5rem;
  margin: 0 .2rem .2rem 0;
}
.page-numbers span {
  display: inline-block;
  padding: .5rem;
  margin: .2rem;
}
.page-numbers.prev, .page-numbers.next{
  background: #000;
  width: 50px;
  height: 50px;
  padding: 12px 2px 12px;
  border-radius: 30px;
}
.page-numbers.prev img, .page-numbers.next img{
  width: 16px;
  height: auto;
}
.page-numbers.prev img{}
.page-numbers.next img{}
.pager{
  margin: 40px 0 0;
  justify-content: center;
}
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
#pagenation{
  display: flex;
  justify-content: center;
  margin: 50px 0 0;
}
#pagenation:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#pagenation-list{
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
#pagenation #pagenation-list li{
  background: none;
  list-style: none;
  padding: 0;
  margin: 0 10px 0 10px;
}
#pagenation #pagenation-list li:last-child{
	margin-left: 0;
}
#pagenation #pagenation-list a,#pagenation #pagenation-list span{
	background: none;
	display: block;
	margin: 0;
	padding: 4px 5px;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}
#pagenation #pagenation-list .current{
	color: #000000;
}
#pagenation #pagenation-list .omit{
	padding: 4px 2px;
	color: #777777;
}
#pagenation #pagenation-list li a{
	color: #B1B1B1;
	text-decoration: none;
}
#pagenation #pagenation-list li a.next{
  margin-left: 10px;
}
#pagenation #pagenation-list li a.prev{
  margin-right: 10px;
}
#pagenation #pagenation-list li a.next, #pagenation #pagenation-list li a.prev{
  background: #000;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 12px 0 12px;
}
#pagenation #pagenation-list li a.next img, #pagenation #pagenation-list li a.prev img{
  width: 16px;
  height: 16px;
}
#pagenation #pagenation-list a:hover{
	color: #000000;
	text-decoration: underline;
}

/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
.custom-slider {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.custom-slider .slick-slide {
  margin: 0 auto;
}
.custom-slider .slick-slide img {
  width: 100%;
  height: auto;
}
.custom-slider .slick-prev, .custom-slider .slick-next {
  z-index: 1;
  background: #000 !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0 17px;
}
.custom-slider .slick-prev:before, .custom-slider .slick-next:before {
  color: #000 !important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
  color: #000 !important;
}
.custom-slider .slick-slide {
  transition: all ease-in-out .3s;
}
.custom-slider .slider_thumb {
  margin: 20px 0 0;
}
.custom-slider .slick-prev:before, .custom-slider .slick-next:before {
  content: "";
  opacity: 1 !important;
  width: 16px;
  height: 16px;
  display: block;
  background-size: cover;
}
.custom-slider .slick-prev:before {
  background-image: url('https://ty-motors.main.jp/home/assets25/img/arrow-prev.png');
}
.custom-slider .slick-next:before {
  background-image: url('https://ty-motors.main.jp/home/assets25/img/arrow-next.png');
}
.custom-slider .slick-prev{
  left: 25px;
}
.custom-slider .slick-next{
  right: 25px;
}
.slider_thumb .slick-slide img{}
.custom-slider .slick-dots li button:before{
  opacity: 1 !important;
  color: #B1B1B1 !important;
  font-size: 10px;
}
.custom-slider .slick-dots li.slick-active button:before {
  opacity: 1 !important;
  color: #E35123 !important;
  font-size: 10px;
}
.custom-slider .slick-dots{
  bottom: -30px !important;
}

.comment-wrap{
  border: 1px solid #fff;
  padding: 30px 20px 30px;
  margin: 100px 0 50px;
}
.comment-wrap h3, .customspecs-wrap h3{
  font-size: 32px;
  color: #fff;
  text-align: center;
}
.comment-wrap p{
  max-width: 877px;
  color: #fff;
  margin: 0 auto;
}
.customspec-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.customspec-list div{
  width: 50%;
  display: flex;
  margin: 0 0 1%;
}
.customspec-list h4{
  background: #C2BE98;
  max-width: 155px;
  width: 31%;
  padding: 10px 10px 10px;
  font-weight: normal;
  margin: 0;
}
.customspec-list p{
  margin: 0;
  background: #F9F9F9;
  max-width: 342px;
  width: 68%;
  padding: 0 20px;
}

/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
#gallery, #harley, #custom-cars, #contact{
  background: #000000;
}
#gallery .contentsm, #harley .contents, #custom-cars .contents{
  max-width: 1049px;
  padding: 60px 20px 30px;
}
#gallery .title-white, #harley .title-white, #custom-cars .title-white, #contact .title-white{
  color: #fff;
}
#gallery .title-white::after, #harley .title-white::after, #custom-cars .title-white::after, #contact .title-white::after{
  background: #fff;
}
#gallery .cat{
  display: inline-block;
  margin: 0 0 10px;
  background: #C2BE98;
  padding: 4px 20px 4px;
}
#gallery .btn01, #harley .btn01 ,#custom-cars .btn01{
  margin: 70px 0 50px;
}
#gallery .btn01 a, #harley .btn01 a, #custom-cars .btn01 a{
  color: #fff !important;
}
#gallery .btn01 a::before, #harley .btn01 a::before, #custom-cars .btn01 a::before{
  background-image: url(https://ty-motors.main.jp/home/assets25/img/arrow-w.png);
}
#gallery .btn02, #harley .btn02, #custom-cars .btn02{
  margin: 70px 0 90px;
}
.archive .gallery-wrap{
  background-image: url(https://ty-motors.main.jp/home/assets25/img/custom-bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 30px 0 0;
}
.archive .gallery-wrap .gallery-cat a{
  color: #fff !important;
  border-right: 1px solid #FFF !important;
}

/*pc*/
@media all and (min-width:1040px) {
  .archive .gallery-wrap .gallery-cat{
    margin: 60px auto 0;
  }
}
/*sp*/
@media all and (max-width:1039px) {
  .archive .gallery-wrap .gallery-cat{
    margin: 10px auto 0;
  }
  .archive .gallery-wrap{
    background-size: auto 142px;
  }
}
/*=======================================
harley
=======================================*/
.page-about{
  text-align: center;
  color: #FFFFFF;
  margin: 30px 0 80px;
}
#harley .thumb, #custom-cars .thumb{
  position: relative;
  background: #000;
}
#harley .harley-title, #custom-cars .harley-title{
  display: none;
}
#harley .thumb:hover img, #custom-cars .thumb:hover img{
  opacity: 0.8;
}
#harley .thumb:hover .harley-title, #custom-cars .thumb:hover .harley-title{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 2;
}
.custom-harley-wrap{}
.custom-harley-wrap h3{
  font-size: 44px;
  color: #fff;
  text-align: center;
}
.custom-harley-wrap p{
  color: #fff;
  text-align: center;
}
.harley-about{
  color: #fff;
}
/*pc*/
@media all and (min-width:1040px) {
  .harley-about{
    text-align: center;
  }
}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
contact
=======================================*/
#contact{}
.page-tel{
  text-align: center;
}
.page-tel a{
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
.page-tel a::before{
  content: "";
  position: absolute;
  display: block;
  background-image: url(https://ty-motors.main.jp/home/assets25/img/icon-tel1.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.page-tel span{
  display: block;
  color: #fff;
  font-size: 18px;
  margin: 0 0 110px;
}
.form{}
.form p{}
.form h3{
  color: #C2BE98;
  font-size: 22px;
  margin: 0 0 10px;
}
.form h3 span{
  font-size: 18px;
  color: #FFFFFF;
  font-weight: normal;
}
.form h4{
  font-size: 14px;
  color: #fff;
  margin: 0 0 0;
  font-weight: normal;
}
.form input[type="text"], .form input[type="tel"], .form .wpcf7-email{
  padding: 10px 20px 10px;
  max-width: 424px;
  width: 100%;
}
.wpcf7-form-control-wrap .sentaku .wpcf7-list-item{
  margin: 0 1.5% 2% 0;
  color: #fff;
  border: 1px solid #FFF;
  font-size: 18px;
  border-radius: 6px;
}
.wpcf7-form-control-wrap .sentaku .wpcf7-list-item label{
  padding: 20px 20px 20px;
  display: block;
}
.form select{
  padding: 15px 20px;
  border-radius: 6px;
  max-width: 424px;
  width: 100%;
}
.form .addr2{
  max-width: 100% !important;
}
.form .wpcf7-email{
  max-width: 100% !important;
}
.check [type="checkbox"]{
  transform: scale(1.5);
}
/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge {
    visibility: hidden;
}
.check .wpcf7-list-item-label{
  color: #fff;
  font-size: 18px;
  padding-left: 10px;
}
#contact input[type="submit"]{
  color: #fff;
  background: #E35123;
  border: 1px solid #E35123;
  border-radius: 44px;
  max-width: 456px;
  width: 100%;
  padding: 31px 20px 31px;
  display: block;
  margin: 0 auto;
  font-size: 24px;
}
#contact textarea{
  padding: 20px;
}
.privacypolicy-link{
  color: #fff;
  text-align: center;
  margin: 0 0 5px;
}
.privacypolicy-link a{
  color: #fff !important;
  font-size: 14px;
}
.form .addr1-wrap {
  position: relative;
}
.form .addr1-wrap::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 17px;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  border-top: 14px solid #555;
  border-bottom: 0;
}
.form .addr1 {
  -webkit-appearance: none;
  appearance: none;
}
.form .addr1-wrap::after {
    pointer-events: none;
}
/*pc*/
@media all and (min-width:1040px) {
  #contact .contents{
    padding: 60px 0 140px;
  }
  .page-tel a{
    font-size: 42px;
    padding: 0 0 4px 70px;
  }
  .page-tel a::before{
    width: 37px;
    height: 48px;
  }
  .wpcf7-form-control-wrap .sentaku .wpcf7-list-item{
    width: 31%;
  }
}
/*sp*/
@media all and (max-width:1039px) {
  #contact .contents{
    padding: 60px 20px 140px;
  }
  .page-tel a{
    font-size: 32px;
    padding: 0 0 4px 42px;
  }
  .page-tel a::before{
    width: 27px;
    height: 35px;
  }
  .wpcf7-form-control-wrap .sentaku .wpcf7-list-item{
    width: 100%;
  }
}

/*=======================================
common
=======================================*/
/*media
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}

/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}
/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}

/*=======================================
common
=======================================*/
/*media
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}

/*=======================================
header
=======================================*/
/*header
_______________________________________*/
/*pc*/
@media all and (min-width:1040px) {}
/*sp*/
@media all and (max-width:1039px) {}