@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic');
html{
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
body{
max-width: 100%;
overflow-x: hidden;
padding:70px 0 0 0;
font-size: 1.5rem;
line-height: 1.5;
}

.wrap{
width: 1000px;
margin: 0 auto;
}
/*-----------------------
 header
-------------------------*/
header{
width: 100%;
height:0;
background-color: #EA6B14;
position: fixed;
top: 0;
left: 0;
z-index: 999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header.active{
height:auto;
}
header .wrap{
display: flex;
min-height:44px;
  align-items: center;
justify-content: space-between;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .wrap .right{
width:90%;
}
header .wrap .logo{
	display:flex;
	justify-content:flex-start;
	align-items: center;
    min-width:65%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .wrap .logo a{
font-size:2rem;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
text-decoration: none;
color: #000;
}
header .wrap .logo br.sp{
display: none;
}
header .wrap .logo a h1{
	display:flex;
    font-weight: bold;
	justify-content:flex-start;
	align-items: center;
    font-size:1.4rem;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .wrap .logo a h1 strong{
padding-left:0.5em;
font-size:2rem;
}
header .wrap a:hover,
header .wrap a:active,header .wrap a:focus{
background-color: #EA6B14;
}

header .wrap .logo img{
width:64px;
height:60px;
}
header .wrap .sns_link{
	display:flex;
	justify-content:flex-end;
	align-items: center;	
}

header .wrap .sns_link img{
max-height:30px;
width: auto;
height:30px;
}
header .wrap .sns_link a{
margin-left:1em;
text-decoration: none;
}
header .wrap .sns_link a span{
display:block;
font-size: 1.2rem;
text-decoration: none;
color: #EA6B14;
}


header .wrap .sns_link a:nth-last-of-type(1) img{
border: none;
max-height:34px;
}


header .wrap .sns_link a:nth-of-type(1){
margin-left: 0;
}
header nav{
width:100%;
margin: 0 auto;
display: flex;
  justify-content:center;
  align-items:center;
  background-color:#F3AA79;
}
header nav ul{
width: 1000px;
display: flex;
  justify-content:center;
  align-items:center;
  margin: 0 auto;
}
header nav ul a:link,header nav ul a:visited{
padding:0.25em 1em;
margin: 0 1em;
display: block;
color: #000000;
text-decoration:none;
font-size: 1.3rem;
}
header nav ul a:hover, header nav ul a:active,header nav ul a:focus {
  text-decoration:underline;
  color:#333;
}

header .wrap .sns_link span label,
header .wrap .sns_link span a,
header .wrap .sns_link span{
display: block;
font-size: 1.2rem;
line-height: 1.5;
color: #000000;
cursor: pointer;
padding:0 0.5em;
}
header .wrap .sns_link span{
margin-left:0.5em;
}

table.ta{
width: 100%;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
table.ta th,
table.ta td{
padding: 0.5em;
border: 1px solid #666;
}
table.ta th{
background-color:#FBE9DD;
}


/*-----------------------
 login
-------------------------*/
#inout,
#lgin{
display: none;
}
#login{
width: 100%;
height: 100%;
z-index: 999;
display:none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  left: 0;
  top: 0;
}
#login .inner{
padding:0.5em 1.5em;
background-color: #fff;
color: #EA6B14;
line-height: 2;
}
#login .inner button{
background-color:#EA6B14;
color: #fff;
border: none;
padding: 0.25em 1.5em;
border-radius: 1em;
font-size: 1.3rem;
cursor: pointer;
}
#login .inner label{
font-size: 1.3rem;
font-weight: bold;
cursor: pointer;
color: #000;
}
#login .inner table{
font-size: 1.3rem;
}
#login .inner table input{
font-size: 16px;
margin:0.25em;
}
#login .inner table td{
padding: 0.5em 0;
}

