/*

font-family: 'Courgette', cursive; 英語手書き
font-family: 'Noto Serif JP', serif;　日本語・英語明朝

*/


html, body {
	position: relative;
	height: 100%;
	background-color: #ffffff;
    }

.content{
	min-width: 950px;
}

.sp,.sp-new{
	display: none!important;
}

.bnr a img,.linkbnr a img{
	transition: .3s;
}

.bnr a img:hover,.linkbnr a img:hover{
	opacity: 80%;
}

/*　index.html　*/

.navbar{
	z-index: 100;
	padding:20px 0;
	background-color:rgba(255,255,255,0.7);
	transition: background-color 0.2s;
}

.navbar-start{
	margin-left: 10px;
}

.navbar-item,.navbar-link{
	color:black;
	font-size:16px;
	transition: .2s;
}

.navbar-item:hover{
	background-color:rgba(0,0,0,0)!important;
	color:#ff4500 !important;
}

.navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link{
	background-color:rgba(0,0,0,0)!important;
	color:yellow !important;
}

.navbar-link:not(.is-arrowless)::after{
	border-color:white !important;
}

.navbar-item img{
	max-height: 4rem;
}

.navbar-dropdown{
	background-color:rgba(0,0,0,0.7);
	top:100%;
}

.slider1 {
    width: 100%;
    height: 60vh;
}

.slider1 .swiper-wrapper,.slider1 .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bg-1{
	background-image: url("../img/index/slider/slider-01.jpg");
}

.bg-2{
	background-image: url("https://cdn.pixabay.com/photo/2018/02/27/06/30/skyscraper-3184798_1280.jpg");
}

.bg-3{
	background-image: url("https://cdn.pixabay.com/photo/2015/01/08/18/27/startup-593341_1280.jpg");
}

.bg-g{
	position: relative;
}

.bg-g a{
	position: absolute;
	top: 50%;
	left: 50%;
	width:300px;
	height: 60px;
	line-height: 40px;
	text-align: center;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	/*以下装飾*/
	margin:0;/*余計な隙間を除く*/
	font-size: 26px;/*文字サイズ*/
	border: solid white 2px; /*線で囲う*/
	padding: 7px;/*文字と線の間の余白*/
	color: white;/*文字色*/
	text-decoration: none;/*下線を表示させない*/
	transition: .3s;
}

.bg-g a:hover{
	background: rgba( 255, 255, 255, 0.30 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 7.5px );
	-webkit-backdrop-filter: blur( 7.5px );
	border: 2px solid white;
}

.bg-g img {
  width: 100%;
}

@media screen and (min-width:1920px) {
	.slider1{
		max-width: 1920px;
	}
}

.line-friend{
	position: relative;
}

.line-friend .friend{
	position: absolute;
	top: 35%;
	right: 8%;
}

.prmovie-content figure{
	margin:0!important;
}

.prmovie-content p{
	text-align: center;
	color:black;
	transition: .3s;
}

.prmovie-content a:hover p{
	color:orange;
}

.newjob h2,.newjob h4{
	text-align: center;
}

.newjob h4{
	color:orange;
}

.newjob-content .column{
	position: relative;
	overflow: hidden;
}

.newjob-content .newjob-text{
	position: absolute;
	top:70%;
	left: 0%;
}

.newjob-content .newjob-text h3,.newjob-content .newjob-text p{
	color:white;
	padding:5px;
}

.newjob-content .newjob-text h3{
	background-color:black;
	margin-bottom: 5px;
	font-size:16px;
}

.newjob-content .newjob-text p{
	background-color:black;
	font-size:14px;
}

.newjob-content .newjob-text i{
	margin-left: 5px;
	transition: .3s;
}

.newjob-content a:hover p i{
	margin-left: 10px;
	color:orange;
}

.about{
	background-color:#eee;
	padding:5rem 0;
}

.about h2{
	text-align: center;
}

.about img{
	width:50%;
}

.about p{
	font-size:20px;
	line-height:3em;
}

.movie .column{
	text-align: center;
}

