@charset "utf-8";

@media screen and (max-width: 767px) {

body { min-width: 100%; }

img { max-width: 100%; }

.visible-pc { display: none!important;}

#main { padding-bottom: 3%; background: url(../../images/bg5_sp.png) top center / 100% auto no-repeat #50d7e1;}


#header .wrapper { width: auto; }
#main .wrapper { width: auto; }
#footer  .wrapper { width: auto; }
#header:after {display: none;}

#header .header-bar { position: relative; padding: 0 50px 0 0; height: 40px; display: none;}
#header .header-bar img { display: block; }
#header .dreamkids-link { display: block;}
#header .dreamkids-link .btn_online_top { display: none;
}

#header .header-bar .menu-button { position: absolute; right: 0; width: 40px; height: 40px; background: url(/images/button-menu.png); background-size: cover;}
#header .header-bar .menu-button.close { background: url(/images/button-close.png);  background-size: cover; }

#header .sp-menu { position: absolute; top: 40px; left: 0; display: none; width: 100%; z-index: 50; font-size: 12px; }
#header .sp-menu.show { display: block; }
#header .sp-menu li a, #header .sp-menu li span { padding: 2px 15px; display: block; background: #d9e021; border-bottom: 1px solid #fff; }
#header .sp-menu li.close { margin-top: -1px; padding: 3px 15px; color: #fff; background: #0064ff; text-align: center; }
#header .sp-menu li.close span { padding: 0; background: none; border-bottom: none;     vertical-align: middle; }
#header .sp-menu li.close span:before { content: "×"; font-size: 160%; line-height: 1; vertical-align: middle; }

h1.logo {padding: 6px 10px 4px;width: 190px;}

.ntt-logo { width: 80px; }

