@charset "utf-8";
/* CSS Document */

body { font-size:calc(21 * 0.18vw); }
:target { scroll-margin-top: calc(140vw / 7.6); }


.fs12vw { font-size:calc(12 * 0.21vw); }
.fs14vw { font-size:calc(14 * 0.2vw); }
.fs15vw { font-size:calc(15 * 0.2vw); }
.fs16vw { font-size:calc(16 * 0.2vw); }
.fs17vw { font-size:calc(17 * 0.2vw); }
.fs18vw { font-size:calc(18 * 0.2vw); }
.fs20vw { font-size:calc(20 * 0.19vw); }
.fs21vw { font-size:calc(21 * 0.18vw); }
.fs22vw { font-size:calc(22 * 0.18vw); }
.fs23vw { font-size:calc(23 * 0.17vw); }
.fs24vw { font-size:calc(24 * 0.16vw); }
.fs25vw { font-size:calc(25 * 0.16vw); }
.fs26vw { font-size:calc(26 * 0.16vw); }
.fs27vw { font-size:calc(27 * 0.16vw); }
.fs28vw { font-size:calc(28 * 0.16vw); }
.fs29vw { font-size:calc(29 * 0.16vw); }
.fs30vw { font-size:calc(30 * 0.15vw); }
.fs31vw { font-size:calc(31 * 0.15vw); }
.fs32vw { font-size:calc(32 * 0.15vw); }
.fs33vw { font-size:calc(33 * 0.15vw); }
.fs34vw { font-size:calc(34 * 0.14vw); }
.fs35vw { font-size:calc(35 * 0.14vw); }
.fs36vw { font-size:calc(36 * 0.14vw); }
.fs37vw { font-size:calc(37 * 0.14vw); }
.fs38vw { font-size:calc(38 * 0.13vw); }
.fs40vw { font-size:calc(40 * 0.13vw); }
.fs42vw { font-size:calc(42 * 0.13vw); }
.fs45vw { font-size:calc(45 * 0.13vw); }
.fs46vw { font-size:calc(46 * 0.13vw); }
.fs48vw { font-size:calc(48 * 0.11vw); }
.fs50vw { font-size:calc(50 * 0.11vw); }
.fs52vw { font-size:calc(52 * 0.11vw); }
.fs53vw { font-size:calc(53 * 0.11vw); }
.fs54vw { font-size:calc(54 * 0.11vw); }
.fs55vw { font-size:calc(55 * 0.11vw); }
.fs56vw { font-size:calc(56 * 0.11vw); }
.fs60vw { font-size:calc(60 * 0.11vw); }
.fs62vw { font-size:calc(62 * 0.11vw); }
.fs64vw { font-size:calc(64 * 0.11vw); }
.fs65vw { font-size:calc(65 * 0.11vw); }
.fs66vw { font-size:calc(66 * 0.11vw); }
.fs68vw { font-size:calc(68 * 0.11vw); }
.fs70vw { font-size:calc(70 * 0.1vw); }
.fs72vw { font-size:calc(72 * 0.1vw); }
.fs74vw { font-size:calc(74 * 0.1vw); }
.fs80vw { font-size:calc(80 * 0.1vw); }
.fs84vw { font-size:calc(84 * 0.095vw); }
.fs100vw { font-size:calc(100 * 0.07vw); }
.fs110vw { font-size:calc(100 * 0.07vw); }
.fs140vw { font-size:calc(140 * 0.1vw); }

.pc { display: none; }
.sp { display: unset; }
.sp_left { text-align:left; }

#top_about .button_block .more,
.more { width: calc(480vw / 7.2); height: calc(110vw / 7.2); margin: 2em auto 2em auto; }

#top_about .button_block .more::after,
.more::after { width: calc(480vw / 7.2); height: calc(110vw / 7.2); }





.inner { width: 94%; max-width: unset; }
.middle_inner { width: 90%; max-width: unset; }
.low_inner { width: 90%; max-width: unset; }

.ttl::after { width: calc(140vw / 7.2); }






main { padding-top: calc(130vw / 7.2); }



#header { height: calc(140vw / 7.6); }
#header .logo .logo_thumb { width: calc(120vw / 7.6); }