.movie h3,.movie p{
	color:white;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.movie a{
	display: inline-block;
	border:1px solid white;
	color:white;
	border-radius: 20px;
	width:40px;
	height:40px;
	line-height: 40px;
	transition: .3s;
}

.movie a:hover{
	color:red;
	background-color:white;
}

.entry h3{
	text-align: center;
}

.entry a{
	display: block;
	width:200px;
	height:40px;
	line-height: 40px;
	border:1px solid black;
	border-radius: 10px;
	color:black;
	background-color:white;
	text-align: center;
	transition: .3s;
	margin:0 auto;
}

.entry a:hover{
	color:#ff4500;
	border: 1px solid #ff4500;
}

.cover_bg{
	background-size: cover;
	background-position:center;
	margin:0 calc(50% - 50vw);
}

.bg-4{
	background-image: url("../img/index/bg-movie.jpg");
}

footer{
	background-color:black !important;
}

footer li{
	display: inline-block;
	padding-right:3px;
}

footer a{
	color:white;
	font-size: 16px;
	transition: .2s;
	text-decoration:underline;
}

footer a:hover{
	color:#ff4500;
	text-decoration: none;
}

footer p{
	color:white;
	margin:5px 0;
}

footer p i{
	margin:0 5px;
}

/* recruit.html */
.sub-fixed{
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    width: 20%!important;
    height: 400px;
    padding: 10px;
    margin: 0;
    line-height: 3;
}

.sub-list{
	background-color:white;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	border-radius: 20px;
	margin-right:60px;
}

.sub-list h3{
	text-align: center;
}

.sub-list h4{
	border-bottom: 1px solid #ff4500;
	padding-bottom: 3px;
	color:#ff4500;
}

.list{
	display: flex;
	flex-direction: column;
}

.list a{
	line-height: 1.4em;
	color:black;
	transition: .3s;
}

.list a:hover{
	color:#ff4500;
}

.recr-01{
	padding:20px;
	margin-bottom: 30px;
	border-radius: 20px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}

.recr-01:not(:last-child){
	margin-bottom: 5rem;
}

.recr-01 h3{
	display: block;
	color:#ed6d35;
	padding:5px 0;
	font-weight: bold;
	font-size:26px;
}

.recr-01 span{
	display: inline-block;
	background-color:#ed6d35;
	color:white;
	width:80px;
	height:80px;
	line-height: 80px;
	border-radius: 80px;
	text-align: center;
	font-size:18px;
	margin-right: 5px;
}

.ab{
	font-size:10px!important;

}

.recrcontent h4{
	font-size:20px;
	line-height: 1.5em;
	margin:0;
}

.recrcontent dt{
	background-color:#ed6d35;
	color:white;
	border-radius: 20px;
	padding:5px 0 5px 10px;
	font-weight: bold;
}

.recrcontent dt i{
	margin-right:5px;
}

.recrcontent dd{
	margin:15px 0;
}

.recr-link{
	display: flex;
	justify-content: center;
	margin:.5em 2em;
}

.recr-link li{
	list-style-type: none;
	margin-right: 20px;
}

.content li+li{
	margin-top:0;
}

.recr-more,.recr-movie{
	display: block;
	color:white;
	width:200px;
	height:40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	transition: .3s;
}

.recr-more i,.recr-movie i{
	padding-left:50px;
}

.recr-more{
	background-color:orange;
	border:1px solid orange;
}

.recr-more:hover{
	background-color:white;
	color:orange;
}

.recr-movie{
	background-color:#ff4500;
	border:1px solid #ff4500;
}

.recr-movie:hover{
	background-color:white;
	color:#ff4500;;
}

/* jobxxx.html 共通 */
.navbar{
	background-color:white;
}

.job-bg{
	background-repeat: no-repeat;
}

.is-medium{
	height:30vh;
}

.title{
	text-align: center;
	color:white;
	text-shadow: 3px 3px 3px rgba(255,255,0,0.3);
	margin-top:70px;
}

.title h2{
	font-weight: bold!important;
}

.job-content h3{
	text-align: center;
	border-top: 1px solid #ff4500;
	border-bottom: 1px solid #ff4500;
	padding:20px 0;
	color:#ff4500;
}

.job-text{
	margin-bottom:10rem;
}

.job-text h4{
	background-color:#ff4500;
	border-radius: 20px;
	color:white;
	padding:10px;
}

.job-text h4 i{
	margin:0 10px;
}

/* entry.html */
.entry h2{
	width:50%;
	margin:0 auto;
}
.mnt{
	text-align: center;
	font-size:30px;
	font-weight: bold;
}

.text{
	width:70%;
	margin:0 auto;
	border:1px solid black;
	padding:20px;
}

.entry-content,.entry-price,.entry-prmovie{
	margin:50px 0;
}

.entry-content ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.entry-content li{
	list-style-type: none;
	margin:0 10px;
	width:200px;
	height:50px;
	line-height: 50px;
	text-align: center;
	background-color:#ed6d35;
	color:white;
	font-weight: bold;
	border-radius: 10px;
}

.entry-content h3,.entry-price h3,.entry-prmovie h3,.sponsor h3{
	font-size:20px;
	margin-bottom: 20px;
}

.price-content h5,.prmovie h5{
	border-bottom: 1px solid black;
	text-align: center;
	padding-bottom: 5px;
}

.price-content p,.prmovie td{
	text-align: right!important;
	font-size: 26px;
}

.prmovie th{
	vertical-align: middle!important;
}

.prmovie td{
	vertical-align: middle;
}

.price-period{
	text-align: center!important;
	font-size:20px!important;
	border:1px solid #ff4500;
	width:200px;
	height:40px;
	line-height: 40px;
	margin:0 auto;
	color:#ff4500;
}

/* contact.html */
.contact-text h3,.pripoli-content h3,.sitemap h3,.entry-content h3,.entry-price h3,.entry-prmovie h3,.sponsor h3{
	text-align: center;
	padding: .5em;
	color:#494949;
	background-color:#fffaf4;
	border-left: solid 5px #ffaf58;
	border-right: solid 5px #ffaf58;
}

.contact-text ul{
	margin:0!important;
}

.contact-text li{
	list-style-type: none;
	padding:4px 0;

}

.contact h4{
	margin: 30px 0;
	border-bottom: 1px solid #ff4500;
	color:#ff4500;
	padding-bottom: 5px;
}

.tel-a{
	font-size:30px;
	font-weight: bold;
}

.tel-a i{
	margin-right:5px;
}

.red{
	margin-left: 5px;
	color:red;
}

/* privacypolicy.html */
.pripoli-content h4{
	border-bottom: 1px solid black;
	padding-bottom: 5px;
}

.pripoli-content ul{
	margin:0;
}

.pripoli-content li{
	list-style-type: none;
}

/* sitemap.html */
.sitemap-content{
	margin:0!important;
	display: flex;
	flex-wrap: wrap;
}

.sitemap-content li{
	list-style-type: none;
	margin:10px!important;
}

.sitemap-content li a{
	display: block;
	width:200px;
	height:40px;
	line-height: 40px;
	text-align: center;
	border:1px solid black;
	color:black;
	transition: .3s;
}

.sitemap-content li a:hover{
	background-color: #ff4500;
	color:white;
}

/* pagetop */
/*パソコン・スマホ共通のCSS*/
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: red; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 50%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
	transition: 0.3s;
}
#PageTopBtn a:hover {
    text-decoration: none;
    background: #ea5506; /*マウスオーバー時の背景色*/
}

/*パソコンで表示する場合のCSS*/
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 25px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 50px; /*ボタンの幅*/
    height: 50px; /*ボタンの高さ*/
    padding: 5px 0; /*文字の配置場所の調整*/
}
}

/*スマホで表示する場合のCSS*/
@media (max-width: 767px) {
#PageTopBtn {
    font-size: 20px;
}
#PageTopBtn a {
    width: 50px;
    height: 50px;
    padding: 8px 0;
}
}

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