/*
Theme Name: isosceles
Author: isosceles
Author URI: isosceles
Description: 
Version: 2025.07
*/

/*-------------------------------
 
reset CSS
 
-------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
table {
border-collapse: collapse;
font-family: inherit;
}
h1, h2, h3, h4, h5 {
font-size: 100%;
font-weight: bold;
line-height: 1.5;
}
input, textarea, select {
font-family: inherit;
font-size: 16px;
}
input[type="button"], input[type="text"], input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
textarea {
resize: vertical;
-webkit-appearance: none;
border-radius: 0;
}
th, td {
border-collapse: collapse;
}
ul, ol {
list-style-type: none;
}
img {
max-width: 100%;
vertical-align: middle; /* or baseline / top / bottom depending on context */
width :auto;
height: auto;
}
div {
box-sizing: border-box;	
}
a {
color: #333;
text-decoration: none;
}
a:hover {
opacity: 0.8;
}
address a {
color: #fff;
}
body {
color: #333;
display: initial;
font-family: "ヒラギノ角ゴ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
font-size: 16px;
line-height: 1.8em;
}
canvas {
display: block;
position: fixed;
top: 0;
width: 100%;
height: 100vh;
z-index: -1;
}

/*-------------------------------
 
header
 
-------------------------------*/
header {
	display: table;
	position: fixed;
	top : 0;
	transition: all 0.3s;
	width: 100%;
	z-index: 1000;
}
header .pc {
	display: table-cell;
	vertical-align: middle;
}
header a {
    display: block;
    width: fit-content;
}
strong {
	font-weight: bold;
}
header .logo {
	position: absolute;
	top: 80px;
	left: 3em;
	width: 200px;
}
header .logo img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
}
header .mb_menu .logo {
	margin-bottom: 3em;
	position: relative;
	top: 0;
	left: 1em;
}
/*メニューボタン*/
.mb_btn {
	background: #333;
	border-radius: 50%;
    cursor: pointer;
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    top: 50px;
    right: 2em;
    z-index: 3000;
}
.mb_btn span {
    background: #fff;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: auto;
    position: relative;
    transition: all .6s;
    width: 28px;
    height: 2px;
}
.mb_btn span:first-child {
    top: 20px;
}
.mb_btn span:nth-child(2) {
    top: 28px;
    left: -4px;
    width: 20px;
}
.mb_btn span:nth-child(3) {
    top: 36px;
}
.mb_btn.active span:first-child {
    top: 23px;
    transform: translateY(6px) rotate(-45deg);
}
.mb_btn.active span:nth-child(2) {
    top: 33px;
    left: 0;
    transform: translateY(-6px) rotate(45deg);
    width: 28px;
}
.mb_btn.active span:nth-child(3) {
    width: 0;
}
@media screen and (max-width: 768px) {
	.mb_btn {
		border-radius: 50%;
		width: 55px;
		height: 55px;
		top: 12.5px;
		right: 1em;
	}
	.mb_btn span {
		width: 25px;
		height: 2px;
	}
	.mb_btn span:first-child {
		top: 17px;
	}
	.mb_btn span:nth-child(2) {
		top: 26px;
		left: -3.5px;
		width: 18px;
	}
	.mb_btn span:nth-child(3) {
		top: 35px;
	}
	.mb_btn.active span:first-child {
		top: 23px;
		transform: translateY(6px) rotate(-45deg);
	}
	.mb_btn.active span:nth-child(2) {
		top: 33px;
		left: 0;
		transform: translateY(-6px) rotate(45deg);
		width: 28px;
	}
	.mb_btn.active span:nth-child(3) {
		width: 0;
	}
}


.mb_menu-box {
	background: rgba(200, 200, 200, .6);
	display: none;
	font-family: sans-serif;
	height: 100vh;
	pointer-events: none;
}
.open .mb_menu-box {
	display: block;
	pointer-events: auto;
}
.mb_menu {
	background: rgba(255, 255, 255, 1.0);
	margin: auto;
	max-width: 480px;
	min-height: 100vh;
	padding: 100px 1em;
	position: relative;
}
.mb_menu ul li a {
    display: block;
    font-weight: bold;
    height: initial;
    width: 100%;
}
.menu01 li {
	padding: .5em 1em;
	width: fit-content;
}
.menu01 li:hover {
	padding: .5em 1em .5em 2em;
	transition: all .6s;
}
.menu01 a:hover {
	color: #20bdffff;
}
.menu02 {
	font-size: .8em;
	margin-top: 5em;
}
.menu02 li {
	text-align: right;
}
.menu02 a {
	display: initial!important;
}
.menu02 a:hover {
	opacity: 1;
	text-decoration: underline;
}
.menu02 li:first-of-type a::after {
	background: url(img/common/container-icon01.png) no-repeat;
	background-size: 16px 16px;
	background-position: center center;
	content: "";
	display: inline-block;
	margin-left: .5em;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
}
.contact-li {
	padding-left: 1em;
}
#animation {
  animation: fade-in 3s;
  animation-fill-mode: forwards;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*-------------------------------
 