#header #hamburger { z-index: 9999; width: calc(100vw / 7.6); height: calc(100vw / 7.6); display: grid; place-content: center; }
#header #hamburger .bar {
	display: block; width: calc(60vw / 7.2); height: 2px; background-color: #FFFFFF;
	transition: transform 0.3s ease, opacity 0.3s ease;transform-origin: center center; transform: none;
}


#header #hamburger .bar_1 { margin-block-end:calc(15.25vw / 6.2); }


#header #hamburger.active .bar_1 { transform: translateY(var(--offset)) rotate(45deg); }
#header #hamburger.active .bar_2 { transform: translateY(calc(var(--offset) * -1)) rotate(-45deg); }


#header #drawer {
	position: fixed;top: 0;left: 0;width: 100%; height: 100%; display: flex; opacity:0;transition: opacity 0.3s ease; pointer-events:none;
	justify-content: flex-start; align-items: flex-start; z-index: 1000;
}
#header #drawer.open {opacity:1; pointer-events:auto;}

#header #drawer .drawer_content {
	width: 100%;height: 100%;transform: translateX(200%);transition: transform 0.3s ease; padding: 1.5em 0 1.5em 0; grid-template-rows: 20em; background-color:#FFFFFF;
	overflow-y: scroll;
}
#header #drawer.open .drawer_content {transform: translateX(0);}

#header .drawer_content_wrapper.flex { display:block; }
#header .drawer_content_wrapper .email_btn { display:none; }

#header .link_list ul { list-style-type: none; padding: 0; }
#header .link_list ul.flex { display:block; padding: 0; width: 90%; margin:0 auto; }
#header .link_list ul.flex .page { margin: 0; border-bottom: dashed 3px #FDD23E; padding:0.75em 0 0.75em 0; }
#google_translate_element { margin-block-end:2em; }
#header .link_list ul.flex .page:last-of-type { border-bottom: none; padding-bottom:2em; }

#header .link_list ul.flex .page a { display: flex; justify-content: flex-start; align-items:center; width: max-content; }
#header .link_list ul.flex .page .menu_been { display: none; }
#header .link_list ul.flex .page .anchor::after { display: none; }
#header .link_list ul.flex .page i { margin-right:0.5em; }
#header .link_list ul.flex .page .anchor { display:inline-block; padding-bottom:0; }

#header .link_list ul.flex .page .section_name { display: block; margin-block-start: 0.5em; }
#header .link_list ul.flex .page .section_name li { padding-left: 2.75em;}
#header .link_list ul.flex .page .section_name li .bar { display: inline-block; margin-right: 0.4em; }


#header .contact_block {
	display: grid; place-content: center; padding:4em 0 2em 0;
	background-image: url(../img/bottom_contact_bg.webp);background-position: center top; background-size: 100%; background-repeat: no-repeat;
}
#header .contact_block .summary { margin-block-start:0; }

#header .contact_block .email_btn {
	border-radius: 1.16em; display: flex; align-items: center; justify-content: center;
	width: calc(580vw / 7.2); height: calc(120vw / 7.2); margin: 0 auto;
}
#header .contact_block .email_btn .circle { width: calc(80vw / 7.2); height: calc(80vw / 7.2); display: grid; place-items: center; margin-right: 0.75em; }


.bottom_contact { bottom:-1px; padding: 6em 0 6em 0; }
.bottom_contact .low_inner { display:block; padding-left: 0; }
.bottom_contact .ttl { width:100%; text-align: center; }
.bottom_contact .ttl .slug { margin-right: auto; margin-left: auto; }
.bottom_contact .ttl::after { inset:auto 0 0 0; margin: auto; }

.bottom_contact .text { width:100%; }
.bottom_contact .text .email_btn { width: calc(580vw / 7.2); height: calc(120vw / 7.2); margin: 0 auto; }
.bottom_contact .text .email_btn .circle { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }


#footer { padding: 6em 0 3em 0; }
#footer .low_inner.flex { display:block; }
#footer .logo a.flex { justify-content: flex-start; }
#footer .logo .logo_thumb { width: calc(120vw / 7.6); }

#footer .site_menu ul.flex { display:block; }
#footer .site_menu ul .page_name .section_name { margin: 0 0 1em 0; }


#ptop { width: calc(100vw / 7.2); height: calc(100vw / 7.2); }






