/*-------------------------------------------------------
	default css
-------------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	background-color:#fff;
	color: #1A1E38;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	line-height: 1.8;
	width: 100%;
	min-width: 1024px;
}
@media screen and (max-width: 1024px) {
	body {
		min-width: 0;
	}
}


body#about {
	background-color:#1A1E38;
	color: #fff;
}

a, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

#about a, #about a:visited {
	color: #fff;
	text-decoration: none;
}
#about a:hover, #about a:active {
	color: #fff;
	text-decoration: underline;
}


.pc {
	display: block;
}
@media screen and (max-width: 1024px) {
	.pc {
		display: none;
	}
}

.sp {
	display: none;
}
@media screen and (max-width: 1024px) {
	.sp {
		display: block;
	}
}

.clear {
	*zoom: 1;
}
.clear:before, .clear:after {
	content: "";
	display: table;
}
.clear:after {
	clear: both;
}

ul {
	list-style: none;
}

.note {
	margin: 0 0 30px 20px;
}
.note span {
	margin-left: -20px;
}

.center {
	text-align: center;
}

a:hover img{
	opacity: .7;
}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #1A1E38;
	height: 1px;
}
#about hr{
	border-color: #fff;
}



/*-------------------------------------------------------
	header
-------------------------------------------------------*/

.title{
	text-align:center;
	margin-bottom:30px;
	padding-top:50px;

}
#about .title{
	color:#fff;
}
.title img {
	width: 150px;
}

.menu{
	text-align:center;
}
.menu li{
	display: inline-block;
	font-size:95%;
}
.menu li:first-child{
	margin-right:30px;
}

.menu_select{
	border-bottom:1px solid #1A1E38;
}
#about .menu_select{
	border-bottom:1px solid #52A7F8;
}



/*-------------------------------------------------------
	mainvisual
-------------------------------------------------------*/


.mainvisual {
	position: relative;
	margin: 30px 0 30px 30px;
	overflow: hidden;
}
@media screen and (max-width: 1024px) {
	.mainvisual {
		min-height: 0;
		margin: 10px 0 10px 10px;
	}
}
#about .mainvisual {
	position: relative;
	margin: 30px 30px 30px 0;
	overflow: hidden;
}
@media screen and (max-width: 1024px) {
	#about .mainvisual {
		min-height: 0;
		margin: 10px 10px 10px 0;
	}
}

#index .copy h2{
	position: absolute;
	z-index: 2;
	color:#fff;
	top:165px;
	right:60px;
	font-size:28px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 2.5em;
	font-weight: 700;
}
@media screen and (max-width: 1024px) {
	#index .copy h2 {
		top:120px;
		left:30px;
		font-size:22px;
		letter-spacing: 0.1em;
	}
}

#about .copy h2{
	position: absolute;
	z-index: 2;
	color:#1A1E38;
	top:180px;
	left:60px;
	font-size:28px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.2;
	font-weight: 700;
}
@media screen and (max-width: 1024px) {
	#about .copy h2 {
		top:180px;
		left:30px;
		font-size:22px;
		letter-spacing: 0.1em;
	}
}

.sub-copy {
	font-size:18px;
}

#index .topics .topic_txt{
	padding-left: 20px;
	max-width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media screen and (max-width: 1024px) {
	#index .topics .topic_txt {
		padding-left: 0;
		white-space: normal;
		max-width: 90%;
	}
}
#about .topics .topic_txt{
	padding-left: 50px;
	max-width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media screen and (max-width: 1024px) {
	#about .topics .topic_txt {
		padding-left: 10px;
		white-space: normal;
		max-width: 90%;
	}
}
.topics p {
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
}



/*-------------------------------------------------------
	top.main
-------------------------------------------------------*/

#index {
	background: url(../images/bg_line.png) repeat-y right;
}
@media screen and (max-width: 1024px) {
	#index {
		background: url(../images/bg_line_sp.png) repeat-y right;
	}
}

#index .layer_anime{
	width:28px;
	height: 100%;
	display:  block;
	position: absolute;
	top: 0;
	right:0;
	z-index: 1000;
	background: #1A1E38;
	animation: anime1 1s ease;
}
#index .layer_anime:after{
	content: "";
	border-left: solid 2px #1A1E38;
	position: absolute;
	top: 0px;
	left: -6px;
	width: calc(100% - 6px);
	height: calc(100% - 0px);
}
@media screen and (max-width: 1024px) {
	#index .layer_anime {
		width:7px;
	}
	#index .layer_anime:after{
		border-left: solid 1px #1A1E38;
		left: -4px;
	}
}

