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

body { font-size:calc(20 * 0.19vw); }

:target { scroll-margin-top: calc(80vw / 5); }


.fs12vw { font-size:calc(12 * 0.22vw); }
.fs14vw { font-size:calc(14 * 0.21vw); }
.fs16vw { font-size:calc(16 * 0.21vw); }
.fs17vw { font-size:calc(17 * 0.2vw); }
.fs18vw { font-size:calc(18 * 0.19vw); }
.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.18vw); }
.fs24vw { font-size:calc(24 * 0.18vw); }
.fs25vw { font-size:calc(25 * 0.18vw); }
.fs26vw { font-size:calc(26 * 0.16vw); }
.fs27vw { font-size:calc(27 * 0.16vw); }
.fs28vw { font-size:calc(28 * 0.14vw); }
.fs29vw { font-size:calc(29 * 0.14vw); }
.fs30vw { font-size:calc(30 * 0.14vw); }
.fs31vw { font-size:calc(31 * 0.14vw); }
.fs32vw { font-size:calc(32 * 0.12vw); }
.fs33vw { font-size:calc(33 * 0.12vw); }
.fs34vw { font-size:calc(34 * 0.12vw); }
.fs35vw { font-size:calc(35 * 0.12vw); }
.fs36vw { font-size:calc(36 * 0.12vw); }
.fs37vw { font-size:calc(37 * 0.12vw); }
.fs38vw { font-size:calc(38 * 0.12vw); }
.fs40vw { font-size:calc(40 * 0.12vw); }
.fs42vw { font-size:calc(42 * 0.12vw); }
.fs44vw { font-size:calc(44 * 0.12vw); }
.fs45vw { font-size:calc(45 * 0.12vw); }
.fs46vw { font-size:calc(46 * 0.12vw); }
.fs48vw { font-size:calc(48 * 0.12vw); }
.fs50vw { font-size:calc(50 * 0.12vw); }
.fs52vw { font-size:calc(52 * 0.12vw); }
.fs53vw { font-size:calc(53 * 0.12vw); }
.fs54vw { font-size:calc(54 * 0.12vw); }
.fs55vw { font-size:calc(55 * 0.12vw); }
.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.11vw); }
.fs72vw { font-size:calc(72 * 0.11vw); }
.fs80vw { font-size:calc(80 * 0.11vw); }
.fs84vw { font-size:calc(84 * 0.1vw); }
.fs86vw { font-size:calc(86 * 0.1vw); }
.fs100vw { font-size:calc(100 * 0.1vw); }
.fs110vw { font-size:calc(100 * 0.1vw); }
.fs140vw { font-size:calc(140 * 0.1vw); }
.fs174vw { font-size:calc(174 * 0.07vw); }
.fs300vw { font-size:calc(300 * 0.07vw); }

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

.more_wrapper { width: calc(400vw / 7.2); height: calc(90vw / 7.2); }
.more { width:calc(400vw / 7.2); height:calc(90vw / 7.2); line-height:calc(90vw / 7.2); margin:2em 0 3em 0; }
.more .square { width:calc(80vw / 7.2); clip-path: polygon(calc(20vw / 7.2) 0%, 100% 0%, 100% 100%, 0% 100%);
}
.more_wrapper::before { width: calc(400vw / 7.2); height: calc(90vw / 7.2); }




.inner { width: 92%; max-width: unset; }
.middle_inner { width: 92%; max-width: unset; }
.low_inner { width: 92%; max-width: unset; }
.minimum_inner { width: 92%; max-width: unset; }

.right_inner { width: 92%; max-width: unset; margin: 0 auto 0 auto; }
.left_inner { width: 92%; max-width: unset; margin: 0 auto 0 auto; }


.ttl { margin-block-start: 1em; margin-block-end: 2em;}
.ttl .slug { padding: 0 0 2.7vw 0;}
.ttl::after { width: calc(80vw / 7.2); }


#header { top: 0; height: calc(110vw / 7.2); }
#header .inner { width:100%; padding-left:4%; height: calc(110vw / 7.2); box-shadow: none; }
#header .logo { margin: 0 0 0 0; width:calc(363vw / 7.2); z-index: 1001; }
#header .header_nav { display:none; }
#header .inner .contact_btn { display:none; }
#header #hamburger { width: calc(110vw / 7.2); height: 100%; display: grid; place-items: center; z-index: 1001; }
#header #hamburger .bar { display: block; height: 2px; margin: 0.5em 0 0.5em 0; width: calc(60vw / 7.2); transform: rotate(0); transition: transform 0.6s ease; }
#header #hamburger.active .bar_1 { transform: translateY(1.16vw) rotate(45deg);}
#header #hamburger.active .bar_2 { transform: translateY(-1.16vw) rotate(-45deg);}