#lgin:checked ~ #login{
display:flex;
}
header #lout{
display: block;
}
header #lin{
display: none;
}
header #lin a{
margin-left: 0;
}
#login .inner a{
font-size: 1.2rem;
}

#inout:checked ~ header #lout{
display: none;
}
#inout:checked ~ header #lin{
display: block;
}

/*-----------------------
 mv
-------------------------*/
section.mv{
}
section.mv div.inner{
width:100%;
max-width: 100%;
height:56%;
overflow: hidden;
position: relative;
}
section.mv div.inner video{
width: 100%;
height: auto;
}

section.mv div.inner ul.slick-dots{
  position: absolute;
  bottom:25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
section.mv div.inner ul.slick-dots li button::before {
  opacity: .5;
  font-size: 12px;
  color:#fff;
}
section.mv div.inner ul.slick-dots li.slick-active button::before {
opacity: 1;
}
section.mv div.inner ul.slider li img{
}

section.mv div.inner ul.slider .slick-active li img{
    animation-name:scale;
    animation-duration:8s;
    animation-fill-mode:forwards;
    animation-timing-function:ease-out;
}

section.mv .catch{
display:block;
min-width:100%;
text-align: center;
line-height:2;
position:relative;
padding:3em 0 1.5em 0;
}
section.mv .logo{
width:100%;
height: auto;
display:block;
position:relative;
z-index: 888;
}
section.mv .logo img{
width:auto;
max-width: 180px;
height: auto;

}

section.mv .catch .txt{
font-weight: bold;
padding:1em 0 0 0;
color: #000;
}

@keyframes scale{
  0% {
transform: scale(1);	
    }
100% {
transform: scale(1.1);	
}
}


/*-----------------------
 section
-------------------------*/
main > section:not(.mv){
padding:3vw 0;
}
section h2.subtitle{
display: flex;
height:40px;
  justify-content: center;
  align-items: center;
  padding:0;
position: relative;
margin-bottom:1.5vw;
}
section h2.subtitle span.fadein{
padding: 0.25em 0;
height:30px;
width:auto;
color: #EA6B14;
font-weight: bold;
font-size:2.4rem;
display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";  
}
section h2.subtitle span.fadein:before{
content: "";
width:30px;
height: 1px;
display: block;
background-color: #EA6B14;
position: absolute;
left:-50px;
top:0.8em;
}
section h2.subtitle span.fadein:after{
content: "";
width:30px;
height: 1px;
display: block;
background-color: #EA6B14;
position: absolute;
right:-50px;
top:0.8em;
}


main > section:not(.mv) .wrap{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

main > section:not(.mv) .wrap .pic{
width: 320px;
height: 220px;
overflow: hidden;
display: block;
margin: 1em auto;
cursor: pointer;
}
main > section:not(.mv) .wrap .pic img{
width:100%;
height: 100%;
object-fit:cover;
object-position: 100% 100%;
  transition: 1s;
  -webkit-transition: 1s;
}
main > section:not(.mv) .wrap .pic:hover img{
  transform: scale(1.2);	
}
#newmv{
background-color: #fff;
}
#newmv h2.subtitle {
margin-bottom: 0;
}

#service h3{
color: #fff;
font-weight: bold;
padding: 2px 0.5em;
background-color: #EA6B14;
margin-bottom:1em;
}
#service section{
max-width:700px;
margin:0 auto 2em auto;
}
#service section p{
margin-bottom:1em;
}
#service section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#service section img{
margin-right: 1em;
float: left;
width:300px;
height: auto;
}

#profile p.btn{
text-align:center;
}
#profile p.btn a{
display:inline-block;
margin:0;
padding: 0 1em;
text-decoration: none;
border-radius: 1em;
background-color: #EA6B14;
border: 1px solid #EA6B14;
line-height:2;
color: #fff;
font-size: 1.4rem;
}
#profile p.btn a:hover{
background-color: #F3AA79;
color:#000; 
}


