/* CSS Document */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■   　デフォルト   　■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



html, body, div, span, iframe,article,figure,
p, a, img, small, dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5,h6{
  border: 0;
  margin: 0;
  padding: 0;
  font-size:14px;
  font-family: "kinto-sans", sans-serif;
  font-style: normal;
  letter-spacing: 0.15em;
  color: #000;
  font-feature-settings: "palt";
  vertical-align: top;
}


body {
  background:url(../images/white_bg.webp) repeat;
  background-size: 587px;
  overflow-x: hidden;
}

html,body {
  line-height: 1;
  width: 100%;
  height: 100vh;
  position: relative;
}
ol, ul {
  list-style: none;
}
a{
  outline:none;
  text-decoration:none;
  cursor: pointer;
  }
a img {
  border: none;
  border-style:none;
}

img{
  width: 100%;
  height: auto;
}

li{
  list-style:none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
.none,
.br_pc{
  display: none;
}

#top #mv .bg .video_pc{
  display: none;
}

.zipline{
  font-family: "zipline-solid", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.08em;
}
.Regular{
  font-weight: 400;
}
.Medium{
  font-weight: 500;
}
.Bold{
  font-weight: 700;
}
.grecaptcha-badge { visibility: hidden; }




/*■■■■■■■■  nav　■■■■■■■■*/

nav.g_nav{
  display: none;
}

nav.g_nav{
  width: 100%;
  height: 100vh;
  background:url(../images/yellow_bg.jpg) repeat;
  background-size: 293px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5555;
}
nav.g_nav .wrap{
  width: 300px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50% , -50%);
}
nav.g_nav .wrap ul.g_nav_list{
  margin-bottom:40px;
}
nav.g_nav .wrap ul.g_nav_list li{
  text-align: center;
  margin-bottom:20px;
}
nav.g_nav .wrap ul.g_nav_list li:last-child{
  margin-bottom: 0;
}

nav.g_nav .wrap ul.g_nav_list li a{
  color:#707070;
  font-size:24px;
}

nav.g_nav .wrap ul.g_nav_sns{
  width:160px;
  margin: 0 auto 40px;
}
nav.g_nav .wrap ul.g_nav_sns li{
  width: 32px;
  display: inline-block;
  margin-right:26px;
}
nav.g_nav .wrap ul.g_nav_sns li:last-child{
  margin-right: 0;
}
nav.g_nav .wrap .kakemkomi_btn{
  width: 140px;
  margin: 0 auto;
}
nav.g_nav figure{
  width: 200%;
  position: absolute;
  bottom:0;
  left:0;
  mix-blend-mode: multiply;
  opacity: 0.7;
  margin-bottom: 0;
}


nav.g_nav .close{
  position: fixed;
  top:20px;
  right:20px;
  z-index:5600;
  cursor: pointer;
}

nav.g_nav .close .icon{
  width: 30px;
  height: 30px;
  position: relative;
}
nav.g_nav .close .icon span{
  width: 30px;
  height: 1px;
  background: #707070;
  position: absolute;
  top:15px;
  display: inline-block;
  transition: all ease 0.2s;
}


nav.g_nav .close .icon span:nth-child(1){
  left: 0;
  transform: rotate(45deg) scaleX(1.35);
}
nav.g_nav .close .icon span:nth-child(2){
  left: 0;
  transform: rotate(-45deg) scaleX(1.35);
}



/*■■■■■■■■　raw common　■■■■■■■■*/


.raw header{
  width: 100%;
  padding: 35px 0;
}


.raw header h1{
  width: 170px;
  margin: 0 auto;
  z-index: 1000;
}

.raw header .w{
  display: none;
}


.raw header .nav_flag{
  position: fixed;
  top: 25px;
  right: 25px;
  z-index: 1000;
  cursor: pointer;
}

.raw header .nav_flag .icon{
  width: 30px;
  height: 22px;
  position: relative;
}
.raw header .nav_flag .icon span{
  width: 30px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  display: inline-block;
  transition: all ease 0.2s;
}

.raw header .nav_flag.chenged .icon span{
  background: #000;
}
.raw header .nav_flag.chenged .text{
  color: #000;
}


