body, html {width: 100%;}
a:active, a:hover, a:link, a:visited {text-decoration: none;}
a, a:hover {color: #000;}
.clearfix, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.gothicFont, body, input, select, textarea {font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.bold, strong {font-weight: 700;}
.slick-dots, ol, ul {list-style: none;}
.ctTab .tabBody .tab2 .selectInner, .leadTitle, .slick-dots, .threeCol h3 {text-align: center;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;border: 0;}
blockquote, q {quotes: none;}
blockquote:after, blockquote:before, q:after, q:before {content: "";content: none;}
table {border-spacing: 0;border-collapse: collapse;}
body {font-size: 16px;line-height: 1.6;overflow-x: hidden;letter-spacing: .1em;word-break: break-all;color: #333;background-color: #fff;-webkit-text-size-adjust: none;font-feature-settings: "palt";}
html {overscroll-behavior: none;}
html.no-scroll {overflow-y: hidden;width: 100%;height: 100%;}
html.no-scroll .articlePageLink {z-index: -1 !important;}
input, select, textarea {font-size: 100%;letter-spacing: .08em;}
a {cursor: pointer;outline: 0;}
img {vertical-align: bottom;max-width: 100%;}
.clearfix:after {font-size: .1em;display: block;visibility: hidden;clear: both;height: 0;content: ".";}
* html .clearfix {height: 1%;}
#header.headerFix .headerTitle, .preloadArea {display: none;}
#loading {position: fixed;z-index: 1000;top: 50%;left: 50%;width: 64px;margin: -11px 0 0 -32px;opacity: 1;}
.minchoFont {font-family: YuMincho,"Yu Mincho",serif;}
.blue {background: #dbdeed;}
.gray {background: #d9d9d9;}
.pink {background: #e5d2ea;}
.orange {background: #fde7d3;}
.green {background: #cae5cf;}
#wrapper {opacity: 0;background: #000;}
#wrapper #innerWrapper {top: 0;}
#wrapper #innerWrapper #ctArea {padding-top: 270px;}
#wrapper #innerWrapper #ctArea .ctInner {width: 1084px;margin: 0 auto;}
#header {position: absolute;z-index: 2;width: 100%;background: #000;}
#header.headerHide {position: fixed;top: -160px;transition: all .5s;}
#header.headerHide .show, #header.overflow {position: fixed;top: 0;}
#header.overflow {z-index: 3;overflow-y: scroll;height: 100%;padding-top: 30px;background: 0 0;}
#header.overflow .headerTitle {background: rgba(46,46,46,.4);}
#header.overflow .headerTitle p {color: #232323;}
#header.headerFix #headArea {box-sizing: border-box;height: 86px;padding: 13px 0 17px;background: #000;}
#header.headerFix #headArea .logo {width: 276px;}
#header.headerFix #headArea .menu .menuIcon {position: absolute;top: 10px;right: 9.8%;width: 46px;padding: 20px 0;cursor: pointer;}
#header.show {position: fixed;top: 0;padding: 0;transition: all .7s;}
#header #headArea {display: -ms-flexbox;display: flex;box-sizing: border-box;width: 100%;height: 200px;margin: 0 auto;padding: 80px 0 45px;-ms-flex-pack: center;justify-content: center;}
#header #headArea .logo {width: 414px;margin-left: 115px;}
#header #headArea .menu {position: absolute;right: 0;width: 100%;}
#header #headArea .menu .menuIcon {position: absolute;top: 26px;right: 9.8%;width: 46px;padding: 20px 0;cursor: pointer;}
#header #headArea .menu .menuIcon span, #header #headArea .menu .menuIcon span:after, #header #headArea .menu .menuIcon span:before {position: absolute;display: block;width: 46px;height: 1px;content: "";cursor: pointer;transition: all .5s ease-in-out;border-radius: 1px;background: #fff;}
#header #headArea .menu .menuIcon span:before {top: -17px;}
#header #headArea .menu .menuIcon span:after {bottom: -17px;}
#header #headArea .menu .menuIcon.active span {background-color: transparent;}
#header #headArea .menu .menuIcon.active span:after, #header #headArea .menu .menuIcon.active span:before {top: 0;}
#header #headArea .menu .menuIcon.active span:before {transform: rotate(45deg);}
#header #headArea .menu .menuIcon.active span:after {transform: rotate(-45deg);}
#header .headerTitle {font-size: 21px;display: -ms-flexbox;display: flex;height: 42px;color: #bfbfbf;background: #2e2e2e;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;}
#header #menuInner {position: absolute;z-index: -1;visibility: hidden;width: 100%;min-height: 100%;transition: all .5s;opacity: 0;background-color: rgba(0,0,0,.85);-webkit-overflow-scrolling: touch;}
#header #menuInner.addFade {z-index: 2;visibility: visible;opacity: 1;}
#header #menuInner .wrap {width: 710px;margin: 0 auto;padding: 40px 0 0;}
#header #menuInner .wrap .menuList {display: -ms-flexbox;display: flex;margin-bottom: 60px;-ms-flex-pack: distribute;justify-content: space-around;}
#header #menuInner .wrap .menuList li a {font-size: 20px;color: #fff;}
#header #menuInner .wrap .menuList li a.current {padding-bottom: 5px;border-bottom: 2px solid #fff;}
#header #menuInner .socialBtns {padding: 100px 0;}
.ctTab .tabMenu {display: none;}
.ctTab .tabBody ul, .ctTab .tabHead {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;}
.ctTab .tabBody ul li, .ctTab .tabHead li {padding: 0 35px;border-left: 1px solid #fff;}
.ctTab .tabBody ul li:first-child, .ctTab .tabHead li:first-child {border-left: none;}
.ctTab .tabBody ul li a, .ctTab .tabHead li a {font-size: 24px;line-height: 1;display: block;text-align: center;color: #fff;}
.ctTab .tabBody ul li.tabCurrent a, .ctTab .tabHead li.tabCurrent a {position: relative;}
.ctTab .tabBody ul li.tabCurrent a:after, .ctTab .tabHead li.tabCurrent a:after {position: absolute;top: 30px;display: block;width: 100%;content: "";border-bottom: 1px solid #b7b7b7;}
.ctTab .tabBody {margin-top: 35px;}
.ctTab .tabBody .none {display: none;}
.ctTab .tabBody li {padding: 0 35px;border-right: 1px solid #fff;border-left: 0 !important;}
.ctTab .tabBody li:last-child {border-right: none;}
.ctTab .tabBody .tab1 ul {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.ctTab .tabBody .tab1 ul li {margin-bottom: 20px;padding: 0 15px;}
.ctTab .tabBody .tab1 ul li a {font-size: 14px;}
.ctTab .tabBody .tab2 .selectInner select {width: 180px;padding: 4px 6px;color: #fff;border-top: none;border-right: none;border-left: none;outline: 0;background: url("../images/common/arr_down.png") 98% center no-repeat;background-size: 16px auto;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.ctTab .tabBody .tab2 .selectInner select option {background-color: #000;}
.ctTab .tabBody .tab2 .selectInner select::-ms-expand {display: none;}
.nhk-snsbtn {margin-bottom: 0 !important;}
.modaal-inner-wrapper {box-sizing: border-box;padding: 0 !important;}
.pcOnly {display: block !important;}
.spOnly {display: none !important;}
.leadTitle {font-size: 20px;position: relative;color: #b7b7b7;}
.leadTitle:after, .slick-arrow {position: absolute;display: block;}
.leadTitle:after {top: 45px;right: 0;left: 0;width: 32px;height: 1px;margin: 0 auto;content: "";background: #7b7b7b;}
.slick-list {padding-top: 19px;}
.slick-arrow {font-size: 0;line-height: 0;z-index: 1;top: 50%;width: 54px;height: 54px;padding: 0;cursor: pointer;transform: translate(0,-50%);color: transparent;border: none;outline: 0;background: rgba(178,178,178,.4);}
.slick-next:before, .slick-prev:before {position: absolute;height: 100%;display: block;width: 100%;top: 0;content: "";}
.slick-prev {left: 10%;}
.slick-prev:before {background: url("../images/top/arr_left.png") center center no-repeat;background-size: 18px auto;}
.slick-next {right: 10%;}
.slick-next:before {background: url("../images/top/arr_right.png") center center no-repeat;background-size: 18px auto;}
.slick-next:before, .slick-prev:before {font-size: 20px;line-height: 1;color: #fff;}
.slick-dots {display: block;width: 100%;margin: 10px 0 0;padding: 0;}
.slick-dots li {position: relative;display: inline-block;margin: 0 4px;padding: 0;cursor: pointer;}
.slick-dots li button {width: 10px;height: 10px;padding: 0;cursor: pointer;color: transparent;border: 0;border: 2px solid #fff;border-radius: 50%;outline: 0;background: 0 0;box-shadow: 0 0 0 1px #7f7f7f;}
.slick-dots li button:focus, .slick-dots li button:hover {outline: 0;}
.slick-dots li button:focus:before, .slick-dots li button:hover:before {opacity: 1;}
.slick-dots li.slick-active button {background-color: #333;}
.socialBtns {display: -ms-flexbox;display: flex;margin: 85px 0 75px;-ms-flex-pack: center;justify-content: center;}
.socialBtns.withContact {margin-bottom: 40px;}
.socialBtns li {width: 32px;margin-top: 3px;margin-left: 12px;}
.threeCol h3 {font-size: 28px;font-weight: 400;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin: 58px auto 70px;padding-bottom: 5px;color: #fff;border-bottom: 3px solid #fff;}
.threeCol ul {display: -ms-flexbox;display: flex;margin-bottom: 12px;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.threeCol ul li {position: relative;width: 348px;margin: 0 0 20px 20px;background: #fff;}
.threeCol ul li:first-child, .threeCol ul li:nth-child(3n+1) {margin-left: 0;}
.threeCol ul li .listTitle {margin: 0 24px;padding: 15px 0 0;color: #7b7b7b;}
.threeCol ul li figure {display: block;width: 300px;margin: 12px 24px 0;}
.threeCol ul li figure figcaption {font-size: 13px;margin: 7px 0;text-align: left;color: #333;}
.threeCol ul li figure figcaption span {font-size: 18px;font-weight: 700;line-height: 1.3;}
.threeCol ul li figure figcaption p {font-size: 16px;font-weight: 700;}
.threeCol ul li dl {font-size: 14px;display: -ms-flexbox;display: flex;margin: 0 24px 12px;color: #7b7b7b;-ms-flex-flow: column;flex-flow: column;}
.threeCol ul li dl dt {font-size: 16px;margin: 8px 0 18px;color: #333;}
.threeCol .newsIcon {position: absolute;top: 0;right: -1px;width: 66px;}
#wrapper, #wrapper #innerWrapper, #wrapper #innerWrapper #ctTop .bannerArea .slider01 figure {position: relative;}
.articleLink {width: 210px;margin: 54px auto 44px;}
.articleLink a {display: block;padding-bottom: 5px;color: #fff;border-bottom: 2px solid #b7b7b7;}
.articleLink a img {position: relative;top: -4px;width: 25px;margin-right: 14px;}
.backLink {display: none;}
.pagination {display: -ms-flexbox;display: flex;height: 20px;margin: 75px auto;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;}
.pagination li {line-height: 1.3;}
.pagination li.number {padding: 0 5px;border-left: 1px solid #b7b7b7;}
.pagination li.number a {padding: 0 12px 10px;color: #b7b7b7;}
.pagination li.number a.current {color: #fff;border-bottom: 1px solid #b7b7b7;}
.pagination li .arr {font-size: 14px;line-height: 1;display: -ms-flexbox;display: flex;margin-right: 20px;padding: 2px 4px;cursor: pointer;text-align: center;color: #fff;border: 1px solid #fff;border-radius: 1px;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;}
.pagination li.border {line-height: 1.3;padding-left: 20px;border-left: 1px solid #b7b7b7;}
#wrapper #innerWrapper .ctInner {width: 716px;margin: 0 auto;}
#wrapper #innerWrapper #ctTop .bannerArea {overflow-x: hidden;width: 100%;}
#wrapper #innerWrapper #ctTop .bannerArea .slider01.slick-initialized.slick-slider {width: 100%;min-width: 1349px;margin-left: 50%;transform: translateX(-50%);}
#wrapper #innerWrapper #ctTop .bannerArea .slider01 figure figcaption {font-size: 24px;position: absolute;bottom: 0;width: 100%;padding: 12px 17px;color: #fff;background: rgba(0,0,0,.5);}
#wrapper #innerWrapper #ctTop .bannerArea .slider01 img {width: 100%;}
#wrapper #innerWrapper #ctTop .bannerArea .slick-slide {outline: 0;opacity: .5;}
#wrapper #innerWrapper #ctTop .bannerArea .slick-slide img {width: 640px !important;}
#wrapper #innerWrapper #ctTop .bannerArea .slick-slide figcaption {display: none;}
#wrapper #innerWrapper #ctTop .bannerArea .slick-slide.slick-current figcaption {display: block;}
#wrapper #innerWrapper #ctTop .bannerArea .slick-slide.slick-current {opacity: 1;}
#wrapper #innerWrapper #ctTop .ctInner .menuBlock {margin: 60px 0 38px;}
#wrapper #innerWrapper #ctTop .ctInner .menuBlock ul {display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;}
#wrapper #innerWrapper #ctTop .ctInner .menuBlock ul li {padding: 0 28px;}
#wrapper #innerWrapper #ctTop .ctInner .menuBlock ul li.current a {padding-bottom: 5px;color: #fff;border-bottom: 2px solid #fff;}
#wrapper #innerWrapper #ctTop .ctInner .menuBlock ul li a {font-size: 22px;color: #b7b7b7;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent {margin-top: 100px;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent h2 {font-size: 20px;font-weight: 400;margin-bottom: 8px;text-align: center;color: #fff;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent ul {display: -ms-flexbox;display: flex;-ms-flex-flow: wrap;flex-flow: wrap;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent ul li {width: 256px;margin: 20px 0 0 20px;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent ul li:first-child, #wrapper #innerWrapper #ctTop .ctInner .specialContent ul li:nth-child(4n+1) {margin-left: 0;}
#wrapper #innerWrapper #ctArticle .banner {position: relative;margin-bottom: 20px;}
#wrapper #innerWrapper #ctArticle .banner .centerImg {position: relative;left: 50%;width: 1900px;margin: 0 auto;transform: translateX(-50%);text-align: center;}
#wrapper #innerWrapper #ctArticle .banner .centerImg:after {position: absolute;bottom: 0;display: block;width: 100%;height: 403px;content: "";}
#wrapper #innerWrapper #ctArticle .banner .centerImg .grayBg {position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 432px;background: rgba(0,0,0,.7);}
#wrapper #innerWrapper #ctArticle .banner .centerImg img {position: relative;z-index: 3;width: 716px;}
#wrapper #innerWrapper #ctArticle .mgb60 {margin-bottom: 60px !important;}
#wrapper #innerWrapper #ctArticle .mgt0 {margin-top: 0 !important;}
#wrapper #innerWrapper #ctArticle .contentBlog {font-size: 20px;width: 716px;margin: 50px auto 0;color: #333;}
#wrapper #innerWrapper #ctArticle .contentBlog .articleTit01 {font-size: 32px;font-weight: 400;position: relative;margin-bottom: 0;padding-bottom: 25px;color: #fff;border-bottom: 1px solid #7b7b7b;}
#wrapper #innerWrapper #ctArticle .contentBlog .dateText {font-size: 16px;padding-top: 10px;color: #fff;}
#wrapper #innerWrapper #ctArticle .contentBlog .dateText a {color: #fff;border-bottom: 1px solid #fff;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite {margin: 50px 0 20px;padding: 30px 0;background: #fff;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite a {padding-bottom: 2px;color: #036eb8;border-bottom: 1px solid #036eb8;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .text {margin: 0 25px 30px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .videoBox {position: relative;width: 100%;height: 0;margin: 0 0 30px;padding: 0 0 56.25%;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .videoBox iframe {position: absolute;top: 0;left: 0;width: 100%;max-width: 100%;height: 100%;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox {display: inline-block;box-sizing: border-box;min-width: 668px;margin: 0 25px 35px;padding: 18px 30px;border: 4px solid #333;background: #fff;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox li {font-size: 22px;position: relative;display: -ms-flexbox;display: flex;margin: 0 0 12px;padding-left: 3px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox li a {display: inline;text-decoration: underline;border: none;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox li span {position: relative;display: block;margin-right: 10px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox li span:after {position: absolute;top: 35px;left: 0;display: block;width: 20px;height: 4px;margin: 0 auto;content: "";background: #333;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article .articleTit02 {font-size: 28px;font-weight: 400;position: relative;left: 50%;display: inline-block;margin: 20px 0 50px;padding: 0 5px;transform: translate(-50%,0);text-align: center;border-bottom: 2px solid #333;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article figure {margin: 0 0 30px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article figure img {width: 100%;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article figure figcaption {font-size: 12px;margin-top: 10px;text-align: center;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article .colorBox {margin: 0 25px 30px;padding: 20px 15px;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-flow: wrap;flex-flow: wrap;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog {position: relative;box-sizing: border-box;width: 348px;margin-bottom: 20px;padding: 24px 24px 70px;background: #fff;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .personalBlogIn .img {float: left;width: 140px;margin-right: 12px;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .personalBlogIn .text {line-height: 1.5;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .personalBlogIn .text .job {font-size: 12px;padding-bottom: 8px;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .personalBlogIn .text .name {font-size: 18px;padding-bottom: 10px;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .personalBlogIn .text .detail {font-size: 14px;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .link {font-size: 17px;position: absolute;bottom: 0;display: inline-block;margin-bottom: 16px;padding-left: 30px;text-decoration: underline;color: #333;background: url("../images/article/icon.png") center left no-repeat;background-size: 20px;}
#wrapper #innerWrapper #ctArticle .articlePageLink.next .pcOnly, #wrapper #innerWrapper #ctArticle .articlePageLink.prev .pcOnly {display: initial !important;}
#wrapper #innerWrapper #ctArticle .articlePageLink {font-size: 16px;line-height: 1.5;position: fixed;z-index: 2;top: 50%;transform: translateY(-50%) rotate(-90deg);color: #fff;}
#wrapper #innerWrapper #ctArticle .articlePageLink img {width: 16px;padding-bottom: 10px;transform: rotate(90deg);}
#wrapper #innerWrapper #ctArticle .articlePageLink.next {left: 0;}
#wrapper #innerWrapper #ctArticle .articlePageLink.next img {padding-top: 10px;padding-bottom: 0;transform: rotate(270deg);}
#wrapper #innerWrapper #ctArticle .articlePageLink.prev {right: 0;}
#wrapper #innerWrapper #ctArticle .textArticle {margin-top: 30px;text-align: center;color: #fff;}
#wrapper #innerWrapper #ctArticle .link02 {position: relative;display: table;width: auto;margin: 0 auto 45px;padding-top: 1px;padding-bottom: 80px;padding-left: 30px;text-align: center;color: #fff;background: url("../images/article/icon_03.png") top left no-repeat;background-size: 22px;}
#wrapper #innerWrapper #ctArticle .link02:after {position: absolute;bottom: 0;left: 50%;width: 32px;height: 2px;content: "";transform: translateX(-50%);background: #7b7b7b;}
#wrapper #innerWrapper #ctArticle .articleText {font-size: 20px;padding-bottom: 55px;text-align: center;color: #fff;}
#wrapper #innerWrapper #ctArticle .threeCol {margin-bottom: 110px;}
#wrapper #innerWrapper #ctArchive .ctTab, #wrapper #innerWrapper #ctTag .ctTab {margin-top: 72px;}
#wrapper #innerWrapper #ctArchive .tabBody ul, #wrapper #innerWrapper #ctTag .tabBody ul {width: 900px;margin: 0 auto;}
#wrapper #innerWrapper #ctArchive .socialBtns, #wrapper #innerWrapper #ctTag .socialBtns {margin-top: 65px;}
#wrapper #innerWrapper #ctArchive .threeCol .ctTab {margin: 0 0 45px;}
#wrapper #innerWrapper #ctArchive .threeCol h3 {width: 280px;margin-bottom: 30px;}
@media (max-width:1080px) {body {line-height: 1.6;}
.pcOnly {display: none !important;}
.spOnly {display: block !important;}
#nol_header {z-index: 3 !important;transition: all .9s;opacity: 1;}
.no-scroll #nol_header {z-index: 0 !important;opacity: 0;}
.slick-list {padding-top: 0;}
#header {width: 100%;}
#header.overflow {position: fixed;overflow-y: scroll;height: 100%;}
#header.overflow #headArea {padding-top: 35px;}
#header.headerFix.overflow #headArea {height: 71px;padding-top: 30px;background: #000;}
#header.headerFix #headArea {height: 41px;padding: 5px 0;background: #000;}
#header.headerFix #headArea .logo {width: 133px;}
#header.headerFix #headArea .menu .menuIcon {top: 2px;width: 27px;padding: 12px 0;}
#header.headerFix .headerTitle {display: none;}
#header.fix {position: fixed;padding: 0;transition: all .7s;}
#header #headArea {width: 100%;height: 87px;padding: 30px 0 15px;}
#header #headArea .logo {width: 180px;margin-left: 0;}
#header #headArea .menu .menuIcon {top: 10px;width: 27px;padding: 12px 0;}
#header #headArea .menu .menuIcon span, #header #headArea .menu .menuIcon span:after, #header #headArea .menu .menuIcon span:before {width: 27px;}
#header #headArea .menu .menuIcon span:before {top: -11px;}
#header #headArea .menu .menuIcon span:after {bottom: -11px;}
#header .headerTitle {font-size: 12px;height: 23px;}
#header #menuInner .wrap {box-sizing: border-box;width: 100%;padding: 20px;}
#header #menuInner .wrap .menuList {flex-direction: column;margin-bottom: 40px;text-align: center;-ms-flex-direction: column;}
#header #menuInner .wrap .menuList li {padding-bottom: 40px;}
#header #menuInner .wrap .menuList li a {font-size: 28px;}
#header #menuInner .socialBtns {padding: 60px 0;}
.leadTitle {font-size: 18px;}
.ctTab .tabBody ul li, .ctTab .tabHead li {padding: 0 20px;}
.ctTab .tabBody {margin-top: 35px;}
.ctTab .tabBody .tab1 ul li {margin-bottom: 15px;}
.threeCol h3 {font-size: 22px;margin-bottom: 50px;}
.threeCol ul {margin-top: 40px;}
.threeCol ul li {width: 100%;margin: 0 0 20px;}
.threeCol ul li figure {box-sizing: border-box;width: 100%;margin: 0;padding: 12px 24px 0;text-align: center;}
.threeCol ul li dl {font-size: 13px;display: block;}
.threeCol ul li dl dt {margin: 8px 0 20px;}
.articleLink a {position: relative;padding-bottom: 50px;border-bottom: 0;}
.articleLink a:after {position: absolute;right: 0;bottom: 0;left: 0;display: block;width: 32px;height: 2px;margin: 0 auto;content: "";background: #7b7b7b;}
.socialBtns {margin: 65px 0 60px;}
.pagination {font-size: 11px;width: 100%;margin: 30px 0 80px;}
.pagination li.number {padding: 2px 4px;letter-spacing: 0;}
.pagination li.number a {padding: 0 4px 10px;}
.pagination li .arr {font-size: 11px;margin-right: 15px;padding: 2px 3px;}
.pagination li.border {padding-left: 15px;}
#wrapper #innerWrapper #ctArea {width: 100%;padding-top: 130px;}
#wrapper #innerWrapper .ctInner {width: 96% !important;}
#wrapper #innerWrapper #ctTop .bannerArea {width: 100%;}
#wrapper #innerWrapper #ctTop .bannerArea .slider01.slick-initialized.slick-slider {width: 100%;min-width: 100%;}
#wrapper #innerWrapper #ctTop .bannerArea .slider01 figure figcaption {font-size: 16px;}
#wrapper #innerWrapper #ctTop .bannerArea .slick-slide img {width: 100% !important;}
#wrapper #innerWrapper #ctArticle .banner .centerImg, #wrapper #innerWrapper #ctArticle .banner .centerImg img {width: 100%;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent {margin-top: 40px;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent h2 {margin-bottom: 28px;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent ul {display: block;}
#wrapper #innerWrapper #ctTop .ctInner .specialContent ul li {width: 100%;margin: 0;padding-bottom: 20px;text-align: center;}
#wrapper #innerWrapper #ctArticle .banner .centerImg:after {background: 0 0 !important;}
#wrapper #innerWrapper #ctArticle .banner .centerImg .grayBg, #wrapper #innerWrapper #ctArticle .link02:after {background: 0 0;}
#wrapper #innerWrapper #ctArticle .ctInner {width: 100% !important;}
#wrapper #innerWrapper #ctArticle .articleLinkBlock {display: -ms-flexbox;display: flex;width: 96%;margin: 0 auto 60px;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;-ms-flex-flow: row-reverse;flex-flow: row-reverse;}
#wrapper #innerWrapper #ctArticle .articleLinkBlock .articlePageLink {font-size: 14px;position: inherit;transform: rotate(360deg);color: #fff;}
#wrapper #innerWrapper #ctArticle .articleLinkBlock .articlePageLink img {width: 10px;padding: 0 0 0 7px;transform: none;}
#wrapper #innerWrapper #ctArticle .articleLinkBlock .articlePageLink.next {display: -ms-flexbox;display: flex;-ms-flex-flow: row-reverse;flex-flow: row-reverse;-ms-flex-align: center;align-items: center;}
#wrapper #innerWrapper #ctArticle .articleLinkBlock .articlePageLink.next img {transform: rotate(180deg);}
#wrapper #innerWrapper #ctArticle .articleLinkBlock .articlePageLink.prev {display: -ms-flexbox;display: flex;text-align: right;-ms-flex-align: center;align-items: center;}
#wrapper #innerWrapper #ctArticle .articleLinkBlock .articlePageLink.prev .pcOnly {display: none !important;}
#wrapper #innerWrapper #ctArticle .contentBlog {font-size: 17px;width: 100%;margin: 40px auto 0;}
#wrapper #innerWrapper #ctArticle .contentBlog .articleTit01 {font-size: 24px;padding: 0 20px;border-bottom: none;}
#wrapper #innerWrapper #ctArticle .contentBlog .articleTit01:after {display: none;}
#wrapper #innerWrapper #ctArticle .contentBlog .dateText {font-size: 12px;padding-top: 50px;text-align: center;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite {position: relative;margin: 150px 0 20px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite.noIndex {margin-top: 50px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .text {margin: 0 20px 20px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .inner {box-sizing: border-box;width: 100%;padding: 0 20px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox {display: inline-block;width: 100%;min-width: inherit;margin: -125px 0 35px;padding: 18px 15px 10px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox li {font-size: 20px;line-height: normal;margin: 0 0 15px;padding-left: 0;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox li span:after {top: 30px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite .infoBox li:after {top: 28px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article .articleTit02 {font-size: 22px;left: inherit;margin: 20px 20px 40px;padding: 0;transform: none;text-align: left;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article .articleTit02:after {width: 95%;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article figure {margin: 0 10px 30px;}
#wrapper #innerWrapper #ctArticle .contentBlog .bgWhite article .colorBox {margin: 0 20px 30px;padding: 15px;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol {width: 96%;margin: 0 auto;-ms-flex-flow: column;flex-flow: column;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog {width: 100%;height: auto;margin-bottom: 20px;padding-bottom: 0;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .personalBlogIn {margin-bottom: 30px;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .personalBlogIn .img {width: 35%;margin-right: 20px;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .personalBlogIn .img img {width: 100%;}
#wrapper #innerWrapper #ctArticle .contentBlog .twoCol .personalBlog .link {position: inherit;}
#wrapper #innerWrapper #ctArticle .link02 {margin: 0 auto 70px;padding-bottom: 0;}
#wrapper #innerWrapper #ctArticle .whiteBox {padding-top: 30px;background: #fff;}
#wrapper #innerWrapper #ctArticle .whiteBox .articleText {position: relative;margin-bottom: 25px;padding-bottom: 12px;color: #333;}
#wrapper #innerWrapper #ctArticle .whiteBox .articleText:after {position: absolute;bottom: 0;left: 50%;width: 32px;height: 2px;content: "";transform: translateX(-50%);background: #7b7b7b;}
#wrapper #innerWrapper #ctArticle .whiteBox .threeCol ul {margin-top: 0;}
#wrapper #innerWrapper #ctArticle .whiteBox .threeCol ul li .listTitle {margin: 0 8px;}
#wrapper #innerWrapper #ctArticle .whiteBox .threeCol ul li figure {padding: 12px 8px 0;}
#wrapper #innerWrapper #ctArticle .whiteBox .threeCol ul li dl {margin: 0 8px 12px;}
#wrapper #innerWrapper #ctArticle .whiteBox .threeCol ul li.slick-slide img {width: 100%;}
#wrapper #innerWrapper #ctArchive .ctTab, #wrapper #innerWrapper #ctTag .ctTab {margin-top: 72px;}
#wrapper #innerWrapper #ctArchive .tabBody, #wrapper #innerWrapper #ctTag .tabBody {height: 86px;}
#wrapper #innerWrapper #ctArchive .tabBody ul, #wrapper #innerWrapper #ctTag .tabBody ul {width: 100%;margin: 0 auto;}
#wrapper #innerWrapper #ctArchive .socialBtns, #wrapper #innerWrapper #ctTag .socialBtns {margin-top: 65px;}
#wrapper #innerWrapper #ctArchive .threeCol h3 {width: 215px;}}
@media (max-width:320px) {.pagination li.number {padding: 0 3px;}
.pagination li.number a.current {padding: 0 3px 10px;border-bottom: none;}}