/*contact*/
.page-id-2554 .playey-date,.page-id-2568 .playey-date,.page-id-2570 .playey-date{
  display: none;
}

.page-id-2554 footer.l-footer,.page-id-2568 footer.l-footer,.page-id-2570 footer.l-footer{
  display: none
}

.wrap {
    margin: 0 auto;
    max-width: 1400px;
    position: relative;
  padding-top: 150px;
}

.ct-toggle {
	padding-bottom: 55px;
}
.fc-confirm .ct-toggle {
	margin-top: 50px;
	display: none;
}
.fc-confirm .c-note-1 {
	display: none;
}

#mail .row {
	display: table;
	width: 100%;
}
#mail .row > .col {
	display: table-cell;
	width: 700px;
}/*
#mail .col-2 + .col-2 {
	padding-left: 20px;
	margin-left:10px;
	border:1px dotted #fff;
}*/
/*
@media screen and (max-width: 768px) {
#mail .col-2 + .col-2 {
	padding-left: 0px!important;
	margin-left:0px!important;
	border:1px dotted #f00;
	overflow: hidden;
	z-index: auto;
}
}*/
#mail .mark-require {
	color: #e60012!important;
	line-height: 0;
	font-size: 15px;
	padding-left: 9px;
}
#mail .caption {
	padding: 3px 10px 0px 0;
	line-height: 25px;
}
#mail .input {
	padding: 5px 0px 5px 0;
}
#mail .submit {
	/*	padding-left: 26.5%!important;*/
	text-align: center;
}


#mail .caption {
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic,
		"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M",
		"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 14px;
}
#mail input,
#mail textarea {
	line-height: 1.2;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 120%;
}
#mail input {
	line-height: 1.4285714285714;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
#mail input[type="text"],#mail input[type="email"] {
	width: 100%;
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 28px 28px 15px;
	color: #000;
	position: relative;
}
::placeholder {
	position: relative;
	top: 0;
	color: #999;
	opacity: 0.4 !important;
	font-size: 100%;
	line-height: 100%;
	display: block !important;
	overflow: visible;
}
::-ms-input-placeholder {
	color: #999;
	opacity: 0.4 !important;
	font-size: 100%;
	line-height: 100%;
	display: block;
	overflow: visible;
	padding: 0;
}
:-ms-input-placeholder {
	color: #999;
	opacity: 0.4 !important;
	font-size: 100%;
	line-height: 100%;
	display: block;
	overflow: visible;
	padding: 0;
}
html:not(.responsive) {
/*min-width: 1000px;  viewport */
}
/*@font-face {
	font-family: "noto-M";
	src: url("https://superball.jp/fonts/NotoSansCJKjp-M.woff2") format('woff2'), url("https://superball.jp/fonts/NotoSansCJKjp-M.woff") format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
.noto-M {
	font-family: "noto-M";
	font-weight: 500;
}
@font-face {
	font-family: "noto-L";
	src: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/NotoSansCJKjp-L.woff2") format('woff2'), url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/NotoSansCJKjp-L.woff") format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
.noto-L {
	font-family: "noto-L";
	font-weight: 700;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}*/
/*=============================================
 * body
 *=============================================*/
body {
	color: #000;
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-feature-settings: 'pwid';
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.07rem;
	background: #FFF;
	min-width: inherit;
	min-height: inherit;
	-webkit-font-smoothing: antialiased;
	max-height: 100%;
}
/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/

.fnt-mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/*=============================================
 * .fnt - customs
 *=============================================*/

.fnt-mincho {
}
.fnt-meiryo {
}
.fnt-gothic {
}
.fnt-garamond {
}
/*=============================================
 * <main>
 *=============================================*/
a:focus, *:focus {
	outline: none;
}
a[href^="tel:"] {
	pointer-events: none;
	cursor: text;
}

@media screen and (max-width: 767px) {
a[href^="tel:"] {
	pointer-events: auto;
	cursor: pointer;
}
}
main {
	clear: both;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.wrap {
	width: 1400px;
}


/*
main {
	opacity: 0 !important;
  -webkit-transition: opacity .15s ease-in-out 0.25s;
	-moz-transition: opacity .15s ease-in-out 0.25s;
	-ms-transition: opacity .15s ease-in-out 0.25s;
	-o-transition: opacity .15s ease-in-out 0.25s;
	transition: opacity .15s ease-in-out 0.25s;
}
.pace-done main {
	opacity: 1 !important;
} 
*/
/*=============================================
 * <header>
 *=============================================*/

header {
	height: 95px;
	position: relative;
	z-index: 678;
}

@media only screen and (min-width:960px) and (max-width:1100px) {
/*tablet用のcssを記述*/
nav ul li a {
	padding: 0 10px!important;
	font-size: 13px!important;
	font-weight: bold;
	color: #000;
}
header h1 {
	width: 200px!important;
	position: fixed;
	z-index: 888;
	top: 15px;
	left: 20px;
}
header .lg {
	/*display:none;*/
	position: absolute;
	top: 43px;
	right: 25px!important;
	width: 77px;
	z-index: 305;
	height: 30px;
	font-weight: bold;
	text-align: center;
}
}
header .h_button {
	position: fixed;
	top: 0;
	right: 10px!important;
	z-index: 306;
	font-family: Helvetica,"Helvetica Neue","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
	font-size: 14px!important;
	line-height: 100%!important;
	background-color: #f00;
	letter-spacing: 0em;
}
header .h_button li {
	float: left;
	position: relative;
	padding: 8px 20px 0!important;
}
header h1 {
	width: 230px;
	position: fixed;
	z-index: 888;
	top: 22px;
	left: 30px;
}
header .logo {
}
header .tel {
}
header {
	margin-bottom: 50px;
}
section.nav-target {
	/*padding-top: 50px;*/
}
header .h_button {
	position: fixed;
	top: 0;
	padding: 0px 0 0 0;
	right: 10px;
	z-index: 306;
	font-family: Helvetica,"Helvetica Neue","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
	font-size: 14px;
	line-height: 20px;
	background-color: #fff;
	letter-spacing: 0em;
}
header .h_button li {
	float: left;
	position: relative;
	padding: 0 20px;
}
header .h_button li a {
	color: #000;
	font-weight: bold;
	transition: all 0.3s ease;
}
header .h_button li a:hover {
	color: #919395;
	text-decoration: none;
}
header .h_button li + li {
	border-left: 1px solid rgba(145, 147, 149);
}
header .lg {
	/*display:none;*/
	position: fixed;
	top: 35px;
	right: 5px;
	width: 77px;
	z-index: 305;
	height: 30px;
	font-weight: bold!important;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
}
header .lg::after {
      display:none!important;

	/*content: "";
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_lg.png") no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 10px;
	height: 18px;
	position: absolute;
	top: 7px;
	right: -5px;*/
}
.works-template-default header .lg::after {
  display:none!important;
 /* 	content: "";
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_lg.png") no-repeat top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 10px;
	height: 18px;
	position: absolute;
	top: 7px;
	right: -5px;*/
}
.works-template-default header .lg{
    	right: -5px;
}
header .lg select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
	border: 0 !important;
	background-image: none;
	font-weight: bold!important;
	padding: 5px 13px;
	width: 82px;
	background: none;
}

/* Remove IE arrow */
header .lg select::-ms-expand {
 display: none;
}
/* Transition */
header .lg select:hover::after {
}
header .lg a {
}
header .hbg {
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 95px;
	z-index: 106;
}
header nav {
	/*	position: absolute;
	top: 36px;
	*/
	position: relative;
	top: 30px;
	left: 0;
	right: 0;
	line-height: 40px;
	text-align: right;
	z-index: 300;
	font-family: Helvetica,"Helvetica Neue","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
	font-size: 15px;
	letter-spacing: 0em;
}
.home header nav ul {
	display: inline-block;
	text-align: center;/*	width:100%;*/
}
.home header nav ul li a {
	padding: 0 21px;
	font-size: 17px;
	font-weight: bold;
	color: #000;
}
header nav ul {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}
header nav ul li {
	display: inline-block;
}
header nav ul li.lst_mn {
	position: static;
}
header nav ul > li {
	padding: 0px 0 0px;
	position: relative;
	z-index: 5;
}
header nav ul li.active {
	background: #fff;
}
header nav ul li.active > a {
	font-weight: bold!important;
}
header nav ul li a {
	padding: 0 21px;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	transition: all 0.3s ease;
}
header nav ul li.active a {
	text-decoration: none;
	color: #919395;
}
header nav ul li:hover a {
	text-decoration: none;
	color: #919395;
}
header nav ul.sub {
	position: relative;
	padding-left: 0px;/*padding-right: 110px;*/
}
header nav ul.sub li {
	display: inline-block;
	white-space: nowrap;
}
.sub_page header nav {
	text-align: center;
}
.sub_page header nav ul.sub {
	display: none;
}
/*header nav ul ul.sub a {
	float: left;
}*/
.drop {
/*	overflow: hidden;*/
	pointer-events: none;
}
.drop.active{
	pointer-events: auto;
}
.drop div {
	-webkit-transform: translate(0, -205%);
	-moz-transform: translate(0, -205%);
	-ms-transform: translate(0, -205%);
	transform: translate(0, -205%);
	-webkit-transition: all ease 0.6s;
	-moz-transition: all ease 0.6s;
	-ms-transition: all ease 0.6s;
	transition: all ease 0.6s;
	background: #fff;
	padding-bottom: 10px;
    position: relative;
    z-index: 999;
}

.tax-works-category  .lst_mn .drop {
	pointer-events: auto;
}
.tax-works-category  .lst_mn:hover .drop.active div,
.tax-works-category  .lst_mn:hover .drop div,
.tax-works-category .drop div,
.tax-works-category .drop.active div {
	-webkit-transform: translate(0, 0%)!important;
	-moz-transform: translate(0, 0%)!important;
	-ms-transform: translate(0, 0%)!important;
	transform: translate(0, 0%)!important;
	-webkit-transition: all ease 0.6s;
	-moz-transition: all ease 0.6s;
	-ms-transition: all ease 0.6s;
	transition: all ease 0.6s;
	background: #fff;
	padding-bottom: 10px;
    position: relative;
    z-index: 999;
}

header nav ul li.lst_mn div {
}

header nav ul li.lst_mn:hover div {
/*
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	transform: translate(0, 0%);
*/
/*
	opacity: 1;
	visibility: visible;
*/
}

header nav ul.sub li a {
	color: #919395;
	font-size: 14px;
	font-weight: bold;
	padding: 0 11px;
}
header nav ul li.lst_mn ul.sub_f li a, header nav ul.sub li.active a {
	display: inline-block;
}
header nav ul li.lst_mn ul.sub_f li a.parent {
	padding-left: 20px!important;
	margin-right: 0px;
}
header nav ul.sub li.active a {
}
header nav ul li.lst_mn ul.sub_f {
	display: block;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    height: 50px;
    overflow: hidden;
}
header nav ul li.lst_mn:hover ul.sub_f {
	opacity: 1;
	visibility: visible;
/*	height: 45px;*/
	
}
header nav ul li.lst_mn ul.sub_f li {
	display: inline-block;
	white-space: nowrap;
	padding: 0;
}
header nav ul li.lst_mn ul.sub_f ul {

}
header nav ul li.lst_mn ul.sub_f li a {
	font-size: 14px;
	font-weight: bold;
	padding: 0 11px;
	color: #919395;
}
header nav ul li.lst_mn ul.sub_f li.active a {
	color: #000!important;
	display: inline-block;
}
header nav ul li.lst_mn ul.sub_f li:hover a {
	color: #000!important;
}
header nav ul li.lst_mn ul.sub_f > li > a, header nav ul.sub > li > a {
	color: #919395;
	position: relative;/*	font-weight: bold;*/
	display: inline-block;
	float: left;
	margin-left: -15px;
	padding-top: 2px;
}
.has_nav header nav {
/*	top: 32px;*/
}
.has_nav header nav ul li.lst_mn ul.sub_f {
/*	top: 33px;*/
}
/*header nav ul.sub > li > a::before {
	content: "\002F";
	position: absolute;
	top: -12px;
	left: -15px;
	color: #000;
	font-size: 28px;
	transform: rotate(11deg);
	font-weight: normal;
	
}*/
/*

header nav ul.sub {
	display: none;
	position: fixed;
	top: 75px;
	left: 0;
	right: 0;
}
body.nav_hover header nav ul.sub {
	display: block;
}
body.nav_hover.has_nav header nav ul.sub {
	top: 55px;
}
.has_nav header nav {
	top: 20px;
}
*/
/*=============================================
 * key
 *=============================================*/