.raw header .nav_flag .icon span:nth-child(1){
  top:0;
}
.raw header .nav_flag .icon span:nth-child(2){
  top:11px;
}
.raw header .nav_flag .icon span:nth-child(3){
  top:21px;
}
.raw header .nav_flag:hover .icon span:nth-child(1){
  left:5px;
}
.raw header .nav_flag:hover .icon span:nth-child(2){
  left:0;
}
.raw header .nav_flag:hover .icon span:nth-child(3){
  left:-5px;
}

.raw header .nav_flag .text{
  display: none;
}

.raw .mv{
  padding-top:50px;
  background: rgba(0, 0, 0, 0.03);
  padding-bottom:50px;
}
.raw .mv .wrap{
  width: 90%;
  margin: 0 auto;
  position: relative;
}

.raw .mv .wrap h2{
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
}
.raw .mv .wrap .inner{
  width: 90%;
  margin: 0 auto;
}
.raw .mv .wrap .inner h3{
  font-size: 20px;
  text-align: center;
  margin-bottom: 25px;
}
.raw .mv .wrap .inner p{
  font-size: 13px;
  line-height: 26px;
}
.raw .mv .wrap .inner p br{
  display: none;
}




/*■■■■■■■■　common　■■■■■■■■*/



.sub_menu{
  width: 80%;
  margin: 0 auto;
}
.sub_menu ul{
}
.sub_menu ul li{
  width: 100%;
  border-bottom:1px solid #575757;
  text-align: center;
  padding: 35px 0;
}
.sub_menu ul li:last-child{
  border-bottom: none;
}

.sub_menu ul li dl dt{
  font-size: 30px;
  margin-bottom:25px;
}

.sub_menu ul li dl dd{
  font-size: 13px;
  line-height: 26px;
}


.sub_menu ul li a{
  font-size: 20px;
  line-height: 45px;
  border:1px solid #575757;
  border-radius: 28px;
  width: 220px;
  display: block;
  margin: 20px auto 0;
}

.sub_menu ul li a:hover{
  background:#575757;
  color: #FFF;
  border:1px solid #575757;
}





#top header{
  width: 100%;
}


#top header h1{
  width: 128px;
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}
#top header .b{
  display: none;
}

#top header .nav_flag{
  position: fixed;
  top: 25px;
  right: 25px;
  z-index: 1000;
  cursor: pointer;
}

#top header .nav_flag .icon{
  width: 30px;
  height: 22px;
  position: relative;
}
#top header .nav_flag .icon span{
  width: 30px;
  height: 1px;
  background: #FFF;
  position: absolute;
  left: 0;
  display: inline-block;
  transition: all ease 0.2s;
}

#top header .nav_flag.chenged .icon span{
  background: #000;
}
#top header .nav_flag.chenged .text{
  color: #000;
}


#top header .nav_flag .icon span:nth-child(1){
  top:0;
}
#top header .nav_flag .icon span:nth-child(2){
  top:11px;
}
#top header .nav_flag .icon span:nth-child(3){
  top:21px;
}
#top header .nav_flag:hover .icon span:nth-child(1){
  left:5px;
}
#top header .nav_flag:hover .icon span:nth-child(2){
  left:0;
}
#top header .nav_flag:hover .icon span:nth-child(3){
  left:-5px;
}



#top header .nav_flag .text{
  display: none;

}


#top #mv{
  width: 100%;
  height: 0;
  padding-bottom: 140%;
  position: relative;
}

#top #mv h2{
  width: 75%;
  position: absolute;
  top:30%;
  left: 12.5%;
  z-index: 55;
}
#top #mv h2 span{
  position: absolute;
  top: 0;
  left: 0;
}

#top #mv .anchor_btn{
  width: 140px;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 55;
}


#top #mv .bg {
  width: 140%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 5;
}


#top #mv .bg .video_sp video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#top .concept{
  background:url(../images/yellow_bg.jpg) repeat;
  background-size: 293px;
  padding: 50px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

#top .concept h3{
  font-size: 26px;
  line-height: 44px;
  padding-bottom:30px;
}

#top .concept p{
  width: 85%;
  margin: 0 auto;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 0.08em;
  text-align: left;
}
#top .concept figure{
  width: 380px;
  mix-blend-mode: multiply;
  opacity: 0.25;
  position: absolute;
  right:-60px;
  bottom:-10px;
  z-index: 50;
}