footer
 
-------------------------------*/
footer {
	background: #000;
	color: #fff;
}
footer .footer-inner {
	margin: 3em auto 1em auto;
	max-width: 1200px;
	overflow: hidden;
	padding-top: 2em;
	text-align: center;
	width: 90%;
}
footer .logo {
	display: block;
	width: 200px;
}
footer .logo img {
	width: 100%;
	height: auto;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #12d8fa;
}
.footer-nav-box01 {
	display: grid;
	font-size: .9em;
	font-weight: bold;
	grid-template-columns: 1fr 1fr;
	margin-top: 4em;
}
.footer-nav-box01 ul {
	text-align: center;
}
.footer-nav-box01 li {
	padding: 0 .5em;
}
.footer-nav-box02 {
	font-size: .9em;
	margin-top: 2em;
}
.footer-nav-box02 li {
	text-align: right;
}
.footer-nav02-1 {
	position: relative;
}
.footer-nav02-1 a::after {
	background: url(img/common/footer-icon01.png) no-repeat;
	background-size: 16px 16px;
	background-position: center center;
	content: "";
	display: inline-block;
	margin-left: .5em;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
}
.footer-nav02-1 a:hover::after {
	background: url(img/common/footer-icon01-hover.png) no-repeat;
	background-size: 16px 16px;
	background-position: center center;
	content: "";
	display: inline-block;
	margin-left: .5em;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
}
.top-btn {
	position: fixed;
	right: 5px;
	bottom: 5px;
	width: 55px;
	z-index: 1000;
}
.top-btn img {
	width: 100%;
}
.credit {
	color: #fff;
	font-size: 11px;
	line-height: 1.2em;
	padding: 1em 0;
	text-align: center;
}

