@charset "UTF-8";
.main-content .contents{font-family: "Noto Sans JP",sans-serif;font-size: 1.13629em;}
#main .sp-block{display: none;}
.space_nav_wrap{display: none;}
.mmx_index .space_contents_bg{background-size:auto;background-color:#000;margin-bottom: 0;padding-bottom: 100px;position: relative;overflow: visible;}
.mmx_index .heading{text-align: center;font-size: 4.00026em;font-weight: 700;margin-bottom: 55px;color: #fff;position: relative;overflow: hidden;letter-spacing: 0.06em;line-height: .8em;}
.mmx_index .heading .inner {position: relative;display: inline-block;padding: 0 21px;font-size:0.40625em;letter-spacing: normal;line-height: normal;}
.mmx_index .exploration_system .heading .inner{padding: 0 26px;}
.mmx_index .more_about_mmx .heading .inner{padding: 0 10px;}
.mmx_index .heading .inner:before, .mmx_index .heading .inner:after {content: '';display: block;position: absolute; top: 50%; width: 400%; height: 1px; background-color: #D9D9D9;}
.mmx_index .heading .inner:before { right: 100%; }
.mmx_index .heading .inner:after { left: 100%; }
.mmx_index .satellite_system{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-top: 82px;}
.mmx_index .satellite_system .main_logo{width: 32.6%;margin:-8.6% -8px 0 10px;}
.mmx_index .satellite_system .main_logo .mxx_logo{width: 90.034%;margin:0 auto;}
.mmx_index .satellite_system .main_img{position:relative;width:63.942%;}
.mmx_index .copyright{font-size: 0.688em;font-weight: 500;color: #fff;}
.mmx_index .satellite_system .copyright{display:block;position:absolute;right:-30px;bottom:0;}
.mmx_index .satellite_system .main_logo .main_lead_text{font-size: 2.25014em;font-weight: 500;color: #fff;margin-top: 20px;line-height: 1.445em;letter-spacing: 0.07em;text-align: center;transform: translateX(10px);}
.mmx_index .satellite_system .main_logo .small_text{font-size: 1em;color: #fff;margin-top: 18px;letter-spacing: 0.09em;}
.mmx_index .satellite_system .title img{max-width: 100%;}
.mmx_index .scroll_label{position:relative;font-size: 0.87505em;font-weight: 500;color: #fff;text-align: center;letter-spacing: 0.06em;margin-top: 22px;}
.mmx_index .scroll_label:after{content: '';position: absolute;display:block;width: 1px;height: 50px;background: #fff;left: 50%;top:61px;transform: translate(-50%, -50%);}
.mmx_index .note{font-size: 0.75em;}
.mmx_index .solar_system{margin: 165px 0 0;color: #fff;}
.mmx_index .solar_system .sub_title{font-size: 1.12507em;font-weight: 700;margin-bottom: 15px;color: #F5521E;}
.mmx_index .solar_system .function_inner{display: flex;justify-content: space-between;padding-top: 30px;}
.mmx_index .solar_system .system_text{font-size: 1.87512em;font-weight: 700;line-height: 1.27em;}
.mmx_index .solar_system .detail_text{font-size: 1em;line-height: 1.5em;margin-top: 18px;}
.mmx_index .exploration_system{margin-top: 154px;}
.mmx_index .mission_block{display: flex;justify-content: space-between;align-items: center;}
.mmx_index .mission_col{width:31.937%;padding:50px 20px 59px;position: relative;background: #FFFFFF1F;text-align: center;}
.mmx_index .mission_col:before{content: '';position: absolute;display:block;width: 9px;height: 9px;border-top: 1.5px solid #fff;border-right: 1.5px solid #fff;top: 0;right: 0;}
.mmx_index .mission_col:after{content: '';position: absolute;width: 9px;height: 9px;border-bottom: 1.5px solid #fff;border-left: 1.5px solid #fff;bottom: 0;left: 0;}
.mmx_index .mission_period{background: #FFFFFF1A;padding: 42px 0 40px;margin-top: 30px;position: relative;}
.mmx_index .mission_period:before{content: '';position: absolute;display:block;width: 9px;height: 9px;border-top: 1.5px solid #fff;border-right: 1.5px solid #fff;top: 0;right: 0;}
.mmx_index .mission_period:after{content: '';position: absolute;display:block;width: 9px;height: 9px;border-bottom: 1.5px solid #fff;border-left: 1.5px solid #fff;bottom: 0;left: 0;}
.mmx_index .mission_period .period_list{display: flex;align-items: center;justify-content: space-between;}
.mmx_index .mission_period .period_list li{position:relative;width:34%;text-align: center;font-size: 1em;font-weight: 700;line-height: 1.5em;}
.mmx_index .mission_period .period_list li:first-of-type:before{display: none;}
.mmx_index .mission_period .period_list li:before{content: '';position: absolute;display: block;width: 1px;height: 70px;background: #D9D9D9;left: 0;top: -7px;}
.mmx_index .mission_period .period_list li span{font-size: 1.75011em;line-height: normal;}
.mmx_index .solar_system .copyright{text-align: right;margin-top: 10px;padding-right: 6px;}
.mmx_index .video_text{font-size: 1em;color: #fff;text-align: center;}
.mmx_index .video_container{margin: 0 auto 25px;position: relative;max-width: 954px;}
.mmx_index .video_container .video {height: 0;padding-bottom: 56.25%;}
.mmx_index .video_container .video_player {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.mmx_index .module_system .module_title{font-size: 1.125em;font-weight:600;line-height: 1;margin-bottom: 16px;}
.mmx_index .module_system .module_title span{display: none;}
.mmx_index .module_system .info_title{font-size: 1em;line-height: 1;margin-bottom: 12px;}
.mmx_index .module_system .info_text{font-size: 0.813em;margin-top: 0;line-height: 1.5;letter-spacing: -0.04em;}
.mmx_index .module_system .module_caption{font-size: 0.688em;color: #fff;position: absolute;right: 32px;bottom: 19%;}
.mmx_index .module_system .info_box {position: absolute;color: #fff;padding: 18px 20px 20px;border: 1px solid #fff;box-sizing: border-box;transition: background-color 0.3s ease;}
.mmx_index .module_system .info_box:hover{background: rgba(255, 255, 255, 0.2);}
.mmx_index .more_about_mmx {padding: 104px 0 104px; color: #333;}
.mmx_index .more_about_mmx .heading{color: #333;margin-bottom: 60px;}
.mmx_index .more_about_mmx .heading .inner:before, .mmx_index .more_about_mmx .heading .inner:after {background-color: #333; }
.mmx_index .more_about_mmx .text {margin: 2.8em 0 3em; text-align: center; font-weight: 700; }
.mmx_index .more_about_mmx .col {display: block; float: left; width: 31.133%; color: #333; }
.mmx_index .more_about_mmx .col:hover {text-decoration: none; }
.mmx_index .more_about_mmx .col:hover .thumb { background-color: #fff; }
.mmx_index .more_about_mmx .hover_img img{-webkit-transition: opacity 0.25s ease-out;transition: opacity 0.25s ease-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.mmx_index .more_about_mmx .hover_img:hover img {opacity: 0.7;}
.mmx_index .more_about_mmx .col + .col { margin-left: 3.24%; }
.mmx_index .more_about_mmx .col:nth-child(4){margin-left: 0;}
.mmx_index .more_about_mmx .col:nth-child(n+4){margin-top: 62px;}
.mmx_index .more_about_mmx .col > .lead { font-size:1.12507em;margin-top: 1em; text-align: left; font-weight: 700;line-height: normal; }
.mmx_index .more_about_mmx .col >.item_text{margin-top: .5em;line-height: 1.8;}
.mmx_index .button_wrap{text-align: center;margin-top: 16px;}
.mmx_index .button_wrap .click_btn{display:block;border-radius:50px;color:#fff;width:100%;max-width: 588px;padding:23px 20px;margin:0 auto;position:relative;transition:.25s ease-out;-webkit-transition:.25s ease-out; text-align: center;border: 1px solid #FFFFFF;line-height: 1.3126;}
.mmx_index .button_wrap .click_btn .arr{position: relative;display: inline-block;padding-right: 20px;}
.mmx_index .button_wrap .click_btn .arr:after{content: '';position: absolute;display: block;width: 11px;height: 11px;top:50%;right:-6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-50%, -50%) rotate(45deg);}
.mmx_index .button_wrap .click_btn:hover{text-decoration:none;opacity: .7;}

@media only screen and (min-width: 768px) {
.mmx_index .module_system{position: relative;width: 100%;max-width: 1100px;margin: 83px auto 0;aspect-ratio: 1100 / 520;}
.mmx_index .module_system .module_img{position: absolute;top: 46%;left: 53%;transform: translate(-50%, -50%);width: 46.228%; }
.mmx_index .module_system .module_img img{width: 100%;height: auto;display: block;}
.mmx_index .module_system .info_box {width:24.844%;}
.mmx_index .module_system .info_box.return_module {left: 0;top: 3%;}
.mmx_index .module_system .info_box.outbound_module {width: 21.908%;left: 0;top: 59.5%;}
.mmx_index .module_system .info_box.exploration_module {right: 4px;top: 39.5%;}
.mmx_index .module_system .info_box .line {position: absolute;height: 1px;background: #fff;width: 82px;top: 50%;right: -82px;}
.mmx_index .module_system .info_box .line.line_outbound{width:79%;top: -32px;right: -38%;}
.mmx_index .module_system .info_box .line.line_outbound::before{right: -4px;}
.mmx_index .module_system .info_box .line.line_outbound::after{right: -10px;}
.mmx_index .module_system .info_box .line.line_exploration{width:31%;top: -53px;left: -9%;}
.mmx_index .module_system .info_box .line.line_exploration::before{left: -2px;}
.mmx_index .module_system .info_box .line.line_exploration::after{left: -8px;}
.mmx_index .module_system .info_box .line::before {content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #fff;top: 50%;right: -4px;transform: translateY(-50%);}
.mmx_index .module_system .info_box .line::after {content: "";position: absolute;width: 18px;height: 18px;border: 1px solid #fff;border-radius: 50%;top: 50%;right: -10px;transform: translateY(-50%);}
.mmx_index .module_system .info_box.outbound_module:before{content: '';position: absolute;display: block;width: 1px;height: 30px;background: #fff;top: -32px;left: 59%;}
.mmx_index .module_system .info_box.exploration_module:before{content: '';position: absolute;display: block;width: 1px;height: 51px;background: #fff;top: -52px;left: 21.5%;}
}

.space_section {position: relative;overflow: hidden;background: #000;}
.space_contents_inner{max-width: 1600px;margin: 0 auto;position: relative;}
.space_container {position: sticky;top: 0;width: 100%;height: 1000px;overflow: visible;}
.space_background {position: absolute;top: 0;left: 0;width: 100%;height: 120%;background-image:url("/society/space/images/bg_mmx_index.jpg");background-size: contain;background-position: top center;background-repeat: no-repeat;transform: translate3d(0, 0, 0);will-change: transform;z-index: 1;}
.space_overlay {position: absolute;inset: 0;z-index: 2;pointer-events: none;}
.satellite {position: absolute;z-index: 100;width: 100%; will-change: transform;}

@media (prefers-reduced-motion: reduce) {
.space_background {transform: none !important;}
}

.mmx_index .satellite .container{position: relative;}
.mars_moon {position: absolute;z-index: 10;left: 73.5%;top: 50px;width: 150px;transform-origin: center center;will-change: transform;pointer-events: none;}
.mars_moon_image {position: relative;display: block;width: 100%;height: auto;z-index: 1;}
.space_inner_content {margin-top: -16em;}
.space_inner_content {position: relative;z-index: 30;}

@media print,screen and (min-width:768px){
.mmx_index .solar_system .moon{display: none;}
.mars_moon .ovelay{ position: absolute;inset: 0;background: #000;-webkit-mask-image: url("/society/space/mmx/images/moon.png");mask-image: url("/society/space/mmx/images/moon.png");-webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center; mask-position: center;z-index: 2;opacity: 0;pointer-events: none;}
}
@media only screen and (min-width:768px) and (max-width:980px){
  .main-content .contents{font-size: 1.6327vw;}
}
@media only screen and (max-width:767px){
#main .sp-block{display: block;}
#main .pc-block{display: none;}
.main-content .contents{font-size: 1em;}
.space_background{background:url(/society/space/images/bg_mmx_index_2x.jpg) no-repeat;background-size: cover;background-position: 50% 16%;}
.mars_moon{left: 71%;top: 28.3%;width: 78px;}
.space_inner_content {margin-top: -24.2em;}
.mmx_index .heading{font-size: 3em;letter-spacing: 0.06em;line-height: .9em;margin-bottom: 34px;}
.mmx_index .heading .inner {font-size: .47619em;padding: 0 10px !important;}
.mmx_index .heading .inner:before, .mmx_index .heading .inner:after { width: 100%; height: 1px;}
.mmx_index .note {font-size: 0.86em;}
.mmx_index .scroll_label {font-size: 0.8575em;margin-top: 57px;}
.mmx_index .satellite_system{display: block;margin-top: 17vw;}
.mmx_index .satellite_system .main_logo{width: 100%;margin:0 auto;}
.mmx_index .satellite_system .main_logo .mxx_logo{width: 54.29%;}
.mmx_index .satellite_system .main_img{width: 89.43%;margin-left: -5px;margin-top: -5%;}
.mmx_index .satellite_system .copyright{font-size: .64285em;right: 0;bottom: -8px;}
.mmx_index .satellite_system .main_logo .small_text{margin-top: 10px;}
.mmx_index .satellite_system .main_logo .main_lead_text {font-size: 1.85714em;margin-top: 8px;}
	.mmx_index .satellite_system .title{width: 82.2%;max-width: 544px;margin: 0 auto;}
.mmx_index .solar_system{margin: 114px 0 0;position: relative;}
	.mmx_index .solar_system .system_text{font-size: 2.15em;}
.mmx_index .solar_system .detail_text {font-size: 1.14286em;}
.mmx_index .solar_system .function_inner{display: block;padding-top: 0;}
.mmx_index .solar_system .moon{position: absolute;top: 42.6%;transform: translate(-50%, -50%);left: 50%;}
.mmx_index .solar_system .moon img{opacity: 0.5;max-width: 250px;margin: 0 auto;display: block;}
.mmx_index .exploration_system{margin-top: 98px;}
.mmx_index .exploration_system .heading {margin-bottom: 40px;}
.mmx_index .solar_system .sub_title{font-size: 1.285em;}
.mmx_index .mission_block{display: block;}
.mmx_index .mission_period{padding: 45px 40px 44px;}
.mmx_index .solar_system .copyright {font-size: .785em;}
.mmx_index .mission_period .period_list{display: block;}
.mmx_index .mission_period .period_list li{width: 100%;display: flex;justify-content: space-between;font-size: 1.14286em;letter-spacing: 0.1em;}
.mmx_index .mission_period .period_list li+li{border-left:none;border-top: 1px solid #D9D9D9;margin-top: 35px;padding-top: 35px;}
.mmx_index .mission_period .period_list li:before{display: none;}
.mmx_index .mission_period .period_list li span {font-size: 1.375em;line-height: inherit;letter-spacing: normal;}
.mmx_index .mission_col{width: 100%;}
.mmx_index .mission_col + .mission_col{margin-top: 20px;}  
.mmx_index .video_text{font-size: 1.14286em;text-align: left;line-height: 1.5;}
.mmx_index .video_container{margin: 0 0 25px;}
.mmx_index .module_system{margin-top: 42px;padding-top: 0;}
.mmx_index .module_system .module_img{width: 100%;}
.mmx_index .module_system .info_box{width: 100% !important;position: static;margin-top: -30px;}
.mmx_index .module_system .info_box+.info_box{margin-top: 9px;}
.mmx_index .module_system .module_title{font-size: 1.285em;padding-left: 1.4em;position: relative;}
.mmx_index .module_system .module_title span{display:block;position: absolute;left: 0;}
.mmx_index .module_system .info_title{font-size: 1.14285em;}
.mmx_index .module_system .info_text {font-size: .9285em;}
.mmx_index .more_about_mmx .col { float: none; width: auto; }
.mmx_index .more_about_mmx .col + .col { margin: 42px 0 0 0;}
.mmx_index .more_about_mmx .col > .lead { margin-top: 18px; text-align: left;font-size: 1.285em; }
.mmx_index .more_about_mmx .col > .lead img{height: auto;width: 15px !important;}
.mmx_index .more_about_mmx img{width: 100% !important;}
.mmx_index .more_about_mmx{padding: 98px 0 100px;}
.mmx_index .more_about_mmx .heading{margin-bottom: 38px;line-height: 1.12;}
.mmx_index .button_wrap{margin-top: 50px;}
.mmx_index .more_about_mmx .col >.item_text {font-size: 1.15em;margin-top: 10px;}
.mmx_index .button_wrap .click_btn{width: 100%; font-size:1em;padding:20px;line-height: 1.333;border-radius: 35px;} 
}

@media only screen and (min-width:500px) and (max-width:768px){
.space_inner_content {margin-top: 0;}
}