#top .news{
  padding: 50px 0;
  background: rgba(0, 0, 0, 0.03);
} 
#top .news .wrap{
  width:85%;
  margin: 0 auto;
  text-align: center;
}
#top .news .wrap h3{
  font-size: 30px;
  margin-bottom:20px;
}


#top .news .wrap ul{
  text-align: left;
}
#top .news .wrap ul li{
  padding: 20px 0;
  border-bottom: 1px solid #E5E5E5;
}

#top .news .wrap ul li a{
  font-size: 0;
  vertical-align: middle;
  text-align: center;
}
#top .news .wrap ul li a dl dt{
  font-size: 16px;
  line-height:22px;
  vertical-align: middle;
}
#top .news .wrap ul li a dl dd{
  font-size: 13px;
  line-height:26px;
  vertical-align: middle;
}
#top .news .wrap ul li a dl dt{
  margin-bottom: 10px;
}
#top .news .wrap ul li a dl dt span{
  display: inline-block;
  vertical-align: middle;
  line-height:22px;
  background: #5F5F5F;
  color: #FFF;
  padding:0 10px;
  margin-left:5px;
}
footer{
  position: relative;
}

footer .pagetop{
  width: 100%;
  margin-bottom:40px;
}

footer .wrap{
  width:100%;
  margin: 0 auto 20px;
}

footer .wrap .left{
  width: 172px;
  margin:0 auto 40px ;
}
footer .wrap .right{
  width:160px;
  margin: 0 auto;
}

footer .wrap h2{
  width: 172px;
  display: inline-block;
  margin-right: 80px;
}
footer .wrap ul.ft_nav{
  display: none;
}
footer .wrap ul.ft_sns_nav{
  width:160px;
}
footer .wrap ul.ft_sns_nav li{
  width: 32px;
  display: inline-block;
  margin-right:25px;
}
footer .wrap ul.ft_sns_nav li:last-child{
  margin-right: 0;
}

footer .wrap small{
  width:100%;
  display:block;
  text-align: center;
  font-size: 13px;
  line-height:28px;
  color: #707070;
  padding-top: 30px;
}

footer figure{
  width: 100%;
  mix-blend-mode: multiply;
  opacity: 0.7;
}


/*■■■■■■■■　CONCEPT　■■■■■■■■*/

#concept .sec01{
  background:url(../images/yellow_bg.jpg) repeat;
  background-size: 293px;
  padding-top:60px;
  padding-bottom:60px;
}

#concept .sec01 .wrap{
  width: 90%;
  margin: 0 auto;
}

#concept .sec01 .wrap h3{
  width: 90%;
  margin: 0 auto 25px;
}


#concept .sec01 .wrap .kakekomi_anime{
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  margin-bottom:30px;
}


#concept .sec01 .wrap .kakekomi_anime video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#concept .sec01 .wrap p{
  width: 85%;
  margin:0 auto;
  font-size: 13px;
  line-height: 26px;
  text-align:left;
  margin-bottom:30px;
}

#concept .sec01 .wrap .btn{
  width: 265px;
  margin: 0 auto;
  background: #FFF;
  border: 2px solid #000;
  border-radius:50px;
}

#concept .sec02{
  padding: 50px 0;
}
#concept .sec02 .wrap{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#concept .sec02 .wrap h3{
  font-size: 30px;
  margin-bottom: 35px;
}
#concept .sec02 .wrap .map{
  width:100%;
  height: 300px;
}
#concept .sec02 .wrap .map iframe{
  width: 100%;
  height: 100%;
}
#concept .sec02 .wrap p{
  font-size: 12px;
  line-height: 24px;
  padding-top:25px;
}


#concept .slideshow_overflow{
  width:194px;
  margin: 0 auto;
  margin-bottom:80px !important;
}
#concept .slideshow_wrap {
  width: 100%; 
}

#concept .slideshow {
}

#concept .content.sp_none{
  display: none;
}


/*■■■■■■■■　MANAGEMENT　■■■■■■■■*/


#management .mv{
  background:url(../images/yellow_bg.jpg) repeat;
  background-size: 293px;
  position: relative;
}

#management .mv h2{
  top: 160px;
}

#management .wrap .inner{
  padding-bottom:40px;
}

