@charset "utf-8";
section div.body {
	width: 94%;
	max-width: 1280px;
}
section.content {
    margin: 0 auto;
    padding: 0;
}
.contInner {
    max-width: 1280px;
    margin: 0 auto;
    text-align: left;
}
.content section h6 {
    color: #002a45;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.3em;
    font-size: 138%;
    border-left: 12px solid #e3e7e9;
    padding-left: 1.4%;
    margin: 1.5em auto 0.5em !important;
}
.content img {
    height: auto;
    width: 100%;
    pointer-events: none;
}
p.explanation span {
	text-align: right;
	display: block;
	padding: 0.6em 1.5%;
	color: #24176e;
	font-size: 95%;
	margin-top: 0.5em;
}
p.explanation em {
	background-color: #24176e;
	padding: 0.1em 1.5%;
	color: #FFF;
	font-size: 90%;
	display: inline-block;
	margin-top: 0.2em;
	margin-right: 1%;
}
p.explanation a {
	text-decoration: underline;
	color: #24176e;
}
section#face {
    background-image: url(/img/event/mtij2025/report/main.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
}
section h2#main_v {
    margin: 2.3em auto;
}
section h2#main_v figure {
    width: 62%;
    margin: 0 auto;
}
section h2#main_v img {
	width: 100%;
	height: auto;
}
div.body div p.explanation {
	margin: 0 auto;
	color: #1982c7;
	line-height: 1.8em;
	padding: 1% 0%;
	text-align: center;
}
@media only screen and (max-width:599px) {
.content section h6 {
    font-size: 125%;
    padding-left: 13px;
}
}



/*
anchor
*/
div.nav {
	width: 100%;
	margin: 0 auto 3em;
	color: #24176e;
	background-color: #f9f9fc;
	position: static;
	top: auto;
	left: auto;
	text-align: left;
	z-index: 1;
	padding: 1.5em 0;
	max-width: none !important;
}
div.nav ul#solution_a {
    display: flex;
    width: 1080px;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 120%;
}
div.nav ul#solution_a > li {
	width: 46%;
	margin: 0.7em 2% 0.7em 0;
}
div.nav ul#solution_a > li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 11px;
	right: 15px;
	width: 10px;
	height: 10px;
	border-width: 3px;
	border-color: #24176e #24176e transparent transparent;
	border-style: solid;
	transform: rotate(135deg);
}
div.nav ul#solution_a > li>a:hover::after {
	content: "";
	border-color: #fff #fff transparent transparent;
}
div.nav ul#solution_a>li:nth-last-of-type(1):after {
	content: "";
}
div.nav ul#solution_a>li:nth-of-type(3n) {
	border-right: none;
	margin-right: 0;
}
div.nav ul#solution_a > li > a {
    margin-right: 2%;
    color: #002a45;
    padding: 0.4em 8% 0.5em 5%;
    display: block;
    font-size: 95%;
    line-height: 1.1;
    margin-bottom: 0.3em;
    font-weight: bold;
    border-bottom: 2px solid;
}
div.nav ul#solution_a > li > a:hover {
	background-color: #002a45;
	color: #FFF;
}
div.nav ul#solution_a > li ul {
    font-size: 85%;
    margin-left: 5%;
}
div.nav ul#solution_a > li ul li a {
	display: block;
	line-height: 1.9em;
	color: #002a45;
}
div.nav ul#solution_a > li ul li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	right: 22px;
	width: 8px;
	height: 8px;
	border-width: 2px;
	border-color: #24176e #24176e transparent transparent;
	border-style: solid;
	transform: rotate(135deg);
}
div.nav ul#solution_a > li ul li a:hover {
	text-decoration: underline;
}
@media only screen and (max-width:599px) {
div.nav {
	margin: 0 auto;
}
div.nav ul#solution_a {
	width: 100%;
	font-size: 115%;
}
div.nav ul#solution_a > li {
	margin: 0.4em auto;
	width: 90%;
}
div.nav ul#solution_a > li > a {
	padding: 0.5em 5%;
	margin: 0 auto;
}
div.nav ul#solution_a > li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	right: 6px;
	width: 10px;
	height: 10px;
	border-width: 3px;
	border-color: #24176e #24176e transparent transparent;
	border-style: solid;
	transform: rotate(135deg);
}
div.nav ul#solution_a > li>a:hover::after {
	content: "";
	border-color: #fff #fff transparent transparent;
	right: 12px;
	top: 10px;
}
div.nav ul#solution_a>li:nth-last-of-type(1):after {
	content: "";
}
div.nav ul#solution_a>li:nth-of-type(3n) {
	margin-right: auto;
}
div.nav ul#solution_a > li ul li a::after {
	top: 6px;
	right: 7px;
}
}