ul.movie_list {
	display:flex;
	justify-content:flex-start;
	align-items:stretch;	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin:2em 0 0 0;
}
ul.movie_list li{
width:240px;
margin-bottom: 1em;
padding-bottom:30px;
font-size: 1.4rem;
line-height: 1.5;
margin:0 5px 3em 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
ul.movie_list li a{
font-size: 1.3rem;
text-decoration: none;
color: #666;
}

ul.movie_list li .pics{
width:240px;
height:135px;
display: block;
overflow: hidden;
margin:0 0 1em 0;
position: relative;
z-index: 1;
}
ul.movie_list li .pics span.cost{
background-color: #000;
border: 1px solid #000;
color: #fff;
display: inline-block;
position: absolute;
top: 10px;
left: 10px;
padding: 0.25em;
border-radius: 0.5em;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 1em;
}
ul.movie_list li .pics span.cost.white{
background-color: #fff;
border: 1px solid #000;
color: #000;
}
ul.movie_list li .pics img{
width:auto;
height:135px;
object-fit:cover;
object-position:50% 50%;
}
ul.movie_list li .ttl{
font-weight: bold;
font-size: 1.4rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ul.movie_list li .btn{
text-align: center;
margin-top: 0.5em;
}
ul.movie_list li a .btn button{
cursor: pointer;
position: absolute;
bottom: 0;
left:50%;
font-size: 1.2rem;
min-width: 8em;
transform: translateX(-50%); 
background-color: #EA6B14;
border: 1px solid #EA6B14;
color:#000;
display: inline-block;
padding: 2px 1em;
border-radius: 1em;
text-decoration: none;
}
ul.movie_list li a .btn.white button{
background-color:#FFF;
color:#EA6B14;
}
ul.movie_list li a .btn button:hover{
color:#fff;
}
ul.movie_list li a .btn.white button:hover{
background-color:#EA6B14;
}

ul.movie_list li .cate_tag{
font-size: 1.1rem;
color: #EA6B14;
}
ul.movie_list li .cate_tag span{
margin-right:0.5em;
}

ul.movie_list.search-reslult-pager{
display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
}

#blog p.txtC{
margin: 3em 0;
}
#blog ul{
margin-top: 3vw;
display: flex;
  justify-content:space-between;
  align-items:stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#blog ul li{
width:30%;
margin: 1em;
}
#blog ul li a{
text-decoration: none;
color: #333;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#blog ul li .time{
color: #999;
}
#blog ul li a:hover{
color: #0070C7;
text-decoration: underline;
}

#blog ul li a .pics{
width:150px;
height:130px;
display: block;
overflow: hidden;
margin-right:10px;
}
#blog ul li a .pics img{
object-fit:cover;
object-position: 100% 100%;
width:auto;
height: 100%;
max-height: 100%;
}
#blog ul li a .text{
width:140px;
padding-top: 1em;
}


#nagare ul.nagarelist{
width:100%;
max-width: 700px;
margin: 0 auto;
}
#nagare ul.nagarelist li{
margin:2em 0;
line-height: 1.5;
}

#nagare ul.nagarelist li h3{
color: #EA6B14;
font-size: 1.8rem;
line-height: 1;
margin-bottom: 0.5em;
font-weight: bold;
	display:flex;
	justify-content:flex-start;
	align-items: center;
}
#nagare ul.nagarelist li h3 i{
font-size:2rem;
line-height: 1;
margin-right: 0.5em;
color:#fff;
font-weight: bold;
background-color: #EA6B14;
display: flex;
  justify-content: center;
  align-items: center;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
}
#nagare ul.nagarelist li table{
border-collapse:separate;
border-spacing:4px;
empty-cells:show;
}
#nagare ul.nagarelist li table th,
#nagare ul.nagarelist li table td{
border: 1px solid #EA6B14;
padding: 0.5em;
border-radius: 0.5em;
}
#nagare ul.nagarelist li table th{
min-width: 6em;
font-weight: bold;
text-align: center;
}

