@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

.pc_only{display:block;}
.sp_only{display:none;}

/* CSS Remedy */
*,::after,::before{box-sizing:border-box}html{line-sizing:normal}body{margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle;max-width:100%}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
ul,li{list-style-type: none;padding: 0; margin: 0;}
p{margin: 0;padding: 0;}
article{margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}


/*==========common==========*/
.cmn_mbLL{margin-bottom: 160px !important;}
.cmn_mbL{margin-bottom: 90px !important;}
.cmn_mbM{margin-bottom: 70px !important;}
.cmn_mbS{margin-bottom: 50px !important;}
.cmn_mbSS{margin-bottom: 30px !important;}
.cmn_pbLL{padding-bottom: 160px !important;}
.cmn_pbL{padding-bottom: 90px !important;}
.cmn_pbM{padding-bottom: 70px !important;}
.cmn_pbS{padding-bottom: 50px !important;}
.cmn_pbSS{padding-bottom: 30px !important;}
.cmn_p{font-size: 1.6rem; line-height: 2;}
.cmn_tac{text-align: center;}
.cmn_fltL{float:left;}
.cmn_clear{content: "";clear: both;display: block;}
.cmn_line13{line-height: 1.3 !important;}

html {font-size: 62.5%;-webkit-text-size-adjust: 100%;}
body{position: relative; font-size: 1.6rem; font-family: 'Roboto', 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #111; letter-spacing: 0.06em;}
hr{color:#a9a496; height: 1;}

.chkPoint{width:100%; min-width: 1120px; position: relative;}
.cmn_wrap_base{width: 1212px; box-sizing: border-box; margin: 0 auto;  padding: 0 36px; position: relative; z-index: 1;}

h2.cmn_h2{font-size: 4.4rem;}
h2.cmn_h2-small{font-size: 3.2rem; line-height: 1; margin-bottom: 50px;}
h2.cmn_h2::before{content: ""; width: 5px; height: 60px; background-color: #ffa600; display: block;margin-bottom: 54px;}
h2.cmn_h2-small::before{content: ""; width: 3px; height: 50px; background-color: #ffa600; display: block;margin-bottom: 44px;}
h2.cmn_h2-barCtr::before{margin-left: calc(50% - 3px);}
h2.cmn_h2-nbdr::before{display: none;}
.cmn_bgGray{background-color: #fdfaf1;}
h2.cmn_h2 span{font-size: 2.8rem;font-weight: normal; }
h3.cmn_h3{font-size: 2.0rem;margin-bottom: .5em;}

.cmn_linkBoxAr{position: relative; text-align: center; background-color: #fff; width: 325px; vertical-align: middle; color: #000 !important; border-radius: 3px; padding: .8em 0; font-size: 2.0rem; display: block;font-weight: 600; text-decoration: none;transition:all .3s; opacity: 1;}
.cmn_linkBoxAr::before{content: '';width: 12px;height: 12px;border: 0;border-top: solid 2px #000;border-right: solid 2px #000; position: absolute;top: 48%;right: 20px;margin-top: -6px;transform: rotate(45deg);}
.cmn_linkBoxAr:hover{opacity: .7;}
.cmp_sideTxt{position:absolute; z-index: 1;}
.cmn_pcImgWide {/*margin:0 -15px;*/}

/*==========common==========*/




/*==========header（ロゴ・ナビ）==========*/
header{position: relative; margin: 0 auto; width:1212px;}
/*-----cmn_nav-----*/
header nav.cmn_nav{width: 1140px;position: absolute; top:60px; right:36px; display: block !important;z-index: 2;text-align: right;}
header nav.cmn_nav ul li{display: inline-block;padding-right: 36px; font-size: 1.5rem;}
header nav ul li a{color: #000; text-decoration: none; display: inline-block; position: relative;}
header nav ul#com_navHead_links li a::after{  position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 1px;background: #999;transform: scale(0, 1);transform-origin: center top;transition: transform .3s;}
header nav ul#com_navHead_links li a:hover::after/*, header nav ul li a.current::after*/{transform: scale(1, 1);}
header nav ul#com_navHead_links li a:hover{color: #999;}
#cmn_navbtn_bg{display:none !important;}
#cmn_navbtn{display:none !important;}
/*-----cmn_nav-----*/
/*==========header（ロゴ・ナビ）==========*/

/*==========sns（SNSロゴ）==========*/
#sns_links{position: fixed;z-index: 11;top:196px;}
@media only screen and (min-width: 751px) and (max-width: 1247px) {#sns_links{right:10px;}}
@media only screen and (min-width: 1248px){#sns_links{left:calc( (100% - 1174px) / 2 + 1174px);}}
#sns_links ul{writing-mode: vertical-rl; display: inline}
#sns_links li{display: inline;}
#sns_links ._ico img{width: 26px; height: auto;display: inline;margin: 0 0 10px 0;}
#sns_links a{color: #000;text-decoration: none; font-size: 1.2rem;margin: 0 0 2.5em 0;transition: all .3s;opacity: 1;}
#sns_links a:hover{opacity: 0.5;}
/*==========sns（SNSロゴ）==========*/


/*==========cmp_dir0（タイトルSVG・キャッチコピー）==========*/
#cmp_dir0_txt{position: relative;}
#cmp_dir0_txt h1{margin-bottom:  163px; padding-top: 40px;}
#cmp_dir0_txt p{position: absolute;top:360px; left: 158px;}
#cmp_dir1 a{text-decoration: none;}
#cmp_dir1 li a{padding: 30px 0; border-bottom: 1px solid #ddd;display: flex;flex-wrap: wrap;width: 100%;}
#cmp_dir1 li:nth-last-child(1) a{border-bottom:none !important;} 
#cmp_dir1 li time{display: inline-block; width: 135px; color: #111; font-size: 1.8rem;font-family: 'Roboto'; font-weight: 700;}
#cmp_dir1 li p{display: inline-block;width: 140px; color: #fff; font-size: 1.4rem; margin-right: 20px;}
#cmp_dir1 li span{display: inline-block;width: 140px;text-align: center; padding: 0.1em 0;}
#cmp_dir1 li span.cmp_dir1_list-news{ background-color: #317f00;}
#cmp_dir1 li span.cmp_dir1_list-media{ background-color: #a09989;}
#cmp_dir1 li span.cmp_dir1_list-certification{ background-color: #1c90dc;}
#cmp_dir1 li div{width: calc(100% - 295px); color: #111; line-height: 1.6;}
#cmp_dir1 li a:hover div{text-decoration:underline;}
/*==========cmp_dir0（タイトルSVG・キャッチコピー）==========*/

/*==========cmp_dir1（NEWS）==========*/
#cmp_dir1{margin-bottom: 245px;}
#cmp_dir1 h2.cmn_fltL{margin-top:-115px;}
/*==========cmp_dir1（NEWS）==========*/


/*==========cmp_dir2（声優・俳優）==========*/
#cmp_dir2{margin-bottom: 320px;}
#cmp_dir2_sideTxt{right: 0;top:15.5vw;}
@media only screen and (min-width: 751px) and (max-width: 1121px){#cmp_dir2_sideTxt{top:173px;}}
/*背景処理*/
/*#cmp_dir2_bg-f{position: absolute;z-index: 0;top: calc((353 / 1360) * -100vw);height: calc((564 / 1360) * 100vw);left: 0;width:100%;background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221360%22%20height%3D%22564%22%20viewBox%3D%220%200%201360%20564%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23f1f1f1%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-1%2C%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22beta2%22%20class%3D%22cls-1%22%20d%3D%22M0%2C564H1360L425%2C281%2C0%2C410V564Z%22%2F%3E%0A%20%20%3Cpath%20id%3D%22beta1%22%20class%3D%22cls-2%22%20d%3D%22M0%2C412L1360%2C0H0V412Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/cover;}*/
#cmp_dir2_bg-f{position: absolute;z-index: 0;top: calc((353 / 1360) * -100vw);height: calc((564 / 1360) * 100vw);left: 0;width:100%;background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYwIiBoZWlnaHQ9IjU2NCIgdmlld0JveD0iMCAwIDEzNjAgNTY0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmRmYWYxOwogICAgICB9CgogICAgICAuY2xzLTEsIC5jbHMtMiB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJiZXRhMiIgY2xhc3M9ImNscy0xIiBkPSJNMCw1NjRIMTM2MEw0MjUsMjgxLDAsNDEwVjU2NFoiLz4KICA8cGF0aCBpZD0iYmV0YTEiIGNsYXNzPSJjbHMtMiIgZD0iTTAsNDEyTDEzNjAsMEgwVjQxMloiLz4KPC9zdmc+Cg==") no-repeat top center/cover;}
#cmp_dir2_bg-b{position: absolute;z-index: 0;top: calc((352 / 1360) * -100vw);height: calc((562 / 1360) * 100vw);right: 0;width:calc((947 / 1360) * 100%);background: url("/images/02dir2_bg_img.jpg") no-repeat top center/cover;}
@media only screen and (min-width: 751px) and (max-width: 1360px){
  #cmp_dir2_bg-f{width: 100%;height: 564px;top:-353px;}
  #cmp_dir2_bg-b{width: 947px;height: 564px;top:-353px;}
}
/*==========cmp_dir2（声優・俳優）==========*/


/*==========cmp_dir3（WORKS）==========*/
@media only screen and (min-width: 751px) and (max-width: 1121px){#cmp_dir3_sideTxt{top:103px;}}
/*背景処理*/
/*#cmp_dir3_bg-f{position: absolute;z-index: 0;top: calc((435 / 1360) * -100vw);height: calc((564 / 1360) * 100vw);right: 0;width:100%;background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221360%22%20height%3D%22564%22%20viewBox%3D%220%200%201360%20564%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23f1f1f1%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-1%2C%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22beta2%22%20class%3D%22cls-1%22%20d%3D%22M1360%2C0H0L935%2C283l425-129V0Z%22%2F%3E%0A%20%20%3Cpath%20id%3D%22beta1%22%20class%3D%22cls-2%22%20d%3D%22M1360%2C152L0%2C564H1360V152Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top center/cover;}*/
#cmp_dir3_bg-f{position: absolute;z-index: 0;top: calc((435 / 1360) * -100vw);height: calc((564 / 1360) * 100vw);right: 0;width:100%;background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzYwIiBoZWlnaHQ9IjU2NCIgdmlld0JveD0iMCAwIDEzNjAgNTY0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmRmYWYxOwogICAgICB9CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTM2MCIgaGVpZ2h0PSI1NjQiIHZpZXdCb3g9IjAgMCAxMzYwIDU2NCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZkZmFmMTsKICAgICAgfQoKICAgICAgLmNscy0xLCAuY2xzLTIgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0iYmV0YTIiIGNsYXNzPSJjbHMtMSIgZD0iTTEzNjAsMEgwTDkzNSwyODNsNDI1LTEyOVYwWiIvPgogIDxwYXRoIGlkPSJiZXRhMSIgY2xhc3M9ImNscy0yIiBkPSJNMTM2MCwxNTJMMCw1NjRIMTM2MFYxNTJaIi8+Cjwvc3ZnPgogICAgICAuY2xzLTEsIC5jbHMtMiB7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJiZXRhMiIgY2xhc3M9ImNscy0xIiBkPSJNMTM2MCwwSDBMOTM1LDI4M2w0MjUtMTI5VjBaIi8+CiAgPHBhdGggaWQ9ImJldGExIiBjbGFzcz0iY2xzLTIiIGQ9Ik0xMzYwLDE1MkwwLDU2NEgxMzYwVjE1MloiLz4KPC9zdmc+Cg==") no-repeat top center/cover;}
#cmp_dir3_bg-b{position: absolute;z-index: 0;top: calc((434 / 1360) * -100vw);height: calc((562 / 1360) * 100vw);left: 0;width:calc((947 / 1360) * 100%);background: url("/images/03dir3_bg_img.jpg") no-repeat top center/cover;}
@media only screen and (min-width: 751px) and (max-width: 1360px){
  #cmp_dir3_bg-f{width: 100%;height: 564px;top:-435px;}
  #cmp_dir3_bg-b{width: 947px;height: 562px;top:-434px;}
}
#cmp_dir3 ul{border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
#cmp_dir3 li{border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;padding: .8em 0 .8em .6em;font-size: 1.4rem;line-height: 1;}
#cmp_dir3 ul._pc-2clm{display: flex; flex-wrap: wrap;}
#cmp_dir3 ul._pc-2clm li{width: 50%; box-sizing: border-box;}
/*==========cmp_dir3（WORKS）==========*/


/*==========cmp_dir4（VOICE SAMPLE）==========*/
#cmp_dir4 h2.cmn_fltL{margin-top:-15px}
#cmp_dir4 p{font-weight: bold;padding-bottom: 1em;}
#cmp_dir4 audio{margin-bottom: 2em;}
/*==========cmp_dir4（VOICE SAMPLE）==========*/




/*==========cmp_dir5（GALLERY）==========*/
#cmp_dir5 h2.cmn_fltL{margin-top:-15px}
#cmp_dir5 .slider a img{display: block; transition:all .3s; opacity: 1;box-shadow: 0px 0px 12px 3px rgba(10,23,31,0.07);}
#cmp_dir5 .slider a:hover img{opacity: .7;}
#cmp_dir5 .slider a,#cmp_dir5 .slider a:hover,#cmp_dir5 .slider a:visited{color:#111; text-decoration: none;}
#cmp_dir5 .slider a p{color:#111; text-decoration: none; font-size: 1.5rem;padding-top: 1.4em;}
/*-----slick-----*/
@media screen and (min-width: 1240px) {
  .sliderSection {width: 1220px;margin: 0 -80px;}
  .sliderArea {max-width: 100%;margin: 0 auto;padding: 0;}  
  .slider{width: calc(1060px + 23px*2); margin: 0 auto;}
  .slick-slide {margin: 0 23px;}
}
@media only screen and (min-width: 751px) and (max-width: 1239px) {
  .sliderSection {width: 1060px;margin: 0;}
  .slideArea{padding: 0;}
  .slider{width: 1000px; margin: 0 auto;}
  .slick-slide {margin: 0 19px;}
  .slick-prev {left: -30px;}
  .slick-next {right: -30px;}
  /*.sliderSection {width: 1120px;margin: 0 -30px;}.slideArea{padding: 0;}.slider{width: calc(1060px + 23px*2); margin: 0 auto;}.slick-slide {margin: 0 23px;}.slick-prev {left: -7px;}.slick-next {right: -7px;}*/
}
.slick-prev::before, .slick-next::before {content: '';width: 20px;height: 20px;border: 0;border-top: solid 3px #0c4d78;border-right: solid 3px #0c4d78;position: absolute;top: 50%;left: 0;margin-top: -10px;}
.slick-next::before {transform: rotate(45deg);}
.slick-prev::before {transform: rotate(225deg);margin-left: 5px;}

.slick-slide img {width: 100%;height: auto;}
.slick-prev, .slick-next {z-index: 1;top: 80px;height: 25px;width: 25px;}
.slick-prev:before, .slick-next:before {color: #000;}
.slick-slide {transition: all ease-in-out .3s;opacity: .2;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 1;border-top: solid 3px #ddd;border-right: solid 3px #ddd;}
/*-----slick-----*/
/*==========cmp_dir5（GALLERY）==========*/




/*==========footer(cmp_dir6)==========*/
footer{position:relative;}
footer > div{position: relative; z-index: 1; color: #000;}
footer .cmp_dir6_bg{position: absolute;bottom: 0;z-index: 0;width: 100%;min-width: 1060px;height: 995px; background: url("/images/06footer_bg_00img.png") no-repeat center bottom;}
footer small{display:block; text-align: center; font-size: 1.3rem; line-height: 1.5; color:#000;}
/*==========footer(cmp_dir6)==========*/

#page-top{ position:fixed; width: 46px;height: 46px;right: 20px; bottom: 20px; cursor: pointer; z-index: 100;}
#page-top a{display: block; width: 46px;height: 46px;position: relative; transition:opacity .3s; opacity: 1; box-shadow: 0px 0px 12px 3px rgba(10,23,31,0.07); background-color: #fff; border-radius: 3px;}
#page-top a::before{content: '';width: 12px;height: 12px;border: 0;border-top: solid 2px #0c4d78;border-right: solid 2px #0c4d78;position: absolute;top: 40%;left: 35%;transform: rotate(-45deg);}
#page-top a:hover{opacity: .7;}
/*==========◆==========*/



.medium-zoom-overlay{z-index:999;}
.medium-zoom-image--opened{z-index:999;}
.medium-zoom-overlay{background-color: #ece4d1 !important;}

/*
#_clip01-2{position: relative;}
#_clip01-2 img{clip-path: inset(13.33% 10%); width: 2000px; height: 1204px;}
*/

/*
@media screen and (min-width: 1281px) {
（ここにPC用スタイルを記述）
}
 
@media screen and (max-width: 520px) {
（ここにモバイル用スタイルを記述）
}
@media only screen and (min-width: 751px) and (max-width: 1280px) {
（ここにタブレット用スタイルを記述）
}
*/
/*==========◆==========*/