#management .wrap .box{
  width: 100%;
  margin: 0 auto;
  background: #FFF;
  padding-top:40px;
  padding-bottom:10px;
}
#management .wrap .box h4{
  font-size:30px;
  margin-bottom:20px;
  text-align: center;
}
#management .wrap .box p{
  font-size: 13px;
  margin-bottom:30px;
  text-align: center;
}

#management .wrap .box ul{
  width: 250px;
  margin: 0 auto;
  font-size: 0;

}
#management .wrap .box ul li{
  width: 100px;
  display: inline-block;
  margin-right: 50px;
  margin-bottom: 30px;
  text-align: center;
}

#management .wrap .box ul li:nth-child(2n){
  margin-right: 0;
}


#management .wrap .box ul li figure{
  margin-bottom: 20px;
}

#management .wrap .box ul li dl dt{
  font-size: 16px;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
}
#management .wrap .box ul li dl dd{
  font-size: 13px;
  line-height: 16px;
}

#management .sec01{
  background: rgba(0, 0, 0, 0.03);
  padding: 30px 0;
}
#management .sec01 .btn{
  width: 268px;
  margin:0 auto 0;
  text-align: center;
}

#management .sec01 .btn a{
  font-size: 24px;
  line-height: 55px;
  border:1px solid #575757;
  border-radius: 28px;
  width: 268px;
  display: block;
}


#management .sec01 .btn a:hover{
  background:#575757;
  color: #FFF;
  border:1px solid #575757;
}


/*制作シングルページ*/




#work_single .wrap_inner{
 width:100%; 
 margin: 0 auto 30px;
 padding-top: 20px;
}
#work_single .wrap_inner h2{
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
}
#work_single .wrap_inner .mv_img{
  margin-bottom:20px;
}

#work_single .wrap_inner .detail{
  width: 90%;
  margin: 0 auto;
  margin-bottom:30px;
}

#work_single .wrap_inner .detail .left,
#work_single .wrap_inner .detail .right{
  width: 100%;
}
#work_single .wrap_inner .detail .left{
  position: relative;
  padding-left:100px;
  box-sizing: border-box;
}


#work_single .wrap_inner .detail .left .works_cat{
  margin-bottom: 15px;
  position: absolute;
  top: 0;
  left: 0;
}

#work_single .wrap_inner .detail .left .works_cat li{
  border: 1px solid #575757;
  background:#E2E540;
  font-size:14px;
  color:#575757;
  display: inline-block;
  padding:0 10px;
  line-height:20px;
  border-radius:20px;
  margin-right: 10px;
}


#work_single .wrap_inner .detail .left h3{
  font-size: 18px;
  line-height: 24px;
  margin-bottom:15px;
}
#work_single .wrap_inner .detail .left p{
  font-size: 13px;
  line-height: 26px;
}
#work_single .wrap_inner .detail .left p br{
  display: none;
}
#work_single .wrap_inner .detail .right{
  margin-top:30px;
  position: relative;
  font-size: 0;
}

#work_single .wrap_inner .detail .right h4{
  font-size: 17px;
  width: 100px;
  display: inline-block;
}
#work_single .wrap_inner .detail .right ul.works_cat{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  width:calc(100% - 100px);
  display: inline-block;
}
#work_single .wrap_inner .detail .right ul.works_cat li{
  font-size: 13px;
  line-height: 20px;
  color: #575757;
  border: #575757 1px solid;
  border-radius: 20px;
  padding:0 10px;
  display: inline-block;
  margin:0 5px 5px 0 ;
}
#work_single .wrap_inner .detail .right p{
  font-size: 13px;
  line-height: 20px;
  width:calc(100% - 100px);
  display: inline-block;
}


#work_single .wrap_inner ul.thum_list{
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#work_single .wrap_inner ul.thum_list li{
  width:50%;
}