@keyframes anime1 {
	0% {
		width:100%;
	}
	100% {
		width:28px;
	}
}
@media screen and (max-width: 1024px) {
	@keyframes anime1 {
		0% {
			width:100%;
		}
		100% {
			width:7px;
		}
	}
}

#index .gradation{
	width: 100%;
	height: 400px;
	background: linear-gradient(90deg, #208D45, #184198, #683B93, #1861AE, #D7000F, #DDAF29);
	background-size: 600% 600%;
	animation: AnimationName 20s ease infinite;
	z-index: 1;
}

@keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}




/*-------------------------------------------------------
	about.main
-------------------------------------------------------*/

#about {
	background: url(../images/bg_line2.png) repeat-y left;
}
@media screen and (max-width: 1024px) {
	#about {
		background: url(../images/bg_line2_sp.png) repeat-y left;
	}
}

#about .layer_anime{
	width:28px;
	height: 100%;
	display:  block;
	position: absolute;
	top: 0;
	left:0;
	z-index: 1000;
	background: #fff;
	animation: anime2 1s ease;
}
#about .layer_anime:after{
	content: "";
	border-right: solid 4px #fff;
	position: absolute;
	top: 0px;
	right: -6px;
	width: calc(100% - 6px);
	height: calc(100% - 0px);
}
@media screen and (max-width: 1024px) {
	#about .layer_anime {
		width:7px;
	}
	#about .layer_anime:after{
		border-right: solid 1px #fff;
		right: -4px;
	}
}

@keyframes anime2 {
    0% {
		width:100%;
    }
    100% {
		width:28px;
    }
}
@media screen and (max-width: 1024px) {
	@keyframes anime2 {
		0% {
			width:100%;
		}
		100% {
			width:7px;
		}
	}
}

#about .about_photo{
	width: 100%;
	height: 400px;
	background-color:#fff;
	z-index: 1;
}


.wave {
  opacity: .4;
  position: absolute;
  top: 0%;
  right: 1%;
  background: #DDAF29;
  width: 1600px;
  height: 1600px;
  margin-right: -1600px;
  margin-top: -600px;
  transform-origin: 42% 48%;
  border-radius: 43%;
  animation: drift 5000ms infinite linear;
}
.wave.-two {
  animation: drift 6000ms infinite linear;
  opacity: .1;
  background: #D7000F;
}
.wave.-three {
  animation: drift 7000ms infinite linear;
  opacity: .1;
  background: #1861AE;
}
.wave.-four {
  animation: drift 8000ms infinite linear;
  opacity: .1;
  background: #683B93;
}
.wave.-five {
  animation: drift 9000ms infinite linear;
  opacity: .1;
  background: #184198;
}
.wave.-six {
  animation: drift 10000ms infinite linear;
  opacity: .1;
  background: #208D45;
}
@keyframes drift {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}



/*-------------------------------------------------------
	contents
-------------------------------------------------------*/

.inner {
	width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 1024px) {
	.inner {
		width: auto;
		padding: 0 15px;
	}
}

.inner h3 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:28px;
	font-weight: 700;
	margin :0 auto;
	text-align: center;
}



#index .link {
	margin-top: 50px;
}
#index .link a, #index .link a:visited {
	color: #000;
	text-decoration: underline;
}

#about .link {
	margin-top: 50px;
}
#about .link a, #about .link a:visited {
	color: #000;
	text-decoration: underline;
}

.btn a,
.btn_ruuun a,
.btn_dozo a{
	width:120px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:5px;
	border-radius:20px;
	margin-top:20px;
	color:#fff;
}

.btn a,
.btn_ruuun a{
	background-color:#184198;
}

.btn_dozo a{
	background-color:#D7000F;
}


.btn_s a{
	width:90px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:2px;
	color:#fff;
	background-color:#184198;
	border-radius:15px;
	margin-right: 10px;
}

.btn a:hover, .btn_s a:hover{
	opacity: .7;
}


.top-scroll__link{
  position: fixed;
  right: 40px;
  bottom: 20px;
  background: #000;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
  transition: .3s;

  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 0.6;
  visibility: visible;
}