#key {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 500px;
	position: relative;
}
#key ul {
	min-height: inherit;
}
#key li {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*=============================================
 * <section>
 *=============================================*/

section {
}
/*=============================================
 * <footer>
 *=============================================*/

footer {
	padding: 105px 30px 20px;
	position: relative;
	font-size: 13px;
	z-index: 600;
}

/*
.home footer {
	padding: 115px 30px 20px;
}
*/
/*
.home footer {
	padding: 30px 30px 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
}
*/
/*.tax-works-category footer,*/
.tax-works-category footer {
	padding: 30px 30px 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
}
footer .footer-address{
    min-height:30px;
    display:block;
    vertical-align: middle;
}
footer .logo {
	width: 150px;
  display: flex;
	margin-top: -30px!important;
	margin-bottom: 0px!important;
	margin-right: 20px;
	float: none!important;
    display:inline-block!important;
	vertical-align: middle!important;
}
footer .logo img.superball{
  width: 122px;
   margin-right: 20px;
}
footer .logo img.kiiro{
  width: 122px
}

footer .f_other {
	position: absolute;
	bottom: 23px;
	right: 30px;
	font-size: 13px;
	letter-spacing: 0em;
	font-family: Helvetica,"Helvetica Neue","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Arial, "sans-serif";
    z-index: 10000
}
footer .f_other p {
	display: inline-block;
	letter-spacing: 1px;
}
footer .tel {
}
footer nav {
}
footer .f_other address {
	display: inline-block;/*	padding-left: 39px;*/
}
footer .f_m{
    display: inline-block;
}
footer ul{
    margin-top:5px!important;
}
.f_m ul li{
    vertical-align: middle;
    line-height: 100%;
}

/*=============================================
 * .socialbuttons
 *=============================================*/

footer .socialbuttons {
}
/*=============================================
 * copyright
 *=============================================*/

address {
}
 @-webkit-keyframes sonarEffect {
 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
 opacity: 0;
}
}
@-moz-keyframes sonarEffect {
 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
 -moz-transform: scale(1.5);
 transform: scale(1.5);
 opacity: 0;
}
}
@keyframes sonarEffect {
 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
 transform: scale(1.5);
 opacity: 0;
}
}
.pagination li a:hover {
	color: #000;
}
.pagination a, .pagination a:visited {
	color: #000;
	transition: all 0.3s ease;
}
.pagination .current, .pagination a:visited, .pagination a:hover {
	font-weight: bold;
	color: #919395;
	
}
.pagination li.selected {
/*
	color: white;
	line-height: 20px;
	background: rgb(53,121,214);
*/
}
.pagination li.selected:hover {
	cursor: default;
}
.pagination li:hover {
}
.pagination {
	padding: 0px;
	margin: 0px auto;
	font-size: .8em;
	font-family: Helvetica,"Helvetica Neue","Trebuchet MS", Arial, sans-serif;
	text-align: center;
	letter-spacing: 0em;
}
.pagination ul {
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}
.pagination span, .pagination a {
	display: inline-block;
	margin: 0 8px;
	cursor: pointer;
	line-height: 20px;
	padding: 5px;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
}

.pagination a.first_link,
.pagination a.prev_1_page_link,
.pagination a.next_1_page_link,
.pagination a.last_page_link {
    color: transparent;
    padding: 15px 0;
    font-size: 0;
	margin:0 15px;
}
.pagination a.first_link {
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/first_link@2x.svg") no-repeat center;
	width: 14px;
	height: 10px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.pagination a.prev_1_page_link {
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/prev_1_page_link@2x.svg") no-repeat center;
	width: 8px;
	height: 10px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.pagination a.next_1_page_link {
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/next_1_page_link@2x.svg") no-repeat center;
	width: 8px;
	height: 10px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.pagination a.last_page_link {
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/last_page_link@2x.svg") no-repeat center;
	width: 14px;
	height: 10px;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
/*
.pagination .next a:after, .pagination .last a:after {
	content: " »";
}
.pagination .first a:before, .pagination .previous a:before {
	content: '« '
}
*/
.toggleMenu {
	display: none;
}

@media only screen and (max-width: 1550px) {
.wrap {
	width: auto;
	padding: 90px 10%;
}
header nav ul li a {
	padding: 0px 12px!important;
}
header h1 {
	top: 17px;
	left: 20px;
}
header nav {
	text-align: center;
	line-height: 30px;
	top: 32px;
	left: 0px;
}
header nav ul li.lst_mn ul.sub_f {

}
header .hbg {
/*	height: 110px;*/
}
header nav ul.sub {
	display: block;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
header nav ul.sub > li > a::before {
	display: none;
}
}

@media only screen and (max-width: 1000px) {
.wrap {
	width: 85%;
	padding: 0%;
	margin: 0 auto;
}
}

@media only screen and (max-width: 800px) {
/*
.wrap {
	padding: 0 6%;
}
*/
}

.translated-ltr .pager-other > p,
.translated-ltr .category .item h3,
.translated-ltr body {
	letter-spacing: 0;
}


@media all and (max-width: 1560px) and (min-width: 1025px) {
  
  
	body {
		font-size: 100%;
	}
	body.single-works,
	body.single-project,
	body.single-post {
		font-size: 14px	;
	}
/*
	.category-details .title h3 {
		font-size: 31px;
	}
*/
	
	.btn a {
		font-size: 17px;
	}
	#content .detail-2 dl dd,
	.pager-other p.btn a {
		font-size: 18px;
	}
	.pager-other p {
		font-size: 16px;
	}
	#content .detail-2 dl dt {
		font-size: 28px;
	}
}

@media all and (max-width: 1000px) and (min-width: 768px) {
	body.single-works,
	body.single-project,
	body.single-post,
body {
	font-size: 80%;
}
/*
	.wrap {
		padding: 0 12.5%;
	}
*/
.btn a {
	font-size: 15px;
}
header .h_button {
	right: 20px;
}
footer .f_other {
	position: relative;
	text-align: left;
	right: auto;
	bottom: auto;
	font-size: 12px;
}
}
.toggleMenu {
	display: none;
	z-index: 203;
	position: absolute;
	top: 13px;
	right: 15px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	background: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	body {
	font-size: 80%;
}
footer {
	padding: 70px 20px 18px;
}
footer .f_other {
	position: relative;
	text-align: left;
	right: auto;
	bottom: auto;
	padding-top: 10px;
}
footer .f_other address {
	display: block;
	padding-left: 0;
	text-align: left!important;
	line-height: 1.6;
}
	.btn a {
		font-size: 14px;
	}
	
	.f_m p,
	footer .logo {
		display: none;
	}
header .lg{
    	right: 30px!important;
        background:transparent!important;
}

    .works-template-default header .lg{
    	right: 30px!important;
        background:transparent!important;
}
    
    .works-template-default header .lg::after {
        background:transparent!important;
}
	
}
/* gnav */
#header .header_menu {
	position: absolute;
	right: 2%;
	top: 0;
	display: none;
}
.gnavl {
	background-color: #F6F5F4;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	display: none;
}
.gbar {
	height: 77px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	display: none;
	z-index: 102;
}
#header .header_menu .nav_left {
	float: left;
	width: 55%;
}
#header .header_menu .nav_right {
	float: right;
	width: 40%;
}

@media screen and (max-width: 1080px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 999px) {
.nav-fixed.fixed {
	height: 0;
}
header .lg, #header .header_menu {
	display: block;
}
header .lg {
	/*display: none;*/
	top: 29px;
	right: 101px;
	z-index: 205;
    position: fixed!important;
}
.has_nav header .lg {
	    position: fixed!important;
}
header .h_button, header nav {
	display: none;
}
header {
	margin-bottom: 0;
}
main {
	padding-top: 125px;
}
section.nav-target {
	/*padding-top: 125px;*/
}
#header .header_menu {
	padding-bottom: 0;
}
#header {
	position: fixed;
	top: 0 !important;
}
#header .wrap {
	padding: 0;
}
#header .header_menu {
	padding-bottom: 0;
	text-align: center;
	background-color: transparent;
	height: auto;
	position: relative;
	float: none;
	clear: both;
	margin-right: 0;
}
#header .right_box, #header .g_nav {
	display: none;
}
#header .box_nav {
	overflow: scroll;
	height: 100vh;
	background: #fff;
}
#header h1 img {
	width: 100%;
	max-width: 100%;
}
#header h1 a:hover {
	text-decoration: none;
}
.h_right .h_group {
	display: none;
}
.h_right {
	float: none!important;
	padding-top: 0!important;
}
#header .header_menu {
	right: 0!important;
	bottom: 0px!important;
}
#header .header_menu {
	height: auto!important;
}
#header .toggleMenu {
	display: block;
}
.toggleMenu {
	position: absolute;
	top: 23px;
	right: 20px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
}
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 100%;
	height: 100%;
}
.menu-trigger:after {
	content: "MENU";
	line-height: 1;
	font-size: 10px;
	letter-spacing: 0.17em;
	font-weight: bold;
	margin-top: 30px;
	color: #00a0da;
	margin-left: 0px;
	display: none;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #00a0da;
}
#header .toggleMenu .menu-trigger img {
	position: absolute;
	top: 0;
	right: 0px;
	width: 100%;
}
#header .toggleMenu.active .menu-trigger img.sp_off, #header .toggleMenu .menu-trigger img.sp_on {
	opacity: 0;
}
#header .toggleMenu.active .menu-trigger img.sp_on {
	opacity: 1;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.toggleMenu.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.toggleMenu.active .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.toggleMenu.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
#header .right_box, #header .g_nav {
	display: none;
}
#header .header_menu {
	float: none;
	clear: both;
	margin-right: 0;
	background-color: #fff;
	position: relative;
	height: auto!important;
	right: 0!important;
	bottom: 0px!important;
	padding-top: 90px;
	z-index: 200;
	display: none;
}
header .hbg {
	height: 90px;
}
#header .header_menu .g_nav {
	display: block;
	text-align: left;
}
.header_menu .g_nav li {
	padding: 15px 0;
}
.header_menu .g_nav li a.parent_l,
.header_menu .g_nav li span.parent, .header_menu .g_nav li a {
	font-weight: 700!important;
	font-family: Helvetica,"Helvetica Neue","Trebuchet MS", Arial, sans-serif;
	font-size: 20px!important;
	line-height: 26px;
	letter-spacing: 0em;

}
.header_menu .g_nav li a.parent_l,
.header_menu .g_nav li span.parent {
	position: relative;
	padding-top: 10px;
	color: #919395;
}
.header_menu .g_nav li.active a.parent_l,
.header_menu .g_nav li.active span.parent {
	color: #000;
}
.header_menu .g_nav li a.parent_l::before,
.header_menu .g_nav li span.parent::before {
	content: "";
	border-top: 1px solid #000;
	position: absolute;
	top: -12px;
	left: 0;
	width: 30px;
	height: 1px
}
.header_menu .g_nav li a:hover {
	text-decoration: none;
}
.header_menu .g_nav li.last {
	padding-top: 60px;
}
.header_menu .g_nav li.last a {
	font-size: 14px;
	display: block;
	line-height: 28px;
}
.header_menu .g_nav ul li {
	padding: 5px 0;
}
.header_menu .g_nav ul li a {
	color: #919395;
	font-size: 18px;
	display: block;
	line-height: 28px;
}
.header_menu .g_nav ul li.active a {
	  color: #000!important;
}
.box_nav_in {
	width: 300px;
	margin: 0 auto;
	display: block;
	padding: 20px 10% 150px;
	background-color: #fff;
}
.box_nav .g_nav {
	border-radius: 10px;
	overflow: hidden;
}
.box_nav .nav_tel {
	text-align: center;
	position: relative;
	z-index: 2;
}
.gbar {
	height: 100px;
	display: block;
}
.gnavl {
	display: none;
}
.header_menu .h_group2 {
	clear: both;
	float: none;
	padding-top: 20px;
}
.header_menu .h_group2 p {
	display: inline-block;
	position: relative;
	padding: 0 10px;
    margin-bottom:0!important;
}
    .header_menu .h_group2 p a{
        	font-weight: 700!important;
	font-family: Helvetica,"Helvetica Neue","Trebuchet MS", Arial, sans-serif;
        	line-height:26px!important ;
        height:10px!important;
        vertical-align: middle;
        margin-bottom:-5px;
        font-size:20px;
}
.header_menu .h_group2 p::before {
	content: "";
	border-bottom: 1px solid #666;
	height: 1px;
	width: 95%;
	position: absolute;
	bottom: -15px;
	left: 5px;
	right: 0px;
}
}