ul.newslist{
width:600px;
display:block;
line-height: 3;
margin: 0 0 0 50%;
transform: translateX(-50%); 
}
ul.newslist time{
color: #F3AA79;
padding-right: 1.5em;
}
ul.newslist li{
	display:flex;
	justify-content:flex-start;
	align-items: center;	
}
ul.newslist a:link,ul.newslist a:visited{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration:none;
color: #333;
}
ul.newslist a:hover,ul.newslist a:active,ul.newslist a:focus {
  text-decoration:underline;
 color: #0070C7;
}

#schk{
display: none;
}
#search_bx{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
display:none;
  justify-content: center;
  align-items: center;
z-index:999;
}
#search_bx .inner{
padding:0.5em 1em 2em 1em;
width: auto;
height: auto;
max-width:700px;
background-color: #fff;
}
#search_bx .inner h3{
font-size: 1.4rem;
color: #EA6B14;
font-weight: bold;
background-color: #fff;
padding: 0;
margin: 0;
}
#search_bx .inner .cate_s,
#search_bx .inner .tag_s{
padding:0 0.5em 0.5em 0.5em;
	display:flex;
	justify-content:flex-start;
	align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#search_bx label[for="schk"]{
font-size: 2rem;
color: #000;
cursor: pointer;
}
#search_bx .cate_s input[type="radio"],
#search_bx .tag_s input[type="checkbox"]{
display: none;
}

#search_bx .cate_s label{
cursor: pointer;
background-color: #EA6B14;
border: 1px solid #EA6B14;
color: #fff;
padding:2px 0.25em;
margin: 0.25em;
border-radius: 0.5em;
font-size: 1.4rem;
}

#search_bx .tag_s label{
cursor: pointer;
background-color: #F3AA79;
border: 1px solid #F3AA79;
color: #fff;
padding:2px 0.25em;
margin:0 0.25em 0.25em 0.25em;
border-radius: 0.5em;
font-size: 1.4rem;
}

#search_bx input[type="checkbox"]:checked+label,
#search_bx input[type="radio"]:checked+label,
#search_bx .tag_s label:hover,
#search_bx .cate_s label:hover{
background-color: #fff;
color: #EA6B14;
display: inline-block;
}
#schk:checked + #search_bx{
display: flex;
}
#search_bx button{
border: none;
background-color: transparent;
cursor: pointer;
}
#search_bx button img{
width:18px;
height: auto;
}
#search_bx .submit{
	display:flex;
	justify-content:flex-end;
	align-items: center;
    margin: 1em 0 0 0;
}
#search_bx input[type=text]{
min-width:240px;
}
#search_bx ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;
}
#search_bx :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
#search_bx ::placeholder{ /* Others */
 color:#ccc;
}
#search_bx ul{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 1em;
}
#search_bx ul li{
width: 100%;
margin:0 0 1em 0;
padding: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
}
#search_bx ul li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#search_bx ul li img{
margin-right: 1em;
float: left;
}
#search_bx ul li a{
color: #666;
text-decoration: none;
font-size: 1.2rem;
}
#search_bx ul li a strong{
display: block;
font-size: 1.4rem;
font-weight: bold;
}
#company{
line-height: 2;
}
#company .wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#company .bold{
font-size: 2rem;
margin:2em 0 1em 0;
}
#company table{
margin: 0 auto;
}

#company table td:nth-of-type(1){
vertical-align:top;
padding-right: 2em;
}
#company iframe{
display: block;
width: 55%;
height:260px;
margin-right: 2em;
float: left;
}

#company p.txtC{
margin-top: 3em;
}
#company p.txtC a{
  text-decoration: none;
  padding: 0.5em 3em;
  border: 1px solid #333;
  border-radius: 0.5em;
}
#company p.txtC a:hover{
color:#fff;
background-color: #0070C7;
}