#header #drawer .drawer-content { padding: 7em 0 0 0; overflow-y: scroll; overflow-x: hidden; }

#header #drawer .drawer-content .drawer_nav { list-style-type:none; padding: 0; }
#header #drawer .drawer-content .drawer_nav li { padding: 1em; }
#header #drawer .drawer-content .drawer_nav li .slug { display:block; line-height: 1; }
#header #drawer .drawer-content .drawer_nav li .anchor{ font-weight: 600; }
#header #drawer .drawer-content .drawer_nav li i { inset:1.5em 1em auto auto; margin:auto; }


#google_translate_element { position: absolute; bottom: -3em; margin-right: 0.5em;}


#header #drawer .drawer_bottom_contact {
	overflow:hidden; z-index:2; padding:calc(120vw / 19.2) 0 calc(120vw / 19.2) 0;
}
#header #drawer .drawer_bottom_contact .bottom_contact_wrapper { clip-path: polygon(calc(70vw / 19.2) 0, 100% 0, 100% 100%, 0 100%, 0 calc(70vw / 19.2)); }


#header #drawer .drawer_bottom_contact .bottom_contact_wrapper .ttl { margin-block-start: 1vw; }
#header #drawer .drawer_bottom_contact .bottom_contact_wrapper .ttl::after { background-color:#FFFFFF; }

#header #drawer .drawer_bottom_contact .bottom_contact_wrapper .link_box { padding: 0.1em 1.5em 0.1em 1.5em; }
#header #drawer .drawer_bottom_contact .bottom_contact_wrapper .link_box .mail_btn,
#header #drawer .drawer_bottom_contact .bottom_contact_wrapper .link_box .tel_btn {
	position:relative; width:100%; height:calc(120vw / 7.2); line-height:calc(120vw / 7.2); display:block; border:solid 1px #0D5286; overflow: hidden;
	transition:0.5s ease; margin: 2em 0 2em 0; padding-left:calc(150vw / 7.2);
}
#header #drawer .drawer_bottom_contact .bottom_contact_wrapper .link_box .mail_btn i ,
#header #drawer .drawer_bottom_contact .bottom_contact_wrapper .link_box .tel_btn i {
	margin-right: 0.6em;
}

.drawer_bottom_contact .bottom_contact_wrapper .link_box .square {
	display:grid; place-items:center; width:calc(120vw / 7.2); height:100%; position: absolute; inset: 0 auto 0 0; clip-path: polygon(0 0, 100% 0%, calc(80vw / 7.2) 100%, 0% 100%);
}



#ptop { width:calc(80vw / 7.2); height:calc(80vw / 7.2); inset: auto 2em 5.5em auto; }

.bottom_contact { overflow: hidden; background-size: cover; }

.bottom_contact .bottom_contact_wrapper { padding: 1.5em 1.5em 1em 1.5em; clip-path: polygon(calc(70vw / 7.2) 0, 100% 0, 100% 100%, 0 100%, 0 calc(70vw / 7.2)); }
.bottom_contact .bottom_contact_wrapper .text { display: block;  padding: 0; }
.bottom_contact .bottom_contact_wrapper .ttl { margin-left:auto; margin-right:auto; text-align: center; }
.bottom_contact .bottom_contact_wrapper .ttl::after { margin: auto; inset: auto 0 0 0; }

.bottom_contact .bottom_contact_wrapper .summary { margin-block-start: 2em; }

.bottom_contact .bottom_contact_wrapper .link_box { display: block; width: 100%; }

.bottom_contact .bottom_contact_wrapper .link_box .square { width: calc(140vw / 7.2); clip-path: polygon(0 0, 100% 0%, calc(100vw / 7.2) 100%, 0% 100%); }
	
.bottom_contact .bottom_contact_wrapper .link_box .mail_btn,
.bottom_contact .bottom_contact_wrapper .link_box .tel_btn {
	width: 100%; height: 5em; line-height: 4.7em; margin: 0 0 2em 0; padding-left: calc(170vw / 7.2);
}
.bottom_contact .bottom_contact_illust { display: none; }