@media screen and (max-width: 767px) {
.toggleMenu {
	width: 35px;
	height: 35px;
	line-height: 35px;
}
header .lg {
	top: 29px;
	right: 90px;
}
    footer .logo {
	margin-bottom:-15px!important;
}

}

@media screen and (max-width: 480px) {
	.header_menu .g_nav li a.parent_l,
.header_menu .g_nav li span.parent, .header_menu .g_nav li a {
	font-size: 16px;
	line-height: 30px;
}
.header_menu .g_nav ul li a {
	color: #919395;
	font-size: 15px;
	line-height: 27px;
	display: block;
}
.header_menu .g_nav li.last {
	padding-top: 54px;
	padding-bottom: 0;
}
.gbar {
	height: 77px;
}
header h1 {
	top: 15px;
}
header .hbg, header {
	height: 80px;
}
header h1 {
	width: 200px;
}
#header .header_menu {
	padding-top: 60px;
}
.toggleMenu {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
header .lg {
	top: 26px;
	right: 80px;
}
.nav_icon a {
	font-size: 15px;
}
.nav_icon a {
}
.nav_mail a {
	letter-spacing: 1px;
}
.nav_icon a span {
	padding-left: 38px;
}
.nav_icon a span::before {
	width: 30px;
	height: 30px;
	margin-top: -12px;
	left: 0px;
}
main {
	padding-top: 80px;
}
section.nav-target {
	/*padding-top: 80px;*/
}
footer .logo {
	width: 150px;
}
.box_nav_in {
	width: auto;
}
#pagetop {
	right: 20px;
	bottom: 30px;
}
}

@media screen and (max-width: 640px) {
}
.btn a {
	position: relative;
	padding: 10px 40px 17px 0px;
	font-size: 15px;
	font-family: 'noto-M';
	/*font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;*/	
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', YakuHanJP_Narrow, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0em;
	display: inline-block;
}
.btn a:hover {
	text-decoration: none;
/*	color: #919395;*/
}
.btn a::before {
	content: "";
	width: 32px;
	height: 32px;
	position: absolute;
	top: 6px;
	right: 0px;
	transition: all .6s ease;
}
.btn-b a:hover::before, .btn-a a::before {
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg");
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	
}
.btn-a a:hover::before, .btn-b a::before {
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_2@2x.svg");
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.pager-other {
	text-align: center;
	padding-bottom: 35px;
	/*	position: absolute;
	bottom:0;
	left:0;*/
	margin: 0 auto;
	display: block;
  -webkit-animation: footer-delay 3.5s ease 3.5s 1 forwards;
  animation: footer-delay 3.5s ease 3.5s 1 forwards;
}


@-webkit-keyframes footer-delay {
  100% {
    opacity: 1;
  }
}
@keyframes footer-delay {
  100% {
    opacity: 1;
  }
}


.pager-other p {
	font-size: 15px;
	font-weight: bold;
}
.pager-other > p {
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;*/
	font-weight: 600;
	font-style: normal;
	line-height: 50px;
	letter-spacing: 0.6px;
}
.pager-other p.btn {
	line-height: 40px;
}
.pager-other p.btn a:hover {
	text-decoration: none;
/*	color:#919395;*/
}
.pager-other p.btn a {
	padding: 20px 52px 17px 32px;
	font-size: 20px!important;
	position: relative;
	font-family: Helvetica,"Helvetica Neue","Trebuchet MS", Arial, sans-serif;
 transition: all 0.3s ease;
}
.pager-other p.btn a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 0;
	height: 1px;
	border-bottom: 1px solid #606060;
	transition: all .3s ease;
}
.pager-other p.btn a:hover::after {
	width: 85%;
}
.pager-other p.btn a::before {
	top: 24px;
	right: 8px;
}
.slider-info .slick-prev, .slider-info .slick-next {
	display: none!important;
}
#mail .row {
	display: table;
	width: 100%;
}
#mail .row > .col {
	display: table-cell;
	width: 700px;
}/*
#mail .col-2 + .col-2 {
	padding-left: 20px;
	margin-left:10px;
	border:1px dotted #fff;
}*/
/*
@media screen and (max-width: 768px) {
#mail .col-2 + .col-2 {
	padding-left: 0px!important;
	margin-left:0px!important;
	border:1px dotted #f00;
	overflow: hidden;
	z-index: auto;
}
}*/
#mail .mark-require {
	color: #e60012!important;
	line-height: 0;
	font-size: 15px;
	padding-left: 9px;
}
#mail .caption {
	padding: 3px 10px 0px 0;
	line-height: 25px;
}
#mail .input {
	padding: 5px 0px 5px 0;
}
#mail .submit {
	/*	padding-left: 26.5%!important;*/
	text-align: center;
}
/*
 * Custom mailform
 *
 */

#mail [class^=error] {
	left: auto;
	bottom: auto;
	position: relative;
	float: none;
	clear: both;
}
#mail .form-value + .form-value {
	padding-left: 10px;
	float: right!important;
}
#mail .form-value > [class^='error'] {
	bottom: -12px;
}
#mail .fc-confirm button {
	background: #606060;
}
#mail .fc-confirm button:hover {
/*	background: #858585;*/
}
#mail .fc-confirm button[type=submit] {
	/*	background: #607D8B;*/
	margin: 0 auto;
}
#mail .fc-confirm button[type=submit]:hover {
/*	background: #7B96A3;*/
}

@media screen and (max-width: 1550px) {
#mail .row > .col {
	width: 50%;
}
}

@media screen and (max-width: 1100px) {
header h1 {
	top: 20px;
}
header nav ul li a {
	padding: 10px!important;
}
header nav ul li.lst_mn ul.sub_f li a {
	padding: 0 8px!important;
}
#mail .col-3 .form-row {
	left: 0;
}
#mail .submit {
/*	padding-left: 23%!important;*/
}
}

@media screen and (max-width: 1000px) {
#mail .submit {
	padding-left: 0!important;
	margin: 0 auto;
	text-align: center;
}
}

@media all and (max-width: 1000px) and (min-width: 768px) {
.pager-other p.btn a {
	font-size: 16px;
}
}

@media screen and (max-width: 460px) {
.btn a {
	font-size: 14px;
}
.btn a::before {
    width: 23px;
    height: 23px;
    top: 11px;
    right: 0;
}
.pager-other p {
	font-size: 14px;
}
.pager-other > p {
	line-height: 35px;
}
.pager-other p.btn {
	line-height: 40px;
}
.pager-other p.btn a::before {
	top: 22px;
}
.pager-other p.btn a {
	font-size: 15px;
	padding: 14px 40px 8px 20px;
}
}

@media screen and (max-width: 640px) {
.pagination span, .pagination a {
	margin: 0;
	font-size: 14px;
	padding: 5px 10px;
}
}
p.btn a {
	opacity: 1;
	transition: all 0.6s ease;
}
.i-custom {
	cursor: pointer;
	display: block;
	position: relative;
}
.i-custom +.i-custom {
}
.i-custom input {
	opacity: 0;
	position: absolute;
}
.i-custom .wpcf7-list-item-label {
	padding-left: 41px;
	position: relative;
	display: inline-block;
}
.i-custom .wpcf7-list-item-label:before, .i-custom .wpcf7-list-item-label:after {
	content: "";
	width: 28px;
	height: 28px;
	display: block;
	left: 0px;
	position: absolute;
	top: -1px;
}
.i-custom input[type="radio"] .wpcf7-list-item-label:before, .i-custom input[type="radio"] .wpcf7-list-item-label:after {
}
.i-custom .wpcf7-list-item-label:before {
	width: 28px;
	height: 28px;
	border: 1px solid #ddd;
}
.i-custom .wpcf7-list-item-label:after {
	width: 23px;
	height: 16px;
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/icon_check@2x.svg") no-repeat;
	left: 5px;
	top: 7px;
	opacity: 0;
}
.i-custom input:checked ~ .wpcf7-list-item-label:after {
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/icon_check@2x.svg") no-repeat;
	opacity: 1;
}
#mail .col-3 .input .i-custom .ico {
	padding-left: 17px;
}
#mail .col-3 .input .i-custom .ico:before, #mail .col-3 .input .i-custom .ico:after {
	left: -22px;
}
#mail .col-3 .input .i-custom .ico:after {
	left: -18px;
}

@media screen and (max-width: 425px) {
header h1 {
	width: 175px;
	left: 10px;
}
header .lg {
	top: 24px;
	right: 58px;
}
.toggleMenu {
	right: 10px;
}
header .hbg, header {
	height: 72px;
}
main {
	padding-top: 72px;
}
section.nav-target {
	/*padding-top: 72px;*/
}
header .lg select {
	font-size: 12px;
	padding: 5px 0px 5px 13px;
	width: 60px;
}
}
.f_m {
}
.f_m p, .f_m ul {
	float: left;
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
}
.f_m ul {
	padding-left: 25px;
}
.f_m ul li {
	position: relative;
	float: left;
}
.f_m ul li:first-child {
}
.f_m ul li {
	margin-left: 12px;
}


@media screen and (max-width: 560px) {
.f_m p, .f_m ul {
	float: none;
	clear: both;
}
.f_m ul {
	padding-left: 0;
}
}




body::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	z-index: 500;  
	pointer-events: none; 
	opacity: 0;  
	-webkit-transition: opacity .8s ease;  
	transition: opacity .8s ease;
}
body.fadeout-p::after {
	opacity: 1;
}







#work,
#content, #lead {
	animation: scale_in .7s ease-int;
	-webkit-animation: scale_in .7s ease-in;
	transition: all ease-in .7s;

}
body.fadeout-p #work,
body.fadeout-p #content, body.fadeout-p #lead {
	-webkit-transform: scale(1.00);
	transform: scale(1.00);
}


@media screen and (max-width: 1024px) {

	.on-device body::after,
	.device-android body::after,
	.device-ios body::after {
		opacity: 1;  
		display: none;
	}
	.on-device body.fadeout-p::after,
	.device-android body.fadeout-p::after,
	.device-ios body.fadeout-p::after {
		opacity: 1;
		display: none;
	}

	.on-device #work, .on-device #content, .on-device #lead,
	.device-android #work, .device-android #content, .device-android #lead,
	.device-ios #work, .device-ios #content, .device-ios #lead {
		animation: scale_in 0.1s ease-in-out;
		-webkit-animation: scale_in 0.1s ease-in-out;
		transition: all ease 0.1s;

	}
	.on-device body.fadeout-p #work, .on-device body.fadeout-p #content, .on-device body.fadeout-p #lead,
	.device-android body.fadeout-p #work, .device-android body.fadeout-p #content, .device-android body.fadeout-p #lead,
	.device-ios body.fadeout-p #work, .device-ios body.fadeout-p #content, .device-ios body.fadeout-p #lead {
		-webkit-transform: scale(1);
		transform: scale(1);
	}


}





 @-webkit-keyframes scale_in {
 0% {
 	opacity: 0;
}
 50% {
 	opacity: 0;
} 
	  60% {
 	opacity: 0;
} 
 100% {
  opacity: 1;
}
}
 @keyframes scale_in {
 0% {
 	opacity: 0;
}
 50% {
 	opacity: 0;
} 
	  60% {
 	opacity: 0;
} 
 100% {
  opacity: 1;
}
}