#work_single #connection{
  padding:30px 0 0;
  background: rgba(0,0,0,0.05);
}
#work_single #connection .con_wrap{
  width: 100%;
  margin:0 auto;
}
#work_single #connection .con_wrap h3{
  font-size:16px;
  text-align: center;
  color: #575757;
  margin-bottom:20px;
}
#work_single #connection .con_wrap ul{
  display: flex;
  flex-wrap: wrap;
}
#work_single #connection .con_wrap ul li{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
#work_single #connection .con_wrap ul li:nth-child(3n){
  margin-right: 0;
}
#work_single #connection .con_wrap ul li figure{
  position: relative;
}
#work_single #connection .con_wrap ul li a figure h4{
  color: #FFF;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 50;
  transform: translate(-50%,-60%);
  transition: all 0.3s ease;;
  opacity: 0;
}

#work_single #connection .con_wrap ul li a .cover{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  transition: all 0.5s ease;
  opacity: 0;
}
#work_single #connection .con_wrap ul li a:hover figure h4{
  opacity: 1;
  transform: translate(-50%,-50%);
}

#work_single #connection .con_wrap ul li a:hover .cover{
  opacity: 1;
}



/*■■■■■■■■　WORK　■■■■■■■■*/

#work_list .cat_menu{
  width: 85%;
  margin: 0 auto;
}

#work_list .cat_menu ul{
  font-size: 0;
  text-align: center;
  margin-bottom:25px;
}


#work_list .cat_menu ul.direction li:nth-child(1) a,
#work_list .cat_menu ul.online-edit li:nth-child(2) a,
#work_list .cat_menu ul.offline-edit li:nth-child(3) a,
#work_list .cat_menu ul.color-grading li:nth-child(4) a,
#work_list .cat_menu ul.ma li:nth-child(5) a,
#work_list .cat_menu ul.music li:nth-child(6) a,
#work_list .cat_menu ul.food-coordinate li:nth-child(7) a{
  background:#575757;
  color: #FFF;
}

#work_list .cat_menu ul li{
  display: inline-block;
  margin-right:10px;
  margin-bottom: 10px;
}
#work_list .cat_menu ul li:last-child{
  margin-right: 0;
}
#work_list .cat_menu ul li a{
  font-size: 13px;
  border: 1px solid #575757;
  padding: 0 15px;
  line-height:24px;
  color: #575757;
  border-radius:24px;
  display: block;
}


#work_list .sec01{
  padding-top:20px;
  padding-bottom:80px;
}

#work_list .sec01{
  width: 100%;
  margin: 0 auto;
}

#work_list .sec01 h2{
  font-size:30px;
  text-align: center;
  margin-bottom:20px;
}


#work_list .sec01 ul.list{
  display: flex;
  flex-wrap: wrap;
}

#work_list .sec01 ul.list li{
  width: 48%;
  margin-right:2%;
  margin-bottom:2%;
  position: relative;
}
#work_list .sec01 ul.list li:nth-child(2n){
  margin-right: 0;
}

#work_list .sec01 ul.list li .works_cat{
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 50;
}

#work_list .sec01 ul.list li .works_cat span{
  border: 1px solid #575757;
  background:#E2E540;
  font-size: 13px;
  letter-spacing: 0.1em;
  color:#575757;
  line-height:20px;
  padding:0 10px;
  border-radius:20px;
  display: block;
}
#work_list .sec01 ul.list li a figure{
  margin-bottom: 0;
}
#work_list .sec01 ul.list li a figure .cover{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  transition: all 0.5s ease;
  opacity: 0;
}

#work_list .sec01 ul.list li  a:hover figure .cover{
  opacity: 1;
}



#work_list .sec01 .wp-pagenavi{
  text-align: center;
  margin-top: 100px;
}


#work_list .sec01 .wp-pagenavi .pages{
  display: none;
}


#work_list .sec01 .wp-pagenavi a,
#work_list .sec01 .wp-pagenavi span{
  font-family: "zipline-solid", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.08em;
  border: none;
  font-size: 30px;
  padding: 10px 5px;
  margin: 8px;
  color: #575757;
  transition: all 0.2s ease;
}

#work_list .sec01 .wp-pagenavi a:hover,
#work_list .sec01 .wp-pagenavi span.current{
  color: #000;
}



/*■■■■■■■■　CONTACT　■■■■■■■■*/