.content > .body > section {
    margin: 0.5em 1% 1.5em;
    padding: 0.5em 0 1em;
    position: relative;
}
.content section section {
    padding: 0em 0% 1em;
    margin: 2em auto 0;
}
.content section > p {
	font-size: 97%;
	letter-spacing: 0.6px;
}
.content section p span {
	font-size: 90%;
	line-height: 1.2em;
	display: block;
	margin: 2px auto 0;
}
.content section h3 {
    /* border-bottom: 3px solid #113a57; */
    text-indent: 23px;
    font-size: 180%;
    font-weight: bold;
    line-height: 2.4;
    color: #113a57;
    padding: 0 calc((100% - 1280px) / 2);
    background: #f9f3f3;
}
.content section h5 {
    font-weight: bold;
    padding: 0.8em 0 0.8em 1.3%;
    color: #002a45;
    background-color: #e3e7e9;
    border-left: 9px solid #113a57;
    letter-spacing: 1px;
    margin-bottom: 0.5em;
    font-size: 140%;
}
@media only screen and (max-width:599px) {
section#face {
	height: 50vw;
	background-position: center 24vw;
	background-size: 100%;
	padding: 0;
	background-color: #f9f0f0;
}
section h2 {
	padding: 0.7em 0;
}
section h2#main_v {
	margin: 0 auto;
	padding: 0em 0 0;
}
section h2#main_v figure {
	width: 100%;
	margin: 0 auto;
}
p.explanation {
	width: 94%;
	margin: 0 3%;
	text-align: justify;
}
p.explanation span {
	padding-bottom: 0;
}
section.content {
	margin: 0 auto;
}
.content > .body > section {
	margin: 1em auto 0;
	padding: 2em 2% 0;
}
.content section section {
	margin: 1.4em auto 0;
}
div.body div {
	margin: 1em auto;
	padding: 0 3%;
}
.content section > div div {
	margin: 1em auto 0;
	padding: 0;
}
.content section h3 {
	padding: 0;
	font-size: 125%;
	text-indent: 0;
	text-align: center;
}
.content > .body > section h3::before {
	content: "";
	position: absolute;
	height: 50px;
}
.content section h5 {
	padding-left: 0;
	font-size: 115%;
	text-align: center;
}
.content img {
	margin: 0.5em auto;
	width: 100%;
	height: auto;
}
section.content small{
	line-height: 1.5;
    display: block;
    margin: 0 auto 1em;
    width: 90%;
}
}



.content section div.tp_main figure {
    width: 38%;
}
section div.tp_main {
    margin: 0 auto 0.5em;
    border-bottom: 1px dotted #999;
    padding-bottom: 2em;
    width: 96%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section#solution01_03 figure.w_all {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
section#solution01_03 figure.w_all img {
	width: 32%;
	margin: 0 auto;
}
section #info {
	display: inline-block;
}
section #info a.btntype04 {
	padding: 1px 2%;
}
.content section > div {
	padding: 0.5em 0;
}
.content section div > figure {
    width: 41%;
    margin: 1em auto 2.6em;
}
.content section > div .w_all {
    margin: 1em auto;
    text-align: justify;
}
.content section > div .w_64 {
    width: 58%;
    float: none;
}
.content section > div .w_32 {
	width: 32%;
}


/*
download
*/
.content section a.download {
	text-decoration: underline;
	line-height: 1.8em;
	margin-top: 1.5em;
	margin-bottom: 2em;
	display: block;
	background-image: url(/img/index/icon_link_ctlg.png);
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 5.5%;
	font-size: 95%;
	clear: both;
	width: 64%;
	float: left;
	color: #333;
}
.content section a.download, .content section a.left {
	width: 64%;
	text-decoration: underline;
	margin-bottom: 0.6em;
}
.content section div a.btntype04 {
	padding: 3px 0 10px 0;
}
.content section a:hover, .content section a.download:hover {
	opacity: 0.7;
}
@media only screen and (max-width:599px) {
    .content section > div p {
        text-align: justify;
        width: 96% !important;
        margin: 0 auto;
    }
.content section div figure:nth-of-type(n) {
	width: 96%;
	margin: 0.4em auto 0;
}
.content section > div .w_64 {
	width: auto;
	float: none;
}
section#solution01_01 figure img {
	width: 100%;
	margin-bottom: 1em;
}
section#solution01_03 figure.w_all img {
	width: 100%;
	margin-bottom: 1em;
}
.content section > div > p:first-of-type {
	text-align: justify;
}
.content section a.download {
	background-size: 30px;
	line-height: 1.4em;
	text-indent: 0;
	margin: 1em auto 0;
	width: 100%;
	padding: 0.5em 0 0.5em 35px;
	background-position: 0 center;
}
.content section a.left {
	width: 100%;
	display: block;
	line-height: 1.4;
	padding: 0.5em 0;
}
}