.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999999;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
z-index: 9999999;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.04rem solid rgba(155,167,191, 0.2);
  border-right: 0.04rem solid rgba(155,167,191, 0.2);
  border-bottom: 0.04rem solid rgba(155,167,191, 0.2);
  border-left: 0.04rem solid /*#9ba7bf*/#000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
    z-index: 9999999;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.item-select {
	position: relative;
	padding-bottom: 10px;
}
.item-select ul {
	text-align: center;
	position: relative;
	display: inline-block;
	margin: 0 auto 50px;
	font-weight: 700;
  padding-left: 0px;
}
.item-select span {
	font-size: 20px;
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic,
		"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M",
		"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.item-select ul li {
	display: inline-block;
	margin: 0 30px 0 0;
	font-size: 20px;
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic,
		"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M",
		"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.item-select ul li.required {
	position: absolute;
	top: 0;
	right: -71px;
	color: #e60012;
	font-weight: 700;
	font-size: 15px;
}
.wpcf7-list-item{
  position: relative;
  margin: 0 2em 0 0
}

.item-select .wpcf7-list-item input[type="radio"] {
	cursor: pointer;
	-webkit-appearance: none;
	position: absolute;
	right: 0;
	width: 100%;
	bottom: 0;
	top: 0;
	z-index: 5;
}
.c-note-1 {
    padding: 20px 0 90px;
    font-weight: 500;
}

