@media (min-width: 751px) { .index .header_nav:hover .service { border-left: none; }
div.bar { position: absolute; top: 0; left: 0; width: 100%; height: 740px; background: url(/img/header/bar.png) 50% 0 no-repeat}
/*  .index .header_nav:after    { position: absolute; content: ""; top: 0; left: 0;     height: 740px; height: 18px; width: 1px; background: #fff; background: #CCC; opacity: 1.0; }*/ }

  .index .header_nav:hover .contact { border-right: none; }
.index .top_main_slider { width: 100%; max-height: 740px; overflow: hidden; }
.index .top_main_slider ul { list-style-type: none; }
.index .top_main_slider img { width: 100%; max-width: inherit; }
@media (max-width: 750px) { .index .top_main_slider { height: 740px; }
  .index .top_main_slider li.slick-slide { width: 100%; height: 740px; overflow: hidden; position: relative; }
  .index .top_main_slider img { position: absolute; top: 0; left: -365px; width: 1480px !important; height: auto !important; max-width: 1480px !important; } }
.index .header_copy .main_copy { z-index: 1; position: absolute; text-align: center; width: 1146px; left: 0; right: 0; margin: 0 auto; text-align: center; top: 150px; }
.index .header_copy .main_copy img { width: 409px; }
@media (max-width: 750px) { .index .header_copy .main_copy { width: 670px; top: 72px; }
  .index .header_copy .main_copy img { width: 100%; } }
.index .header_copy .sub_copy { z-index: 1; position: absolute; left: 0; right: 0; top: 208px; margin: 0 auto; width: 1146px; text-align: center; font-size: 1.4rem; line-height: 2; }
.index .header_copy .us.sub_copy { font-size: 2.0rem; line-height: 3.4rem; }
@media (max-width: 750px) { .index .header_copy .sub_copy { width: 665px; text-align: left; top: 160px; }
  .index .header_copy .sub_copy br { display: none; } }
