<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
font-family:'montserrat';
src: url('font/montserrat/Montserrat-Regular.ttf') format('truetype');
}
/*
1442
1044
1023
767
419
*/

/************************************************ å…±é€šè¨­å®š ************************************************/
body {background: #fff; font: 12px "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; color:#333333; margin: 0px; padding: 0px; line-height:1.2em; -webkit-font-smoothing: antialiased;}
div,h1,h2,h3,h4,ul,li,dl,dt,dd,img {margin: 0px; padding: 0px;}
ul {list-style: none; margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}
a,a:visited {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a img {border-style:none;}
img {max-width:100%;}
sup {font-size:50%;}
*::before, *{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.clearfix {clear:both;}
.clearfix:after {clear:both;  content: " ";}
.clearfix:before {clear:both;}

/*.wrap {background:url(img/bg1.jpg) no-repeat center center; background-size:cover;}*/
.wrap {width:100vw; overflow-x:hidden; position:relative;}
.content {width:750px; margin:0px auto; }
@media (max-width: 1066px){ .content {width:656px;} }
@media (max-width: 735px){ .content {width:100%; padding: 0px 15px; box-sizing:border-box;} }

.content_head {width:1200px; margin:0px auto;}
.w10 {margin:0px auto; width:10%;} .w20 {margin:0px auto; width:20%;} .w30 {margin:0px auto; width:30%;} .w40 {margin:0px auto; width:40%;} .w50 {margin:0px auto; width:50%;} .w60 {margin:0px auto; width:60%;} .w70 {margin:0px auto; width:70%;} .w80 {margin:0px auto; width:80%;} .w90 {margin:0px auto; width:90%;} .w100 {width:100%;}

/************************************************ header ************************************************/
.header_area {width:100%; height:auto; overflow:hidden; }
.header_area.on {height:40px;}
.header_area.off {height:0px;}
.header_area .header { width:100%; height:60px; padding: 1em 0em; margin-top:0px; box-sizing:border-box;}
.header_area .header.on {margin-top:-40px;}
.header_area .header_cta {display:inline-block; float:right;}
.header_area .header_cta img {height:75px; margin-left:1px;}
.header_home {position:absolute; top:0px; left:0px; width:100%; z-index:500;background: #fff;}
.header_home.page {position:static;}
.header_home.on {position:fixed; top:0px;}
.header_page {position:fixed; top:0px; left:0px; width:100%; z-index:500;}



.subheader_area { width:100%; height:36px; padding: 4px 0em 6px 0em; background:#f2f2f2; z-index:500;}
.wrap.on .subheader_area {position:fixed; top:0px; left:0px;} 
.subheader { margin: 0px auto; width:1200px; position:relative;}
.subheader .pagetitle {width:30%;}
.subheader .pagetitle h1{font-size:18px; padding: 12px 0em 0px 0em; font-weight:normal;}
.subheader .pagetitle h1 .small {font-size:12px;}
.subheader .contentmenu { position:absolute; top:7px; right:0px; width:70%; font-size:12px; padding: 6px 0em; text-align:right;}
.subheader .contentmenu span {color:#aaa; padding: 6px 1em;}
.subheader .contentmenu a {color:#000; padding: 6px 1em;}
.subheader .contentmenu a.btn {display:inline-block; background:#000; padding: 6px 1em; color:#fff; margin-left:1em; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
@media (max-width: 1442px){ .subheader {width:980px;} }
@media (max-width: 1044px){ .subheader {width:880px;} }
@media (max-width: 976px){
	.subheader {width:100%; padding: 0px 15px; box-sizing:border-box;}
	.subheader .pagetitle {width:100%;}
	.subheader .contentmenu {width:100%; top:50px; right:0px; background:#f2f2f2; text-align:left; box-sizing:border-box;}
}

/************************************************ nav ************************************************/
.header_area .logo {display:inline-block; float:left;}
.header_area .logo.display {display:none;}
.header_area .logo img { width: 140px;padding-top: 3px;}
.header_area .pc_social { float:right;}
.header_area .pc_social.display {display:none;}
.header_area .pc_social img { height:16px; padding: 9px 9px 6px 9px; }

.navbtnbox {width:15%; height:80px; position:absolute; top:0px; right:0px;}
.navbtn {display:block; width:50px; height:50px; position:absolute; top:15px; right:15px; padding: 10px; box-sizing:border-box;}
.navbtn .navbrarea { width:30px; height:30px; position:relative;}
.navbtn .navbr1 { position:absolute; top:8px; left:0px; width:100%; height:1px; border-top:solid #000 1px; transition: all 500ms 0s ease;}
.navbtn .navbr2 { position:absolute; bottom:8px; left:0px; width:100%; height:1px; border-top:solid #000 1px; transition: all 500ms 0s ease;}

/*
.navbtn.on .navbr1 { top:15px; left:4px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.navbtn.on .navbr2 { top:15px; left:4px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
*/
.navbtn.on .navbr1 { top:15px; left:4px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.navbtn.on .navbr2 { top:15px; left:4px; -moz-transform: rotate(-140deg); -webkit-transform: rotate(-140deg); -o-transform: rotate(-140deg); -ms-transform: rotate(-140deg); }
/*
.navbtn.on .navbr1 { top:15px; left:4px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.navbtn.on .navbr2 { top:15px; left:4px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
*/
/*
.navbtn.on .navbr1 { top:15px; left:4px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.navbtn.on .navbr2 { top:15px; left:4px; -moz-transform: rotate(-140deg); -webkit-transform: rotate(-140deg); -o-transform: rotate(-140deg); -ms-transform: rotate(-140deg); }
*/


.nav_area{ position:absolute; top:0px; left:0%; width:100%; height:40px; margin: 0px auto 0px auto; line-height:40px; text-align:right; transition: all 300ms 0s ease; padding: 10px 0;}
.nav_area.on { margin: 0px auto 0px auto; background:#fff;}
.nav_area.display {}
.nav_area.display2 { background:#fff;}

.nav {width:100%;max-width:1200px; margin:0px auto;  }
.nav ul.mainmenu {text-align:center; padding: 0px 13px 0px 0px; height:auto; overflow:hidden; display: inline-block;}
.nav ul.mainmenu a {text-decoration:none;}
.nav ul.mainmenu li {display:inline-block; font-family:"Helvetica Neue", "Helvetica", "Arial", sans-serif; position:relative; width:auto;}
.nav ul.mainmenu li span {display:block; text-align:center; margin: 0px; font-size:13px; height:40px; line-height:40px; text-decoration:none; padding:0em 5.2em; color:#aaa; box-sizing:border-box;}
.nav ul.mainmenu li span.on {font-weight:normal;}
.nav ul.mainmenu li a span {color:#000;}
.nav ul.mainmenu li a:hover {}

@media (max-width: 1442px){
	
	.nav ul.mainmenu li span {padding:0 0 0 3.8em;}
}
@media (max-width: 1044px){
	.nav {width:880px;}
	.nav ul.mainmenu li span {padding:0 0 0 3.8em;}
}
@media (max-width: 976px){
	.mainmenu{ padding-left:20px;}
	.nav {width:100%; padding: 0px 15px; box-sizing:border-box;}
	.nav ul.mainmenu li span {padding:0 0 0 2.8em;}
}
@media (max-width: 767px){
/*	.pc_social{display:none;}*/
	.header_area .pc_social img {padding:3px;}
	.nav ul.mainmenu {padding: 0px 6px 0px 0px;}
	.nav ul.mainmenu li span {font-size:10px;}
	.nav ul.mainmenu li span {padding:0em 1.0em;}
}


	
.nav ul.submenu { position:absolute; top:80px; left:0px; width:200px; z-index:2000; display:none;}
.nav ul.submenu.on { display:block; }
.nav ul.submenu li { background:#fff; height:50px; line-height:50px; padding:0px; margin: 0px 2%; display:block; width:200px;}
.nav ul.submenu li a {padding: 0em; font-size:1.0em; color:#000; line-height:50px; font-weight:normal; margin:0px; display:block; height:50px; width:100%; text-align: center;}

.header_home .nav ul.submenu li {background:#fff;}

@media (max-width: 1350px){
	.navbtnbox {width:80px;}
}


.sp_social{display:none;}

/************************************************ mainimg ************************************************/
.mainimg_area {width:100vw; position:relative;}
/*.mainimg { position:relative; top:0%; left:0%; width:100vw; height:100vh; margin:0px auto; text-align:left; overflow:hidden; }*/
.mainimg { width:100vw; height:80vh; margin:0px auto; text-align:left; overflow:hidden; }
.mainimg .home_logo { position:absolute; top:15px; left:15px; width:178px; }
.mainimg .home_logo img { width:100%; }
.mainimg .home_nav { position:absolute; top:15px; right:15px; width:50px; }
.mainimg .home_nav:before {content:"â‰¡"; color:#b5a584; font-size:50px;}
.mainimg .home_bg {position:absolute; top:0px; left:0px; width:100vw; height:80vh; z-index: -1000;background-image:url(../img/mainimg_top.png);background-size:cover;background-position:center;box-sizing:border-box}
.mainimg .scrollerbox {position:absolute; bottom:50px; left:0px; width:100vw; height:80px; text-align:center;}
.mainimg .scrollerbox .scroller { width:80px; height:80px; margin:0px auto;}
.mainimg .scrollerbox .scroller img {width:40px; height:40px; padding: 20px; opacity:0.4;}
.mainimg .scrollerbox .scroller:hover {}
.mainimg .scrollerbox .scroller:hover img {opacity:1.0;}
@media (max-width: 600px){ .mainimg .home_bg {height:100%;} }
/*
video.bg_image {position:absolute; top:0px; right:0px; width:100%; z-index:-1000;}
img.bg_image {position:absolute; top:0px; right:0px; width:100%; z-index:-1000;}
*/
/*position:absolute; top:0px; left:0px; width:100vw; height:100%;*/
.bg_image {min-width:100vw;z-index:-1000; }

.mainimg .home_image {}

.mainimg h2 {color:#000; font-size:2.0em; line-height:1.8em; padding: 0.2em; letter-spacing:-1px;}
.maintxt { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 364px; max-width: 100%; height: 201px; }

.sub_bloc.contents_margin { padding: 80px 0px;}
.sub_bloc.contents_margin2 { padding: 80px 0px;}
.sub_bloc.first {padding: 80px 0px 0px 0px;}
.sub_bloc.first.firsttext {padding: 160px 0px 0px 0px;}

@media (max-width: 1442px){ .sub_bloc.contents_margin { padding: 80px 0px;} .sub_bloc.contents_margin2 { padding: 80px 0px;} .sub_bloc.first {padding: 60px 0px 0px 0px;} .sub_bloc.first.firsttext {padding: 120px 0px 0px 0px;}}
@media (max-width: 1044px){ .sub_bloc.contents_margin { padding: 60px 0px;} .sub_bloc.contents_margin2 { padding: 60px 0px;} .sub_bloc.first {padding: 40px 0px 0px 0px;} .sub_bloc.first.firsttext {padding: 80px 0px 0px 0px;}}
@media (max-width: 976px){ .sub_bloc.contents_margin { padding: 40px 0px;} .sub_bloc.contents_margin2 { padding: 40px 0px;} .sub_bloc.first {padding: 30px 0px 0px 0px;} .sub_bloc.first.firsttext {padding: 60px 0px 0px 0px;}}

/************************************************ contents ************************************************/
.contents_area {width:100%; margin: 0px auto; background:#fff; position:relative; }

@media (max-width: 976px){ .contents_area {width:100%; padding: 0px 15px; box-sizing:border-box;} }

.text-white {color:#fff;}
.contents_area.mainimage {position:relative; width:100%;max-width: 100%; height:80vh; overflow:hidden; text-align:center; background-size:cover; background-position:center top; padding-top:35vh; box-sizing:border-box;}
.contents_area.mainimage.h60 {height:50vh; padding-top:25vh;}
.contents_area.mainimage.up {padding-top:7vh;}
.contents_area.mainimage h2 {font-size:36px; font-weight:normal; line-height:2.0em; letter-spacing:2px; padding-bottom:1em; box-sizing:border-box;  margin-top: 60px; color: #000;}/*padding-bottom:5em; box-sizing:border-box;*/
.contents_area.mainimage h2 span.title{font-size:110%;}
.contents_area.mainimage h3 {font-size:1.2em; line-height:1.8em; letter-spacing:1px; padding-top:1em;}
.contents_area.mainimage p {font-size:1.2em; line-height:1.8em; letter-spacing:1px; padding-top:1em;}
.contents_area.mainimage img {position:absolute; top:0%; left:0%; min-width:100%; min-height:100%; max-width:initial;}
.contents_area.mainimage .content_cover { position:static; width:100%; }
.contents_area.mainimage.left {text-align:left;}
.contents_area.mainimage.right {text-align:left; padding-left:68%; box-sizing:border-box;}
.contents_area.mainimage.right .content_cover { width:40%; }
.contents_area.mainimage .content {width:1200px; margin:0px auto;}

.contents_area.mainimage.contact_information h2 {color:#fff;}
.contents_area.mainimage.contact_media h2 {color:#fff;}
.contents_area.mainimage.press_info h2 {color:#000; font-size:80px; font-weight:100; line-height:1.2em; padding-bottom:0.2em; }
.contents_area.mainimage.press_event h2 {color:#000; font-size:80px; font-weight:100; line-height:1.2em; padding:0px; }
.contents_area.mainimage.press_event h3 {color:#000; font-size:31px; font-weight:200; line-height:1.6em;}
.sub_bloc .media_content dt.media_last, .sub_bloc .media_content dd.media_last {margin-bottom: 100px;}


/*é«˜ã•ã§å¾®èª¿æ•´*/
@media screen and (max-height: 1500px) {
	.contents_area.mainimage h2 {margin-top: 0px;}
	.contents_area.mainimage.h60 h2 {margin-top: 0px;}
	.contents_area.mainimage.business_index h2 {color:#000;}
} 
@media screen and (max-height: 1300px) {
	.contents_area.mainimage h2 {margin-top: 0px;}
	.contents_area.mainimage.h60 h2 {margin-top: 0px;}
} 
@media screen and (max-height: 1100px) {
	.contents_area.mainimage h2 {margin-top: 0px;}
	.contents_area.mainimage.h60 h2 {margin-top: 0px;}
}
@media screen and (max-height: 900px) {
	.contents_area.mainimage h2 {margin-top: 0px;}
	.contents_area.mainimage.h60 h2 {margin-top: 0px;}
} 
@media screen and (max-height: 700px) {
	.contents_area.mainimage h2 {margin-top: -10px;}
	.contents_area.mainimage.h60 h2 {margin-top: 0px;}
}
@media screen and (max-height: 500px) {
	.contents_area.mainimage h2 {margin-top: -30px;}
	.contents_area.mainimage.h60 h2 {margin-top: -20px;}
	.contents_area.mainimage.business_r h2 {color:#fff;}
	.contents_area.mainimage.press_event h2 {font-size:14px; line-height:1.2em; padding-top:80px;}
	.contents_area.mainimage.press_event h3 {font-size:12px; line-height:1.2em;}
	.contents_area.mainimage.press_event p {font-size:10px; line-height:1.0em;}
}
@media screen and (max-height: 300px) {
	.contents_area.mainimage h2 {margin-top: -30px;}
	.contents_area.mainimage.h60 h2 {margin-top: -20px;}
}



@media (max-width: 1442px){
	.contents_area.mainimage .content {width:980px;}
	.contents_area.mainimage h2{ font-size:24px;}
	.contents_area.mainimage.press_info h2 {font-size:60px;}
	.contents_area.mainimage.press_event h2 {font-size:60px;}
	.contents_area.mainimage.press_event h3 {font-size:24px;}
}
@media (max-width: 1044px){
	.contents_area.mainimage .content {width:760px;}
	.contents_area.mainimage h2{ font-size:24px; }
	.contents_area.mainimage.press_info h2 {font-size:48px; font-weight:200;}
	.contents_area.mainimage.press_event h2 {font-size:48px; font-weight:200;}
	.contents_area.mainimage.press_event h3 {font-size:20px;}
}
@media (max-width: 976px){
	.contents_area.mainimage .content {width:100%; padding: 0px 15px; box-sizing:border-box;}
	.contents_area.mainimage h2{ font-size:24px; }
	.contents_area.mainimage p {font-size:12px;}
	.contents_area.mainimage.press_info h2 {font-size:36px; font-weight:200;}
	.contents_area.mainimage.press_event h2 {font-size:36px; font-weight:200;}
	.contents_area.mainimage.press_event h3 {font-size:14px;}
}

/*ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼*/
.top_swiper {width:100%;margin-bottom: 80px;}
.top_swiper .swiper-container {width:100%;height:356px;}
@media (min-width: 1443px){
	.top_swiper .swiper-container {width:100%;height:436px;}
}
.top_swiper .swiper-wrapper {width:100%;}
.top_swiper .swiper-slide {width:100%;}
.top_swiper .swiper-slide img {}
.top_swiper .swiper-button-next, .top_swiper .swiper-container-rtl .swiper-button-prev {background-image:url(./img/slider_next.svg);}
.top_swiper .swiper-button-prev, .top_swiper .swiper-container-rtl .swiper-button-next {background-image:url(./img/slider_prev.svg);}
.top_swiper .swiper-pagination-bullet-active {background:#fff;}
.top_swiper .swiper-pagination-bullet {background:#fff;}
@media (max-width: 767px){
	.top_swiper .swiper-container {height:207px; }
}
/*.contents_area:nth-child(even) {background:rgba(0,0,0,0.06);}*/
.bloc1 .head_area {background:#efefef; padding:3em 0em;}
.bloc1 .content_head h2 {font-size:3em; line-height:1.4em; color:#000; text-align:center;}

.sub_bloc {width:100%; background:#fff; padding: 0em 3em; position:relative; box-sizing:border-box;}
@media (max-width: 976px){ .sub_bloc {width:100%; padding: 0px; box-sizing:border-box;} }


.sub_bloc h3 {font-size:2em; line-height:1.4em; font-weight:normal; color:#000; text-align:center; padding:0em 0em;}
.sub_bloc h4 {font-size:2.4em; line-height:1.4em; color:#000; text-align:center; padding: 2em 0em 0.5em 0em;}
.sub_bloc p {font-size:1.2em; line-height:2.4em; color:#000; text-align:left;}
.content-relative {position:relative;}
.sub_bloc img.areaimage {width:100%;}
.sub_bloc p.ta_left {text-align:left;}
.sub_bloc p.ta_center {text-align:center;}

.sub_bloc ul {font-size:1.4em; line-height:2.4em; color:#666; text-align:left;}
.sub_bloc ul li {}

.sub_bloc ul.check {padding: 0em 0em 2em 0em; text-align:left;}
.sub_bloc ul.check li {font-size:2.0em; line-height:3.0em; background:url(img/check.png) no-repeat left center; background-size: 1.4em auto; padding-left:2.0em; letter-spacing:0.1em;}
.sub_bloc ul.check li:before {content:"";}

.sub_bloc ul.check.sub li {font-size:1.4em; line-height:3.0em; background:url(img/check.png) no-repeat left center; background-size: 1.4em auto; padding-left:2.0em; letter-spacing:0.1em;}

.sub_bloc .flow_area {padding: 4em 0em;}
.sub_bloc .flow {font-size:2.0em; line-height:3.0em; text-align:center; border-bottom:solid #f00 3px;}
.sub_bloc .arrow {text-align:center; padding:2.5em 0em 1.5em 0em; font-size:16px; }

.sub_bloc .content_cover { position:absolute; top:35%; left:0%; width:100%; }
.sub_bloc.callto {background:#fff; color:#000;}
.sub_bloc.callto .content_cover{top:25%;}

/*.sub_bloc.category img {min-width:100%; min-height:100%; max-width:initial; width:120%; }*/
.sub_bloc.category img { }
.sub_bloc.category {height:360px; overflow:hidden; padding:0px; margin-bottom:2px;}
.sub_bloc.category .content_cover {top:45%;}
.sub_bloc.category h3 {color:#000; font-size:2em; font-family:"montserrat","Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; text-align:center; padding:0em; }
.sub_bloc.category p {color:#000; font-size:1.2em; font-family:"montserrat","Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:normal; text-align:center; }
.sub_bloc.category p a {color:#000; text-decoration:underline;}
.sub_bloc.category.callto h3 { padding-bottom:0.4em; color:#000;}
.sub_bloc.category.callto p { line-height:1.8em; color:#000;}
.sub_bloc.category.callto p a {color:#000;}
.sub_bloc.category .cta.btn { display: block; margin:15px auto; }
.sub_bloc.category .cta.btn a {border-radius:6px;}
/*.sub_bloc.category.last {margin-bottom:50px;}*/
.contents_area.last {margin-bottom:50px;}


.sub_bloc.category2 img {}
.sub_bloc.category2 {height:360px; overflow:hidden; padding:0px; margin-bottom:2px;}
.sub_bloc.category2 .left {padding:0px; overflow:hidden;}
.sub_bloc.category2 .right {padding: 0px 0px 0px 2px; box-sizing:border-box;}
.sub_bloc.category2 .content_cover {top:45%;}
.sub_bloc.category2 h3 {color:#000; font-size:2em; font-family:"montserrat","Helvetica Neue", "Helvetica", "Arial", sans-serif; text-align:center; padding:0em; }
.sub_bloc.category2 p {color:#000; font-size:1.4em; font-family:"montserrat","Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:normal; text-align:center; }
.sub_bloc.category2 p a {color:#000; text-decoration:underline;}

@media (max-width: 1442px){
	.sub_bloc.category {height:360px;}
	.sub_bloc.category2 {height:360px;}
	.sub_bloc.category2 .left {height:360px;}
	.sub_bloc.category2 .right {height:360px;}
}
@media (max-width: 1044px){
	.sub_bloc.category {height:300px;}
	.sub_bloc.category2 {height:300px;}
	.sub_bloc.category2 .left {height:300px;}
	.sub_bloc.category2 .right {height:300px;}
}
@media (max-width: 976px){
	.sub_bloc.category {height:240px;}
	.sub_bloc.category2 {height:240px;}
	.sub_bloc.category2 .left {height:240px;}
	.sub_bloc.category2 .right {height:240px;}
}
@media (max-width: 767px){
	.sub_bloc.category {height:200px;}
	.sub_bloc.category2 {height:200px;}
	.sub_bloc.category2 .left {height:200px;}
	.sub_bloc.category2 .right {height:200px;}
}


.sub_bloc.pagecagtegory img {min-width:100%; min-height:100%; max-width:initial;}
.sub_bloc.pagecagtegory.newsarticle img {width:auto; height:auto;}
.sub_bloc.pagecagtegory {height:400px; overflow:hidden; margin:30px auto; width:1200px; padding: 0.1em 0em;}
.sub_bloc.pagecagtegory.first {margin: 150px auto 30px auto;}
.sub_bloc.pagecagtegory h3 {color:#fff; font-size:3em; font-family:"montserrat","Helvetica Neue", "Helvetica", "Arial", sans-serif; text-align:center; padding:0em; }
.sub_bloc.pagecagtegory p {color:#fff; font-size:1.4em; font-family:"montserrat","Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:normal; text-align:center; }
.sub_bloc.pagecagtegory p a {color:#fff; text-decoration:underline;}
.sub_bloc.pagecagtegory a:hover h3,.sub_bloc.pagecagtegory a:hover p { color:#ddd;}

.bg0 {background-color:#fff;}
.bg1 {background-color:#d0cfcd;}
.bg2 {background-color:#aa8154;}
.bg3 {background-color:#514e4e;}
.bg4 {background-color:#666;}
.bg5 {background-color:#888;}
.bg6 {background-color:#aaa;}
.bg7 {background-color:#ccc;}
.bg8 {background-color:#eee;}

.sub_bloc .title { font-size:24px; font-weight:normal; line-height:1.4em; }
.sub_bloc .title-left { font-size:24px; font-weight:normal; line-height:1.4em; text-align:left; }
.sub_bloc .subtitle-left { font-size:20px; font-weight:normal; line-height:1.4em; text-align:left; }
.sub_bloc .title a {color:#000;}
.sub_bloc .center_title {  font-size:24px; font-weight:normal; padding: 2em 0em 2em 0em; line-height:1.4em; text-align:center;}
.sub_bloc .text-center {text-align:center;}
.sub_bloc .center_title small {font-size:16px;}

.sub_bloc .left { width:50%; height:360px; float:left; position:relative; }
.sub_bloc .right { width:50%; height:360px; float:right; position:relative; }
.sub_bloc .left .content_cover {top:45%;}
.sub_bloc .right .content_cover {top:45%;}

@media (max-width: 1044px){
	.sub_bloc .left {padding: 0px 15px; box-sizing:border-box;}
	.sub_bloc .right {padding: 0px 15px; box-sizing:border-box;}
}
@media (max-width: 767px){
	.sub_bloc .left {width:100%; float:none;}
	.sub_bloc .right {width:100%; float:none;}
}

/* home-&gt;news */
.sub_bloc.news {height:auto; overflow:hidden; padding: 150px 0px;}
.sub_bloc .news_left {float:left; width:35%; }
.sub_bloc .news_left h3 {color:#000; padding:0em; font-size:2em; text-align:left; font-family: "montserrat","Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}
.sub_bloc .news_right {float:right; width:60%; color:#000;}
.sub_bloc .news_right a {color:#000;}
.sub_bloc .news_right dl {}
.sub_bloc .news_right dt {font-size:16px; line-height:1.0em; color:#000; margin-bottom:0.5em;}
.sub_bloc .news_right dd {font-size:14px; line-height:1.4em; color:#000; margin-bottom:1.5em;}
.sub_bloc .news_right dd .newsbr{display:inline-block; padding-top:0.5em;}
.sub_bloc .morebtn {display:inline-block; font-size:14px; padding-top:1em;}

.sub_bloc.social {height:400px; overflow:hidden; padding-top:150px;}
.sub_bloc.social .content {text-align:center;}
.sub_bloc.social img {width:40px; min-width:0; min-height:0; margin: 0px 20px;}

.sub_bloc .content_left {float:left; width:35%; }
.sub_bloc .content_right {float:right; width:55%;}
.sub_bloc .content2_left {float:left; width:30%; }
.sub_bloc .content2_right {float:right; width:58%;}

@media (max-width: 976px){
	.sub_bloc .content_left {float:none; width:100%; }
	.sub_bloc .content_right {float:none; width:100%; }
	.sub_bloc .content2_left {float:none; width:100%; }
	.sub_bloc .content2_left img {width:300px; }
	.sub_bloc .content2_right {float:none; width:100%; }
}


.content_image {text-align:center;}
 
/* company */
.sub_bloc dl.company {}
.sub_bloc dl.company dt { font-size:1.1em; line-height:1.8em; display:block; width:33%; float:left; clear:both;}
.sub_bloc dl.company dd {font-size:1.1em; line-height:1.8em; margin-bottom:1em; display:block; width:63%; float:right; }
@media (max-width: 767px){
	.sub_bloc dl.company dt {width:100%; font-weight:bold;}
	.sub_bloc dl.company dd {width:100%; }
}
/* history */
.sub_bloc dl.history {}
.sub_bloc dl.history dt { font-size:1.1em; line-height:1.8em; display:block; width:33%; float:left; clear:both;}
.sub_bloc dl.history dd {font-size:1.1em; line-height:1.8em; margin-bottom:1em; display:block; width:63%; float:right; }
@media (max-width: 767px){
	.sub_bloc dl.history dt {width:100%; font-weight:bold;}
	.sub_bloc dl.history dd {width:100%; }
}

/* group */
.group .content2_right .title {padding-bottom:0.6em;}
.group img { width:100%; }
.sub_bloc.contents_margin.group_last .content2_right {margin-bottom: 100px;}

/*about*/
/*.office_map {width:100%; height:450px;}*/
.sub_bloc.contents_margin.about_last .content_right {margin-bottom: 100px;}

.sub_bloc .content_left.map_left {width:100%; float:none; text-align:center; padding-top:2em;}
.sub_bloc .content_right.map_right {width:100%; float:none; text-align:center; padding-top:2em;}
#map { width:100%; height:450px;}
.content.map_content {width:100%;}
.contents_area.mainimage.h60.abouttop {padding-top:0px;position:relative; }
.abouttop .headcover {position:absolute;top:0px;left:0px;width:100%;height:100%;}
.abouttop .headcover img {position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;width:364px;height:201px;min-width:364px;min-height:201px;max-width:364px;max-height:201px;}
@media (max-width: 400px){
	.abouttop .headcover img { width:80%;min-width:80%;height:auto;min-height:1px;max-width:80%;max-height:100%; }
}

/*about -&gt; message*/
.sign {float:right; padding-top:25px; padding-bottom:50px; }
/*about -&gt; brand*/
.brandimage {padding:50px 0px;}

/*about -&gt; group*/
.group .group_title {width:250px; margin: 0px auto 80px auto;}
.group .group_title img {width:250px; height:250px;}
.sub_bloc .group p a {color:#000; text-decoration:underline; line-height:3.0em;}


/* cotoha */
.sub_bloc .series_images { min-width:0; width:80%; margin: 5em 10% 5em 10%;}

/* item */
.itemlist {width:100%; margin: 0px 0px;}
.itemlist .item { display:block; background:#fafafa; padding:1em; margin:1%; width: 48%; height:300px; float:left; box-sizing:border-box; text-align:center; background-size:cover; }
.itemlist .item .rabel{ float:right; display:inline-block; border:solid #ccc 1px; padding:2px; color:#ccc; }
.itemlist .item h3 { clear:right; padding: 70px 0px 20px 0px; }
.itemlist .item p { clear:right; text-align:center;}

.itemlist .itemw { display:block; background:#fafafa; padding:1em; margin:1%; width: 98%; height:300px; float:left; box-sizing:border-box; text-align:center; background-size:cover; }
.itemlist .itemw .rabel{ float:right; display:inline-block; border:solid #ccc 1px; padding:2px; color:#ccc; }
.itemlist .itemw h3 { clear:right; padding: 70px 0px 20px 0px; }
.itemlist .itemw p { clear:right; text-align:center;}

/* textlist */
.textlist {width:100%; margin: 0px 0px;}
.textlist .item { display:block; background:#fafafa; padding:1em; margin:1%; width: 48%; height:300px; float:left; box-sizing:border-box; text-align:center; background-size:cover; }
.textlist .item .rabel{ float:right; display:inline-block; border:solid #ccc 1px; padding:2px; color:#ccc; }
.textlist .item h3 { clear:right; padding: 70px 0px 20px 0px; }
.textlist .item p { clear:right; text-align:center;}


/* outline */
.outline h3 {text-align:center;}
.sub_bloc .outline dl { margin-top:50px;}
.sub_bloc .outline dl dt { font-size:1.4em; line-height:2.8em; display:block; width:33%; float:left; clear:left; color:#787878; }
.sub_bloc .outline dl dd {font-size:1.1em; line-height:2.8em; display:block; width:65%; float:left;  color:#787878; }
.more {text-align:center;}
.more .btn { display:inline-block; background:#000; color:#fff; padding:1em 2em; font-size:1.4em; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.more.info { clear:both; padding-top:50px;}
.soldoutbox{ display:block; width:300px; border:solid #333 1px; margin: 0px auto 0px auto; padding: 1em 1em; line-height:1.8em; text-align:center; }

/* mainvisual */
.mainvisual {position:relative; height:350px; overflow:hidden; margin-top:80px;}
.mainvisual img {min-width:100%; min-height:350px; max-width: initial;}
.mainvisual .maincatch {position:absolute; top:160px; left:0%; width:100%; text-align:center;}
.mainvisual .maincatch h2 {line-height:30px; color:#fff; font-size:3em; font-family:"montserrat","Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}

/* careers */
.sub_bloc .careers_content {padding:2em 0em;}
.sub_bloc .careers_content.careers_content_btn {padding:0em;}
.sub_bloc .careers_content h3 {text-align:left; font-size:16px; line-height:4em; font-weight:bold;}
.sub_bloc .left.careers_content { width:50%; height:auto; float:left; position:relative; padding-right:15px; box-sizing:border-box; }
.sub_bloc .right.careers_content { width:50%; height:auto; float:right; position:relative; padding-left:15px; box-sizing:border-box; }
.sub_bloc .careers_content .link {line-height:26px; background:url("img/arrow.jpg") no-repeat center center; background-position:left bottom; background-size:auto 100%; padding-left:30px; color:#000;}

.career_image {margin-top:10em;}
.careers_content { display:block; margin: 0px auto 100px auto;}
.careers_content dt { font-size:16px; line-height:1.8em; display:block; width:33%; float:left; padding: 0em 0em; clear:both; margin-bottom: 2em; }
.careers_content dd {font-size:16px; line-height:1.8em; display:block; width:65%; float:left; padding: 0em 0em; margin-bottom: 2em; }
.careers_content1 {display:none;}
.careers_content1.on {display:block;}
.careers_content2 {display:none;}
.careers_content2.on {display:block;}
@media (max-width: 767px){
	.sub_bloc .left.careers_content { width:100%; float:none; padding:0px;}
	.sub_bloc .right.careers_content { width:100%; float:none; padding:0px;}
	.careers_content dt { width:100%; float:none; margin-bottom: 0em; font-weight:bold;}
	.careers_content dd { width:100%; float:none; padding-bottom: 1em; margin-bottom: 1em; border-bottom:dotted #ccc 1px;}
}
.career_btn {color:#aaa; display:inline-block; width:50%; border:solid #aaa 1px; box-sizing:border-box; padding: 1em 0em; text-align:center; }
.career_btn.on {color:#000; border:solid #000 1px; }

.careers_new_message {padding:50px 0px 100px 0px; text-align:center; color:#000; font-size:1.2em; }

/* information */
.dlinformation dl { display:block; width:600px; margin: 0px auto;}
.dlinformation dl dt { font-size:16px; line-height:1.8em; display:block; width:33%; float:left; padding: 0em 0em; clear:left;}
.dlinformation dl dd {font-size:16px; line-height:1.8em; display:block; width:65%; float:left; padding: 0em 0em; }

.information_cta {width:100%;clear:both;}
.information_cta p {line-height:3em;text-align:center;}
.information_cta a.btn {display:block;width:150px;text-align:center;padding:8px 14px;border:solid #000 1px;margin: 7px auto;}
.information_cta1 a.btn:hover {background:#600;color:#fff;text-decoration:none; }
.information_cta2 a.btn:hover {background:#006;color:#fff;text-decoration:none; }
.info_content2 .hidebox {position:fixed;top:25%;left:0%;right:0%;width:600px;max-width:90%;margin:0px auto;height:auto;padding:3em;background:#fff;border:solid #f2f2f2 1px;display:none;box-sizing:border-box;z-index:10; }
.info_content2 .hidebox .close {position:absolute;top:15px;right:15px;font-size:18px;padding:6px 7px;color:#aaa;border:solid #ddd 1px;cursor:pointer;}
.info_content2 .hidebox h3 {padding-top:50px;font-size:1.1rem;}
.info_content2 .hidebox table {border-collapse:collapse;margin:2em auto;width:90%;}
.info_content2 .hidebox table td {padding:1em;border:solid #eee 1px;}

.sub_bloc .press_index_news {padding:100px 0px 50px 0px;}
.sub_bloc .press_index_info {padding: 50px 0px 100px 0px;}
.press_index_press h3 {font-size:18px; text-align:left; font-weight:bold; color:#000; padding-bottom:10px; }
.press_index_press p {color:#000; padding-bottom:10px; }
.press_index_press a {line-height:26px; background:url("img/arrow.jpg") no-repeat center center; background-position:left bottom; background-size:auto 100%; padding-left:30px; color:#000;}

/* contact */
.resultbox { }
.result {}
.sub_bloc .message {color:#f00; font-weight:bold; margin-bottom:2em;}


.contact_content {padding:50px 0px;}
.contact_content.content1 {padding-top:100px;}
.contact_content h3 {font-size:18px; text-align:left; font-weight:bold; color:#000; padding-bottom:10px; }
.contact_content p {color:#000; padding-bottom:10px; }
.contact_content .link {line-height:26px; background:url("img/arrow.jpg") no-repeat center center; background-position:left bottom; background-size:auto 100%; padding-left:30px; color:#000;}
/*
.contact_content a:before {content:url("img/arrow.jpg"); vertical-align:bottom;}*/


/* newslist */
.newslist {padding:50px 0px; margin:0px auto;}
.newslist dt {display:inline-block; width:25%; border-bottom:dotted #ccc 1px; font-size:1.2em; line-height:2.8em; }
.newslist dt a {color:#333;}
.newslist dd {display:inline-block; width:70%; border-bottom:dotted #ccc 1px; font-size:1.2em; line-height:2.8em; }
.newslist dd a {color:#333;}
@media (max-width: 767px){
	.newslist dt { width:100%; float:none; border:none; font-weight:bold; line-height:1.4em; }
	.newslist dd { width:100%; float:none; line-height:1.4em; padding-bottom:1em; margin-bottom:1em;}
}

.news_image {width:100%; float:right;}
.newscontent .news_image img {max-width:initial; width:100%; height:auto;}
.newscontent h1 small {display:block; font-size:0.5em;}
.newscontent figure {width:100%; max-width:100%; height:auto; padding:10px 0px; margin:0px;}
.newscontent img {width:100%; max-width:100%; height:auto; padding:0px 0px; margin:0px;}

.info_content {}
.info_content .item { width:50%; margin: 0px 0%; height:auto; float:left; box-sizing:border-box; overflow:hidden; }
.info_content .item img { width:98%; height:auto; margin: 1% 1%; max-width: initial;}
.sub_bloc.info_content_title {clear:both;}
.info_content .item.last {margin-bottom:50px;}

.sub_bloc .media_content { margin-top: 120px; }
/*
.sub_bloc .media_content dt { width:30%; height:auto; float:left; position:relative; padding-right:15px; box-sizing:border-box; clear:both; margin-bottom:3em;}
.sub_bloc .media_content dd { width:60%; height:auto; float:right; position:relative; padding-right:15px; box-sizing:border-box; margin-bottom:3em; padding-top:5px; line-height:1.8em;}
.sub_bloc .media_content dt img {width:80%; vertical-align: bottom;}
*/
.sub_bloc .media_content dt { width:40%; height:auto; float:left; position:relative; padding-right:15px; box-sizing:border-box; clear:both; margin-bottom:3em; padding-top:3em; border-top:dotted #ddd 1px; text-align:center;}
.sub_bloc .media_content dd { width:60%; height:auto; float:right; position:relative; padding-right:15px; box-sizing:border-box; margin-bottom:3em; padding-top:3em; line-height:1.8em; border-top:dotted #ddd 1px;}
.sub_bloc .media_content dt img {width:60%; vertical-align: bottom;}
.sub_bloc .media_content dt.media1,.sub_bloc .media_content dd.media1 {border-top:none; padding-top:0px;}

.sub_bloc .media_image {margin-top: 100px;}
@media (max-width: 1442px){ .sub_bloc .media_content {margin-top: 100px;} }
@media (max-width: 1044px){ .sub_bloc .media_content {margin-top: 80px;} }
@media (max-width: 976px){ .sub_bloc .media_content {margin-top: 60px;} }
@media (max-width: 767px){
	.sub_bloc .media_content { margin-top: 50px; }
	.sub_bloc .media_content dt { width:100%; float:none; padding:0px; }
	.sub_bloc .media_content dt img {width:150px;}
	.sub_bloc .media_content dd { width:100%; float:none; padding:0px; line-height:1.4em; margin-bottom:5em;}
}
.media_link {line-height:26px; background:url("img/arrow.jpg") no-repeat center center; background-position:left bottom; background-size:auto 100%; padding-left:30px; color:#000;}


.sub_bloc .event_content {padding:3em 0em; text-align:left;}
.sub_bloc .event_content h3 {text-align:left; font-size:16px; line-height:4em; font-weight:bold;}
.sub_bloc .left.event_content { width:50%; height:auto; float:left; position:relative; padding-right:15px; box-sizing:border-box; }
.sub_bloc .right.event_content { width:50%; height:auto; float:right; position:relative; padding-left:15px; box-sizing:border-box; }
.sub_bloc .event_iframe {width:360px;height:174px;}

@media (max-width: 767px){
	.sub_bloc .left.event_content { width:100%; float:none; padding: 30px 0px 0px 0px;}
	.sub_bloc .right.event_content { width:100%; float:none; padding: 30px 0px 0px 0px;}
	.sub_bloc .event_iframe {width:306px;height:148px;}
}
.event_content .link {line-height:26px; background:url("img/arrow.jpg") no-repeat center center; background-position:left bottom; background-size:auto 100%; padding-left:30px; color:#000;}

.overevent .sub_bloc .event_content { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }


/*business*/
.business_cta_item {}
.business_cta_item h3 {}
.business_cta_item p {line-height:2.0em; padding-top:0.8em;}
.business_cta_item p a.link {line-height:3.2em;}

.business_rux {padding: 1em 0em;}
.contents_area.mainimage.business_rux_r h2, .contents_area.mainimage.business_rux_u h2, .contents_area.mainimage.business_rux_x h2 {padding-bottom:0px;}
.business_rux_r p a, .business_rux_u p a, .business_rux_x p a {line-height:3em;}
.contents_area.mainimage.business_rux_r p, .contents_area.mainimage.business_rux_u p, .contents_area.mainimage.business_rux_x p {padding-top:0em;}
@media (max-width: 1044px){ .contents_area.mainimage.business_rux_u.right {padding-left: 15px;} .contents_area.mainimage.business_rux_u.right .content_cover {width:100%;}}

.sub_bloc .right.business_content2.business_x_pet {padding-bottom:95px;}

.redidencial-point {}
.redidencial-point .point {float:left; clear:left; display:block; width:20%; text-align:center; line-height:80px; height:80px; margin-bottom:20px; font-size:18px; letter-spacing:2px; }
.redidencial-point dd {float:left; display:block; width:70%; margin-left:10%; margin-bottom:20px; padding: 0.5em 0em; font-size:12px; line-height:18px; }
.redidencial-point .point1 { background:#2293b7; color:#fff;}
.redidencial-point .point2 { background:#27b5ad; color:#fff;}
.redidencial-point .point3 { background:#2269aa; color:#fff;}
.contents_area.mainimage.category {padding-top:15vh;}
@media (max-width: 767px){
	.redidencial-point .point { width:100%; float:none; }
	.redidencial-point dd { width:100%; float:none; padding-bottom:3em; margin-left:0%;}
}

.sub_bloc .business_content {padding:2em 0em;}
.sub_bloc .business_content h3 {text-align:left; font-size:16px; line-height:4em; font-weight:bold;}
.sub_bloc .left.business_content { width:50%; height:auto; float:left; position:relative; padding-right:15px; box-sizing:border-box; }
.sub_bloc .right.business_content { width:50%; height:auto; float:right; position:relative; padding-left:15px; box-sizing:border-box; }
@media (max-width: 767px){
	.sub_bloc .left.business_content { width:100%; float:none; }
	.sub_bloc .right.business_content { width:100%; float:none; }
}

.sub_bloc .business_content2 {padding:0em 0em; margin-bottom:2em;}
.sub_bloc .business_content2 h3 {text-align:left; font-size:16px; line-height:2em; font-weight:bold;}
.sub_bloc .business_content2 p {padding-top:0.8em; line-height:2.2em;}
.sub_bloc .left.business_content2 { width:38%; height:auto; float:left; position:relative; padding-right:15px; box-sizing:border-box; clear:both; }
.sub_bloc .right.business_content2 { width:62%; height:auto; float:right; position:relative; padding-left:15px; box-sizing:border-box; }
@media (max-width: 767px){
	.sub_bloc .left.business_content2 { width:100%; float:none; padding:0px; }
	.sub_bloc .right.business_content2 { width:100%; float:none; padding:0px;}
}


/* paging */
.paging {}
.paging a {display:inline-block; width:50px; height:50px; line-height:50px; font-size:16px; color:#fff; background:#000; text-align:center; margin-right:5px; margin-bottom:5px; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

/************************************************ cta_area ************************************************/
.cta_area {background:#ddd; padding:12em 0em;}
.cta_area h2 {font-size:3em; line-height:1.4em; color:#000; text-align:center; border-bottom:solid #000 1px;}
.cta_area h3 {font-size:1.6em; line-height:1.4em; color:#333; text-align:center; padding:2em 0em;}
.cta_area .cta {text-align:center; padding: 1em 0em 0em 0em; }
.cta_area .cta a {display:inline-block; margin: 0em auto; color:#fff; text-align:center; box-sizing:border-box; font-size:2em; padding:1.5em 8em; text-decoration:none;
background:#000; background: linear-gradient(#333, #000);}
.cta_area .cta a:hover {background:#fff; color:#000;}

/************************************************ cta ************************************************/
.cta.btn {display:inline-block; text-align:center; padding: 0em; margin: 0em; border:none; box-sizing:border-box;}
.cta.btn a {display:inline-block; font-size:1.2em; padding: 1.1em 2em; text-align:center; text-decoration:none; border:solid #000 1px; background:#000; color:#fff; box-sizing:border-box;}
.cta.btn a:hover {background:#efefef; color:#333;}

.top_cta {width:38%;}
.top_cta .cta.btn {text-align:left;}
.top_cta .cta.btn a {width:100%;}

/************************************************ pankuzu ************************************************/
.pankuzu { padding:2em 0em; }
.pankuzu ul {}
.pankuzu ul li {display:inline-block; color:#333; font-size:12px; line-height:20px;}
.pankuzu ul li:before {content:" &gt; ";}
.pankuzu ul li a {color:#333; word-break: break-all;}
.pankuzu ul li.pankuzu_home:before {content:none;}
.breadcrumb_logo {height:20px; padding-right:10px; vertical-align: bottom;}

.pankuzu p.footer_contact {margin-top:1em;}
/************************************************ box ************************************************/
.box {width:100%; margin:3em 0em; background:#fff; padding:3em; border:solid #ccc 2px; box-sizing:border-box;}
.box dl {}
.box dt {font-size:1.4em; line-height:2.4em; color:#666; font-weight:bold; padding-top:0.5em;}
.box dd {font-size:1.2em; line-height:2.0em; color:#666; padding-bottom:0.5em;}


/************************************************ footer ************************************************/


.fup {width:36px; height:36px; position:fixed; right:21px; bottom:15px; display:none; cursor:pointer; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.fup img { padding:3px; height:100%;}
/*
.fprev {width:36px; height:36px; position:fixed; left:21px; bottom:15px; background:#000; display:none; cursor:pointer; border-radius:50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.fprev img {width:30px; height:30px; padding:3px;}
*/
.footer {background:#f2f2f2; width:100%; padding: 0em; box-sizing:border-box; font-size:8px;}
.footer_content {text-align:center; color:#000; width:1200px; margin:0% auto; line-height:1.8em; padding: 1em 0em 150px 0em; box-sizing:border-box;}
.footer_content .mark { padding:50px 0em; width:120px; margin:0px auto;}
.footer_content .mark img { width:100%; }
.footer_content a {color:#000; line-height:18px;}
.footer_content .copy {color:#ccc;}
.footer_content .copy a {color:#ccc;}

.footernav {display:none;}
/*
.footernav {display:none; position:fixed; top:0px; left:0px; width:100%; height:100vh; overflow:scroll;}
*/
.footernav.on {display:block;}


.sitemap.pc {text-align:left;}
.sitemap.pc .f_list.f_logo { text-align:left; margin-top:50px; width:18%; }
.sitemap.pc .f_list.f_logo img { width:70%;}
.sitemap.pc .f_list {display:block; float:left; width:14%; margin:0% 1%;}
.sitemap.pc .f_list h3 {line-height:2.6em; font-weight:bold; margin-top:50px; margin-bottom:1em;}
.sitemap.pc .f_list a {color:#000; font-size:11px; line-height:27px; display:block;}
.sitemap.pc .f_list .line3 {margin-top:-4px;}
.sitemap.pc .f_list .line3 a {line-height:39px;}

.footer_bottom_area { background:#313232; width:100%; clear:both; height:60px; line-height:60px;}
.footer_bottom {clear:left; width:1200px; margin: 0% auto; font-size:11px; color:#fff;}
.footer_bottom .f_social {float:right; vertical-align:bottom; height:60px;}
.footer_bottom .f_social img {height:30px; width:auto; padding-top:15px; }
.footer_bottom .copy {float:right;}
.footer_bottom .copy small {display:inline-block; font-size:11px; }
.footer_bottom a {color:#fff;}
.footer_bottom .copy a {color:#666;}
.footer_bottom .copy small a {}

@media (max-width: 1442px){
	.footer_content {width:980px;}
	.footer_bottom {width:980px;}
}
@media (max-width: 1044px){
	.footer_content {width:880px;}
	.footer_bottom {width:880px;}
}
@media (max-width: 976px){
	.footer_content {width:100%; padding: 20px 15px 120px 15px; box-sizing:border-box;}
	.footer_bottom {width:100%; padding:0px 15px; box-sizing:border-box;}
}
@media (max-width: 767px){
	.sitemap.pc .f_list { width:100%; margin-bottom:30px; }
	.sitemap.pc .f_list { width:33%; float:right;}
	.sitemap.pc .f_list.f_logo {float:left;}
}

/* sitemapã€€*/

.sitemap {padding: 0px 0em; width:100%; margin:0%;}
dl.sitemap { margin: 0px 0px 50px 0px; display:block; width:50%; float:left;}
.sitemap dt {font-size:13px; line-height:2.6em; font-weight:bold; margin-top:1.6em; letter-spacing:1px;}
.sitemap dt a {color:#000; }
.sitemap dd {font-size:14px; line-height:1.6em; margin-left:1em; letter-spacing:1px;}
.sitemap dd a {color:#000; display:block; padding-top:10px; letter-spacing:1px;}


/************************************************ contact -&gt; form ************************************************/
input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form_area {font-size:16px; margin: 2em 0px; padding:3em; }
.form {border:0; padding: 0%; margin: 0em auto; width:100%;}
.form_area label { display:block; clear:both; width:100%; }
.form .input {border:solid 1px #ddd; font-size: 1em; padding: 0.8em 0.8em; margin: 1em 0em 2em 0em; width:100%; box-sizing:border-box; background:#fdfdfd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; clear:both;}
.form .input50box { display:block; width:48%; margin-right: 1%; float:left; clear:none;}
@media (max-width: 1200px){ .form .input50box {width:100%; float:none;} }
.form .input:focus {background:#fff;}
.form .input.textarea {height:8em;}
.form .submit {font-size:1.2em; padding: 0.5em 1em; text-align:center; background:#000; color:#fff; margin: 1.5em auto; cursor:pointer; box-sizing:border-box; display:block; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:none;}
.form .submit:hover {background:#393939; font-color:#ddd;}


/************************************************ contact -&gt; ãƒ¡ãƒ¼ãƒ«é€ä¿¡çµæžœãªã© ************************************************/
.result_content {position:fixed; top:10%; left:10%; width:80%; padding: 3em 0em; background:rgba(255,255,255,0.95); text-align:center; font-size:5em; line-height:2em; border:solid #aaf 6px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); color:#666;}

.addtext {text-align:center; margin:1em auto;}
.addtext p {display:inline-block; font-size:1.4em; padding:0.2em 1em; color:#f00; border:double #f00 4px;}


@media (min-width: 767px){ .sp{display:none;} }
@media (max-width: 767px){ .pc{display:none;} }

/* Localized */

.top{width:100%;height:100vh;position: relative;}
.top_swiper{height:100%;}
.top_swiper .swiper-container{height:100%;}
.top_swiper .swiper-slide{background-size:cover;background-position:center;display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.top_swiper .swiper-slide img{}
.links{ position: absolute;bottom: 80px;}
.sub_bloc.category{height: 440px;margin-bottom:16px;}
.sub_bloc.category2{height:440px;margin-bottom:16px;width: 100%;display: table;}
.contents_area{max-width:1200px;background-size: cover;}
.sub_bloc .left{height:440px;}
.sub_bloc.category2 .left{width: calc(50% - 8px);display: inline-block;background-size: cover;height:440px;}
.sub_bloc .right{height:440px;}
.sub_bloc.category2 .right{width: calc(50% - 8px);display: inline-block;background-size: cover;height:440px;}
.sub_bloc .left .content_cover{text-align: center;}
.sub_bloc .left .content_cover{top:35%;}
.sub_bloc.category .content_cover{top: 38%;}
.sub_bloc.category .content_cover .content{width:1000px;text-align: right;}
.sub_bloc .right .content_cover{top:35%;text-align: center;}
.main_text{width: 100%;text-align: left;padding-left: 100px;}
.main_text h1{margin-bottom:2.8em;}
.top_swiper .main_text h1 img{width:160px;}
.main_text h2{font-size: 25px; z-index: 1; font-weight: 400; margin-bottom: 15px;line-height: 1.4em;}
.main_text p{font-size: 15px; margin-bottom: 25px;line-height: 1.7em;}
.main_text #to-group{color: #000; border-bottom: solid 1px #000; width: intrinsic; padding-bottom: 3px; font-weight: 300; font-size: 14px; width: max-content;text-decoration:none;}

.company{display:table;width:100%;max-width:1440px;margin-top:2%;}
.company_center{text-align: right; padding: 120px 80px; width: 100%; display: inline-block; background-image: url(../img/top_bn01.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_left{text-align: center; padding: 120px 15px; width: 49%; display: inline-block; float: left; margin-right: 1%; background-image: url(../img/top_bn02.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.company_right{text-align: center; padding: 120px 15px; width: 49%; display: inline-block; float: left; margin-left: 1%; background-image: url(./img/top_bn03.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}

@media (max-width: 767px){
.top{height:60vh;}
.main_text{padding: 15px;text-align: center;}
.main_text h2{font-size: 20px;margin-top: 40px;margin-bottom: 10px;}
.main_text p{font-size: 13px;margin-bottom: 14px;}
.main_text #to-group{font-size:12px;}

.company_center{padding:40px 40px;}
.company_left{width:100%;margin-right:0;padding:40px 40px;margin-bottom:2%;}
.company_right{width:100%;margin-left:0;padding:40px 40px;}
}

</pre></body></html>