#contact form{
width: 800px;
margin: 0 auto 2em auto;
line-height: 2;
}
#contact form table{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height:1.5;
}
#contact form table td{
padding:1.5em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#contact form table td i{
font-size: 1.2rem;
padding-left: 1em;
color:#666666;
}
#contact form table td:nth-of-type(1){
width: 200px;
}
#contact form table textarea,
#contact form table input[type=password],
#contact form table input[type=text]{
padding: 0.5em 1em;
border: 1px solid #ccc;
width: 100%;
font-size: 1.6rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact form table textarea{
min-width: 100%;
max-width: 100%;
min-height: 7em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact form table input[type=password]{
width: 55%;
}


#contact form .policy{
margin: 2em 0;
width: 100%;
height: auto;
max-height:320px;
overflow-y: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contact form .policy .inner{
font-size: 1.2rem;
line-height: 1.5;
padding:2em 1em;
background-color: #f2f2f2;
}
#contact form .policy .inner dd{
padding-left: 1em;
margin-bottom: 1em;
}
#contact form .policy .inner dt{
margin:1em 0 0.5em 0;
text-decoration: underline;
}
#contact form button{
width: 320px;
background-color: #EA6B14;
border-radius: 0.5em;
color: #fff;
font-size: 2rem;
border: none;
margin-top: 2em;
cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
#contact form label{
position: relative;
}
#contact form button:hover{
opacity: 0.8;
}

#contact form label{
color: #0070C7;
text-decoration: underline;
cursor: pointer;
}

main.page section section{
padding-bottom:2vw;
max-width: 800px;
margin: 0 auto;
}
main.page section section h3{
background-color: #F3AA79;
color: #333;
padding: 0.25em 1em;
margin-bottom: 1em;
font-weight: bold;
}




ul.search-reslult-pager{
display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
}

ul.search-reslult-pager span{
margin:0 0.5em;
padding:2px 0.25em;
}
ul.search-reslult-pager a{
margin:0 0.5em;
padding: 1px 0.25em;
border: 1px solid #EA6B14;
background-color: #fff;
text-decoration: none;
color: #EA6B14;
}
ul.search-reslult-pager a:hover{
background-color: #EA6B14;
color: #fff;
}


/*-----------------------
 page-top
-------------------------*/
#page-top{
	width:40px;
	height:40px;
	display:block;
	position:fixed;
	right:5%;
	bottom:0.5em;
	cursor:pointer;
	  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  z-index:998;
}
#page-top img{
	width:40px;
	height:40px;
}
#page-top:hover{
	opacity:0.8;
}

/*-----------------------
 footer
-------------------------*/
footer{
width: 100%;
height: auto;
padding:1em 0;
background-color: #EA6B14;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative;
z-index: 700;
}

footer nav{
width:auto;
}
footer nav ul{
display: flex;
  justify-content: center;
  align-items: center;
}
footer nav ul a:link, 
footer nav ul a:visited{
padding:0 0.5em;
margin: 0 1em;
display: block;
color: #000000;
font-size: 1.2rem;
text-decoration: none;
}

footer a:hover,
footer a:active,footer a:focus{
text-decoration:none;
}
footer nav ul li a:hover{
text-decoration: underline;
}

footer .copy{
color: #000000;
text-align: center;
padding:0.5em 0 0 0;
font-size: 1.2rem;
letter-spacing: 1px;
}

footer .sns{
display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
}
footer .sns a{
margin: 0 0.5em;
}
footer .sns img{
width:auto;
height:30px;
}

header nav{
		position:relative;
}

label[for="seck"],
#seck,
#chk,
nav .sp,
#humbt{
display: none;
}

header .sns_link{
display: block;
}


/*---------------------------------------------*
* width 1220px
*----------------------------------------------*/
@media screen and (max-width:1220px) {
.wrap,
header .wrap{
    width: 98%;
}

header nav ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header nav ul a {
    padding: 0.5em 0.25em;
    margin: 0;
    display: block;
    font-size: 1.4rem;
}
header .wrap .sns_link a {
    margin-left:0.25em;
}
section.mv div.inner ul.slider li div.float {
    left: 10%;
}

}
/* width 1220px end --------------------------------------------*/