#contact .sec01{
  padding-top:20px;
  padding-bottom:50px;
}
#contact .sec01 h2{
  font-size: 30px;
  margin-bottom:30px;
  text-align: center;
}
#contact .sec01 .wrap{
  width: 85%;
  margin: 0 auto;
}
#contact .sec01 .wrap ul{
  margin-bottom: 40px;
}
#contact .sec01 .wrap ul li{
  margin-bottom:20px;
}
#contact .sec01 .wrap ul li dl{
  font-size: 0;
}
#contact .sec01 .wrap ul li dl dt{
  font-size:13px;
  line-height:20px;
  margin-bottom: 10px;

}
#contact .sec01 .wrap ul li dl dd{
  width: 100%;
  display: inline-block;
}

#contact .sec01 .wrap ul li dl dd input,
#contact .sec01 .wrap ul li dl dd select,
#contact .sec01 .wrap ul li dl dd textarea,
#contact .sec01 .wrap input[type='submit']{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

#contact .sec01 .wrap ul li dl dd textarea {
  resize: vertical;
}

#contact .sec01 .wrap ul li dl dd input[type='checkbox'],
#contact .sec01 .wrap ul li dl dd input[type='radio'] {
  display: none;
}

#contact .sec01 .wrap input[type='submit'],
#contact .sec01 .wrap input[type='button'],
#contact .sec01 .wrap label,
#contact .sec01 .wrap button,
#contact .sec01 .wrap select {
  cursor: pointer;
}

#contact .sec01 .wrap select::-ms-expand {
  display: none;
}

#contact .sec01 .wrap ul li dl dd input,
#contact .sec01 .wrap ul li dl dd select{
  border: #707070 1px solid;
  border-radius: 5px;
  font-size:14px;
  letter-spacing: 0.1em;
  line-height:40px;
  padding: 0 15px;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
}
#contact .sec01 .wrap ul li dl dd input.wpcf7-not-valid,
#contact .sec01 .wrap ul li dl dd select.wpcf7-not-valid{
  background-color: #ffe1e1;
  position: relative;
}
#contact .sec01 .wrap ul li dl dd span.wpcf7-not-valid-tip{
  font-size: 12px;
  margin-top: 10px;

}



#contact .sec01 .wrap ul li dl dd select{
  background: #FFF url(../images/select_arrow.svg) no-repeat center right 20px;
  background-size: 15px;
}
#contact .sec01 .wrap ul li dl dd textarea{
  border: #707070 1px solid;
  border-radius: 5px;
  background: #FFF;
  font-size:16px;
  line-height:28px;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
}

#contact .sec01 .wrap .wpcf7-response-output{
  font-size:16px;
  line-height:28px;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom:50px;
  border: 0;
}


#contact .sec01 .wrap .btn{
  width: 265px;
  margin: 0 auto;
}
#contact .sec01 .wrap .btn input[type='submit']{
  width: 100%;
  border: 1px #707070 solid;
  font-size:18px;
  text-align: center;
  color:#575757;
  letter-spacing: 0.1em;
  line-height:50px;
  border-radius: 50px;
  font-family: "zipline-solid", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.08em;
}


/*■■■■■■■■　NEWS詳細　■■■■■■■■*/


#post_single .wrap_inner{
 width:100%; 
 margin: 0 auto 50px;
}
#post_single .wrap_inner h2{
  font-size: 32px;
  text-align: center;
  margin-bottom:30px;
}
#post_single .wrap_inner .mv_img{
  margin-bottom:30px;
}
#post_single .wrap_inner .inner{
  width: 80%;
  margin: 0 auto 50px;
}
#post_single .wrap_inner .inner .time{
  font-size: 14px;
  margin-bottom: 20px;
}
#post_single .wrap_inner .inner h3.title{
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
}

#post_single .wrap_inner .inner p{
  font-size: 14px;
  line-height:26px;
  margin-bottom: 30px;
}
#post_single .wrap_inner .inner .content h1,
#post_single .wrap_inner .inner .content h2,
#post_single .wrap_inner .inner .content h3,
#post_single .wrap_inner .inner .content h4,
#post_single .wrap_inner .inner .content h5,
#post_single .wrap_inner .inner .content h6{
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 30px;
}

#post_single .wrap_inner .prev_post_link{
  text-align: center;  
}


#post_single .wrap_inner .prev_post_link a{
  font-size:24px;
  margin: 10px;
  color: #707070;
  transition: all ease 0.2s;
}

#post_single .wrap_inner .prev_post_link a:hover{
  color: #000;
}