@charset "UTF-8";
/* transition */
/* transition */
/*======================
	header
======================*/
/*======================
	Sidenav
======================*/
.menu li > a, .menu li > div, .menu li > h4 > a, .Content__search__list li > a, .Content__search__list li > div, .Content__search__list li > h4 > a, .Content__faq__list li > a, .Content__faq__list li > div, .Content__faq__list li > h4 > a { background-size: 24px; background-position: left 16px center; background-repeat: no-repeat; }
.menu li.icon-en > a, .menu li.icon-cn > a, .Content__search__list li.icon-en > a, .Content__search__list li.icon-cn > a, .Content__faq__list li.icon-en > a, .Content__faq__list li.icon-cn > a { background-image: url(../../images/icon_home_w.svg); background-color: #5AB0CE; }
.menu li.icon-pamph-company > a, .menu li.icon-pamph-company > div, .Content__search__list li.icon-pamph-company > a, .Content__search__list li.icon-pamph-company > div, .Content__faq__list li.icon-pamph-company > a, .Content__faq__list li.icon-pamph-company > div { background-image: url(../../images/icon_pamph_company.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-recruit > a, .menu li.icon-pamph-recruit > div, .Content__search__list li.icon-pamph-recruit > a, .Content__search__list li.icon-pamph-recruit > div, .Content__faq__list li.icon-pamph-recruit > a, .Content__faq__list li.icon-pamph-recruit > div { background-image: url(../../images/icon_pamph_recruit.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-catalog > a, .menu li.icon-pamph-catalog > div, .Content__search__list li.icon-pamph-catalog > a, .Content__search__list li.icon-pamph-catalog > div, .Content__faq__list li.icon-pamph-catalog > a, .Content__faq__list li.icon-pamph-catalog > div { background-image: url(../../images/icon_pamph_catalog.svg); background-color: #F0F1F5; }
.menu li.icon-three-fold > a, .menu li.icon-three-fold > div, .Content__search__list li.icon-three-fold > a, .Content__search__list li.icon-three-fold > div, .Content__faq__list li.icon-three-fold > a, .Content__faq__list li.icon-three-fold > div { background-image: url(../../images/icon_three_fold.svg); background-color: #F0F1F5; }
.menu li.icon-leaflet > a, .menu li.icon-leaflet > div, .Content__search__list li.icon-leaflet > a, .Content__search__list li.icon-leaflet > div, .Content__faq__list li.icon-leaflet > a, .Content__faq__list li.icon-leaflet > div { background-image: url(../../images/icon_leaflet.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-school > a, .menu li.icon-school > a, .menu li.icon-pamph-school > div, .Content__search__list li.icon-pamph-school > a, .Content__search__list li.icon-school > a, .Content__search__list li.icon-pamph-school > div, .Content__faq__list li.icon-pamph-school > a, .Content__faq__list li.icon-school > a, .Content__faq__list li.icon-pamph-school > div { background-image: url(../../images/icon_pamph_school.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-service > a, .menu li.icon-pamph-service > div, .Content__search__list li.icon-pamph-service > a, .Content__search__list li.icon-pamph-service > div, .Content__faq__list li.icon-pamph-service > a, .Content__faq__list li.icon-pamph-service > div { background-image: url(../../images/icon_pamph_service.svg); background-color: #F0F1F5; }
.menu li.icon-municipality > a, .Content__search__list li.icon-municipality > a, .Content__faq__list li.icon-municipality > a { background-image: url(../../images/icon_municipality.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-clinic > a, .menu li.icon-hospital > a, .menu li.icon-pamph-clinic > div, .Content__search__list li.icon-pamph-clinic > a, .Content__search__list li.icon-hospital > a, .Content__search__list li.icon-pamph-clinic > div, .Content__faq__list li.icon-pamph-clinic > a, .Content__faq__list li.icon-hospital > a, .Content__faq__list li.icon-pamph-clinic > div { background-image: url(../../images/icon_pamph_clinic.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-event > a, .menu li.icon-event > a, .menu li.icon-pamph-event > div, .Content__search__list li.icon-pamph-event > a, .Content__search__list li.icon-event > a, .Content__search__list li.icon-pamph-event > div, .Content__faq__list li.icon-pamph-event > a, .Content__faq__list li.icon-event > a, .Content__faq__list li.icon-pamph-event > div { background-image: url(../../images/icon_pamph_event.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-english > a, .menu li.icon-pamph-english > div, .Content__search__list li.icon-pamph-english > a, .Content__search__list li.icon-pamph-english > div, .Content__faq__list li.icon-pamph-english > a, .Content__faq__list li.icon-pamph-english > div { background-image: url(../../images/icon_pamph_english.svg); background-color: #F0F1F5; }
.menu li.icon-dm > a, .menu li.icon-dm > div, .Content__search__list li.icon-dm > a, .Content__search__list li.icon-dm > div, .Content__faq__list li.icon-dm > a, .Content__faq__list li.icon-dm > div { background-image: url(../../images/icon_dm.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-manga > a, .menu li.icon-pamph-manga > div, .Content__search__list li.icon-pamph-manga > a, .Content__search__list li.icon-pamph-manga > div, .Content__faq__list li.icon-pamph-manga > a, .Content__faq__list li.icon-pamph-manga > div { background-image: url(../../images/icon_pamph_manga.svg); background-color: #F0F1F5; }
.menu li.icon-corporation > a, .Content__search__list li.icon-corporation > a, .Content__faq__list li.icon-corporation > a { background-image: url(../../images/icon_corporation.svg); background-color: #F0F1F5; }
.menu li.icon-welfare > a, .Content__search__list li.icon-welfare > a, .Content__faq__list li.icon-welfare > a { background-image: url(../../images/icon_welfare.svg); background-color: #F0F1F5; }
.menu li.icon-kindergarten > a, .Content__search__list li.icon-kindergarten > a, .Content__faq__list li.icon-kindergarten > a { background-image: url(../../images/icon_kindergarten.svg); background-color: #F0F1F5; }
.menu li.icon-real-estate > a, .Content__search__list li.icon-real-estate > a, .Content__faq__list li.icon-real-estate > a { background-image: url(../../images/icon_real_estate.svg); background-color: #F0F1F5; }
.menu li.icon-shop > a, .Content__search__list li.icon-shop > a, .Content__faq__list li.icon-shop > a { background-image: url(../../images/icon_shop.svg); background-color: #F0F1F5; }
.menu li.icon-expert > a, .Content__search__list li.icon-expert > a, .Content__faq__list li.icon-expert > a { background-image: url(../../images/icon_expert.svg); background-color: #F0F1F5; }
.menu li.icon-saddle > a, .Content__search__list li.icon-saddle > a, .Content__faq__list li.icon-saddle > a { background-image: url(../../images/icon_saddle.svg); background-color: #F0F1F5; }
.menu li.icon-pocket > a, .Content__search__list li.icon-pocket > a, .Content__faq__list li.icon-pocket > a { background-image: url(../../images/icon_pocket.svg); background-color: #F0F1F5; }
.menu li.icon-saddle > a, .Content__search__list li.icon-saddle > a, .Content__faq__list li.icon-saddle > a { background-image: url(../../images/icon_saddle.svg); background-color: #F0F1F5; }
.menu li.icon-two-fold > a, .Content__search__list li.icon-two-fold > a, .Content__faq__list li.icon-two-fold > a { background-image: url(../../images/icon_two_fold.svg); background-color: #F0F1F5; }
.menu li.icon-double-doors > a, .Content__search__list li.icon-double-doors > a, .Content__faq__list li.icon-double-doors > a { background-image: url(../../images/icon_double_doors.svg); background-color: #F0F1F5; }
.menu li.icon-other > a, .Content__search__list li.icon-other > a, .Content__faq__list li.icon-other > a { background-image: url(../../images/icon_other.svg); background-color: #F0F1F5; }
.menu li.icon-pamphlet > a, .Content__search__list li.icon-pamphlet > a, .Content__faq__list li.icon-pamphlet > a { background-image: url(../../images/icon_pamphlet.svg); background-color: #F0F1F5; }
.menu li.icon-web > a, .Content__search__list li.icon-web > a, .Content__faq__list li.icon-web > a { background-image: url(../../images/icon_web.svg); background-color: #F0F1F5; }
.menu li.icon-logo > a, .Content__search__list li.icon-logo > a, .Content__faq__list li.icon-logo > a { background-image: url(../../images/icon_logo.svg); background-color: #F0F1F5; }
.menu li.icon-powerpoint > a, .Content__search__list li.icon-powerpoint > a, .Content__faq__list li.icon-powerpoint > a { background-image: url(../../images/icon_powerpoint.svg); background-color: #F0F1F5; }
.menu li.icon-movie > a, .Content__search__list li.icon-movie > a, .Content__faq__list li.icon-movie > a { background-image: url(../../images/icon_movie.svg); background-color: #F0F1F5; }
.menu li.icon-branding > a, .Content__search__list li.icon-branding > a, .Content__faq__list li.icon-branding > a { background-image: url(../../images/icon_branding.svg); background-color: #F0F1F5; }
.menu li.icon-lab-sample > a, .Content__search__list li.icon-lab-sample > a, .Content__faq__list li.icon-lab-sample > a { background-image: url(../../images/icon_lab_sample.svg); background-color: #F0F1F5; }
.menu li.icon-lab-s-simple > a, .Content__search__list li.icon-lab-s-simple > a, .Content__faq__list li.icon-lab-s-simple > a { background-image: url(../../images/icon_lab_s_simple.svg); background-color: #F0F1F5; }
.menu li.icon-lab-s-cool > a, .Content__search__list li.icon-lab-s-cool > a, .Content__faq__list li.icon-lab-s-cool > a { background-image: url(../../images/icon_lab_s_cool.svg); background-color: #F0F1F5; }
.menu li.icon-lab-s-plain > a, .Content__search__list li.icon-lab-s-plain > a, .Content__faq__list li.icon-lab-s-plain > a { background-image: url(../../images/icon_lab_s_plain.svg); background-color: #F0F1F5; }
.menu li.icon-lab-s-interesting > a, .Content__search__list li.icon-lab-s-interesting > a, .Content__faq__list li.icon-lab-s-interesting > a { background-image: url(../../images/icon_lab_s_interesting.svg); background-color: #F0F1F5; }
.menu li.icon-lab-howto > a, .Content__search__list li.icon-lab-howto > a, .Content__faq__list li.icon-lab-howto > a { background-image: url(../../images/icon_lab_howto.svg); background-color: #F0F1F5; }
.menu li.icon-lab-dictionary > a, .Content__search__list li.icon-lab-dictionary > a, .Content__faq__list li.icon-lab-dictionary > a { background-image: url(../../images/icon_lab_dictionary.svg); background-color: #F0F1F5; }
.menu li.icon-lab-soft > a, .Content__search__list li.icon-lab-soft > a, .Content__faq__list li.icon-lab-soft > a { background-image: url(../../images/icon_lab_soft.svg); background-color: #F0F1F5; }
.menu li.icon-lab-print > a, .Content__search__list li.icon-lab-print > a, .Content__faq__list li.icon-lab-print > a { background-image: url(../../images/icon_lab_print.svg); background-color: #F0F1F5; }
.menu li.icon-lab-trivia > a, .Content__search__list li.icon-lab-trivia > a, .Content__faq__list li.icon-lab-trivia > a { background-image: url(../../images/icon_lab_trivia.svg); background-color: #F0F1F5; }
.menu li.icon-lab > a, .Content__search__list li.icon-lab > a, .Content__faq__list li.icon-lab > a { background-image: url(../../images/icon_lab_w.svg); background-color: #5AB0CE; }
.menu li.icon-faq > a, .Content__search__list li.icon-faq > a, .Content__faq__list li.icon-faq > a { background-image: url(../../images/icon_faq_w.svg); background-color: #5AB0CE; }
.menu li.icon-about-fee > a, .Content__search__list li.icon-about-fee > a, .Content__faq__list li.icon-about-fee > a { background-image: url(../../images/icon_about_fee.svg); background-color: #F0F1F5; }
.menu li.icon-about-service > a, .Content__search__list li.icon-about-service > a, .Content__faq__list li.icon-about-service > a { background-image: url(../../images/icon_about_service.svg); background-color: #F0F1F5; }
.menu li.icon-about-rights > a, .Content__search__list li.icon-about-rights > a, .Content__faq__list li.icon-about-rights > a { background-image: url(../../images/icon_about_rights.svg); background-color: #F0F1F5; }
.menu li.icon-about-company > a, .Content__search__list li.icon-about-company > a, .Content__faq__list li.icon-about-company > a { background-image: url(../../images/icon_about_company.svg); background-color: #F0F1F5; }
.menu li.icon-about-partner > a, .Content__search__list li.icon-about-partner > a, .Content__faq__list li.icon-about-partner > a { background-image: url(../../images/icon_about_partner.svg); background-color: #F0F1F5; }
.menu li.icon-about-other > a, .Content__search__list li.icon-about-other > a, .Content__faq__list li.icon-about-other > a { background-image: url(../../images/icon_about_other.svg); background-color: #F0F1F5; }
.menu li.icon-price > a, .Content__search__list li.icon-price > a, .Content__faq__list li.icon-price > a { background-image: url(../../images/icon_fee_w.svg); background-color: #5AB0CE; }
.menu li.icon-market > a, .Content__search__list li.icon-market > a, .Content__faq__list li.icon-market > a { background-image: url(../../images/icon_market.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-kindergarten > a, .menu li.icon-pamph-kindergarten > div, .Content__search__list li.icon-pamph-kindergarten > a, .Content__search__list li.icon-pamph-kindergarten > div, .Content__faq__list li.icon-pamph-kindergarten > a, .Content__faq__list li.icon-pamph-kindergarten > div { background-image: url(../../images/icon_pamph_kindergarten.svg); background-color: #F0F1F5; }
.menu li.icon-company > a, .Content__search__list li.icon-company > a, .Content__faq__list li.icon-company > a { background-image: url(../../images/icon_company_w.svg); background-color: #5AB0CE; }
.menu li.icon-tokyo > a, .Content__search__list li.icon-tokyo > a, .Content__faq__list li.icon-tokyo > a { background-image: url(../../images/icon_tokyo.svg); background-color: #F0F1F5; }
.menu li.icon-osaka > a, .Content__search__list li.icon-osaka > a, .Content__faq__list li.icon-osaka > a { background-image: url(../../images/icon_osaka.svg); background-color: #F0F1F5; }
.menu li.icon-fukuoka > a, .Content__search__list li.icon-fukuoka > a, .Content__faq__list li.icon-fukuoka > a { background-image: url(../../images/icon_fukuoka.svg); background-color: #F0F1F5; }
.menu li.icon-sendai > a, .menu li.icon-sapporo > a, .Content__search__list li.icon-sendai > a, .Content__search__list li.icon-sapporo > a, .Content__faq__list li.icon-sendai > a, .Content__faq__list li.icon-sapporo > a { background-image: url(../../images/icon_sendai.svg); background-color: #F0F1F5; }
.menu li.icon-nagoya > a, .Content__search__list li.icon-nagoya > a, .Content__faq__list li.icon-nagoya > a { background-image: url(../../images/icon_nagoya.svg); background-color: #F0F1F5; }
.menu li.icon-kanazawa > a, .Content__search__list li.icon-kanazawa > a, .Content__faq__list li.icon-kanazawa > a { background-image: url(../../images/icon_kanazawa.svg); background-color: #F0F1F5; }
.menu li.icon-brochure > a, .Content__search__list li.icon-brochure > a, .Content__faq__list li.icon-brochure > a { background-image: url(../../images/icon_pamphlet_w.svg); background-color: #5AB0CE; }
.menu li.icon-contact > a, .Content__search__list li.icon-contact > a, .Content__faq__list li.icon-contact > a { background-image: url(../../images/icon_contact_w.svg); background-color: #5AB0CE; }
.menu li.icon-recruit > a, .Content__search__list li.icon-recruit > a, .Content__faq__list li.icon-recruit > a { background-image: url(../../images/icon_pamph_recruit_w.svg); background-color: #5AB0CE; }
.menu li.icon-entry > a, .Content__search__list li.icon-entry > a, .Content__faq__list li.icon-entry > a { background-image: url(../../images/icon_pamph_recruit.svg); background-color: #F0F1F5; }

.Content__home li.icon-pamphlet > a, .Content__home li.icon-pamphlet > h4 > a, .Content__design_company li.icon-pamphlet > a, .Content__design_company li.icon-pamphlet > h4 > a, .Sidenav--pamphlet li.icon-pamphlet > a, .Sidenav--pamphlet li.icon-pamphlet > h4 > a, .Sidenav--archive li.icon-pamphlet > a, .Sidenav--archive li.icon-pamphlet > h4 > a { background-image: url(../../images/icon_pamphlet_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-web > a, .Content__home li.icon-web > h4 > a, .Content__design_company li.icon-web > a, .Content__design_company li.icon-web > h4 > a, .Sidenav--pamphlet li.icon-web > a, .Sidenav--pamphlet li.icon-web > h4 > a, .Sidenav--archive li.icon-web > a, .Sidenav--archive li.icon-web > h4 > a { background-image: url(../../images/icon_web_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-logo > a, .Content__home li.icon-logo > h4 > a, .Content__design_company li.icon-logo > a, .Content__design_company li.icon-logo > h4 > a, .Sidenav--pamphlet li.icon-logo > a, .Sidenav--pamphlet li.icon-logo > h4 > a, .Sidenav--archive li.icon-logo > a, .Sidenav--archive li.icon-logo > h4 > a { background-image: url(../../images/icon_logo_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-powerpoint > a, .Content__home li.icon-powerpoint > h4 > a, .Content__design_company li.icon-powerpoint > a, .Content__design_company li.icon-powerpoint > h4 > a, .Sidenav--pamphlet li.icon-powerpoint > a, .Sidenav--pamphlet li.icon-powerpoint > h4 > a, .Sidenav--archive li.icon-powerpoint > a, .Sidenav--archive li.icon-powerpoint > h4 > a { background-image: url(../../images/icon_powerpoint_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-movie > a, .Content__home li.icon-movie > h4 > a, .Content__design_company li.icon-movie > a, .Content__design_company li.icon-movie > h4 > a, .Sidenav--pamphlet li.icon-movie > a, .Sidenav--pamphlet li.icon-movie > h4 > a, .Sidenav--archive li.icon-movie > a, .Sidenav--archive li.icon-movie > h4 > a { background-image: url(../../images/icon_movie_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-branding > a, .Content__home li.icon-branding > h4 > a, .Content__design_company li.icon-branding > a, .Content__design_company li.icon-branding > h4 > a, .Sidenav--pamphlet li.icon-branding > a, .Sidenav--pamphlet li.icon-branding > h4 > a, .Sidenav--archive li.icon-branding > a, .Sidenav--archive li.icon-branding > h4 > a { background-image: url(../../images/icon_branding_w.svg); background-color: #5AB0CE; }

/*======================
	main__ttl
======================*/
.main__ttl span.icon-results, .section__lab__list a.icon-results { background-image: url(../../images/icon_results.svg); }
.main__ttl span.icon-pamph-company, .section__lab__list a.icon-pamph-company { background-image: url(../../images/icon_pamph_company.svg); }
.main__ttl span.icon-pamph-service, .section__lab__list a.icon-pamph-service { background-image: url(../../images/icon_pamph_service.svg); }
.main__ttl span.icon-municipality, .section__lab__list a.icon-municipality { background-image: url(../../images/icon_municipality.svg); }
.main__ttl span.icon-pamph-recruit, .main__ttl span.icon-recruit, .section__lab__list a.icon-pamph-recruit, .section__lab__list a.icon-recruit { background-image: url(../../images/icon_pamph_recruit.svg); }
.main__ttl span.icon-pamph-school, .main__ttl span.icon-school, .section__lab__list a.icon-pamph-school, .section__lab__list a.icon-school { background-image: url(../../images/icon_pamph_school.svg); }
.main__ttl span.icon-corporation, .section__lab__list a.icon-corporation { background-image: url(../../images/icon_corporation.svg); }
.main__ttl span.icon-hospital, .main__ttl span.icon-pamph-clinic, .section__lab__list a.icon-hospital, .section__lab__list a.icon-pamph-clinic { background-image: url(../../images/icon_pamph_clinic.svg); }
.main__ttl span.icon-welfare, .section__lab__list a.icon-welfare { background-image: url(../../images/icon_welfare.svg); }
.main__ttl span.icon-kindergarten, .section__lab__list a.icon-kindergarten { background-image: url(../../images/icon_kindergarten.svg); }
.main__ttl span.icon-real-estate, .section__lab__list a.icon-real-estate { background-image: url(../../images/icon_real_estate.svg); }
.main__ttl span.icon-event, .main__ttl span.icon-pamph-event, .section__lab__list a.icon-event, .section__lab__list a.icon-pamph-event { background-image: url(../../images/icon_pamph_event.svg); }
.main__ttl span.icon-shop, .section__lab__list a.icon-shop { background-image: url(../../images/icon_shop.svg); }
.main__ttl span.icon-expert, .section__lab__list a.icon-expert { background-image: url(../../images/icon_expert.svg); }
.main__ttl span.icon-saddle, .section__lab__list a.icon-saddle { background-image: url(../../images/icon_saddle.svg); }
.main__ttl span.icon-two-fold, .section__lab__list a.icon-two-fold { background-image: url(../../images/icon_two_fold.svg); }
.main__ttl span.icon-three-fold, .section__lab__list a.icon-three-fold { background-image: url(../../images/icon_three_fold.svg); }
.main__ttl span.icon-leaflet, .section__lab__list a.icon-leaflet { background-image: url(../../images/icon_leaflet.svg); }
.main__ttl span.icon-pocket, .section__lab__list a.icon-pocket { background-image: url(../../images/icon_pocket.svg); }
.main__ttl span.icon-double-doors, .section__lab__list a.icon-double-doors { background-image: url(../../images/icon_double_doors.svg); }
.main__ttl span.icon-other, .section__lab__list a.icon-other { background-image: url(../../images/icon_other.svg); }
.main__ttl span.icon-web, .section__lab__list a.icon-web { background-image: url(../../images/icon_web.svg); }
.main__ttl span.icon-logo, .section__lab__list a.icon-logo { background-image: url(../../images/icon_logo.svg); }
.main__ttl span.icon-powerpoint, .section__lab__list a.icon-powerpoint { background-image: url(../../images/icon_powerpoint.svg); }
.main__ttl span.icon-movie, .section__lab__list a.icon-movie { background-image: url(../../images/icon_movie.svg); }
.main__ttl span.icon-branding, .section__lab__list a.icon-branding { background-image: url(../../images/icon_branding.svg); }
.main__ttl span.icon-lab, .section__lab__list a.icon-lab { background-image: url(../../images/icon_lab.svg); }
.main__ttl span.icon-lab-sample, .section__lab__list a.icon-lab-sample { background-image: url(../../images/icon_lab_sample.svg); }
.main__ttl span.icon-lab-s-simple, .section__lab__list a.icon-lab-s-simple { background-image: url(../../images/icon_lab_s_simple.svg); }
.main__ttl span.icon-lab-s-cool, .section__lab__list a.icon-lab-s-cool { background-image: url(../../images/icon_lab_s_cool.svg); }
.main__ttl span.icon-lab-s-plain, .section__lab__list a.icon-lab-s-plain { background-image: url(../../images/icon_lab_s_plain.svg); }
.main__ttl span.icon-lab-s-interesting, .section__lab__list a.icon-lab-s-interesting { background-image: url(../../images/icon_lab_s_interesting.svg); }
.main__ttl span.icon-lab-howto, .section__lab__list a.icon-lab-howto { background-image: url(../../images/icon_lab_howto.svg); }
.main__ttl span.icon-lab-dictionary, .section__lab__list a.icon-lab-dictionary { background-image: url(../../images/icon_lab_dictionary.svg); }
.main__ttl span.icon-lab-soft, .section__lab__list a.icon-lab-soft { background-image: url(../../images/icon_lab_soft.svg); }
.main__ttl span.icon-lab-print, .section__lab__list a.icon-lab-print { background-image: url(../../images/icon_lab_print.svg); }
.main__ttl span.icon-lab-trivia, .section__lab__list a.icon-lab-trivia { background-image: url(../../images/icon_lab_trivia.svg); }
.main__ttl span.icon-faq, .section__lab__list a.icon-faq { background-image: url(../../images/icon_faq_ttl.svg); }
.main__ttl span.icon-about-fee, .section__lab__list a.icon-about-fee { background-image: url(../../images/icon_about_fee.svg); }
.main__ttl span.icon-about-service, .section__lab__list a.icon-about-service { background-image: url(../../images/icon_about_service.svg); }
.main__ttl span.icon-about-rights, .section__lab__list a.icon-about-rights { background-image: url(../../images/icon_about_rights.svg); }
.main__ttl span.icon-about-company, .section__lab__list a.icon-about-company { background-image: url(../../images/icon_about_company.svg); }
.main__ttl span.icon-about-partner, .section__lab__list a.icon-about-partner { background-image: url(../../images/icon_about_partner.svg); }
.main__ttl span.icon-about-other, .section__lab__list a.icon-about-other { background-image: url(../../images/icon_about_other.svg); }
.main__ttl span.icon-design_company, .main__ttl span.icon-page-structure, .main__ttl span.icon-company-flow, .main__ttl span.icon-company-print, .section__lab__list a.icon-design_company, .section__lab__list a.icon-page-structure, .section__lab__list a.icon-company-flow, .section__lab__list a.icon-company-print { background-image: url(../../images/icon_pamph_company.svg); }
.main__ttl span.icon-price, .section__lab__list a.icon-price { background-image: url(../../images/icon_fee_ttl.svg); }
.main__ttl span.icon-market, .section__lab__list a.icon-market { background-image: url(../../images/icon_market.svg); }
.main__ttl span.icon-pamphlet, .main__ttl span.icon-brochure, .section__lab__list a.icon-pamphlet, .section__lab__list a.icon-brochure { background-image: url(../../images/icon_pamphlet_ttl.svg); }
.main__ttl span.icon-pamph-catalog, .section__lab__list a.icon-pamph-catalog { background-image: url(../../images/icon_pamph_catalog.svg); }
.main__ttl span.icon-pamph-english, .section__lab__list a.icon-pamph-english { background-image: url(../../images/icon_pamph_english.svg); }
.main__ttl span.icon-pamph-manga, .section__lab__list a.icon-pamph-manga { background-image: url(../../images/icon_pamph_manga.svg); }
.main__ttl span.icon-dm, .section__lab__list a.icon-dm { background-image: url(../../images/icon_dm.svg); }
.main__ttl span.icon-pamph-kindergarten, .section__lab__list a.icon-pamph-kindergarten { background-image: url(../../images/icon_pamph_kindergarten.svg); }
.main__ttl span.icon-company, .section__lab__list a.icon-company { background-image: url(../../images/icon_company_ttl.svg); }
.main__ttl span.icon-tokyo, .section__lab__list a.icon-tokyo { background-image: url(../../images/icon_tokyo.svg); }
.main__ttl span.icon-osaka, .section__lab__list a.icon-osaka { background-image: url(../../images/icon_osaka.svg); }
.main__ttl span.icon-fukuoka, .section__lab__list a.icon-fukuoka { background-image: url(../../images/icon_fukuoka.svg); }
.main__ttl span.icon-kanazawa, .section__lab__list a.icon-kanazawa { background-image: url(../../images/icon_kanazawa.svg); }
.main__ttl span.icon-sendai, .main__ttl span.icon-sapporo, .section__lab__list a.icon-sendai, .section__lab__list a.icon-sapporo { background-image: url(../../images/icon_sendai.svg); }
.main__ttl span.icon-nagoya, .section__lab__list a.icon-nagoya { background-image: url(../../images/icon_nagoya.svg); }
.main__ttl span.icon-contact, .main__ttl span.icon-contact-designer, .main__ttl span.icon-thanks, .section__lab__list a.icon-contact, .section__lab__list a.icon-contact-designer, .section__lab__list a.icon-thanks { background-image: url(../../images/icon_mail_ttl.svg); }
.main__ttl span.icon-partner, .section__lab__list a.icon-partner { background-image: url(../../images/icon_partner.svg); }

body { font-family: 'Noto Sans JP',"YuGothic","游ゴシック","游ゴシック体",'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ ProN W3",'YuGothic',"游ゴシック",'Meiryo',"メイリオ",'MS PGothic',"ＭＳ Ｐゴシック",sans-serif; font-size: 16px; line-height: 1; color: #000000; }

* { box-sizing: border-box; }

:root { scroll-behavior: auto; }

img { max-width: 100%; vertical-align: bottom; }

a, a:hover, a:focus { text-decoration: none; color: inherit; }

a { color: #000000; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
a:hover { color: #000000; }
a > img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
a > img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

a:not([href]) { pointer-events: none; }
a:not([href]):after { content: none !important; }

h1, h2, h3, h4, .h4, h5, .h5, h6, .h6, p, ul, li, dl, dt, th { font-weight: normal; margin: 0; padding: 0; line-height: inherit; font-size: inherit; }

ul, li { list-style: none; }

p { line-height: 1.8; }

button { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

section { margin-top: 88px; }

.breadcrumbs { line-height: 1.4; font-size: 16px; }
.breadcrumbs img { height: 23px; width: 5px; margin: 0 0.5em; }
.breadcrumbs a:hover { color: #FF5AA0; }
.breadcrumbs + .results__list { margin-top: 0; }
.breadcrumbs .arrow { font-size: 12px; }
.breadcrumbs + section { margin-top: 60px; }

.alm-load-more-btn.done { display: none !important; }

.content_fade { visibility: hidden; }

.flex-img { flex-shrink: 1; }

/*======================
	parts
======================*/
.page_ttl { font-size: 40px; padding: .7em 0; line-height: 1.4; }
.page_ttl span { display: block; font-size: 24px; }

.content_ttl { font-size: 32px; line-height: 1.4; }

.section_ttl { font-size: 24px; line-height: 1.4; }

.check_list li { font-size: 18px; font-weight: bold; padding-left: 2em; background: url(../../images/icon_check.svg) left center no-repeat; }
.check_list li + li { margin-top: 1em; }

.text_small { font-size: 14px; }

.text_large { font-size: 24px; }

.content_text_list { margin-top: 24px; }
.content_text_list > * { margin-top: 24px; }
.content_text_list > * + * { margin-top: 2px; }

.link_more, .info_single .pnavi .single_next a { position: relative; display: inline-block; padding: 0.5em 54px 0.5em 0; color: #000; line-height: 16px; vertical-align: middle; margin-top: -0.1em; }
.link_more:before, .info_single .pnavi .single_next a:before, .link_more:after, .info_single .pnavi .single_next a:after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.link_more:before, .info_single .pnavi .single_next a:before { width: 48px; height: 1px; right: 0; background: #000; }
.link_more:after, .info_single .pnavi .single_next a:after { width: 8px; height: 8px; right: 0; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.link_more:hover, .info_single .pnavi .single_next a:hover { color: #FF5AA0; }
.link_more:hover:before, .info_single .pnavi .single_next a:hover:before { background: #FF5AA0; width: 28px; right: 20px; }
.link_more:hover:after, .info_single .pnavi .single_next a:hover:after { border-top: 1px solid #FF5AA0; border-right: 1px solid #FF5AA0; right: 20px; }

.link_more--left, .info_single .pnavi .single_prev a { position: relative; display: inline-block; padding: 0.5em 0 0.5em 54px; color: #000; line-height: 16px; vertical-align: middle; margin-top: -0.1em; }
.link_more--left:before, .info_single .pnavi .single_prev a:before, .link_more--left:after, .info_single .pnavi .single_prev a:after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.link_more--left:before, .info_single .pnavi .single_prev a:before { width: 48px; height: 1px; left: 0; background: #000; }
.link_more--left:after, .info_single .pnavi .single_prev a:after { width: 8px; height: 8px; left: 0; border-bottom: 1px solid #000; border-left: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.link_more--left:hover, .info_single .pnavi .single_prev a:hover { color: #FF5AA0; }
.link_more--left:hover:before, .info_single .pnavi .single_prev a:hover:before { background: #FF5AA0; width: 28px; left: 20px; }
.link_more--left:hover:after, .info_single .pnavi .single_prev a:hover:after { border-bottom: 1px solid #FF5AA0; border-left: 1px solid #FF5AA0; left: 20px; }

.link_more--min { width: 50px; padding: 0.5em 1em 0.5em 0; }
.link_more--min:before { right: 0; }
.link_more--min:after { right: 0; }
.link_more--min:hover:before { right: 0; }
.link_more--min:hover:after { right: 0; }

.frame_oct { background: linear-gradient(45deg, rgba(0, 0, 0, 0) 14px, #000000 15px, #000000 16px, #ffffff 17px), linear-gradient(135deg, rgba(0, 0, 0, 0) 14px, #000000 15px, #000000 16px, #ffffff 17px), linear-gradient(225deg, rgba(0, 0, 0, 0) 14px, #000000 15px, #000000 16px, #ffffff 17px), linear-gradient(315deg, rgba(0, 0, 0, 0) 14px, #000000 15px, #000000 16px, #ffffff 17px); background-position: bottom left,top left,top right,bottom right; background-size: 51% 51%; background-repeat: no-repeat; }
.frame_oct:before, .frame_oct:after { display: block; content: ""; width: auto; margin: 0 21px; }
.frame_oct:before { border-top: solid 2px #000; }
.frame_oct:after { border-bottom: solid 2px #000; }
.frame_oct > div { border-left: solid 2px #000; border-right: solid 2px #000; margin: 19px 0; padding: 20px 30px; }
.frame_oct .frame_oct_ttl { font-size: 24px;line-height: 1.4; }
.frame_oct .frame_oct_subttl { font-size: 18px; }

.bdr_top { border-top: solid 1px #000; }

.bdr_btm { border-bottom: solid 1px #000; }

.bdr_double_top { position: relative; border-top: solid 2px #000; }
.bdr_double_top:before { content: ""; position: absolute; top: 4px; left: 0; right: 0; border-top: solid 2px #000; z-index: -1; }

.bdr_double_btm { position: relative; border-bottom: solid 2px #000; }
.bdr_double_btm:before { content: ""; position: absolute; bottom: 4px; left: 0; right: 0; border-bottom: solid 2px #000; z-index: -1; }

.bdr_double_left { position: relative; border-left: solid 2px #000; }
.bdr_double_left a { padding-top: 0; padding-bottom: 0; }
.bdr_double_left:before { content: ""; position: absolute; height: 100%; bottom: 0; left: 4px; right: 0; border-left: solid 2px #000; z-index: -1; }

.bdr_double_right { position: relative; border-right: solid 2px #000; }
.bdr_double_right:before { content: ""; position: absolute; height: 100%; bottom: 0; left: 0; right: 4px; border-right: solid 2px #000; z-index: -1; }

.link_label { border-top: 1px solid #000; }
.link_label a { display: block; text-align: center; line-height: 2; padding: 0 .8em; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #E7ECEF; }
.link_label a.impression_link { background: #FFDBEA; }
.link_label a:hover { background: #ffadd0; opacity: 1 !important; }

.cont_2column { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.cont_2column > div, .cont_2column > li { width: 48%; }

.cont_3column { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.cont_3column > div, .cont_3column > li { width: 32%; }

.scroll-to-top { display: none; position: fixed; right: 16px; bottom: 160px; font-size: 1.15em; height: 40px; width: 40px; background-color: #666; line-height: 40px; color: #ffffff; text-align: center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; cursor: pointer; z-index: 9999; }
.scroll-to-top span { content: ''; width: 8px; height: 8px; border: 0; border-top: solid 2px #fff; border-left: solid 2px #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 16px; left: auto; margin-top: -3px; }
.scroll-to-top:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }

.side_contact { display: none; position: fixed; right: 0; bottom: 0; text-align: center; z-index: 8; padding: 2px 12px; background-color: #FF5AA0; }
.side_contact a { display: block; color: #fff; font-size: 10px; }

.side_contact_mail { border-top: 1px solid #fff; }
.side_contact_mail a { -js-display: flex; display: flex; align-items: center; justify-content: center; }
.side_contact_mail a:hover { color: #000; }

.slide__prev { width: 20px; height: 30px; cursor: pointer; position: absolute; z-index: 9; top: 50%; left: 10px; margin-top: -10px; }
.slide__prev:after { content: ''; width: 20px; height: 20px; border: 0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; border-bottom: solid 2px #4D4E52; border-left: solid 2px #4D4E52; left: 4px; top: 4px; }

.text_indent { text-indent: -1em; padding-left: 1em; }

.bg_yl { background-color: #FFE758; }

/*======================
	header
======================*/
#header { position: fixed; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; width: 100%; height: 76px; background: #fff; z-index: 10; }
#header .header_contact_lang { padding: 12px 0 0; font-size: 12px; }
#header .header_contact_lang a { display: inline-block; background: url(../../images/ico_arrow_left.svg) left center no-repeat; color: #000000; margin-left: 8px; padding-left: 8px; }
#header .header_contact_lang a:hover { color: #FF5AA0; }
#header .header__nav { -js-display: flex; display: flex; align-items: start; justify-content: space-between; }
#header .header__nav .header__logo { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;
  width: 180px;
  height: 110px;
  background: #fff;
  position: relative;
  padding: 16px 16px 16px 0;
}
#header .header__nav .header__logo img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
#header #nav-primary { margin-left: auto; }
#header #nav-primary, #header .header_contact { margin-top: 12px; }
#header .header_contact { -js-display: flex; display: flex; justify-content: center; align-items: center; width: 400px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #FF5AA0; margin-left: 40px; padding: 12px; }
#header .header_contact p { line-height: 1; }
#header .header_contact a { -js-display: flex; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 24px; }
#header .header_contact a span { padding-left: 4px; }
#header .header_contact .header_contact_mail { margin-left: 24px; }
#header.head_home .header__nav .header__logo {
  width: 240px;
  height: 152px;
  padding: 24px 24px 24px 0;
}

#menu-primary { margin: 0; }
#menu-primary > li + li { margin-left: 20px; }
#menu-primary > li > a { height: auto; padding: 16px 0 32px; position: relative; }
#menu-primary > li > a:hover { color: #FF5AA0 !important; }
#menu-primary > li.no-index > .header-nav-child { padding-top: 44px; }
#menu-primary .header-nav-child .mega-grid > a { display: inline-block; font-size: 16px; border: 1px solid #fff; margin: 0 0 4px; padding: 5px; }
#menu-primary .header-nav-child .mega-grid .header-nav-child { top: 0; }

/*======================
	front-page
======================*/
.home_kv_wrap, .header_inner { padding: 0 40px; }

.home_kv_cont { position: relative; }

.home_kv {
  min-height: 520px;
  height: calc(100vh - 76px);
  overflow: hidden;
}
.home_kv video {
  object-fit: cover;
}
.home_kv li { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 100%; }
.home_kv li img { height: 100%; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; /*IE*/ }
.home_kv .slick-list, .home_kv .slick-track { height: 100%; }

.home_kv--result { height: calc(100vh - 120px - 40px + 80px); min-height: 600px; }
.home_kv--result.slick-dotted.slick-slider { margin-bottom: 40px; }
.home_kv--result li { padding-bottom: 80px; }
.home_kv--result .slick-dots { bottom: 58px; }
.home_kv--result .slick-dots li { padding-bottom: 0; }

.home_kv--result_img { height: 100%; overflow: hidden; }

.slick-dots { width: auto; bottom: -22px; right: 0; }
.slick-dots li { width: 40px; height: 6px; margin: 0 0 0 12px; }
.slick-dots li button { width: 40px; height: 6px; padding: 0; color: #000; background: #E7ECEF; }
.slick-dots li button:before { content: none; }
.slick-dots li.slick-active button { background: #FF5AA0; }

.slick-dotted.slick-slider { margin-bottom: 0; }

.slick-animation img { animation: fadezoom 8s 0s forwards; }

@keyframes fadezoom { 0% { transform: scale(1.1); }
  100% { transform: scale(1); } }

.home_kv_text {
  position: absolute;
  top: 88px;
  left: 6%;
  text-align: center;
  width: 180px;
}
.mv-btn {
  display: block;
  border-radius: 4px;
  background-color: #FF5AA0;
  text-align: center;
  padding: 10px 5px 10px 25px;
  background-image: url("../../images/icons/mv-btn.svg");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  color: #ffffff;
  margin-top: 0.5em;
}
.home_kv_text h2 {
  font-size: 72px;
  font-weight: bold;
  line-height: 1.2;
  color: #ffffff;
  text-shadow: 0px 1px 2px #000;
}
.home_kv_text h2 img {
  margin-left: 20px;
}
.home_kv_text#tpm-ver2 {
  top: 78%;
}
.home_kv_text#tpm-ver2 h2 {
  font-size: 60px;
}
.home_kv_text h2 span#h2-1 {
  font-size: 1.5em;
}
.home_kv_text h2 span#h2-2 {
  font-size: 1.2em;
}
.home_kv_text h2 span#h2-3 {
  font-size: 1.4em;
}
.home_kv_text h3 {
  margin-top: 10px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  color: #ffffff;
  text-shadow: 0px 1px 2px #000;
}
.home_kv_text h3 span {
  background: linear-gradient(transparent 85%, #FF5AA0 0%);
}
.home_kv_text--result { -js-display: flex; display: flex; flex-flow: row-reverse; top: 70px; left: 70px; }
.home_kv_text--result h1, .home_kv_text--result h2 { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; text-orientation: upright; line-height: 1.3; }
.home_kv_text--result h1 { font-size: 40px; }
.home_kv_text--result h2 { font-size: 26px; margin-left: .3em; }

.home_ttl { font-size: 40px; display: flex; align-items: center; text-align: center; line-height: 1.4; }
.home_ttl:before, .home_ttl:after { content: ""; height: 2px; flex-grow: 1; background-color: #000; }
.home_ttl:before { margin-right: 1rem; }
.home_ttl:after { margin-left: 1rem; }
.home_ttl .home_ttl_innner { display: inline-block; font-size: 20px; position: relative; line-height: 1.3; margin-bottom: .3em; }
.home_ttl .home_ttl_innner img { position: absolute; }
.home_ttl .home_ttl_innner:before, .home_ttl .home_ttl_innner:after { position: relative; display: inline-block; content: ""; background: #000; width: 2px; height: 25px; margin: 0 .5em; margin-top: -.2em; vertical-align: middle; }
.home_ttl .home_ttl_innner:before { transform: rotate(-30deg); }
.home_ttl .home_ttl_innner:after { transform: rotate(30deg); }
.home_ttl.home_result_ttl .home_ttl_innner span { font-size: 24px; padding: 0 .2em; }
.home_ttl.home_result_ttl .home_ttl_innner img { top: -.9em; right: 2.7em; }
.home_ttl.home_reason_ttl .home_ttl_innner span { padding-top: 10px; background: url(../../images/ico_diamond.svg) top center no-repeat; }

.reason_list { justify-content: space-between; }
.reason_list > div div { padding-top: 0; }
.reason_list > div:first-child .reason_inner { background: url(../../images/home_reason_num01.svg) left top no-repeat; }
.reason_list > div:nth-child(2) .reason_inner { background: url(../../images/home_reason_num02.svg) left top no-repeat; }
.reason_list > div:last-child .reason_inner { background: url(../../images/home_reason_num03.svg) left top no-repeat; }
.reason_list .reason_img { margin-top: 2em; }
.reason_list h4 { display: flex; align-items: center; text-align: center; }
.reason_list h4:before, .reason_list h4:after { content: ""; height: 1px; flex-grow: 1; background-color: #000; }
.reason_list h4:before { margin-right: 1rem; }
.reason_list h4:after { margin-left: 1rem; }

.contact_cont { position: relative; margin: 1em 14px 0 8px; padding: 24px 60px 60px; border-left: solid 2px #000; border-right: solid 2px #000; border-bottom: solid 2px #000; width: calc(100% - 16px); }
.contact_cont:before { content: ""; position: absolute; top: 6px; bottom: -8px; left: 4px; right: -8px; border-right: solid 2px #000; border-bottom: solid 2px #000; z-index: -1; }
.contact_cont .contact_tel, .contact_cont .contact_mail { align-items: center; }
.contact_cont .contact_tel a { color: #FF5AA0; font-size: 56px; }
.contact_cont .contact_tel p { line-height: 1.5; }
.contact_cont .contact_mail a { display: block; color: #fff; font-size: 32px; line-height: 2; padding: 0 .8em; background: #FF5AA0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contact_cont .contact_tel_img, .contact_cont .contact_mail_img { margin-top: -.8em; }
.contact_cont .contact_tel_list { font-size: 20px; line-height: 24px; }
.contact_cont .contact_tel_list span { display: inline-block; width: 24px; color: #fff; text-align: center; font-weight: bold; background: #000; margin-right: .5em; }
.contact_cont.bdr_top { border-top: solid 2px #000; }

.contact_ttl { position: relative; height: 64px; line-height: 64px; text-align: center; padding: 0 32px; font-size: 32px; background: #FF5AA0; color: #FFF; box-sizing: border-box; }
.contact_ttl:before, .contact_ttl:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; }
.contact_ttl:before { top: 0; left: 0; border-width: 32px 0px 32px 14px; border-color: transparent transparent transparent #fff; border-style: solid; }
.contact_ttl:after { top: 0; right: 0; border-width: 32px 14px 32px 0px; border-color: transparent #fff transparent transparent; border-style: solid; }

.home_office h2 { font-size: 40px; }
.home_office h2 span { font-size: 20px; }
.home_office h2 .ico_dash { padding: 1em 1.5em 0 0; background: url(../../images/ico_dash.svg) right top no-repeat; }
.home_office .link_label { border-top: none; padding-top: 0 !important; }
.home_office .link_label a { min-width: 112px; font-size: 20px; }

.category_link { height: 100%; -js-display: flex; display: flex; align-items: center; justify-content: center; flex-flow: column; }
.category_link .category_text { display: block; font-size: 36px; }
.category_link .category_text span { display: block; font-size: 20px; }
.category_link .category_more { display: block; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.category_link:hover { color: #FF5AA0; }
.category_link:hover .category_more { margin-left: 1em; }
.category_link.category_link--min .category_text { font-size: 30px; line-height: 1.4; }

.home_info > div:first-child .info_inner { background: url(../../images/home_info_bg.svg) left top no-repeat; }
.home_info > div:last-child .info_inner { background: url(../../images/home_faq_bg.svg) left top no-repeat; }
.home_info .frame_oct .frame_oct_ttl { font-size: 32px; }
.home_info .faq_list dt { padding: .8em 32px .8em 0; }

.info_list { line-height: 1.3; }
.info_list a { display: block; line-height: 1.8; padding: 1.2em 0; border-bottom: 1px solid #000; }
.info_list a:hover { color: #FF5AA0; }
.info_list .info_date { width: 10em; padding-right: 1em; display: block; }
.info_list .info_text { display: block; background: url(../../images/ico_arrow_left.svg) right center no-repeat; background-size: 5px auto; padding-right: 10px; }
.info_list.info--page .info_text { width: calc(100% - 10em); }

.faq_wrap { overflow-y: auto; }

.faq_list { line-height: 1.6; }
.faq_list dt, .faq_list dd > div { -js-display: flex; display: flex; align-items: flex-start; }
.faq_list dt span:first-child, .faq_list dd > div span:first-child { font-size: 20px; font-weight: bold; line-height: 1; padding-right: 8px; }
.faq_list dt { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; padding: 1.5em 32px 1.5em 0; cursor: pointer; border-top: 1px solid #000; background: url(../../images/ico_arrow_btm.svg) right 8px center no-repeat; }
.faq_list dt:first-child {
  border-top: 0;
}
.faq_list dt:hover { color: #FF5AA0; }
.faq_list dt.active { background: url(../../images/ico_arrow_top.svg) right 8px center no-repeat;
}
.faq_list dd { display: none; background: #fff; padding: .8em 0; line-height: 2;
}
.faq_list dd > div span:first-child { color: #D3493E; padding-right: 10px; line-height: 1.6; }
.faq_list dd a { text-decoration: underline; }
.faq_list dd a:hover { text-decoration: none; }

.home_step_list { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: center; }
.home_step_list > div { width: 18.5%; }
.home_step_list > div + div { margin-left: 1.8%; }
.home_step_list > div h3 { font-size: 20px; }
.home_step_list > div p span { background: #FF5AA0; }
.home_step_list > div:first-child > div { background: url(../../images/home_reason_num01.svg) left 16px top no-repeat; background-size: auto 48px; }
.home_step_list > div:nth-child(2) > div { background: url(../../images/home_reason_num02.svg) left 16px top no-repeat; background-size: auto 48px; }
.home_step_list > div:nth-child(3) > div { background: url(../../images/home_reason_num03.svg) left 16px top no-repeat; background-size: auto 48px; }
.home_step_list > div:nth-child(4) > div { background: url(../../images/home_reason_num04.svg) left 16px top no-repeat; background-size: auto 48px; }
.home_step_list > div:last-child > div { background: url(../../images/home_reason_num05.svg) left 16px top no-repeat; background-size: auto 48px; }

.ribon_ttl { position: relative; height: 48px; line-height: 48px; text-align: center; padding: 0 32px; background: #000000; color: #FFF; box-sizing: border-box; }
.ribon_ttl:before, .ribon_ttl:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; }
.ribon_ttl:before { top: 0; left: 0; border-width: 24px 0px 24px 10px; border-color: transparent transparent transparent #fff; border-style: solid; }
.ribon_ttl:after { top: 0; right: 0; border-width: 24px 10px 24px 0px; border-color: transparent #fff transparent transparent; border-style: solid; }

.frame_oct .frame_oct_ttl.ribon_ttl {
  line-height: 48px;
}

.reason_list.price_list > div div {
  padding-top: 8px;
}

/*======================
	main
======================*/
main { padding-top: 76px; padding-bottom: 80px; }

/*======================
	footer
======================*/
.footer_top { padding: 64px 0 88px; background: #E7ECEF; }
.footer_top .footer_box { border: 1px solid #000; padding: 40px; position: relative; }
.footer_top .footer_box .sub-index { font-size: 20px; font-weight: bold; line-height: 1.6; position: absolute; top: -1em; left: -1px; background: #E7ECEF; padding-right: 0.5em; }
.footer_top ul li a { display: block; }
.footer_top ul li + li a { padding-top: 1.5em; }
.footer_top .grid-index ul { margin-top: 0; }
.footer_top .grid-index ul li { display: block; }
.footer_top .grid-index ul li a { padding: 16px 0 0; line-height: 1.3; }
.footer_top .grid-index > p { font-weight: bold; line-height: 2.5; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.footer_top > div > *:last-child { margin-bottom: 0; }

.footer_bottom { padding: 58px 0 48px; background: #000000; color: #fff; font-size: 16px; }
.footer_bottom a { color: #fff; }
.footer_bottom .footer_bottom__list { margin-top: 24px; border-top: 1px solid #fff; padding-top: 16px; }
.footer_bottom li a { display: block; }
.footer_bottom li + li a { padding-top: 1.5em; }
.footer_bottom .copy { font-size: 12px; }
.footer_bottom .footer_bottom__txt { -js-display: flex; display: flex; }
.footer_bottom .footer_bottom__txt .footer_logo { min-width: 100px; }
.footer_bottom .footer_bottom__txt .footer_bottom_ttl { font-size: 16px; font-weight: bold; line-height: 1; }
.footer_bottom .footer_bottom__txt .footer_bottom_ttl + p { margin-top: .5em; }

.footer_lang { justify-content: flex-end; }
.footer_lang a { display: block; padding-left: .8em; margin-left: 1em; background: url(../../images/ico_arrow_left_w.svg) left center no-repeat; }

.footer_login { border-top: 2px solid #fff; }
.footer_login .Content__link { font-size: 14px; margin-top: 0; padding: .5em 1em .5em; color: #000000; background: #D6D8E0; }
.footer_login .Content__link:hover { color: #000000; background: #b9bcca; }

/*======================
	results
======================*/
.result_list { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.result_list li { width: 45.5%; margin-top: 60px; }
.result_list li > a { justify-content: space-between; max-height: 394px; }
.result_list li > a:hover .result_img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.result_list .result_img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE*/ height: 100%; width: auto; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.result_list .result_ttl {font-size: 22px; line-height: 1.4;}
.result_list .result_name { font-size: 20px; }
.result_list .result_pamphlet_text { border-bottom: 1px solid #000; }
.result_list.result_list--3column li { width: 32%; margin-top: 40px; }
.result_list.result_list--3column li > a { max-height: none; }
.result_list.result_list--3column .result_ttl { width: 100%; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; border-top: 0; }
.result_list.result_list--3column .result_img { height: auto; width: 100%; }
.result_list.result_list--3column .result_name { font-size: 18px; }

.result_top_ttl { position: absolute; bottom: 0; }
.result_top_ttl p { font-size: 32px; }

.result_single_left { min-width: 236px; padding-right: 40px; }

.result_single_right { padding-left: 44px; }
.result_single_right .link_label { border-top: none; }

.result_single_ttl { font-size: 48px; }

.result_single_main section + section { margin-top: 88px !important; }

.result_single_text p + p { margin-top: 1.5em; }

.result_single_designer { position: relative; border-bottom: 2px solid #000000; border-left: 2px solid #000000; }
.result_single_designer:after, .result_single_designer:before { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; right: 100%; top: 38%; }
.result_single_designer:after { border-color: rgba(255, 255, 255, 0); border-top-width: 7px; border-bottom-width: 7px; border-left-width: 13px; border-right-width: 13px; margin-top: 2px; border-right-color: #FFFFFF; }
.result_single_designer:before { border-color: transparent; border-top-width: 9px; border-bottom-width: 9px; border-left-width: 16px; border-right-width: 16px; margin-top: 0; margin-right: 1px; border-right-color: #000000; }
.bnr_service { -js-display: flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.bnr_service li { width: 23.5%; border: 2px solid #000; }
.bnr_service a { display: block; padding: 2em; }

/*======================
	lab
======================*/
.result_new .link_label { border-top: 2px solid #000; }

.result_list--lab { justify-content: flex-start; }
.result_list--lab li { width: 31%; margin-left: 3.5%; }
.result_list--lab li:nth-child(3n+1) { margin-left: 0%; }
.result_list--lab .result_ttl { width: 100% !important; border-top: none; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 20px; }

/* howto */
.Content_kv.howto-page { background: url(../../images/howto/mv.jpg) center bottom no-repeat; padding: 100px 32px 32px 80px; padding-bottom: 240px; background-size: cover; position: relative; height: 680px; }
.Content_kv.howto-page .content_link { color: #fff; line-height: 1.4; padding: 10px 76px 10px 16px; text-align: left; position: absolute; bottom: 32px; right: 32px; background: #FF5AA0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.Content_kv.howto-page .content_link.link_more:before, .Content_kv.howto-page .info_single .pnavi .single_next a.content_link:before, .info_single .pnavi .single_next .Content_kv.howto-page a.content_link:before { right: 20px; background: #fff; }
.Content_kv.howto-page .content_link.link_more:after, .Content_kv.howto-page .info_single .pnavi .single_next a.content_link:after, .info_single .pnavi .single_next .Content_kv.howto-page a.content_link:after { right: 20px; border-top: 1px solid #fff; border-right: 1px solid #fff; }
.Content_kv.howto-page .content_link.link_more:hover:before, .Content_kv.howto-page .info_single .pnavi .single_next a.content_link:hover:before, .info_single .pnavi .single_next .Content_kv.howto-page a.content_link:hover:before, .Content_kv.howto-page .content_link.link_more:hover:after, .Content_kv.howto-page .info_single .pnavi .single_next a.content_link:hover:after, .info_single .pnavi .single_next .Content_kv.howto-page a.content_link:hover:after { right: 40px; }
.Content_kv.howto-page h1, .Content_kv.howto-page p { display: inline-block; line-height: 1.2; padding: 7px 10px; background-color: #ffffff; }
.Content_kv.howto-page h1 { font-size: 40px; padding: 6px 10px; }
.Content_kv.howto-page p { font-size: 20px; margin-top: 0; }

.single_lab a { color: #FF5AA0; }
.single_lab a:hover { color: #000; }
.single_lab img { margin-top: 1em; max-width: 100%; }

.page-index h3 { font-size: 18px; }
.page-index ol { counter-reset: list; list-style-type: none; padding: 0; margin: 0; }
.page-index ol a:hover { color: #FF5AA0; }
.page-index > ol > li { position: relative; padding: 0 0 0 30px; margin: 1em 0 0; font-size: 18px; line-height: 1.7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.page-index > ol > li:before { counter-increment: list; content: counter(list); position: absolute; left: 0px; width: 24px; height: 24px; text-align: center; border: 1px solid #000; line-height: 22px; top: 16px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-index > ol > li > ol > li { font-size: 14px; margin: 7px 0 7px 0px; }
.page-index > ol > li > ol > li:hover { color: #FF5AA0; }

.content_pamphlet_list li a { -js-display: flex; display: flex; }
.content_pamphlet_list li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.content_pamphlet_list li a:hover .content_pamphlet_arrow { padding-right: 0; }

.content_pamphlet_list img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }

.content_pamphlet_arrow { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; text-align: right; padding-right: 1em; }

.pamphlet_img { width: 240px; min-width: 240px; }
.pamphlet_img img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE*/ }

.pamphlet_txt { width: calc(100% - 240px); }
.pamphlet_txt h3 { font-size: 18px; }

.content_label { font-size: 14px; }

.content_label_ttl { width: 4em; text-align: center; margin-right: 4px; padding: 2px 4px; border: 1px solid #4D4E52; }

/*======================
	faq
======================*/
.Content__faq__list { margin-top: 16px; }
.Content__faq__list li { margin-top: 8px; }
.Content__faq__list li a { display: block; font-size: 18px; font-weight: bold; padding: 24px 24px 24px 64px; background-size: 40px; position: relative; }
.Content__faq__list li a:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #000000; border-right: solid 1px #000000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 14px; left: auto; margin-top: -4px; }
.Content__faq__list li a:hover { background-color: #d8e0e5; }

/*======================
	partner
======================*/
.content_partner_list { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.content_partner_list li { display: table; width: 13%; text-align: center; }
.content_partner_list li .frame_oct > div { background-position: top center; background-repeat: no-repeat; background-size: 86px 80px; display: table; width: 100%; padding: 90px 0 0; }
.content_partner_list li:first-child .frame_oct > div { background-image: url(../../images/partner_img001.svg); }
.content_partner_list li:nth-child(2) .frame_oct > div { background-image: url(../../images/partner_img002.svg); }
.content_partner_list li:nth-child(3) .frame_oct > div { background-image: url(../../images/partner_img003.svg); }
.content_partner_list li:nth-child(4) .frame_oct > div { background-image: url(../../images/partner_img004.svg); }
.content_partner_list li:nth-child(5) .frame_oct > div { background-image: url(../../images/partner_img005.svg); }
.content_partner_list li:nth-child(6) .frame_oct > div { background-image: url(../../images/partner_img006.svg); }
.content_partner_list li:nth-child(7) .frame_oct > div { background-image: url(../../images/partner_img007.svg); }
.content_partner_list p { display: table-cell; vertical-align: bottom; line-height: 1.2; font-weight: bold; margin: 0; }
.content_partner_list img { width: 86px; margin: auto; }

/*======================
	design_company
======================*/
.design_company_list > li { position: relative; border-top: solid 2px #000; }
.design_company_list > li:before { content: ""; position: absolute; top: 4px; left: 0; right: 0; border-top: solid 2px #000; z-index: -1; }
.design_company_list > li ul li { display: inline-block; margin: 0 12px; }
.design_company_list.cont_3column > li > a { font-size: 36px; }
.design_company_list.cont_3column > li:nth-of-type(n+4) { border-bottom: solid 2px #000; }
.design_company_list.cont_3column > li:nth-of-type(n+4):before { content: ""; position: absolute; bottom: -8px; left: 0; right: 0; border-bottom: solid 2px #000; z-index: -1; }
.design_company_list.cont_3column > li:last-child { border-top: 0; }
.design_company_list.cont_3column--faq > li:last-child { border-top: solid 2px #000; }
.design_company_list.cont_2column > li > a { font-size: 16px; }
.design_company_list.cont_2column > li > a .category_text { font-size: 32px; line-height: 1.4; }
.design_company_list.cont_2column > li:nth-last-child(-n+2) { border-bottom: solid 2px #000; }
.design_company_list.cont_2column > li:nth-last-child(-n+2):before { content: ""; position: absolute; bottom: -8px; left: 0; right: 0; border-bottom: solid 2px #000; z-index: -1; }

.Content__company__list { margin-top: 24px; }
.Content__company__list li a { display: block; background: #E7ECEF; position: relative; padding: 32px; }
.Content__company__list li a:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #000000; border-right: solid 1px #000000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 16px; left: auto; margin-top: -4px; }
.Content__company__list li a:hover { background-color: #d8e0e5; }
.Content__company__list li + li { margin-top: 2px; }
.Content__company__list p { line-height: 1.4; }
.Content__company__list .Content__company__ttl { font-size: 22px; font-weight: bold; }
.Content__company__list .Content__company__ttl + p { margin-top: .5em; }

/*======================
	price
======================*/
.price_cont { margin: 24px 0 16px; }
.price_cont dl { -js-display: flex; display: flex; background: #fff; }
.price_cont dl + dl { margin-top: 1em; }
.price_cont dt, .price_cont dd { font-size: 18px; line-height: 1.4; }
.price_cont dt { font-weight: bold; width: 38%; }
.price_cont dd { width: calc(100% - 38%); }

.price_cont--min dt { width: 140px; }
.price_cont--min dd { width: calc(100% - 140px); }

.price_table { text-align: center; }
.price_table table { width: 100%; }
.price_table tr { border-top: 1px solid #D6D8E0; }
.price_table tr:last-child { border-bottom: 1px solid #D6D8E0; background: #E7ECEF; }
.price_table tr:nth-child(2) { background: rgba(211, 73, 62, 0.8); color: #fff; }
.price_table th, .price_table td { padding: .8em; border-left: 1px solid #D6D8E0; }
.price_table th:last-child, .price_table td:last-child { text-align: left; line-height: 1.4; border-right: 1px solid #D6D8E0; }
.price_table th:nth-child(2), .price_table td:nth-child(2) { width: 20%; }
.price_table th { color: #fff; text-align: center !important; background: #000000; padding: .5em; }

/*======================
	pamphlet
======================*/
.pamphlet_kv { height: 100vh; min-height: 800px; max-height: 850px; background-position: center; background-size: cover; padding: 70px 70px 50px; position: relative; }
.pamphlet_kv h1 { font-size: 48px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; text-orientation: upright; line-height: 1.2; }
.pamphlet_kv h1 span { font-size: 40px; }
.pamphlet_kv h1.pamphlet_kv--company { writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; }
.pamphlet_kv h1.pamphlet_kv--company .home_kv_text { position: relative; top: 0; left: 0; }
.pamphlet_kv h1.pamphlet_kv--company .home_kv_text span { font-size: 48px; }
.pamphlet_kv img { object-fit: cover; font-family: 'object-fit: cover;'; /*IE*/ }

.pamphlet_list li { margin-top: 3em; }
.pamphlet_list a { display: block; }
.pamphlet_list a .pamph_more, .pamphlet_list a img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.pamphlet_list a p { font-size: 24px; line-height: 1.4; }
.pamphlet_list a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.pamphlet_list a:hover .pamph_more { margin-left: 1em; }

.pamph-company_hearing li { background: #E7ECEF; margin: .5em .25em 0; padding: .5em; }

.hearing_list li { -js-display: flex; display: flex; align-items: center; flex-wrap: wrap; font-size: 18px; }
.hearing_list li div { -js-display: flex; display: flex; align-items: center; margin: 0 1em 0 0; flex-wrap: wrap; }
.hearing_list li span { display: block; background: #E7ECEF; margin: .4em 8px .4em 0; padding: 8px; }
.hearing_list li + li { margin-top: .5em; }
.hearing_list.hearing_list--partner li { display: block; }
.hearing_list.hearing_list--partner li a { color: #FF5AA0; }
.hearing_list.hearing_list--partner li a:hover { color: #000; }
.hearing_list.hearing_list--partner span { background: transparent; display: inline; margin: 0; padding: 0; }
.hearing_list.hearing_list--partner .text_small { font-size: 16px; }

.folder_list > div { width: 24.5%; }

/*======================
	company
======================*/
.content_table { width: 100%; margin-top: 24px; }
.content_table tr { vertical-align: top; border-top: 1px solid #000; }
.content_table tr:first-child { border-top: none; }
.content_table th, .content_table td { padding: 1.4em 1em 1.4em 0; line-height: 1.8; }
.content_table th { width: 20%; }
.content_table td { width: calc(100% - 20%); }
.content_table td div + div { margin-top: 1em; }
.content_table a { line-height: 1.8; }
.content_table .link_more, .content_table .info_single .pnavi .single_next a, .info_single .pnavi .single_next .content_table a { padding: 0 38px 0 0; }
.content_table .link_more:before, .content_table .info_single .pnavi .single_next a:before, .info_single .pnavi .single_next .content_table a:before { width: 32px; }
.content_table .link_more:hover:before, .content_table .info_single .pnavi .single_next a:hover:before, .info_single .pnavi .single_next .content_table a:hover:before { width: 22px; right: 10px; }
.content_table .link_more:hover:after, .content_table .info_single .pnavi .single_next a:hover:after, .info_single .pnavi .single_next .content_table a:hover:after { right: 10px; }

#home_about, #map_tokyo, #map_osaka, #map_nagoya, #map_fukuoka, #map_sendai, #map_kanazawa, #map_sapporo { margin-top: -108px; padding-top: 164px; }

/*======================
	contact
======================*/
.contact_form table { width: 100%; }
.contact_form input, .contact_form textarea, .contact_form select { width: 100%; border: 1px solid #9A9A9A; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 4px; }
.contact_form input.wpcf7-not-valid, .contact_form textarea.wpcf7-not-valid, .contact_form select.wpcf7-not-valid { background: #fef2f8; }
.contact_form input.form-short, .contact_form textarea.form-short, .contact_form select.form-short { width: 150px; }
.contact_form input[type=file] { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.contact_form select { background: #fff; }
.contact_form .contact_submit { text-align: center; }
.contact_form input[type=submit] { width: 400px; max-width: 100%; display: inline-block; font-size: 28px; color: #fff; background: #FF5AA0; font-weight: bold; margin-top: .5em; padding: 10px 0; border: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.contact_form input[type=submit]:hover { color: #000; }
.contact_form .wpcf7-spinner { display: block; margin: 1em auto 0; }
.contact_form .wpcf7-file { border: 0; }
.contact_form tr { border-bottom: 1px solid #E7ECEF; }
.contact_form th, .contact_form td { padding: 1em 0; }
.contact_form th { width: 300px; padding-right: 30px; }
.contact_form td { width: calc(100% - 300px); padding-right: 40px; }
.contact_form .required { display: inline-block; font-size: 12px; color: #FF5AA0; }
.contact_form span.wpcf7-not-valid-tip { color: #FF5AA0; margin-top: .5em; }
.contact_form div.wpcf7-validation-errors, .contact_form div.wpcf7-acceptance-missing { border: 0; color: #FF5AA0; font-weight: bold; }
.contact_form div.wpcf7-response-output { text-align: center; padding: 0; margin: 1.5em 0 0; }

/*======================
	page
======================*/
.page_sitemap { line-height: 2; }
.page_sitemap .sub-menu { margin-left: 2em; }
.page_sitemap a:hover { text-decoration: underline; }

.content_list--top { -js-display: flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; border-bottom: 2px solid #000; padding: 12px 0 30px; }
.content_list--top li { display: inline-block; margin: 12px 40px 0 0; }
.content_list--top li a { position: relative; display: inline-block; padding: 0.5em 32px 0.5em 0; line-height: 16px; vertical-align: middle; margin-top: -0.1em; }
.content_list--top li a:before, .content_list--top li a:after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.content_list--top li a:before { width: 26px; height: 1px; right: 0; background: #000; }
.content_list--top li a:after { width: 8px; height: 8px; right: 0; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.content_list--top li a:hover { color: #FF5AA0; }
.content_list--top li a:hover:before { background: #FF5AA0; width: 16px; right: 10px; }
.content_list--top li a:hover:after { border-top: 1px solid #FF5AA0; border-right: 1px solid #FF5AA0; right: 10px; }
.content_list--top li.current_page_item { margin-right: 40px; }
.content_list--top li.current_page_item a { border: 1px solid #000; padding: .3em; }
.content_list--top li.current_page_item a:before, .content_list--top li.current_page_item a:after { content: none; }

.content_list--bottom a { display: block; }
.content_list--bottom a:hover { color: #FF5AA0; }

/*======================
	single
======================*/
.info_single a { color: #FF5AA0; }
.info_single a:hover { color: #000; }
.info_single a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.info_single img { display: block; max-width: 100%; overflow: hidden; height: auto; margin: auto; }
.info_single video { display: block; max-width: 80%; margin: auto; }
.info_single * + p { margin-top: 1.5em; }

.pnavi { -js-display: flex; display: flex; justify-content: center; align-items: center; margin-top: 2em; }
.pnavi > * { padding: 0 10px; }
.pnavi a:hover { color: #FF5AA0; }
.pnavi a span { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.pnavi .page-numbers.current { border: 1px solid #000; padding: 3px 6px; }

.mfp-bg { background: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }

#d-port { width: 100%; margin: auto; }

.gallery-arrow { position: absolute; top: 50%; margin-top: -10px; display: block; height: 20px; cursor: pointer; }

.gallery-arrow-left { left: 10px; }

.gallery-arrow-left:before { content: ""; background: url(../../images/ico_arrow_prev.svg) no-repeat; background-size: 100% auto; }

.gallery-arrow-right { right: 10px; }

.gallery-arrow-right:before { content: ""; background: url(../../images/ico_arrow_next.svg) no-repeat; background-size: 100% auto; }

.gallery-arrow-right:before, .gallery-arrow-left:before { width: 50px; height: 20px; margin: 0; display: block; }

.gallery-arrow-right:after, .gallery-arrow-left:after { content: none; }

.mfp-close { width: auto; height: auto; font-size: 72px; font-weight: lighter; font-family: sans-serif; }

.mfp-container { padding: 0 70px; }

.d-port-item { width: 288px; background: #FFF; margin: 20px auto 0; }

.d-port-item-img img { width: 100%; height: auto; }

.d-port-item-txt { font-size: 24px; }
.d-port-item-txt img { max-height: calc(100vh - 100px); padding: 20px 0 0; width: auto; }

.designer_prof { position: relative; }

.designer_prof_img { min-width: 96px; width: 96px; margin: 0 auto; }
.designer_prof_img img { border-radius: 50px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE*/ }

#d-intro { height: 120px; overflow: hidden; margin-bottom: 30px; }

.show_more { position: absolute; bottom: 76px; left: 0px; width: 100%; height: 30px; padding-top: 70px; text-align: center; line-height: 30px; line-height: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 70%); cursor: pointer; transition: bottom 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.show_more:hover { color: #FF5AA0; }

/* on TV */
.page-online .content_kv { background: url(../../images/ontv/mv.jpg) center no-repeat; background-size: cover; line-height: 1.6; padding: 0; }

.page-online .content_kv > div { background: rgba(255, 255, 255, 0.48); width: 100%; height: calc(100vh - 108px); min-height: 540px; padding-top: 38vh; }

.page-online .content_kv .kv-message { width: 600px; max-width: 100%; padding: 24px 30px 30px; margin: auto 0 auto auto; position: relative; background: rgba(255, 255, 255, 0.72); }

.page-online .content_kv .kv-message h1 { font-size: 40px; }

.page-online .content_kv .kv-message h2 { font-size: 24px; }

.page-online .content_kv .kv-message .kv-float { position: absolute; top: -30px; left: -20px; }

.page-online .content_kv .kv-message .kv-flex, .flex-wrap { display: flex; flex-wrap: wrap; }

.page-online .content_kv .kv-message .kv-flex > * { width: 32%; margin-top: 10px; margin-left: 2%; text-align: center; font-size: 20px; font-weight: bold; }

.page-online .content_kv .kv-message .kv-flex > *:nth-child(3n+1) { margin-left: 0; }

.page-online section { margin-top: 88px; }

.page-online .Content__main { margin-top: 80px; }

.page-online .Content__ttl { font-size: 32px; font-weight: bold; line-height: 1.5; border-top: 0; border-bottom: 0; padding: 0; margin-bottom: 16px; }

.flex-wrap .one-two { width: 49%; margin-left: 2%; margin-top: 10px; }

.flex-wrap .one-two:nth-child(2n+1) { margin-left: 0; }

.ontv-point { text-align: center; font-weight: bold; }

.ontv-point_img { display: flex; align-items: center; height: 100px; }

.ontv-point img { display: block; margin: 0 auto; max-width: 100%; }

.ontv-point p { text-align: center; font-size: 16px; font-weight: bold; line-height: 1.5; }

img.full-img { width: 100%; }

table.point { width: 100%; }

table.point th { width: 15%; background-color: #000; color: #ffffff; font-weight: bold; padding: 8px; text-align: center; }

table.point td { font-weight: bold; padding: 8px; font-size: 20px; }

.page-online .content__contact { padding: 50px; }

.page-online .content__contact > div { width: auto; }

.page-online .content__contact.price { padding: 30px 30px 22px; text-align: center; }

.page-online .content__contact h3 { background: #000; color: #ffffff; font-size: 20px; font-weight: bold; padding: 10px; margin-bottom: 10px; }

.page-online .content__contact p.red { color: #FF5AA0; font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.page-online .content__contact p span.yen { font-size: 32px; }

.page-online .content__contact .content__contact__main { width: 100%; -js-display: flex; display: flex; align-items: center; }

.page-online .content__contact__mail a { display: block; margin-bottom: 16px; }

.page-online .ideaboxTimeline .it-box:nth-child(4) .it-content { background: url(../../images/ontv/flow_img003.svg) left 16px center no-repeat; }

/* 100movie original */
.plan-price {
  font-weight: bold;
  font-size: 40px;
  border-bottom: 1px solid;
  line-height: 120px;
  margin-bottom: 10px;
}

.plan-price span {
  font-size: 56px;
}

.work-flow {
  margin-top: 18px;
}

.work-flow h4 {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  display: block;
  margin-bottom: 0.5em;
}

.work-flow h4:before, .work-flow h4:after {
  content: none;
}

.gaisan-price {
  font-size: 18px;
  font-weight: bold;
}

.gaisan-price span {
  font-size: 32px;
}

.gaisan-price span .gaisan-num {
  font-size: 40px;
}

.yougo h5 {
  margin-top: 32px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #000;
  font-weight: bold;
  font-size: 18px;
}

.yougo li {
  line-height: 1.6;
  padding-bottom: 1.0em;
}

.breadcrumbs + section.paged-2 {
  margin-top: 0;
}

table.souba-tbl {
  width: 100%;
  margin-bottom: 16px;
}

table.souba-tbl th, table.souba-tbl td {
  padding: 16px 10px 0 0;
  font-size: 24px;
  font-weight: bold;
  width: 50%;
}

table.souba-tbl th div, table.souba-tbl td div {
  border-bottom: 1px solid #000000;
  padding-bottom: 16px;
}

table.souba-tbl td div, table.souba-tbl th:nth-child(2) div {
  margin-left: 32px;
}

table.souba-tbl thead th {
  color: #FF5AA0;
  font-size: 18px;
}