/* ---------- basic ---------- */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Comfortaa:wght@300&family=Noto+Sans+JP:wght@200;400&display=swap');

html {font-size:100%;line-height:1.8;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:normal;letter-spacing:0;}
body {font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo;box-sizing:content-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-size:cover;background:url("../images/bg-enviro.jpg")top center repeat-y;background-size:cover;}
img {height:auto;-webkit-user-drag:none;-moz-user-select:none;}
h1,h2,h3,h4,h5,h6 {line-height:1.4;}
h2 {margin:.5em 0;font-size:250%;}
h2.h2-txt {padding:.8em 0;}
h2.addborder {border-bottom:5px solid #000;}/* h2.basics {color:#2541A4;text-align:center;} */
h3 {margin:.5em 0;padding:.6em;font-size:160%;border-bottom:2px solid #3382BB;}
.voicemessage h3 {margin:.5em 0;padding:.6em 0;border-bottom:0;}
h3.voice {margin:.2em auto;font-size:130%;text-align:center;}
h3.noborder {border-bottom:none;}
h3.addbg {color:#000;border:5px solid #000;background:#58fdff;}
header {top:0;width:100%;padding:1em;background:#fff;box-shadow: 0px 0px 15px -5px #777777;position:fixed;z-index:999;}
ul,ol {margin:0 0 0 2em;}
sup {padding:.2em;color:#00890E;font-weight:bold;color:}

/* ---------- size ---------- */
.fze {width:100%;}
.mze {width:1200px;margin:4em auto 0 auto;}
.framespace {padding:2em 0;}
.columndata {display:flex;justify-content:flex-start;}
.columndata.reverse {flex-direction:row-reverse;}
.columndata div {margin:1em;}
.columndata div img {width:100%;height:auto;}
.columndata.col2 > div {width:calc(100%/2);}
.columndata.col2 div.voicethum {width:30%;}
.columndata.col2 div.voicemessage {width:70%;}
.columndata.col2 div.newsdate {width:10%;}
.columndata.col2 div.newsdate span {padding:.6em;color:#fff;font-size:85%;font-weight:bold;text-align:center;line-height:1.1;background:#2196F3;display:block;}
.columndata.col2 div.newstext {width:90%;}
.columndata.col2 div.topictext {width:70%;}
.columndata.col2 div.topicdetail {width:30%;}
.columndata.col3 > div {width:calc(100%/3);}
.columndata.col4 > div {width:calc(100%/4);}

/* ---------- topics ---------- */
.iineframe p {padding:1em;color:#fff;background:#30C2C2;border-radius:0 0 20px 20px;}
.iineframe img {width:100%;height:auto;vertical-align:bottom;}

.voicethum {color:#2541A4;}
.voicethum img {vertical-align:bottom;}
.voicethum h4 {margin:0 0 1em 0;padding:1em;color:#fff;font-size:120%;font-weight:bold;background:#2541A4;display:block;}

.jissekiframe {position:relative;}
.jissekiframe p {right:0;bottom:26px;width:85%;margin:0 0 1em 0;padding:1em;color:#fff;font-weight:bold;background:#2541A4;display:block;position:absolute;}
.jissekiframe span {color:#2541A4;padding:1.5em 0 0 0;display:block;}

.topictext {color:#2541A4;}
.voicethum img {vertical-align:bottom;}
.topictext h4 {margin:0 0 1em 0;padding:.5em;color:#000;font-size:120%;font-weight:bold;border-bottom:2px solid #2541A4;display:block;}

.newstopicframe > div {padding:.8rem;text-align:left;background:#fff;border:1px solid #000;}
.newstopicframe > div span {padding:.5em .8em;font-size:90%;line-height:1.1;border:1px solid #000;background:#58fdff;}
.newstopicframe > div img {width:100%;height:180px;margin:2em 0;background:#eee;display:block;}
.newstopicframe > div p {font-size:90%;}
.newstopicframe.nolist > div {width:20%;}

.voicequestion {margin:.6em 0;padding:.6em;color:#000;font-size:130%;font-weight:bold;line-height:1.3;border:2px solid #000;background:#58fdff;border-radius:100vh;box-shadow: 0px 0px 9px -5px #777777;}

/* ---------- header ---------- */
header {border-top:6px solid;border-image:linear-gradient(to right,#241f81,#00ff64) 1 0 0 0;}
.headercontents {width:1200px;margin:0 auto;position:relative;display:flex;align-items:center;}
.title {font-weight:bold;line-height:1.4;display:inline-block;}
.title img {width:180px;height:auto;}
.headdata {top:0;right:20px;position:absolute;}
.catch {line-height:1.4;}

/* main */
.keyv {width:100%;position:relative;}
.keyvcatch {width:960px;margin:12vh;filter: drop-shadow(3px 3px 5px #0f379d);}
.infobox {padding:2em;border:2px solid #000;border-radius:1em;}
.infobox.blueline {border-color:#3382BB;}
.infocol{margin-bottom: 1rem;}
.infocol:last-child{margin-bottom: auto;}
.infocol span {width:10%;display:inline-block;vertical-align:top;}
.infocol p {width:88%;display:inline-block;}
.alertbox {margin:1em 0;padding:1em;color:#e81c44;border:2px solid #e81c44;background:#ffebe7;border-radius:1em;}
.alertbox span,.alerttag {
	margin:.3em;padding:.3em .5em;color:#fff;font-size:85%;line-height:1.1;background:#e81c44;display:inline-block;}
.answer {padding:.6em .6em .6em 2.3em;position:relative;}
.answer::before {content:"A";left:0;top:0;padding:.6em 1em;font-weight:bold;display:block;position:absolute;}

/* ---------- footer ---------- */
footer {padding:3em 0;}
.footlogo {width:100px;height:auto;}
.btnpagetop {padding:2em;bottom:0;right:0;color:#fff;font-size:60%;font-weight:bold;letter-spacing:2px;line-height:1.1;text-decoration:none;background:#000;position:fixed;}

/* ---------- form ---------- */
.mailform {width:960px;margin:0 auto;padding:2em;text-align:left;border:1px solid #000;background:#fff;}
input[type=text],input[type=email],input[type=tel],textarea {margin:.5em 0;padding:1%;border: 0;outline:1px solid #666;transition: all ease-out .3s;}
textarea {width:97.5%;height:100px;}
input[type=submit] {margin:1em auto 1em auto;padding:1em 2em;font-size:90%;font-weight:bold;line-height:1.4;color:#fff;background:#ff5900;border:2px solid #ff5900;border-radius:12px;display:block;cursor:pointer;}
input[type=radio] {margin:.5em;}
.selectradio label {margin:.2em;padding:.3em 1em .3em .5em;border:1px solid #000;border-radius:10px;display:inline-block;}
.selectradio label input[type=radio]:checked {background:#2196F3;}
select {margin:.3em 0;padding:.5em;vertical-align: middle;border:0;outline:0;appearance:none;}
div.selectfield {padding:.2em 2em .2em .6em;border:1px solid #000;display:inline-block;position:relative;}
div.selectfield::after {
content: "";
top: 36%;
right: 10px;
width: 6px;
height: 6px;
border-top: 2px solid #222;
border-right: 2px solid #222;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-ms-transform: rotate(135deg);
position: absolute;}
/* ---------- === formsize ---------- */
.fullsize {width:98%;}
.midsize {width:78%;}
.halfsize {width:50%;}
.smallsize {width:30%;}

/* ---------- tag ---------- */
/*
.tags {margin:.2em;padding:.3em 1em;color:#E94A4A;font-size:80%;font-weight:bold;text-decoration:none;line-height:1.4;border:2px solid #E94A4A;border-radius:8px;display:inline-block;}
.tags.addbg {color:#fff;background:#E94A4A;}
.tags span {padding:0 0 0 1.8em;display:inline-block;position:relative;}
.tags span::before {top:-2px;left:0;font-family:'Material Icons';font-size:130%;position:absolute;}
*/

/* ---------- button ---------- */
.btnnav {margin:.3em;padding:1em 2em .8em 1.2em;color:#3681d7;font-size:90%;font-weight:bold;text-decoration:none;line-height:1.4;border:2px solid #3681d7;border-radius:12px;display:inline-block;transition:all ease-in .2s}
.btnnav.addbg {color:#fff;background:#3681d7;}
.btnnav.addbrown {color:#fff;border-color:#a96b00;}
.btnnav:hover {opacity:.6;}

/* ---------- addicon ---------- */
.addicon {padding:0 0 0 1.5em;display:inline-block;position:relative;}
.addicon::before {top:-3px;left:0;font-family:'Material Icons';font-size:120%;position:absolute;}
/* ---------- === icon++ ---------- */
span.login::before {content:"\e7fd";}
span.create::before {content:"\e3c9";}
span.check::before {content:"\e86c";}
span.menu::before {content:"\ea19";}
span.search::before {content:"\e8b6";}
span.question::before {content:"\eb8b";}

/* ---------- table ---------- */
.datalist {width:100%;border-collapse:collapse;}
.datalist tr {border-bottom:1px solid #000;}
.datalist tr:last-child {border-bottom:0;}
.datalist th,.datalist td {padding:.6em 1em;}
.datalist th {font-size:90%;font-weight:normal;border:1px solid #000;}
.datalist.col2 td:first-child {width:70px;vertical-align:top;}
.datalist.col2.middle td:first-child {width:100px;vertical-align:top;}
.scrolltable {margin:1em 0;overflow: auto;white-space: nowrap;}
.scrolltable::-webkit-scrollbar {height:.6em;}
.scrolltable::-webkit-scrollbar-track {background: #eee;}
.scrolltable::-webkit-scrollbar-thumb {background: #a1bad4}

/* ---------- option ---------- */
.entxt {font-family:'Allura', cursive;font-size:500%;background: linear-gradient(to bottom, #0E0A80 0%, #19CF86 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.transfade {transition: all .6s ease-out}
.linemarker {margin:.2em;padding:0 .2em;display:inline-block;}
.linemarker.pink {color:#E82424;background:linear-gradient(to bottom, transparent 0 50%, #FFE1E1 50% 100%);}
.linemarker.yellow {background:linear-gradient(to bottom, transparent 0 50%, #fcf52b 50% 100%);}
.linemarker.lime {background:linear-gradient(to bottom, transparent 0 50%, #CCEB11 50% 100%);}
.lineshadow {width:96%!important;border:8px solid #fff;box-shadow: 0 0 1em 0 rgba(0, 0, 0, .4);}
.contentspace {margin:6em 0;}
.contentspace-small {margin:.8em 0;}
.txtcontent {margin:.5em 0;padding:1em;}
.small-caption {margin:1em 0;font-size:90%;line-height:1.3;text-align:center;}
.titleframe {margin:.6em 0;padding:.6em;color:#fff;line-height:1.3;background: linear-gradient(90deg, rgba(15,55,157,1) 0%, rgba(0,147,114,1) 100%);border-radius:100vh;box-shadow: 0px 0px 9px -5px #777777;}
.mt-01 {margin-top:1em;}
.mt-02 {margin-top:2em;}
.mt-03 {margin-top:3em;}
.mt-05 {margin-top:5em;}
.mt-10 {margin-top:10em;}
.mb-01 {margin-bottom:1em;}
.mb-02 {margin-bottom:2em;}
.mb-03 {margin-bottom:3em;}
.mb-05 {margin-bottom:5em;}
.mb-10 {margin-bottom:3em;}
.bg-yellow {background:#FEFFCC;}
.img-fix {width:100%;height:auto;display:block;}
.img-large {width:90%;}
.img-middle {width:70%;}
.img-small {width:50%;}
.img-xsmall {width:30%;}
.img-txtlogo {width:110px;height:auto;margin:-.2em .3em .3em .3em;vertical-align:top;display:inline-block;}
.typo-xxl {font-size:200%;}
.typo-xl {font-size:150%;}
.typo-l {font-size:120%;}
.typo-m {font-size:90%;}
.typo-s {font-size:75%;}
.typo-xs {font-size:60%;}
.typo-brand-blue {color:#005DAC;}
.typo-space-small {line-height:1.4;}
.typo-anton {font-family: 'Anton', sans-serif;}
.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.pcview {display:block;}
.spview {display:none;}
.footnav a {padding:.5rem;color:#1558a7;font-size:1rem;text-decoration:none;border-bottom:0;display:inline-block;}
.copyright {color:#1558a7;margin:1rem 0 2rem 0;font-size:.9rem;text-align:center;}
/* ---------- moveanim ---------- */
.point-images {
display:inline-block;
opacity: 0;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-ms-transform: translateY(80px);
-o-transform: translateY(80px);
transform: translateY(80px);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.point-images.visible {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.point-text {
opacity: 0;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.point-text.visible {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

.preimage {height:300px;background:#eee;}

/* add 2023 rev2 */
.h2theme {margin:2rem 0;padding:1.5rem;color:#fff;font-size:2rem;text-align:center;background:#1558a7;}
.h2service {margin:2rem 0;padding:1.5rem;color:#fff;font-size:2rem;text-align:center;}
.h3theme {width:500px;padding:1rem 1rem 1rem 8rem;border-bottom:1px solid #000;letter-spacing:.6rem;display:inline-block;}
.h3topics {font-size:2rem;padding:5rem 0 0 3rem;}
.h3topics .largetxt {font-size:3.5rem;}
.h3topics.kikaku {padding-top:1rem;}
.h3solution {color:#1558a7;font-size:2rem;}
.h4topics {margin:1rem 0 0 0;color:#fff;font-size:1.3rem;}
.h4jisseki {font-size:2rem;}
.h4solution {margin:1rem 0;font-size:1.5rem;}

.glnav {width:100%;display:flex;justify-content:flex-end;align-items:center;}
.glnav a {margin:.3rem;padding:1rem;color:#1558a7;font-size:1rem;text-decoration:none;display:inline-block;}
.glnav a:last-child {margin-right:0;}

.columnlist {display:flex;align-items:top;}
.columnlist > div:first-child {width:22%;}
.columnlist > div:last-child {width:78%;}

.keyvtxt {
top: 28%;
right: 0%;
transform: translateY(-28%);
right:0;
line-height:1.4;
position:absolute;}
.keysubcatch {color:#fff;font-size:2rem;font-weight:bold;text-shadow:1px 1px 2px black;}
.keyvcatchcopy {margin:2rem 0 0 0;padding:2rem;color:#fff;font-size:4rem;font-weight:bold;text-shadow:1px 1px 2px black;background:rgba(0,0,0,.5);}

.tohokuenvironment {position:relative;}
.ttklink {
bottom:2rem;
right:0;
padding:.6rem 1rem;
color:#1558a7;
font-size:1.5rem;
font-weight:bold;
line-height:1.4;
text-decoration:none;
border:1px solid #1558a7;
background:rgba(255,255,255,.8);
display:inline-block;
position:absolute;}

.ttklogo {margin-top:1rem;}
.bg-topicsimg {padding:0 0 8rem 0;background:url("../images/topics01.jpg")left top no-repeat;background-size:cover;}
.topicslayout {width:720px;margin:0 auto;text-align:left;}
.topicslayout div {margin:.3rem;}
.topicslayout div.leftdata {width:22%;}
.topicslayout div.rightdata {width:78%;}
.zeblayout {width:1200px;margin:0 auto;}
.zeblayout div {margin:.3rem;}
.zeblayout div.leftdata {width:13%;}
.zeblayout div.rightdata {width:87%;}
/* .topicsframe {align-items:center;} */
.topicsframe {align-items:center;}
.topicsframe.reverse {flex-direction:row-reverse;}
.topicsleft,.topicsright {padding:3rem;position:relative;}
/* .topicsframe.reverse .topicsleft {padding:6rem;} */
.topicsframe.reverse .topicsleft {padding:2rem;}
.topicsleft {width:70%;}
.topicsright {width:30%;}
.topicsleft.graphdata {width:50%;}
.topicsright.graphdata {width:50%;}
.topicsframe h3 {padding:.8rem 0;}
.topicsframe span.numbers {top:0;left:5rem;color:#cddef3;font-size:7rem;font-weight:bold;position:absolute;z-index:-1;}
/* .topicsframe span.numbers {padding:0 0 -3rem 0;color:#cddef3;font-size:7rem;font-weight:bold;line-height:1;display:inline-block;} */
.topicsframe .graphdata span.numbers {top:0;left:5rem;}
.topicsframe.reverse span.numbers {left:0;right:5rem;}
.topicstxt {padding:0 2rem;}
.bg-topics {padding:1rem;color:#fff;background:#1558a7;}

#scrollframe {padding:5rem 0 0 0;}
/* #scrollobject {padding:6rem 0 0 0;background:#fff;position:relative;z-index:-1;} */
#scrollobject {padding:6rem 0 0 0;background:#fff;position:relative;z-index:-1;}
#scrollobject.captionframe {height:58rem;}
#scrollobject.servicedata {height:60rem;}
#scrollobject.lastframe {height:100rem;}
#scrollobject2 {padding:3rem 0;background:#fff;position:relative;z-index:-1;}
#scrollobject2.captiondata {padding-top:6rem;}
.bg-white {background:#fff;}

.serviceframe {padding:0 0 2rem 0;}/* background:url("images/bg-service.jpg")top center no-repeat; */
.servicedetail {padding:2rem;background:#fff;box-shadow: 0px 0px 15px -5px #777777;position:relative;}
.servicedetail.columndata {align-items:center;}
.serviceicon {width:60px;}
.servicetxt {width:70%;}
.servicethumimg {width:20%;}

.voiceframe {padding:3.3rem 1rem 1rem 1rem;border:1px solid #1558a7;position:relative;}
.voicetitle {top:0;left:0;width:98%;padding:1%;color:#fff;background:#1558a7;position:absolute;}

.solutionframe {align-items:center;}
.bgsolution {background:url("images/bg-town.jpg")top right no-repeat;background-size:contain;}

.videoframe {width:100%;height:auto;}

.imgfix {width:100%;}
.img-large {width:80%;}
.img-middle {width:60%;}

.co2 {font-size:70%;}

.typo-blue {color:#1558a7;}

.typo-xxlarge {font-size:2.8rem;}
.typo-xlarge {font-size:2.3rem;}
.typo-large {font-size:1.8rem;}
.typo-middle {font-size:1.3rem;}
.typo-small {font-size:.8rem;}
.typo-bold {font-weight:bold;}
.typo-space {letter-spacing:.3rem;}

.typo-anton {font-family: 'Anton', sans-serif;}

.m-space {margin:3rem 0;}
.mt-space-small {margin-top:1rem;}

.underline {text-decoration:underline;text-decoration-color:#fff000;}

.lhreset {line-height:1.4;}

@media screen and (max-width: 668px) {
	.preimage {height:250px;}

	.pcview {display:none;}
	.spview {display:block}
	
	body {background-size:contain;}
	header {padding:.5em 0;}
	section {width:96%;margin:1rem auto;}
	h1,h2,h3,h4,h5,h6 {line-height:1.3;}
	h2 {font-size:190%;}
	h3.lastmes {width:95vw;margin:0 0 .5em 0;padding:.2em;}
	
	.headercontents {width:100%;display:block;}
	.mze {width:100%;margin:2em auto 0 auto;}
	
	.columndata {display:block;}
	.columndata div {margin:2em .5em;}
	.columndata.col2 div,.columndata.col3 div,.columndata.col4 div {width:87vw;margin:0 auto;padding:.8em 0;}
	.columndata.col2 div.newsdate,.columndata.col2 div.newstext {width:95vw;}
	.columndata.col2 div.newsdate span {padding:.6em;color:#fff;display:inline-block;}
	.columndata.col2 div.topictext {width:94vw;}
	.columndata.col2 div.topicdetail {width:94vw;}
	.columndata div img.img-sp-small {width:70%;margin:0 auto;display:block;}

	.newstopicframe > div img {width:70%;margin:2em auto;}
	.newstopicframe > div,.newstopicframe.nolist > div {width:80vw;}
	
	.title {margin:.3em 0 0 0;text-align:center;display:block;}
	.voicequestion {margin:.3em 0 0 0;font-size:115%;display:block;}
	.headdata {right:0;margin:.5em 0 0 0;font-size:90%;text-align:center;display:block;position:static;}
	.keyv {padding:1.8rem 0 0 0;height:auto;}
	.keyvcatch {width:96vw;margin:9vh auto 0 auto;filter: drop-shadow(2px 2px 3px #0f379d);}
	.infobox {width:76vw;margin:0 auto;}
	.infocol span {width:100%;margin:.5rem 0 0 0;}
	.infocol p {width:100%;margin:.5rem 0 0 0;}
	.foottext p {width:90vw;margin:2em auto;}
	.titleframe {padding:1em;}
	.answer {padding:1em 1em 1em 2.6em;}
	.answer::before {padding:1em 1em 1em 1.2em;}
	.entxt {font-size:70%;}
	
	.pagination {text-align:center;display:block;}
	.pgnbtn a,.etcnum {vertical-align:middle;}
	
	.mailform {width:auto;margin:0 auto;padding:2em;border:1px solid #000;}
	input[type=text],input[type=email],input[type=tel],textarea {padding:3%;}
	label {display:block;}
	.fullsize {width:94%;}
	.smallsize {width:90%;}
	
	.h3txtimg-small {width:150px;}
	.h3txtimg-middle {width:220px;}
	.h2imgspace {margin:.5em 0;}
	.h2txtimg-large {width:300px;}
	.areaspace {padding:1em;}
	.typo-xxl {font-size:180%;}
	.typo-xl {font-size:135%;}
	.typo-l {font-size:110%;}
	.typo-m {font-size:80%;}
	.typo-s {font-size:70%;}
	.img-middle {width:80%;}
	.img-small {width:60%;}
	.img-xsmall {width:60%;}

	/* add 2023 rev2 */

	.glnav {width:100%;display:block;text-align:center;}
	.glnav a {margin:.2rem;padding:.2rem .5rem;color:#1558a7;font-size:.8rem;text-decoration:none;border:1px solid #1558a7;display:inline-block;border-radius: .5rem;}
	.glnav a:last-child {margin-right:0;}

	.h2theme {margin:1.3rem 0;font-size:1.5rem;}
	.h2service {margin:2rem 0 .5rem 0;padding:1.5rem;color:#fff;font-size:2rem;text-align:center;}
    .h3theme {width:calc(100% - 1.5rem);font-size:1.2rem;letter-spacing:.3rem;padding:.8rem;}
	.h3topics {font-size:1.2rem;padding:3rem 0 0 1rem;}
	.h3topics .largetxt {font-size:2.2rem;}
	.h3topics.kikaku {padding-top:3rem;}
	.h4jisseki {font-size:1.3rem;}

	/* .h2theme {margin:2rem 0;padding:1.5rem;color:#fff;font-size:2rem;text-align:center;background:#1558a7;}
.h2service {margin:2rem 0;padding:1.5rem;color:#fff;font-size:2rem;text-align:center;}
.h3theme {width:350px;padding:1rem 1rem 1rem 8rem;border-bottom:1px solid #000;letter-spacing:.6rem;display:inline-block;}
.h3topics {font-size:2rem;padding:5rem 0 0 3rem;}
.h3topics .largetxt {font-size:3.5rem;}
.h3topics.kikaku {padding-top:1rem;}
.h3solution {color:#1558a7;font-size:2rem;}
.h4topics {margin:1rem 0 0 0;color:#fff;font-size:1.3rem;}
.h4jisseki {font-size:2rem;}
.h4solution {margin:1rem 0;font-size:1.5rem;} */

	.videoframe {width:100%;height:auto;}

	.keyvtxt {width:80%;top: 30%;}
	.keysubcatch {font-size:1.3rem;}
	.keyvcatchcopy {margin:.8rem 0 0 0;padding:1rem;font-size:1.8rem;}

	.tohokuenvironment {position:relative;}
	.tohokuenvironment h2 {padding:1rem 0 0 0;}
	.ttklink {width:70%;margin:1rem auto;font-size:1.2rem;text-align:center;background:rgba(255,255,255,1);display:block;position:static;}

	/* .topicsframe.reverse {flex-direction:row;} */

	.ttklogo {width:30%;margin-top:1rem;margin-bottom:2.5rem;}
	.bg-topicsimg {padding:0;background:url("../images/topics01-sp.jpg")left top no-repeat;background-size:contain;}
	.topicslayout {width:100%;margin:0 auto;text-align:left;}
	.topicslayout div {margin:.3rem;}
	.topicslayout div.leftdata {width:100%;}
	.topicslayout div.rightdata {width:100%;}
	.zeblayout {width:100%;margin:0 auto;}
	.zeblayout div {margin:.3rem;}
	.zeblayout div.leftdata {width:100%;}
	.zeblayout div.rightdata {width:100%;}
	.topicsleft,.topicsright {padding:0;position:relative;}
	.topicsframe.reverse .topicsleft {padding:0;}
	.columndata div.topicsleft {width:100%;margin:0;padding:0;}
	.columndata div.topicsright {width:100%;margin:0;padding:0;}
	.topicsleft.graphdata {width:50%;}
	.topicsright.graphdata {width:50%;}
	.topicsframe h3 {padding:1.5rem .8rem;}
	.topicsframe span.numbers {left:.6rem;font-weight:bold;line-height:1.1;position:absolute;}/* z-index:-1; */
	.topicsframe .graphdata span.numbers {top:2rem;left:.6rem;}
	.topicsframe.reverse span.numbers {left:0;right:2rem;}
	.columndata div.topicstxt {margin:0;padding:0;}
	.bg-topics {padding:.6rem;color:#fff;background:#1558a7;}
	.bg-topics div {margin:.5rem 0;}
	.columndata div img.imgmap,.columndata div img.imggraph {width:60%;margin:0 auto;display:block;}

	.serviceframe {padding:0 0 2rem 0;}/* background:url("../images/bg-service.jpg")top center no-repeat; */
	.servicedetail {width:82%;margin:.8rem auto!important;padding:.3rem 1rem;background:#fff;box-shadow: 0px 0px 15px -5px #777777;}
	.servicedetail.columndata {align-items:center;}
	.serviceicon {width:35px;top:1rem;right:1rem;position:absolute;}
	.columndata div.servicetxt {width:100%;margin:0;padding:0;}
	.columndata div.servicetxt h3 {padding:1rem 2.5rem 1rem 0;}
	.columndata div.servicethumimg {width:100%;margin:0;padding:0;}
	.columndata div.servicethumimg img {width:70%;margin:.5rem auto 1rem auto;display:block;}

	.typo-xxlarge {font-size:1.8rem;}
	.typo-xlarge {font-size:1.5rem;}
	.typo-large {font-size:1.2rem;}
	.typo-middle {font-size:1.1rem;}

	.m-space {margin:1.8rem 0;}

	.img-large,.img-middle {width:100%;}

	.columnlist {display:block;}
	.columnlist > div:first-child {width:100%;margin:0;}
	.columnlist > div:last-child {width:100%;margin:0;}

	.jisseki {margin:0;}

	#scrollobject {padding:9rem 0 0 0;position:relative;}
	#scrollobject.lastframe {height:100rem;}
	#scrollobject2 {padding:7rem 0 0 0;}
	.footnav a {display:block;}
}