.top-scroll__link img {
  width: 16px;
  margin-left: auto;
  margin-right: auto;
}

.top-scroll__link:hover {
  opacity: 0.8;
}




/*-------------------------------------------------------
	top.contents
-------------------------------------------------------*/

.message {
	height: 400px;
	margin-top: 150px;
	margin-bottom: 50px;
	background: url(../images/index_message.jpg) no-repeat center;
}
@media screen and (max-width: 1024px) {
	.message {
		margin-top: 100px;
	}
}
.massage-bgline {
	background: url(../images/bg_line.png) repeat-y right;
	height: 100%;
}
@media screen and (max-width: 1024px) {
	.massage-bgline {
		background: url(../images/bg_line_sp.png) repeat-y right;
	}
}

.message .inner{
	text-align: center;
}
.message .inner h3{
	font-size:180%;
	color: #fff;
	padding-top:90px;
	float: left;
	text-align: left;
	color: #fff;
	letter-spacing: 0.5em;
	line-height: 2.5em;
}
.message .inner img{
	width: 150px;
	padding-top:120px;
	float: left;
}
@media screen and (max-width: 1024px) {
	.message .inner h3 {
		font-size:140%;
		padding-top:110px;
		padding-left:15px;
		letter-spacing: 0.1em;
	}
	.message .inner img {
		width: 120px;
		padding-top:140px;
		margin:0 50px;
	}
}
@media screen and (max-width: 640px) {
	.message .inner h3 {
		font-size:140%;
		padding-top:30px;
		padding-left:15px;
		letter-spacing: 0.1em;
	}
	.message .inner img {
		width: 120px;
		float: none;
		padding-top:20px;
		margin:0 30px;
	}
}


.service {
	padding: 100px 0;
}
.service-list{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
@media screen and (max-width: 640px) {
	.service {
		padding: 50px 0;
	}
	.service-list {
		display: block;
		width: 100%;
	}
	.service-list img {
		width: 90%;
	}
}
.service-copy {
	text-align: left;
	margin:0;
	font-weight: 500;
	font-size: 20px;
}
.service-img img {
	width: 300px;
	margin-top: 25px;
}
.videoproduction {
	font-size: 70px;
	font-weight: 900;
}
.workshop {
	font-size: 70px;
	font-weight: 900;
	letter-spacing: -0.15em;
}

.service-list .mvimg {
	width: 310px;
}
@media screen and (max-width: 640px) {
	.service-list .mvimg {
		width: 90%;
	}
}


@media screen and (max-width: 640px) {
	.service-copy {
		font-size: 16px;
	}
	.service-img img {
		width: 200px;
	}
	.videoproduction, .workshop {
		font-size: 50px;
		line-height: 60px;
	}
}
@media screen and (max-width: 1024px) {
	.service-img img {
		width: 200px;
	}
	.videoproduction, .workshop {
		font-size: 50px;
		line-height: 60px;
	}
}
.service-img a:hover, .service-img a:active {
	color: #000;
	text-decoration: none;
}

.service-txt {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
	.service-txt{
		margin-top: 30px;
	}
}
.bdr_left {
	border-left: solid 1px #000;
	padding-left: 40px;
	min-height: 250px;
}
.bdr_left_sht {
	border-left: solid 1px #000;
	padding-left: 40px;
	min-height: 150px;
}
@media screen and (max-width: 640px) {
	.bdr_left {
		border-left: none;
		padding-left: 0;
		min-height: 0;
	}
	.bdr_left_sht {
		border-left: none;
		padding-left: 0;
		min-height: 0;
	}
}
.service .btn a{
	margin-top: 50px;
}
@media screen and (max-width: 640px) {
	.service .btn a{
		margin-top: 20px;
	}
}



.news {
	padding: 100px 0;
}
.news h3{
	margin-bottom: 20px;
}
#newsall .news h3{
	margin-bottom: 0;
}
.news-copy {
	text-align: center;
	margin-bottom: 50px;
	font-size: 20px;
}
.news-detial {
	white-space: nowrap;
	padding: 15px;
	border-bottom: solid 1px #000;
}
.news-detial:first-child {
	border-top: solid 1px #000;
}
.news-date {
	display: inline-block;
	margin-right:20px;
	vertical-align: top;
}
.news-txt {
	display: inline-block;
	white-space: normal;
	width: 90%;
}
@media screen and (max-width: 1024px) {
	.news-date {
		display: block;
	}
	.news-txt {
		display: block;
		width: 100%;
	}
}
.news .btn a{
	margin: 50px auto;
}