.illust0 { inset: auto auto 2em 0; }
.illust1 { width: calc(185vw / 10.2); inset: auto 0 3em auto; }
.illust2 { width: calc(278vw / 7.2); inset: -1em 2.25em 0 auto; }
.illust3 { width: calc(333vw / 16.2); inset: -4em auto auto 0; z-index:3; }
.illust4 { width: calc(400vw / 16.2); inset: -4em -0.75em auto auto; z-index:3; }
.illust5 { width: calc(215vw / 16.2); }
.illust6 { width: calc(315vw / 16.2); inset: 7em 1em 0 auto; }
.illust7 { width: calc(340vw / 16.2); inset: 2em auto auto 2em; }
.illust8 { width: calc(311vw / 16.2); inset: -2em 1em auto auto; }
.illust9 { width: calc(150vw / 16.2); inset: 2.5em 0em auto auto; }
.illust10 { width: calc(376vw / 12.2); inset: auto auto -3em 0; }
.illust11 { width: calc(140vw / 14.2); inset: auto 2em -2em auto; }
.illust12 { width: calc(320vw / 7.2); }
.illust13 { width: calc(320vw / 7.2); inset: auto calc(150vw / 19.2) 0 auto; }

.illust20 { width: calc(402vw / 10.2); inset: calc(-40vw / 7.2) auto auto 0; }
.illust21 { width: calc(200vw / 7.2); inset: calc(-10vw / 7.2) 0 auto auto; }
.illust22,
.illust23,
.illust25 { display: none; }
.illust24 { width: calc(180vw / 10.2); inset: auto auto calc(-15vw / 7.2) -1em; }
.illust26 { width: calc(210vw / 10.2); inset: -2em auto auto 1em; }
.illust27 { width: calc(260vw / 10.2); inset: -1.5em 0.5em auto auto; }

.illust30 { width: calc(180vw / 7.2); inset: calc(-10vw / 7.2) auto auto 0; }
.illust31 { width: calc(330vw / 10.2); inset: 10em 1em auto auto; }
.illust32 { width: calc(300vw / 10.2); inset: -3em 1em auto auto; }
.illust33,
.illust34 { display: none; }
.illust35 { width: calc(280vw / 10.2); inset: -3em auto auto 1em; }
.illust36 { width: calc(190vw / 10.2); inset: -4em 1em auto auto; }





#fv {  }
#fv .slider {  height: 100%; }
#fv .slide { display: grid; place-content: center; height: 100%; border-radius: 1em; }
#fv .slide .cover { width: auto; height: 80svh; }

#fv .text { inset: auto auto 12em 1.5em; }

#fv .fv_recruit { inset: auto 1.5em 2.5em auto; width: calc(420vw / 6.2); height: calc(200vw / 6.2); }
#fv .fv_recruit_illust { width: calc(127vw / 7.2); inset: 1.5em 1em auto auto; }


#top_about .content.flex { display:block; }
#top_about .content .text { width: 100%; margin-left: 0; }
#top_about .content .thumb { width: 100%; height: auto; }


#top_about .button_block { display:block; }


#top_strengths { padding: 2em 0 3em; border-top-right-radius: 3em; border-top-left-radius: 3em; }
#top_strengths .content { display: block; border-top-right-radius: 3em; border-top-left-radius: 3em; padding: 2em 2em 3em 2em; }
#top_strengths .box { width: 100%; margin: 3em 0 0 0; }

#top_strengths .box dt .num { width: calc(90vw / 7.2); height: calc(90vw / 7.2); }


#top_works { background-image: url(../img/home/top_works_bg_sp.webp); }
#top_works .content { display: block; }
#top_works .content .box { display: block; width: 100%; height: auto; margin-block-start: 4em; }

#top_works .content .box .thumb { display: block; width: 100%; aspect-ratio: 3 / 2; border-top-right-radius: 1em; border-top-left-radius: 1em; border-bottom-left-radius: 0; }
#top_works .content .box .text { width: 100%; padding: 1em 1.5em 2em 1.5em; }


#top_recruit .ttl { bottom: -6em; }
#top_recruit .top_recruit_wrapper { border-radius: 3em; padding: 3em 1.2em 1em 1.2em; }
#top_recruit .top_recruit_wrapper .content .text { width: 100%; float:none; }
#top_recruit .top_recruit_wrapper .content .thumb { width: 100%; float:none; }