.ct-toggle p.tt {
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	text-align: center;
	padding: 20px 0;
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic,
		"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M",
		"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 15px;
}
.ct-toggle p.tt span {
	position: relative;
	transition: all 0.3s ease;
}
.ct-toggle p.tt span::before {
	content: "";
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/ct_arrow1@2x.svg") no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	width: 14px;
	height: 26px;
	position: absolute;
	top: -5px;
	right: -30px;
	transition: 0.3s all ease;
}
.ct-toggle p.tt.active span::before {
	transform: rotate(90deg);
}
.ct-toggle p.tt span::after {
	content: "";
	background-color: #606060;
	height: 2px;
	width: 0;
	position: absolute;
	bottom: -5px;
	left: 0;
	transition: 0.3s all ease;
	display: none;
}
.ct-toggle p.tt.active span::after,
.ct-toggle p.tt:hover span::after {
	width: 100%;
}
.ct-toggle p.tt:hover span {
	color: #919395;
}
.ct-list {
	counter-reset: li;
	padding: 10px 0 30px;
	font-weight: 500;
}
.ct-list > li {
	margin-bottom: 10px;
	padding-left: 25px;
	position: relative;
}
.ct-list > li:last-child {
	margin-bottom: 0;
}
.ct-list > li:before {
	content: counter(li, decimal);
	counter-increment: li;
	display: block;
	left: 0;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 1px;
	letter-spacing: 0;
}
.ct-list > li:after {
	content: ".";
	position: absolute;
	top: 0;
	left: 10px;
	width: 1px;
	height: 1px;
}
p.c-note-2 {
	padding-top: 20px;
	font-weight: 500;
}
.category-details {
	text-align: justify;
	text-justify: inter-ideograph;
	text-justify: inter-character;
	-ms-text-justify: inter-ideograph;
	text-align-last: start;
	font-weight: 500;
}
.category-details p {
	font-weight: 500;
}
.category-details img {
	width: 100%;
}
.category-details .photo img {
	max-height: 800px;
}
.category-details .cate-date {
	position: relative;
	line-height: 30px;
	height: 30px;
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 0;
	font-weight: 500 !important;
}
.category-details .cate-date .date {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 15px;
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 0;
	font-weight: 500;
}
.category-details .cate-date a {
	border-bottom: 1px solid #d0d0d0;
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 7px;
}
.category-details .cate-date a:hover {
	border-bottom: none;
	text-decoration: none !important;
}
.category-details .name-tt {
	font-size: 25px;
	font-weight: 700;
}
.category-details .title {
	padding: 43px 0 0;
	font-weight: 700;
}
.category-details .title h3 {
	font-size: 32px;
	line-height: 56px;
	padding-bottom: 43px;
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic,
		"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M",
		"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.category-details .title div p {
	font-weight: 600;
}
.category-details .group-btn {
	padding: 43px 0 0;
}
.category-details .group-btn .btn {
	display: inline-block;
}
.category-details .group-btn p + p {
	margin-left: 16px;
}
.category-details .group-item {
	width: 1200px;
	margin: 0 auto;
}
.category-details .group-item .col {
	width: 600px;
	float: left;
}
.category-details .group-item .col .txt {
	padding: 0 10px 0 0;
	line-height: 28px;
	font-weight: 500 !important;
}
.category-details .group-item .col + .col {
	width: 598px;
	float: right;
}
.category-details .group-item .col + .col .txt {
	padding: 0 0 0 10px;
}
.category-details .group-item .col .sub-photo img {
	max-height: 374px;
}
.category-details .cate-content {
	width: 1200px;
	margin: 0 auto;
}
.category-details .cate-content .category-details .cate-content .txt-1 {
	padding-top: 12px;
	font-size: 13px;
	line-height: 25px;
}
.category-details .cate-content .txt-2 {
	padding: 55px 0 73px;
	line-height: 28px;
}
.category-details .group-image .sub-photo {
	float: left;
	width: 600px;
	box-sizing: border-box;
	border-bottom: 6px solid #fff;
}
.category-details .group-image .sub-photo img {
	max-height: 374px;
}
.category-details .group-image .sub-photo:nth-child(2n) {
	border-left: 6px solid #fff;
}
.category-details .cate-content .photo-2 img {
	max-height: 750px;
}
.category-details .name-tt-2 {
	font-weight: 700;
	font-size: 23px;
	line-height: 42px;
	padding-bottom: 23px;
}
.category-details dt.tt-c {
	font-size: 23px;
	line-height: 42px;
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic,
		"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M",
		"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	font-style: normal;
}
.col-two-column {
	display: table;
	width: 100%;
	font-size: 13px;
	line-height: 28px;
}
.col-two-column p {
	display: table-cell;
	box-sizing: border-box;
	padding-right: 3px;
	width: 50%;
}
.col-two-column p + p {
	padding-left: 3px;
	padding-right: 0;
}
.col-two-column .txt + .txt {
	padding-right: 0;
	padding-left: 16px;
}
.mb43 {
	margin-bottom: 43px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb115 {
	margin-bottom: 115px !important;
}
.single-post .two_image {
	padding-top: 115px;
}
.single-post .category-details .name-tt {
	padding-top: 52px;
}
.single-post .heading_title {
	padding-top: 115px;
}
.single-post .heading_title h3 {
	font-weight: 700 !important;
	font-size: 23px;
	line-height: 42px;
}
.single-post .two_column_content {
	display: table;
	font-size: 14px;
	line-height: 28px;
	padding-bottom: 80px;
}
.single-post .two_column_content .col {
	display: table-cell;
	box-sizing: border-box;
	padding-right: 3px;
	width: 50%;
}
.single-post .two_column_content .col + .col {
	padding-right: 0;
	padding-left: 16px;
}
.single-post .category-details .two_image .group-item {
	padding-top: 0;
}
.single-post .category-details .two_image .group-item .col {
	width: 598px;
}
.single-post .simple_content {
	padding-bottom: 80px;
}
.single-post .simple_content .txt {
	width: 50%;
}
.single-post .simple_image {
	padding-bottom: 60px;
	font-size: 13px;
}
.single-post .simple_image .txt-1 {
	padding-top: 10px;
}
.single-post .category-details .four_image .group-image .sub-photo:nth-child(3),
.single-post
	.category-details
	.four_image
	.group-image
	.sub-photo:nth-child(4) {
	border-bottom: none;
}
@media screen and (max-width: 1550px) {
	.single-post .category-details .two_image .group-item .col + .col,
	.single-post .category-details .two_image .group-item .col {
		width: 49.8%;
		box-sizing: border-box;
	}
	.single-post .heading_title {
		padding-top: 70px;
	}
	.single-post .two_image {
		padding-top: 90px;
	}
}
@media screen and (max-width: 520px) {
	.single-post .category-details .title {
		padding-top: 20px;
	}
	.single-post .category-details .title h3 {
		padding-bottom: 15px;
	}
	.single-post .category-details .two_image .group-item .col + .col,
	.single-post .category-details .two_image .group-item .col {
		width: auto;
		float: none;
	}
	.single-post .category-details .two_image .group-item .col + .col {
		border-top: 4px solid #fff;
	}
	.single-post .simple_content .txt {
		width: auto;
	}
	.single-post
		.category-details
		.four_image
		.group-image
		.sub-photo:nth-child(3) {
		border-bottom: 6px solid #fff;
	}
	.single-post .simple_image {
		padding-bottom: 30px;
	}
	.single-post .simple_content,
	.single-post .two_column_content {
		padding-top: 30px;
		padding-bottom: 60px;
	}
}
@media all and (max-width: 1560px) and (min-width: 1025px) {
	.author-details .author-items .item .alias,
	.author-details .author .info .name-alias .alias {
		font-size: 12px;
		padding-bottom: 0;
	}
	#content .intro .description p,
	.timetable h3,
	.category-column .row .info .date,
	.category .item .btn a,
	.author-details .author-items .item .ttl,
	.author-details .author .info .tt {
		font-size: 14px;
		letter-spacing: 0;
	}
	#mail .mark-require,
	.ct-toggle p.tt,
	.item-select ul li.required,
	.timetable h5,
	.company-others h4 {
		font-size: 15px;
	}
	#content .detail-2 dl dd,
	.company-others ul.list li p,
	.company-others ul.list li small,
	.timetable dl,
	.author-details .author .info .name-alias .name,
	.author-details .author-items .item .name {
		font-size: 18px;
	}
	#mail .col-3 .form-row-2 button,
	#work .works-more h3 {
		font-size: 17px;
	}
	.m-others {
		font-size: 18px;
	}
	.item-select span {
		font-size: 19px;
	}
	.timetable h4 {
		font-size: 27px;
	}
	#content .detail-2 dl dt {
		font-size: 25px;
	}
	#content .intro h2 {
		font-size: 38px;
	}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
	.category-column .row .info dl {
		padding: 15px 0;
	}
	.category-column .row .info dl dt {
		padding-bottom: 10px;
	}
	.author-details .author-items .item .ttl {
		padding: 15px 0 0;
	}
	.author-details .author .info .name-alias {
		padding: 8px 0 10px;
	}
	.author-details .author-items .item .alias,
	.author-details .author .info .name-alias .alias {
		font-size: 10px;
		padding-bottom: 0;
	}
	#content .intro .description p,
	.timetable h3,
	.author-details h3,
	.company-others h3,
	.author-details .author-items .item .ttl,
	.author-details .author .info .tt {
		font-size: 12px;
	}
	#mail .mark-require,
	.ct-toggle p.tt,
	.item-select ul li.required,
	.timetable h5,
	.company-others h4 {
		font-size: 13px;
	}
	#content .detail-2 dl dd,
	.company-others ul.list li p,
	.company-others ul.list li small,
	.timetable dl,
	.author-details .author .info .name-alias .name,
	.author-details .author-items .item .name {
		font-size: 16px;
	}
	#mail .col-3 .form-row-2 button,
	#work .works-more h3 {
		font-size: 15px;
	}
	.company-others ul.list li {
		position: relative !important;
		margin-bottom: 45px;
	}
	.company-others ul.list li span,
	.company-others ul.list li small,
	.company-others ul.list li p {
		display: inline-block;
	}
	.company-others ul.list li span.tt {
		width: auto !important;
		font-size: 20px !important;
		white-space: nowrap;
		padding-right: 20px;
		display: inline-block;
		float: left;
	}
	.company-others ul.list li small {
		font-size: 18px !important;
		width: auto;
		top: 0;
		position: relative !important;
		display: inline-block;
	}
	.company-others ul.list li p {
		position: absolute !important;
		left: 1px !important;
		top: 35px !important;
		text-align: left !important;
		font-size: 18px !important;
		font-weight: 400;
		padding-right: 0;
	}
	.m-others {
		font-size: 16px;
	}
	.item-select span {
		font-size: 17px;
	}
	.timetable h4 {
		font-size: 23px;
	}
	#content .detail-2 dl dt {
		font-size: 23px;
	}
	#work .info .ttl dl dt {
		font-size: 26px;
	}
	#content .intro h2 {
		font-size: 36px;
	}
}
@media all and (max-width: 850px) and (min-width: 768px) {
	#content .intro .description p,
	.timetable h3,
	.category-column .row .info .date,
	.category .item .btn a,
	.author-details .author-items .item .ttl,
	.author-details .author .info .tt {
		font-size: 11px;
		letter-spacing: 0;
	}
	#content .detail-2 dl dd,
	.company-others ul.list li p,
	.company-others ul.list li small,
	.timetable dl,
	.author-details .author .info .name-alias .name,
	.author-details .author-items .item .name {
		font-size: 14.5px;
		letter-spacing: 0;
	}
	.author-details .author-items .item .des {
		line-height: 25px;
	}
}
#work .w-slider .slider-images .slick-slider {
	z-index: 50;
	background-color: #fff;
}
#work .w-slider {
	min-height: 490px;
}
#work .w-slider .slider-images {
	position: relative;
}
.title-box .inside {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	z-index: 4;
}
.title-box .inside dl {
	line-height: 1.7;
}
.title-box .inside dt {
	font-size: 28px;
	line-height: 42px;
	font-weight: 700;
	letter-spacing: 2px;
	padding-bottom: 17px;
}
.title-box .inside dd {
	font-size: 15px;
	font-family: Helvetica, Gadget, "Arial", YakuHanJP_Narrow, YakuHanJP_Noto,
		"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック", "Yu Gothic", "noto-M", "ヒラギノ角ゴ Pro",
		"Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック",
		"MS PGothic", sans-serif;
	-webkit-animation: fadeinout 3.5s linear forwards;
	animation: fadeinout 3.5s linear forwards;
	letter-spacing: 0;
	line-height: 150%;
}
@media screen and (max-width: 767px) {
	.work_bg,
	.title-box {
		display: none;
	}
	.title-box {
		transition: opacity 0.1s ease;
		-moz-transition: opacity 0.1s ease;
		-webkit-transition: opacity 0.1s ease;
	}
	#work .works-more,
	#work .w-slider .info,
	.slider {
		transition: opacity 0.3s ease 0.1s;
		-moz-transition: opacity 0.3s ease 0.1s;
		-webkit-transition: opacity 0.3s ease 0.1s;
	}
}
@media screen and (max-width: 640px) {
	.title-box .inside dt {
		font-size: 4.4vw;
		line-height: 130%;
	}
	.title-box .inside dd {
		font-size: 2.4vw;
		letter-spacing: 0;
	}
}
.a-content-sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.a-content-sp {
		display: block;
		margin-bottom: 10%;
	}
	#content .intro h2 {
		display: none;
	}
	.a-content-sp dl dt {
		font-weight: 700;
		font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック Medium",
			"Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
			"noto-M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
			"Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0.07em;
		text-align: justify;
		text-justify: inter-ideograph;
		text-justify: inter-character;
		-ms-text-justify: inter-ideograph;
		font-size: 5vw;
		line-height: 1.7;
	}
	.a-content-sp dl dd {
		font-weight: 500;
		font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック Medium",
			"Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
			"noto-M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
			"Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0.07em;
		text-align: justify;
		text-justify: inter-ideograph;
		text-justify: inter-character;
		-ms-text-justify: inter-ideograph;
	}
	.a-content-sp dl dd span {
		display: block;
		padding-top: 20px;
	}
	.a-content-sp dl dd span.last {
		text-align: right;
	}
}
@media screen and (max-width: 375px) {
	.a-content-sp dl {
		padding-top: 6%;
	}
	.a-content-sp dl dt {
		font-size: 6vw;
	}
}
.recruit-page h3 {
	font-size: 20px;
	padding: 19px 0 !important;
	border-top: 1px solid #acaead !important;
	border-bottom: 1px solid #acaead !important;
	font-weight: 700 !important;
}
.recruit-page .item-0 {
	font-size: 15px;
	padding-top: 54px;
	padding-bottom: 50px;
	font-weight: 700 !important;
	border-bottom: 1px solid #acaead !important;
}
.recruit-page .item-0 h4 {
	font-weight: 700 !important;
	padding-bottom: 21px !important;
}
.recruit-page .item-0 .info {
	line-height: 30px;
}
.recruit-page .item-2 {
	padding-bottom: 0 !important;
}
.recruit-page .item-c {
	display: table;
	width: 100%;
	padding: 26px 0;
	border-bottom: 1px solid #acaead !important;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}
.recruit-page .item-c h4,
.recruit-page .item-c .info {
	display: table-cell;
	vertical-align: middle;
}
.recruit-page .item-2 h4 {
	vertical-align: top;
}
.recruit-page .item-2 .sub-tt-1 {
	font-size: 20px;
}
.recruit-page .item-c h4 {
	width: 6%;
	font-size: 15px;
	min-width: 100px;
	font-weight: 700 !important;
}
.recruit-page .item-c .sub-tt-1 {
	font-size: 20px;
	font-weight: 700;
}
.recruit-page .item-c .sub-tt-1 span {
	position: relative;
	padding-right: 32px;
}
.recruit-page .item-c .sub-tt-1 span + span {
	padding-left: 30px;
}
.recruit-page .item-c .sub-tt-1 span + span::before {
	content: "";
	background-color: #929397;
	width: 1px;
	height: 31px;
	position: absolute;
	top: -2px;
	left: 0;
}
.recruit-page .item-2 .sub-tt-1 {
	padding-bottom: 27px;
}
.recruit-page .item-2 .sub-tt-2 {
	padding-bottom: 25px;
	font-weight: 700;
	letter-spacing: 0.2px;
}
.recruit-page .item-c .sub-tt-2 {
	font-size: 15px;
}
.recruit-page .item-c .two-col {
	padding-bottom: 30px;
}
.recruit-page .item-c .two-col .col {
	width: 47.4%;
	float: left;
	padding-right: 2.5%;
}
.recruit-page .item-c .two-col .col ul li {
	position: relative;
	padding-left: 20px;
}
.recruit-page .item-c .two-col .col ul li::before {
	content: "";
	background-color: #9a9e9f;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 8px;
	left: 0;
	border-radius: 50%;
}
.recruit-page .item-c .sub-tt {
	padding: 14px 0;
	margin-bottom: 25px;
	border: 1px solid #929397;
	display: table;
	width: 100%;
}
.recruit-page .item-c .sub-tt dt,
.recruit-page .item-c .sub-tt dd {
	display: table-cell;
	font-size: 14px;
}
.recruit-page .item-c .sub-tt dd {
	padding-right: 20px;
}
.recruit-page .item-c .sub-tt dt {
	padding-left: 20px;
	padding-right: 0;
	font-size: 15px;
	width: 90px;
	font-weight: 700;
}
.recruit-page .item-c .sub-tt-3 {
	padding-top: 20px;
}
.recruit-page .item-3 .sub-tt-1 {
	padding-bottom: 6px;
}
.recruit-page .item-c .sub-tt dt,
.recruit-page .item-3 .sub-tt-1,
.recruit-page .item-4 .sub-tt-1 {
	font-size: 15px;
}
.recruit-page .item-5 .sub-tt-2 {
	font-size: 14px;
}
.recruit-page .item-5 {
	padding: 40px 0;
}
.recruit-page .item-6 .sub-tt-2 {
	font-weight: 700 !important;
}
@media screen and (max-width: 767px) {
	.recruit-page .item-c .two-col .col {
		float: none;
		clear: both;
		width: auto;
		padding-right: 0;
	}
}
@media screen and (max-width: 640px) {
	.recruit-page .item-5,
	.recruit-page .item-c,
	.recruit-page .item-0 {
		padding: 30px 0;
	}
	.recruit-page .item-c .sub-tt,
	.recruit-page .item-c .sub-tt dt,
	.recruit-page .item-3 .sub-tt-1,
	.recruit-page .item-4 .sub-tt-1 {
		display: block;
	}
	.recruit-page .item-c .sub-tt {
		padding: 20px;
		width: auto;
	}
	.recruit-page .item-c .sub-tt dt {
		padding-left: 0;
	}
	.recruit-page .item-c .sub-tt-1 span {
		display: block;
	}
	.recruit-page .item-c .sub-tt-1 span + span {
		padding-left: 0;
	}
	.recruit-page .item-c .sub-tt-1 span + span::before {
		display: none;
	}
}
@media screen and (max-width: 375px) {
	.recruit-page .item-c h4 {
		min-width: 84px;
	}
	.recruit-page .item-0 .info br {
		display: none;
	}
}
@media screen and (max-width: 360px) {
	.recruit-page .item-c {
		display: block;
	}
	.recruit-page .item-c h4,
	.item-c .info {
		width: auto;
		display: block;
	}
	.recruit-page .item-c .info {
		padding-top: 10px;
	}
	.recruit-page .item-c h4 {
		min-width: 100%;
	}
	.recruit-page .item-c .sub-tt {
		margin-bottom: 20px;
	}
	.recruit-page .item-c .two-col,
	.recruit-page .item-2 .sub-tt-2,
	.recruit-page .item-2 .sub-tt-1 {
		padding-bottom: 20px;
	}
}
#lg select,
select,
.gt_white_content {
	-webkit-appearance: none !important; /* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none !important; /* ベンダープレフィックス(Firefox用) */
	appearance: none !important; /* 標準のスタイルを無効にする */
}
#lg select::-ms-expand,
select::-ms-expand,
.gt_white_content::-ms-expand {
	display: none !important;
}
#lg select,
select,
.gt_white_content {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

#mail .row {
	padding: 10px 0;
}
#mail .row .col + .col {
	padding-left: 20px;
}
#mail .row .col-2 .input {
	width: 339px;
	float: left;
}
#mail .fuild-2 .col {
	width: 340px;
}
#mail .fuild-2 .col + .col {
	width: 1010px !important;
	padding-left: 20px;
}
#mail textarea {
	height: 451px;
	width: 100%;
	padding: 10px;
	line-height: 1.7;
	color: #000;
	border-top: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