.toiawase {
	padding-top: 50px;
	background-color: #1A1E38;
	color: #fff;
}
.toiawase-txt {
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.toiawase-txt {
		padding: 0 20px;
	}
}
.toiawase-txt h3 {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 1024px) {
	.toiawase-txt h3 {
		padding-bottom: 20px;
	}
}
.toiawase-txt .btn a{
	margin: 50px auto;
}

.foot {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	color: #fff;
}
.foot p {
	font-size: 90%;
	margin-top: 10px;
}


.toiawase-form {
	width: 50%;
	color: #000;
}
@media screen and (max-width: 1024px) {
	.toiawase-form  {
		width: 100%;
	}
}
.toiawase-form h3{
	text-align: center;
	font-size: 28px;
	margin-bottom: 30px;
}
.toiawase-form table th,.toiawase-form table td{
	padding: 10px;
	vertical-align: top;
	font-size: 14px;
}
@media screen and (max-width: 1024px) {
	.toiawase-form table th,.toiawase-form table td {
		padding: 5px;
 		display: block;
 		text-align: left;
 		width: 100%;
	}
	.toiawase-form table th {
		margin-top:10px;
	}
}
.form-txt {
	width: 100%;
	height: 30px;
}
.form-txt-wide {
	width: 100%;
}

.toiawase-form p {
	font-size: 12px;
}
.toiawase-form .btn_l{
	width:150px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:5px;
	color:#fff;
	background-color:#184198;
	border-radius:5px;
	margin: 20px auto;
}


/*-------------------------------------------------------
	about.contents
-------------------------------------------------------*/

.member-message {
	padding-top: 150px;
}
@media screen and (max-width: 1024px) {
	.member-message {
		padding-top: 100px;
		margin-left: 10px;
	}
}

.member-message h3 {
	margin-bottom: 80px;
}
.member-copy {
	font-size:120%;
	text-align: center;
	margin:20px 0 80px 0;
}
@media screen and (max-width: 1024px) {
	.member-copy {
		margin:20px 0 40px 0;
	}
}

ul.member-list{
	margin:0;
	text-align: center;
}
.member-list li.member-profile{
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
	background-color: #fff;
	padding: 10px;
	min-height: 340px;
}
@media screen and (max-width: 1024px) {
	.member-list li.member-profile {
		min-height: 270px;
	}
}

.member-img p {
	color: #000;
	font-size: 90%;
	margin-top:10px;
}

.member-img img {
	width: 100%;
}



.about-workstyle {
	height: 400px;
	margin-top: 200px;
	margin-bottom: 0;
	background: url(../images/about_workstyle.jpg) no-repeat center;
}
@media screen and (max-width: 1024px) {
	.about-workstyle {
		margin-top: 100px;
		background-size: cover;
	}
}
@media screen and (max-width: 640px) {
	.about-workstyle {
		margin-top: 100px;
		background-size: cover;
		background-position: left;
	}
}

.about-bgline {
	background: url(../images/bg_line2.png) repeat-y left;
	height: 100%;
}
@media screen and (max-width: 1024px) {
	.about-bgline {
		background: url(../images/bg_line2_sp.png) repeat-y left;
	}
}
.about-workstyle .inner{
	text-align: center;
}
.about-workstyle .inner h3{
	font-size:180%;
	color: #fff;
	padding-top:160px;
	color: #fff;
	letter-spacing: 0.5em;
	line-height: 2.5em;
}
@media screen and (max-width: 1024px) {
	.about-workstyle .inner h3 {
		letter-spacing: normal;
	}
}
.about-workstyle .inner p{
	font-size:130%;
	font-weight: 500;
}


.about-message01 {
	height: 800px;
	margin-top: 0;
	margin-bottom: 0;
	background: url(../images/about_mywork_2023.png) no-repeat center;
}
@media screen and (max-width: 640px) {
	.about-message01 {
		height: 600px;
		background-size: cover;
	}
}