#top_recruit .top_recruit_wrapper .content .check_list { display: grid; place-content: center; }
#top_recruit .top_recruit_wrapper .content .check_list .check_table { display:block; }
#top_recruit .top_recruit_wrapper .content .check_list .check_table dt { display:block; }
#top_recruit .top_recruit_wrapper .content .check_list .check_table dd { display:block; padding: 1em 0 1em 0; }
#top_recruit .top_recruit_wrapper .content .check_list .check_table dt .icon_check { width: calc(40vw / 7.2); }

#top_recruit .pr_text { text-align:center; }


#top_recruit .top_recruit_wrapper .section_list {  }
#top_recruit .top_recruit_wrapper .section_list .box { width: 48%; margin-bottom: 1em; padding: 0.25em 0.5em 0.75em 0.5em; }
#top_recruit .top_recruit_wrapper .section_list .box:nth-of-type(2n) { margin-right: 0; }
#top_recruit .top_recruit_wrapper .section_list .box .section_list_thumb { width: calc(219vw / 7.2); }
#top_recruit .top_recruit_wrapper .section_list .box .line::before { width: calc(260vw / 10.2); }



.page_header { height: calc(600vw / 7.2); overflow-x: clip; }
.page_header .page_header_ttl { padding-top: 2em; padding-bottom: 1em; }
.page_header .page_header_ttl::after { width: calc(180vw / 7.2); border-bottom-width: 4px; }

.page_header .page_header_left_img { width: calc(420vw / 8.2); inset: calc(-40vw / 7.2) auto 0 calc(-60vw / 7.2); }
.page_header .page_header_right_img { width: calc(400vw / 8.2); inset: auto calc(-60vw / 7.2) -8em auto }










/*********** contact **********/


#contact_hero { padding: 9em 0 8em 0; }



#contact { padding: 6em 0 calc(50vw / 7.2) 0; }

#contact .contact_head { width: 90%; display:block; margin: 0 auto calc(50vw / 7.2) auto; }
#contact .contact_head .ttl { width: 100%; }
#contact .contact_head .summary { width: 100%; margin: 1em 0 0 0; max-width: unset; }

#contact .form .box { display:block; padding: calc(30vw / 7.2) 0; }
#contact .form .box dt,
#contact .form .box dd { display:block; width: 100%; margin: 0; padding: 0; }
#contact .form .box dt { margin-bottom: 0.75em; }
#contact .form .box dt .field { width: auto; margin-right: 1em; }
#contact .form .box dt .required,
#contact .form .box dt .any { width: calc(80vw / 7.2); height: calc(42vw / 7.2); margin-top: calc(6vw / 7.2); border-radius: calc(10vw / 7.2); }

#contact .form .box dd .value { padding: 0; }

#contact .form .box dd input[type="text"],
#contact .form .box dd input[type="tel"],
#contact .form .box dd input[type="email"],
#contact .form .box dd textarea { height: calc(90vw / 7.2); padding: 0 calc(24vw / 7.2); border-radius: calc(12vw / 7.2); }
#contact .form .box dd textarea { height: calc(300vw / 7.2); padding: calc(20vw / 7.2) calc(24vw / 7.2); }

#contact .confirm_form .box dt { padding: 0; }

#contact .send_box { margin-block-start: calc(30vw / 7.2); }
#contact .send_box .more { margin: 2em auto 2em auto; }
#contact .confirm_form .send_box .back_btn,
#contact .confirm_form .send_box .send_btn { float: none; margin-left: auto; margin-right: auto; }

#contact .form_btn i { inset: 0 auto 0 4.5vw; }
#contact .send_btn i { inset: 0 4.5vw 0 auto; }

#contact .send_box .illust14,
#contact .send_box .illust15 { display:none; }

#contact .message_box { width: 90%; padding: 0 0 calc(40vw / 7.2) 0; }
#contact .message_box .illust13,
#contact .message_box .illust15 { display:none; }


/*********** about **********/

#vision { padding: 8em 0 6em 0; }
#vision .vision_wrapper { display: block; }
#vision .thumb_block,
#vision .text { width: 100%; }
#vision .thumb_block .ttl { margin-block-end: 1em; }
#vision .illust16 { display: none; }
#vision .text { margin-top: calc(40vw / 7.2); }
#vision .text .lead { width: 100%; padding: 0.5em 0.75em; border-radius: calc(10vw / 7.2); }
#vision .text .summary { line-height: 2; margin-bottom: 1.5em; }