#footer { padding: 3em 0 0 0; }
#footer .middle_inner { display:block; padding-bottom: 4em; }
#footer .middle_inner .site_info { display: block; width: 100%; padding: 0; }
#footer .middle_inner .site_info .logo { width: calc(363vw / 7.2); }




#footer .site_menu { width: 100%; }
#footer .site_menu .box { margin: 1em; }







.illust2 { width:calc(460vw / 10.2); height:calc(280vw / 10.2); }
.illust3 { width: calc(257vw / 10.2); height: calc(245vw / 10.2); }
.illust4 { width:calc(548vw / 10.2); height:calc(330vw / 10.2); }
.illust5 { width:calc(547vw / 10.2); height:calc(283vw / 10.2); }
.illust6 { width:calc(304vw / 10.2); height:calc(360vw / 10.2); }
.illust7 { width:calc(203vw / 10.2); height:calc(322vw / 10.2); }
.illust8 { width:calc(521vw / 10.2); height:calc(313vw / 10.2); }
.illust9 { width:calc(249vw / 10.2); height:calc(302vw / 10.2); }
.illust10 { width:calc(266vw / 10.2); height:calc(254vw / 10.2); }
.illust11 { width:calc(327vw / 10.2); height:calc(404vw / 10.2); }
.illust12 { display: none; }
.illust13 { width:calc(606vw / 10.2); height:calc(520vw / 10.2); }
.illust14 { width:calc(446vw / 10.2); height:calc(497vw / 10.2); }
.illust15 { width:calc(395vw / 10.2); height:calc(395vw / 10.2); }
.illust16 { width:calc(258vw / 10.2); height:calc(333vw / 10.2); }
.illust17 { width:calc(446vw / 10.2); height:calc(453vw / 10.2); }
.illust18 { width:calc(313vw / 10.2); height:calc(328vw / 10.2); }
.illust19 { width:calc(290vw / 10.2); height:calc(360vw / 10.2); }
.illust20 { width:calc(556vw / 12.2); height:calc(547vw / 12.2); }
.illust21 { width:calc(439vw / 12.2); height:calc(481vw / 12.2); }
.illust22 { width:calc(241vw / 10.2); height:calc(300vw / 10.2); }
.illust23 { width:calc(384vw / 10.2); height:calc(317vw / 10.2); }
.illust24 { width:calc(248vw / 12.2); height:calc(714vw / 12.2); }
.illust25 { width:calc(311vw / 10.2); height:calc(438vw / 10.2); }
.illust26 { width:calc(546vw / 10.2); height:calc(345vw / 10.2); }
.illust27 { width:calc(467vw / 10.2); height:calc(705vw / 10.2); }
.illust28 { width:calc(358vw / 10.2); height:calc(462vw / 10.2); }
.illust29 { width:calc(523vw / 10.2); height:calc(361vw / 10.2); }
.illust30 { width:calc(342vw / 10.2); height:calc(396vw / 10.2); }
.illust31 { width:calc(310vw / 10.2); height:calc(480vw / 10.2); }
.illust32 { width:calc(420vw / 10.2); height:calc(280vw / 10.2); }
.illust33 { width:calc(255vw / 10.2); height:calc(255vw / 10.2); }
.illust34 { width:calc(349vw / 10.2); height:calc(253vw / 10.2); }
.illust35 { width:calc(551vw / 10.2); height:calc(270vw / 10.2); }
.illust36 { width:calc(277vw / 12.2); height:calc(375vw / 12.2); }
.illust37 { width:calc(448vw / 10.2); height:calc(349vw / 10.2); }
.illust38 { width:calc(242vw / 10.2); height:calc(359vw / 10.2); }
.illust39 { width:calc(196vw / 10.2); height:calc(189vw / 10.2); }
.illust40 { width:calc(280vw / 10.2); height:calc(312vw / 10.2); }
.illust41 { width:calc(374vw / 10.2); height:calc(465vw / 10.2); }
.illust42 { width:calc(275vw / 10.2); height:calc(359vw / 10.2); }


.bottom_contact_illust { width:calc(274vw / 10.2); height:calc(357vw / 10.2); }




main { margin-block-start: calc(110vw / 7.2);}

