@charset "UTF-8";
/* --------------------------- */
/* PC and Mobile */
/* --------------------------- */
.content { padding-top: 0; }
.content .topBox .categoryNavi { position: absolute; width: 100%; left: 0; top: 0; z-index: 1; }
.content .topBox .categoryNavi ul { width: 960px; margin: 0 auto; padding: 25px 0; text-align: center; border-bottom: 1px solid #4d6381; }
.content .topBox .categoryNavi ul li { margin: 0 12px; display: inline-block; }
.content .topBox .categoryNavi ul li a { font-size: 1.5rem; color: #fff; font-weight: normal; padding-right: 20px; position: relative; opacity: 0.7; }
.content .topBox .categoryNavi ul li a:after { content: ""; width: 14px; height: 14px; background: url(/mt/common/img/ico_link05.svg) 0 0 / 100% auto no-repeat; position: absolute; top: 2px; right: 0; }
.content .topBox .categoryNavi ul li a:hover { opacity: 1; }
.content .topBox .contentIn { color: #fff; text-align: center; }
.content .topBox .contentIn .headingArea h1 { display: block; line-height: 1; }
.content .topBox .txtUl li img { margin: 0 auto; max-width: 70px;}
.content .topBox .txtUl li .ttl { font-size: 2.4rem; font-weight: bold; line-height: 1; }
.content .topBox .txtUl li span { display: block; font-size: 1.3rem; line-height: 1.8; }
.content h3,
.content h2 { margin: 0; }
.content p { margin-top: 0; }
.content ul { margin: 0; }
.content .inner .txtBox h3 { margin: 0 0 40px; font-size: 2.4rem; line-height: 1; }
.content .inner .txtBox p { margin: 0 0 35px; line-height: 1.6; }
.content .inner .txtBox .name { font-size: 12px; line-height: 1; text-align: right; }
.content .inner .txtBox .name span { margin-top: 15px; display: block; }
.content .network { margin-bottom: 80px; }
.content .network h2 { text-align: center; }
.content .network .txt { text-align: center; }
.content .network .textImg { text-align: center; }
.content .network .textImg img { max-width: 960px; }
.content .network .l_txt { text-align: center; margin-bottom: 80px;}
.content .network h3 { padding-bottom: 20px; margin-bottom: 40px; font-size: 2.2rem; border-bottom: 2px solid #bbbabf; }
.content .network h3 span { padding-left: 10px; display: block; line-height: 1; border-left: 3px solid #1d2088; }
.content .network .mapBox .map iframe { display: block; }
.content .network .mapBox .map span { margin-top: 15px; display: block; font-size: 1.4rem; }
.content .network .mapBox .txtBox .text { line-height: 2.5; font-size: 1.6rem; }
.content .network .mapBox .txtBox .ttl { font-size: 1.6rem; font-weight: bold; }
.content .network .mapBox .txtBox .txtUl li { margin-top: 18px; font-size: 1.4rem; line-height: 1.6; }
.content .network .mapBox .txtBox .txtUl li:first-child { margin: 0; }
.content .network .com_title{ border-bottom: none; font-size: 28px; font-weight: bold; color: #073190; text-align: center; padding-bottom: 0;}
.content .network .com_txt{ margin-bottom: 55px; margin-top: 32px;}
.container01 img:first-child{padding-right: 14px;}
.container02 img:first-child{padding-right: 7px;}
.container02 > a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.content .network .com_h2{font-weight: normal;}
.content .network .leadText { font-size: 24px; text-align: center; }
.content .network .overflowText { letter-spacing: -0.01em; }
.cb_left{padding-right: 14px; width: 470px; display: inline-block; margin-bottom: 80px;}
.cb_right{ width: 470px; display: inline-block;vertical-align: top;}
h3.fc_white { color: #fff; }
p.fc_white { color: #fff; }

.pc { display: block !important; }
.sp { display: none !important; }
img.pc.mg_l { margin-left: auto; }


@media screen and (max-width: 540px) {
	/* --------------------------- */
	/* Mobile */
	/* --------------------------- */
	.content .topBox .categoryNavi ul { width: 87.4666%; padding: 35px 0 30px; }
	.content .topBox .categoryNavi ul li { margin: 8px 12px 0; }
	.content .topBox .categoryNavi ul li:nth-child(-n+3) { margin-top: 0;}
	.content .topBox .categoryNavi ul li a { font-size: 1.3rem; padding-right: 20px; }
	.content .topBox .categoryNavi ul li a:after { width: 12px; height: 12px; }
	.content .topBox { margin-bottom: 40px; position: relative; }
	.content .topBox .contentIn .headingArea { margin-bottom: 35px; padding: 140px 20px 0; font-size: 2rem; min-height: 360px; background: #001f4b url(../images/company/sp_top_bg.jpg) no-repeat center bottom; background-size: 100% auto; }
	.content .topBox .contentIn .headingArea h1 { margin: 55px 0 20px; font-size: 1.5rem; }
	.content .topBox .contentIn .headingArea h2 { font-size: 2rem; }
	.content .topBox .txtUl { margin: 0 20px; }
	.content .topBox .txtUl li { margin-top: 15px; color: #3b3b4b; }
	.content .topBox .txtUl li:first-child { margin: 0; }
	.content .topBox .txtUl li .ttl { margin: 5px 0 15px; color: #073190; }
	.content .inner { margin-bottom: 70px; padding: 385px 22px 70px; background: #fff url(../images/company/sp_bg02_20200427.jpg) no-repeat left top; background-size: 100% auto; }
	.content .inner h3 { text-align: center; }
	.content .inner .txtBox .name { margin: 30px 15px 0 0; }
	.content .network { margin: 0 24px 70px; }
	.content .network h2 { margin-bottom: 16px; font-size: 2.2rem; line-height: 1.5; }
	.content .network .leadText { font-size: 17px; line-height: 1.5; margin-bottom: 20px; }
	.content .network .overflowText { font-size: 15px; line-height: 1.6; letter-spacing: 0; }


	.content .network .h2Ttl { margin-bottom: 40px; }
	.content .network .textImg img { width: 100%; }
	.content .network .txt { margin-bottom: 40px; line-height: 1.5; }
	.content .network .textImg { margin-bottom: 14px; }
	.content .network .container { margin-bottom: 15px; }
	.content .network .container01 { margin-bottom: 50px; }
	.content .network .mapBox .txtBox .text { margin-bottom: 25px; }
	.content .network .mapBox .map { margin-bottom: 40px; }
	.content .network .mapBox .map span { text-align: center; }
	.content .network .mapBox .txtBox .ttl { margin-bottom: 30px; }
	.content .network .com_title{font-size: 18px; margin-bottom: 20px;}
	.container01 img:first-child{padding-right: 0; margin-bottom: 14px;}
	.container02 img:first-child{padding-right: 0; margin-bottom: 14px;}
	.content .network .l_txt {font-size: 1.2rem;}
	.content .network .com_txt{ margin-bottom: 50px;}
	.content .network .com_txt2{margin-bottom: 50px;}
	.cb_left{ margin-bottom: 26px; padding-right: 0; width: 100%;}
	.cb_right{ width: 100%;}

.globaltag {
    margin-bottom: 40px!important;
}
.tabBody01 .tabcont .onoff {
    padding: 0;
    margin: 0 0 10px;
    position: relative;
    width: 100%;
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.tabBody01 .tabcont .onoff:after {
    content: "";
    display: block;
    padding-top: 52%;
}
.tabBody01 .tabcont .onoff li {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.tabBody01 .tabcont .onoff li img {
    z-index: 15;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.tabBody01 .tabcont .onoff li span.disnon {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    display: none;
	z-index: 10;
}

.tabBody01 .tabcont .onoff li.on , .tabBody01 .tabcont .onoff li.off{
	display:none;
}
.tabBody01 .tabcont.bg01 .onoff{
	background-image:url(../images/company/tabimg01.png);
}
.tabBody01 .tabcont.bg02 .onoff{
	background-image:url(../images/company/tabimg02.png);
}
.tabBody01 .tabcont.bg03 .onoff{
	background-image:url(../images/company/tabimg03.png);
}
.tabBody01 .tabcont.bg04 .onoff{
	background-image:url(../images/company/tabimg04.png);
}
.tabBody01 .tabcont.bg05 .onoff{
	background-image:url(../images/company/tabimg05.png);
}
.tabBody01 .tabcont.bg06 .onoff{
	background-image:url(../images/company/tabimg06.png);
}
.tabBody01 .tabcont.bg07 .onoff{
	background-image:url(../images/company/tabimg07.png);
}
.disp{
	display:block!important;
}
.tabBody01 .tabcont .onoff li.on.disp .disnon{
	display:block!important;
}
.line_btn {
    overflow: hidden;
    text-align: center;
}
.line_btn .btn {
    display: inline-block;
    font-size: 12px;
}
.line_btn .btn p {
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
}
.line_btn .btn ul {
    overflow: hidden;
}
.line_btn .btn ul li {
    float: left;
    margin-right: 10px;
    padding-left: 20px;
    background-image: url(../images/company/lineicon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px;
}
.line_btn .btn ul li.onbtn.disp{
	background-image:url(../images/company/onicon.png);
}
.line_btn .btn ul li.offbtn.disp{
	background-image:url(../images/company/officon.png);
}
.line_btn .btn ul li:last-child {
    margin-right: 0;
}
.line_btn .btn ul li:hover {
    opacity: 0.7;
	cursor:pointer;
}
.tabBody01 .tabcont .onoff.alldisplay li.on,
.tabBody01 .tabcont .onoff.alldisplay li.on .disnon,
.tabBody01 .tabcont .onoff.alldisplay li.off {
    display: block;
}



h3.fc_white { color: #2c2c38; }
p.fc_white { color: #2c2c38; }

.pc { display: none !important; }
.sp { display: block !important; }

img.sp.mg_l { margin-left: auto; }



}
@media print, screen and (min-width: 541px) {
	/* --------------------------- */
	/* PC */
	/* --------------------------- */
	.content .topBox { min-height: 1020px; }
	.content .topBox { position: relative; background: #001f4b url(/common/lower/company/img/top_bg.jpg) no-repeat center bottom; background-size: 100% auto; }
	.content .topBox .contentIn { padding: 165px 0; }
	.content .topBox .contentIn { padding-top: 116px; }
	.content .network h2 { color: #3b4650; font-size: 3.6rem; line-height: 1.6; }
	.content .topBox .contentIn .headingArea h1 { margin: 0 0 30px; font-size: 1.8rem; }
	.content .topBox .contentIn .headingArea h2 { margin-bottom: 45px; font-size: 3rem; line-height: 1.6; }
	.content .topBox .txtUl { margin: 0 -42px 0 0; }
	.content .topBox .txtUl li { padding: 0 40px; float: left; width: 254px; }
	.content .topBox .txtUl li .ttl { margin: 15px 0 20px; }
	.content .inner { margin-bottom: 80px; padding: 60px 0; background: url(/common/lower/company/img/bg02_20200427.jpg) no-repeat center center; background-size: cover; }
	.content .inner .txtBox { width: 616px; }
	.content .inner .txtBox .name { margin: 50px 0 0; }
	.content .network .txt { font-size: 15px; line-height: 1.92; margin: 14px 0 80px; }
	.content .network .textImg { margin-bottom: 45px; }
	.content .network .container { margin-bottom: 30px; }
	.content .network .container01 { margin-bottom: 55px; }
	.content .network .mapBox .txtBox { float: left; width: 635px; }
	.content .network .mapBox .map { float: right; width: 240px; }
	.content .network .h2Ttl { margin-bottom: 55px; }
	.content .network .mapBox .txtBox .text { margin-bottom: 50px; }
	.content .network .mapBox .map span { text-align: right; }
	.content .network .mapBox .txtBox .ttl { margin-bottom: 35px; }


.globaltag {
    margin-bottom: 70px!important;
}
.globaltag .tabBtnList01 li.active {
    color: #0874c6;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.tabBody01 .tabcont .onoff {
    padding: 0;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
    height: 500px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.tabBody01 .tabcont .onoff li {
    position: absolute;
    width: 100%;
    height: 500px;
    top: 0;
    left: 0;
}
.tabBody01 .tabcont .onoff li img {
    z-index: 15;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
}
.tabBody01 .tabcont .onoff li.on .line {
    position: absolute;
    width: 100%;
    height: 500px;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
}
.tabBody01 .tabcont .onoff li.on .line img {
    width: auto!important;
    height: auto!important;
    max-width: inherit!important;
}
.tabBody01 .tabcont .onoff li.on , .tabBody01 .tabcont .onoff li.off{
	display:none;
}
.tabBody01 .tabcont.bg01 .onoff{
	background-image:url(../images/company/tabimg01.png);
}
.tabBody01 .tabcont.bg02 .onoff{
	background-image:url(../images/company/tabimg02.png);
}
.tabBody01 .tabcont.bg03 .onoff{
	background-image:url(../images/company/tabimg03.png);
}
.tabBody01 .tabcont.bg04 .onoff{
	background-image:url(../images/company/tabimg04.png);
}
.tabBody01 .tabcont.bg05 .onoff{
	background-image:url(../images/company/tabimg05.png);
}
.tabBody01 .tabcont.bg06 .onoff{
	background-image:url(../images/company/tabimg06.png);
}
.tabBody01 .tabcont.bg07 .onoff{
	background-image:url(../images/company/tabimg07.png);
}
.disp{
	display:block!important;
}
.line_btn {
    overflow: hidden;
}
.line_btn .btn {
    float: right;
}
.line_btn .btn p {
    float: left;
    margin-right: 15px;
}
.line_btn .btn ul {
    overflow: hidden;
}
.line_btn .btn ul li {
    float: left;
    margin-right: 20px;
    padding-left: 30px;
    background-image: url(../images/company/lineicon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
}
.line_btn .btn ul li.onbtn.disp{
	background-image:url(../images/company/onicon.png);
}
.line_btn .btn ul li.offbtn.disp{
	background-image:url(../images/company/officon.png);
}
.line_btn .btn ul li:last-child {
    margin-right: 0;
}
.line_btn .btn ul li:hover {
    opacity: 0.7;
	cursor:pointer;
}

}