#mail .fc-confirm .col-3 {
	margin-top: 30px;
}
#mail .col-3 {
	border: 1px solid #aeaeae;
	padding: 10px 0;
	font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic,
		"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "noto-M",
		"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 600;
	font-style: normal;
	position: relative;
}
#mail .col-3 label.i-custom {
	margin: 0 0 0 -15px;
}
#mail .col-3 .form-value > [class^="error"] {
	bottom: -20px;
	left: 53px;
	position: absolute;
}
#mail .col-3 .input {
	padding: 0;
}
#mail .col-3 .input a {
	position: relative;
}
#mail .col-3 .input a:hover {
	text-decoration: none;
}
#mail .col-3 .input a::before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -2px;
	left: 0;
	background-color: #aeaeae;
}
#mail .col-3 .input a:hover::before {
	background: none;
}
#mail .col-3 .form-row {
	width: 270px;
	border-right: 1px solid #aeaeae;
	font-weight: 700;
	left: 39px;
	top: 0px;
	position: relative;
	padding: 0 20px 0 0;
}
#mail .confirm-main .col-3 .form-row {
	display: none;
}
#mail .confirm-main .submit {
	padding-left: 0 !important;
	text-align: center;
}
#mail .col-3 .form-row-2 .col {
	padding-left: 0;
	margin-left: 0%;
	width: 100%;
}
#mail .col-3 .form-row-2 button {
	font-weight: 700;
	position: relative;
	padding: 10px 0 8px;
	font-size: 18px;
	background: none;
	border: none;
	cursor: pointer;
}
#mail .col-3 .form-row-2 button:hover::after {
	content: "";
	display: none;
	background-color: #606060;
	height: 2px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#mail .col-3 .form-row-2 button::before {
	content: "";
	width: 32px;
	height: 32px;
	position: absolute;
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg");
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	transition: all 0.6s ease;
	left: 59.5%;
	top: 2px;
}
#mail .col-3 .form-row-2 .contactCenter00 span {
	margin-left: -4%;
}
#mail .col-3 .form-row-2 .submit-confirm button::before {
	content: "";
	width: 32px;
	height: 32px;
	position: absolute;
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg");
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	transition: all 0.6s ease;
	left: 51.5% !important;
	top: 2px;
}
@media screen and (max-width: 1490px) {
	#mail .col-3 .form-row-2 button::before {
		left: 61.5%;
	}
}
@media screen and (max-width: 1300px) {
	#mail .col-3 .form-row-2 button::before {
		left: 63.5%;
	}
	#mail .col-3 .form-row-2 .col + .col {
		padding-left: 0;
		margin-left: 30%;
		width: 70%;
	}
	#mail .col-3 .form-row-2 .contactCenter00 span {
		margin-left: 0;
	}
	#mail .col-3 .form-row-2 .submit-confirm button::before {
		content: "";
		width: 32px;
		height: 32px;
		position: absolute;
		background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg");
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		transition: all 0.6s ease;
		left: 55.5% !important;
		top: 2px;
	}
}
@media screen and (max-width: 1000px) {
	#mail .col-3 .form-row-2 .col + .col {
		padding-left: 0;
		margin-left: 0;
		width: 100%;
	}
	#mail .col-3 .form-row-2 button::before {
		left: 60%;
	}
	#mail .col-3 .form-row-2 button {
		margin-left: -6%;
	}
}
@media screen and (max-width: 768px) {
	#mail .col-3 .form-row-2 .col + .col {
		padding-left: 0;
		margin-left: 0;
		width: 100%;
	}
	#mail .col-3 .form-row-2 button::before {
		left: 65% !important;
		top: 4px !important;
	}
	#mail .col-3 .form-row-2 .submit-confirm button::before {
		content: "";
		width: 26px;
		height: 26px;
		position: absolute;
		background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg");
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		transition: all 0.6s ease;
		left: 61.5% !important;
		top: -4px;
	}
	#mail .col-3 .form-row-2 .submit-form button::before {
		content: "";
		width: 26px !important;
		height: 26px !important;
		position: absolute;
		background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg");
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		transition: all 0.6s ease;
		left: 70.5% !important;
		top: 2px !important;
	}
	#mail .col-3 .form-row-2 .submit-form span {
		margin-left: -5% !important;
	}
}
#mail .col-3 .form-row-2 button:hover::before {
	content: "";
	width: 32px;
	height: 32px;
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_2@2x.svg");
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#mail .fc-confirm .col-3 .form-row-2 button::before {
	top: 3px;
}
#mail .col-3 input[type="checkbox"] {
	border: 1px solid #aeaeae;
	cursor: pointer;
	float: left;
	height: 0px;
	margin-right: 10px;
	position: relative;
	width: 28px;
	-webkit-appearance: none;
}
#mail .col-3 input[type="checkbox"]::after {
	width: 23px;
	height: 16px;
	content: "";
	display: block;
	left: 2px;
	position: relative;
	top: 4px;
}
#mail .col-3 input[type="checkbox"]:checked::after {
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/icon_check@2x.png") no-repeat;
}
/*
 * Custom mailform
 *
 */

#mail [class^=error] {
	left: auto;
	bottom: auto;
	position: relative;
	float: none;
	clear: both;
}
#mail .form-value + .form-value {
	padding-left: 10px;
	float: right!important;
}
#mail .form-value > [class^='error'] {
	bottom: -12px;
}
#mail .fc-confirm button {
	background: #606060;
}
#mail .fc-confirm button:hover {
/*	background: #858585;*/
}
#mail .fc-confirm button[type=submit] {
	/*	background: #607D8B;*/
	margin: 0 auto;
}
#mail .fc-confirm button[type=submit]:hover {
/*	background: #7B96A3;*/
}

@media screen and (max-width: 1550px) {
#mail .row > .col {
	width: 50%;
}
}
.wpcf7-form.hide_error_message .wpcf7-not-valid-tip {
	display: none;
}
.wpcf7-form.hide_error_message.invalid .wpcf7-not-valid-tip {
	display: block;
}


.wpcf7-submit {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    line-height: 1.5;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: all var(--_transition-duration, .2s) var(--_transition-function-timing, ease-out);
    vertical-align: middle;
    white-space: nowrap;
      font-weight: 700;
    position: relative;
    padding: 10px 0 8px;
    font-size: 18px;
    background: none;
}
.subBtn{
  position: relative;
}
.subBtn input{
    padding-right: 50px;

}
#mail .col-3 .form-row-2 .subBtn::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    transition: all 0.6s ease;
    left: 59.5%;
    top: -10px;
}
#mail .col-3 .form-row-2 .subBtn:hover::before {
	content: "";
	width: 32px;
	height: 32px;
	background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_2@2x.svg");
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.ct-list{
  list-style: none
}

a{
  color: #000;
  font-weight: bold
}

ul.sns{
  list-style: none
}

.main_logo{
  height: 30px !important;
    position: fixed;
    top: 25px;
    left: 30px;
  display: none;
  width: 100px;
  z-index: 9999
}