#fv { aspect-ratio: 383 / 640; }
#fv video { aspect-ratio: 383 / 640; }
#fv .recruit_btn { display:none; }



#top_news { padding-block: 2em; }
#top_news .news_list {padding: 0;}
#top_news .news_list li { padding: 1em 0 1em;}
#top_news .news_list li:first-of-type { padding: 0 0 1em;}
#top_news .news_list time { display: block; }
#top_news .news_list li span { margin-left: 0; }


#news_archive { padding-block: 2.5em; }
#news_archive .news_article { padding: 1.5em; border-radius: 0.8em; margin-block-end: 1.5em; }
#news_archive .news_article_header { padding-block-end: 1em; margin-block-end: 1.2em; }
#news_archive .news_photos { grid-template-columns: repeat(2, 1fr); gap: 0.6em; margin-block-start: 1.5em; }


#top_about { padding: 3em 0 0 0; }
#top_about .right_inner.flex { display:block; }
#top_about .text { width: 100%; }
#top_about .thumb { width: 100%; }
#top_about .catch .clip span { padding: 0.1em 1em 0.1em 0.5em; }
#top_about .more_wrapper { margin-left:auto; margin-right:auto; }

#top_about .thumb_list { width: 100%; margin-block-start: 3em; }
#top_about .thumb_list .thumb1 { width: 100%; }
#top_about .thumb_list .thumb2 { width: 100%; }
#top_about .thumb_list .thumb3 { width: 100%; }

#top_about .link_list { padding: 0 0 3em 0; }
#top_about .link_list .middle_inner.flex { display:block; }
#top_about .link_list .box { display: block; width: 100%; height: calc(300vw / 5.8); margin: 0 0 1em 0;}
#top_about .link_list .box .thumb { width: 100%; }
#top_about .link_list .square { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }
#top_about .link_list .square i { margin: 1.3em 0 0 1.3em; }



#top_business { padding: 8em 0 1em 0; }
#top_business .illust2 { inset:1em 0.5em auto auto; }

#top_business .box { margin-block-start: 3em; }
#top_business .box .text { float:none; width: 100%; }
#top_business .box .thumb { float:none; width: 100%; display: block; margin-block-start:3em; }

#top_business .box .more_wrapper { margin-left:auto; margin-right:auto; }

#top_business .box .text .box_ttl .slug { display: inline-block; margin-right: 0.25em; }
#top_business .box .text .box_ttl .num { display: inline-block; }



#top_facility { padding: 3em 0 8em 0; background-size: cover; }
#top_facility .text { display:block; width:100%; padding: 0; }
#top_facility .link_list { display:block; width:100%; }
#top_facility .link_list .box { display: block; width: 100%; margin-block-start: 2em; }
#top_facility .link_list .square { width: calc(80vw / 7.2); height: calc(80vw / 7.2); }
#top_facility .link_list .square i { margin: 1.3em 0 0 1.3em; }



#top_recruit { padding: 5em 0 8em 0; background-size: 300%; }
#top_recruit .illust3 { inset: 4em auto auto 0.5em; }
#top_recruit .illust4 { inset: -5em 1em auto auto; }
#top_recruit .text { float:none; width: 100%; }
#top_recruit .thumb { float:none; width: 100%; display: block; margin-block-start:3em; }
#top_recruit .more_wrapper { margin-left:auto; margin-right:auto; }

#top_recruit .link_list { padding: 2em 0 0 0; }
#top_recruit .link_list .inner.flex { display:block; }
#top_recruit .link_list .box { display: block; width: 100%; }

#top_recruit .text .catch .clip span { padding: 0.1em 1em 0.1em 0.5em; }




#top_gallery .illust5 { inset: -4em auto auto 0.5em; }
#top_gallery .bo_wrapper { display:block; width:100%; }
#top_gallery .box { width: 100%; }
#top_gallery .box .top_gallery_ttl .square { width: calc(80vw / 7.2); clip-path: polygon(calc(20vw / 7.2) 0%, 100% 0%, 100% 100%, 0% 100%); }



.page_header { padding: calc(380vw / 10.2) 0 1em 0; height: calc(860vw / 13.2); background-size: 150%; }
.page_header_img { inset: auto 0.5em 5em auto; }





#about_hero { padding: 3em 0 7em 0; overflow: hidden; }
#about_hero .content.flex { display:block; }
#about_hero .box { width: 100%; clip-path: polygon(calc(80vw / 7.2) 0, 100% 0, 100% 100%, 0 100%, 0 calc(80vw / 7.2)); }