.home-content .map-base { background: #00c9ff; width: 100%; height: 0; padding-top: 20vw; padding-bottom: 176.2%; top: 0; margin: 0 auto;}
.home-content .map-content { background: url(/images/home/map.png) top center / 100% auto no-repeat; width: 100%; height: 0; padding-bottom: 176.2%; top: 0; margin: 0 auto;}
.home-content .map-content .missions a {position: absolute;}
.home-content .main-image .logo { margin-top: 0; text-align: center;}
.home-content .main-image .lead {	top: 0;	margin-top: 55.8%; text-align: center;}
.home-content .main-image .illust {	top: 0;	width: 90.36%; margin: 17.4% auto 0; text-align: center;}
.home-content .map-content .score {	position: absolute;	left: 0; top: 0; width: 45.96%;	margin: 9.11% 0 0 2.21%;}
.home-content .map-content .score .score-text {	top: auto; bottom: 0;	right: 0;	font-size: 4vw;	margin: 0 29% 3.3% 0;}


.home-content .main-image .rank { width: 90%; position: absolute; z-index: 20; left: 50%; right: auto; top: 0;
  margin-left: -45%; margin-top: 56%; background: url(../../images/home/bg_rank.png) top -10px left -10px / 20% no-repeat #ff828c; padding: 3%; border: solid 5px #fff; box-sizing: border-box; border-radius: 5px;
  box-shadow: 0px 5px 3px rgba(0,0,0,.3);}
.home-content .main-image .rank_lead { width: 80%; margin: 0 auto 2%;}
.home-content .main-image .rank_result { position: relative;background-color: #fff;padding:3%; border-radius: 10px; box-shadow: 0px 5px 3px rgba(0,0,0,.3);}
.home-content .main-image .rank_result .rank_medal { position: absolute; top: 0; left: 0; width: 20%; margin: 18% 0 0 4%;}

.home-content .main-image .rank_title {display: flex;margin-bottom:3%;flex-wrap: wrap;justify-content: space-between;margin-left: 0;align-items: center;line-height: 1;}
.home-content .main-image .rank_title_text { width: 27%;}
.home-content .main-image .rank_title .rank_title_name {width: 40%;font-size: inherit; font-weight: 600; line-height: 1;}
.home-content .main-image .rank_title .rank_title_name img {width: auto; max-height: 5.5vw; max-width: 100%;height: auto;}
.home-content .main-image .rank_title_text { width: 27%;}
.home-content .main-image .rank_title .rank_certification {width: 22%;}
.home-content .main-image .rank_score {background-color: #f5aa00;display: flex; margin-left:15%; align-items: center; justify-content: space-between; padding: 4% 3% 4% 3%;flex-wrap: wrap;}
.home-content .main-image .rank_score_num { width: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; margin-left: 17%; margin-bottom: 0; line-height: 1;}
.home-content .main-image .rank_score_num_tit {width: 20%;}
.home-content .main-image .rank_score_num_point {color: #fff;font-weight: 600;font-size: 6vw;line-height: 1;}
.home-content .main-image .rank_score_num_unit {width: 26%; line-height: 1;}
.home-content .main-image .rank_score_next {line-height: 1.3; color: #fff; font-weight: 600; font-size: 2.6vw;
  text-align: center; width: 100%; margin-top:4%;margin-left: 11%;}
.certification-modal__inner { position: absolute; top: 50%; left: 50%; height: auto; max-width: 800px;
width: 100%; max-height: inherit; transform: translate(-50%,-50%); text-align: center; margin: auto;
overflow-y: auto;}
.certification-modal__img {margin-bottom: 5%;}
#certification-modal__btn { width: 40%;margin: auto;}
.certification-modal__close { position: absolute;top: auto;bottom: 50%;right: 0;left: auto;margin: 0 0 42% 0;width: 100%;text-align: right;
  padding: 2%;}

.recommendation-modal__inner { padding: 80px 0 120px;}
.recommendation-modal__cont { width: calc(600 / 640 * 100vw); margin: auto; text-align: center;    padding: calc(35 / 640 * 100vw) 0 calc(20 / 640 * 100vw);    background: url(../images/home/bg_modal.png) top center / 200% auto repeat;}
.recommendation__tit { width: calc(417 / 640 * 100vw);margin: 0 auto calc(25 / 640 * 100vw); }
.recommendation--sec01 { width: calc(560 / 640 * 100vw); margin: 0 auto calc(40 / 640 * 100vw);}
.recommendation--sec01 p {width: calc(470 / 640 * 100vw); margin: 0 auto calc(10 / 640 * 100vw);}
.recommendation--sec01 .logo { width: calc(520 / 640 * 100vw);}
.recommendation--sec02 { position: relative; margin-bottom: calc(200 / 640 * 100vw);
  padding-left: 0; z-index: 2;}
.recommendation__text02 { width: calc(507 / 640 * 100vw);margin: auto;}
.recommendation--sec03 { width: calc(620 / 640 * 100vw); position: relative; left: calc(-10 / 640 * 100vw); padding: calc(35 / 640 * 100vw) 0 calc(30 / 640 * 100vw);
  margin-bottom: calc(40 / 640 * 100vw); background-color: #ffb400;z-index: 1;
}
.recommendation--sec03 p { width: calc(538 / 640 * 100vw);text-align: center; margin: auto;}
.recommendation--sec03:before { content: ''; position: absolute; left: 0; bottom: 100%; width: calc(10 / 640 * 100vw); height: calc(10 / 640 * 100vw); background: url(../images/home/ad_deco_triangle01.svg) top center / 100% auto repeat;}
.recommendation__chara { top: 100%;left: 0; width: calc(268 / 640 * 100vw);}

.recommendation__pdf { position: absolute; top:calc(-145 / 640 * 100vw); right:calc(16 / 640 * 100vw);width:calc(165 / 640 * 100vw);height:calc(191 / 640 * 100vw);}
.recommendation__pdf img { width: 100%;}
.recommendation--sec04 {position: relative;z-index: 1;width: calc(520 / 640 * 100vw);padding: calc(30 / 640 * 100vw) 0 calc(50 / 640 * 100vw); display: block;}
.recommendationList { position: absolute;top: calc(115 / 640 * 100vw);left: 50%;transform: translate(-50%,0);width: calc(384 / 640 * 100vw);}
.recommendationList li { width: 100%;}
.recommendationList img { width: 100%;}
.recommendation--sec04__info p { width: calc(439 / 640 * 100vw);padding-top: 0;padding-bottom: calc(271 / 640 * 100vw); margin: auto;}
.recommendation--sec04__info p img { width: 100%;}
.recommendationLink li a {display: block; width: calc(400 / 640 * 100vw);margin: auto;}
.recommendationSubList li { width: calc(240 / 640 * 100vw);}
.recommendationSubList { display: grid; grid-template-columns: repeat(auto-fit, calc(240 / 640 * 100vw)); grid-row-gap: calc(25 / 640 * 100vw); grid-column-gap: calc(25 / 640 * 100vw); margin: 0 auto calc(40 / 640 * 100vw);}
.recommendationLink li img { width: 100%;}
.recommendation--sec05__inner { width: calc(560 / 640 * 100vw); margin: auto; padding: calc(40 / 640 * 100vw) 0;}
.recommendation--sec05 p { width: calc(475 / 640 * 100vw);margin: 0 auto calc(43 / 640 * 100vw); }
.recommendation-modal__close { margin: 0 0 calc(15 / 640 * 100vw) calc(157 / 640 * 100vw); width: calc(134 / 640 * 100vw);
}
.recommendationStart { display: block;width: calc(510 / 640 * 100vw); margin: auto;}
.recommendationStart img { width: 100%;}

.home-content .floating-buttons a {	width: 18.22%;}
.home-content .floating-buttons a { position: absolute; pointer-events: visible; transition: all 0.3s; }
.home-content .floating-buttons a.animation { transform: translateY(-10px); }
.home-content .floating-buttons a:nth-child(1) { right: 0; bottom: 0; margin: 0 2.7% 20% 0; }
.home-content .floating-buttons a:nth-child(2) { right: 0; bottom: 0; margin: 0 2.7% 0 0; }
.home-content .floating-buttons a:nth-child(3) { left: 0;	bottom: 0; margin: 0 0 20% 2.7%;}
.home-content .floating-buttons a:nth-child(4) { left: 0;	bottom: 0; margin: 0 0 0 2.7%;}

.home-menu { margin-bottom: 3%; padding-bottom: 0;}
.home-menu .menu-buttons { left: 0; width: 100%; bottom: 1%; display: block; }
.home-menu .menu-button {	position: relative;	margin: auto;	width: calc(522 / 640 * 100%); text-align: center;	z-index: 2;}
.home-menu .account-button { width: calc(300 / 1280 * 100%); right: 3%; top: 11%; }
.home-menu .password-ex {	position: absolute;	left: 50%; top: 0; width: 84.375%; margin-top: 90.2%;	margin-left: -42.1875%;z-index: 1;}
.home-menu .password-ex img { width: 100%; }

#main .main-image img { width: 100%; height: 100%; }

.main-content { width: 93.75%; }
.main-content .caption { padding: 3.125% 0; display: block; }
.main-content .caption .tag { margin: 0 0 2%; width: 300px;}
.main-content .caption.intro .tag { margin-bottom: 10px;}
.main-content .caption.intro h2 {margin: 0 auto 10%}
.main-content .caption h2 img { display: block; }

.main-content .movie-thumbnails { padding: 0; }
.main-content .movie-thumbnail { margin: 2.604%; padding: 0; width: 28.125%; }
.main-content .description { margin-bottom: 2%; padding: 7% 5%; }
.main-content .description h3 { margin-bottom: 1.5%; font-size: 4.0625vw; }
.main-content .description p { margin-bottom: 0; font-size: 3.4375vw; line-height: 5.5vw; }
.main-content .buttons { margin-bottom: 4%; display: block; text-align: center;}
.main-content .note { position: relative; width: 100%; margin: 10% auto 4%; }
.main-content .note:before { content: ''; position: absolute; top: 0; left: 3.5%; margin-top: -10%; display: block; width: 46.666%; padding-top: 22%; background: url(/images/connection/conclusion/bg01-sp.png ) no-repeat; background-size: 100%; }
.main-content .note .bg { display: none; }
.main-content .note .text { padding: 2% 3%; position: relative; left: 0; top: 0; right: 0; background: #ffffc8; }
.main-content .note .text p { line-height: 23px; }
.main-content .note .text p.clear:after { content: ''; display: block; clear: both; }
.main-content .note .text .left-side { float: none; width: 100%; }
.main-content .note .text .right-side { float: none; width: 100%; }
@media screen and (orientation: landscape) {
  .main-content .note .text .right-side { padding-bottom: 20%; }
}
.main-content .full_contents { margin-bottom: 5%;	padding: 5% 3.3% 5.5%; background-color: #fff; border-radius: 5px; text-align: center; }
.main-content .full_contents p>img { width: calc(462 / 560 * 100%); }
.main-content .full_contents p.text_pass>img { width: calc(472 / 560 * 100%); }
.main-content .full_contents p.text_challenge>img { width: calc(368 / 560 * 100%); }
.main-content .full_contents h3 {	margin-bottom: 2%; line-height: 1;}
.main-content .full_contents h3>img{ width: calc(220 / 560 * 100%); }
.main-content .full_contents .mission_cont { justify-content: space-between; flex-wrap: wrap;}
.main-content .full_contents .mission_cont li {	width: 48%; margin: 0 0 5.35%; }
.main-content .full_contents .mission_cont li:last-child,.main-content .full_contents .mission_cont li:nth-last-child(2){	margin-bottom: 0; }
.main-content .full_contents .mission_cont li .tit_mission { margin-bottom: 3.7%; }
.main-content .full_contents .mission_cont li>img {	width: 100%;}
.main-content .full_contents .mission_special_cont .tit_mission {	width: 48%; margin-right: 0;	margin-bottom: 1.78%; }
.main-content .full_contents .mission_special_cont .img_mission_area .img_mission {	width: 48%;	margin-right: 4%; }
.main-content .full_contents .get {	display: block;margin-bottom: 6%;}
.main-content .full_contents .get>div {	float: none; }
.main-content .full_contents .get .pass {	display: block;	 margin: 0 auto 3.57%; padding-top: 0; text-align: center;}
.main-content .full_contents .get .pass>img {	width: calc(339 / 560 *100%); }
.main-content .full_contents .get .arrow_pass {	display: block; margin: 0 auto 2%; padding-top: 0; text-align: center;}
.main-content .full_contents .get .arrow_pass{ width: calc(328 / 560 *100%);}
.main-content .full_contents .get .button {	display: block;	width: calc(513 / 560 *100%); margin: auto; padding-top: 0; text-align: center;}
.main-content .full_contents .get .button img {	width: calc(218 / 560 *100%);}
.main-content .full_contents .mission_special_cont .tit_mission>img {	width: 100%; padding: 0;}
.main-content .full_contents .img_mission_area { width: 100%; }
.main-content.parent .full_contents {	font-size: 3.4375vw; padding: 5% 3.3% 5.5%; }
.main-content.parent .full_contents p {	margin-bottom: 8%;}
.main-content.parent .full_contents p.text_pass {	margin-bottom: 2%;}
.main-content.parent .full_contents p.text_challenge { margin-bottom: 3%; }
.main-content.parent .full_contents .buttons .button { margin: auto; width: calc(300 / 560 * 100%);}
.main-content.parent .message_contents_text {text-align: left; padding-bottom: calc(30 / 560 * 100%);}
.main-content.parent .message_contents .sp {display: block;}
.main-content.parent .message_contents .pc {display: none;}
.main-content.parent .messageList { padding-top: calc(20 / 640 * 100vw);}
.main-content.parent .messageList li {padding: calc(20 / 640 * 100vw);margin-bottom: calc(35 / 640 * 100vw);}
.main-content.parent .messageList li:last-child { margin-bottom: 0;}
.main-content.parent .messageList li:nth-child(odd) { margin-left: calc(20 / 640 * 100vw);
}

.main-content.parent .messageList li:nth-child(even) { margin-right: calc(20 / 640 * 100vw);}
.main-content.parent .messageList li .photo { width: calc(160 / 640 * 100vw); height: calc(160 / 640 * 100vw);}
.main-content.parent .messageList li .photo { top: calc(-20 / 640 * 100vw);}
.main-content.parent .messageList li:nth-child(odd) .photo { left: calc(-20 / 640 * 100vw);}
.main-content.parent .messageList li:nth-child(even) .photo { right: calc(-20 / 640 * 100vw);}
.main-content.parent .messageList li .profile { padding-top: 0;margin-bottom: calc(18 / 640 * 100vw);min-height: calc(120 / 640 * 100vw);background-size: calc(128 / 640 * 100vw) auto;}
.main-content.parent .messageList li:nth-child(odd) .profile {padding-left: calc(135 / 640 * 100vw);}
.main-content.parent .messageList li:nth-child(even) .profile {padding-right: calc(135 / 640 * 100vw);}

.main-content.parent .research_project_contents { padding: 10px; }
.main-content.parent .research_project_contents_inner { padding:3px 0 20px;background: url(../images/parent/bg_research_project_sp.svg) top center / 100% auto no-repeat rgb(180 240 255); }
.main-content.parent .research_project_contents h3 { padding: 0;}
.main-content.parent .research_project_contents p { padding: 0 10px; margin-bottom: 15px; text-align: left;}
.main-content.parent .research_project_list { position: relative; width: 100%; margin: auto;padding: 0; background-color: transparent; }
.main-content.parent .research_project_list::after {display: none;}
.main-content.parent .research_project_list ul { display: block; gap: 0; padding: 0 15px;}
.main-content.parent .research_project_list li { margin-bottom: 15px;}
.main-content.parent .sawTit {line-height: 1.5;} 
.main-content.parent .saw_inner { padding: 25px 15px;}
.main-content.parent .sawText { margin-bottom: 20px;}
.main-content.parent .sawImg { margin-bottom: 10px;}
.main-content.parent .sawImg img { width: 48%; max-width: 368px;}

.main-content.parent .messageList li .message p {line-height: 1.6;}

.parent .event_contents { display: block;width: 100%;}
.parent .event_contents .img_cont { display: block; width: 100%; height: auto; margin-bottom: 10px;}
.parent .event_contents .img_cont img { width: 100%; }
.parent .event_contents p { width: 100%}

.network-introduction .caption { position: relative; padding: 3.125% 0 13.125%; }
.network-introduction .caption h2 { width: calc(335 / 600 * 100%); }
.network-introduction .caption .image { position: absolute; right: 0; top: 45%; width: calc(354.6 / 600 * 100%); }
.network-introduction .full_contents p:last-child {	margin-bottom: 0;	line-height: inherit;}
.network-introduction .full_contents .get {margin-bottom: 0;}
.network-introduction .full_contents p.text_challenge>img { width: calc(450 / 560 * 100%);}

.connection-game-wifi .main-image .decide-button { left: 73%; top: 9%; width: 10.9375%; }
.connection-game-wifi .main-image .decide-button img { display: block;}
.connection-game-wifi .main-image .hint-phone { left: 25.5%; top: 50.5%; width: 20.83%; }
.connection-game-wifi .main-image .hint-unit { left: 73.5%; top: 50.5%; width: 20.83%; }
.connection-game-wifi .main-image input.field-phone01 { left: 27.6%; top: 9.3%; width: 4.6%; height: 8.5%; font-size: 3.8vw; }
.connection-game-wifi .main-image input.field-phone02 { box-sizing: border-box; left: 33%; top: 9.3%; width: 4.6%; height: 8.5%; font-size: 3.8vw; }
.connection-game-wifi .main-image input.field-unit01 { box-sizing: border-box; left: 45.7%; top: 9.3%; width: 4.6%; height: 8.5%; font-size: 3.8vw; }
.connection-game-wifi .main-image input.field-unit02 { box-sizing: border-box; left: 51.2%; top: 9.3%; width: 4.6%; height: 8.5%; font-size: 3.8vw; }
.connection-game-wifi .main-image input.field-unit03 { box-sizing: border-box; left: 56.7%; top: 9.3%; width: 4.6%; height: 8.5%; font-size: 3.8vw; }
.connection-game-wifi .main-image input.field-unit04 { box-sizing: border-box; left: 62.1%; top: 9.3%; width: 4.6%; height: 8.5%; font-size: 3.8vw; }

.note .accessory { display: none; }
.connection-conclusion .note .character, .search-conclusion .note .character, .programming-conclusion .note .character, .disaster-conclusion .note .character { margin-top: -9%; margin-left: 3%; width: calc(311 / 600 * 100%); float: right; }
.search-conclusion .note .character { width: 52.83%; }
.programming-conclusion .note .character { margin-top: -6%; width: calc(311 / 600 * 100%); }
.disaster-conclusion .note .character { margin-top: -15%; }
.connection-conclusion .note .text .image { text-align: center; margin: 3% auto 7.8%; width: 55.5%; }
.connection-conclusion .note .text .right-side .image { text-align: center; margin: 10px auto; width: 86.8333%; }
.sns-conclusion .note .character { margin-top: -9%; margin-left: 3%; width: calc(317 / 600 * 100%); float: right; }
.sns-conclusion .note .img01 { margin-top: 1%; margin-left: 3%; width: calc(100 / 600 * 100%); float: right; }
.sns-conclusion .note .image-center { text-align: center; margin: 3.8% auto; width: 32.66%; }
.sns-conclusion .note .left-side .image {	width: 53.3%;}
.sns-conclusion .note .right-side .images { float: right; margin-left: 10px; margin-top: 0; width: calc(100 / 600 * 100%); }

.main-image .button-start { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; visibility: unset; }
.main-image.fixed { position: fixed; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 22; }
@media screen and (orientation: landscape) {
  .main-image.fixed { position: fixed; top: 50%; left: 50%; width: 82.142857%; transform: translate(-50%, -50%); z-index: 22; }
}

.game-bg:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 22;}
.game-bg .game-close { content: ''; display: block; position: fixed; top: 13px; right: 10px; padding-top: 6.5625%; width: 6.5625%; height: 0; background: url(/images/game-close.png); background-size: 100%; z-index: 22;}
@media screen and (orientation: landscape) {
  .game-bg .game-close { padding-top: 4.464286%; width: 4.464286%; }
}

.programming-ex-introduction .caption h2, .programming-ex-game .caption h2, .programming-ex-conclusion .caption h2 {
	margin-top: 1.66%;
	width: calc(600 / 600 * 100%);
  height: 50px;
}
.programming-ex-introduction .caption h2 img, .programming-ex-game .caption h2 img, .programming-ex-conclusion .caption h2 img {
  height: 100%;
}

.programming-ex-game #game-bg {	margin: 0 auto 0 auto; padding: 1.3% 0;}
.programming-ex-game .start {	width: 53%;	margin: auto;	line-height: 1;}
.programming-ex-game #programming-ex-game .img-flex2 { width: 72.5%;	margin: auto;}
.programming-ex-game #programming-ex-game .howto>img {	width: 71.66%;}
.programming-ex-game #programming-ex-game .howto>img.hina {	width: 15%;}
.programming-ex-game .main-image .clear-view .button-next {	position: absolute;	right: 0;	bottom: 0; width: 18.33%;	margin: 0 3.16% 3.05% 0;}
.programming-ex-game .main-image .clear-view.show {	display: block;	position: relative;	z-index: 22;}
.programming-ex-game .main-image .movie.show {	display: block;	position: relative;	z-index: 22;}
.programming-ex-game .main-image .input-view.show {	display: block;	position: relative;	z-index: 22;}
.programming-ex-game .popup {	display: block; position: relative;z-index: 22;}
.programming-ex-game .main-image .movie-view .movie-container {left: 0;	top: 0;	width: 80%;	height: auto;	margin: 1.7% 0 0 10%;}
.programming-ex-game .main-image .movie-view .button-back {	position: absolute;	left: 0; bottom: 0;	width: 18.18%; margin: 0 0 2.272% 3.4%;}
.programming-ex-game .main-image .movie-view .button-next {	position: absolute;	right: 0; bottom: 0;	width: 18.18%; margin: 0 3.4% 2.272% 0;}
.programming-ex-game .main-image .input-view .button-restart { position: absolute; left: 0; bottom: 0; width: 23.63%;	margin: 0 0 2.27% 3.4%;}
.programming-ex-game .main-image .input-view input.field { background: #fff; border: none; width: 24.82%;	height: 1em; margin-right: 05%;	font-size: 3vw;}
.programming-ex-game .main-image .input-view .fields { position: absolute; left: 0;	top: 0;	width: 33.4%;	height: 0;	padding-bottom: 7%;	line-height: 0;	margin: 30% 0 0 59.6%;}
.programming-ex-game .main-image .input-view input.field { position: absolute; top: 0; background: #fff; border: none; width: 24.82%;	height: 100%;
	padding-bottom: 0; margin-right: 05%;	font-size: 3vw;}
.programming-ex-game .main-image .input-view input.field.field-number02 { margin-left: 34%;}
.programming-ex-game .main-image .input-view input.field.field-number03 { margin-left: 67.4%;}
.programming-ex-game .main-image .input-view .button-decide {	position: absolute;	right: 0;	bottom: 0; width: 18.18%; margin: 0 3.4% 2.272% 0;}
.programming-ex-game .main-image .input-view .sign {left: 0; top: 0; width: 14.77%;	margin: 27% 0 0 68%;height: auto;	display: none; justify-content: center;	align-items: center;}
.programming-ex-game .main-image .input-view .button-open {	position: absolute; right: 0;	bottom: 0; width: 18.18%; margin: 0 3.4% 2.272% 0;}

.main-content.programming-ex-conclusion .note .text {	padding: 14.33% 3% 2%;}
.programming-ex-conclusion .note .accessory {	display: block;	width: 59.5%;	position: absolute;	right: 0;	top: 0;	margin: -5% 5% 0 0;}
.main-content.programming-ex-conclusion .note .buttons .button { margin: auto;	width: calc(448 / 600 * 100%);}
.main-content.programming-ex-conclusion .buttons .button { margin: auto; width: 260px;}

.connection-ex-game .main-image .text { margin: auto; width: calc(254 / 600 * 100%); padding: 0 0 2%;}
.connection-ex-game .description h3 { margin-bottom: 7.5%;}
.connection-ex-conclusion .note .accessory-sp { display: block; position: relative; right: 0;	top: 0;	float: right;	margin-left: 2%;	margin-top: -10%;	width: calc( 311 / 600 * 100%);	}
.connection-ex-conclusion .note .image { margin: 0 auto 7%;	width: 53.33%;}
.connection-ex-game .banner {	width: 86.333%; margin: auto;}

.search-ex-introduction .caption h2,.search-ex-game .caption h2,.search-ex-conclusion .caption h2 {	margin-top: 1.66%; width: calc(600 / 600 * 100%);}

.search-ex-game .main-image .game-contents { position: absolute; left: 0;	right: 0;	top: 0;	margin: 4.886% 0 0 13.63%; width: 72.727%; height: 0;	padding-bottom: 47.727%; background: url(/images/search-ex/game/bg02.png) repeat-y;}
.search-ex-game .main-image .game-header { width: 100%;	margin-bottom: 0.78%;}
.search-ex-game .main-image .game-header h3 {	line-height: 1;}
.search-ex-game .main-image .game-main { height: auto; margin-bottom: 0.7%;	padding: 0 1.5% 0; display: flex;	justify-content: space-between;}
.search-ex-game .main-image .game-main .game-left-col {	width: 71.54%; height: auto; border-radius: 4px; box-shadow: 3px 3px 3px rgba(0,0,0,0.4);	text-align: center;	padding-top: 1.12%;	overflow: hidden;}
.search-ex-game .main-image .game-main .game-right-col { width: 27.33%;	height: 0; padding-bottom: 49.18%;	background: #feecd2; border: 2px solid #feecd2;	border-radius: 4px;	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);padding-top: 1%; text-align: center;}
.search-ex-game .main-image .game-footer { height: auto;}
.search-ex-game .main-image .game-footer .game-next {	position: absolute;	right: 0;	top: 0;	display: block;	height: auto;	width: 27%;	line-height: 1;	margin: 0 1.2% 0 0;}
.search-ex-game .main-image .game-footer .game-back {	position: absolute;	left: 0; top: 0; bottom: auto; height: auto; width: 27%; line-height: 1; margin-left: 1.5%;}
.search-ex-game .main-image .game-main h4 {	line-height: 1;}
#main .search-ex-game .main-image .game-main h4 img {	width: 97.74%;}
#main .search-ex-game .main-image img {	width: 100%;height: auto;}
#main .search-ex-game .main-image .game-main .game-left-type1>img.img_1-0 {	width: 97.74%; height: auto;}
#main .search-ex-game .main-image .game-main .game-left-type1>img.img_1-1 {	width: 43.59%;height: auto;}
.search-ex-game .main-image .game-main .game-one-type2 { margin-bottom: 0.6%;}

.search-ex-game .main-image .game-main .game-left-col textarea { margin-top: 5%; padding: 2px 4px; font-size: 2vw;
	width: 88.76%; height: 4em;	resize: none;}
.search-ex-game .main-image .game-footer .game-comment-b { position: absolute; left: 0;	top: 0;	width: 65.62%;
 height: auto;	padding: 0;	margin: 0.2% 0 0 1.2%; background: #feecd2;	border: 2px solid #feecd2; border-radius: 4px; line-height: 0;}
.search-ex-game .main-image .game-main .game-one-col { height: 100%; border-radius: 4px; box-shadow: 3px 3px 3px rgba(0,0,0,0.4);	text-align: center;	padding-top: 1%;}
.search-ex-game .main-image .game-main .game-left-col button { margin-top: 1.12%;	width: 90%;}
.search-ex-game .main-image .game-main .game-left-col .search-ex-layer { position: absolute; top: 0; left: 0;	width: 84.53%; height: auto; background: rgba(0,0,0,0);	margin: 7.38% 0 0 8%;}
.search-ex-game .main-image .game-main .game-left-col .search-ex-line {	position: absolute;	top: 0;	left: 0; width: 41%; height: 3px;	margin-left: 53%;}
.search-ex-game .main-image .game-main .game-left-col .search-ex-line { top: 0; margin-top: 17.4%;}
.search-ex-game .main-image .game-main .game-left-col .search-ex-line.selected-b { top: 0; margin-top: 25.6%;}
.search-ex-game .main-image .game-main .game-left-col .search-ex-line.selected-c { top: 0; margin-top: 33.7%;}
.search-ex-game .main-image .game-main .game-left-col .search-ex-line.selected-d { top: 0; margin-top: 41.9%;}
#main .search-ex-game .main-image img.img_2-3 {width: 89.23%;}
.search-ex-game .main-image .game-main .game-one-type4 { padding-bottom: 2%;}
#main .search-ex-game .main-image .game-main .game-one-type4>img{	width: 97.74%;}
#main .search-ex-game .main-image .game-main .game-one-type4>img.search-ex-2-4-gif { width: 46.94%;	top: 0;	left: 0; margin: 22.3% 0 0 50%;}
#main .search-ex-game .main-image img.img_3-1 {	width: 42.63%;}
#main .search-ex-game .main-image img.img_3-4 {	width: 87.25%;}

.search-ex-conclusion .note .accessory-sp {	display: block;	position: relative;	right: 0;	top: 0;	float: right;
	margin-left: 2%;	margin-top: -8%;	width: calc( 317 / 600 * 100%);}



.connection-introduction .caption h2 {margin-top: 2%;}

.connection-game-cable .main-image .items { padding: 1% 3.28125%; height: auto; }
.connection-game-cable .main-image .items .item { width: 11.5625%; }
.connection-game-cable .main-image .number { padding-top: 9.375%; width: 9.375%; height: 0; }
.connection-game-cable .main-image .number:nth-child(1) { left: 8.5%; top: 40.5%; }
.connection-game-cable .main-image .number:nth-child(2) { left: 27%; top: 59%; }
.connection-game-cable .main-image .number:nth-child(3) { left: 67%; top: 33%; }
.connection-game-cable .main-image .number:nth-child(4) { left: 75%; top: 18%; }
.connection-game-cable .main-image .number:nth-child(5) { left: 83.2%; top: 32.5%; }
.connection-game-cable .main-image .ng, .connection-game-wifi .main-image .ng { left: 50%; right: auto; top: 50%; bottom: 0; width: 31.25%; transform: translate(-50%, -50%); }
.connection-game-cable .main-image .success .button { left: 39.5%; top: 80%; width: 42.96875%; }

.mission-menu .menu-buttons { padding-top: 10px; }
.mission-menu .menu-button { margin: 0 auto 10px; }
.mission-menu .menu-button.clear::before { top: 18%; height: 65%; background-size: contain; }
.mission-menu { margin: auto; padding: 0; width: 100%; }
#main .mission-menu { margin: auto; padding: 0; width: 100%; }
.mission-menu .cards { display: block; gap: 0;}
.mission-menu .cards .text { margin: 0; padding-bottom: 18px;background: rgba(255, 255, 255, .8); border-radius: 0px;}
.mission-menu h2 { width: 100%;	margin: 0 auto; padding: 0;}
.mission-menu h2 img { margin: auto; }
.main-content .buttons .button { margin: auto; width: 260px; }
.main-content .buttons a { margin-top: 4%; display: inline-block; text-decoration: underline; color: #0000ff; }
.mission-menu .card {	background: none;	width: 100%;	margin: 0 auto 0; cursor: pointer;}
.mission-menu h3 {margin: 5% 0 0;box-shadow: none;background-color:#fff;border-radius: 0;}
.mission-menu h3 img {width: 100%;}

.search-introduction .caption h2, .search-game .caption h2, .search-conclusion .caption h2 { margin-top: 1.66%; width: auto;height: 50px; }
.search-introduction .caption h2 img , .search-game .caption h2 img, .search-conclusion .caption h2 img{ height: 100%;}
.search-game .description { width: 100%; }
.search-game .description ul { font-size: 3.4375vw; line-height: 5.5vw; }
.search-game .description .button { display: none; }
.search-game .main-image .question-header::before { padding-top: 8%; top: 11%; width: 13.63%; height: 0; background-size: 100%; background-repeat: no-repeat; }
.search-game .main-image .question { padding: 1.5% 3.4% 0.5%; }
.search-game .main-image .question-header { position: relative; border-bottom: 1px solid #f15a24; padding-bottom: 1.5%; margin-bottom: 2%; }
.search-game .main-image .question-header h3 { margin-bottom:1.5%; }
.search-game .main-image .question-header .icon { display: none;}
.search-game .main-image .question-header .goo-button img { display: block;}
.search-game .main-image .question-body { position: relative; z-index: 1; }
.search-game .main-image .question-footer { position: absolute; left: 3%; bottom: 4%; width: 71.59%; }
.search-game .main-image .question-footer .hint-button { position: absolute; left: 52%; top: auto; bottom: 0; width: 28.83%; }
.search-game .main-image .question-footer .hint-button img { display: block; }
.search-game .main-image .question-body .item { display: flex; justify-content: space-between; margin-bottom: 2%; }
.search-game .main-image .question-body .item .label { width: 15.45%; }
.search-game .main-image .question-body .item .select { width: 24%; }
#main .main-image .question-body .item .select img { height: auto; }
.search-game .main-image .question-body .item .select.correct::before, .search-game .main-image .question-body .item .select.incorrect::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 5%; bottom: 0; padding-top: 45%; width: 45%; height: 0; background-size: 100%; margin: auto; }
.search-game .main-image .button { right: 3%; bottom: 3%; width: 19.77%; }
.search-game .main-image .success .retry-button { left: 3%; bottom: 1.5%; width: 34.54%; }

.search-conclusion .note .left-side .image { position: relative; left: 0; bottom: 0; margin: 3% auto 7.8%; width: 50.83%; text-align: center; }
.search-conclusion .note .right-side p:nth-child(1) { width: 100%; }
.search-conclusion .note .right-side .image { position: relative; right: 0; bottom: 0; margin: 3% auto 3%; width: 52.5%; text-align: center; }
.search-conclusion .banpaku_bnr { padding: 20px 0 30px;}
.search-conclusion .banpaku_bnr a { max-width: 100%;}
.search-conclusion .banpaku_bnr a img { max-width: 400px;width: 100%;}

.sns-introduction .caption h2 { margin-top: 1.66%; width: calc(475 / 600 * 100%); }
.sns-game-movie .caption h2 { margin-top: 1.66%; width: calc(278 / 600 * 100%); }
.sns-conclusion-movie .caption h2 {	margin-top: 1.66%; width: calc(278 / 600 * 100%); }
.sns-game-5g .caption h2 { margin-top: 1.66%; width: calc(406 / 600 * 100%); }
.sns-conclusion-5g .caption h2 { margin-top: 1.66%; width: calc(532 / 600 * 100%); }
.sns-introduction-5g .caption h2 {	width: calc(532 / 600 * 100%); margin: 1.66% 0 0;}
.sns-introduction-movie .caption h2 { margin-top: 1.66%; width: calc(278 / 600 * 100%); }


.sns-game-movie .main-image .movie { left: 50%; top: 0; margin-top: 8%; transform: translateX(-50%); padding-top: 26.36%; width: 26.36%; height: 0; }
#main .sns-game-movie .main-image .mode-button { width: 26.25%;}
.sns-game-movie .main-image .mode-button-fast { left: 0; top: 0; }
.sns-game-movie .main-image .mode-button-slow { right: 0; top: 0; }
.sns-game-movie .main-image .mode-button-effect { left: 0; top: 50%; }
.sns-game-movie .main-image .mode-button-emoji { right: 0; top: 50%; }
.sns-game-movie .main-image .movie-thumbnails {	left: 50%; top: 0; margin: 35.2% auto 0; transform: translateX(-50%);	width: 25.76%; height: 10%;	padding: 0 0 0;}
.sns-game-movie .button-start.hide {	display: none; }
#main .sns-game-movie .main-image .movie-thumbnails img { display: block; height: auto; }
#main .sns-game-movie .main-image .play-button { left: 50%; top: 0; margin-top: 44%; transform: translateX(-50%); width: 5.6%; height: auto; }
#main .sns-game-movie .main-image .play-button img { display: block; height: auto; }

#main .sns-conclusion-movie .left-side .accessory {	position: relative;	top: 0;	right: 0;	float: right;	display: block;	width: calc(317 / 600 * 100%);	margin-top: -15%;	padding-left: 5%;}
.sns-conclusion-movie .note .right-side p:nth-of-type(1) {margin-top: 0;}
.sns-conclusion-movie .note .image-right { float: right;	margin-left: 10px;	margin-top: 0;	margin-bottom: 10px;}

.sns-game-5g .main-image { padding-top: 56.25%; width: 100%; height: 0; }
@media screen and (orientation: landscape) {
  .sns-game-5g .main-image.fixed { padding-top: 46.25%; width: 82.142857%; }
}

#main .sns-game-5g .main-image .item .picture img { width: 80%; height: auto; }
#main .sns-game-5g .main-image .item h3 { top: 1.5%; height: 8%; }
#main .sns-game-5g .main-image .item .after h3 { height: 14%; }
#main .sns-game-5g .main-image .item h3 img { margin: auto; display: block; width: auto; }
.sns-game-5g .main-image .back-button { position: absolute; z-index: 20; left: 3%; bottom: 4%; width: 18.18%; }
.sns-game-5g .main-image .next-button { position: absolute; z-index: 20; right: 3%; bottom: 4%; width: 18.18%; }
.sns-game-5g .main-image .fiveg-button { position: absolute; z-index: 20; margin-left: 0; left: 50%; bottom: 3%; transform: translateX(-50%); width: 17%; }
.sns-game-5g .main-image .success { background-size: cover; }
.sns-game-5g .main-image .success .button { position: absolute; right: 3%; bottom: 3%; width: 48.18%; }
.sns-game-5g .main-image .clear {	background: url(/images/sns/clear02.png) top center / cover no-repeat;}


.sns-conclusion-5g .note .left-side p:nth-of-type(1) { margin-top: 0;	margin-bottom: 10px;}
.sns-conclusion-5g .note .right-side p:nth-of-type(1) {	margin-top: 0;}

.sns-introduction-manners .description { margin-bottom: 9%;}
.sns-introduction-manners .caption h2 { margin-top: 1.66%; width: calc(486 / 600 * 100%); }
.sns-game-manners .caption h2 { margin-top: 1.66%; width: calc(486 / 600 * 100%); }
.sns-conclusion-manners .caption h2 { margin-top: 1.66%; width: calc(486 / 600 * 100%); }
.sns-game-manners .main-image .items { position: absolute; top: 40%; right: 2%; width: 56.818%; }
.sns-game-manners .main-image .item { margin-bottom: 2.5%;}
#main .sns-game-manners .main-image .item img { display: block; }
.sns-game-manners .main-image .button-decide { position: absolute; right: 24.5%; bottom: 4%; width: 11.8%; }
.sns-game-manners .main-image .ok { position: absolute; top: 41.5%; right: 19%; width: 22.72%; }
.sns-game-manners .main-image .ng { position: absolute; top: 45%; right: 21%; width: 19.31%; }
.sns-game-manners .main-image .button-back { position: absolute; left: 3%; bottom: 4%; width: 18.18%; }
.sns-game-manners .main-image .button-next { position: absolute; right: 3%; bottom: 4%; width: 18.18%; }
.sns-conclusion-manners .accessory-sp {	position: relative;	top: 0;	right: 0;	width: calc(317 / 600 * 100%); display: block;	float: right;	margin: -7% 0 0 2%;}
.sns-conclusion-manners .note .right-side p:nth-of-type(1) {margin-top: 0;}

.sns-ex-game-mystery .caption h2 { margin-top: 1.66%; width: calc(293 / 600 * 100%);}
.sns-ex-introduction-mystery .caption h2 { margin-top: 1.6%; width: calc(293 / 600 * 100%);}
.sns-ex-conclusion-mystery .caption h2 { margin-top: 1.6%; width: calc(293 / 600 * 100%);}

.sns-ex-game-mystery .description {	margin-bottom: 10%;}
.sns-ex-conclusion-mystery .note .text .right-side {	padding-top: 0;}
.sns-ex-conclusion-mystery .note .text .sp-bold {	font-weight: bold;}
.sns-ex-conclusion-mystery .accessory-sp {	position: relative;	top: 0;	right: 0;	width: calc(348 / 600 * 100%); display: block;	float: right;	margin: -7% 0 0 2%;}



.sns-ex-game-maze .caption h2,.sns-ex-conclusion .caption h2,.sns-ex-introduction .caption h2,.sns-ex-game-maze .caption h2,.sns-ex-introduction-maze .caption h2,.sns-ex-conclusion-maze .caption h2  { margin-top: 1.66%;}

.sns-ex-game-maze #game-bg {	padding: 2.272%;	margin: 0 auto;}
#main .sns-ex-game-maze .main-image img.button { all: initial; width: 100%;}
.sns-ex-game-maze .main-image .start { display: inline-block;	width: 55.71%; margin: 0 0 1.13% 0;}
.sns-ex-game-maze .main-image .img-flex2>a{	width: 37.38%; display: inline-block;}
.sns-ex-game-maze .main-image .contents {	padding-bottom: 0;margin-bottom: 0;}
.sns-ex-game-maze #sns-ex-game-maze {	margin-bottom: 10%;}
.sns-ex-game-maze #sns-ex-game-maze .howto>img { width: 75.23%;}
.sns-ex-game-maze #sns-ex-game-maze .howto>.hina { width: 17.26%;}
.sns-ex-game-maze .main-image .clear-view .button-back { position: absolute; left: 0;	bottom: 0; width: 18.18%;	margin: 0 0 3.4% 2.27%;}
.sns-ex-conclusion-maze .main-image .clear-view .button-next { position: absolute; right: 0;	bottom: 0; width: 18.18%;	margin: 0 2.27% 3.4% 0;}
.sns-ex-conclusion-maze .note .accessory-sp { display: block; position: relative; right: 0;	top: 0;	float: right;	margin-left: 2%;	margin-top: -10%;	width: calc( 316 / 600 * 100%);	}
.sns-ex-conclusion-maze .note .text .left-side { padding-top: 0;}
.sns-ex-conclusion-maze .note .text .left-side .sp-bold { font-weight: bold;}
.sns-ex-conclusion-maze .note .text .left-side p:nth-of-type(2) {	margin-bottom: 40px;}
.sns-ex-conclusion-maze .note .text .right-side {	padding-top: 0;}

.sns-ex-conclusion .note .accessory-sp { display: block; position: relative; right: 0;	top: 0;	float: right;	margin-left: 2%;	margin-top: -10%;	width: calc( 316 / 600 * 100%);	}

.sns-ex-conclusion .note .image { margin: 0 auto 7%;	width: 53.33%;}



.sns-conclusion .caption h2 { margin-top: 1.66%; width: calc(427 / 600 * 100%); }


.programming-introduction.main-content .main-image { margin-bottom: 2%; }
.programming-game .caption h2 { margin-top: 1.66%;}
.programming-introduction .caption h2 {margin-top: 2%;}
.programming-introduction.main-content .description h3 { margin-bottom: 0; }
.main-content .description p { padding-top: 2%; }
.programming-introduction h2 img { display: block; }
.programming-introduction.main-content p { font-size: 3.66vw; }
.main-content .banners .label { margin: 0 auto 2%; width: 50.8%; }
.programming-introduction .main-image .label { text-align: center; margin: 2% auto; width: 60%; }
.programming-introduction .banners .banner { margin: 3% auto 6%; }
.programming-introduction .banners .banner img { margin: auto; display: block; width: 83.333%;width: 83.333%; }
.programming-game .contents { padding-top: 5%;}
.programming-game .contents .banner {	margin-bottom: 15px;}
.programming-game .contents .label { text-align: center; margin: 0 auto 10px;	width: calc(254 / 600 * 100%);}
.programming-game .contents .label_matome {	text-align: center;	margin: 0 auto 10px; padding-top: 15px; width: calc(480 / 600 * 100%);}
.programming-game .contents .text { font-size: 3.66vw; margin-bottom: 5%; background: rgba(255, 255, 255, .8); padding: 7% 5%; border-radius: 10px;}
.programming-game .contents .label_movie { text-align: center; margin: 0 auto 10px; width: calc(328 / 600 * 100%);}
.programming-game .contents .howToPlay-tit { width: calc(231 / 600 * 100%); margin: 0 auto 10px; }
.programming-game .contents .movie-wrap { width: 100%; margin: 0 auto 3%; }
.programming-conclusion .note .image-right { width: calc(236 / 600 * 100%); }
.programming-conclusion .note .left-side .image { margin: 3.8% auto; position: relative; left: 0; bottom: 0; width: calc(327 / 600 * 100%); }
.programming-conclusion .note .right-side .image { margin: -3% auto 3.8%;	position: relative;	left: 0; bottom: 0;	width: calc(518 / 600 * 100%);}
.programming-conclusion .note .accessory-sp {	display: block;	position: relative;	right: 0;	top: 0;	float: right;	margin-left: 2%; margin-top: -5%; padding-bottom: 1%;	width: calc( 344 / 600 * 100%);}
.main-content.programming-conclusion .note .text .right-side { padding-top: 5%; display: block;}
.main-content.programming-conclusion .note .text p:last-child {margin-bottom: 0;}

.p-3d_game .contents {	padding-top: 5%;}
.p-3d_game .contents .step-movie { width: 100%;}
.p-3d_game .contents .text { margin-bottom: 5%; }
.p-3d_game .input-url { margin: 3% auto 60px;}
.p-3d_game .input-url input { width: 100%;}
.p-3d_game.main-content .caption h2 img.visible-pc {display: none;}
.p-3d_game .caption h2, .p-3d_game .caption h2 {margin-top: 1.66%;}
.p-3d_game .contents .logo_door { width:calc(434 / 600 * 100%);}
.p-3d_game .contents .label { width: calc(554 / 600 * 100%); margin: 0 auto 1%;}
.p-3d_game .contents .step-tit { width: calc(460 / 600 * 100%); margin: 0 auto 1%;}
.p-3d_game .step-button { width: calc(440 / 600 * 100%);margin: 0 auto 60px;}
.p-3d_game .contents .label_matome { margin-bottom: 5%;}

.p-3d-conclusion .note .accessory-sp { display: block; position: relative; right: 0; top: 0; float: right; margin-left: 2%;  margin-top: -5%; padding-bottom: 1%; width: calc( 344 / 600 * 100%);}
.p-3d-conclusion .note .image-right { width: calc(236 / 600 * 100%); }
.p-3d-conclusion .note .left-side .image { margin: 3.8% auto; position: relative; left: 0; bottom: 0; width: calc(518 / 600 * 100%); }
.p-3d-conclusion .note .right-side .image { margin: -3% auto 3.8%;	position: relative;	left: 0; bottom: 0;	width: calc(518 / 600 * 100%);}
.p-3d-conclusion .caption h2 { margin-top: 1.66%;}
.p-3d-conclusion .note .accessory-sp {	display: block;	position: relative;	right: 0;	top: 0;	float: right;	margin-left: 2%; margin-top: -5%; padding-bottom: 1%;	width: calc( 344 / 600 * 100%);}
.main-content.p-3d-conclusion .note .text .right-side { padding-top: 5%; display: block;}
.main-content.p-3d-conclusion .note .text p:last-child {margin-bottom: 0;}


.parent.main-content .caption { padding: 4% 0; }
.parent.main-content .caption h2 img {width: 300px;}
.parent.main-content .contents, .netmaster.main-content .contents, .trophy.main-content .contents, .prize-saigai.main-content .contents, .prize-extra.main-content .contents { border-radius: 10px; padding: 15px; margin-bottom: 4%; font-size: 3.4375vw; }
.parent.main-content .contents .flex { padding-top: 0; display: block; width: 100%; text-align: center; }
.parent.main-content h3 { margin-bottom: 4%; font-size: 4vw;line-height: 1 ;}
.parent.main-content .contents .left img { margin: 0 auto 3%; width: 24.83%; }
.parent.main-content .contents .text-bottom { margin-top: 6%; font-size: 3.4375vw; text-align: center; }
.parent.main-content .list li { text-indent: -1em; padding-left: 1em; }
.parent.main-content span.indent { padding-left: 0 ; text-indent: 0; }
.parent.main-content span.indent-sp { padding-left: 1em ; text-indent: -1em; }

	.netmaster.main-content { text-align: center;	}
.netmaster.main-content .caption { padding: 4% 0; }
.netmaster.main-content .caption h2 img { width: 300px; }
.netmaster.main-content .input-password { display: block; margin: 6% auto 4%; width: 100%; text-align: center; }
.netmaster.main-content .input-password label { padding-right: 0; margin: 0 auto 2%; display: block; width: 48%; }
.netmaster.main-content .input-password label img { display: block; }
.netmaster.main-content .input-password input { margin-right: 1%; width: 50%; height: 20px; }
.netmaster.main-content .input-password #ok { padding-top: 5%; width: 15%; height: 0; text-indent: -9999px; background: url(/images/netmaster/btn_check.png); background-size: 100%; background-repeat: no-repeat; }
.netmaster.main-content #password-error {
    font-size: 0.9em;
    margin: 4% auto;
}
.netmaster.main-content #answear a { margin: 0 auto 4%; padding-top: 14%; display: block; width: 66.666%; height: 0; background: url(/images/netmaster/btn_enter_off.png); background-size: 100%; background-repeat: no-repeat; }
.netmaster.main-content #answear a.on { background: url(/images/netmaster/btn_enter_on.png); background-size: 100%; background-repeat: no-repeat; }
.netmaster.main-content p { text-align: center; margin: 3% auto;}
.netmaster.main-content .all_mission li { margin-bottom: 4%;}
.netmaster.main-content .text02>img { width: 62.96%;}
.netmaster.main-content p.text_note {text-align: left;}

.trophy.main-content { padding-top: 12.5%; }
.trophy.main-content .contents { padding: 18% 15px; }
.trophy.main-content .contents p { margin-bottom: 5%; }
.trophy.main-content .contents .buttons .button { margin: auto; width: calc(400 / 640 * 100%); }

.prize-extra.main-content { padding-top: 12.5%; }
.prize-extra.main-content .contents { padding: 18% 15px; }
.prize-extra.main-content .contents p { margin-bottom: 5%; }
.prize-extra.main-content .contents .buttons .button { margin: auto; width: calc(400 / 640 * 100%); }

.prize-saigai.main-content { padding-top: 12.5%; }
.prize-saigai.main-content .contents { padding: 18% 15px; }
.prize-saigai.main-content .contents p { margin-bottom: 5%; }
.prize-saigai.main-content .contents .buttons .button { margin: auto; width: calc(400 / 640 * 100%); }

.rightanswer-life .success { padding: 10% 0 5%;}

.disaster-introduction .caption h2, .disaster-game .caption h2, .disaster-conclusion .caption h2 { margin-top: 1.66%; width: calc(371 / 600 * 100%); }
.disaster-conclusion .note .image-right { margin-top: 0;}
.disaster-game .main-image .game-main, .disaster-game .main-image .game-question { height: auto; padding: 2.33%; }
.disaster-game .main-image .game-main .game-image { margin-right: 2%; position: relative; padding-top: 43.33%; width: 61%; height: auto; }
.disaster-game .main-image .game-main .game-image img { position: absolute; top: 0; left: 0; }
.disaster-game .main-image .game-main .game-text { padding: 2.33%; width: 36.33%; height: auto; border: 1px solid #ffffff; border-radius: 8px; }
.disaster-game .main-image .game-main .game-text p { margin-bottom: 2vw; font-size: 1.5vw; }
.disaster-game .main-image .game-footer .game-life { position: absolute; left: auto; right: 31%; bottom: 4%; width: 40%; height: auto; }
.disaster-game .main-image .game-footer a { display: flex; }
.disaster-game .main-image .game-footer .game-next { position: absolute; right: 2.33%; bottom: 5%; padding: 0; width: 20%; height: auto; }
.disaster-game .main-image .game-footer .game-next.select { width: 23.9%; }
.disaster-game .main-image .game-footer .game-back { position: absolute; left: 2.33%; bottom: 5%; padding: 0; width: 20%; height: auto; }

.disaster-game .main-image .game-question .game-answer { padding: 2.33% 5% 0 5%; }
#main .disaster-game .main-image .game-question .game-answer img { margin: auto; display: block; width: 91%; }

.ai-introduction .tag { padding-bottom: 0;}

.home-menu .banner {  top: 12vw; left: -2vw; padding-top: 31.40625vw; width: 29.84375vw; height: 0; }
.home-menu .banner .lnp-yt { position: absolute; top: 2.7625vw; left: 3.5vw; width: 22.8125vw; }
.home-menu .banner .lnp { position: absolute; bottom: 4.27vw; left: 6.9vw; width: 16.5625vw; }

#footer::before {
  height: 9px;
  background: url(../images/footer_sec_sp.svg) bottom center / auto 100% repeat-x;
  margin-bottom: -2px;
}
#footer .logos { padding: 15px 0 8vw; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; gap: 20px 0; }
#footer .logos .logo { margin: 0; display: inline-block; }
#footer .logos .logo a img { height: 27px;}
#footer .logos .space {width:100%; height: 1px; display: block;}


#footer .logo { width: auto;height: 4.2vw;}
#footer .logo a { height: 100%;}
#footer .logo img {max-width: inherit; width: auto; height: 100%;}

/*#footer .logo.ntt-ntt { width: calc(85 / 640 * 100%); }
#footer .logo.ntt-docomo { width: calc(129 / 640 * 100%); }
#footer .logo.ntt-com { width: calc(150 / 640 * 100%); }
#footer .logo.ntt-docomo-business { width: calc(225 / 640 * 100%); }
#footer .logo.ntt-east { width: calc(119 / 640 * 100%); }
#footer .logo.ntt-west { width: calc(119 / 640 * 100%); }
#footer .logo.ntt-data { width: calc(125 / 640 * 100%); }*/

#footer .copyright p { text-align: left; }
#footer .copyright p span { margin: 0 3%; display: block; }
#footer .copyright span:not(:first-child) { margin-left: 3%; }

}

@media screen and (min-width: 768px) {

  body { min-width: 1000px; }

  .visible-sp { display: none; }

}