@media screen and (max-width: 1550px) {
	#mail .row .col-2 .input {
		width: 48%;
		float: left;
	}
	#mail .form-value + .form-value {
		padding-left: 1%;
	}
	#mail .row .col + .col {
		padding-left: 2%;
	}
	#mail .fuild-2 .col {
		width: 25% !important;
	}
	#mail .fuild-2 .col + .col {
		width: 75% !important;
		padding-left: 2%;
	}
	.company-others ul.list li {
		position: relative;
		margin-bottom: 20px;
	}
	.company-others ul.list li span,
	.company-others ul.list li small,
	.company-others ul.list li p {
		display: inline-block;
	}
	.company-others ul.list li span.tt {
		width: 350px;
		font-size: 23px !important;
		white-space: nowrap;
	}
	.company-others ul.list li small {
		font-size: 17px !important;
		width: auto;
		position: absolute;
		top: 28px;
		left: -1px;
	}
	.company-others ul.list li p {
		text-align: right;
		font-size: 16px;
		padding-right: 60px;
		position: absolute;
		right: 0;
	}
	.author-details .author .thumb {
		height: 100%;
		width: 22%;
		padding-top: 22%;
	}
	.author-details .author .info {
		padding-left: 3%;
		width: 72%;
		width: calc(100% - 340px);
		padding-left: 50px;
	}
	.author-details .author-items .item {
		width: 22%;
	}
	.author-details .author-items .item + .item {
		margin-left: 4%;
	}
	#content .intro .description {
		width: auto;
		padding-right: 180px;
	}
	#content .intro .description p {
		margin-left: 30px;
		height: 640px;
	}
	#content .intro h2 {
		right: 0;
	}
	.category .item {
		width: 48.5%;
		min-height: 100%;
	}
	.category .item .photo {
		width: 100%;
		padding-top: 75%;
		height: 100%;
	}
	.category-column .row .info,
	.category-column .row .image {
		width: 48%;
	}
	.category-column .row .image {
		height: 100%;
		padding-top: 35%;
	}
	#work .info .ttl {
		width: 40%;
	}
	#work .info .detail {
		width: 55%;
	}
	.slick-prev,
	.slick-next {
		z-index: 666;
		width: 37px;
		height: 62px;
	}
	.slick-prev {
		background: #fff url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/prev@2x_sp.png") no-repeat top center;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	.slick-next {
		background: #fff url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/next@2x_sp.png") no-repeat top center;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	.category-details .cate-content,
	.category-details .group-item {
		width: auto;
	}
	.category-details .group-item .col + .col,
	.category-details .group-item .col {
		width: 49.8%;
		box-sizing: border-box;
	}
	.category-details .group-item .col + .col .txt,
	.category-details .group-item .col .txt {
		padding-top: 30px;
	}
	.category-details .cate-content .txt-1 {
		padding-top: 15px;
	}
	.category-details .cate-content .txt-2 {
		padding: 40px 0 60px;
	}
	.category-details .group-image .sub-photo {
		width: 50% !important;
		border-right: 3px solid #fff;
	}
	.category-details .group-image .sub-photo:nth-child(2n) {
		border-left: 3px solid #fff;
		border-right: none;
	}
}
@media screen and (max-width: 1235px) {
	.company-others ul.list li {
		position: relative !important;
		margin-bottom: 45px;
	}
	.company-others ul.list li span,
	.company-others ul.list li small,
	.company-others ul.list li p {
		display: inline-block;
	}
	.company-others ul.list li span.tt {
		width: auto !important;
		font-size: 20px !important;
		white-space: nowrap;
		padding-right: 20px;
		display: inline-block;
		float: left;
	}
	.company-others ul.list li small {
		font-size: 18px !important;
		width: auto;
		top: 0;
		position: relative !important;
		display: inline-block;
	}
	.company-others ul.list li p {
		position: absolute !important;
		left: 1px !important;
		top: 35px !important;
		text-align: left !important;
		font-size: 15px;
		font-weight: 400;
		padding-right: 0;
	}
	.author-details .author .thumb {
		width: 22%;
		padding-top: 22%;
	}
	.author-details .author .info {
		width: 72%;
		padding-left: 3%;
	}
	.author-details .author-items .item .sub-photo {
		width: 90%;
		height: 100%;
		padding-top: 90%;
	}
	.author-details .author-items .item .ttl {
		padding: 35px 0 20px;
		font-size: 16px;
	}
	.author-details .author-items .item .name {
		font-size: 18px;
	}
	.author-details .author-items .item .alias {
		font-size: 13px;
		padding-bottom: 20px;
		letter-spacing: 0;
	}
	.company-others ul.list li span.tt {
		font-size: 23px;
		width: 300px;
	}
	.company-others ul.list li p,
	.company-others ul.list li small {
		font-size: 16px;
	}
	.company-others ul.list li a::before {
		top: -4px;
	}
	.contact-others .item {
		width: auto;
	}
	.contact-others .item .inside {
		padding: 0 20px;
	}
	#mail .row .col-2 .input {
		width: 48%;
	}
	#mail .form-value + .form-value {
		float: right !important;
	}
	#mail .fuild-2 .col + .col {
		padding-left: 2%;
	}
	#content .intro .description p {
		margin-bottom: 20px;
	}
	.category-details .title h3 br {
		display: none;
	}
}
@media screen and (max-width: 1100px) {
	#mail .col-3 .form-row {
		left: 34px;
		width: 260px;
		padding-right: 10px;
	}
}
@media screen and (max-width: 1000px) {
	#mail .col-3 .form-value > [class^="error"] {
		bottom: 0;
		left: 22px;
		position: relative;
	}
	.timetable h3,
	.author-details h3,
	.company-others h3 {
		padding-bottom: 20px;
	}
	.timetable h5 {
		padding-bottom: 15px;
	}
	.author-details .author-items .item .ttl {
		padding: 20px 0 10px;
	}
	.author-details .author-items .item .alias {
		font-size: 11px;
		padding-bottom: 15px;
	}
	.company-others ul.list li span.tt {
		width: 250px;
	}
	.company-others ul.list li small {
		padding-right: 10px;
	}
	#content .intro {
		padding-bottom: 80px;
	}
	#content .intro h2 {
		font-size: 38px;
		line-height: 65px;
	}
	#content .intro .description p {
		line-height: 30px;
		height: 540px;
	}
	#content .detail-2 dl {
		padding: 0;
	}
	.category .item {
		margin-bottom: 60px;
	}
	.category .item h3 {
		padding-top: 20px;
		margin-bottom: 5px;
	}
	.category-column .row .info dl dt {
		line-height: 32px;
		padding-bottom: 20px;
	}
	.category-details .cate-date {
		padding-top: 8px;
	}
	.category-details .cate-date .date {
		top: 8px;
	}
	.category-details .cate-content .txt-2 {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.category-column .row .image {
		padding-top: 40%;
	}
	#mail .col-3 .form-row {
		width: 280px;
		left: auto;
		top: auto;
		margin: 0 auto;
		position: relative;
	}
	#mail .col-3 .input::before {
		content: "";
		border-bottom: 1px solid #aeaeae;
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		max-width: 250px;
	}
	#mail .col-3,
	#mail .col-3 .form-row-2,
	#mail .col-3 .form-row {
		display: block;
	}
	#mail .col-3 .form-row {
		border-right: none;
		margin-bottom: 7px;
	}
	#mail .col-3 .form-row-2 button {
		padding: 8px 0;
	}
	#mail .col-3 .form-row-2 button::before {
		right: -44px;
	}
	#mail .col-3 .input {
		text-align: center;
		padding-bottom: 11px;
		position: relative;
	}
	#mail .col-3 .input::before {
		content: "";
		border-bottom: 1px solid #aeaeae;
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		transform: translateX(0%);
		max-width: 100%;
	}
	#content .detail-2 dl dd {
		font-size: 15px;
	}
}
@media screen and (max-width: 840px) {
	.author-details .author-items .item {
		width: 22%;
	}
	.author-details .author-items .item + .item {
		margin-left: 4%;
	}
	#content .intro .description p {
		margin-left: 28px;
	}
}
@media all and (max-width: 1000px) and (min-width: 768px) {
	body.single-project,
	body.single-post {
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	a {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.timetable {
		padding-top: 20px;
		padding-bottom: 60px;
	}
	.timetable dl {
		display: block;
		font-size: 15px;
		padding-bottom: 15px;
	}
	.timetable dl dt,
	.timetable dl dd {
		display: block;
	}
	.timetable h3 {
		font-size: 14px;
		padding-bottom: 20px !important;
	}
	.timetable h4 {
		font-size: 20px;
	}
	.timetable h5 {
		font-size: 12px;
		padding-bottom: 20px !important;
	}
	.author-details .tt-f {
		position: relative;
	}
	.author-details .tt-f::before {
		content: "";
		background: url("https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/icon_plus@2x.png") no-repeat top center;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		width: 35px;
		height: 36px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		display: none;
	}
	.author-details h4 {
		padding-bottom: 15px;
		font-size: 13px;
	}
	.author-details .author .info {
		float: none;
		padding-left: 0;
	}
	.author-details .author .thumb {
		float: none;
		margin: 0 auto 15px;
		width: 250px;
		height: 250px;
	}
	.author-details .author .thumb,
	.author-details .author-items .item .sub-photo {
		max-width: 250px;
		padding-top: 0;
		height: 250px;
	}
	.author-details .author .info {
		width: auto;
	}
	.author-details .author .info .tt {
		font-size: 14px;
	}
	.author-details .author .info .name-alias {
		padding: 15px 0;
	}
	.author-details .author .info .name-alias .name {
		font-size: 18px;
	}
	.author-details .author .info .name-alias .alias {
		font-size: 13px;
	}
	.author-details .author {
		padding-bottom: 60px;
	}
	.author-details .author-items .item {
		float: none;
		min-width: 250px;
		margin: 0 auto 7%;
		width: 100%;
	}
	.author-details .author .info .tt {
		padding-top: 15px;
	}
	.author-details .author-items .item .ttl {
		padding: 24px 0 10px;
		text-align: left;
		font-size: 14px;
	}
	.author-details .author-items .item .name {
		text-align: left;
		font-size: 18px;
		display: inline-block;
	}
	.author-details .author-items .item .alias {
		font-size: 13px;
		padding-left: 20px;
		padding-bottom: 10px;
		display: inline-block;
	}
	.author-details .author-items .item + .item {
		margin-left: 0;
		padding-top: 40px;
	}
	.company-others {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.company-others ul.list li {
		padding-bottom: 25px;
	}
	.company-others ul.list li:last-child {
		padding-bottom: 0;
	}
	.company-others ul.list li span,
	.company-others ul.list li small,
	.company-others ul.list li p,
	.company-others ul.list li a {
		display: block;
		width: auto;
	}
	.company-others ul.list li span.tt {
		font-size: 18px;
	}
	.company-others ul.list li small {
		font-size: 13px;
		text-indent: -6px;
	}
	.company-others ul.list li a::before {
		width: 25px;
		height: 25px;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
	}
	.mmap {
		height: 400px;
		background-color: #000;
	}
	.mmap ifram {
		height: 400px;
		overflow: hidden;
	}
	.m-others {
		padding-top: 35px;
	}
	.m-others p span {
		font-size: 16px;
		padding-left: 18px;
	}
	.m-others .btn-txt {
		padding: 2px 0 20px 3px;
	}
	.m-others p span::before {
		width: 7px;
		height: 20px;
	}
	.c-note-1 {
		padding: 10px 0 40px;
	}
	.c-note-1 a {
		font-weight: 900 !important;
	}
	.fc-confirm .ct-toggle {
		margin-top: 30px;
	}
	.item-select {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.item-select ul {
		text-align: left;
		display: block;
	}
	.item-select ul li {
		font-size: 15px;
		display: block;
		margin-bottom: 10px;
	}
	.item-select ul li.required {
		position: relative;
		top: 0;
		right: auto;
		font-size: 13px;
		left: 42px;
	}
	.item-select span,
	ul.flow-list li h3 {
		font-size: 16px;
	}
	.i-custom .ico:before {
		width: 22px;
		height: 22px;
	}
	.i-custom .ico:before,
	.i-custom .ico:after {
		width: 22px;
		height: 22px;
		top: 0;
	}
	.i-custom .ico {
		padding-left: 34px;
	}
	.i-custom input:checked ~ .ico:after {
		width: 20px;
		height: 12px;
		top: 5px;
	}
	ul.flow-list li {
		padding-bottom: 60px;
	}
	ul.flow-list li::before {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		width: 30px;
		height: 15px;
		bottom: 37px;
	}
	.contact-others {
		padding-bottom: 0;
	}
	.contact-others .item .inside .list,
	.contact-others .item {
		width: auto;
	}
	.contact-others .item .inside {
		padding: 15px 20px;
	}
	.contact-others .item h3 {
		padding-bottom: 27px;
	}
	.contact-others .item h3 span {
		padding-bottom: 10px;
		font-size: 16px;
	}
	.contact-others .item .inside .list ul + ul,
	.contact-others .item .inside .list ul {
		width: auto;
		font-size: 14px;
		line-height: 30px;
		float: none;
	}
	.contact-others .item .inside .list ul li br {
		display: none;
	}
	.contact-others .note-1 {
		padding-top: 20px;
	}
	.contact-others .note-1 span {
		padding: 41px 29px 21px;
		font-size: 16px;
	}
	.contact-others .txt {
		padding-top: 20px;
		font-size: 15px;
		line-height: 30px;
	}
	.contact-others .note-2 {
		padding-top: 26px;
	}
	.contact-others .note-2 span {
		padding: 40px 50px 31px;
		font-size: 16px;
	}
	#mail .caption {
		padding-right: 0;
		clear: both;
		float: none;
	}
	#mail input[type="text"],	#mail input[type="email"] {
		padding: 6px 10px 0;
		line-height: 40px;
		font-size: 13px;
	}
	#mail .row > .col {
		display: block;
		width: auto;
		padding-left: 0 !important;
		float: none;
		clear: both;
	}
	#mail .mark-require {
		font-size: 13px;
	}
	#mail .row .col-2 .input {
		width: 48%;
	}
	#mail .fuild-2 .col,
	#mail .fuild-2 .col + .col {
		clear: none;
		float: left;
	}
	#mail .fuild-2 .col + .col {
		padding-left: 3%;
		width: 71% !important;
		padding-left: 4%;
	}
	#mail .form-value + .form-value {
		float: right !important;
		padding-left: 2%;
	}
	#mail .caption {
		padding-top: 6px;
	}
	#mail textarea {
		height: 250px;
	}
	#mail .row {
		width: auto;
		display: block;
	}
	#mail .submit {
		padding-left: 0;
		text-align: center;
	}
	#mail .col-3 {
		padding: 12px 20px 10px;
	}
	#mail .col-3 .i-custom .ico {
		padding-left: 0;
	}
	#mail .col-3 .i-custom .ico:before,
	#mail .col-3 .i-custom .ico:after {
		left: -15px !important;
		top: 1px !important;
	}
	#mail .col-3 .input .i-custom .ico:after {
		left: -11px !important;
		top: 7px !important;
	}
	#mail .col-3 .i-custom .ico:after {
		left: -35px;
	}
	#mail .col-3 input[type="checkbox"] {
		margin-right: 0;
		width: 0;
		height: 0;
	}
	#mail .col-3 .form-row {
		border-right: none;
		font-size: 13px;
	}
	.ct-toggle p.tt {
		font-size: 14px;
		padding: 14px 0 10px;
	}
	#mail .col-3 .form-row-2 button {
		font-size: 15px;
		padding: 8px 0;
	}
	#mail .col-3 .form-row-2 button::before {
		width: 25px;
		height: 25px;
		right: -33px;
	}
	#mail .col-3 .form-row-2 button:hover::after {
		left: 0;
	}
	#mail .fc-confirm .col-3 {
		margin-top: 20px;
	}
	#mail .fc-confirm .tab,
	#mail .fc-confirm .col-3 .form-row {
		display: none !important;
	}
	#mail .col-3 input[type="checkbox"] {
		float: none;
	}
	#mail .confirm-main .submit {
		padding-left: 0 !important;
		text-align: center !important;
	}
	.txt-vertical .txt-latin,
	.txt-vertical {
		writing-mode: inherit;
		-o-writing-mode: inherit;
		-ms-writing-mode: inherit;
		-moz-writing-mode: inherit;
		-webkit-writing-mode: inherit;
	}
	#content .intro {
		padding-top: 10px;
		padding-bottom: 40px;
	}
	#content .intro h2 {
		position: relative;
		top: 0;
		font-size: 26px;
		line-height: 40px;
		padding-bottom: 20px;
	}
	#content .intro .description {
		padding-right: 0;
	}
	#content .intro .description p {
		float: none;
		height: 100% !important;
		line-height: 28px;
		font-size: 14px;
		margin-left: 0;
		margin-bottom: 10px;
		width: 100%;
		text-align: left !important;
	}
	#content .intro .description p br {
		display: none;
	}
	#content .intro .description .signal {
		font-size: 18px;
		margin-left: 0;
		text-align: right;
	}
	#content .detail-2 {
		padding-bottom: 60px;
	}
	#content .detail-2 dl {
		padding: 0;
	}
	#content .detail-2 dl dt {
		padding-bottom: 20px;
		line-height: 30px;
		font-size: 20px;
	}
	#content .detail-2 dl dd br {
		display: none;
	}
	#content .intro .description p:nth-child(4),
	#content .intro .description p:nth-child(3),
	#content .intro .description p:nth-child(2) {
		height: 100%;
		margin-bottom: 10px;
	}
	.category-column .row .image {
		padding-top: 70%;
	}
	.category-column .row .info,
	.category-column .row .image {
		width: auto;
		float: none;
	}
	.category-column .row .info {
		padding-top: 15px;
	}
	.category-column .row {
		padding-bottom: 60px;
	}
	.category-details .group-btn {
		padding: 20px 0 0;
	}
	.category-details .name-tt-2 {
		padding-bottom: 20px;
	}
	#work .w-slider .slider-images {
		min-height: 190px;
	}
	#work .w-slider .slider-thumb {
		display: none;
	}
	.slider-nav-2 {
		padding-top: 20px;
	}
	#work .info .detail,
	#work .info .ttl {
		width: auto;
		padding-top: 15px;
	}
	#work .info .detail {
		padding-top: 30px;
	}
	#work .info .ttl dl dt {
		font-size: 25px;
		line-height: 35px;
	}
	#work .info .detail .tt {
		border-bottom: 1px solid #9b9ea0;
		margin-bottom: 10px;
		text-align: justify;
		text-justify: inter-ideograph;
		text-justify: inter-character;
		-ms-text-justify: inter-ideograph;
		text-align-last: start;
		font-size: 100%;
	}
	#work .works-more {
		padding: 80px 0 0;
		margin: 0 -10px;
	}
	#work .works-more h3 {
		padding: 0 30px 7px;
	}
	#mail .col-3 .input {
		text-align: center;
		padding-bottom: 8px;
		position: relative;
	}
	#mail .col-3 .input::before {
		content: "";
		border-bottom: 1px solid #aeaeae;
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		max-width: 250px;
	}
	#mail .col-3 .form-value > [class^="error"] {
		left: 3px;
	}
	#mail .col-3,
	#mail .col-3 .form-row-2,
	#mail .col-3 .form-row {
		display: block;
	}
	#mail input {
		line-height: 2.4285714285714 !important;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}
	.slick-next {
		right: -28px;
	}
	.slick-prev {
		left: -28px;
	}
	.slick-prev,
	.slick-next {
		width: 27px;
		height: 42px;
	}
}
@media screen and (max-width: 640px) {
	.category .item {
		width: auto;
		float: none;
	}
	.category .item h3 {
		font-size: 16px;
		padding-top: 15px;
		margin-bottom: 0;
	}
	.category-column .row .info dl {
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.category-column .row .info dl dt {
		padding: 0 0 10px;
		font-size: 18px;
		line-height: 28px;
	}
	.category-details .cate-date .date,
	.category-details .cate-date a,
	.category-column .row .info .date,
	.category .item .cate-tt .date,
	.category .item .cate-tt a {
		font-size: 13px;
	}
	.category .item .cate-tt a {
		padding-bottom: 5px;
	}
	.category-details .title h3 {
		font-size: 26px;
		line-height: 40px;
	}
	.category-details .cate-content .txt-2 {
		padding-bottom: 40px;
	}
	#work {
		padding-top: 15px;
	}
}
@media screen and (max-width: 520px) {
	.contact-others .note-1 span {
		padding: 31px 20px 15px;
		font-size: 16px;
	}
	.contact-others .note-2 span {
		padding: 34px 40px 21px;
		font-size: 16px;
	}
	.contact-others .item h3 span {
		width: auto;
	}
	.two_column_content .col {
		display: block;
	}
	.category-details .group-item .col + .col,
	.category-details .group-item .col {
		width: auto !important;
		float: none !important;
		display: block !important;
		padding-left: 0 !important;
	}
	.category-details .group-item .col + .col .txt,
	.category-details .group-item .col .txt {
		padding-top: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	#work .info .ttl dl dt,
	.category-details .title h3 {
		font-size: 21px;
		line-height: 30px;
	}
	.category-details .group-image .sub-photo:nth-child(2n),
	.category-details .group-image .sub-photo {
		width: auto !important;
		border-right: none;
		border-left: none;
	}
	.category-details .name-tt-2,
	.category-details .name-tt {
		padding-top: 0;
		font-size: 18px;
		line-height: 30px;
		font-family: YakuHanJP_Narrow, YakuHanJP_Noto, "游ゴシック体", YuGothic,
			"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",
			"noto-M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ",
			"Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: 600;
		font-style: normal;
	}
	.category-details .name-tt {
		padding-top: 20px !important;
	}
	.category-details .title {
		padding-top: 20px;
	}
	.category-details .name-tt-2 br {
		display: none;
	}
	.col-two-column p + p,
	.col-two-column .txt + .txt,
	.col-two-column p,
	.col-two-column {
		display: block;
		width: auto;
		padding-right: 0;
		padding-left: 0;
	}
	.category-details dt.tt-c {
		font-size: 20px;
		line-height: 30px;
	}
	#work .w-slider {
		padding-bottom: 0;
	}
	.mb60 {
		margin-bottom: 40px !important;
	}
	.mb115 {
		margin-bottom: 90px !important;
	}
	.mb43 {
		margin-bottom: 25px !important;
	}
	#work .info .ttl dl {
		padding-bottom: 20px;
	}
	#work .info .ttl dl dd {
		padding-top: 15px;
	}
	#work .works-more h3 {
		font-size: 15px;
	}
	.slider-nav-2 {
		padding-top: 10px;
	}
	#content .detail-2 dl dt {
		font-size: 18px;
	}
}
@media screen and (max-width: 425px) {
	.contact-others .item .inside {
		padding: 15px 10px;
	}
	.contact-others .note-1 span {
		padding: 35px 9px 20px;
	}
	.contact-others .note-2 span {
		padding: 34px 32px 21px;
	}
	.contact-others .note-2 span,
	.contact-others .note-1 span {
		font-size: 16px;
	}
	#mail .fuild-2 .col {
		width: 35% !important;
	}
	#mail .fuild-2 .col + .col {
		width: 61% !important;
		padding-left: 4% !important;
	}
}
@media screen and (max-width: 375px) {
	.contact-others .item .inside .list ul li span {
		display: inline;
		text-indent: 0;
	}
	.slick-next {
		right: -20px;
	}
	.slick-prev {
		left: -20px;
	}
	.slick-prev,
	.slick-next {
		width: 20px;
		height: 35px;
	}
}
.single-project .category-details .name-tt {
	padding-top: 52px;
}
.single-project .heading_title {
	padding-top: 115px;
}
.single-project .heading_title h3 {
	font-weight: 700 !important;
	font-size: 23px;
	line-height: 42px;
}
.single-project .two_column_content {
	display: table;
	line-height: 28px;
	padding-bottom: 60px;
}
.single-project .two_column_content .col {
	display: table-cell;
	box-sizing: border-box;
	padding-right: 3px;
	width: 50%;
}
.single-project .two_column_content .col + .col {
	padding-right: 0;
	padding-left: 16px;
}
.single-project .category-details .two_image .group-item {
	padding-top: 0;
}
.single-project .category-details .two_image .group-item .col {
	width: 598px;
}
.single-project .simple_content {
	padding-bottom: 60px;
}
.single-project .simple_content .txt,
.single-post .simple_content .txt {
	width: 50%;
}
.single-post .two_column_content .txt,
.single-project .two_column_content .txt {
	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	columns: 2;
	column-gap: 34px;
}
.single-project .simple_image .txt-1 {
	padding-top: 10px;
	font-size: 13px;
}
.single-project
	.category-details
	.four_image
	.group-image
	.sub-photo:nth-child(3),
