@charset "UTF-8";
/* Scss Document */
.pc { display: block !important; }

.sp { display: none !important; }

.disable { opacity: 0.3; pointer-events: none; }

.mt30 { margin-top: 30px !important; }

.mt60 { margin-top: 60px !important; }

.mt90 { margin-top: 90px !important; }

/* common */
body { -webkit-text-size-adjust: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 10px; color: #333; font-feature-settings: "palt" 1; text-align: justify; }

header { display: block; }

main, footer { display: block; /*overflow: hidden;*/ }

nav { font-family: "Signika", sans-serif; font-weight: 300; }

ul { list-style: none; padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

:placeholder-shown { color: #999; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder { color: #999; }

/* Firefox 18- */
:-moz-placeholder { color: #999; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder { color: #999; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder { color: #999; }

/* header */
.inner { width: 1020px; margin: 0 auto; position: relative; }
.inner:after { content: ""; clear: both; display: block; }

#top-head { top: -100px; position: absolute; width: 100%; margin: 100px auto 0; padding: 0; line-height: 1; z-index: 999; background: #f39800; border-bottom: 2px solid #fff; color: #fff; text-decoration: none; }
#top-head a { color: #fff; text-decoration: none; }

#global-nav ul { list-style: none; position: absolute; left: 0; bottom: 0; font-size: 25px; padding: 0; margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0; }
#global-nav ul li { float: left; position: relative; text-align: center; padding: 0 !important; }
#global-nav ul li:nth-child(1) { width: 170px; background: url(../images/bg_nav.png) right bottom/1px no-repeat; }
#global-nav ul li:nth-child(2) { width: 190px; background: url(../images/bg_nav.png) left bottom/1px no-repeat, url(../images/bg_nav.png) right bottom/1px no-repeat; }
#global-nav ul li:nth-child(3) { width: 210px; background: url(../images/bg_nav.png) left bottom/1px no-repeat, url(../images/bg_nav.png) right bottom/1px no-repeat; }
#global-nav ul li:nth-child(4) { width: 235px; background: url(../images/bg_nav.png) left bottom/1px no-repeat, url(../images/bg_nav.png) right bottom/1px no-repeat; }
#global-nav ul li:nth-child(5) { width: 215px; background: url(../images/bg_nav.png) left bottom/1px no-repeat; }
#global-nav ul li a { padding: 15px 0; letter-spacing: 0.06em; display: block; -webkit-transition: all .3s; transition: all .3s; }
#global-nav ul li a:hover { -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); opacity: .6; -webkit-transition: all .3s; transition: all .3s; }
#global-nav ul li a.active:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin: 0 0 0 -5px; width: 0; height: 0; border-right: 10px solid transparent; border-top: 10px solid #fff; border-left: 10px solid transparent; }
#global-nav ul li a.active:hover { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 12px; top: 14px; width: 34px; height: 36px; cursor: pointer; z-index: 101; }
#nav-toggle div { position: relative; }
#nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #fff; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; }
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }

/* Logo + snsicon */
#top #top-head .inner { height: 580px; }
#top #top-head .logo { background: url(../images/top_logo.png) no-repeat; position: absolute; top: 0; left: 50%; margin-top: 0; margin-left: -360px; }
#top #top-head .logo a { pointer-events: none; display: block; width: 720px; height: 580px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

#low #top-head .inner { height: 110px; }
#low #top-head .logo { background: url(../images/fixed_logo.png) no-repeat; position: absolute; top: 5px; left: 50%; margin-top: 0; margin-left: -510px; }
#low #top-head .logo a { display: block; width: 405px; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.sns_icon { position: absolute; top: 5px; right: 0; }
.sns_icon a { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url(../images/sns_icon.png); }
.sns_icon a.facebook { width: 76px; height: 24px; background-position: left top; }
.sns_icon a.facebook:hover { background-position: left bottom; }
.sns_icon a.twitter { margin-left: 4px; width: 79px; height: 24px; background-position: right top; }
.sns_icon a.twitter:hover { background-position: right bottom; }

/* main */
h2 { font-family: "Signika", sans-serif; font-weight: 300; font-size: 60px; background: #f39800; color: #fff; letter-spacing: 0.2em; text-align: center; padding: 60px 0; }

h3 { font-family: "Signika", sans-serif; font-weight: 300; font-size: 28px; padding: 3px 10px 3px 60px; color: #f39800; letter-spacing: 0.06em; background: url(../images/title_icon.png) left top/49px no-repeat; margin-top: 10px; }

section { width: 1020px; margin: 0 auto; padding: 50px 0; }
section:after { content: ""; clear: both; display: block; }

#top main { margin-top: 580px; }

#low main { margin-top: 110px; }

.information .box { float: left; width: 330px; height: 420px; }
.information .box.news { border-left: 2px solid #f39800; position: relative; }
.information .box.news h3 { font-size: 22px; padding: 6px 0 6px 60px; }
.information .box.news ul { width: 100%; height: 345px; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: absolute; left: 0; bottom: 0; margin-bottom: 0; }
.information .box.news ul li { padding: 0 20px 30px; }
.information .box.news ul li span { display: block; font-size: 13px; margin-bottom: 10px; }
.information .box.news ul li a { display: block; font-size: 14px; color: #333; line-height: 1.4; }
.information .box.facebook, .information .box.twitter { margin-left: 15px; }

/* news */
.contents.news { border-left: 2px solid #f39800; padding: 10px 0 20px !important; margin-bottom: 50px; }
.contents.news:after { content: ""; clear: both; display: block; }
.contents.news.post h3 { font-size: 24px; }
.contents.news.post time { display: block; font-size: 13px; text-align: right; margin-bottom: 30px; }
.contents.news.post .posts { font-size: 16px; line-height: 1.5; }
.contents.news.post .posts p { margin: 0 0 1em; }
.contents.news.post .posts a { color: #333; }
.contents.news .fit { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.contents.news .archives { list-style: none; float: left; width: 160px; background: #f39800; line-height: 1.875; padding: 20px 20px 20px 30px; margin: 0 20px 0 19px; }
.contents.news .archives li { display: none; }
.contents.news .archives li:nth-child(1), .contents.news .archives li:nth-child(2), .contents.news .archives li:nth-child(3), .contents.news .archives li:nth-child(4), .contents.news .archives li:nth-child(5), .contents.news .archives li:nth-child(6), .contents.news .archives li:nth-child(7), .contents.news .archives li:nth-child(8), .contents.news .archives li:nth-child(9), .contents.news .archives li:nth-child(10), .contents.news .archives li:nth-child(11), .contents.news .archives li:nth-child(12) { display: block; }
.contents.news .archives a { display: block; font-size: 16px; color: #fff; text-decoration: none; }
.contents.news .posts { float: left; width: 819px; }
.contents.news .posts ul { width: 100%; margin: 0; }
.contents.news .posts ul:after { content: ""; clear: both; display: block; }
.contents.news .posts ul li { padding: 0 0 30px; }
.contents.news .posts ul li span { display: block; font-size: 13px; margin-bottom: 10px; }
.contents.news .posts ul li a { display: block; font-size: 16px; color: #333; line-height: 1.4; }
.contents.news .posts .pagenation { text-align: right; margin-top: 30px; }
.contents.news .posts .pagenation.end { margin-top: 80px; }
.contents.news .posts .pagenation a { display: inline-block; background: #f39800; font-size: 16px; color: #fff; border: 1px solid #f39800; text-decoration: none; padding: 10px 12px; }
.contents.news .posts .pagenation a:not(:first-child) { margin-left: 10px; }
.contents.news .posts .pagenation a:hover, .contents.news .posts .pagenation span { display: inline-block; background: #fff; font-size: 16px; color: #f39800; border: 1px solid #f39800; padding: 10px 12px; }
.contents.news .posts .pagenation a:hover:not(:first-child), .contents.news .posts .pagenation span:not(:first-child) { margin-left: 10px; }

/* talent */
.contents.talent { border-left: 2px solid #f39800; padding: 10px 0 20px !important; margin-bottom: 50px; }
.contents.talent ul:after { content: ""; clear: both; display: block; }
.contents.talent ul li { float: left; width: 325px; height: 154px; background: #f39800; margin-left: 19px; margin-bottom: 11px; position: relative; }
.contents.talent ul li a { display: block; width: 325px; height: 154px; -webkit-transition: all .3s; transition: all .3s; }
.contents.talent ul li a:hover { -webkit-filter: contrast(120%); -moz-filter: contrast(120%); -o-filter: contrast(120%); -ms-filter: contrast(120%); filter: contrast(120%); -webkit-transition: all .3s; transition: all .3s; }
.contents.talent ul li figure { width: 150px; height: 150px; margin: 0; position: absolute; top: 2px; left: 2px; }
.contents.talent ul li figure img { width: 150px; height: 150px; object-fit: cover; object-position: center center; font-family: 'object-fit: cover; object-position: center center'; }
.contents.talent ul li .name { position: absolute; top: 50px; left: 160px; font-size: 23px; color: #fff; }
.contents.talent ul li .name2 { position: absolute; top: 50px; left: 160px; font-size: 19px; color: #fff; }
.contents.talent ul li .name span,.contents.talent ul li .name2 span { display: block; font-size: 13px; margin-top: 10px; }
.contents.talent ul li:not(:nth-child(3n+1)) { margin-left: 12px; }

.contents .art {
	text-align: left;
}
.contents .art_ca {
	list-style: none;
	width: 100%;
	background: #f39800;
	line-height: 1.875;
	padding: 20px 20px 20px 30px;
	margin: 0px;
	color: #fff;
}
.contents .art h5 {
	margin-left: 40px;
	font-size: 14px;
	width: 100%;
	clear: both;
}
.contents .art dl dd::before { content: ""; width: 0px; height: 100%; position: absolute; top: 30px; left: 0; }
.contents .art dl dd {
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	width: 300px;
	font-size: 12px;
}
.contents .art dl .other h5 {
	clear: both;
	padding-top: 30px;
	}
.contents .art dl .tab01 dd,
.contents .art dl .other dd {
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	width: 750px;
	font-size: 12px;
	clear:both;
}

#tags span {
cursor:pointer;	
-webkit-transition:all .5s;
transition:all .5s;
}
#tags span.select , #tags span:hover {
border-bottom:solid 1px #FFF;
padding-bottom:0px;
}

.tab02, .tab03, .tab04, .other {
	display:none;}
#choice {
	font-size:12px;}
	
.cleafix{clear:both}


/* company, contact, talent-profile */
.contents { border-left: 2px solid #f39800; padding: 10px 0 20px !important; margin-bottom: 50px; }
.contents dl { display: table; overflow: hidden; border-bottom: 2px solid #f39800; width: 800px; font-size: 16px; line-height: 1.5; margin: 0; }
.contents dl:after { content: ""; clear: both; display: block; }
.contents dl dt { display: table-cell; width: 156px; padding: 15px 10px 15px 40px; vertical-align: top; }
.contents dl dt sup { color: #f39800; margin-left: 0.3em; top: 0; font-size: 16px; }
.contents dl dd { display: table-cell; padding: 15px 10px 15px 45px;  position: relative; }

.contents dl dd img { float:left; margin-right:10px; margin-bottom:15px;}
	
.contents dl dd a { color: #333; text-decoration: underline; }
.contents dl dd::before { content: ""; width: 2px; height: 100%; background: #f39800; position: absolute; top: 30px; left: 0; }
.contents dl .dd02 { clear:both; left: 0; border-top:#DF7914 2px solid; padding: 15px 0px 15px 0px; }

.contents dl dd ul { margin: 0; }
.contents dl dd ul li { text-indent: -1em; padding-left: 1em; }
.contents dl.full { width: 1020px; }
.contents .mailform dt { width: 224px; }
.contents .mailform dd { padding: 15px 15px 6px 20px; }
.contents .mailform dd input { width: 360px; max-width: 80%; background: #eee; border: none; border-radius: 10px; padding: 8px; }
.contents .mailform dd textarea { width: 700px; height: 160px; background: #eee; border: none; border-radius: 10px; padding: 8px; }
.contents .profile .notes { background: #f39800; color: #fff; padding: 20px 40px; margin: 0 0 30px 20px; position: relative; }
.contents .profile .notes:after { content: ""; clear: both; display: block; }
.contents .profile .notes figure { display: inline-block; float: left; width: 200px; height: 300px; margin: 0; }
.contents .profile .notes figure img { width: 200px; height: 300px; object-fit: cover; object-position: center center; font-family: 'object-fit: cover; object-position: center center'; }
.contents .profile .notes h4 { float: right; width: 660px; font-size: 30px; font-weight: normal; padding: 0 30px 50px; margin: 0; }
.contents .profile .notes h4 span { display: block; font-size: 16px; }
.contents .profile .notes .print { display: block; position: absolute; top: 20px; right: 40px; border: 1px solid #fff; font-size: 14px; color: #fff; text-decoration: none; padding: 5px 15px; }
.contents .profile .notes .print:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.contents .profile .notes ul.info { float: right; width: 660px; padding: 0 10px 0 30px; margin: 0; }
.contents .profile .notes ul.info:after { content: ""; clear: both; display: block; }
.contents .profile .notes ul.info li { float: left; }
.contents .profile .notes ul.info li h5 { font-size: 16px; font-weight: normal; margin: 0 0 15px 0; }
.contents .profile .notes ul.info li.voice { /*width: 370px;*/ }
.contents .profile .notes ul.info li.voice ul { margin: 20px 35px 0 0; border-bottom: 2px solid #fff; }
.contents .profile .notes ul.info li.voice ul:after { content: ""; clear: both; display: block; }
.contents .profile .notes ul.info li.voice ul li:first-child { width: 120px; font-size: 14px; padding-top: 15px; }
.contents .profile .notes ul.info li.voice ul li:not(:first-child) { margin-left: 5px; }
.contents .profile .notes ul.info li.voice ul li:not(:first-child) a { display: table-cell; text-align: center; vertical-align: middle; width: 38px; height: 38px; border-radius: 19px 19px 0 0; font-size: 18px; color: #f39800; text-decoration: none; background: #fff; }
.contents .profile .notes ul.info li.voice ul li:not(:first-child) a[href=""] { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; pointer-events: none; }
.contents .profile .notes ul.info li.voice ul li:not(:first-child) a:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

.contents .profile .notes ul.info li.art_pro { width: 370px; font-size:14px; margin-right:10px; }

.contents .profile .notes ul.info li.links { width: 230px; }
.contents .profile .notes ul.info li.links a,
.contents .profile .notes ul.info li.links2 a { display: inline-block; background: #fff; font-size: 14px; color: #f39800; text-decoration: none; padding: 10px 15px; margin: 0 6px 6px 0; }
.links a.official {float:left;}

.contents .profile .notes ul.info li.links a:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.contents .profile dt { width: 195px; }
.contents .works { margin-top: 90px; }
.contents .works dl { width: 1020px; }
.contents .works dl dt { width: 195px; }

.form_btn { text-align: center; margin-bottom: 50px; }
.form_btn input { display: inline-block; background: #f39800; font-size: 22px; color: #fff; width: 300px; height: 65px; border: none; border-radius: 32.5px; margin: 0 10px; cursor: pointer; }
.form_btn input:hover { background: rgba(243, 152, 0, 0.6); }
.form_btn input.wpcf7-back { background: #666; }
.form_btn input.wpcf7-back:hover { background: rgba(102, 102, 102, 0.6); }

.wpcf7-response-output, .wpcf7-validation-errors, .wpcf7-acceptance-missing { border: none !important; margin: 20px; padding: 0; font-size: 16px; color: #e00; }

.wpcf7c-elm-step1, .wpcf7c-elm-step2, .wpcf7c-elm-step3 { margin: 20px; padding: 0; font-size: 16px; }

.wpcf7c-elm-step3 p { margin-bottom: 1em; line-height: 1.4; }
.wpcf7c-elm-step3:not(.wpcf7c-force-hide) + dl { display: none; }

.wpcf7-mail-sent-ok { display: none; }

.wpcf7-form-control-wrap { position: relative; }
.wpcf7-form-control-wrap .wpcf7-not-valid-tip { position: absolute; right: -10px; bottom: 0; z-index: 999; background: #f39800; border-radius: 3px; padding: 2px 7px; font-size: 12px; color: #fff; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)); }
.wpcf7-form-control-wrap .wpcf7-not-valid-tip:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(243, 152, 0, 0); border-right-color: #f39800; border-width: 5px; margin-top: -5px; }

input.wpcf7c-conf:-webkit-autofill { box-shadow: 0 0 0px 1000px #fff inset; }

input[type="text"].wpcf7c-conf, input[type="tel"].wpcf7c-conf, input[type="email"].wpcf7c-conf, select.wpcf7c-conf, textarea.wpcf7c-conf { border: none; background: none !important; box-shadow: 0 0 0px 1000px #fff inset; resize: none; }

form.sent dl { display: none; }
form.sent .wpcf7-mail-sent-ok { display: none !important; }
form.sent .form_btn { display: none; }

/* footer */
footer { background: #f39800; padding: 30px 0; text-align: center; }
footer ul { width: 1020px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 22px; margin: 0 auto; }
/*footer ul:after { content: ""; clear: both; display: block; }*/
footer ul li { /*float: left;*/ width: 234px; padding: 0 !important; margin: 0 5px 15px 5px; }
footer ul li a { display: block; position: relative; -webkit-transition: all .3s; transition: all .3s; }
footer ul li a:hover { -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); opacity: .8; -webkit-transition: all .3s; transition: all .3s; }
footer ul li a img { max-width: 100%; }
footer small { display: block; font-size: 12px; color: #fff; margin-top: 30px; }

@media screen and (max-width: 1040px) { /* header */
  .inner { width: 100%; }
  #global-nav ul { font-size: 22px; width: 100%; }
  #global-nav ul li { padding: 15px 0; }
  #global-nav ul li:nth-child(1) { width: 16.7%; }
  #global-nav ul li:nth-child(2) { width: 18.7%; }
  #global-nav ul li:nth-child(3) { width: 20.6%; }
  #global-nav ul li:nth-child(4) { width: 23%; }
  #global-nav ul li:nth-child(5) { width: 21%; }
  /* Logo + snsicon */
  #top #top-head .inner { height: auto; }
  #top #top-head .logo { width: 100%; max-width: 720px; height: 580px; background: url(../images/top_logo.png) center center/contain no-repeat; position: static; margin: 0 auto; }
  #low #top-head .inner { height: 110px; }
  #low #top-head .logo { left: 5px; margin-left: 0; }
  .sns_icon { right: 5px; }
  /* main */
  section { width: 100%; padding: 40px 0; }
  .information .box { float: left; height: 270px; }
  .information .box.news { float: none; width: 98%; margin: 5px 1% !important; }
  .information .box.news ul { height: 205px; }
  .information .box.facebook { width: 48.5%; margin: 5px 0.5% 5px 1% !important; }
  .information .box.twitter { width: 48.5%; margin: 5px 1% 5px 0.5% !important; }
  .information .fb-page, .information .twitter-timeline { height: 270px !important; }
  /* news */
  .contents.news { width: 98%; margin: 5px 1% 40px !important; }
  .contents.news .archives { width: 18%; padding: 10px 1% 10px 2%; margin-left: 1%; margin-right: 1%; }
  .contents.news .archives a { font-size: 14px; }
  .contents.news .posts { width: 80%; }
  .contents.news .posts ul li { padding: 0 0 20px; }
  /* talent */
  .contents.talent { width: 98%; margin: 5px 1% 40px !important; }
  .contents.talent ul li { float: left; width: 32%; margin-left: 2%; border: 2px solid #f39800; }
  .contents.talent ul li a { display: block; width: 100%; }
  .contents.talent ul li figure { width: 40%; top: 0; left: 0; }
  .contents.talent ul li figure img { max-width: 100%; }
  .contents.talent ul li .name { top: 30px; left: 45%; font-size: 18px; }
    .contents.talent ul li .name2 { top: 30px; left: 45%; font-size: 14px; }
  .contents.talent ul li .name span,.contents.talent ul li .name2 span { font-size: 10px; }
  .contents.talent ul li:not(:nth-child(3n+1)) { margin-left: 1%; }
  /* company, contact */
  .contents { width: 98%; margin: 5px 1% 40px !important; }
  .contents dl { width: 100%; margin: 0; }
  .contents dl dt { width: 20%; padding: 5px 5px 10px 4%; }
  .contents dl dd { width: auto; padding: 5px 5px 10px 4%; }
  .contents dl dd::before { top: 15px; }
  .contents dl.full { width: 100%; }
  .contents .mailform dt { width: 22%; padding: 15px 15px 6px 2%; }
  .contents .mailform dd { padding: 15px 15px 6px 2%; }
  .contents .mailform dd input { width: 100% !important; max-width: 360px; font-size: 16px; padding: 5px; }
  .contents .mailform dd textarea { width: 100% !important; max-width: 700px; font-size: 16px; padding: 5px; }
  .contents .profile .notes { padding: 20px 40px; margin: 0 0 30px 20px; position: relative; }
  .contents .profile .notes h4 { float: none; width: 300px; padding: 0 0 30px; margin-left: 230px; }
  .contents .profile .notes .print { right: 20px; }
  .contents .profile .notes ul.info { float: none; width: 300px; padding: 0 0 30px; margin-left: 230px; }
  .contents .profile .notes ul.info li { float: none; }
  .contents .profile .notes ul.info li.voice { width: 300px; }
  .contents .profile .notes ul.info li.voice ul { margin: 20px 0 0; overflow: hidden; }
  .contents .profile .notes ul.info li.voice ul li { float: left; }
  .contents .profile .notes ul.info li.voice ul li:first-child { width: 105px; padding-top: 12px; }
  .contents .profile .notes ul.info li.voice ul li:not(:first-child) a { width: 34px; height: 34px; border-radius: 17px 17px 0 0; }
  .contents .profile .notes ul.info li.links { width: 300px; margin-top: 30px; }
  .contents .profile dt { width: 19%; }
  .contents .works dl { width: 100%; }
  .contents .works dl dt { width: 19%; }
  /* footer */
  footer { padding: 30px 0; }
  footer ul { width: 100%; padding: 0 2% !important; }
  footer ul li { width: 23%; margin: 0 1%; } }
@media screen and (max-width: 640px) { .pc { display: none !important; }
  .sp { display: block !important; }
  /* header */
  #top-head, .inner { width: 100%; padding: 0; }
  #top-head { top: 0; position: fixed; margin-top: 0; }
  #mobile-head { background: #f39800; width: 100%; height: 56px; z-index: 999; position: relative; }
  #top-head.fixed .logo, #top-head .logo { position: absolute; left: 5px; top: 5px; }
  #global-nav { position: absolute; /* 開いてないときは画面外に配置 */ top: -500px; background: rgba(243, 152, 0, 0.9); width: 100%; text-align: center; padding: 10px 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }
  #global-nav ul { list-style: none; position: static; right: 0; bottom: 0; font-size: 14px; }
  #global-nav ul li { float: none; position: static; padding: 5px 0 !important; }
  #global-nav ul li:after { display: none; }
  #top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a { width: 100%; display: block; color: #fff; padding: 15px 0; }
  #nav-toggle { display: block; }
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) { top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg); }
  .open #nav-toggle span:nth-child(2) { width: 0; left: 50%; }
  .open #nav-toggle span:nth-child(3) { top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg); }
  /* #global-nav スライドアニメーション */
  .open #global-nav { /* #global-nav top + #mobile-head height */ -moz-transform: translateY(556px); -webkit-transform: translateY(556px); transform: translateY(556px); }
  .logo { -webkit-transition: all .3s; transition: all .3s; }
  .open .logo { -ms-filter: "alpha(opacity=20)"; filter: alpha(opacity=20); opacity: .2; -webkit-transition: all .3s; transition: all .3s; }
  /* header */
  #global-nav ul li { padding: 15px 0; }
  #global-nav ul li:nth-child(1) { width: 100%; background: none; }
  #global-nav ul li:nth-child(2) { width: 100%; background: none; }
  #global-nav ul li:nth-child(3) { width: 100%; background: none; }
  #global-nav ul li:nth-child(4) { width: 100%; background: none; }
  #global-nav ul li:nth-child(5) { width: 100%; background: none; }
  /* Logo + snsicon */
  #top #top-head .inner, #low #top-head .inner { height: 56px; }
  #top #top-head .logo, #low #top-head .logo { width: 144px; height: 45px; background: url(../images/fixed_logo_sp.png) left top/contain no-repeat; position: absolute; top: 5px; left: 5px; }
  #top #top-head .logo a, #low #top-head .logo a { pointer-events: visible; display: block; width: 144px; height: 45px; }
  .sns_icon { position: absolute; top: 60px; right: 5px; }
  .sns_icon a { zoom: 0.5; }
  /* main */
  h2 { font-size: 40px; padding: 30px 0; margin: 0 auto; }
  h3 { margin: 0 auto; font-size: 24px; }
  section { padding: 30px 0; }
  #top main { margin-top: 56px; }
  #low main { margin-top: 56px; }
  .mv { width: 100%; background: #f39800; margin: 0 auto; }
  .mv img { max-width: 100%; }
  .information .box { float: none; }
  .information .box.news { width: 98%; margin: 15px 1% !important; }
  .information .box.news ul { height: 215px; }
  .information .box.facebook { width: 98%; margin: 15px 1% !important; }
  .information .box.twitter { width: 98%; margin: 15px 1% !important; }
  /* news */
  .contents.news { margin: 5px 1% 30px !important; }
  .contents.news.post h3 { font-size: 18px; }
  .contents.news.post time { font-size: 10px; margin-right: 10px; margin-bottom: 15px; }
  .contents.news.post .posts { font-size: 14px; padding: 0 10px; }
  .contents.news .archives { display: none; }
  .contents.news .posts { width: 100%; }
  .contents.news .posts ul { padding-top: 15px; }
  .contents.news .posts ul li { padding: 15px 10px 0; }
  .contents.news .posts ul li span { font-size: 10px; margin-bottom: 5px; }
  .contents.news .posts ul li a { font-size: 14px; }
  .contents.news .posts .pagenation { text-align: center; }
  .contents.news .posts .pagenation a { font-size: 12px; padding: 5px 6px; margin-top: 5px; }
  .contents.news .posts .pagenation a:not(:first-child) { margin-left: 5px; }
  .contents.news .posts .pagenation a:hover, .contents.news .posts .pagenation span { font-size: 12px; padding: 5px 6px; margin-top: 5px; }
  .contents.news .posts .pagenation a:hover:not(:first-child), .contents.news .posts .pagenation span:not(:first-child) { margin-left: 5px; }
  /* talent */
  .contents.talent { margin: 5px 1% 30px !important; }
  .contents.talent ul li { height: 165px; }
  .contents.talent ul li figure { width: 100%; }
  .contents.talent ul li figure img { width: 100%; max-height: 100px; }
  .contents.talent ul li .name { top: auto; bottom: 10px; left: 5px; font-size: 16px; }
  .contents.talent ul li .name2 { top: auto; bottom: 10px; left: 5px; font-size: 13px; }
  .contents.talent ul li .name span,.contents.talent ul li .name2 span { margin-top: 5px; }
  
  .tab02, .tab03, .tab04, .other {
	display:block;}
	.contents .art_ca {
	list-style: none;
	width: 100%;
	background: #f39800;
	line-height: 1.875;
	padding: 20px 20px 20px 30px;
	margin: 0px;
	color: #fff;
	display:none;
}

.contents .art h5 {
	margin-left: 20px;
	font-size: 14px;
	width: 100%;
	clear: both;
}

.contents .art dl .tab01 dd,
.contents .art dl .other dd {
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	width: 85%;
	font-size: 12px;
	clear:both;
}
.contents .art dl dd {
	margin-left: 20px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	width: 43%;
	font-size: 12px;
}
.contents dl dd img { float:left; margin-right:10px; width:70px}
	
	.contents .profile .notes ul.info li.art_pro { width: 100%; font-size:14px; margin-right:10px; }
	
  /* company, contact */
  .contents { margin: 5px 1% 30px !important; }
  .contents dl { font-size: 12px; }
  .contents dl dt { padding: 10px 5px 5px 10px; }
  .contents dl dd { padding: 10px 5px 5px 10px; }
  .contents .mailform dt { width: 40%; padding: 10px 5px 5px 10px; }
  .contents .mailform dd { padding: 10px 5px 10px 10px; }
  .contents .profile .notes { padding: 10px; margin: 30px 0 30px 10px; text-align: center; }
  .contents .profile .notes figure { float: none; margin: 0 auto; }
  .contents .profile .notes h4 { width: 100%; padding: 0 0 20px; margin: 10px 0; }
  .contents .profile .notes ul.info { width: 100%; padding: 0 0 20px; margin: 0 auto; }
  .contents .profile .notes ul.info li.voice { width: 100%; }
  .contents .profile .notes ul.info li.voice ul { width: 260px; margin: 20px auto 0; }
  .contents .profile .notes ul.info li.voice ul li:first-child { width: 85px; padding-top: 10px; text-align: left; }
  .contents .profile .notes ul.info li.voice ul li:not(:first-child) a { width: 30px; height: 30px; border-radius: 15px 15px 0 0; }
  .contents .profile .notes ul.info li.links { width: 100%; }
  .contents .works { margin-top: 50px; }
  .form_btn input { font-size: 16px; max-width: 80%; margin: 5px auto; }
  /* footer */
  footer { padding: 20px 0; }
  footer ul { width: 100%; padding: 0 2% !important; }
  footer ul li { width: 48%; margin: 0 1% 7px; }
  footer ul li:last-child, footer ul li:nth-last-child(2) { margin-bottom: 0; }
  footer small { font-size: 9px; margin-top: 20px; } }

/*# sourceMappingURL=style.css.map */