/* jquery.magnific-popup
----------------------------*/
/* text-based popup styling */
.mfp-auto-cursor .mfp-content { margin-top: 70px; }
.white-popup { position: relative; width: auto; max-width: 954px; margin: 0 auto; padding: 50px 0 60px 0; background: #fff; }
.white-popup .container { max-width: 600px; margin: 0 auto; }
.white-popup .container .thumb img { width: 100%; }
.white-popup .container .title { margin-top: 1.5em; text-align: center; font-size: 1.42em; font-weight: bold; }
.white-popup .container .desc { margin-top: 0.5em; line-height: 1.812; }
/*modal button reset*/
button.mfp-close { top: -57px; width: 43px; height: 43px; opacity: 0.8; background-color: transparent; }
.mfp-close-btn-in .mfp-close { color: transparent; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
button.mfp-close:active { top: -57px; }
button.mfp-close:before, button.mfp-close:after { position: absolute; top: 21px; left: -8px; display: block; visibility: visible; width: 58px; height: 1px; content: ''; background-color: #fff; }
button.mfp-close:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
button.mfp-close:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }

/* Zoom effect */
.mfp-zoom-in .mfp-with-anim { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
.mfp-zoom-in.mfp-bg { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; }
.mfp-zoom-in.mfp-ready .mfp-with-anim { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }

/* layout */
#main { padding-bottom: 80px; font-size: 1em; font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif; }
#main .container { max-width: 954px; margin: 0 auto; padding: 0 13px; }
.breadcrumb-list{max-width:1440px!important}
.site-name-container{max-width:1440px}
.thumb img { width: 100%; }
.grid { overflow: hidden; }
.grid .col { float: left; }
.grid_3 .row { margin: 0 -1.57%; }
.grid_3 .col { width: 30.28%; padding: 0 1.52%; }

/* reset */
#main * { box-sizing: content-box; }
#main img { vertical-align: bottom; }
#main iframe { border: 0; overflow: auto; }
.main_content .bg_container a { color: #fff; }
.main_content .bg_container a:hover { text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 1; overflow: hidden; }

/*tool*/
.sp_only { display: none!important; }
.fluid_img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.hover_effect { -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.hover_effect:hover { opacity: 0.7; }
.hover_img img { -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.hover_img:hover img { opacity: 0.7; }

/* header / footer */
#category_title { float: left; }
.simpleweb { float: left; padding: 9px 0 0 10px; vertical-align: middle; }
.space_links { margin-top: 60px; padding: 35px 31px 25px; background-color: #f7f7f7; font-size: 0.88em; line-height: 1.43; }
.space_links .list_header { font-size: 1.136365em; font-weight: 700; }
.space_links .list_body { display: table; width: 100%; margin-top: 20px; border-collapse: collapse; }
.space_links .list_body ul { display: flex;justify-content:space-between; }
.space_links .list_body li { width: calc((148 / 892) * 100%); border-left: 1px solid #d9d9d9; }
.space_links .list_body li:last-of-type { border-right: 1px solid #d9d9d9; }
.space_links .list_body a { display: block; padding: 4px 5px 2px; text-align:center; }
.space_links .list_body a:before { display: block; width: 24px; height: 24px; margin: 0 auto 5px; content: ''; background-repeat: no-repeat; background-position: center center; }
.space_links .list_body .item_space_top a { padding-left: 15px; color: #fff; background-color: #1a75a8; }
.space_links .list_body .item_overview a:before { background-image: url(/society/space/img/icn_main-nav01.png); background-size: 20px auto; }
.space_links .list_body .item_satellite a:before { background-image: url(/society/space/img/icn_main-nav02.png); background-size: 23px auto; }
.space_links .list_body .item_component a:before { background-image: url(/society/space/img/icn_main-nav03.png); background-size: 19px auto; }
.space_links .list_body .item_control a:before { background-image: url(/society/space/img/icn_main-nav04.png); background-size: 18px auto; }
.space_links .list_body .item_telescope a:before { background-image: url(/society/space/img/icn_main-nav05.png); background-size: 19px auto; }
.space_links .list_body .item_advertisings a:before { background-image: url(/society/space/img/icn_main-nav06.png); background-size: 15px auto; }
.space_links .list_body .item_contact a:before { background-image: url(/society/space/img/icn_main-nav07.png); background-size: 14px auto; }
@media screen and (max-width:980px) { .space_links { margin-right: -13px; margin-left: -13px; font-size: 1em; }
    .space_links .list_body { display: block; } }
@media (max-width:767px) { .white-popup { padding: 40px 15px 40px 15px; }
    /* header / footer */
    #category_title { padding: 20px 10px; font-size: 128.57%; }
    .simpleweb { display: none; }
    #main { padding-bottom: 10px; line-height: 1.43em; }
    .space_links { margin: 0 -20px 0 -20px; padding: 10px; background-color: #e7eeef; }
    .space_links .list_body { margin-top: 5px; }
    .space_links .list_body ul { display: block; padding: 0; }
    .space_links .list_body li { width: 100%; margin: 0; border: none; }
    .space_links .list_body li + li { margin-top: 1px; }
    .space_links .list_body li:last-of-type { border-right: none; }
    .space_links .list_body li.sp_only { display: block!important; }
    .space_links .list_body a { position: relative; padding: 15px 20px 15px 45px; color: #666; background-color: #fff; font-weight: 700; text-align: left; }
    .space_links .list_body a:hover { color: #37a0d9; background-color: #f6f6f6; }
    .space_links .list_body a:before { position: absolute; top: 50%; left: 8px; width: 29px; height: 29px; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); background-size: auto!important; }
    .space_links .list_body a:after { position: absolute; top: 50%; right: 10px; display: inline-block; width: 9px; height: 15px; margin-top: -7px; content: ''; vertical-align: baseline; background: url(/shared_sp/img/arr_right_s.png) no-repeat; background-size: 9px auto; }
    .space_links .list_body .item_space_top a:after { width: 9px; height: 15px; background: url(/shared_sp/img/bg_black/arr_right_s.png) no-repeat; background-size: 9px auto; }
    .space_links .list_body .item_space_top a:hover { color: #fff; background-color: #1a75a8; }
    .space_links .list_body .item_overview a:hover:before { background-image: url(/society/space/img/icn_main-nav01_ov.png); }
    .space_links .list_body .item_satellite a:hover:before { background-image: url(/society/space/img/icn_main-nav02_ov.png); }
    .space_links .list_body .item_component a:hover:before { background-image: url(/society/space/img/icn_main-nav03_ov.png); }
    .space_links .list_body .item_control a:hover:before { background-image: url(/society/space/img/icn_main-nav04_ov.png); }
    .space_links .list_body .item_telescope a:hover:before { background-image: url(/society/space/img/icn_main-nav05_ov.png); }
    .space_links .list_body .item_advertisings a:hover:before { background-image: url(/society/space/img/icn_main-nav06_ov.png); }
    .space_links .list_body .item_contact a:after { right: 9px; width: 15px; background: url(/shared_sp/img/icon_pc.png) no-repeat; background-size: 15px auto; }
    .space_links .list_body .item_contact a:hover:before { background-image: url(/society/space/img/icn_main-nav07_ov.png); } }

/* component */
/*heading*/
.main_content .heading { position: relative; overflow: hidden; text-align: center; letter-spacing: -0.03em; font-size: 1.75em; font-weight: bold; }
.main_content .heading .inner { position: relative; display: inline-block; padding: 0 0.8em; }
.main_content .heading .inner:before, .main_content .heading .inner:after { position: absolute; top: 50%; width: 400%; height: 1px; content: ''; background-color: #ccc; }
.main_content .heading .inner:before { right: 100%; }
.main_content .heading .inner:after { left: 100%; }

/*banner*/
.main_content .mod_banner { margin-top: 45px; padding: 45px 60px 50px; background-color: rgba(255,255,255,0.15); }
.main_content .mod_banner a { display: inline-block; border: 1px solid #3d3d3d; background-color: #fff; }
.main_content .mod_banner .lead { margin-bottom: 0.3em; text-align: center; font-family: 游明朝, YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', HG明朝E, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-size: 1.5em; }
.main_content .mod_banner .text { margin-bottom: 1.2em; text-align: center; line-height: 1.875; }

/*video*/
.video_wrap { width: 64.6%; margin: 0 auto; margin-top: 40px; padding: 30px; background-color: rgba(17, 32, 54, 0.8); }
.video_wrap.has_caption { padding-bottom: 13px; }

/* main content */
/* content */
.intro { padding: 75px 0 45px; text-align: center; color: #fff; background: url(../img/bg_01.jpg) no-repeat center center; background-size: cover; }
.intro .catch { margin-bottom: 50px; text-align: center; }
.intro .catch img, .intro .title img { margin: 0 auto; }
.intro .title { margin-bottom: 46px; text-align: center; }
.intro .lead { font-size: 1.25em; line-height: 2; }
.intro .lead + .lead { margin-top: 1.5em; }
.intro .btn { display: block; width: 450px; margin: 0 auto 50px; padding: 19px 0; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out;color: #fff; border: 1px solid #fff; font-size: 112.5%; font-weight: bold;  }
.intro .btn:hover {color: #333; background-color: #fff;  }
.intro .btn:hover .inner { background-image: url(../img/arr_btn_02_ov.png); }
.intro .btn  .inner { display: inline-block; padding-left: 15px; -webkit-transition: background-image 0.25s ease-out; transition: background-image 0.25s ease-out;background-image: url(../img/arr_btn_02.png); background-repeat: no-repeat; background-position: left center; background-size: 9px 8px;  }

.intro_video { background-color: #000; }
.intro_video .video_container { position: relative; display: block; max-width: 1280px; background: url(../img/bg_02.jpg); }
.main_content { overflow: hidden; color: #fff; }
.main_content .bg_container { position: relative; padding: 160px 0 100px; background: url(../img/bg_03.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }
.main_content .module_product .row { position: relative; }
.main_content .module_product .row.second { margin-top: 100px; }
.main_content .module_product .row.third { margin-top: 220px; }
.main_content .module_product .row.fourth { margin-top: 120px; }
.main_content .module_product .row.fifth { margin-top: 300px; }
.main_content .module_product .row.sixth { margin-top: 120px; }
.main_content .module_product .row.seventh { margin-top: 423px; }


.main_content .module_product .row:nth-child(odd) .product { float: left; }
.main_content .module_product .row:nth-child(odd) .desc { float: right; }
.main_content .module_product .row:nth-child(even) .product { float: right; }
.main_content .module_product .row:nth-child(even) .desc { float: left; }

/*annimation line*/
.main_content .module_product .row .product .cont { position: absolute; z-index: 10; display: block; width: 50.1%; }
.main_content .module_product .row .product .cont img { width: 100%; }
.main_content .module_product .row .product .cont .line { position: absolute; z-index: -5; }
.main_content .module_product .row .product .cont .line:before, .main_content .module_product .row .product .cont .line:after { position: absolute; display: block; content: ''; background-color: #fff; }
.main_content .module_product .row .product .cont .line:before { width: 100%; height: 1px; min-height: 1px; }
.main_content .module_product .row .product .cont .line:after { width: 1px; min-width: 1px; height: 100%; }

/*annimation img position*/
.main_content .module_product .row:nth-child(1) .product .cont { bottom: 28.9%; }
.main_content .module_product .row:nth-child(2) .product .cont { top: 22%; }
.main_content .module_product .row:nth-child(3) .product .cont { bottom: 30%; }
.main_content .module_product .row:nth-child(4) .product .cont { top: 24%; }
.main_content .module_product .row:nth-child(5) .product .cont { bottom: 88.9%; }
.main_content .module_product .row:nth-child(6) .product .cont { top: 86%; }
.main_content .module_product .row:nth-child(7) .product .cont { bottom: 78%; }


/*annimation line position*/
.main_content .module_product .row:nth-child(1) .product .cont .line:before { right: 0; bottom: 0; }
.main_content .module_product .row:nth-child(1) .product .cont .line:after { bottom: 0; left: 0; }
.main_content .module_product .row:nth-child(2) .product .cont .line:before { top: 0; right: 0; }
.main_content .module_product .row:nth-child(2) .product .cont .line:after { right: 0; bottom: 0; }
.main_content .module_product .row:nth-child(3) .product .cont .line:before { right: 0; bottom: 0; }
.main_content .module_product .row:nth-child(3) .product .cont .line:after { bottom: 0; left: 0; }
.main_content .module_product .row:nth-child(4) .product .cont .line:before { top: 0; left: 0; }
.main_content .module_product .row:nth-child(4) .product .cont .line:after { top: 0; right: 0; }
.main_content .module_product .row:nth-child(5) .product .cont .line:before { right: 0; bottom: 0; }
.main_content .module_product .row:nth-child(5) .product .cont .line:after { bottom: 0; left: 0; }
.main_content .module_product .row:nth-child(6) .product .cont .line:before { top: 0; right: 0; }
.main_content .module_product .row:nth-child(6) .product .cont .line:after { right: 0; bottom: 0; }
.main_content .module_product .row:nth-child(7) .product .cont .line:before { right: 0; bottom: 0; }
.main_content .module_product .row:nth-child(7) .product .cont .line:after { bottom: 0; left: 0; }

/*annimation line width/height*/
.main_content .module_product .row:nth-child(1) .product .cont .line { right: -10.3%;bottom: -19.1%;width: 44%;height: 40%; }
.main_content .module_product .row:nth-child(2) .product .cont .line { top: -11%; left: -10.3%; width: 67%; height: 30%; }
.main_content .module_product .row:nth-child(3) .product .cont .line { right: -10.1%; bottom: -22%; width: 47%; height: 30%; }
.main_content .module_product .row:nth-child(4) .product .cont .line { top: -14%; left: -10.3%; width: 67%; height: 30%; }
.main_content .module_product .row:nth-child(5) .product .cont .line { right: -10.1%;bottom: -21%;width: 44%;height: 30%; }
.main_content .module_product .row:nth-child(6) .product .cont .line { top: -20.5%;left: -10.3%;width: 67%;height: 30%; }
.main_content .module_product .row:nth-child(7) .product .cont .line { right: -10.1%;bottom: -15%;width: 50%;height: 30%; }


.main_content .module_product .row .product { width: 50%; margin-right: auto; }
.main_content .module_product .row .desc { width: 44.65%; border: 1px solid #fff; line-height: 1.875; }
.main_content .module_product .row .desc .inner { padding: 8% 10%; }
.main_content .module_product .row .desc .inner.inner--ttlonly { padding: 8% 11% 6%; text-align: center;}
.main_content .module_product .row .desc .name { margin-bottom: 0.3em; letter-spacing: 0.15em; font-size: 1.25em; font-weight: bold; }
.main_content .module_Quasi-zenith { margin-top: 90px; }
.main_content .module_Quasi-zenith .video_wrap .cont { position: relative; display: block; background: url(../img/thumb_video_02.jpg); }
.main_content .module_Quasi-zenith .caption { margin-top: 5px; text-align: right; font-family: '游ゴシック', 'Yu Gothic', YuGothic, sans-serif; font-size: 81.25%; }
.main_content .module_Quasi-zenith > .text { margin-top: 35px; line-height: 1.875; }
.main_content .module_related_column { padding: 70px 0 100px; color: #333; background-color: #edeef2; }
.main_content .module_related_column .heading .inner:before, .main_content .module_related_column .heading .inner:after { background-color: #333; }
.main_content .module_related_column .text {margin: 2.8em 0 3em; text-align: center;  font-weight: bold; }
.main_content .module_related_column .col { display: block; float: left; width: 31.13%; color: #333; }
.main_content .module_related_column .col:hover { text-decoration: none; }
.main_content .module_related_column .col:hover .thumb { background-color: #fff; }
.main_content .module_related_column .col + .col { margin-left: 3.24%; }
.main_content .module_related_column .col > .lead { margin-top: 1.8em; text-align: left; font-weight: bold; }
.main_content .module_related_column .col .desc { margin-top: 1em; font-size: 0.87em; line-height: 1.5; }
.main_content .module_role { position: relative; margin-top: 90px; }
.main_content .module_related_column .mod_banner { margin-top: 65px; background-color: #d7d9e1; }
#main .main_content .module_role .container { position: relative; overflow: hidden; }
.main_content .module_role .text { margin-top: 1.5em; text-align: center; line-height: 1.75; }
.main_content .module_role .sub_mod { margin-top: 4.3em; }
.main_content .module_role .sub_head { margin-bottom: 30px; text-align: center; font-size: 1.37em; }
.main_content .module_role .sub_mod:nth-of-type(3) .sub_head { margin-bottom: 43px; }
.main_content .module_role .sub_head .inner { display: inline-block; border-bottom: 2px solid #fff; font-weight: bold; }
.main_content .module_role .illust { margin: 60px auto 0; }
.main_content .module_role .illust img { width: 100%; }
.main_content .module_role .link_area { width: 98.11%; margin: 60px auto 0; }
.main_content .module_role .link_area .col_w { margin: 0 -2.58%; }
.main_content .module_role .link_area .col { display: block; float: left; width: 20.28%; padding: 0 2.29%; color: #fff; }
.main_content .module_role .link_area .col .thumb {-webkit-transition: opacity 0.25s ease-out;transition: opacity 0.25s ease-out; background-size: cover; }
.main_content .module_role .link_area .col .thumb.p_01 .inner { background-image: url(../img/icon_01.png); }
.main_content .module_role .link_area .col .thumb.p_02 .inner { background-image: url(../img/icon_02.png); }
.main_content .module_role .link_area .col .thumb.p_03 .inner { background-image: url(../img/icon_03.png); }
.main_content .module_role .link_area .col .thumb.p_04 .inner { background-image: url(../img/icon_04.png); }
.main_content .module_role .link_area .col:hover .thumb .inner { opacity: 0; }
.main_content .module_role .link_area .col .thumb .inner {-webkit-transition: opacity 0.25s ease-out;transition: opacity 0.25s ease-out; background-size: cover; }
.main_content .module_role .link_area .col .thumb.p_01 { background-image: url(../img/icon_01_ov.png); }
.main_content .module_role .link_area .col .thumb.p_02 { background-image: url(../img/icon_02_ov.png); }
.main_content .module_role .link_area .col .thumb.p_03 { background-image: url(../img/icon_03_ov.png); }
.main_content .module_role .link_area .col .thumb.p_04 { background-image: url(../img/icon_04_ov.png); }
.main_content .module_role .link_area .col:hover .cate { text-decoration: underline; }
.main_content .module_role .video_wrap { border-color: rgba(14,31,56,0.8); }
.main_content .module_role .link_area .col .thumb img { visibility: hidden; }
.main_content .module_role .link_area .col .cate { margin-top: 1em; text-align: center; }
.main_content .module_role .video_wrap .cont { position: relative; display: block; background: url(../img/thumb_video_03.jpg); }
.main_content .module_role .col_w.two .col { float: left; width: 46.85%; }
.main_content .module_role .col_w.two .col + .col { margin-left: 6.28%; }
.main_content .module_role .col_w.two .col .caption { margin-top: 1em; text-align: center; font-weight: bold; }
.main_content .module_role .mod_map { margin-top: 40px; padding-top: 50px; border-width: 1px 0 0 0; border-style: solid; border-color: rgba(255,255,255,0.2); }
.main_content .module_role .mod_banner { margin-top: 40px; padding: 35px 50px 60px; color: #333; background-color: #d7e1d8; }

.main_content .module_service { position: relative; z-index: 10; padding-top: 80px; padding-bottom: 80px; color: #333; background-color: #fff; }
.main_content .module_service .container { position: relative; }
.main_content .module_service .text { margin-top: 1.5em; }
.main_content .module_service .heading .inner:before, .main_content .module_service .heading .inner:after { background-color: #333; }
.main_content .module_service .video_wrap { width: 64.6%; margin: 0 auto; margin-top: 40px; border-width: 30px; border-style: solid; border-color: rgba(17,32,54,0.5); }
.main_content .module_service .video_wrap .cont { position: relative; display: block; background: url(../img/thumb_video_04.jpg); }
.main_content .module_service .video_wrap {width: 64.6%; margin: 0 auto; margin-top: 40px;  padding: 0; border-width: 30px; border-style: solid; border-color: #d7d9e1; }
.main_content .module_service .link_qzss_solution { display: block; margin-top: 50px; padding: 25px;text-align: center; color: #222; border: 1px solid #333; font-size: 112.5%; font-weight: bold;  }
.main_content .module_service .link_qzss_solution + .link_qzss_solution{ margin-top: 25px; }
.main_content .module_service .link_qzss_solution p { font-weight: bold; }
.main_content .module_service .link_qzss_solution:hover { text-decoration: none; }
.main_content .module_service .link_qzss_solution:hover .inner { text-decoration: underline; }
.main_content .module_service .link_qzss_solution .inner { display: inline-block; padding-left: 18px; background: url(../img/arr_btn.png) left center no-repeat; background-size: 9px 8px; }

.main_content .module_service .col_w { margin-top: 60px; }
.main_content .module_service .col { float: left; width: 31.13%; }
.main_content .module_service .col + .col { margin-left: 3.24%; }
.main_content .module_service .col .caption { margin-top: 1.8em; text-align: center; font-weight: bold; }
.main_content .module_service .col .desc { margin-top: 1em; font-size: 87.5%; line-height: 1.5; }

.main_content .module_service .mod_banner_wrap { margin-top: 60px; padding-top: 50px; border-top: 1px solid #d9d9d9 ; }
.main_content .module_service .mod_banner { margin-top: 0; padding: 35px 50px 60px; color: #333; background-color: #d7d9e1; }

.main_content .module_service .sub_mod { margin-top: 4.3em; }
.main_content .module_service .sub_mod .sub_head { margin-bottom: 1.5em; text-align: center; font-size: 1.37em; }
.main_content .module_service .sub_mod .sub_head .inner { display: inline-block; border-bottom: 2px solid #adadad; font-weight: bold; }
.main_content .module_service .sub_mod .row + .row { margin-top: 40px; padding-top: 38px;border-top: 1px solid #d7d9e1; }
.main_content .module_service .sub_mod .row .col_l { float: left; width: 72.32%; }
.main_content .module_service .sub_mod .row .col_l .lead {margin-bottom: 1.3em;font-size: 87.5%;  font-weight: bold; }
.main_content .module_service .sub_mod .row .col_l .lead .genre { font-size: 114.28%; }
.main_content .module_service .sub_mod .row .col_r { float: right; width: 23.48%; }

.main_content .module_dspace_banner .mod_banner {margin: 80px 0;  margin-top: 0; padding: 50px 0; background: #d7d9e1; }
.main_content .module_dspace_banner .mod_banner .inner { text-align: center; }

.main_content .module_satellites { padding: 75px 0; background: url(../img/bg_section_products.jpg) no-repeat center center; background-size: cover; }
.main_content .module_satellites .thumb { background-color: #fff; }
.main_content .module_satellites a { display: block; color: #fff; }
.main_content .module_satellites .section_header { margin-bottom: 35px; text-align: center; color: #fff; font-size: 1.75em; font-weight: 700; line-height: 1.43; }
.main_content .module_satellites .grid { margin: 0 auto; }
.main_content .module_satellites .grid.grid_3 { width: 91.7%; }
.main_content .module_satellites .thumb img { box-sizing: border-box; border: 1px solid #353537; }
.main_content .module_satellites .title { margin-top: 14px; text-align: center; font-size: 1.12em; }

.main_content .module_tvcm {margin-top: 60px;margin-bottom: 60px;  color: #333;  }
.main_content .module_tvcm .text { margin-top: 1.5em; }
.main_content .module_tvcm .note { font-size: 87.5%;}
.main_content .module_tvcm .note { margin-top: 2em; }
.main_content .module_tvcm .heading .inner:before, .main_content .module_tvcm .heading .inner:after { background-color: #333; }
.main_content .module_tvcm .link_area { width: 98.11%; margin: 25px auto 0; }
.main_content .module_tvcm .link_area .col_w { margin: 0 -2.58%; }
.main_content .module_tvcm .link_area .col { display: block; float: left; width: 21.96%; padding: 0 1.52%; color: #333; }
.main_content .module_tvcm .link_area .col:hover { text-decoration: none; }
.main_content .module_tvcm .link_area .col:hover .thumb { opacity: 0.8; }


.main_content .module_tvcm .link_area .col .cate {margin-top: 16px;color: #318fd0; font-size: 93.75%;  font-weight: bold;  }
.main_content .module_tvcm .link_area .col .cate .icon {padding-top: 5px; padding-bottom: 5px;padding-left: 25px;  background-image: url(../img/icon_radio.png); background-repeat: no-repeat; background-size: 22px 22px;  }
.main_content .module_tvcm .link_area .col .desc { margin-top: 10px; font-size: 87.5%; line-height: 1.57; }
.main_content .module_tvcm .link_area .col .desc .inner {color: #005e8c; font-size: 114.29%;  }

.white-popup.hasmovie { max-width: 760px; padding: 0; }
.white-popup.hasmovie .container { position: relative; max-width: 100%; }
.white-popup.hasmovie .video_wrap {position: relative; width: auto; margin: auto;  padding: 40px; background-color: #fff; }
.white-popup.hasmovie iframe {position: relative!important; width: 100%;  }

@media (max-width:767px) { /* layout */
    #main { padding-bottom: 60px; }
    #main .container { padding: 0 20px; }
    .grid .col { float: none; }
    .grid_3 .row { margin: 0; }
    .grid_3 .col { width: auto; padding: 0; }
    /*tool*/
    .pc_only { display: none!important; }
    img.pc_only { display: none!important; }
    .sp_only { display: inline-block!important; }
    img.sp_only { display: inline!important; }
    .hover_effect { -webkit-transition: none; transition: none; }
    .hover_effect:hover { opacity: 1; }
    .hover_img img { -webkit-transition: none; transition: none; }
    .hover_img:hover img { opacity: 1; }
    .main_content .module_role .link_area .col .thumb { -webkit-transition: none; transition: none; }
    .main_content .module_role .link_area .col:hover .thumb { -webkit-transition: none; transition: none; }

    /* main content */
    /* component */
    /*heading*/
    .main_content .heading { position: relative; overflow: visible; font-size: 1.28em; line-height: 1.388; }
    .main_content .heading .inner { padding: 0; }
    .main_content .heading .inner:before, .main_content .heading .inner:after { position: relative; top: 0; display: none; width: auto; height: auto; content: ''; background: none; }
    .main_content .heading .inner:before { right: 0; }
    .main_content .heading .inner:after { left: 0; }

    /*banner*/
    .main_content .mod_banner { margin-top: 25px; padding: 20px; text-align: center; }
    .main_content .module_dspace_banner .mod_banner { margin: 35px 0; padding: 20px; }
    .main_content .mod_banner a img { max-width: 100%; height: auto; }
    .main_content .mod_banner .lead { margin-bottom: 1em; font-size: 1.28em; }
    .main_content .mod_banner .text { margin-bottom: 1em; text-align: left; line-height: 1.5; }

    /*video*/
    .video_wrap { width: auto; margin-top: 15px; padding: 12px; }
    .video_wrap.has_caption { padding-bottom: 6px; }

    .intro { padding: 50px 0 25px; }
    .intro .catch {margin-bottom: 20px;}
    .intro .title { margin-bottom: 35px; }
    .intro .lead { text-align: left; font-size: 1.14em; line-height: 1.5; }
    .intro .btn {-webkit-transition: none; transition: none; width: auto; max-width: 400px}
    .intro .btn:hover {color: #fff;background-color: transparent;}
    .intro .btn .inner{-webkit-transition: none; transition: none;}
    .intro .btn:hover .inner { background-image: url(../img/arr_btn_02.png);}
    .main_content .bg_container { position: relative; padding: 25px 0 50px 0; background: url(../img/bg_03_2x.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }

    .main_content .module_product .row .desc .inner { padding: 6% 7%; }
    .main_content .module_product .row + .row { margin-top: 50px; }
    .main_content .module_product .row .product { margin-top: 35px; }
    .main_content .module_product .row:nth-child(odd) .product { float: none; }
    .main_content .module_product .row:nth-child(odd) .desc { float: none; }
    .main_content .module_product .row:nth-child(even) .product { float: none; }
    .main_content .module_product .row:nth-child(even) .desc { float: none; }
    .main_content .module_product .row .product { width: auto; margin-right: auto; }
    .main_content .module_product .row .desc { width: auto; border: 1px solid #fff; line-height: 1.875; }
    .main_content .module_product .row .desc .name { margin-bottom: 0.7em; font-size: 1.07em; }
    .main_content .module_product .row .text { line-height: 1.428; }


    /*annimation line*/
    .main_content .module_product .row .product .cont { position: relative; z-index: 10; display: block; width: auto; }
    .main_content .module_product .row .desc { position: relative; }
    .main_content .module_product .row .desc:after { position: absolute; right: 36%; bottom: -80px; display: block; width: 1px; height: 80px; content: ''; background-color: #fff; }
    .main_content .module_product .row .product .cont .line { display: none; }
    .main_content .module_product .row .product .cont .line:before, .main_content .module_product .row .product .cont .line:after { display: none; }

    .main_content .module_Quasi-zenith { margin-top: 60px; }
    .main_content .module_Quasi-zenith .caption { width: auto; margin-top: 0; margin-top: 2px; }
    .main_content .module_Quasi-zenith > .text { margin-top: 20px; line-height: 1.5; }
    .main_content .module_related_column { padding: 40px 0; }
    .main_content .module_related_column .text { margin: 1.5em 0 2em; text-align: center; }
    .main_content .module_related_column .col { float: none; width: auto; }
    .main_content .module_related_column .col + .col { margin: 25px 0 0 0; padding-top: 30px; border-top: 1px solid #d9d9d9; }
    .main_content .module_related_column .col > .lead { margin-top: 1.3em; text-align: left; font-size: 1.14em; }
    .main_content .module_related_column .col .desc { font-size: 1em; line-height: 1.357; }
    .main_content .module_role { margin-top: 50px; }
    .main_content .module_role .text { margin-top: 1.5em; text-align: left; line-height: 1.5; }
    .main_content .module_role .sub_head { margin-bottom: 25px; text-align: center; letter-spacing: -0.03em; font-size: 1.14em; }
    .main_content .module_role .sub_head .inner { display: inline-block; border-bottom: 2px solid #fff; font-weight: bold; }
    .main_content .module_role .sub_mod { margin-top: 2.2em; }
    .main_content .module_role .link_area { width: 100%; margin: 25px auto 0; }
    .main_content .module_role .link_area .col .thumb { -webkit-transition: none; transition: none; }
    .main_content .module_role .link_area .col .thumb .inner { -webkit-transition: none; transition: none; }
    .main_content .module_role .link_area .col:hover .thumb .inner { opacity: 1; }
    .main_content .module_role .link_area .col_w { margin: 0 -4.29%; }
    .main_content .module_role .link_area .col { display: inline-block; float: none; width: 40.28%; width: 40.28%; margin-bottom: 28px; padding: 0 4.29%; }
    .main_content .module_role .link_area .col .cate { margin-top: 1em; text-align: center; font-size: 0.714em; }
    .main_content .module_role .sub_mod:nth-of-type(2) { margin-top: 20px; }
    .main_content .module_role .col_w.two .col { float: none; width: auto; }
    .main_content .module_role .col_w.two .col + .col { margin-top: 25px; margin-left: 0; padding-top: 30px; border-top: 1px solid #d9d9d9; }
    .main_content .module_role .col_w.two .col .caption { margin-top: 1.5em; text-align: left; font-size: 1.14em; }
    .main_content .module_role .mod_map { margin-top: 25px; padding-top: 25px; border-style: solid; border-color: #d9d9d9; }
    .main_content .module_role .mod_banner { margin-top: 25px; padding: 20px 20px 25px; background-color: #d7e1d8; }
    .main_content .module_service .container > .text { margin-top: 1.5em; font-weight: bold; line-height: 1.5; }
    .main_content .module_service .video_wrap { width: auto; margin: 0 auto; margin-top: 20px; border-width: 12px; border-style: solid; border-color: #d7d9e1; }
    .main_content .module_service .link_qzss_solution {margin-top: 25px; padding: 10px; padding: 13px; font-size: 100%;  }
    .main_content .module_service .link_qzss_solution + .link_qzss_solution{margin-top: 20px;}
    .main_content .module_service .link_qzss_solution p + p { margin-top: 6px; }
    .main_content .module_service .link_qzss_solution .inner { margin-left: -18px; }

    .main_content .module_service .text { margin-top: 1em; }
    .main_content .module_service .col_w { margin-top: 35px; }
    .main_content .module_service .col { float: none; width: auto; }
    .main_content .module_service .col + .col { margin-top: 20px; margin-left: 0; padding-top: 30px; border-top: 1px solid #d9d9d9; }
    .main_content .module_service .col .caption { margin-top: 1em; text-align: left; }
    .main_content .module_service .col .desc { margin-top: 1em; font-size: 100%; line-height: 1.357; }
    .main_content .module_service { padding-top: 45px; padding-bottom: 45px; }
    .main_content .module_service .mod_banner { margin-top: 0; padding: 25px 20px; color: #333; background-color: #d7d9e1; }
    .main_content .module_service .mod_banner_wrap { margin-top: 25px; padding-top: 25px; border-top: 1px solid #d9d9d9; }
    .main_content .module_service .sub_mod { margin-top: 30px; }
    .main_content .module_service .sub_mod .sub_head {margin-bottom: 25px; font-size: 1.14em; }
    .main_content .module_service .sub_mod .sub_head .inner { display: inline-block; border-bottom: 2px solid #adadad; font-weight: bold; }
    .main_content .module_service .sub_mod .row + .row { margin-top: 29px; padding-top: 29px;border-top: 1px solid #d7d9e1; }
    .main_content .module_service .sub_mod .row .col_l { float: none; width: auto; }
    .main_content .module_service .sub_mod .row .col_l .lead { font-size: 0.85em; }
    .main_content .module_service .sub_mod .row .col_l .lead .genre { font-size: 1.33em; }
    .main_content .module_service .sub_mod .row .col_r { float: none; width: auto; margin-top: 1.3em; }
    .main_content .module_service .sub_mod .row .col_r .thumb img { border: 1px solid #e8e8e8; }

    .main_content .module_satellites { padding: 50px 0; }
    .main_content .module_satellites .section_header { font-size: 1.28em; }
    .main_content .module_satellites .grid.grid_3 { width: 85.71%; }
    .main_content .module_satellites .row { margin: 0; }
    .main_content .module_satellites .col + .col { margin-top: 30px; }
    .main_content .module_satellites .thumb { background-color: transparent; }
    .main_content .module_tvcm {margin-top: 40px;margin-bottom: 40px;  color: #333;  }
    .main_content .module_tvcm .text { font-weight: bold; }
    .main_content .module_tvcm .heading .inner:before, .main_content .module_tvcm .heading .inner:after { background-color: #333; }
    .main_content .module_tvcm .link_area { width: auto; margin: 20px auto 0; }
    .main_content .module_tvcm .link_area .col_w { margin: 0 ; }
    .main_content .module_tvcm .link_area .col { display: block; float: none; width: auto; padding: 0; }
    .main_content .module_tvcm .link_area .col + .col { margin-top: 30px; }
    .main_content .module_tvcm .link_area .col .cate {margin-top: 25px; font-size: 135.71%;  }
    .main_content .module_tvcm .link_area .col .cate .icon {padding-top: 8px; padding-bottom: 5px;padding-left: 30px;  background-size: 27px 26px;  }
    .main_content .module_tvcm .link_area .col .desc { margin-top: 14px; font-size: 100%; line-height: 1.3; }
    .main_content .module_tvcm .link_area .col .desc .inner { display: inline-block; margin-top: 7px;font-size: 114.29%;  }
    .white-popup.hasmovie .video_wrap { padding: 10px; }

    #main .main_content + .container { margin: 0; max-width: none; } }