@charset "utf-8";


.fwb {font-weight: 700;}
.graybg {background: #e7e8e9;padding: 20px;}

/* ZOOMMODE */
.sub_con.zoom { zoom: 115%; }
.sub_con.zoom img { zoom: 90% !important; }

/* optiopm */
.parallax__progress progress {position: fixed;top: 0;left: 0;z-index: 300;width: 100%;height: 5px;border: none;background: transparent;}
progress::-webkit-progress-bar { background: transparent; }
progress::-webkit-progress-value { background: #d41124; }
progress::-moz-progress-value { background: #d41124; }

.sub_body {position: relative;}
.sub_body.pb0 {padding-bottom: 0px;}
.sub_head {margin: 20px 0px 30px;}
.sub_head::after {content: "";clear: both;display: block;}
.sub_head .breadcrumb {float: right;}
.sub_head .breadcrumb li {display: inline-block;font-size: 1rem;color: rgb(102, 102, 102);}
.sub_head .breadcrumb li+li::before {content: "•";color: rgb(39, 85, 181);padding: 5px 7px 5px 0;font-size: 1rem;font-family: xeicon;font-weight: 500;}
.sub_head .breadcrumb li+li+li::before {content: "••";color: rgb(39, 85, 181);padding: 5px;font-size: 1rem;font-family: xeicon;font-weight: 500;}
.sub_head .breadcrumb li.selected {font-weight: 700;color: #333;}
.sub_tit .top_txt {font-size: 1.8rem;font-weight: 800;color: transparent;-webkit-text-stroke: 1px #3d3d3d;}
.sub_tit .bottom_txt {font-size: 1.5rem;font-weight: 500;display: block;}
.sub_tit h2 {margin-bottom: 20px;font-size: 3rem;line-height: 1.3;font-weight: 800;}
.sub_tit .writer {font-size: 1.1rem;font-weight: 300;margin-bottom: 20px;}
.sub_tit .writer_img {border: 1px solid #7f7f7f;border-radius: 100%;display: inline-block;margin: 20px auto 0;}
.sub_tit .img {margin: 0 auto 30px;}
.sub_tit .sub_txt {font-size: 1.2rem;max-width: 850px;margin: 0 auto;word-break: keep-all;line-height: 1.6;font-weight: 300;}
.sub_tit span.fwn {font-weight: 500;}
.sub_con .row h3.country {margin: 0 auto;}
.sub_con .row h3.country div {width: 220px;text-align: center;height: 220px;margin: 0 auto;text-align: center;border-radius: 100%;color: #fff;font-weight: 700;font-size: 1.5rem;padding: 10px;}
.sub_con .row h3.country div img {margin-bottom: 15px;padding-top: 35px;}
.sub_con .row h3.country div span.name {font-weight: 500;font-size: 1.2rem;}
.sub_con .row h3.country div span {font-weight: 300;font-size: 1.1rem;}
.sub_con .row h4.fwb {font-size: 1.15rem;}
.sub_con .row h3 {font-size: 1.3rem;margin-bottom: 15px;letter-spacing: -1px;font-weight: 700;}
.sub_con .row h3 .small {font-size: 1.2rem;color: #1a1a1a;display: inline-block;margin: 5px 0 0;}
.sub_con .together .row .tit {font-size: 1.8rem;margin-bottom: 15px;font-weight: 800;}
.sub_con .together .row .txt {font-size: 1.3rem;}
.sub_con .row h3.box_tit {font-size: 1.5rem;display: inline-block;background: #003e97;font-weight: 800;color: #fff;padding: 15px;}
.sub_con .row h3 .to_writer {font-size: 1.2rem;font-weight: 500;color: #231f20 !important;line-height: 1.6;}
.sub_con .row h3 .circle {width: 40px;height: 40px;line-height: 40px;background: #0091cd;color: #fff;border-radius: 100%;display: inline-block;text-align: center;}
.sub_con .row .round {border-radius: 24px;background: #89c1ea;color: #fff;padding: 10px 14px 10px 10px;border-top-right-radius: 0;margin-right: 7px;}
.sub_con .together .row .round {border-radius: 24px;background: #d45a4e;color: #fff;padding: 7px 15px;margin: 0 0 10px;display: inline-block;}
.sub_con .row p {font-size: 1.05rem;line-height: 1.6;text-align: justify;}
.sub_con .row .caption {font-size: .9rem;text-align: center;padding-top: 10px;clear: both;line-height: 1.4;}
.sub_con .together .row div.caption {margin: 0 auto;}
.sub_con .together .row div.caption p {font-size: 1.2rem;text-align: center;background: #743288;display: inline-block;padding-top: 10px;clear: both;line-height: 1.4;color: #fff;padding: 15px 20px;border-radius: 15px;}
.sub_con .row .box_txt {display: inline-block;background: #eee;font-weight: 500;color: #373737;padding: 2px;}
.sub_title .titimg {position: relative;}
.sub_title p.caption {font-size: .9rem;line-height: 1.4;position: absolute;bottom: 10px;right: 10px;color: #fff;text-align: right;}
.sub_con.news .contwrap::after { content: ''; display: block; border-bottom: 1px dashed #8f8f8f; width: 100%; margin: 0 auto; }
.sub_con.news .contwrap:last-child::after {display: none;}

/* contents */
.sub_title .pc {display: block;}
.sub_title .mobile {display: none;}
.sub_con .interview h3 {font-size: 1.5rem;}
.sub_con .interview h3 i {font-size: 2rem;vertical-align: bottom;}
.sub_con .interview .img {margin-bottom: 20px;}
.sub_con .interview .img img {border: 1px solid #7f7f7f;border-radius: 100%;}
.sub_con .interview h4 {font-size: 1.5rem;text-align: center;font-weight: 700;}
.sub_con .interview .people {margin: 10px auto;text-align: center;}
.sub_con .interview .q {background: #003177;width: 35px;height: 35px;display: inline-block;color: #fff;text-align: center;font-weight: 800;border-radius: 100%;line-height: 35px;}
.sub_con .interview .a {background: #fff;width: 35px;height: 35px;display: inline-block;text-align: center;font-weight: 800;border-radius: 100%;line-height: 29px;border: 3px solid #5ba6dc;box-sizing: border-box;}
.sub_con .interview p {line-height: 2;margin-bottom: 15px;}
.sub_con .youtube {position: relative;max-width: 1024px;padding-bottom: 48%;margin: 0 auto;}
.sub_con .youtube iframe {position: absolute;width: 100%;height: 100%;}
.sub_con .box {padding: 20px;}
.sub_con .box ol li {line-height: 1.6;}
.box_line {background: #eee;padding: 50px 20px 20px;  border-radius: 30px;}
.sub_con .box_line h3 {font-size: 1.5rem;}
.sub_con .mb-wrap {margin: 20px auto;padding: 20px;position: relative;}
.sub_con .mb-wrap blockquote { margin: 0; padding: 0; position: relative; }
.sub_con .mb-wrap .name { text-align: right;}
.sub_con .mb-style-3 {max-width: 550px;}
.sub_con .mb-style-3 blockquote{background: #fff;padding: 30px 85px 30px 30px;border-radius: 5px;box-shadow: inset 0px 6px 0 rgb(245 107 41 / 70%), -5px -4px 25px rgba(0, 0, 0, 0.3);}
.sub_con .mb-style-3 blockquote:after, .mb-style-3 blockquote:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.sub_con .mb-style-3 blockquote:after  {border-top-color: #ffffff;border-width: 10px;left: 74%;margin-left: -10px;}
.sub_con .mb-style-3 blockquote:before { border-top-color: rgba(0,0,0,0.01); border-width: 11px; left: 65%; margin-left: -11px; }
.sub_con .mb-style-3 blockquote p {font-size: 1.4rem;position: relative;}
.sub_con .mb-style-3 .mb-attribution {text-align: right;padding: 20px 100px 20px 20px;position: relative;}
.sub_con .mb-style-3 .mb-thumb img {display: block;width: 170px;border: 5px solid #fdc4a9;border-radius: 50%;position: absolute;right: -20%;bottom: -20%;box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.6);}
.sub_con .mb-style-3 .mb-author{text-align: right;font-weight: 700;font-size: 1.2rem;text-shadow: 0 1px 1px rgba(255,255,255,0.7);line-height: 1;}
.row.qna_wrap {min-height: 545px;}
.qna_wraper {margin-top: 250px;}
.qna_wrap .img {position: absolute;top: -75%;}
.qna_wrap ol li {text-align: justify;line-height: 1.3;}
.qna_wrap ol li .a {font-weight: 800;color: #a483ba;}
.qna_wrap ol li:first-child::before {content: '01';display: inline-block;width: 40px;height: 40px;color: #fff;background: #009bb6;line-height: 40px;text-align: center;font-weight: 700;border-radius: 50%;margin-right: 10px;}
.qna_wrap ol li:last-child::before {content: '02';display: inline-block;width: 40px;height: 40px;color: #fff;background: #009bb6;line-height: 40px;text-align: center;font-weight: 700;border-radius: 50%;margin-right: 10px;}
.qna_wrap .img img {border: 2px solid #5cbfd3;border-radius: 80%;}
.qna_wrap .half {background: #e4f3f6;position: relative;border-radius: 20px;padding: 20px;}
.qna_wrap.row .column.half {padding: 30px;text-align: center;display: flex;flex-wrap: wrap;flex-direction: column;min-height: 320px;justify-content: center;}
.qna_wrap.row .column.half.none {display: block;padding: 0;background: #fff;min-height: inherit;}
.qna_wrap.row .column.half.none img {margin-top: -15%;}
.qna_wrap strong {border-bottom: 9px solid #c9caca;font-size: 1.2rem;text-align: center;margin: 0 auto 20px 40%;display: inline-block;padding-bottom: 5px;}
.qna_wrap .icon {position: absolute;right: 10px;top: -80px;}
.qna_wrap.last {min-height: auto;}
.qnawrap {background-color: #1fb6c9;margin: 0 auto;border-radius: 100%;width: 300px;height: 300px;display: flex;flex-direction: column;justify-content: center;position: relative;overflow: hidden;z-index: 10;transition: all 1s;}
.qnawrap::after {content: 'Q&A';display: block;font-size: 7rem;font-weight: 800;color: #fff;position: absolute;z-index: 0;opacity: .2;top: 0;z-index: -1;}
.qnawrap.active {position: fixed;right: 10px;top: 120px;width: 250px;height: 250px;animation: pulse 2s infinite ease-in-out alternate;}
@keyframes pulse {
  from { transform: scale(0.9); }
  to { transform: scale(1.05); }
}
.qnawrap.active .que_txt {font-size: 1rem;}
.qnawrap.active::after {font-size: 6rem;transition: all 1s;}
.column img.ico {display: inline-block;margin-right: 10px;}
.contwrap.round_box {background: #c3d9a6;border-radius: 30px;padding: 20px;position: relative;margin-top: 60px;}
.contwrap.round_box .bg {position: absolute;right: 1%;top: -13%;}
.contwrap.round_box .bg1 {margin-top: 10%;}
.qna-question { display: flex; justify-content: center; padding: 10px 0; margin-bottom: 10px; align-items: center; }
.qna-question strong { color: white; font-size: 1.2rem; letter-spacing: 1px; }
.que_txt { font-size: 1.2rem; line-height: 1.5; font-weight: 700; }
.que_txt span { display: inline-block; font-weight: 700; }
.que_txt .circle {background: #fff;width: 35px;height: 35px;font-size: 1rem;border-radius: 100%;line-height: 35px;text-align: center;}
.que_txt .small { font-size: 1rem; font-weight: 500; margin-bottom: 10px; }
.sub_title div span.fz45 { font-size: 45px; color: inherit; font-weight: 700; }
.sub_title h3 { position: relative; margin: 10px 0px; font-size: 30px; color: rgb(51, 51, 51); line-height: 1.4; word-break: keep-all; }
.sub_title.listpage h2 { position: relative; margin: 10px 0px; font-size: 30px; color: rgb(51, 51, 51); line-height: 1.4; word-break: keep-all; }
.sub_title.listpage h2::after { content: ""; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 175px; height: 1px; background-color: rgb(210, 210, 210); }
.sub_title h3.stxt { font-size: 18px; }
.sub_title h3 .point { display: inline-block; padding: 5px 50px; margin-bottom: 10px; background-color: rgb(245, 130, 32); font-size: 26px; font-weight: bold; color: rgb(255, 255, 255); word-break: keep-all; }
.sub_title .subtag { margin-top: 30px; font-size: 20px; }
.sub_title h3 .stitle { display: block; margin-top: 15px; font-weight: normal; font-size: 24px; }
.sub_title h4 { margin-bottom: 10px; font-size: 20px; font-weight: 500; color: rgb(45, 95, 160); text-align: center; }
.sub_title .source { padding-top: 15px; font-size: 16px; color: rgb(114, 114, 126); }
.sub_title .source strong { margin-right: 5px; }
.sub_title .source strong:nth-of-type(2) { margin-left: 15px; }
.sub_title .lead { margin-top: 50px; padding: 20px 30px; font-size: 18px; color: rgb(34, 34, 34); line-height: 30px; word-break: keep-all; text-align: center; }
.sub_title .lead.p1 { padding: 10px 30px; }
.sub_title .profile_img { width: 70px; height: 70px; border: 1px solid rgb(51, 51, 51); border-radius: 45px; overflow: hidden; margin: 0px auto; }
.source { background: rgb(239, 239, 239); padding: 32px; }
.source strong { font-weight: 600; }
.source p { word-break: break-all; }
.source strong::before { content: ""; clear: both; display: block; width: 55px; height: 1px; background: rgb(188, 185, 184); margin-bottom: 22px; }
.tabnav { max-width: 640px; margin: 0px auto 50px; display: flex; justify-content: space-around; }
.tabnav.tab3 { max-width: 620px; margin: 0px auto 75px; display: flex; justify-content: space-between; }
.tabnav.tab4 { max-width: 800px; margin: 0px auto 75px; display: flex; justify-content: space-between; }
.tabnav.tab6 { max-width: 1170px; margin: 0 auto 35px; display: block; width: 80%; }
.tabnav.tab6 li { width: 47%; display: inline-block; margin: 0 1% 10px; }
.tabnav li { width: 30%; }
.tabnav.tab3 li { width: 30%; float: none; }
.tabnav.tab4 li { width: 20%; float: none; }
.tabnav.tab4 li:last-child { float: none; }
.tabnav li a { text-align: center; border-radius: 10px; font-size: 25px; font-weight: 500; color: rgb(92, 194, 207); border: 3px solid rgb(102, 204, 204); width: 100%; display: inline-block; box-sizing: border-box; padding: 8px 10px; line-height: 1.2; }
.tabnav li a:hover, .tabnav li a.active { color: rgb(255, 255, 255); font-weight: 700; background: rgb(92, 194, 207); border: 3px solid rgb(92, 194, 207); }
.sub_con .row h3.round_txt { border: 1px solid black; display: inline-block; padding: 9px 16px; border-radius: 20px; box-shadow: 4px 2px 0px 0px #000; }
.sub_con .row h3 .fwn { font-weight: 500; }
.sub_con .row .writer { text-align: right; margin-top: 20px; }
.sub_con .part { margin-bottom: 60px; }
.sub_con .part:last-child { margin-bottom: 0px; }
.sub_con .txt_wrap { margin: 20px 0px; }
.flex0 { display: flex; justify-content: space-between; }
.flex1 { display: flex; justify-content: flex-start; align-items: center; }
.sub_con .txt_wrap .header_tit { color: rgb(238, 121, 81); border-top: 5px solid rgb(238, 121, 81); display: inline-block; font-weight: bold; margin-bottom: 20px; }
.sub_con .txt_wrap .header_tit span { font-size: 20px; font-weight: 700; background-color: rgb(238, 121, 81); padding: 5px 10px; color: rgb(255, 255, 255); display: inline-block; text-align: left; word-break: keep-all; }
.sub_con .txt_wrap .title { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: rgb(53, 54, 130); text-align: left; word-break: keep-all; }
.sub_con .txt_wrap h3 { font-size: 22px; color: rgb(53, 54, 130); font-weight: 600; }
.sub_con .txt_wrap .text { font-size: 16px; color: rgb(102, 102, 102); text-align: justify; line-height: 32px; }
.sub_con .txt_wrap .text .underline { text-decoration: underline; }
.sub_con .txt_box { background-color: rgb(243, 243, 243); padding: 30px; }
.sub_con .txt_box .text { font-size: 18px; color: rgb(53, 54, 130); line-height: 34px; }
.sub_con .img_wrap { margin: 0px 0px 20px; text-align: center; }
.img_tit { font-weight: bold; margin-bottom: 5px; }
.sub_con .img_wrap.mt20 { margin-top: 20px; }
.sub_con .img_wrap.mt35 { margin-top: 35px; }
.sub_con .img_wrap.mb0 { margin-bottom: 0px; }
.sub_con .img_wrap::after { content: ""; display: block; clear: both; }
.sub_con figure img { width: auto; }
.sub_con .img_wrap.two figure { float: left; width: 48.305%; margin-right: 3.3898%; }
.sub_con .img_wrap.three figure { float: left; width: 32%; margin-right: 2%; }
.sub_con .img_wrap.four figure { float: left; width: 23.4%; margin-right: 2%; }
.sub_con .img_wrap figure:nth-last-of-type(1) { margin-right: 0px; }
.sub_con figure .caption { margin-top: 10px; font-size: 15px; color: rgb(102, 102, 102); text-align: center; line-height: 22px; word-break: keep-all; }
.sub_con .part .caption { margin-top: 10px; font-size: 15px; color: rgb(102, 102, 102); text-align: center; line-height: 22px; word-break: keep-all; }
.info_center { max-width: 920px; margin: auto; border: 2px solid rgb(174, 29, 61); box-sizing: border-box; }
.row .info_center h3 { position: relative; color: rgb(174, 29, 61); font-size: 38px; padding: 10px; text-align: center; font-weight: 600; letter-spacing: -0.045em; border-bottom: 2px solid rgb(174, 29, 61); margin-bottom: 0px; }
.row .info_center h3::before { content: ""; display: inline-block; position: absolute; left: 5%; top: 43%; width: 15px; height: 15px; background: rgb(174, 29, 61); border-radius: 20px; }
.row .info_center h3::after { content: ""; display: inline-block; position: absolute; right: 5%; top: 43%; width: 15px; height: 15px; background: rgb(174, 29, 61); border-radius: 20px; }
.info_center div { padding: 2% 3.93013%; }
.info_center div p { font-size: 20px; margin-bottom: 35px; }
.info_center div p:last-child { margin-bottom: 0px; }
.info_center div p .fwb { font-weight: 700; }
.book_inside h4 { margin-bottom: -3%; background: rgb(255, 255, 255); }
.book_inside h4::after { content: ""; clear: both; display: block; }
.book_inside .inside::after { content: ""; clear: both; display: block; }
.book_inside .inside { background: rgb(233, 238, 242); max-width: 900px; margin: auto; border-top: 2px solid rgb(0, 104, 142); padding: 6.5% 3.55556%; }
.book_inside .inside .left { float: left; margin-right: 4.22222%; }
.book_inside .inside .right p.tit { font-size: 16px; margin-bottom: 3.5%; }
.book_inside .inside .right p.tit .writer { font-size: 21px; font-weight: 700; }
.sub_con .reference { padding-top: 50px; border-top: 1px solid rgb(221, 221, 221); margin-top: 100px; font-size: 13px; color: rgb(153, 153, 153); line-height: 29px; }
.sub_con .reference .list { color: rgb(51, 51, 51); }
.contwrap.pt0 { padding-top: 0px; }
.row.pb20 { padding-bottom: 20px; }
.row.pb40 { padding-bottom: 40px; }
.row::after { content: ""; overflow: hidden; display: block; clear: both; }
.bor_btm { padding-bottom: 30px; border-bottom: 1px solid rgb(221, 221, 221); }

.row .column { float: left; }
.row .column2 { float: left; padding-left: 3.3898%; }
.row .column:first-child { padding-left: 0px; }
.row .column.right { float: right; }
.row .column.right { padding-left: 3.3898%; }
.row .column.right+.column { padding-left: 0px; }
.row .column figure { text-align: center; }
.row.half>.column:first-child { width: 48.305%; }
.row.half>.column { width: 51.6948%; }
.row.half>.column.right:first-child { width: 51.6948%; }
.row.half>.column.right+.column { width: 48.305%; }
.row.w600 .column:first-child { width: 45.7627%; }
.row.w600 .column { width: 54.2372%; }
.row.w600 .column.right:first-child { width: 54.2372%; }
.row.w600 .column.right+.column { width: 45.7627%; }
.row.flex { display: flex; align-items: center; justify-content: center; }
.row.flex .column.right+.column { order: -1; }
.row.width3>.column:first-child { width: 3%; }
.row.width3>.column { width: 97%; }
.row.width5>.column:first-child { width: 5%; }
.row.width5>.column { width: 95%; }
.row.width7>.column:first-child { width: 7%; }
.row.width7>.column { width: 93%; }
.row.width8>.column:first-child { width: 8%; }
.row.width8>.column { width: 92%; }
.row.width10>.column:first-child { width: 10%; }
.row.width10>.column { width: 90%; }
.row.width15 .column:first-child { width: 15%; }
.row.width15 .column { width: 85%; }
.row.width17 .column:first-child { width: 17%; }
.row.width17 .column { width: 83%; }
.row.width20 .column:first-child { width: 20%; }
.row.width20 .column { width: 80%; }
.row.width21 .column:first-child { width: 21%; }
.row.width21 .column { width: 79%; }
.row.width22 .column:first-child { width: 22%; }
.row.width22 .column { width: 78%; }
.row.width23 .column:first-child { width: 23%; }
.row.width23 .column { width: 77%; }
.row.width24 .column:first-child { width: 24%; }
.row.width24 .column { width: 76%; }
.row.width25 .column:first-child { width: 25%; }
.row.width25 .column { width: 75%; }
.row.width26 .column:first-child { width: 26%; }
.row.width26 .column { width: 74%; }
.row.width27 .column:first-child { width: 27%; }
.row.width27 .column { width: 73%; }
.row.width28 .column:first-child { width: 28%; }
.row.width28 .column { width: 72%; }
.row.width29 .column:first-child { width: 29%; }
.row.width29 .column { width: 71%; }
.row.width30 .column:first-child { width: 30%; }
.row.width30 .column { width: 70%; }
.row.width31 .column:first-child { width: 31%; }
.row.width31 .column { width: 69%; }
.row.width32 .column:first-child { width: 32%; }
.row.width32 .column { width: 68%; }
.row.width33 .column:first-child { width: 33%; }
.row.width33 .column { width: 67%; }
.row.width34 .column:first-child { width: 34%; }
.row.width34 .column { width: 66%; }
.row.width35 .column:first-child { width: 35%; }
.row.width35 .column { width: 65%; }
.row.width36 .column:first-child { width: 36%; }
.row.width36 .column { width: 64%; }
.row.width38>.column:first-child { width: 38%; }
.row.width38>.column { width: 62%; }
.row.width39>.column:first-child { width: 39%; }
.row.width39>.column { width: 61%; }
.row.width40>.column:first-child { width: 40%; }
.row.width40>.column { width: 60%; }
.row.width41>.column:first-child { width: 41%; }
.row.width41>.column { width: 59%; }
.row.width42>.column:first-child { width: 42%; }
.row.width42>.column { width: 58%; }
.row.width43>.column:first-child { width: 43%; }
.row.width43>.column { width: 57%; }
.row.width44>.column:first-child { width: 44%; }
.row.width44>.column { width: 56%; }
.row.width45>.column:first-child { width: 45%; }
.row.width45>.column { width: 55%; }
.row.width46>.column:first-child { width: 46%; }
.row.width46>.column { width: 54%; }
.row.width47>.column:first-child { width: 47%; }
.row.width47>.column { width: 53%; }
.row.width48>.column:first-child { width: 48%; }
.row.width48>.column { width: 52%; }
.row.width49>.column:first-child { width: 49%; } 
.row.width49>.column { width: 51%; }
.row.width50>.column:first-child { width: 50%; }
.row.width50>.column { width: 50%; }
.row.width51>.column:first-child { width: 51%; }
.row.width51>.column { width: 49%; }
.row.width52>.column:first-child { width: 52%; }
.row.width52>.column { width: 48%; }
.row.width53>.column:first-child { width: 53%; }
.row.width53>.column { width: 47%; }
.row.width54>.column:first-child { width: 54%; }
.row.width54>.column { width: 46%; }
.row.width55>.column:first-child { width: 55%; }
.row.width55>.column { width: 45%; }
.row.width56>.column:first-child { width: 56%; }
.row.width56>.column { width: 44%; }
.row.width57>.column:first-child { width: 57%; }
.row.width57>.column { width: 43%; }
.row.width58>.column:first-child { width: 58%; }
.row.width58>.column { width: 42%; }
.row.width59>.column:first-child { width: 59%; }
.row.width59>.column { width: 41%; }
.row.width60>.column:first-child { width: 60%; }
.row.width60>.column { width: 40%; }
.row.width61>.column:first-child { width: 61%; }
.row.width61>.column { width: 39%; }
.row.width62>.column:first-child { width: 62%; }
.row.width62>.column { width: 38%; }
.row.width63 .column:first-child { width: 63%; }
.row.width63 .column { width: 37%; }
.row.width64 .column:first-child { width: 64%; }
.row.width64 .column { width: 36%; }
.row.width66 .column:first-child { width: 66.1016%; }
.row.width66 .column { width: 33.8984%; }
.row.width67 .column:first-child { width: 67%; }
.row.width67 .column { width: 33%; }
.row.width68 .column:first-child { width: 68%; }
.row.width68 .column { width: 32%; }
.row.width70 .column:first-child { width: 70%; }
.row.width70 .column { width: 30%; }
.row.width71 .column:first-child { width: 71%; }
.row.width71 .column { width: 29%; }
.row.width72 .column:first-child { width: 72%; }
.row.width72 .column { width: 28%; }
.row.width74 .column:first-child { width: 74%; }
.row.width74 .column { width: 26%; }
.row.width77 .column:first-child { width: 77%; }
.row.width77 .column { width: 23%; }
.row.width78 .column:first-child { width: 78%; }
.row.width78 .column { width: 22%; }
.row.width86 .column:first-child { width: 86%; }
.row.width86 .column { width: 14%; }

.qr_wrap { float: right; width: 35%; }
.qr_text { float: left; text-align: right; line-height: 30px; }
.qr_img { float: right; }
.sub_footwrap { background-color: rgb(234, 241, 255); padding: 40px 0px; }
.sub_foot { width: 1170px; height: 100%; margin: 0px auto; }
.sub_foot .relation { width: 100%; position: relative; }
.sub_foot .relation .rel_tit { margin-bottom: 20px; font-size: 20px; font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(36, 51, 80); width: 21%; text-align: center; border-radius: 30px; padding: 5px; }
.sub_foot .relation .rel_tit::after { content: ""; background-color: rgb(36, 51, 80); width: 930px; height: 2px; position: absolute; right: 0px; top: 7%; }
.sub_foot .relation ul { font-size: 0px; display: flex; flex-flow: row; justify-content: flex-start; }
.sub_foot .relation li { display: inline-block; width: 20%; margin-right: 1%; vertical-align: top; }
.sub_foot .relation li p { overflow: hidden; font-size: 16px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; font-weight: 500; color: rgb(50, 59, 80); word-break: keep-all; margin: 10px 0px; }
.sub_foot .relation li:last-child { margin-right: 0px; }
.sub_foot .relation dl { height: 110px; padding: 20px 0px; }
.sub_foot .relation dt { margin-bottom: 5px; font-size: 18px; font-weight: bold; color: rgb(50, 59, 80); }
.sub_foot .relation dd { overflow: hidden; height: 40px; font-size: 16px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; color: rgb(51, 51, 51); word-break: keep-all; }
.question .footnote { font-size: 14px; line-height: 22px; margin-left: 35px; margin-top: 10px; border-top: 1px solid rgb(85, 85, 85); padding-top: 10px; }
.footnote { font-size: 14px; line-height: 22px; border-top: 1px solid rgb(85, 85, 85); padding-top: 10px; }
.footnote .footnote_tit { padding: 5px 0px; border-bottom: 1px solid rgb(51, 51, 51); margin-bottom: 10px; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb20 { margin-bottom: 20px !important; }
.pc-n { display: none; }


.sub_full .round_box { background: rgb(255, 255, 255); padding: 5%; border-radius: 50px; margin-top: 12%; }
.sub_full .round_box>.row { position: relative; }
.sub_full .tit_img { margin-bottom: 20px; }
.sub_full .round_box .txt_img { position: absolute; top: 0px; left: 50%; transform: translate(-50%, -80%); width: 19%; }
.sub_full .round_box .txt_img+p { margin-top: 7%; }
.sub_full h3 { font-size: 26px; color: rgb(0, 41, 101); }
.quizwrap { text-align: center; position: relative; }
.quizwrap h3 { background: rgb(41 141 30); color: rgb(255, 255, 255); border-radius: 30px; width: 65%; margin: auto; font-size: 24px; padding: 2%; border: 3px dashed rgb(0, 0, 0); }
.quizwrap h3 span { font-size: 30px; display: block; }
.quizwrap ul { border: 4px dashed rgb(0, 0, 0); display: block; font-size: 16px; position: relative; top: 0px; left: 50%; transform: translate(-50%, -22%); width: 80%; z-index: -1; background: url("../image/sub/f5/quiz_bg.jpg") 0px 0px repeat; padding: 124px 20px 98px; }
.quizwrap ul li { display: inline-block; vertical-align: bottom; font-size: 60px; font-weight: 500; }
.point { display: block; font-size: 16px; line-height: 1.5; text-align: left; border-top: 1px solid rgb(133, 133, 133); padding-top: 10px; margin-top: 20px; }
.point_s { display: block; text-align: left; font-size: 12px; line-height: 1.3; padding-top: 5px; }
.row.event_info { text-align: center; }
.row.event_info h3 { color: #eb9d9d; font-size: 35px; display: inline-block; border-bottom: 2px solid #eb9d9d; font-weight: 700; }
.row.event_info p { color: rgb(3, 0, 0); font-size: 35px; font-weight: 500; text-align: center; letter-spacing: -0.05em; margin: 5px 5px 35px; }
.sub_con .row .roundbox { font-size: 30px; font-weight: 700; color: rgb(255, 255, 255); background: #eb9d9d; padding: 7px 25px; border-radius: 10px; display: inline-block; }
.sub_con .event_txt p { font-size: 23px; font-weight: 500; color: rgb(3, 0, 0); line-height: 1.4; }
.row.event_bg p { margin: 4.2% 6%; }
.sub_con h3.book_tit { font-size: 35px; line-height: 1; margin-bottom: 0px; }
.sub_con h3.book_tit span { font-size: 20px; color: rgb(89, 87, 87); }
.underline { text-decoration: underline; }
.ptb40 { padding: 40px 0px !important; }
.pl0 { padding-left: 0px !important; }
.p120 { padding-left: 20px !important; }
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb60 { margin-bottom: 60px !important; }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.case { margin-top: 40px; }
.case_wrap { padding: 10px 0px; border-top: 2px solid rgb(34, 34, 34); border-bottom: 2px solid rgb(34, 34, 34); }
.case_tit span { font-size: 18px; font-weight: bold; color: rgb(34, 34, 34); }
.comment { border-top: 1px solid rgb(85, 85, 85); padding-top: 10px; font-size: 14px; color: rgb(85, 85, 85); }
.column { float: left; margin-left: 2%; }
.column img { display: block; margin: auto; max-width: 100%; }
.column:first-child { margin-left: 0px; }
.column.full { width: 100%; }
.column.two-thirds { width: 65.5271%; }
.column.one {width: 32%;}
.column.one2 {width: 66%;}
.column.half { width: 49%; }
.column.one-third { width: 32%; }
.radius-box .column.one-third { width: 35%; }
.radius-box .column.two-thirds { width: 62.4%; }
.round-cont .column.one-third { width: 20%; }
.round-cont .imgwrap3 .column.one-third { width: 31.6%; }
.round-cont .column.two-thirds { width: 77.4%; }
.column.one-fourth { width: 21.25%; }
.column.thr-fourth { width: 73.75%; }
.column.one-four { width: 10%; }
.column.one3 { width: 31.6%; }
.column.one8 { width: 8%; }
.column.one814 { width: 81.4%; }
.column.one894 { width: 89.4%; }
.column.one944 { width: 94.4%; }
.column.thr-four { width: 85%; }
.column.one-five { width: 16%; }
.contents .row { margin: 0px 0px 40px; }
.imgwrap { max-width: 900px; margin: auto; }
.contwrap::before, .contwrap::after, .row::before, .row::after { display: table; content: " "; }
.contwrap::after, .row::after { clear: both; }
.row { margin-bottom: 25px; }
.contwrap { margin-bottom: 35px; }
.flex { display: flex; justify-content: space-between; }
.flex_mod { display: flex; justify-content: space-around; }
.flex_mod>div:first-child { width: calc(15% - 10px); }
.flex_mod>div:last-child { width: calc(78% - 10px); }
.flex_mod div .img { margin: 25px auto; display: block; }
.flex .one-third { width: auto; }
.bq__dot::before { content: "··"; display: block; margin-bottom: 10px; }
.bq__dot::after { content: "··"; display: block; margin-top: 10px; }
.bq__dot { text-align: center; color: #2c87c9; font-weight: 500; line-height: 1.5; font-size: 1.3rem; max-width: 800px; margin: 0 auto; font-style: italic; font-weight: 700; }
.bq__dot .small {font-size: 1rem;}
.bq__dot img {margin-bottom: 10px;display: block;}
.fz14 { font-size: 14px; }
.tit__dot::before { content: ""; width: 12px; height: 12px; background: rgb(53, 181, 149); display: inline-block; color: rgb(53, 181, 149); border-radius: 100%; margin-right: 5px; }
.label dl { display: flex; align-items: flex-start; gap: 10px; margin-top: 5px; }
.label dd { margin-bottom: 10px; }
.label .label--bg-purple { color: rgb(255, 255, 255); background: rgb(131, 103, 171); border-radius: 10px; width: 90px; text-align: center; flex: 0 0 auto; }

@media (max-width: 1080px) {
  .row.qna_wrap, .qna_wrap.row .column.half {min-height: auto;}
  .qna_wraper {margin-top: 0;}
  .qnawrap.active {position: relative;animation: none;width: 300px;height: 300px;right: 0;top: 0;}
  .qnawrap.active .que_txt {font-size: 1.2rem;}
  .qnawrap.active::after {font-size: 7rem;}
  .qna_wrap .img {position: relative;top: auto;}
  .qna_wrap strong {margin: 20px auto 5px;}
  .qna_wrap.row .column.half.none img {margin-top: 0;}
  .r-c { margin: 0px auto; text-align: center !important; }
  .mo-n { display: none; }
  .mt0-mt20 { margin-top: 25px; }
  .history { margin-top: 20px !important; }
  .history .hit_text { margin: 0px auto; }
  .history .his_box { margin: 0px auto; }
  .row.mo-pb20 { padding-bottom: 20px !important; }
  .row.mo-pb00 { padding-bottom: 0px !important; }
  .row .column.right { padding: 0px; }
  .pb0 { padding: 0px !important; }
  .row .column figure { text-align: center; }
  .row .column.mo-pb0 { padding-bottom: 0px; }
  .row .column.mo-pb50 { padding-bottom: 50px; }
  .row.flex { flex-wrap: wrap; }
  .row.flex .column { margin-left: 0px; width: 100% !important; }
  .sub_con .quiz .dbList .part .column:first-child { margin-bottom: 30px; }
  .sub_con .txt_wrap .text.mo-mt20 { margin-top: 20px !important; }
  .flex .one-third img { margin-bottom: 10px; }
}

@media (max-width: 768px) {
  .sub_title .que_txt {font-size: 1.2rem;}
  .contwrap.round_box .bg {display: none;}
  .contwrap.round_box .bg1 {margin-top: 0;}
  .contwrap.round_box {margin-top: 0;}
  .qna_wraper .contwrap {margin: 0;padding: 0;}
  .sub_con .youtube {padding-bottom: 60%;}
  .sub_title .pc {display: none;}
  .sub_title .mobile {display: block;}
  .flex .one-third img { margin-bottom: 0px; }
  .sub_con .mb-wrap {padding: 0;}
  .sub_con .mb-style-3 .mb-thumb img {position: relative;right: auto;bottom: auto;margin-top: 12px;width: 200px;}
  .sub_con .mb-style-3 blockquote {padding: 30px;}
  .sub_con .mb-style-3 blockquote:after {left: 50%;}
  .sub_con .mb-style-3 .mb-attribution {text-align: center;padding: 20px;margin-top: 15px;}
  .sub_con .mb-style-3 .mb-author, .sub_con .mb-wrap .name {text-align: center;}
  .qna_wrap .icon {display: none;}
  .qna_wrap.row .column.half.none img {margin-top: 20px;}
  .contwrap, .row { margin-bottom: 20px; }
  .sub_head { margin-top: 15px; }
  .list_wrap .inner { padding: 0px; }
  .list_wrap .inner .list ul li { width: 48%; margin-bottom: 10px; }
  .list_wrap .inner .list h2 { font-size: 20px; }
  .list_wrap .inner .list ul li span { font-size: 14px; word-break: keep-all; margin-top: 7px; }
  .topImg { height: 100px; }
  .sub_wrap .sub_head { padding-top: 10px; }
  .sub_head .breadcrumb li { font-size: 16px; }
  .sub_title h2 span, .sub_title p { font-size: 22px; line-height: 30px; }
  .sub_head .breadcrumb li+li::before { font-size: 12px; }
  .sub_head .breadcrumb .home::after { font-size: 16px; }
  .sub_body { padding-bottom: 35px; }
  .sub_body .sub_title { margin-bottom: 25px; }
  .sub_title .source { font-size: 12px; word-break: keep-all; }
  .sub_con .txt_wrap .header_tit span { font-size: 18px; }
  .sub_con .txt_wrap .title { margin-bottom: 10px; font-size: 18px; }
  .sub_tit h2 {font-size: 2.5rem;}
  .sub_title div span.fz45 { font-size: 29px; }
  .sub_title div span.fwn { font-size: inherit; line-height: inherit; }
  .sub_title h3, .sub_title.listpage h2 { font-size: 28px; }
  .sub_title h3 .point { margin-bottom: 5px; font-size: 22px; }
  .sub_title h3 .stitle { font-size: 22px; }
  .sub_title h3.stxt { font-size: 14px; }
  .sub_title .lead { padding: 20px 10px; margin-top: 20px; font-size: 14px; line-height: 24px; }
  .sub_con .txt_wrap { margin: 25px 0px; }
  .sub_con .txt_wrap .text { font-size: 14px; text-align: inherit; word-break: break-all; line-height: 30px; }
  .sub_con .txt_box .text { font-size: 14px; line-height: 30px; }
  .sub_con .img_wrap { margin-bottom: 25px; }
  .sub_con .img_wrap figure { text-align: center; width: 100% !important; }
  .sub_con .img_wrap.two figure, .sub_con .img_wrap.three figure { float: none; margin-right: 0px; }
  .sub_con .img_wrap figure:nth-child(2n-1), .sub_con .img_wrap.three figure:nth-child(2) { margin-bottom: 25px; }
  .sub_con .img_wrap figure:last-child { margin-bottom: 0px; }
  .sub_con .img_wrap figure .caption { margin-top: 12px; font-size: 12px; }
  .sub_con figure .caption { font-size: 12px; line-height: 1.45; }
  .sub_foot .relation .rel_tit { font-size: 16px; font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(36, 51, 80); width: 45%; text-align: center; border-radius: 30px; margin: 0px auto 20px; }
  .sub_foot .relation .rel_tit::after { display: none; }
  .sub_foot .relation { width: 100vw; }
  .sub_foot .relation li { display: inline-block; width: 45%; margin: 0px 2%; }
  .sub_foot .relation em { width: 100%; }
  .sub_foot .relation em img { width: 100%; }
  .sub_foot .relation .rel_tit ul li a em img { width: 100%; }
  .sub_foot .relation dt { font-size: 16px; }
  .sub_foot .relation dd { font-size: 14px; }
  .contwrap { padding-top: 20px; }
  .column.full,
  .column.two-thirds,
  .column.half,
  .column.one-third,
  .renew .column.one-third,
  .column.one-fourth,
  .column.thr-fourth,
  .column.one-four,
  .column.thr-four,
  .column.one-five,
  .radius-box .column.one-third,
  .radius-box .column.two-thirds,
  .round-cont .column.one-third,
  .round-cont .imgwrap3 .column.one-third,
  .round-cont .column.two-thirds,
  .column.one,
  .column.one2,
  .column.one3,
  .column.one8,
  .column.one814,
  .column.one894,
  .column.one944 {
    margin: 20px 0px 0px;
    width: 100%;
  }
  .column:first-child { margin-top: 0px; }
  .sub_foot .relation ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 10px; }
  .sub_foot .relation li { width: 49%; margin: 0px; }
  .flex_mod { display: flex; flex-direction: column; align-items: center; }
  .flex_mod>div:first-child { width: 34%; margin-bottom: 15px; }
  .flex_mod>div:last-child { width: 100%; }
  .quizwrap ul { width: 90%; }
  .sub_full.notice { padding: 10% 0px 18%; }
}

@media (max-width: 480px) {
  .brnone {display: none;}
  .sub_con .row h3 .circle {display: block;margin: 0 auto 10px;}
  .column img.ico {display: block;text-align: center;margin-right: 0;margin: 0 auto;margin-bottom: 10px;}
  .sub_tit .top_txt {font-size: 1.05rem;margin-bottom: 7px;display: inline-block;}
  .sub_common .sub_sns_wrap li a {font-size: 0.9rem;}
  .sub_common .sub_sns_wrap li a i {font-size: 1rem;}
  .sub_tit h2 {font-size: 1.6rem;line-height: 1.3;word-break: keep-all;}
  .sub_tit .bottom_txt {font-size: 1.2rem;}
  .sub_tit .sub_txt {font-size: 1rem;}
  .sub_tit .writer {font-size: 1rem;margin-bottom: 15px;}
  .sub_con .row h3 {font-size: 1.2rem;margin-bottom: 10px;line-height: 1.3;}
  .sub_con .row p {font-size: .95rem;}
	.sub_con .together .row .txt {font-size: 1.2rem;}
  .sub_title p.caption {font-size: .75rem;line-height: 1.2;position: absolute;bottom: 10px;right: 0;color: #fff;text-align: right;padding: 0 10px;}  
  .sub_body {padding-bottom: 20px;}
  .bq__dot .small {font-size: .8rem;}
  .sub_con .mb-style-3 blockquote p {font-size: 1.2rem;}
  .sub_con .mb-style-3 blockquote {padding: 20px;}
  .sub_con .row h3 .small {font-size: 1.1rem;}
  .sub_con .row h3 .to_writer {font-size: 1rem;}
  .sub_con .mb-wrap {margin: 0 auto;}
  .sub_con .mb-style-3 .mb-attribution {padding: 20px 0 0 0;}
  .footer {padding: 30px 15px 15px;}
  .sub_con .row .round {display: block;width: 40%;margin: 0 auto 15px;text-align: center;}
  .sub_con .interview h3 {font-size: 1.3rem;}
  .sub_con .interview h4 {font-size: 1.3rem;}
  .sub_title div span.fz45 { font-size: 20px; line-height: 1.2; }
  .contwrap { padding-top: 15px; }
  .contwrap, .row { margin-bottom: 15px; }
  .sub_title h2 span { font-size: 22px; }
  .sub_title p { font-size: 18px; line-height: 1.5; }
  .sub_title .subtag { font-size: 16px; }
  .sub_title h3, .sub_title.listpage h2 { font-size: 22px; }
  .sub_title.listpage h2 { margin-bottom: 50px; }
  .sub_title h3 .point { padding: 5px 20px; font-size: 18px; }
  .sub_title h3 .stitle { font-size: 18px; }
  .sub_title h3 .small { font-size: 18px; }
  .sub_title h4 { font-size: 16px; }
  .sub_foot .relation .rel_tit::after { width: 65%; }
  .bq__dot { font-size: 18px; }
  .sub_con .row p.caption { font-size: .8rem; }
  .point { font-size: 14px; }
  .sub_3_5 .app_name { font-size: 15px; }
  .sub_4_2 .news_tit { font-size: 20px; line-height: 26px; }
  .sub_foot .relation .rel_tit { font-size: 14px; }
  .sub_head .breadcrumb li { font-size: 14px; }
  .sub_head { margin: 10px 0px 20px; }
  .sub_body .sub_title {margin-bottom: 10px;}
  .contwrap, .row { margin-bottom: 10px; }
  .column.full,
  .column.two-thirds,
  .column.half,
  .column.one-third,
  .renew .column.one-third,
  .column.one-fourth,
  .column.thr-fourth,
  .column.one-four,
  .column.thr-four,
  .column.one-five,
  .radius-box .column.one-third,
  .radius-box .column.two-thirds,
  .round-cont .column.one-third,
  .round-cont .imgwrap3 .column.one-third,
  .round-cont .column.two-thirds,
  .column.one3,
  .column.one8,
  .column.one814,
  .column.one894,
  .column.one944 {
    margin: 15px 0px 0px;
  }
  .row .info_center h3 { font-size: 17px; }
  .row .info_center h3::before { width: 8px; height: 8px; top: 47%; }
  .row .info_center h3::after { width: 8px; height: 8px; top: 47%; }
  .info_center div p { margin-bottom: 15px; }
  .tabnav { flex-wrap: wrap; }
  .tabnav, .tabnav.tab3 { width: 100%; margin: 0px auto 35px; flex-direction: column; align-content: center; }
  .tabnav.tab3 li { width: 65%; }
  .tabnav li { width: 60%; margin-bottom: 10px; }
  .tabnav li:last-child { margin-bottom: 0px; }
  .tabnav li a { font-size: 20px; }
  .book_inside .inside .left { float: none; margin-right: 0px; margin-bottom: 5%; }
  .book_inside .inside .right p.tit { line-height: 1.6; }
  .book_inside .inside .right p.tit .writer { font-size: 21px; font-weight: 700; }
  .row.event_bg { background-size: contain; }
  .row.event_info h3 { font-size: 25px; }
  .row.event_info p { font-size: 20px; margin: 0px 5px 18px; }
  .sub_con .row .roundbox { font-size: 19px; padding: 5px 15px; border-radius: 10px; display: inline-block; }
  .sub_con .event_txt p { font-size: 18px; font-weight: 500; color: rgb(3, 0, 0); line-height: 1.4; }
  .row.event_bg p { margin: 4.7% 6%; }
  .magazine .row h3 { font-size: 20px; }
  .magazine hr { margin-bottom: 0px; }
  .sub_full .round_box { border-radius: 20px; margin-top: 24%; }
  .sub_full .round_box .txt_img { width: 35%; }
  .sub_full { padding: 20px 0px; }
  .sub_con h3.book_tit { font-size: 28px; }
  .sub_con h3.book_tit span { font-size: 18px; color: rgb(89, 87, 87); }
  .quizwrap h3 { width: 95%; font-size: 18px; position: relative; z-index: 10; }
  .quizwrap h3 span { font-size: 25px; }
  .quizwrap ul { width: 100%; position: static; transform: none; margin-top: -18%; padding: 23% 5% 13%; margin-bottom: 15px; }
  .sub_full.notice { background-size: contain; padding: 5%; }
	.tabnav.tab6 { width: 100%; }
	.quizwrap ul li {font-size: 25px;}
}

@media (max-width: 320px) {
  .sub_foot .relation .rel_tit { width: 51%; }
}