.message-point-in {
	padding: 150px;
}
.message-point {
	width: 500px;
	height: 500px;
	background-color: #fff;
	opacity: 0.8;
	color: #000;
	margin: 0 auto;
	padding: 50px;
}
@media screen and (max-width: 640px) {
	.message-point-in {
		padding: 30px;
	}
	.message-point {
		width: 100%;
		padding: 20px;
	}
}

.message-point h3 {
	margin-bottom: 50px;
}
.message-point p {
	font-size:120%;
	font-weight: 400;
}
@media screen and (max-width: 640px) {
	.message-point h3 {
		font-size:24px;
	}
	.message-point p {
		font-size:110%;
	}
}
.about-message02 {
	height: 800px;
	margin-top: 0;
	margin-bottom: 0;
	background: url(../images/about_activity.jpg) no-repeat center;
}
@media screen and (max-width: 640px) {
	.about-message02 {
		height: 600px;
		background-size: cover;
	}
}
.about-message03 {
	height: 800px;
	margin-top: 0;
	margin-bottom: 0;
	background: url(../images/about_area.jpg) no-repeat center;
}
@media screen and (max-width: 640px) {
	.about-message03 {
		height: 600px;
		background-size: cover;
	}
}

.place {
	height: 800px;
	margin-top: 0;
	margin-bottom: 0;
	background: url(../images/about_studio.jpg) no-repeat center;
}
@media screen and (max-width: 640px) {
	.place {
		height: 600px;
		background-size: cover;
	}
}
.message-point-right {
	width: 500px;
	height: 800px;
	background-color: #1A1E38;
	opacity: 0.9;
	color: #fff;
	padding: 50px;
	position: absolute;
	right:0;
}
@media screen and (max-width: 640px) {
	.message-point-right {
		width: 100%;
		height: 600px;
		opacity: 0.7;
		padding: 20px;
	}
}
.message-point-right h3 {
	margin-top: 100px;
	margin-bottom: 50px;
}
.message-point-right p {
	font-size:120%;
	margin-bottom: 50px;
}

.recruit {
	height: 800px;
	margin-top: 0;
	margin-bottom: 0;
	background: url(../images/about_recruit.jpg) no-repeat center;
}
@media screen and (max-width: 640px) {
	.recruit {
		height: 600px;
		background-size: cover;
	}
}
.message-point-left {
	width: 500px;
	height: 800px;
	background-color: #1A1E38;
	opacity: 0.9;
	color: #fff;
	padding: 50px;
	position: absolute;
	left:34px;
}
@media screen and (max-width: 1024px) {
	.message-point-left {
		left:0;
	}
}
@media screen and (max-width: 640px) {
	.message-point-left {
		width: 100%;
		height: 600px;
		opacity: 0.7;
		padding: 20px;
		margin: 0;
		left:0;
	}
}
.message-point-left h3 {
	margin-top: 100px;
	margin-bottom: 50px;
}
.message-point-left p {
	font-size:120%;
	margin-bottom: 50px;
}


#about .news {
	background-color: #fff;
	color: #000;
}
#about .news a{
	color: #000;
}
#about .news .btn a{
	color: #fff;
	text-decoration: none;
}



.gaiyo {
	padding-top: 150px;
}
.gaiyo table {
	width: 800px;
	margin: 50px auto 150px;
}
@media screen and (max-width: 1024px) {
	.gaiyo table {
		width: 100%;
	}
}
.gaiyo table tr {
	border-bottom: 1px solid #4D5276;
}
.gaiyo table tr:first-child {
	border-top: 1px solid #4D5276;
}
.gaiyo table th, .gaiyo table td {
	text-align: left;
	padding: 15px;
}
.gaiyo table th {
	white-space: nowrap;
}
#about .gaiyo a {
	text-decoration: underline;
}
#about .gaiyo .btn a {
	text-decoration: none;
}



.media {
	background-color:#fff;
	color: #000;
	padding: 150px 0;
}
@media screen and (max-width: 640px) {
	.media {
		padding: 100px 0;
	}
}