#greeting .illust21 { inset: -2em 0 auto auto; }
#greeting .illust22 { display:none; }

#greeting .picture_box .thumb { width: 100%; }
#greeting .picture_box .catch { inset: auto auto -2em auto; }
#greeting .text { display: block; }
#greeting .text .box { width: 100%; }


#slogan .illust23 {inset: -3em auto auto 0; }
#slogan .slogan_list { width: 100%; padding: 0; }
#slogan .slogan_list li { padding: 3.25em 1em 0.75em 1em; }
#slogan .slogan_list li .square { width: 100%; height: 1.75em; clip-path:none; }

#slogan .thumb_list { display: block; }
#slogan .thumb_list .thumb { width: 100%; }

#organization { padding: 5em 0 8em 0; }
#organization .content .organization_ttl { margin: -1.75em auto 0 auto; }




#company .illust25 { inset: -4em auto auto 0; }
#company .box_wrapper { display: block; padding: 2em 0 4em 0; }
#company .box_wrapper .half { width: 100%; }
#company .box_wrapper .half .box dt { padding: 1em 0 1em 0; width: 7.5em; }
#company .box_wrapper .half .box dd { padding: 1em 0 1em 0.75em; }

#company .img_box .heading { margin-block-end: 2em; }
#company .map_section { padding: 1.75em 0 1em 0; }






#business .illust10 { inset: 16em 0.5em auto auto; }

#business .box { margin-block-start: 4em; padding-bottom: 1em; }
#business .box .text { float:none; width: 100%; }
#business .box .thumb { float:none; width: 100%; margin-block-start: 2em; }
#business .box .text .box_ttl .slug { display:inline-block; margin-right:0.25em; }
#business .box .text .box_ttl .num { display:inline-block; }

#business .box .thumb_list { display: block; }
#business .box .thumb_list .sub_thumb { width: 100%; }
#business .box .thumb_list .sub_thumb1 { margin-block-start: 0; }
#business .box .thumb_list .sub_thumb2 { margin-block-start: 2em; }

#business #business02 .sub_thumb { width: 100%; }
#business #business03 .sub_thumb { width: 100%; }
#business .illust13 { inset: auto auto -1em 0; }



#about_factory .illust36 { inset: 7em auto auto 0; }
#about_factory .illust37 { display:none; }
#about_factory .movie_list { display: block; }
#about_factory .movie_list .movie { width: 100%; margin: 0 0 calc(50vw / 19.2) 0; }



#factory_layout { padding: 1em 0 0 0; }
#factory_layout .illust38 { inset: auto auto 20em 0; }
#factory_layout .factory_layout_thumb { width: 100%; }


.facility_loop .loop-slider .slide { width:calc(580vw / 10.2); margin:calc(20vw / 10.2); }

#equipment .illust40 { inset: -3em 0 auto auto; }
#equipment .illust39 { display:none; }


#equipment .equipment_list_wrapper { overflow-x: scroll; }
#equipment .equipment_list { width: 200%; }

#equipment .specifications dd { display: block; }
#equipment .specifications dd .half { width: 100%; padding: 1em 1em 1em 1em; }

#facility_gallery .content .thumb { width: 100%; margin: 0 0 3em 0; filter: drop-shadow(8px 8px 0 #B1D1E9); }




#message { background-size: cover; padding: 3em 0 5em 0; }

#message .message_header { padding: 0 0 18em 0; }
#message .message_header .president { width: calc(600vw / 8.2); height: calc(513vw / 8.2); }

#message .box { clip-path: polygon(calc(75vw / 7.2) 0, 100% 0, 100% 99%, 0 100%, 0 calc(80vw / 7.2)); padding: 1.25em 1.25em 3em 1.25em; }
#message .box .thumb { float:none; width: 100%; }
#message .box .text { float:none; width: 100%; }
#message .box_content {flex-direction: column-reverse;display: flex;}


#attempt .illust28 { inset: -8em auto auto 0; }
#attempt .illust29 { inset: -6em 0 auto auto; }
#attempt .illust30 { display: none; }

#attempt .box { width: 100%; }
#attempt .box .box_content { padding: 0 1.25em 0 1.25em; }
#attempt .box .box_content dt { width: 100%; }
#attempt .box .box_content dt::after { height: calc(15vw / 7.2); }
#attempt .box_wrapper { background:none; }