#company { padding: calc(80vw / 7.2) 0 calc(50vw / 7.2) 0; }
#company .company_wrapper { border-radius: calc(50vw / 7.2); padding: calc(150vw / 7.2) calc(30vw / 7.2) calc(40vw / 7.2) calc(30vw / 7.2); }
#company .ttl { inset: calc(-60vw / 7.2) 0 auto 0; padding: 0 1.5em 1em 1.5em; }
#company .content { display: block; }
#company .company_table,
#company .map { width: 100%; }
#company .company_table .box dt { width: calc(150vw / 7.2); }
#company .map { margin-top: calc(30vw / 7.2); aspect-ratio: 4 / 3; }
#company .illust17 { width: calc(220vw / 7.2); inset: calc(-70vw / 7.2) auto auto calc(10vw / 7.2); }
#company .illust18 { width: calc(200vw / 7.2); inset: calc(-90vw / 7.2) calc(10vw / 7.2) auto auto; }
#company .illust19 { display: none; }


/*********** business **********/

#strengths { padding: 8em 0 calc(60vw / 7.2) 0; }


#strengths .box { margin: 0 auto calc(50vw / 7.2) auto; border-radius: calc(30vw / 7.2); padding: calc(40vw / 7.2) calc(28vw / 7.2); }
#strengths .box .content { display: block; }
#strengths .box .text,
#strengths .box .thumb,
#strengths .box02 .text,
#strengths .box03 .text { width: 100%; }
#strengths .box02 .thumb,
#strengths .box03 .thumb { width: 100%; margin-right: 0; }
#strengths .box .thumb { margin-top: calc(30vw / 7.2); }

#strengths .box_ttl .num { width: calc(70vw / 7.2); height: calc(70vw / 7.2); }
#strengths .box .summary { margin-bottom: 1.5em; }
#strengths .box .thumb img { margin-block-start: 3em; }

#strengths .action_box { padding: 4em 1em 1em 1em; }
#strengths .action_ttl { inset: calc(-22vw / 7.2) 0 auto 0; }
#strengths .action_list dt { width: calc(60vw / 7.2); }
#strengths .action_list dt .icon { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }
#strengths .action_list dt .icon .icon1 { width: calc(43vw / 7.2); }
#strengths .action_list dd { padding: 0.5em 0 0 1em; }

#strengths .quality_list { display: block; margin-block-start: 3em; }
#strengths .quality_box { width: 100%; margin-bottom: 1.5em; border-radius: calc(14vw / 7.2); height: auto; }
#strengths .quality_box dt { padding: calc(24vw / 7.2) calc(24vw / 7.2) 0 calc(24vw / 7.2); }
#strengths .quality_box dt .icon { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }
#strengths .quality_box dd .summary { padding: 0.75em calc(24vw / 7.2) 1em calc(24vw / 7.2); }

#strengths .step_list { display: block; margin-block-start: calc(30vw / 7.2); }
#strengths .step_list .step { width: 100%; }
#strengths .step_list .step .icon { width: calc(90vw / 7.2); height: calc(90vw / 7.2); }
#strengths .step_list .arrow { height: auto; margin: calc(14vw / 7.2) auto; transform: rotate(90deg); }

#strengths .smart_list { display: block; margin-block-start: calc(70vw / 7.2); }
#strengths .smart_box { width: 100%; margin:4em 0 3em 0; }


#strengths .smart_box dt .smart_icon { width: calc(130vw / 7.2); height: calc(130vw / 7.2); inset: calc(-75vw / 7.2) 0 auto 0; }
#strengths .smart_box dt .smart_icon img { width: calc(72vw / 7.2); }
#strengths .smart_box dd .smart_thumb {  }

#strengths .formula_list { display: block; margin-block-start: calc(30vw / 7.2); }
#strengths .formula_box { width: 100%; margin-bottom: calc(14vw / 7.2); padding: 0 1em; }
#strengths .formula_box dt { width: calc(210vw / 8.2); }
#strengths .formula_list .sign { margin: calc(10vw / 7.2) auto; }

#strengths .formula_box dt .formula_thumb { width: calc(190vw / 10.2); }





#works { padding: calc(90vw / 7.2) 0 calc(80vw / 7.2) 0; }