.single-project
	.category-details
	.four_image
	.group-image
	.sub-photo:nth-child(4) {
	border-bottom: none;
}
@media screen and (max-width: 1550px) {
	.category-details .group-item .col + .col,
	.category-details .group-item .col,
	.single-project .category-details .two_image .group-item .col + .col,
	.single-project .category-details .two_image .group-item .col {
		width: 49.8%;
		box-sizing: border-box;
	}
	.single-project .heading_title {
		padding-top: 70px;
	}
}
@media screen and (max-width: 767px) {
	.single-project .simple_content .txt,
	.single-post .simple_content .txt {
		width: unset;
	}
	.single-post .two_column_content .txt,
	.single-project .two_column_content .txt {
		-webkit-columns: 1;
		-moz-columns: 1;
		-ms-columns: 1;
		columns: 1;
		column-gap: 0;
	}
	.company-others ul.list li {
		position: relative !important;
		margin-bottom: 15px;
		display: block;
		height: auto !important;
	}
	.company-others ul.list li span,
	.company-others ul.list li small,
	.company-others ul.list li p {
		display: block;
	}
	.company-others ul.list li span.tt {
		width: auto !important;
		font-size: 17px !important;
		white-space: nowrap;
		padding-right: 0;
		display: block;
		float: none;
	}
	.company-others ul.list li small {
		font-size: 16px !important;
		width: auto;
		position: relative !important;
		display: block;
		left: 0 !important;
		padding-left: 4px;
	}
	.company-others ul.list li p {
		position: relative !important;
		display: block;
		text-align: left !important;
		font-size: 13px !important;
		top: 0 !important;
		font-weight: 400;
		padding-right: 55px;
		line-height: 1.7;
	}
}
@media screen and (max-width: 520px) {
	.single-project .heading_title {
		padding-top: 43px;
	}
	.single-project .category-details .title {
		padding-top: 20px;
	}
	.single-project .category-details .title h3 {
		padding-bottom: 20px;
	}
	.single-project .category-details .two_image .group-item .col + .col,
	.single-project .category-details .two_image .group-item .col {
		width: auto;
		float: none;
	}
	.single-project .category-details .two_image .group-item .col + .col {
		border-top: 4px solid #fff;
	}
	.single-post .simple_content .txt,
	.single-project .simple_content .txt,
	.single-post .two_column_content .txt,
	.single-project .two_column_content .txt {
		width: auto;
	}
	.single-project .simple_content .txt,
	.single-post .simple_content .txt {
		width: unset;
	}
	.single-project .two_column_content .txt {
		-webkit-columns: 1;
		-moz-columns: 1;
		-ms-columns: 1;
		columns: 1;
	}
	.single-project
		.category-details
		.four_image
		.group-image
		.sub-photo:nth-child(3) {
		border-bottom: 6px solid #fff;
	}
	.single-project .simple_content,
	.single-project .two_column_content {
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 1024px) {
  .wrap{
    padding-top: 30px
  }
  .main_logo {
    position: fixed;
    top: 20px;
    left: 30px;
    width: 122px;
    z-index: 9999;
    
}
     header{
       height: 50px;
       padding: 0;
       margin: 0 !important
     }
  .wrap{
    padding-top: 80px
  }
}
@media screen and (max-width: 1000px) {
    .main_logo {
    position: fixed;
    top: 20px;
    left: 30px;
    width: 122px;
    z-index: 9999;
}
  .subBtn{
    display: block;
    width: 190px;
    margin: 0 auto;
  }  
  #mail .col-3 .form-row-2 .subBtn::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    transition: all 0.6s ease;
    left: auto;
    right: 0;
    top: 0px;
}
  .wpcf7-spinner{
    display: none
  }  
}

   @media screen and (max-width: 767px) {
    #mail .col-3 .form-row-2 .submit-form span.subBtn{
    display: block;
    width: 190px;
    margin: 0 auto !important;
  }  
  #mail .col-3 .form-row-2 .subBtn::before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(https://superball.jp/sbdb2/wp-content/themes/superball/frontend/shared/css/../img/shared/arrow_1@2x.svg);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    transition: all 0.6s ease;
    left: auto;
    right: 0;
    top: 10px;
}  
     
     .item-select span{
       display: block;
       margin-bottom: 10px
     }
     .item-select ul {
    text-align: left;
    display: block;
       margin-bottom: 0px
}
}

.custom-logo {
    opacity: 1;
    transition: opacity 0.4s ease-out;
    width: 100px !important;
    height: 30px !important;
    position: fixed;
    top: 25px;
    left: 30px;
}
.l-header {
    margin-top: 0px;
}
.c-navbar{
  justify-content: center
}