/*-------------------------------
 
common
 
-------------------------------*/
.mt0 {
	margin-top: 0!important;
}
.mt1em {
	margin-top: 1em!important;
}
.mt2em {
	margin-top: 2em!important;
}
.mt3em {
	margin-top: 3em!important;
}
.mb1em {
	margin-bottom: 1em!important;
}
.mb2em {
	margin-bottom: 2em!important;
}
.mb3em {
	margin-bottom: 3em!important;
}
.pt1em {
	padding-top: 1em!important;
}
.pt2em {
	padding-top: 2em!important;
}
.pt3em {
	padding-top: 3em!important;
}
.alignL {
	text-align: left;
}
.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
}
.pc {
	display: block;
}
.mb {
	display: none;
}
.sp-main {
	display: none;
}
.table-notice {
	display: none;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.wrap {
	margin: auto;
	max-width: 1200px;
	width: 90%;
}
.container-wrapper {
	display: flex;
	font-family: sans-serif;
}
.container {
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
	display: block;
	margin: 80px auto 0 auto;
	max-width: 480px;
    min-height: 50vh;
    overflow: hidden;
    position: relative;
    width: 100%;  
}
.content-wrapper {
	overflow: hidden;
	margin-bottom: 3em;
	min-height: 50vh;
	position: relative;
	z-index: 1;
}
.container-left {
	display: flex;
	flex: 0 0 calc((100vw - 480px) / 2);
	font-size: .9em;
	font-weight: bold;
    position: relative;
    justify-content: center;
}
.container-left-inner {
	display: grid;
	font-weight: bold;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 4em;
	line-height: 2.5em;
	position: fixed;
	top: 70vh;
}
.container-left a {
	position: relative;
	transition: transform 0.5s ease;
}
.container-left a:hover {
	opacity: 1;
}
.container-left a:hover::before {
	background: url(img/common/footer-arrow01.png) no-repeat;
	background-size: 20px 9px;
	content: "";
	display: inline-block;
	position: absolute;
	top: 40%;
	left: -1.8em;
	width: 20px;
	height: 9px;
}
.container-right {
	display: flex;
	flex: 0 0 calc((100vw - 515px) / 2);
	font-size: .9em;
	font-weight: bold;
    order: 3;
    padding-right: 2em;
    position: relative;
    justify-content: right;
}
.container-right .nav {
	position: fixed;
	bottom: 10vh;
}
.container-right li {
	text-align: right;
}
.container-right a:hover {
	text-decoration: underline;
}
.container-nav02-1 a::after {
	background: url(img/common/container-icon01.png) no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	margin-left: .5em;
	position: relative;
	top: 2px;
	width: 1em;
	height: 1em;
}
.breadcrumb {
	font-size: .8em;
}
.breadcrumb p {
	box-sizing: border-box;
	line-height: 1.2em;
	margin: auto;
	padding: .6em 0;
	width: 90%;
}
.sub-main-box {
	position: relative;
	z-index: 1;
}
.sub-main-box::after {
	background: #f2f2f2;
    content: "";
    display: block;
    position: absolute;
    transform: rotate(-10deg);
    top: 0;
    left: -5em;
    width: 800px;
    height: 200px;
    z-index: -1;
}
.hgroup {
	margin: 2em auto;
	width: 90%;
}
.hgroup .title-style01 {
    display: inline-block;
    font-size: 2em;
    line-height: 1em;
    text-align: left;    
}
.btn-style01 {
	background: #fff;
	border: 1px solid #333;
	border-radius: 50px;
	box-sizing: border-box;
	color: #333;
	display: block;
	font-family: sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .1em;
	margin: 0 auto;
	padding: .5em 3em;
	text-align: center;
	transition: all .6s;
	width: fit-content;
}
.btn-style01:hover {
	background: #1fa2ff;
	border: 1px solid #1fa2ff;
	color: #fff;
	letter-spacing: 0;
	transition : .5s;
}
.btn-style01:hover::after {
	background: url(img/common/arrow-btn-hover.svg) no-repeat;
	transition : .5s;
}

/*-------------------------------
 
top
 
-------------------------------*/
.top-hgroup {
	margin: 0 auto 1em auto;
}
.title-style01 {
	background: linear-gradient(90deg, #1fa2ff 0, #12d8fa 50%, #a6ffcb 100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	font-family: "m-plus-rounded-1c", sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: 800;
	margin: auto;
	width: fit-content;
}
.subtitle-style01 {
	font-size: .8em;
	font-weight: bold;
}
.top-hgroup .title-style01, .top-hgroup .subtitle-style01 {
	text-align: center;
}
.home .container {
	border-radius: 40px 40px 0 0;
	margin: 80px auto 0 auto;
}
.box-wrapper {
	margin-bottom: 5em;
	position: relative;
}
.box {
	padding: 0 .5em;
}
.box a:hover {
	opacity: 1;
}
.box a img {
	transition: all .6s;
}
.box a:hover .thumbnail img, .box .sns-box a:hover img {
	transform: scale( 1.1, 1.1);
	transition: all .6s;
}
.thumbnail {
	border-radius: 40px 40px 0 0;
	object-fit: cover;
	overflow: hidden;
}
.txt {
	background: #fff;
	overflow: hidden;
	padding: .5em 1em 1em;
}
.title {
	clear: both;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0 auto 1.5em auto;
}
.content-wrapper .category, .box .category {
	background: #000;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: .7em;
	line-height: 1.8em;
	margin-right: .5em;
	padding: 0 1.2em;
}
.date {
	font-size: .8em;
}
.arrow-btn {
    border-style: none;
    display: block;
    position: absolute;
    bottom: -4em;
    transition: transform .6s ease;
}
.arrow-prev {
	background: url(img/top/slide-arrow.svg) no-repeat;
	content: '';
	display: block;
	position: absolute;
	left: 1em;
	width: 40px!important;
	height: 30px;
}
.arrow-next {
	background: url(img/top/slide-arrow.svg) no-repeat;
	content: '';
	display: block;
	position: absolute;
	left: 8em;
	width: 40px!important;
	height: 30px;
	transform: rotate(180deg);
}
.arrow-prev:hover {
	transform: scale( 1.2, 1.2);
	transition: all .6s;
}
.arrow-next:hover {
	transform: scale( 1.2, 1.2) rotate(180deg);
	transition: all .6s;
}
.slick-num {
	font-size: .8em;
	line-height: 1em;
    position: absolute;
    text-align: center;
    bottom: -3.5em;
    width: 4em;
    left: 4em;
}
.slick-num .slash {
	position: relative;
	top: -1px;
}
.section01 .thumbnail {
	background: #fff;
	aspect-ratio: 3 / 2;
}
.section03::after {
	background: #f2f2f2;
    content: "";
    display: block;
    position: absolute;
    transform: rotate(-10deg);
    top: 2em;
    left: -2em;
    width: 800px;
    height: 180px;
    z-index: -1;
}
.tab_label {
	background: #fff;
	border: 1px solid #1fa2ff;
	border-radius: 30px;
	box-sizing: border-box;
	color: #1fa2ff;
	display: inline-block;
	font-size: .9em;
	margin-bottom: .5em;
	margin-right: .5em;
	padding: 0 1em;
}
.tab_label:hover {
	background: #12d8fa;
	border: 1px solid #12d8fa;
	color: #fff;
	cursor: pointer;
}
.label_active {
	background: #1fa2ff;
	border: 1px solid #1fa2ff;
	color: #fff;
}
.tab {
	display: none;
}
.tab_active {
    display: block;
}
.section01, .section02, .section03, .section04, .section05 {
	overflow: hidden;
	padding: 2em 0 3em 0;
	position: relative;
	z-index: 1;
}
.section01 {
	margin-top: 2em;
}
.section01::after {
	background: #f2f2f2;
    content: "";
    display: block;
    position: absolute;
    transform: rotate(-10deg);
    top: 2em;
    left: -5em;
    width: 800px;
    height: 500px;
    z-index: -1;
}
.section01 .box a {
	border: 1px solid #cdcdcd;
	border-radius: 40px 40px 0 0;
	display: block;
}
.section01 .box a img {
	object-fit: cover;
    width: 100%;
    height: 430px;
}
.section02 .category-box {
	margin-bottom: 1em;
}
.section02 .category-box li {
	background: ;
}
.section02 .txt {
	border-bottom: 1px solid #cdcdcd;
	padding: 1em 0;
}
.section02 .date {
	display: inline;
}
.section02 .category {
	background: #707070;
    border-radius: 20px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: .7em;
    line-height: 2em;
    margin-left: .5em;
    padding: 0 1.2em;
}
.section02 .title {
    clear: both;
    display: block;
    font-size: .9em;
    font-weight: bold;
    margin: 1em auto 0 auto;
}
.section02 .btn-style01, .section03 .btn-style01 {
	margin-top: 2em;
}
.section04 .thumbnail {
	aspect-ratio: 8 / 5;
	border-radius: 40px;
}
.section04 .txt {
	padding: .5em 0 1em 0;
}
.section04 .date {
	float: right;
}
.section05 {
	margin-bottom: 5em;
}
.section05 .box-wrapper {
	display: grid;
	grid-gap: .5em;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 2em;
}
.section05 .box {
	outline: 1px solid #cdcdcd;
	border-radius: 20px;
	padding: 0 0 1em 0;
}
.section05 .txt {
	padding: .5em;
}
.section05 .category {
	background: #707070;
}
.section05 .thumbnail {
	aspect-ratio: 100 / 129;
	border-radius: 20px 20px 0 0;
}
.sns-box {
    display: flex;
    grid-gap: 0 .5em;
    grid-template-columns: 1fr 1fr 1fr;
    margin: auto;
    width: fit-content;
}
.sns-box a, .sns-box img {
	display: block;
	width: 2em;
	height: 2em;
}

/*-------------------------------
 
archive / single
 
-------------------------------*/
.archive .tab-label-box {
	margin-bottom: 2em;
}
.archive .box {
	margin-bottom: 1em;
}
.archive .box .thumbnail {
	aspect-ratio: 3 / 2;
}
.archive .box .category {
	margin-right: .5em;
}
.archive .box .date {
	float: right;
}
.post-type-archive-post .txt, .category .txt {
	background: none;
	border-bottom: 1px solid #cdcdcd;
    padding: 1em 0;
}
.post-type-archive-post .date {
    display: inline;
}
.post-type-archive-post .category {
    background: #707070;
    border-radius: 20px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: .7em;
    line-height: 2em;
    margin-left: .5em;
    padding: 0 1.2em;
}
.post-type-archive-post .title {
    clear: both;
    display: block;
    font-size: .9em;
    font-weight: bold;
    margin: 1em auto 0 auto;
}
.post-type-archive-topics .box:nth-of-type(5), .post-type-archive-topics .box:nth-of-type(6), .post-type-archive-topics .box:nth-of-type(7), .post-type-archive-topics .box:nth-of-type(8), .post-type-archive-topics .box:nth-of-type(9), .post-type-archive-topics .box:nth-of-type(10) {
	box-sizing: border-box;
	float: left;
	overflow: hidden;
	width: 50%;
}
.post-type-archive-topics .box a {
	border: 1px solid #cdcdcd;
	border-radius: 40px 40px 0 0;
	display: block;
	min-height: 260px;
}
.post-type-archive-topics .box a img {
	object-fit: cover;
    width: 100%;
    height: 430px;
}
.post-type-archive-topics .txt {
	background: none;
	padding: .5em 1em;
}
.post-type-archive-topics .txt:nth-of-type(5) .txt, .post-type-archive-topics .box:nth-of-type(6) .txt, .post-type-archive-topics .box:nth-of-type(7) .txt, .post-type-archive-topics .box:nth-of-type(8) .txt, .post-type-archive-topics .box:nth-of-type(9) .txt, .post-type-archive-topics .box:nth-of-type(10) .txt {
	padding: .5em;
}
.post-type-archive-topics .box:nth-of-type(5) .date, .post-type-archive-topics .box:nth-of-type(6) .date, .post-type-archive-topics .box:nth-of-type(7) .date, .post-type-archive-topics .box:nth-of-type(8) .date, .post-type-archive-topics .box:nth-of-type(9) .date, .post-type-archive-topics .box:nth-of-type(10) .date {
	display: block;
    width: 100%;
    text-align: right;
    margin-top: .5em;
}
.post-type-archive-works .box {
	position: relative;
}
.post-type-archive-works .box:nth-of-type(5) a, .post-type-archive-works .box:nth-of-type(6) a, .post-type-archive-works .box:nth-of-type(7) a, .post-type-archive-works .box:nth-of-type(8) a, .post-type-archive-works .box:nth-of-type(9) a, .post-type-archive-works .box:nth-of-type(10) a,
.tax-works_category .box:nth-of-type(5) a, .tax-works_category .box:nth-of-type(6) a, .tax-works_category .box:nth-of-type(7) a, .tax-works_category .box:nth-of-type(8) a, .tax-works_category .box:nth-of-type(9) a, .tax-works_category .box:nth-of-type(10) a
 {
	border-bottom: 1px solid #cdcdcd;
	display: grid;
	grid-gap: 0 1em;
    grid-template-columns: 1fr 1.2fr;
    padding-bottom: 1em;
}
.post-type-archive-works .thumbnail, .tax-works_category .thumbnail {
	border-radius: 0;
}
.post-type-archive-works .txt, .tax-works_category .txt {
	padding: .5em 0;
}
.post-type-archive-works .category, .tax-works_category .category {
	background: #fff;
	border: 1px solid #000;
	color: #000;
}
.post-type-archive-works .title, .tax-works_category .title {
	margin: 1em 0 0;
}
.post-type-archive-works .box:nth-of-type(5) .date, .post-type-archive-works .box:nth-of-type(6) .date, .post-type-archive-works .box:nth-of-type(7) .date, .post-type-archive-works .box:nth-of-type(8) .date, .post-type-archive-works .box:nth-of-type(9) .date, .post-type-archive-works .box:nth-of-type(10) .date,
.tax-works_category .box:nth-of-type(5) .date, .tax-works_category .box:nth-of-type(6) .date, .tax-works_category .box:nth-of-type(7) .date, .tax-works_category .box:nth-of-type(8) .date, .tax-works_category .box:nth-of-type(9) .date, .tax-works_category .box:nth-of-type(10) .date {
	position: absolute;
	bottom: 0;
	right: 1em;
}
.post-type-archive-talent .tab_active .tab_inner, .tax-talent_category .tab_active .tab_inner {
	display: grid;
	grid-gap: .5em;
	grid-template-columns: 1fr 1fr;
}
.post-type-archive-talent .box, .tax-talent_category .box {
    border: 1px solid #cdcdcd;
    border-radius: 20px;
    padding: 0 0 1em 0;
}
.post-type-archive-talent .box .thumbnail, .tax-talent_category .thumbnail {
    aspect-ratio: 100 / 129!important;
    border-radius: 20px 20px 0 0;
}
.post-type-archive-talent .txt, .tax-talent_category .txt {
    padding: .5em;
}
.post-type-archive-talent .category, .tax-talent_category .category {
    background: #707070;
}
.single-box {
	margin-bottom: 3em;
}
.single-box .txt {
	background: none;
	padding: 0;
}
.single-box .date {
	float: right;
}
.single-box .title {
	font-size: 1.2em;
	margin: 1em 0;
}
.single-box .thumbnail {
	border-radius: 0;
	margin-bottom: 1em;
}
.single-box .sns-box {
	margin-top: 5em;
}
.single-box .sns-box a {
	transition: all .6s;
}
.single-box .sns-box a:hover {
	transform: scale( 1.2, 1.2);
	transition: all .6s;
}
.single-box .btn-style01 {
	margin: 3em auto 0 auto;
}
.wp-pagenavi {
	margin-top: 3em;
	position: relative;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: none!important;
}
.previouspostslink, .nextpostslink {
	position: absolute;
	top: 0;
	width: 1em;
	height: 1em;
}
.previouspostslink {
	left: .5em;
}
.nextpostslink {
	right: .5em;
}
.previouspostslink::after, .nextpostslink::after {
	background: url(img/top/slide-arrow.svg) #fff no-repeat;
	box-sizing: border-box;
	content: "";
	display: inline-block!important;
	padding: 0 .5em;
	position: absolute;
	top: 0;
	width: 2em;
	height: 1.5em;
	z-index: 100;
}
.previouspostslink::after {
	left: 0;
}
.nextpostslink::after {
	right: 0;
	transform: rotate(180deg);
}

/*-------------------------------
 
talent
 
-------------------------------*/
.single-talent .category {
	background: #707070;
}
.single-talent .thumbnail {
	margin-top: 1em;
}
.app-box, .detail-box {
	margin-top: 1em;
}
.app-box h2 {
	font-size: 1.1em;
	margin-bottom: 1em;
	text-align: center;
}
.app-box a {
	display: block;
	margin: auto;
	max-width: 150px;
	position: relative;
	transition: all 0.6s 0s ease;
	top: 0;
	width: 30%;
}	
.app-box a:hover {
	transition: all .6s;
	top: -.5em;
}
.detail-box h2 {
	border-bottom: 2px solid #333;
	font-size: 1.1em;
	margin: 2em auto .5em auto;
	padding-bottom: .5em;
}

/*-------------------------------
 
contact
 
-------------------------------*/
.wpcf7 label {
	display: inline-block;
	line-height: 1em;
	margin: .8em auto .5em auto;
	width: 100%;
}
.wpcf7 .address {
	font-size: .9em;
	margin-top: 0;
}
.wpcf7 input[type="text"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] {
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	box-sizing: border-box;
	margin: 0 auto .5em auto;
	width: 100%;
	height: 2.5em;
    padding: 0 10px;
}
.wpcf7 textarea {
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	box-sizing: border-box;
	margin: .3em auto .5em auto;
	width: 100%;
}
input::placeholder,
textarea::placeholder {
  color: #999;
  opacity: 1;
}

/* Firefox */
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}

/* Internet Explorer 10–11 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

/* Microsoft Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #999;
}
input[type="submit"] {
  	appearance: none;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	border-radius: 30px;
  	letter-spacing: .1em;
  	margin: 3em auto 1em auto;
  	padding: .5em 2em;
  	/*width: 35%;*/
}
span.wpcf7-spinner {
  	display: none;
}
.wpcf7-list-item {
	font-size: .9em;
	margin: .5em 1em 0 0!important;
}
.wpcf7-list-item label {
	margin-top: 0;
}
.required {
	background: #333;
	border-radius: 20px;
	color: #fff;
	font-size: .6em;
	margin: 0 1em 1em 1em;
	padding: .25em 1em .4em 1em;
	position: relative;
	top: -3px;
}

/*-------------------------------
 
privacy
 
-------------------------------*/
.wp-block-list { padding-left:1em;}
.wp-block-list li { list-style:initial;}

@media (orientation: landscape) and (max-height: 450px) {
.mb_menu {
	box-sizing: border-box;
	height: 200px;
	overflow-y: scroll;
}
.container-left, .container-right {
	display: none;
}
}

@media screen and (max-width: 1024px) {
.container-left, .container-right {
	display: none;
}
}

@media screen and (max-width: 768px) {
header .nav-box {
	background: rgba(255, 255, 255, .5);
    height: 80px;
}
header .logo, header .mb_menu .logo {
	position: absolute;
	top: 15.5px;
    left: 1.5em;
    width: 165px;
}
.mb {
	display: block;
}
.menu01 {
	margin-top: 5em;
}
.container-wrapper {
	display: block;
}
}