.media h3 {
	margin-bottom: 80px;
}
.media-copy {
	text-align: center;
	margin-bottom: 50px;
	font-size: 120%;
	font-weight: 400;
}
.media-copy h3 {
	margin-top: 20px;
}
@media screen and (max-width: 640px) {
	.media-copy img {
    	width: 60%;
	}
}
.media-detial {
	display: inline-block;
	vertical-align: top;
	width: 310px;
	margin: 0 10px;
	padding-bottom:30px;
}
.media-detial img {
	border:1px solid #ccc;
	width: 310px;
	min-height: 175px;
}
@media screen and (max-width: 1240px) {
	.media-detial {
    	width: 220px;
	}
	.media-detial img {
    	width: 220px;
	}
}
@media screen and (max-width: 640px) {
	.media-detial {
    	display: block;
    	margin: 0 auto;
    	width: 310px;
	}
	.media-detial img {
    	width: 100%;
	}
}
.media-date {
	color: #000;
}
.media-txt {
	color: #000;
}
.media .btn {
	margin-top:50px;
}
.media .btn a{
	margin: 0 auto;
}



/*-------------------------------------------------------
	slick/fancybox add
-------------------------------------------------------*/

* {
    box-sizing: border-box;
}

.slider {
    width: 100%;
    margin: 100px auto;
}
.slick-slide {
    margin: 0px 10px;
}
@media screen and (max-width: 1024px) {
	.slider {
    	width: 96%;
	}
	.slick-slide {
    	margin: 0px 9px;
	}
}

.slick-prev:before,
.slick-next:before {
    color: #fff;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
}
@media screen and (max-width: 1024px) {
	.slick-prev {
    	left: -7px;
	}
	.slick-next {
    	right: -20px;
	}
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

.fancybox-caption__body {
    height: 120px;
    overflow: auto;
    pointer-events: all;
    width: 70%;
    text-align: left;
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 1024px) {
	.fancybox-caption__body {
		height: auto;
		width: 100%;
	}
}

.slick-dots li {
	display: none;
}


/*-------------------------------------------------------
	newsall.contents
-------------------------------------------------------*/

.newred {
	color: #f00;
	padding-left: 10px;
	font-weight: 700;
}

.footbottom {
	padding-top: 50px;
	background-color: #1A1E38;
	color: #fff;
	margin-top: 200px;
}

select {
  background-color: white;
  border: thin solid #ccc;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}


#newsall .year {
	font-size: 120%;
	font-weight: 700;
	margin: 30px 0 5px 0;
	padding-left: 15px;
}

#newsdetail .news {
	padding: 0;
}
#newsdetail .news .news-detail-link {
	padding: 30px 0;
	font-size: 90%;
}
#newsdetail .news-detail-date {
	margin: 20px 0;
	color: #000;
}
#newsdetail .news-detail{
	width: 800px;
	margin: 0 auto;
}
@media screen and (max-width: 1024px) {
	#newsdetail .news-detail {
		width: 100%;
	}
}
#newsdetail .news-detail h3{
	margin-bottom: 50px;
	text-align: left;
	line-height: 1.5em;
}
#newsdetail .news-detail p{
	line-height: 2.0em;
	padding-bottom: 20px;
	color: #000;
}
#newsdetail .news-detail p .bold{
	font-weight: 700;
}
#newsdetail .news-detail a{
	text-decoration: underline;
}

#newsdetail .news-detail img{
		width: 500px;
		margin-bottom: 20px;
	}
@media screen and (max-width: 1024px) {
	#newsdetail .news-detail img{
		width: 100%;
	}
}


/*-------------------------------------------------------
	itosall.contents
-------------------------------------------------------*/


#itoall .media-copy {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 120%;
	font-weight: 400;
}
#itoall .media-copy h3 {
	margin-top: 20px;
}
@media screen and (max-width: 640px) {
	#itoall .media-copy img {
    	width: 60%;
	}
}
#itoall .media-detial {
	display: inline-block;
	vertical-align: top;
	width: 310px;
	margin: 0 10px;
	padding-bottom:30px;
}
@media screen and (max-width: 1240px) {
	#itoall .media-detial {
    	width: 220px;
	}
	#itoall .media-detial img {
    	width: 220px;
	}
}
@media screen and (max-width: 640px) {
	#itoall .media-detial {
    	display: block;
    	margin: 0 auto;
    	width: 310px;
	}
	#itoall .media-detial img {
    	width: 100%;
	}
}
/* 10周年動画の設定 */
#iframe_for_10th {
  width: 100%;
  aspect-ratio: 16 / 9;
}
#tateito_vision {
  font-weight: bold;
}
#tateito_vision span {
  font-size: 120%;
}
/* 10周年動画の設定 */