.index .center_title { margin: 0 auto 40px; height: 80px; width: 280px; border-top: solid 1px #e3e2d2; border-bottom: solid 1px #e3e2d2; text-align: center; }
@media (max-width: 750px) { .index .center_title { width: 420px; height: 120px; margin-bottom: 60px; border-top: solid 2px #e3e2d2; border-bottom: solid 2px #e3e2d2; } }
.index .center_title .title_text { height: 17px; width: auto; position: relative; top: 50%; display: block; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 750px) { .index .center_title .title_text { height: 24px; } }
.index .center_title_about .title_text { height: 16px; }
@media (max-width: 750px) { .index .center_title_about .title_text { height: 24px; } }
.index .center_title_gallery .title_text { height: 24px; }
@media (max-width: 750px) { .index .center_title_gallery .title_text { height: 32px; } }
.index .service_section { display: block; margin-bottom: 60px; overflow: hidden; -webkit-transition: .5s; transition: .5s; position: relative; }
.index .service_section:hover { opacity: 1; }
.index .service_section:hover:before { width: 382px; }
.index .service_section:hover .left_box .enter_btn { background-color: #333333; color: #F4F3E3; background-image: url(../img/index/btn_arrow_hover.png) }
.index .service_section:before { content: ""; z-index: 1; position: absolute; top: 0; left: 0; height: 4px; width: 0; -webkit-transition: .6s; transition: .6s; background-color: #834cb1; }
@media (max-width: 750px) { .index .service_section { margin-bottom: 60px; } }
.index .service_section span { display: inline-block; }
.index .service_section .left_box { float: left; position: relative; width: 382px; height: 360px; background: #7c7c73; padding: 40px 42px 40px 40px; }
@media (max-width: 750px) { .index .service_section .left_box { width: 100%; height: 700px; padding: 70px; } }
.index .service_section .left_box .title_text { margin-bottom: 25px; }
@media (max-width: 750px) { .index .service_section .left_box .title_text { margin-bottom: 50px; } }
.index .service_section .left_box .title_text img { width: 215px; }
@media (max-width: 750px) { .index .service_section .left_box .title_text img { width: 430px; } }
.index .service_section .left_box .line_text    { letter-spacing: -1px; font-size: 1.2rem; line-height: 1.8; }
.index .service_section .left_box .line_text.us { letter-spacing: 0; font-size: 1.3rem}
@media (max-width: 750px) { .index .service_section .left_box .line_text { letter-spacing: 0px; } }
.index .service_section .left_box .enter_btn { -webkit-transition: .6s; transition: .6s; position: absolute; width: 200px; height: 50px; left: 40px; bottom: 40px; line-height: 50px; padding-left: 30px; font-size: 1.6rem; font-weight: bold; background: url(../img/index/btn_arrow.png) #fbfae9 no-repeat; background-size: 41px; background-position: 139px center; background-color: #fbfae9; }
@media (max-width: 750px) { .index .service_section .left_box .enter_btn { width: 400px; height: 100px; bottom: 70px; left: 70px; line-height: 100px; padding-left: 60px; background-size: 82px; background-position: 278px center; } }
.index .service_section .left_box .enter_btn:before { content: "read more"; top: 0; left: 30px; position: absolute; }
.index .service_section .right_box { float: right; width: calc(100% - 382px); height: 360px; overflow: hidden; position: relative; }
@media (max-width: 750px) { .index .service_section .right_box { width: 100%; height: inherit; }
  .index .service_section .right_box:before { z-index: 100; position: absolute; content: ""; bottom: 0; left: 0; height: 4px; width: 100%; background: #7d43ae; } }

.index .gallery_section { display: block; margin-bottom: 60px; overflow: hidden; -webkit-transition: .5s; transition: .5s; position: relative}
.index .gallery_section ul { margin: 0; border: 1px solid #000; border: 0; padding: 0; list-style: none; background: url(../img/index/bg-gallery.gif) repeat 0 0 }
@media (max-width: 750px) {
	.index .gallery_section ul { margin-left: 4px; background: none } }
	.index .gallery_section li { margin: 2px 2px 0 0; width: 80px; height: 80px; overflow: hidden; position: relative; float: left }
@media (max-width: 750px) {
	.index .gallery_section li { margin: 4px 4px 0 0; width: calc( ( 100% - 28px ) / 7 ); height: 100px} }
	.index .gallery_section li:nth-child(14n) { margin-right: 0;}
@media (max-width: 750px) {
	.index .gallery_section li:nth-child(14n) { margin-right: 4px}
	.index .gallery_section li:nth-child(7n) { margin-right: 0} }
.index .gallery_section img { position: absolute; max-width: 135%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.index .gallery_section img.vertically { max-width: 100%}

.index .gallery_section .left_box { display: block; position: relative; width: 100%; height: 90px; border: 1px solid #000; border: 0 }
.index .gallery_section .left_box .enter_btn { -webkit-transition: .6s; transition: .6s; position: absolute; width: 200px; height: 50px; left: 40px; bottom: 0; line-height: 50px; border: 1px solid rgba( 0,0,0,0.1); padding-left: 30px; font-size: 1.6rem; font-weight: bold; background: url(../img/index/btn_arrow.png) #fbfae9 no-repeat; background-size: 41px; background-position: 139px center; background-color: #fbfae9; }

@media (max-width: 750px) {
.index .gallery_section .left_box .enter_btn { width: 400px; height: 100px; bottom: 146px; left: 70px; line-height: 100px; padding-left: 60px; background-size: 82px; background-position: 278px center;} }
.index .gallery_section .left_box .enter_btn:before { content: "learn more"; top: 0; left: 30px; position: absolute; }
.index .gallery_section:hover { opacity: 1; }
.index .gallery_section:hover .left_box .enter_btn { background-color: #333333; color: #F4F3E3; background-image: url(../img/index/btn_arrow_hover.png); }

.index .case_study_section { margin-bottom: 68px; }
@media (max-width: 750px) { .index .case_study_section { margin: 0 0 60px 40px; width: 710px; overflow-x: scroll; -webkit-overflow-scrolling: touch } }
.index .case_study_section ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; list-style-type: none; }
@media (max-width: 750px) { .index .case_study_section ul { width: 2152px; padding-right: 20px; } }
.index .case_study_section ul > li { width: 240px; position: relative; }
.index .case_study_section ul > li a { display: block; text-decoration: none; }
.index .case_study_section ul > li a:hover { opacity: 1; }
.index .case_study_section ul > li img { border-radius: 50%; }
.index .case_study_section ul > li .case_title    { font-size: 1.2rem; margin-top: 20px; padding-bottom: 12px; font-weight: bold; text-align: center; display: block; width: 100%; }
.index .case_study_section ul > li .case_title.us { font-size: 1.34rem; margin-top: 30px}
.index .case_study_section ul > li:last-child .case_title.us { margin-top: 20px; }
.index .case_study_section ul li a:before { z-index: 1000; position: absolute; content: ""; left: 0; top: 17px; width: 240px; height: 20px; background-size: 240px 20px; background-repeat: no-repeat; }
@media (max-width: 750px) { .index .case_study_section ul li a:before { width: 480px; height: 40px; top: 34px; background-size: 480px 40px; } }
.index .case_study_section ul li a:after { border-radius: 50%; width: 240px; height: 240px; background-size: 240px; }
.index .case_study_section ul li:nth-of-type(1) a:before { background-image: url(../img/index/case_study_1_lavel.jpg); }
.index .case_study_section ul li:nth-of-type(1) a:after  { background-image: url(../img/index/case_study_1_hover.png); }
.index .case_study_section ul li:nth-of-type(2) a:before { background-image: url(../img/index/case_study_2_lavel.jpg); }
.index .case_study_section ul li:nth-of-type(2) a:after  { background-image: url(../img/index/case_study_2_hover.png); }
.index .case_study_section ul li:nth-of-type(3) a:before { background-image: url(../img/index/case_study_3_lavel.jpg); }
.index .case_study_section ul li:nth-of-type(3) a:after  { background-image: url(../img/index/case_study_3_hover.png); }
.index .case_study_section ul li:nth-of-type(4) a:before { background-image: url(../img/index/case_study_4_lavel.jpg); height: 40px; background-size: 240px 40px; }
	.index .case_study_section ul li:nth-of-type(1) a.us:before { background-image: none }
	.index .case_study_section ul li:nth-of-type(2) a.us:before { background-image: none }
	.index .case_study_section ul li:nth-of-type(3) a.us:before { background-image: none }
	.index .case_study_section ul li:nth-of-type(4) a.us:before { background-image: none }
@media (max-width: 750px) { .index .case_study_section ul li:nth-of-type(4) a:before { background-size: 480px 80px; height: 80px; } }
.index .case_study_section ul li:nth-of-type(4) a:after { background-image: url(../img/index/case_study_4_hover.png); }
@media (max-width: 750px) { .index .case_study_section ul li { width: 480px; }
  .index .case_study_section ul li img { width: 100%; }
  .index .case_study_section ul li .case_title { margin: 40px 0; } }
.index .about_study_section { overflow: hidden; margin-bottom: 80px; }
@media (max-width: 750px) { .index .about_study_section { margin-top: -10px; margin-bottom: 60px; } }
.index .about_study_section .left_box { float: left; max-width: 542px; }
@media (max-width: 750px) { .index .about_study_section .left_box { float: none; width: 100%; max-width: 100%; margin-bottom: 60px; } }
.index .about_study_section .left_box .copy_text { margin-left: 20px; width: 521px; }
.index .about_study_section .left_box .copy_text.us { width: 513px }
@media (max-width: 750px) { .index .about_study_section .left_box .copy_text { margin: 0 40px; width: 670px; } }
.index .about_study_section .left_box .about_list { margin-top: 40px; }
@media (max-width: 750px) { .index .about_study_section .left_box .about_list { margin: 80px 40px 0; } }
.index .about_study_section .left_box .about_list .bold_title { width: 83px; margin-bottom: 30px; }
@media (max-width: 750px) { .index .about_study_section .left_box .about_list .bold_title { width: inherit; margin-bottom: 60px; } }
.index .about_study_section .left_box .about_list .list_title { font-size: 1.8rem; margin-bottom: 15px; }
@media (max-width: 750px) { .index .about_study_section .left_box .about_list .list_title { margin-bottom: 30px; } }
.index .about_study_section .left_box .about_list .list_title .number { display: inline-block; font-size: 1.4rem; width: 20px; }
@media (max-width: 750px) { .index .about_study_section .left_box .about_list .list_title .number { width: 40px; } }
.index .about_study_section .left_box .about_list .list_text { font-size: 1.2rem; line-height: 1.8; margin-left: 20px; margin-bottom: 44px; }
.index .about_study_section .left_box .about_list .list_text:nth-last-of-type(1) { margin-bottom: 0; }
@media (max-width: 750px) { .index .about_study_section .left_box .about_list .list_text { margin-left: 40px; margin-bottom: 88px; } }
.index .about_study_section .right_box { float: right; width: 452px; margin-top: 60px; position: relative; }
.index .about_study_section .right_box:before { z-index: 100; position: absolute; content: ""; top: 0; left: 0; height: 3px; width: 360px; background: #834cb1; }
@media (max-width: 750px) { .index .about_study_section .right_box { float: none; width: 680px; margin: 60px 40px 0; }
  .index .about_study_section .right_box:before { height: 6px; width: 100%; } }
.index .about_study_section .right_box .img_bg { width: 360px; height: 223px; margin-bottom: 20px; }
@media (max-width: 750px) { .index .about_study_section .right_box .img_bg { width: 100%; height: inherit; margin-bottom: 40px; } }
.index .about_study_section .right_box .filter_line:before { width: 360px !important; background-image: url(../img/index/madoka_hover.jpg); }
.index .about_study_section .right_box .madoka { width: 360px; }
@media (max-width: 750px) { .index .about_study_section .right_box .madoka { width: 100%; } }
.index .about_study_section .right_box .name { margin-bottom: 15px; font-size: 1.2rem; }
.index .about_study_section .right_box .name .japan { display: inline-block; margin-right: 30px; }
@media (max-width: 750px) { .index .about_study_section .right_box .name .japan { margin-right: 60px; } }
.index .about_study_section .right_box .madoka_text { font-size: 1.2rem; line-height: 1.7; margin-bottom: 24px; }
@media (max-width: 750px) { .index .about_study_section .right_box .madoka_text { margin-bottom: 48px; } }
.index .about_study_section .right_box .sign { text-align: right; line-height: 3.6rem; position: relative; }
.index .about_study_section .right_box .sign:before { position: absolute; z-index: -1; content: ""; right: 0; bottom: 7px; width: 330px; height: 1px; background: #d3d2c4; }
.index .about_study_section .right_box .sign .small { display: inline-block; margin-right: 50px; font-size: 1.1rem; }
.index .about_study_section .right_box .sign img { width: 196px; margin-right: 27px; }
@media (max-width: 750px) { .index .about_study_section .right_box .sign:before { position: absolute; z-index: -1; content: ""; right: 0; bottom: 14px; width: 660px; height: 2px; background: #d3d2c4; }
  .index .about_study_section .right_box .sign .small { margin-right: 100px; }
  .index .about_study_section .right_box .sign img { margin-right: 54px; width: 392px; } }
@media (max-width: 750px) { .index .contact_section { width: 750px; padding: 0 40px; } }
.index .contact_section .address_box { position: relative; width: 542px; height: 360px; overflow: hidden; }
@media (max-width: 750px) { .index .contact_section .address_box { position: relative; height: 720px; } }
.index .contact_section .address_box .left { width: 280px; padding: 20px 20px 0 0; position: absolute; top: 183px; left: 0; border-top: solid 1px #0b0b0b; }
.index .contact_section .address_box .left:before { z-index: 100; position: absolute; content: ""; width: 100%; height: 1px; top: 3px; left: 0; background: #b3b2a6; }
@media (max-width: 750px) { .index .contact_section .address_box .left { float: none; position: absolute; padding-left: 0; width: 480px; padding: 40px 40px 0; border-top: solid 2px #0b0b0b; top: 0; left: 0; }
  .index .contact_section .address_box .left:before { width: 100%; height: 2px; top: 6px; left: 0; background: #b3b2a6; } }
.index .contact_section .address_box .left .text { font-size: 1.2rem; line-height: 1.5; }
.index .contact_section .address_box .left .text a { text-decoration: none; color: #000; }
.index .contact_section .address_box .left .to_link { display: inline-block; font-size: 1.2em; margin: 11px 0 12px; }
.index .contact_section .address_box .left .to_link:hover { text-decoration: none; }
.index .contact_section .address_box .left .text .to_link { color: #834cb1; text-decoration: underline; font-size: 1.0em }
.index .contact_section .address_box .left .text .to_link:hover { }
@media (max-width: 750px) { .index .contact_section .address_box .left .to_link { margin: 22px 0 64px; } }
.index .contact_section .address_box .left .icon_blank { background: url(../img/common/icon_blank.png) no-repeat; background-size: 13px; background-position: 0 1px; padding-left: 22px; }
@media (max-width: 750px) { .index .contact_section .address_box .left .icon_blank { background-size: 26px; background-position: 0 8px; padding-left: 44px; } }
.index .contact_section .address_box .right { width: 542px; position: absolute; top: 3px; left: 0 }
@media (max-width: 750px) { .index .contact_section .address_box .right { position: absolute; top: 363px; left: 0; margin-bottom: 110px; width: 480px; } }
.index .contact_section .address_box .right:before { z-index: 1000; content: ""; position: absolute; top: 0; left: 0; width: 280px; height: 3px; background: #834cb1; }
@media (max-width: 750px) { .index .contact_section .address_box .right:before { width: 248px; height: 6px; } }
.index .contact_section .address_box .right .filter_line:before { background-image: url(../img/index/address_picture_filter.png); top: 3px; }
.index .contact_section .address_box .right .filter_line { padding-top: 3px}
.index .contact_section .address_box .right .filter_line:after { z-index: 1000; content: ""; position: absolute; top: 0; right: 0; width: 240px; height: 3px; background: #834cb1; }
@media (max-width: 750px) { .index .contact_section .address_box .right .filter_line:after { width: 212px; top: 0; height: 6px; } }
@media (max-width: 750px) { .index .contact_section .address_box .right img { width: 100%; } }
.index .contact_section .gmap_box { width: 452px; height: 772px; padding-top: 4px; position: relative; border-top: solid 1px #0b0b0b; }
@media (max-width: 750px) { .index .contact_section .gmap_box { padding-top: 8px; width: 100%; height: 1150px; overflow: hidden; } }
.index .contact_section .gmap_box:before { position: absolute; content: ""; width: 100%; height: 1px; top: 3px; left: 0; background: #b3b2a6; }
@media (max-width: 750px) { .index .contact_section .gmap_box:before { height: 2px; top: 6px; } }
.index .contact_section .gmap_box .gmap { position: absolute; left: 0; bottom: 0; width: 100%; height: 767px; }
@media (max-width: 750px) { .index .contact_section .gmap_box .gmap { height: 570px; } }
.index .contact_section .insta_box { width: 542px; overflow: hidden; }
.index .contact_section .insta_box .insta_icon { width: 29px; display: inline-block; float: right; margin-bottom: 24px; -webkit-transition: .3s; transition: .3s; }
.index .contact_section .insta_box .insta_icon:hover { opacity: .7; }
@media (max-width: 750px) { .index .contact_section .insta_box { width: 100%; text-align: center; margin-top: 48px; }
  .index .contact_section .insta_box .insta_icon { width: 40px; display: inline-block; float: none; margin-bottom: 32px; }
  .index .contact_section .insta_box .insta_icon:hover { opacity: .7; } }
.index #instafeed { list-style-type: none; overflow: hidden; }
.index #instafeed li { float: left; width: 180px; height: 180px; margin: 0 1px 1px 0; text-align: center; vertical-align: middle; position: relative; }
.index #instafeed li a { -webkit-transition: .3s; transition: .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.index #instafeed li img { width: inherit; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 3px; }
.index #instafeed li:nth-of-type(3n - 2) { margin-left: 0; }
.index #instafeed li:nth-of-type(3n) { margin-right: 0; }
.index #instafeed li:nth-of-type(2), .index #instafeed li:nth-of-type(5) { -webkit-transition-delay: .2s; transition-delay: .2s; }
.index #instafeed li:nth-of-type(3n) { -webkit-transition-delay: .4s; transition-delay: .4s; }
@media (max-width: 750px) { .index #instafeed li { width: 33.133%; padding-top: 33.133%; height: 0; margin: 0 1px 1px 0; }
  .index #instafeed li img { border-radius: 3px; }
  .index #instafeed li:nth-of-type(3n - 2) { margin-left: 0; }
  .index #instafeed li:nth-of-type(3n) { margin-right: 0; } }
.index #mapkit-1653 { height: 774px; width: 452px; }
@media (max-width: 750px) { .index #mapkit-1653 { width: 100%; height: 1140px; } }

/*# sourceMappingURL=index.css.map */