.recruit_loop .loop-slider .slide { width:calc(530vw / 10.2); margin:calc(10vw / 10.2); }


#interview { padding: 5em 0 14em 0; }

#interview .illust32 { display:none; }
#interview .illust33 { inset: 1em 0.5em auto auto; }

#interview .box { margin-block-start: 4em; padding: 2em 1.25em 2em 1.25em; }
#interview .box .thumb { float:none; width: 100%; }
#interview .box .text { float:none; width: 100%; }
#interview .box .text .catch .clip span { padding: 0.1em 1em 0.1em 0.5em; }
#interview .box .thumb .num { margin-block-end: 4em; }




#requirements { padding: 5em 0 5em 0; }

#requirements .illust34 { inset: 8em auto auto 0; }
#requirements .illust35 { inset: -3em 0 auto auto; }

#requirements .requirements_wrapper { display:block; padding: 1em 0 1.5em 0; }
#requirements .requirements_wrapper .half { width: 100%; }




#movie .illust14 { display:none; }
#movie .illust15 { inset: 0 0 auto auto; }
#movie .content .movie { width: 100%; margin: 0 0 calc(60vw / 7.2) 0; }

#photo .illust17 { inset: -7em 0 auto auto; }
#photo { background-size: 200%, calc(1200vw / 7.2); }
#photo .content .thumb { width: 48%; margin: 0 4% 1em 0; }
#photo .content .thumb:nth-of-type(2n) { margin: 0 0 1em 0; }




#contact_hero .phone_warapper .phone_inner { display: block; padding: 1.25em; }
#contact_hero .phone_warapper .phone_inner .tel_btn { width: 100%; height: calc(140vw / 7.2); line-height: calc(140vw / 7.2); padding-left: calc(210vw / 7.2);}
#contact_hero .phone_warapper .phone_inner .tel_btn .square { width: calc(160vw / 7.2); clip-path: polygon(0 0, 100% 0%, calc(120vw / 7.2) 100%, 0% 100%);}

#contact .illust7 { display:none; }
#contact .illust8 { display:none; }



#contact { padding: 3em 0 1em 0; margin-block-end: 1em; background-position: center top 9em; }
#contact .contact_phone .tel_btn {
	width: 80%; height: 5em; line-height: 4.7em; margin: 0 auto 2em auto;
}
#contact .contact_phone .tel_btn i {
	top: 0; bottom: 0; margin: auto; left: 0.5em; line-height: 1; width: calc(60 * 0.12vw); height: calc(60 * 0.12vw); clip-path: circle(47% at 50% 50%);
}
#contact .contact_phone .summary { margin-block-start: 2em; margin-block-end: 2em; }
#contact .contact_email .contact_email_wrapper { width: 100%; margin-block-start: 2em; padding: 1em 1em 3em 1em; }

#contact .illust9 { inset: auto 0 -4em auto; z-index: 0; }


#form .box { display: block; width: 100%;}
#form .box label { margin: 0.75em 1.25em 0.75em 0; }
#form .box input[type=checkbox] { margin: 0 0.25em 0.15em 0; }

#form .box dt { display: block; width: 100%; padding: 1em 0 1em 0; border-bottom: 2px solid #0d5286; }

#form .box dd { display: block; width: 100%; margin:0; padding: 1em 0 1em 0;}
#form .box dt .required, #form .box dt .any { padding: 0.3em 0.4em 0.3em 0.4em; }
#form.confirm .box dd { padding: 1em 0 2em 0; }

#form .form_btn_wrapper { width: 80%; height: 4em; float: none; }
#form .form_btn_wrapper::before { width: 100%; height: 4em; }
#form .next { width: 100%; height: 4em; margin-block-start: 2em; }


#form .send_btn .square ,
#form .next .square { width: calc(80vw / 7.2); clip-path: polygon(calc(20vw / 7.2) 0%, 100% 0%, 100% 100%, 0% 100%); }

#form .back_btn {width: 100%; height: 4em; line-height: 3.5em; }
#form .back_btn .square { width: calc(80vw / 7.2); clip-path: polygon(0 0, 100% 0, calc(60vw / 7.2) 100%, 0% 100%); }


#form .send_btn {width: 100%; height: 4em; }