@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}

body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}

mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.movieyWrapper{position:relative}
.movieyWrapper>div{height:0;padding-bottom:56.25%}
.movieyWrapper>div iframe{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}
.lad3-mq{position:fixed;left:-9999px}
.lad3-mq::before{content:'normal'}
html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased}
main{display:block}
address,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:400}
table{border-style:solid;empty-cells:show}
dd,dt,img,li,td,th{font-weight:400;vertical-align:top}
li,ol,ul{list-style-position:inside}
p{padding-bottom:1em}
button{cursor:pointer}
button,input,select,textarea{outline:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}
*{-webkit-overflow-scrolling:touch}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic");font-weight:100}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic");font-weight:200}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic");font-weight:300}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic");font-weight:500}
@font-face{font-family:"Yu Gothic";src:local("Yu Gothic");font-weight:700}
.hiddenhtml{display:none!important}
.lad3cover-background{background-color:#000;opacity:.7;z-index:10}
.lad3cover-container{padding:70px 35px;z-index:11}
a{color:#000;cursor:pointer;text-decoration:underline}
a:focus,a:hover{color:#000;outline:0}
a.active,a.active:active,a.active:focus,a.active:hover,a.active:link,a.active:visited{color:#000}
a.disable,a.disable:active,a.disable:focus,a.disable:hover,a.disable:link,a.disable:visited{color:#929292;cursor:default}
body{background-color:#fff;font-family:"Noto Sans JP",sans-serif;text-align:center;color:#000;font-size:16px;font-size:1rem;font-weight:400;line-height:1.625;letter-spacing:0}
.device--sp input[type=number],.device--sp input[type=text],.device--sp select,.device--sp textarea,.device--tablet input[type=number],.device--tablet input[type=text],.device--tablet select,.device--tablet textarea{font-size:16px!important}
.container{margin:0 auto}
.container__footer{background-color:#000;padding:50px 20px;color:#fff}

.contents{background-image: url("/megahouse/rubikcube/commons/images/results/bg.png"); background-size: contain; letter-spacing: 2px; font-size: 14px;}
.diagonal_lines{ height: 20px; background-image: linear-gradient( -45deg, #000 25%, #FFF 25%, #FFF 50%, #000 50%, #000 75%, #FFF 75%, #FFF); background-size: 6px 6px; background-attachment: fixed;}

/*共通*/
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.small_14 {font-size: 12px; letter-spacing: 1px;}
.small_21 {font-size: 16px; letter-spacing: 0px;}
.br_sp {display: none;}
/*メインの画像*/
.results_main{text-align: center;  width: 90%; margin: auto;}
.results_main img:nth-of-type(1){width: 70%; max-width: 803px;}
.results_main img:nth-of-type(2){margin: 5% 0 0; width: 100%; max-width: 1200px;}
/*調査結果*/
.tittle_results_verification {width: 90%;position: relative; margin: auto; z-index: 5;}
.bg_black{width: 70%; margin: auto; text-align: center; background-color: #000; color: #FFF; height: auto; font-weight: bolder;}
.bg_black h2{font-size: 22px; line-height: 2.2; }
.results_verification{ margin-top: 10%;}
.tittle_results_verification .diagonal_lines{position: absolute; top: 30%; width: 100%; z-index: -1;}
/*トピックス1,2*/
.topics_index li {list-style: none; width: 90%; max-width: 900px; margin: 40px auto; position: relative;}
.topics_index li h3 {font-size: 20px; font-weight: bolder; width: auto; height: 50px; border-bottom: 3px solid #000; position: absolute; top: -35px; left: 25px;}
.topics_index li .number{font-size: 35px;}
.topics_index li p {background-color: #ffe500; font-size: 14px; padding: 20px 25px 15px; font-weight: bold; letter-spacing: 1px;}
/*篠原菊紀教授 コメント*/
.comment {width: 90%; height: auto;  background-color: #e3e9ec; margin: auto; padding: 20px 0;}
.comment_img,.comment_txt {height: 100%;}
.comment_img {width: 100%; text-align: center;}
.comment_txt {width: 90%; margin: 5% auto 0;}
.comment_txt p:nth-of-type(1){font-size: 16px; padding: 0 0 5px 0;}
.comment_txt p:nth-of-type(2){font-size: 20px; font-weight: bold; padding: 0 0 10px 0; margin-top: -10px;}
.comment_txt p:nth-of-type(3){font-size: 16px; font-weight: bold;}
.comment_txt p:nth-of-type(4){text-align: justify}
/*トピックス詳細_1・2共通*/
.topics01,.topics02 {width: 90%; margin: auto;}
.topics01{margin-top: 70px;}
.topics01 h2,.topics02 h2{width: 100%; margin: auto; position: relative; z-index: 10; text-align: center;}
.topics01 h2 img,.topics02 h2 img{width: 30%; max-width: 120px;}
.topics01 h2 p,.topics02 h2 p{font-size: 17px; letter-spacing: 1px; font-weight: bold; margin-left: 10px; text-align: left; margin-top: 1%;}
.topics01_contents, .topics02_contents{width: 100%; border: 2px solid #000; box-sizing: border-box; position: relative; z-index: 5; padding: 40px 20px;; margin: auto; text-align: justify; background-color: #FFF;}
.topics01_contents .diagonal_lines, .topics02_contents .diagonal_lines {position: absolute; top: 0px; left: 0; width: 100%; z-index: -1;}
.topics01_contents p:nth-of-type(1), .topics02_contents p:nth-of-type(1){padding: 0;}
.evidence01{width: 100%; margin: 30px auto; text-align: center;}
.evidence01 img,.evidence02 img {width: 100%; max-width: 315px;}
.evidence01 p {text-align: justify; margin-top: 10px;}
/*トピックス詳細_1*/
.evidence03 {margin-top: 30px; text-align: center; width: 100%; position: relative; border: solid 2px black; background-color: #fff; padding-bottom: 20px;}
.evidence03::before,.evidence03::after {position: absolute;content: ""; display: block; background-color: #fff;}
.evidence03::before {top: -2px; bottom: -2px; left: 50px; right: 50px; }
.evidence03::after { top: 20px; bottom: 20px; left: -2px; right: -2px; }
.evidence03 p,.avg_img, .avg_txt {position: relative; z-index: 1; margin: 15px 0 5px;}
.evidence03 p{font-size: 18px!important; font-weight: bold;}
.avg_img {width: 95%; margin: auto;}
.avg_img img {width: 100%; max-width: 313px;}
.avg_txt {font-size:14px; width: 95%; text-align: left; margin: auto; }
.avg_txt li::before{content:""; display:inline-block; width:2em; height:1em; background:url(/megahouse/rubikcube/commons/images/results/checkbox.png) no-repeat; background-size:contain; }
.avg_txt li {list-style: none; padding-left: 1.5em; text-indent: -2em; margin: 15px 0;}
/*トピックス詳細_2*/
.topics02{margin-top: 70px;}
.topics2_evidence{width: 100%; margin: 0; text-align: center;}
.topics2_evidence h3 {font-size: 18px; text-align: center; background-color: #000; color: #FFF; font-weight: bold;}
.topics2_evidence img {width: 100%; margin: 20px 0 10px; max-width: 278px;}
.topics2_evidence p {text-align: justify; line-height: 1.7em;}
/*プロフィール*/
.profile{width: 90%; border: 2px solid #000; padding: 20px 20px; margin: 70px auto 0; background-color: #FFF;}
.profile_img {text-align: center;}
.profile_txt {width: 100%; margin-top: 5%;}
.profile_txt p:nth-of-type(1) {font-size: 16px; padding: 0;}
.profile_txt p:nth-of-type(2) {font-size: 20px; font-weight: bolder;}
.profile_txt p:nth-of-type(3) {line-height: 1.8em; text-align: justify;}
/*調査概要*/
.summary {position: relative; z-index: 5; width: 90%; padding: 40px 0; margin: 70px auto 0;}
.summary .diagonal_lines:nth-of-type(1){position: absolute; top: 0px; left: 0; width: 100%; z-index: -1;}
.summary .diagonal_lines:nth-of-type(2){position: absolute; bottom: 0px; left: 0; width: 100%; z-index: -1;}
.summary h2 {font-size: 20px; font-weight: bolder;}
.summary table {border-collapse: separate; border-spacing: 0px 8px; }
.summary th {width: 60px; line-height: 1.8em; }
.summary td:nth-of-type(1) {width: 15px;}


@media screen and (min-width:960px){
	.contents{font-size: 16px;}
	/*共通*/
	.bold {font-weight: bold;}
	.normal {font-weight: normal;}
	.small_14 {font-size: 14px;}
	.small_21 {font-size: 18px;}
	.br_sp {display: inherit;}
	/*メインの画像*/
	.results_main{text-align: center;}
	.results_main img:nth-of-type(2){margin: 30px 0;}
	/*調査結果*/
	.tittle_results_verification {max-width: 1200px;position: relative; margin: auto; z-index: 5;}
	.bg_black{max-width: 1000px; margin: auto; text-align: center; background-color: #000; color: #FFF; height: 100px; font-weight: bolder;}
	.bg_black h2{line-height: 93px; font-size: 48px;}
	.results_verification{ margin-top: 50px;}
	.tittle_results_verification .diagonal_lines{position: absolute; top: 40px; width: 100%; z-index: -1;}
	/*トピックス1,2*/
	.topics_index li {list-style: none; width: 900px; margin: 70px auto;position: relative;}
	.topics_index li h3 {font-size: 31px; font-weight: bolder; width: 200px; height: 70px; border-bottom: 4px solid #000000; position: absolute; top: -53px; left: 30px;}
	.topics_index li .number{font-size: 51px;}
	.topics_index li p {background-color: #ffe500; font-size: 20px; padding: 30px 30px 25px; font-weight: bold; letter-spacing: 1px;}
	/*篠原菊紀教授 コメント*/
	.comment {max-width: 1000px; background-color: #e3e9ec; margin: auto; padding: 30px;}
	.comment_img,.comment_txt {height: 100%;  display: inline-block; vertical-align: middle;}
	.comment_img {width: 37%; padding: 35px;}
	.comment_img img{ width: 100%; max-width: 278px;}
	.comment_txt {width: 62%; margin:0; }
	.comment_txt p:nth-of-type(1){font-size: 18px; padding: 0;}
	.comment_txt p:nth-of-type(2){font-size: 30px; font-weight: bold; padding: 0 0 10px 0; margin-top: -10px;}
	.comment_txt p:nth-of-type(3){font-size: 16px; font-weight: bold;}
	.comment_txt p:nth-of-type(4){font-size: 16px; text-align: justify}
	/*トピックス詳細_1・2共通*/
	.topics01{margin-top: 70px;}
	.topics01 h2,.topics02 h2{width: 960px; margin: auto; position: relative; z-index: 10;}
	.topics01 h2 img,.topics02 h2 img{width: auto;}
	.topics01 h2 p,.topics02 h2 p{width: 85%; display: inline-block; font-size: 20px; letter-spacing: 1px; font-weight: bold; margin: 10px 0 0 10px; line-height: 1.5em;}
	.topics01_contents, .topics02_contents{max-width: 1000px; border: 2px solid #000; box-sizing: border-box;position: relative; z-index: 5; padding: 50px 30px 50px; margin: -35px auto;}
	.topics01_contents .diagonal_lines, .topics02_contents .diagonal_lines {position: absolute; top: 0px; left: 0; width: 100%; z-index: -1;}
	.topics01_contents p:nth-of-type(1), .topics02_contents p:nth-of-type(1){font-size: 16px; padding: 0;}
	/*トピックス詳細_1*/
	.evidence01 {width: 90%; margin: 30px auto; text-align: center;}
	.evidence01 img {width: 45%; margin: 0 15px; max-width: 480px;}
	.evidence03 {text-align: center; width: 100%; position: relative; border: solid 2px black; background-color: #fff; padding-bottom: 20px;}
	.evidence03::before,.evidence03::after {position: absolute;content: ""; display: block; background-color: #fff;}
	.evidence03::before {top: -2px; bottom: -2px; left: 70px; right: 70px; }
	.evidence03::after { top: 35px; bottom: 35px; left: -2px; right: -2px; }
	.evidence03 p,.avg_img, .avg_txt {position: relative; z-index: 1; margin: 15px 0 5px;}
	.evidence03 p{font-size: 24px!important; font-weight: bold;}
	.avg_img,.avg_txt {display: inline-block; vertical-align: middle;}
	.avg_img {width: 40%;}
	.avg_img img {width: 80%;}
	.avg_txt {width: 58%; text-align: left; }
	.avg_txt li::before{content:""; display:inline-block; width:2em; height:1em; background:url(/megahouse/rubikcube/commons/images/results/checkbox.png) no-repeat; background-size:contain; }
	.avg_txt li {list-style: none; padding-left: 1.5em; text-indent: -2em; margin: 15px 0;}
	/*トピックス詳細_2*/
	.topics02{margin-top: 110px;}
	.topics2_evidence{width: 30%; display: inline-block; vertical-align: top; margin-top: 30px;}
	.topics2_evidence:nth-of-type(1) {margin-right: 4%;}
	.topics2_evidence:nth-of-type(2) {margin-right: 4%;}
	.topics2_evidence h3 {text-align: center; background-color: #000; color: #FFF; font-size: 24px; font-weight: bold;}
	.topics2_evidence img {width: 100%; margin: 0;}
	.topics2_evidence p {font-size: 16px!important; text-align: justify; line-height: 1.7em;}
	.topics2_evidence p:nth-of-type(1) {height: 110px; margin: 15px 0;}
	/*プロフィール*/
	.profile{max-width: 1000px; border: 2px solid #000; padding: 50px; margin: 110px auto 0;}
	.profile_img,.profile_txt {display: inline-block; vertical-align: top;}
	.profile_img {width: 35%;}
	.profile_img img {width: 100%;}
	.profile_txt {width: 60%; margin-left: 30px;}
	.profile_txt p:nth-of-type(1) {font-size: 18px; padding: 0;}
	.profile_txt p:nth-of-type(2) {font-size: 30px; font-weight: bolder;}
	.profile_txt p:nth-of-type(3) {font-size: 16px; line-height: 1.8em; text-align: justify;}
	/*調査概要*/
	.summary {max-width: 1000px; padding: 50px; margin: 70px auto 0;}
	.summary .diagonal_lines:nth-of-type(1){position: absolute; top: 0px; left: 0; width: 100%; z-index: -1;}
	.summary .diagonal_lines:nth-of-type(2){position: absolute; bottom: 0px; left: 0; width: 100%; z-index: -1;}
	.summary h2 {font-size: 27px; font-weight: bolder;}
	.summary table {border-collapse: separate; border-spacing: 0px 8px; margin-top: 10px; font-size: 16px;}
	.summary th {width: 80px; line-height: 1.8em; }
	.summary td:nth-of-type(1) {width: 15px;}
}