/*---------------------------------------------*
* width 1000px
*----------------------------------------------*/
@media screen and (max-width:1000px) {
body {
  padding:43px 0 0 0;
}
header.active {
}
header .wrap {
padding:3px 0;
}

header .sns_link{
display: none;
}
	#humbt{
		display:inline-block;
		float:right;
		margin:0 0 0 0.5em;
    width:30px;
    height:30px;
    cursor: pointer;
	position:relative;		
	}

#humbt span {
    display: block;
    position: absolute;
    height:4px;
    width: 100%;
    background:#000000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}	
#humbt span:nth-child(2) {
    top:13px;
}
#humbt span:nth-child(3) {
    top:26px;
}	

#chk:checked ~ header #humbt span:nth-child(1) {
    top:13px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
#chk:checked ~ header #humbt span:nth-child(2) {
    width: 0;
    left: 50%;
}
#chk:checked ~ header #humbt span:nth-child(3) {
    top:13px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
header nav{
display: block;
		position:fixed;
		width:100%;
		height:0%;
		overflow:hidden;
		background-color:#FFF;
		left:0;
		top:66px;
        z-index: 999;
          -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
	}
#chk:checked ~ header nav{
height: 100%;
}
header nav ul {
    display:block;
    width: 100%;
    padding: 3em;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header nav ul li{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
}
header nav ul li a{
width: 100%;
text-align: center;
display: block;
font-size:1.8rem;
padding: 1em 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header nav ul a:link, header nav ul a:visited {
padding:0.5em 0;
margin: 0;
font-size:1.8rem;
  display: block;
  color: #EA6B14;
  text-decoration: none;
}


header nav ul li.sp{
display: flex;
  align-items: center;
  justify-content:space-around;
}
header nav ul li.sp img{
width: 30px;
height: auto;
}

header .wrap .logo a h1 strong{
padding-left:0;
font-size:2rem;
}

section h2.subtitle span.fadein {
    height:24px;
    font-size:2.4rem;
}

section.mv .logo {
  z-index: 888;
}
section.mv .logo img{

}

section.mv div.inner {
  width: 100%;
  max-width: 100%;
  height:auto;
  overflow: hidden;
  position: relative;
}

ul.movie_list li {
  width:49%;
  margin-bottom: 1em;
  font-size: 1.4rem;
  line-height: 1.5;
}
ul.movie_list li .pics {
  width:100%;
  height:auto;
  max-height: 240px;
}

#blog ul {
  display: flex;
  justify-content:space-between;
  align-items:stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#blog ul li{
width: 48%;
margin: 0 0 1em 0;
}
#blog ul li .pics {
  width:100%;
  height:auto;
  overflow: hidden;
  max-height: 240px;
  display: block;
  margin: 0 0 1em 0;
}
#blog ul li img {
  width:100%;
  height:auto;
  min-height: 240px;
  object-fit:cover;
object-position: 100% 100%;
  float:none;
  margin:0;
}


ul.newslist {
    width:100%;
    line-height:2;
    margin: 0 auto;
    transform:none;
}
ul.newslist ti
{
margin-bottom: 1em;
}
ul.newslist a{
display: block;
}

#identity section {
  width:100%;
  margin: 3em auto 0 auto;
}
#contribution .wrap > ul {
  width:100%;
  margin: 3em auto 0 auto;
}
#contribution .pics ul li {
margin-bottom: 1em;
}

#company .wrap {
    padding: 5em 5%;
}
#company {
    padding: 7vw 0 2vw 0;
    background-image: url("../images/logo_img02.svg");
    background-size: auto 30%;
    background-position: right 5% top 30%;
    background-repeat: no-repeat;
    line-height: 2;
}