section.content.intro {
    background: #f9f3f3;
    margin: 0 auto;
    padding: 1em 0 3.5em;
}
p.subtxt {
    margin: 1em auto 0.7em;
    text-align: center;
    font-size: 175%;
    font-weight: bold;
}
#wrap #contact_top {
    border-bottom: 1px solid #ddd;
}
#contact_top h4 {
    text-align: center;
}
#wrap .link03 {
    margin-left: auto !important;
    margin-right: calc(((100% - 1280px)/2 + 140px) - 4%);
}
@media only screen and (max-width:1105px) {
#wrap .link03 {
	float: right;
    margin-right: 2%;
    margin-bottom: 3em;
}
}
@media only screen and (max-width:599px) {
#wrap .link03 {
    float: none;
    margin: 2em auto !important;
}
p.subtxt {
    font-size: 135%;
    margin: 0.3em auto 0.7em;
}
#contact_top a p {
    text-align: center;
}
}




/*
dl_top
*/
#wrap #dl_top {
    background: #1b3977;
    padding: 1.3em 0 !important;
    font-size: 110%;
}
#dl_top h3 {
    text-align: center;
    border: none;
    text-indent: 0;
    color: #fff;
    font-weight: bold;
    font-size: 135%;
    margin: 1.1em auto 1.4em;
}
#dl_top .contInner {
    align-items: center;
    margin: 16px auto;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0em 0%;
    max-width: 990px;
}
#dl_top .contInner .matfig {
    width: 31%;
}
#dl_top .contInner .matfig figure {
	width: 100%;
	margin:0 auto;
}
#dl_top .contInner .matfig figure img {
	width: 100%;
}
#dl_top .contInner .mattxt {
    width: 52%;
    font-size: 113%;
    color: #1b3e86;
}
#dl_top .contInner .matdlbtn a {
    display: flex;
    justify-content: space-around;
    width: 75%;
    color: #ffffff;
    text-decoration: none;
    background: #e26a12;
    border: 2px solid #e26a12;
    border-radius: 5px;
    margin: 1.5em auto 0.2em 5%;
}
#dl_top .contInner .matdlbtn a:hover {
	color: #e26a12;
	background: #ffffff;
}
#dl_top .contInner .matdlbtn svg {
	fill: #ffffff;
}
#dl_top .contInner .matdlbtn a:hover svg {
	fill: #e26a12;
}
#dl_top .contInner .matdlbtn a p {
    width: 13em;
    text-align: center;
    line-height: 1.5;
    font-size: 95%;
}
#dl_top a svg {
    width: 29px;
}
#dl_top .download:after {
    line-height: 1.5;
}
@media only screen and (max-width: 599px) {
#dl_top h3 {
	font-size: 115%;
	margin: 0.8em auto 0.8em;
}
#dl_top .contInner {
    width: 85%;
}
#wrap #dl_top {
    background: #1b3977;
    padding: 1.3em 7%;
    font-size: 110%;
}
.content section > div div.figbox {
	margin-top: 30px !important;
}
.content section > div div.mov {
	margin-top: 70px !important;
}
.content div.mov {
	width: 100%;
	padding-top: 56.25%;
}
.content .mov p {
    width: 90%;
    left: 5%;
    top: -62px;
    line-height: 1.3;
}
#dl_top .contInner .matfig {
	width: 75%;
	margin: 0 auto;
}
#dl_top .contInner .mattxt {
	width: 85%;
	margin: 0 auto;
	font-size: 90%;
}
#dl_top .contInner .matdlbtn {
	width: 100%;
	margin-top: 8px !important;
	margin-bottom: 16px;
}
#dl_top .contInner .matdlbtn a {
	margin: 1.3em auto;
	width: 100%;
}
#dl_top .contInner .matdlbtn a p {
    line-height: 2;
    font-size: 100%;
    letter-spacing: 0;
}
#dl_top .download:after {
    line-height: 2.1;
}
}


.cb{
	clear: both;
	margin: 0 auto 3em auto !important;
}
.cb a{
	font-weight: bold;
    font-size: 105%;
}
.border {
	border-top: 1px dotted  #999;
}
.content .blank:after {
    color: #155da0;
}