#works .works_list { display: block; }
#works .works_box { width: 100%; margin-bottom: calc(50vw / 7.2); border-radius: calc(24vw / 7.2); padding: calc(30vw / 7.2); }
#works .works_head dt { width: calc(113vw / 7.2); }
#works .point_list { display: block; }
#works .point { width: 100%; margin-bottom: calc(20vw / 7.2); }
#works .point dt { width: 5em; }
#works .point dt .icon { width: calc(110vw / 7.2); height: calc(110vw / 7.2); }


/*********** recruit **********/

#message { padding: 8em 0 calc(60vw / 7.2) 0; overflow-x: clip; }
#message .illust28 { width: calc(180vw / 7.2); inset: calc(-10vw / 7.2) auto auto calc(-10vw / 7.2); }
#message .illust29 { width: calc(170vw / 7.2); inset: calc(-14vw / 7.2) calc(-10vw / 7.2) auto auto; }

#message .message_wrapper { display: block; }
#message .message_wrapper .thumb { width: 100%; margin: 0 0 calc(40vw / 7.2) 0; }
#message .message_wrapper .text { width: 100%; }
#message .text .catch { line-height: 1.5; }
#message .text .pr_text { line-height: 2; }

#benefits { padding: calc(60vw / 7.2) 0 0 0; }


#benefits .benefits_wrapper { padding: calc(90vw / 7.2) 0 calc(60vw / 7.2) 0; }
#benefits .benefits_wave { margin-block-start: calc(-20vw / 7.2); }
#benefits .benefits_list { display: block; }
#benefits .benefits_box { width: 100%; height: auto; margin: 0 0 calc(90vw / 7.2) 0; padding: calc(60vw / 7.2) 0 calc(30vw / 7.2) 0; border-radius: calc(30vw / 7.2); }
#benefits .benefits_box .num { width: calc(100vw / 7.2); height: calc(100vw / 7.2); inset: calc(-50vw / 7.2) 0 auto 0; }
#benefits .benefits_box dt { padding: 0 calc(30vw / 7.2) calc(24vw / 7.2) calc(30vw / 7.2); display: grid; place-content: center; }
#benefits .benefits_box dt .head::after { inset: auto 0 calc(-29vw / 7.2) 0; margin: auto; width: calc(100vw / 7.2); }
#benefits .benefits_box dt .head strong { width: 8em; }

#benefits .benefits_box dt::after { inset: auto auto 0 calc(30vw / 7.2); width: calc(100vw / 7.2); }
#benefits .benefits_box dt .head .benefits_icon { width: calc(90vw / 7.2); margin-right: calc(24vw / 7.2); }
#benefits .benefits_box dd .summary { padding: calc(20vw / 7.2) calc(30vw / 7.2) 0 calc(30vw / 7.2); line-height: 2; }
#benefits .benefits_box dd .benefits_thumb { position: static; width: calc(100% - (60vw / 7.2)); margin: calc(24vw / 7.2) auto 0 auto; }

#requirements { overflow-x: clip; }

#requirements .requirements_head { display: block; margin-block-end: calc(40vw / 7.2); }
#requirements .requirements_head .ttl { width: 100%; }
#requirements .requirements_head .catch { width: 100%; line-height: 1.6; margin-top: 1em; }

#requirements .requirements_table { padding: calc(30vw / 7.2); border-radius: calc(24vw / 7.2); }
#requirements .requirements_table .box { display: block; padding: calc(20vw / 7.2) 0; }
#requirements .requirements_table .box dt { display: block; width: 100%; }
#requirements .requirements_table .box .field { display: block; padding: 0 0 0.4em 0; }
#requirements .requirements_table .box .detail { display: block; margin: 0; padding: 1em 0 1em; line-height: 1.9; }

#requirements .requirements_table .box dt .icon { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }



#person { padding: 6em 0 3em 0; }
#person .person_bar { display: none; }



#person .person_list { display: block; }
#person .person_box { width: 100%; margin: 0 0 calc(50vw / 7.2) 0; }

#person .person_box dt .person_thumb { width: 90%; margin: 1em auto 1em auto; }


#person .person_box dd .person_icon { height: calc(76vw / 7.2); margin: 0 auto calc(9vw / 7.2) auto; }
#person .person_box dd strong,
#person .person_box:last-child dd strong { line-height: 1.6; }