#company iframe {
    display: block;
    width:45%;
    height:26vw;
    margin-right: 2em;
    float: left;
}
#contact form {
    width:100%;
    margin: 0 auto 2em auto;
    line-height: 2;
}

footer {
 position:relative;
}

footer nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer nav ul a:link, footer nav ul a:visited {
    padding: 1em 0.5em;
    margin: 0 0;
    display: block;
    font-size: 1.1rem;
}




nav .sp{
display:block;
}

}
/* width 1000px end --------------------------------------------*/

/*---------------------------------------------*
* width 768px
*----------------------------------------------*/
@media screen and (max-width:768px) {
body {
  padding:57px 0 0 0;
}
header.active {
}
header .wrap .logo img{
width:54px;
height:50px;
}

header .wrap .right {
  width:82%;
 	display:flex;
	justify-content:flex-end;
	align-items: center;	 
}
header .wrap .sns_link{
width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .wrap .sns_link img {
}
header .wrap .sns_link img.mail{
width:auto;
height:30px;
}
#humbt {
  float:none;
}
header nav{
		top:43px;
}

section.mv .catch {
}
section.mv div.inner {
    overflow: hidden !important;
    width: 100%;
    max-width: 100%;
    height:auto;
    min-height:inherit;
    max-height:auto;
}
section.mv div.inner img{
width:100%;
object-fit:cover;
object-position:100% 100%;
max-height:inherit;
}

section.mv .catch img{
max-width: 180px;
}

main > section:not(.mv) {
  padding:5vw 0;
}
section:not(.mv) .wrap {
max-width: 100%;
    margin-top:0;
    padding:2.5vw 2% 5vw 2%;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

section h2.subtitle span.fadein {
    height: 20px;
    font-size: 2rem;
}
ul.newslist li {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1em;
  line-height: 1.5;
}
ul.newslist li time{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

#contribution p.catch {
  font-size: 1.6rem;
  text-align: left;
}
#contribution p.catch br{
display: none;
}
#contribution .wrap > ul li{
text-indent: -1em;
margin-left: 1em;
}
#contribution .wrap > ul p.indm {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1em;
}

#contribution .pics ul {
  display: flex;
  justify-content:center;
  align-items: center;
  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
#contribution .pics ul li {
  width:352px;
  height:235px;
}


#business .inner > section {
  width:100%;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#identity section {
  width: 100%;
  margin:12vw auto 0 auto;
  padding:0;
}
#identity p.catch strong {
  font-size:2rem;
}
#identity p.catch {
  font-size: 1.6rem;
}
#identity section h3 {
  font-size: 1.6rem;
}




#company .wrap {
    padding: 5vw 5%;
}
#company table td{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#company table td:nth-of-type(2){
margin-bottom: 1em;
}
#company table td p{
text-indent: -1em;
margin-left: 1em;
}

#company iframe {
    display: block;
    width:100%;
    height:45vw;
    margin:0 0 1em 0;
    float:none;
}
#contact form table td:nth-of-type(2),
#contact form table td:nth-of-type(1) {
    width:100%;
    display: block;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
#contact form table td:nth-of-type(2){
margin-bottom: 2em;
}

footer {
}
footer nav {
display: none;
}

.floatL {
  float:none;
  margin:0 auto 1em auto;
  display: block;
}
#profile .wrap{
text-align: center;
}
#profile .wrap p{
  text-align:left;
}
#profile .wrap p.btn{
text-align: center;
}

#blog ul li{
width:100%;
margin: 1em 0;
}
#blog ul li img{
width:100%;
height: auto;
display: block;
float:none;
margin:0 auto 1em auto;
}


ul.movie_list li {
  width:100%;
  
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 1em;
}

ul.movie_list li .pics {
  margin: 0 auto 1em auto;
}


section.mv .catch{

}
#service section p {
  margin-bottom:0;
  font-size: 1.4rem;
}

}
/* width 768px end --------------------------------------------*/

/*---------------------------------------------*
* width 640px
*----------------------------------------------*/
@media screen and (max-width:640px) {
body{
padding:60.5px 0 0 0;
}
.pc{
display: none;
}
.sp{
display: block;
}
header .wrap .logo {
  min-width:inherit;
}
header .wrap .right {
  width:auto;
}

header .wrap .logo a h1{
display: inline-block;
line-height: 1.25;
font-size: 1.7rem;
font-weight: normal;
}
header .wrap .logo a {
font-size: 1.7rem;
}
header .wrap .logo a h1 span {
display:block;
font-size: 1.1rem;
}
header .wrap .logo a h1 strong {
display:block;
  padding-left:0;
  font-size:3.5vw;
  text-align: center;
}
header .wrap .logo a h1 strong i{
  font-size:4vw;
  font-weight: bold;
}
header .wrap .logo br.sp{
display:block;
}


header .wrap .sns_link span {
  margin-left:0;
  padding: 0;
}

header nav {
  top:60.9px;
  z-index: 999;
}

h3.selectmv{
display:none;
position: fixed;
top:5em;
left:2%;
width: 96%;
height: auto;
z-index: 999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h3.selectmv i{
font-size: 1.2rem;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h3.selectmv form{
display: none;
}
h3.selectmv select{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
}
h3.selectmv span{
margin-bottom: 0.5em;
}
label[for="seck"]{
  display:block;
  font-size: 1.4rem;
  color: #0085D9;
  text-decoration: underline;
}
#seck:checked + h3.selectmv{
display: block;
}

#search_bx .inner {
  padding: 0.5em 0.5em 1.5em 0.5em;
  width: auto;
  height: auto;
  max-width:98%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#search_bx input[type="text"] {
  min-width:70%;
  max-width:70%;
}
#search_bx .submit span{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}

main > section:not(.mv) {
  padding:6vw 0;
}
section:not(.mv) .wrap {
    margin-top:3vw;
    padding:3vw 2%;
}
section.mv div.inner {
  overflow: hidden !important;
  width:96%;
  max-width:96%;
  margin: 0 auto;
  height:auto;
  min-height: inherit;
  max-height:auto;
}
section.mv .logo {

}

section.mv .logo img {
}

ul.movie_list li .pics {
  width: 100%;
  height: auto;
  max-height:inherit;
}
ul.movie_list li .pics img {
  width:100%;
  height:auto;
  object-fit: cover;
  object-position: 50% 50%;
}
ul.movie_list li {
  margin-bottom:2em;
}
table.ta td,
table.ta th {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}

#service section img {
  margin:0 0 1em 0;
  float:none;
  display: block;
  width:100%;
  height: auto;
}
#nagare ul.nagarelist li table td,
#nagare ul.nagarelist li table th {
width: 100%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#nagare ul.nagarelist li table th br{
display: none;
}
#nagare ul.nagarelist li table th{
margin-bottom:0.5em;
}
#nagare ul.nagarelist li table td{
margin-bottom:1.5em;
}

#page-top{
	bottom:5%;
}

#login .inner {
  width: 90%;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#login .inner table {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#login .inner table td {
　width: 100%;
 display: block;
  padding:0 0 0 0;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#login .inner table td input{
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#login .inner table td:nth-of-type(1){
font-size: 1.2rem;
padding-top: 1em;
}

    
}
/* width 640px end --------------------------------------------*/

/*---------------------------------------------*
* width 480px
*----------------------------------------------*/
@media screen and (max-width:480px) {
section.mv .catch {

}
section.mv .catch .txt {
  background-color:transparent;
  padding:1em;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  letter-spacing: 0;
  font-size: 1.6rem;
  text-align: left;
}
section.mv .catch .txt  br{
display: none;
}
}
/* width 480px end --------------------------------------------*/

/*---------------------------------------------*
* width 375px
*----------------------------------------------*/
@media screen and (max-width:375px) {
}