@charset "UTF-8"; .pagetitle { padding: 50px 0 33px 4%; background-image: url(../img/pagetitle/common_bg_sp.jpg); background-position: right center; background-repeat: no-repeat; background-size: cover; color: #fff; } .pagetitle p { margin-bottom: 8px; line-height: 130%; font-size: 18rem; font-weight: 700; } .pagetitle h2 { line-height: 130%; font-size: 12rem; } .pagetitle#pagetitle_info { background-image: url(../img/pagetitle/info_bg_sp.jpg); } .pagetitle#pagetitle_debut, .pagetitle#pagetitle_how_to, .pagetitle#pagetitle_petmodel, .pagetitle#pagetitle_petmodel_entry, .pagetitle#pagetitle_petmodel_entry_send { background-image: url(../img/pagetitle/petmodel_bg_sp.jpg); } .pagetitle#pagetitle_contact, .pagetitle#pagetitle_contact_send { background-image: url(../img/pagetitle/contact_bg_sp.jpg); } .pagetitle#pagetitle_models { background-image: url(../img/pagetitle/models_bg_sp.jpg); } .pagetitle#pagetitle_entry, .pagetitle#pagetitle_entry_send, .pagetitle#pagetitle_recruit { background-image: url(../img/pagetitle/recruit_bg_sp.jpg); } .pagetitle#pagetitle_company, .pagetitle#pagetitle_lawrevision, .pagetitle#pagetitle_shop { background-image: url(../img/pagetitle/company_bg_sp.jpg); } .pagetitle#pagetitle_contract, .pagetitle#pagetitle_event, .pagetitle#pagetitle_movie, .pagetitle#pagetitle_promotion, .pagetitle#pagetitle_studio { background-image: url(../img/pagetitle/promotion_bg_sp.jpg); } .pagetitle#pagetitle_faq { background-image: url(../img/pagetitle/faq_bg_sp.jpg); } #breadcrumbs { padding: 5px 4%; background-color: #f3f0ea; font-size: 11rem; color: #333; } #breadcrumbs ul { overflow: hidden; } #breadcrumbs ul li { float: left; } #breadcrumbs ul li a { display: inline; } .content { padding: 30px 4% 50px; } #agentNav { padding: 20px 0 30px; background: #f8f8f8 !important; } #agentNav h4 { width: 48%; margin: 0 auto 20px; } #agentNav ul { width: 89%; margin: 0 auto; } #agentNav ul li:not(:last-child) { margin-bottom: 10px; } #agentNav ul li a { padding: 15px 0; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAPCAYAAACInr1QAAABA0lEQVRIicXVLUhDURjG8d9kQRBMFpdMVosggiCuiGIZghgNRtcVrGoXTMKqZUURTIITFKwmwWSZGBwLIjIFDff6wfBjd3jufeBwyvu8/Mv5n9z87qhAKaDebbnnH0G+Zg7X2EKumwWhwB7QwioqyCddEArsBJO4xRIO0JdkQSgwuMQ4rjCDYwx0Wg4JBjeYwAXGcIahToqhweAeRRxiGOcY+auUBhg8oiR6CIM4xdRvhbTA4AXL2EA/jrDw03CaYPCKdayIFLKH8neDaYO9ZweLeMY2NrWJOCswqGIaTaxpE3GWYFATibguEvG+WMR5NDLD+kxvfM/iDq3Ef1igPMXnI2/RayoP1SZ9UQAAAABJRU5ErkJggg==) right 5% bottom 20% no-repeat; background-size: 19px auto; border: 2px solid #539b34; text-align: center; font-weight: 700; color: #539b34; } #agentNav ul li a br { display: none; } footer { border-top: 1px solid #ddd8c9; } #petmodel { padding-left: 0; padding-right: 0; padding-bottom: 0; } #petmodel .titleArea { margin: 0 auto 35px; } #petmodel .lead { margin: 0 auto 10px; } #petmodel #h401 { background: url(../img/promotion/bg02.jpg) repeat; margin: 0 auto 30px; padding: 30px 4%; } #petmodel #h401 h4 { margin: 0 auto 15px; width: 80%; } #petmodel #h401 p { font-size: 14rem; margin: 0 auto 35px; text-align: center; } #petmodel #h401 dl { background-color: #fff; margin-bottom: 14vw; padding: 40px 2% 25px 3%; position: relative; } #petmodel #h401 dl dt { background-color: #539b34; color: #fff; font-size: 16rem; font-weight: 700; text-align: center; position: absolute; top: -5%; left: 0; right: 0; margin: auto; padding: 8px 0; width: 23%; } #petmodel #h401 dl dd { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkAQMAAADbzgrbAAAABlBMVEX///8FAQE9FRBCAAAAGUlEQVQI12P4DwQfGCDkAQYGBoMhTCL5BQAcyzGxXa6wugAAAABJRU5ErkJggg==) no-repeat 0 1px; background-size: 18px; font-size: 14rem; margin-bottom: 7px; padding-left: 25px; } #petmodel #h401 ul { background-color: #fff; border: 4px solid #e6e0d4; padding: 25px 3% 10px 3%; position: relative; } #petmodel #h401 ul:before { background: url(../img/petmodel/bg_sp.png) no-repeat 0 0; background-size: 100%; content: ""; display: block; height: 11.5vw; position: absolute; top: -11.5vw; left: -5px; width: 56.25vw; } #petmodel #h401 ul li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAANlBMVEX////Z2dnMzMxmZmZAQEClpaVNTU0FAQEzMzPy8vJZWVmZmZm/v7+AgIBzc3ONjY2ysrLl5eUFxtfwAAAAuUlEQVQ4y8XUyxKDIAxAUaiB3ii+/v9nu3AUdMSw6LSszyQhJLh3w3GNyBnndyg0oJc0oH620YK3UYx24QvBRCqoiQZGs08qW9mPaKQzO+7hZaLuCHRCGgqTcqAT6hly1TEHKlEAWfP1c6AL2hvjPEWgEmkE1j0z6/3QJWDak421yezYKvEgWkMe6LdkQ33GZyC4GeLDImgECZTXv3mWBBzlV1dqgkvVN0gFSNZy+ijL//6CjL70030ABGEL8KN6EuAAAAAASUVORK5CYII=) no-repeat 0 1px; background-size: 18px; font-size: 14rem; margin-bottom: 10px; padding-left: 25px; } #petmodel #h401 ul li strong { font-size: 16rem; } #petmodel #h401 ul li span { color: #eb391b; font-weight: 700; } #petmodel #h401 ul li:last-child span { color: #539b34; } #petmodel #h402 { text-align: center; } #petmodel #h402 h4 { display: inline-block; padding-left: 30px; margin-bottom: 23px; background-image: url(../img/common/icon_footprint01.png); background-position: 0 0; background-repeat: no-repeat; background-size: 18px auto; line-height: 130%; font-size: 25rem; } #petmodel #h402 h4 strong { font-weight: 400; display: block; text-align: left; } #petmodel #h402 h4 span { display: block; font-size: 38%; line-height: 120%; } #petmodel #h402 .about { margin-bottom: 40px; padding: 0 2%; text-align: left; } #petmodel #h402 .about li { border: 2px solid #e5a722; border-radius: 20px; margin-bottom: 25px; padding: 20px; position: relative; } #petmodel #h402 .about li br { display: none; } #petmodel #h402 .about li:before { background: url(../img/petmodel/li01.png) no-repeat 0 0; background-size: 100%; content: ""; display: block; height: 12.2vw; position: absolute; top: -6.5vw; left: -8px; width: 12.7vw; } #petmodel #h402 .about li:nth-child(2):before { background-image: url(../img/petmodel/li02.png); left: auto; right: -8px; } #petmodel #h402 .about li:nth-child(3):before { background-image: url(../img/petmodel/li03.png); } #petmodel #h402 .about li:nth-child(4):before { background-image: url(../img/petmodel/li04.png); left: auto; right: -8px; } #petmodel #h402 .btn { margin-bottom: 50px; } #petmodel #h402 .btn a, #petmodel #h402 .btn input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #petmodel #h402 .btn a:after, #petmodel #h402 .btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #petmodel #h402 .btn a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAQBAMAAACIMBAtAAAAGFBMVEVHcEz///////////////////////////8dS1W+AAAAB3RSTlMAFtQV04MDnTFksQAAACJJREFUGNNjYIADtkAGDMBaJIAhxuyuiKnQZLgpLMcE2MQAavoZT9e/JVcAAAAASUVORK5CYII=); background-repeat: no-repeat; background-color: #f27b07; background-position: 95% center; background-size: 19px auto; border-color: #f27b07; color: #fff; line-height: 150%; height: auto; padding: 3vw 0; width: 87%; } #petmodel #h402 .btn a:before { background: url(../img/recruit/icon.png) no-repeat 0 0; background-size: 100%; content: ""; display: inline-block; height: 6.4vw; margin-right: 10px; vertical-align: middle; width: 4vw; } #petmodel #h402 .btn a:after { display: none; } #petmodel #h402 .link { background-color: #f8f8f8; padding: 30px 0; } #petmodel #h402 .link li { margin: 0 auto 20px; width: 89%; } #petmodel #h402 .link li a, #petmodel #h402 .link li input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #petmodel #h402 .link li a:after, #petmodel #h402 .link li input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #petmodel #h402 .link li:last-child { margin-bottom: 0; } #petmodel #h402 .link li a { width: 100%; } #how_to section:not(:last-of-type) { margin-bottom: 30px; } #how_to section h3 { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 15px; } #how_to section h3:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #how_to section .txt { margin-bottom: 20px; font-size: 12rem; } #how_to section .print { margin-bottom: 50px; } #how_to section .print a { display: inline; text-decoration: underline; font-size: 16rem; font-weight: 700; } #how_to section#sec01 dl { border-bottom: 1px solid #d2d2d2; font-size: 12rem; } #how_to section#sec01 dl dt { padding: 10px; background-color: #f8f6f2; border-top: 1px solid #d2d2d2; text-align: center; font-weight: 700; } #how_to section#sec01 dl dd { padding: 10px; } #how_to section#sec02 ul li:not(:last-child) { margin-bottom: 20px; } #how_to section#sec02 ul li a { text-decoration: underline; font-size: 12rem; } #how_to section#sec04 ol > li { margin-bottom: 25px; overflow: hidden; } #how_to section#sec04 ol > li > p { float: left; width: 10%; } #how_to section#sec04 ol > li > div { float: right; width: 88%; padding-top: 23px; margin-top: 5px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnIAAAAOBAMAAABZf+w1AAAAHlBMVEX////X19fZ2dny8vL8/Pze3t7q6urY2Njr6+vf398RXRqRAAAAZUlEQVQYGe3BMQ2AMBQE0EtaAzdQA0UAQQHBARsGKqAszDWBXvIlXOd7D8jtvQ+YbidZYbLEsMFUJ8MKUw2GAlNdDAtM1WlT0GlTcNGmYDAUmOpkWGGqxLDBZDvJCtPl9nwHTPUDPz5Irg1KMdAAAAAASUVORK5CYII=) 0 0 no-repeat; background-size: 100% auto; font-size: 12rem; } #how_to section#sec04 ol > li > div h4 { padding-left: 1em; margin-bottom: 10px; font-weight: 700; position: relative; } #how_to section#sec04 ol > li > div h4:before { content: "・"; position: absolute; top: 0; left: 0; } #how_to section#sec04 ol > li > div p { padding-left: 1em; } #how_to section#sec04 ol > li > div ul { padding-left: 1em; font-size: 10rem; } #how_to section#sec04 ol > li > div ul li { padding-left: 1em; text-indent: -1em; } #how_to section#sec04 ol > li:nth-child(4) ul:nth-of-type(2) { padding-left: 2em; margin-top: 20px; font-size: 12rem; } #how_to section#sec04 ol > li:nth-child(4) ul:nth-of-type(2) li { padding-left: 1em; position: relative; } #how_to section#sec04 ol > li:nth-child(4) ul:nth-of-type(2) li:before { content: "・"; position: absolute; top: 0; left: 0; } #how_to section#sec04 ol > li:nth-child(5) > div { padding-bottom: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnIAAAAOBAMAAABZf+w1AAAAHlBMVEX////X19fZ2dny8vL8/Pze3t7q6urY2Njr6+vf398RXRqRAAAAZUlEQVQYGe3BMQ2AMBQE0EtaAzdQA0UAQQHBARsGKqAszDWBXvIlXOd7D8jtvQ+YbidZYbLEsMFUJ8MKUw2GAlNdDAtM1WlT0GlTcNGmYDAUmOpkWGGqxLDBZDvJCtPl9nwHTPUDPz5Irg1KMdAAAAAASUVORK5CYII=) 0 0 no-repeat, url(../img/how_to/sec04_line_last.jpg) 0 bottom no-repeat; background-size: 100% auto; } #how_to section#sec04 .btn { width: 92%; margin: 0 auto; } #how_to section#notice { padding: 20px; background-color: #f8f8f8; } #how_to section#notice h3 { padding: 0 0 10px; border-bottom: 1px solid #333; background: 0 0; } #how_to section#notice h3:before { display: none; } #how_to section#notice ul { font-size: 12rem; padding-left: 1em; text-indent: -1em; } #contact, #entry, #petmodel_entry { padding: 50px 0; } #contact .txt, #entry .txt, #petmodel_entry .txt { margin: 0 2% 50px; text-align: center; font-size: 13rem; } #contact .print, #entry .print, #petmodel_entry .print { margin-bottom: 50px; text-align: center; } #contact .print a, #entry .print a, #petmodel_entry .print a { display: inline; text-decoration: underline; font-size: 20rem; font-weight: 700; } #contact .btn, #entry .btn, #petmodel_entry .btn { margin-bottom: 50px; } #contact .btn a, #contact .btn input, #entry .btn a, #entry .btn input, #petmodel_entry .btn a, #petmodel_entry .btn input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #contact .btn a:after, #contact .btn input:after, #entry .btn a:after, #entry .btn input:after, #petmodel_entry .btn a:after, #petmodel_entry .btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #contact h3, #entry h3, #petmodel_entry h3 { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin: 0 auto 25px; } #contact h3:before, #entry h3:before, #petmodel_entry h3:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #contact .caution, #entry .caution, #petmodel_entry .caution { width: 92%; padding-bottom: 15px; margin: 0 auto 15px; border-bottom: 1px solid #d2d2d2; font-size: 13rem; color: #fe0d00; } #contact .caution li, #entry .caution li, #petmodel_entry .caution li { padding-left: 1em; text-indent: -1em; vertical-align: middle; } #contact .caution li span, #entry .caution li span, #petmodel_entry .caution li span { display: inline-block; width: 18px; height: 19px; margin: 0 5px; background: url(../img/common/icon_footprint01_red.png) center no-repeat; background-size: cover; vertical-align: middle; } #contact .privacyTxt, #entry .privacyTxt, #petmodel_entry .privacyTxt { width: 92%; padding: 25px 3% 0; margin: 0 auto 10px; border-top: 1.5px solid #d7d7d7; font-size: 13rem; } #contact .privacyTxt a, #entry .privacyTxt a, #petmodel_entry .privacyTxt a { display: inline; text-decoration: underline; font-weight: 700; color: red; } #contact .formWrap, #entry .formWrap, #petmodel_entry .formWrap { padding-bottom: 40px; background-color: #f8f6f2; } #contact .formWrap h4, #entry .formWrap h4, #petmodel_entry .formWrap h4 { width: 97%; padding: 12px 12px 12px 17px; margin: 0 auto 15px; background-color: #e5a722; font-size: 15rem; font-weight: 700; color: #fff; position: relative; } #contact .formWrap h4:before, #entry .formWrap h4:before, #petmodel_entry .formWrap h4:before { content: ""; display: block; width: 3px; height: calc(100% - 24px); margin: auto 0; background-color: #f8dca1; position: absolute; top: 0; bottom: 0; left: 8px; } #contact .formWrap h5, #entry .formWrap h5, #petmodel_entry .formWrap h5 { width: 97%; padding: 10px 10px 10px 17px; margin: 0 auto 15px; background-color: #ece9e2; font-size: 14rem; font-weight: 700; position: relative; } #contact .formWrap h5:before, #entry .formWrap h5:before, #petmodel_entry .formWrap h5:before { content: ""; display: block; width: 3px; height: calc(100% - 20px); margin: auto 0; background-color: #95825c; position: absolute; top: 0; bottom: 0; left: 8px; } #contact .formWrap .contactForm, #entry .formWrap .contactForm, #petmodel_entry .formWrap .contactForm { width: 100%; } #contact .formWrap .contactForm tr th, #entry .formWrap .contactForm tr th, #petmodel_entry .formWrap .contactForm tr th { display: block; width: 94%; padding: 10px 10px 10px 6px; margin: 0 auto; background-color: #f0ede6; text-align: left; vertical-align: middle; font-size: 13rem; font-weight: 700; } #contact .formWrap .contactForm tr th span, #entry .formWrap .contactForm tr th span, #petmodel_entry .formWrap .contactForm tr th span { display: inline-block; width: 10px; height: 10px; margin-right: 0.5em; background: url(../img/common/icon_footprint01_grey.png) center no-repeat; background-size: cover; vertical-align: middle; } #contact .formWrap .contactForm tr th.req span, #entry .formWrap .contactForm tr th.req span, #petmodel_entry .formWrap .contactForm tr th.req span { background: url(../img/common/icon_footprint01_red.png) center no-repeat; background-size: cover; } #contact .formWrap .contactForm tr td, #entry .formWrap .contactForm tr td, #petmodel_entry .formWrap .contactForm tr td { display: block; width: 89%; padding: 20px 0 25px; margin: 0 auto; } #contact .formWrap .contactForm tr td p, #entry .formWrap .contactForm tr td p, #petmodel_entry .formWrap .contactForm tr td p { line-height: 140%; } #contact .formWrap .contactForm tr td p.kome, #entry .formWrap .contactForm tr td p.kome, #petmodel_entry .formWrap .contactForm tr td p.kome { padding-left: 1em; margin: 5px 0; text-indent: -1em; font-size: 10rem; } #contact .formWrap .contactForm tr td input, #entry .formWrap .contactForm tr td input, #petmodel_entry .formWrap .contactForm tr td input { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; } #contact .formWrap .contactForm tr td input.wpcf7-text, #entry .formWrap .contactForm tr td input.wpcf7-text, #petmodel_entry .formWrap .contactForm tr td input.wpcf7-text { width: 100%; height: 43px; padding: 0 10px; border: 1px solid #d7d7d7; line-height: 42px; } #contact .formWrap .contactForm tr td input.size01, #entry .formWrap .contactForm tr td input.size01, #petmodel_entry .formWrap .contactForm tr td input.size01 { width: 80%; } #contact .formWrap .contactForm tr td input.size02, #entry .formWrap .contactForm tr td input.size02, #petmodel_entry .formWrap .contactForm tr td input.size02 { width: 75%; } #contact .formWrap .contactForm tr td .age input, #entry .formWrap .contactForm tr td .age input, #petmodel_entry .formWrap .contactForm tr td .age input { width: 60%; } #contact .formWrap .contactForm tr td .sai, #entry .formWrap .contactForm tr td .sai, #petmodel_entry .formWrap .contactForm tr td .sai { display: inline-block; padding-left: 1em; line-height: 43px; } #contact .formWrap .contactForm tr td .wpcf7-radio, #entry .formWrap .contactForm tr td .wpcf7-radio, #petmodel_entry .formWrap .contactForm tr td .wpcf7-radio { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; } #contact .formWrap .contactForm tr td .wpcf7-radio .wpcf7-list-item, #entry .formWrap .contactForm tr td .wpcf7-radio .wpcf7-list-item, #petmodel_entry .formWrap .contactForm tr td .wpcf7-radio .wpcf7-list-item { display: block; margin-bottom: 7px; } #contact .formWrap .contactForm tr td .wpcf7-radio .wpcf7-list-item.last, #entry .formWrap .contactForm tr td .wpcf7-radio .wpcf7-list-item.last, #petmodel_entry .formWrap .contactForm tr td .wpcf7-radio .wpcf7-list-item.last { margin-bottom: 0; } #contact .formWrap .contactForm tr td .wpcf7-checkbox, #entry .formWrap .contactForm tr td .wpcf7-checkbox, #petmodel_entry .formWrap .contactForm tr td .wpcf7-checkbox { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; } #contact .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item, #entry .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item, #petmodel_entry .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item { float: left; display: block; margin: 0 30px 10px 0; } #contact .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item:nth-child(3), #entry .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item:nth-child(3), #petmodel_entry .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item:nth-child(3) { clear: both; } #contact .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item:last-of-type, #entry .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item:last-of-type, #petmodel_entry .formWrap .contactForm tr td .wpcf7-checkbox .wpcf7-list-item:last-of-type { margin-bottom: 0; } #contact .formWrap .contactForm tr td select, #entry .formWrap .contactForm tr td select, #petmodel_entry .formWrap .contactForm tr td select { padding: 10px; border: 1px solid #d7d7d7; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; color: #333; } #contact .formWrap .contactForm tr td textarea, #entry .formWrap .contactForm tr td textarea, #petmodel_entry .formWrap .contactForm tr td textarea { width: 100%; height: 130px; padding: 10px; border: 1px solid #d7d7d7; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; } #contact .formWrap .contactForm tr td.address div, #entry .formWrap .contactForm tr td.address div, #petmodel_entry .formWrap .contactForm tr td.address div { margin-bottom: 15px; } #contact .formWrap .contactForm tr td.address div:last-of-type, #entry .formWrap .contactForm tr td.address div:last-of-type, #petmodel_entry .formWrap .contactForm tr td.address div:last-of-type { margin: 0; } #contact .formWrap #submitBtn, #entry .formWrap #submitBtn, #petmodel_entry .formWrap #submitBtn { width: 80%; margin: 0 auto; } #contact .formWrap #submitBtn input, #entry .formWrap #submitBtn input, #petmodel_entry .formWrap #submitBtn input { width: 100%; } #contact .formWrap #submitBtn input[disabled], #entry .formWrap #submitBtn input[disabled], #petmodel_entry .formWrap #submitBtn input[disabled] { opacity: 0.6; } #contact .formWrap #submitBtn li:not(:last-child), #entry .formWrap #submitBtn li:not(:last-child), #petmodel_entry .formWrap #submitBtn li:not(:last-child) { margin-bottom: 10px; } #contact .formWrap #submitBtn li input.wpcf7-back, #contact .formWrap #submitBtn li input.wpcf7-confirm, #entry .formWrap #submitBtn li input.wpcf7-back, #entry .formWrap #submitBtn li input.wpcf7-confirm, #petmodel_entry .formWrap #submitBtn li input.wpcf7-back, #petmodel_entry .formWrap #submitBtn li input.wpcf7-confirm { display: block; width: 100%; height: 50px; margin: 0 auto; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAQBAMAAACIMBAtAAAAGFBMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzOo31dQAAAAB3RSTlMAFtQV04MDnTFksQAAACJJREFUGNNjYIADtkAGDMBaJIAhxuyuiKnQZLgpLMcE2MQAavoZT9e/JVcAAAAASUVORK5CYII=) 95% center no-repeat; background-size: 19px auto; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; font-weight: 700; } #contact .formWrap #submitBtn li input.wpcf7-submit, #entry .formWrap #submitBtn li input.wpcf7-submit, #petmodel_entry .formWrap #submitBtn li input.wpcf7-submit { background-color: transparent; border: none; cursor: pointer; outline: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 13.3vw; background: url(../img/contact/btn_send.png) center no-repeat; background-size: contain; overflow: hidden; text-indent: 100%; white-space: nowrap; } #contact .formWrap .custom-wpcf7c-confirmed, #entry .formWrap .custom-wpcf7c-confirmed, #petmodel_entry .formWrap .custom-wpcf7c-confirmed { padding-top: 100px; margin-top: -100px; } #contact .formWrap .custom-wpcf7c-confirmed .kome, #entry .formWrap .custom-wpcf7c-confirmed .kome, #petmodel_entry .formWrap .custom-wpcf7c-confirmed .kome { display: none; } #contact .formWrap .custom-wpcf7c-confirmed .contactForm tr td.address div span:first-of-type, #entry .formWrap .custom-wpcf7c-confirmed .contactForm tr td.address div span:first-of-type, #petmodel_entry .formWrap .custom-wpcf7c-confirmed .contactForm tr td.address div span:first-of-type { display: none; } #contact .formWrap .custom-wpcf7c-confirmed .wpcf7c-conf, #entry .formWrap .custom-wpcf7c-confirmed .wpcf7c-conf, #petmodel_entry .formWrap .custom-wpcf7c-confirmed .wpcf7c-conf { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: none !important; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; -webkit-box-sizing: content-box; box-sizing: content-box; font-weight: 700; } #contact .formWrap .custom-wpcf7c-confirmed .wpcf7-text:-webkit-autofill, #entry .formWrap .custom-wpcf7c-confirmed .wpcf7-text:-webkit-autofill, #petmodel_entry .formWrap .custom-wpcf7c-confirmed .wpcf7-text:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; box-shadow: 0 0 0 1000px #fff inset; } #contact .formWrap .custom-wpcf7c-confirmed .privacyTxt, #entry .formWrap .custom-wpcf7c-confirmed .privacyTxt, #petmodel_entry .formWrap .custom-wpcf7c-confirmed .privacyTxt { display: none; } #contact .formWrap .wpcf7-validation-errors, #entry .formWrap .wpcf7-validation-errors, #petmodel_entry .formWrap .wpcf7-validation-errors { padding: 10px; background: #f9aeae; border: none !important; text-align: center; color: #d80000; } #contact .formWrap .privacyTxt + .kome, #entry .formWrap .privacyTxt + .kome, #petmodel_entry .formWrap .privacyTxt + .kome { width: 88%; margin: 0 auto 18px; font-size: 10rem; } #contact .txt { margin-bottom: 44px; text-align: left; } #contact .txt a { display: inline-block; margin: 0 0.5em; text-decoration: underline; font-size: 15rem; font-weight: 700; color: #539b34; } #contact_send, #entry_send, #petmodel_entry_send { width: 94%; padding: 30px 0 40px; margin: 30px auto 50px; background: #f8f6f2 url(../img/contact/send_bg.png) right bottom no-repeat; background-size: 26% auto; text-align: center; } #contact_send h3, #entry_send h3, #petmodel_entry_send h3 { display: inline-block; padding: 0 0 0 32px; margin-bottom: 10px; background: url(../img/common/icon_footprint01_green.png) 0 0 no-repeat; background-size: 22px auto; line-height: 160%; font-size: 18rem; font-weight: 700; color: #539b34; } #contact_send .en, #entry_send .en, #petmodel_entry_send .en { margin-bottom: 25px; line-height: 130%; font-size: 10rem; } #contact_send .txt, #entry_send .txt, #petmodel_entry_send .txt { width: 92%; margin: 0 auto 35px; line-height: 180%; text-align: left; font-size: 13rem; } #contact_send .txt br, #entry_send .txt br, #petmodel_entry_send .txt br { display: none; } #contact_send .txt a, #entry_send .txt a, #petmodel_entry_send .txt a { display: inline-block; text-decoration: underline; font-size: 15rem; font-weight: 700; color: #539b34; } #contact_send .btn a, #contact_send .btn input, #entry_send .btn a, #entry_send .btn input, #petmodel_entry_send .btn a, #petmodel_entry_send .btn input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #contact_send .btn a:after, #contact_send .btn input:after, #entry_send .btn a:after, #entry_send .btn input:after, #petmodel_entry_send .btn a:after, #petmodel_entry_send .btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #event { padding-top: 30px; padding-bottom: 4%; text-align: center; } #event h3 { display: inline-block; padding-left: 30px; margin-bottom: 23px; background: url(../img/common/icon_footprint01.png) 0 0 no-repeat; background-size: 18px auto; line-height: 130%; font-size: 25rem; } #event h3 span { display: block; font-size: 38%; line-height: 120%; } #event .lead { background-color: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; padding: 20px 0; width: 100%; } #event .lead p { margin-bottom: 0; } #event h4 { color: #539b34; display: inline-block; padding-left: 22px; margin-bottom: 23px; background: url(../img/lawrevision/icon.png) 0 0 no-repeat; background-size: 14px auto; line-height: 130%; font-size: 20rem; } #event h4 span { color: #333; display: block; font-size: 50%; line-height: 130%; } #event p { line-height: 150%; font-size: 14rem; margin: 0 auto 15px; text-align: left; width: 92%; } #event p br.pc { display: none; } #event .exArea dl { background: url(../img/event/bg01_sp.jpg) no-repeat 50% 0; background-size: 100%; margin-bottom: 10px; } #event .exArea dl dt { background-color: rgba(229, 167, 34, 0.8); padding: 25px 0; position: relative; } #event .exArea dl dt:after { background: url(../img/event/pict01.png) no-repeat 0 0; background-size: 100%; content: ""; display: block; height: 13.4vw; position: absolute; bottom: 0; left: 2%; width: 17vw; } #event .exArea dl dd { background-color: rgba(255, 255, 255, 0.8); padding: 20px 2%; text-align: left; } #event .exArea dl dd br.pc { display: none; } #event .exArea dl:nth-of-type(2) { background-image: url(../img/event/bg02_sp.jpg); } #event .exArea.old-olive dl { background-image: url(../img/event/bg04_sp.jpg); } #event .exArea dl:nth-of-type(2) dt:after { background-image: url(../img/event/pict02.png); left: auto; right: 2%; height: 20.5vw; width: 11.5vw; } #event .exArea dl:nth-of-type(3) { background-image: url(../img/event/bg03_sp.jpg); margin-bottom: 50px; } #event .exArea dl:nth-of-type(3) dt:after { background-image: url(../img/event/pict03.png); height: 13.2vw; width: 11.8vw; } #event .proposal { background-color: #f0f0f0; padding: 0 4%; } #event .proposal dl { background-color: #f8f8f8; position: relative; padding: 50px 2%; } #event .proposal dl:after, #event .proposal dl:before { background: url(../img/event/pict04.png) no-repeat 0 0; background-size: 100%; content: ""; display: block; height: 10.3vw; position: absolute; left: -3%; bottom: 0; width: 15.8vw; } #event .proposal dl:after { background-image: url(../img/event/pict05.png); height: 12vw; left: auto; right: -1%; bottom: 0; width: 8.1vw; } #event .proposal dl dt { color: #539b34; font-size: 22rem; font-weight: 700; line-height: 150%; margin: 0 auto 25px; } #event .proposal dl dt br { display: none; } #event .proposal dl dt:after { background-color: #539b34; content: ""; height: 2px; display: block; margin: 20px auto 0; width: 40%; } #event .agent { padding: 20px 0 30px; background-color: #f8f8f8; margin: 45px auto 0; width: 92%; text-align: center; } #event .agent h4 { width: 48%; margin: 0 auto 20px; background: 0 0; } #event .agent ul { width: 89%; margin: 0 auto; } #event .agent ul li { text-align: center; } #event .agent ul li:not(:last-child) { margin-bottom: 10px; } #event .agent ul li a { height: 50px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAPCAYAAACInr1QAAABA0lEQVRIicXVLUhDURjG8d9kQRBMFpdMVosggiCuiGIZghgNRtcVrGoXTMKqZUURTIITFKwmwWSZGBwLIjIFDff6wfBjd3jufeBwyvu8/Mv5n9z87qhAKaDebbnnH0G+Zg7X2EKumwWhwB7QwioqyCddEArsBJO4xRIO0JdkQSgwuMQ4rjCDYwx0Wg4JBjeYwAXGcIahToqhweAeRRxiGOcY+auUBhg8oiR6CIM4xdRvhbTA4AXL2EA/jrDw03CaYPCKdayIFLKH8neDaYO9ZweLeMY2NrWJOCswqGIaTaxpE3GWYFATibguEvG+WMR5NDLD+kxvfM/iDq3Ef1igPMXnI2/RayoP1SZ9UQAAAABJRU5ErkJggg==) right 5% bottom 25% no-repeat; background-size: 19px auto; border: 2px solid #539b34; line-height: 46px; font-weight: 700; color: #539b34; } #event .agent ul li a br { display: none; } #promotion { padding-top: 30px; padding-bottom: 50px; text-align: center; } #promotion h3 { display: inline-block; padding-left: 30px; margin-bottom: 23px; background: url(../img/common/icon_footprint01.png) 0 0 no-repeat; background-size: 18px auto; line-height: 130%; font-size: 25rem; } #promotion h3 span { display: block; font-size: 38%; line-height: 120%; } #promotion .lead { background-color: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; padding: 35px 0; position: relative; width: 100%; } #promotion .lead dl { padding: 0 4.5%; position: relative; z-index: 1; } #promotion .lead dl dt { color: #539b34; font-weight: 700; font-size: 20rem; line-height: 140%; margin: 0 auto 20px; } #promotion .lead:after { background: url(../img/promotion/bg01.png) no-repeat 0 0; background-size: 100%; content: ""; height: 27.4vw; display: block; position: absolute; right: 0; bottom: -4px; width: 35.4vw; } #promotion .about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 30px; } #promotion .about li { border-radius: 50%; background-color: #f9f0f1; color: #6a5f49; font-size: 10rem; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 140%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 26.6vw; margin: -5px 7px 0; width: 26.6vw; } #promotion p { width: 92%; margin: 0 auto 40px; font-size: 14rem; line-height: 150%; text-align: left; } #promotion .lead2 { background-color: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 40px; padding: 20px 15px; width: 92%; } #promotion .lead2 dt { border-bottom: 2px solid #539b34; color: #539b34; font-size: 16rem; font-weight: 700; margin-bottom: 10px; padding-bottom: 10px; } #promotion .mail { background-size: auto 16px; } #promotion .mail a, #promotion .mail input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #promotion .mail a:after, #promotion .mail input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #promotion .mail a { width: 86%; font-size: 14rem; } #promotion .titleArea { background: url(../img/promotion/bg02.jpg) repeat; margin-bottom: 10px; } #promotion .titleArea h4 { background: 0 0; margin: 0; padding: 0; } #promotion .titleArea p { background-color: rgba(255, 255, 255, 0.4); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 20px 10px; width: 100%; } #promotion section dl { border: 2px solid #539b34; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 10px; padding: 25px 20px; text-align: left; width: 92%; } #promotion section dl dt { color: #539b34; font-size: 15rem; font-weight: 700; margin-bottom: 25px; line-height: 130%; } #promotion section dl dt span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #promotion section dl dt span:before { background: url(../img/promotion/icon01.png) no-repeat 0 0; background-size: 100%; content: ""; display: block; height: 8vw; margin-right: 8px; width: 6.6vw; } #promotion section dl dt:after { background-color: #539b34; content: ""; height: 2px; display: block; margin: 20px auto 0; width: 13vw; } #promotion section dl dd { font-size: 13rem; margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #promotion section dl dd.btn { display: block; margin-bottom: 0; width: 100%; } #promotion section dl dd.btn a, #promotion section dl dd.btn input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #promotion section dl dd.btn a:after, #promotion section dl dd.btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #promotion section dl dd.btn a { width: 100%; } #promotion section dl dd.btn a:before { background: url(../img/promotion/icon04.png) no-repeat 0 0; background-size: 100%; content: ""; display: inline-block; margin-right: 8px; height: 3.4vw; vertical-align: middle; width: 3.86vw; } #promotion section dl.dl02 dt span:before { background-image: url(../img/promotion/icon02.png); height: 8vw; width: 9.2vw; } #promotion section dl.dl03 dt span:before { background-image: url(../img/promotion/icon03.png); height: 7.2vw; width: 7.2vw; } #promotion section dl.dl03 dd:nth-of-type(1) { margin-bottom: 0; } #promotion section .secCont { margin: 0 auto 30px; } #promotion #agentNav { width: 92%; margin: 45px auto 0; } #studio { padding-top: 30px; padding-bottom: 50px; text-align: center; } #studio h3 { display: inline-block; padding-left: 30px; margin-bottom: 23px; background: url(../img/common/icon_footprint01.png) 0 0 no-repeat; background-size: 18px auto; line-height: 130%; font-size: 25rem; } #studio h3 span { display: block; font-size: 38%; line-height: 120%; } #studio .lead { background-color: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 60px; padding: 30px 0; position: relative; width: 100%; z-index: -2; } #studio .lead:after { background: url(../img/studio/bg01.png) no-repeat 0 0; background-size: 100%; content: ""; height: 27.5vw; display: block; position: absolute; right: 2%; bottom: -5px; width: 15.6vw; z-index: -1; } #studio .linkArea { background: url(../img/studio/bg02_sp.jpg) no-repeat 50% 0; background-size: 100%; margin: 30px auto 10px; } #studio .linkArea:last-of-type { margin: 0 auto 30px; } #studio .linkArea.old-olive { background-image: url(../img/studio/bg04_sp.jpg); } #studio .linkArea.ease02 { background-image: url(../img/studio/bg03_sp.jpg); } #studio .linkArea.blend-studio { background-image: url(../img/studio/bg05_sp.webp); } #studio .linkArea.tce-studio { background-image: url(../img/studio/bg06_sp.webp); margin-top: 30px !important; } #studio .linkArea dl { background-color: rgba(229, 167, 34, 0.7); padding: 45px 10% 30px; } #studio .linkArea.old-olive dl { background-color: rgba(135, 158, 0, 0.7); } #studio .linkArea.blend-studio dl { background-color: rgba(0, 0, 0, 0.7); } #studio .linkArea.tce-studio dl { background-color: rgba(68, 68, 64, 0.7); } #studio .linkArea dl dt { margin-bottom: 30px; } #studio .linkArea dl dd a, #studio .linkArea dl dd input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #studio .linkArea dl dd a:after, #studio .linkArea dl dd input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #studio .linkArea dl dd a { width: 100%; } #studio .linkArea .linkTxt { background-color: rgba(255, 255, 255, 0.8); padding: 40px 0; } #studio .linkArea.old-olive .linkTxt { display: none; } #studio h4 { color: #539b34; display: inline-block; padding-left: 22px; margin-bottom: 23px; background: url(../img/lawrevision/icon.png) 0 0 no-repeat; background-size: 14px auto; line-height: 130%; font-size: 20rem; } #studio h4.mt90 { margin-top: 90px; } #studio h4 span { color: #333; display: block; font-size: 55%; } #studio p { line-height: 150%; font-size: 14rem; margin: 0 auto 15px; text-align: left; width: 92%; } #studio p .pc { display: none; } #studio #agentNav { margin: 45px auto 0; width: 92%; } #contract h3 { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 15px; } #contract h3:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #contract h3:not(:first-child) { margin-top: 20px; } #contract p { line-height: 150%; font-size: 13rem; } #contract #agentNav { margin-top: 35px; } #company { padding-left: 0; padding-right: 0; text-align: center; } #company h3 { display: inline-block; padding-left: 30px; margin-bottom: 23px; background: url(../img/common/icon_footprint01.png) 0 0 no-repeat; background-size: 18px auto; line-height: 130%; font-size: 25rem; } #company h3 span { display: block; font-size: 38%; line-height: 120%; } #company #management_philosophy { background-color: #fff; } #company #management_philosophy h3 { margin-bottom: 25vw; } #company #management_philosophy section { padding: 0 4% 18%; position: relative; text-align: left; } #company #management_philosophy section h4 { background: url(../img/company/h4_sp.png) no-repeat 0 0; background-size: 100%; height: 0; position: absolute; top: -30vw; left: 1%; padding-top: 42%; text-indent: 120%; overflow: hidden; width: 93.3%; z-index: 3; } #company #management_philosophy section .secCont { background-color: rgba(250, 248, 243, 0.9); padding: 13% 4% 23%; position: relative; z-index: 2; } #company #management_philosophy section p { font-size: 13rem; line-height: 150%; margin-bottom: 15px; } #company #management_philosophy section p:last-of-type { margin-bottom: 0; } #company #management_philosophy section .secPict01 { position: absolute; top: -25vw; right: 0; width: 28.4%; z-index: 1; } #company #management_philosophy section .secPict02 { position: absolute; bottom: 5%; left: 0; width: 28.4%; z-index: 2; } #company #management_philosophy section .secPict03 { position: absolute; bottom: 6%; right: 6%; width: 21.2%; z-index: 2; } #company #company_profile { background-color: #f8f8f8; padding: 30px 4% 50px; } #company #major_suppliers { background: url(../img/company/bgPict04.png) no-repeat 98% 100% #fff; background-size: 35%; padding: 30px 4% 0; } #company #major_suppliers h4 { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 15px; text-align: left; } #company #major_suppliers h4:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #company #major_suppliers ul { margin-bottom: 15px; padding: 0 10px; text-align: left; } #company #major_suppliers ul li { font-size: 12rem; line-height: 150%; } #company #major_suppliers .other ul { margin-bottom: 0; } #company #major_suppliers .other ul:last-of-type li:last-child { margin-top: 15px; } #company .companyTbArea { text-align: left; } #company .companyTbArea dl { margin-bottom: 5px; } #company .companyTbArea dl dt { background-color: #539b34; color: #fff; line-height: 150%; font-size: 13rem; font-weight: 700; padding: 10px; } #company .companyTbArea dl dd { border: 1px solid #d2d2d2; background-color: #fff; line-height: 150%; font-size: 13rem; padding: 10px; } #company .companyTbArea dl dd.mapWrap { position: relative; padding-bottom: 42px; } #company .companyTbArea dl dd a { max-width: 128px; position: absolute; bottom: 10px; right: 10px; width: 37%; } #shop { padding-top: 50px; padding-bottom: 70px; padding-left: 0; padding-right: 0; text-align: center; } #shop h3 { display: inline-block; padding-left: 30px; margin-bottom: 23px; background: url(../img/common/icon_footprint01.png) 0 0 no-repeat; background-size: 18px auto; line-height: 130%; font-size: 25rem; } #shop h3 span { display: block; font-size: 38%; line-height: 120%; } #shop #shop_service .secCont { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUFBQUFBQUGBgUICAcICAsKCQkKCxEMDQwNDBEaEBMQEBMQGhcbFhUWGxcpIBwcICkvJyUnLzkzMzlHREddXX0BBQUFBQUFBQYGBQgIBwgICwoJCQoLEQwNDA0MERoQExAQExAaFxsWFRYbFykgHBwgKS8nJScvOTMzOUdER11dff/AABEIADQALAMBIgACEQEDEQH/xABdAAEBAQEBAQAAAAAAAAAAAAAAAwIEAQYQAQEBAQEBAQAAAAAAAAAAAAABAhFBEiEBAQEBAAMAAAAAAAAAAAAAAAEAAgMFBxEBAQEBAAAAAAAAAAAAAAAAAAERMf/aAAwDAQACEQMRAD8A+4BLeu/jxu3HRH1+9Vl652s3lZlCwDZY3rxJ7ZZXjjvQABKY15VHPJ1W5t9blqa1OxB0Maz1WFIFMZ9Zk0NZzxoGyAFJ2T6igCIAKf/Z) repeat; padding: 20px 4%; text-align: left; } #shop #shop_service section { padding-top: 35px; position: relative; } #shop #shop_service section:last-of-type { margin-top: 30px; } #shop #shop_service section .title { background-color: #e5a722; margin: auto; padding: 8px 0; position: absolute; top: 0; left: 0; right: 0; text-align: center; width: 80%; } #shop #shop_service section .title p { color: #fff; font-size: 15rem; font-weight: 700; margin-bottom: 4px; } #shop #shop_service section .title h4 { background: url(../img/shop/icon01.png) no-repeat 0 0; background-size: 18px; color: #fff; font-size: 20rem; line-height: 130%; font-weight: 700; display: inline-block; padding-left: 30px; } #shop #shop_service section dl { background-color: #cde6a9; padding-top: 8px; margin-top: 10px; text-align: center; } #shop #shop_service section dl dt { background: url(../img/shop/icon02.png) no-repeat 0 0; background-size: 20px; color: #539b34; font-size: 16rem; font-weight: 700; line-height: 200%; display: inline-block; margin-bottom: 8px; padding-left: 25px; } #shop #shop_service section dl dd { background-color: #fff; padding: 14px 10px; text-align: left; } #shop #shop_service section dl dd ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } #shop #shop_service section dl dd ul li { font-size: 14rem; line-height: 150%; } #shop #shop_service section dl dd ul li span { background-color: #e5a722; color: #fff; display: inline-block; margin-right: 8px; padding: 1px 8px; } #shop #shop_service section dl dd ul li:last-child { margin-left: 20px; } #shop #shop_service section dl:last-of-type dt { background-image: url(../img/shop/icon03.png); } #shop #group_company { padding: 30px 4% 10px; } #shop #group_company .companyTbArea { text-align: left; } #shop #group_company .companyTbArea dl { margin-bottom: 5px; } #shop #group_company .companyTbArea dl dt { background-color: #539b34; color: #fff; line-height: 150%; font-size: 13rem; font-weight: 700; padding: 10px; } #shop #group_company .companyTbArea dl dd { border: 1px solid #d2d2d2; background-color: #fff; line-height: 150%; font-size: 13rem; padding: 10px; } #shop #group_company .companyTbArea dl dd.mapWrap { position: relative; padding-bottom: 42px; } #shop #group_company .companyTbArea dl dd a { max-width: 128px; position: absolute; bottom: 10px; right: 10px; width: 37%; } #lawrevision a { display: inline; text-decoration: underline; } #lawrevision h3 { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 15px; } #lawrevision h3:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #lawrevision h3:not(:first-child) { margin-top: 20px; } #lawrevision section { padding-top: 15px; } #lawrevision p { line-height: 150%; font-size: 14rem; margin-bottom: 15px; } #lawrevision p span { color: #0036ff; font-weight: 700; } #lawrevision p.link { padding-left: 1em; text-indent: -1em; } #lawrevision h4 { background: url(../img/lawrevision/icon.png) no-repeat 0 0; background-size: 18px; border-bottom: 2px solid #539b34; font-weight: 700; margin-bottom: 15px; padding: 0 0 4px 25px; } #lawrevision h4 span { display: block; font-weight: 400; font-size: 70%; } #lawrevision .banner { margin: 0 auto 15px; text-align: center; width: 88%; } #lawrevision .banner:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; } #lawrevision .companyTbArea { text-align: left; } #lawrevision .companyTbArea dl { margin-bottom: 5px; } #lawrevision .companyTbArea dl dt { background-color: #539b34; color: #fff; line-height: 150%; font-size: 13rem; font-weight: 700; padding: 10px; } #lawrevision .companyTbArea dl dd { border: 1px solid #d2d2d2; background-color: #fff; line-height: 150%; font-size: 13rem; padding: 10px; } #lawrevision .companyTbArea dl dd.mapWrap { position: relative; padding-bottom: 42px; } #lawrevision .companyTbArea dl dd a { max-width: 128px; position: absolute; bottom: 10px; right: 10px; width: 37%; } #recruit h3 { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-top: 50px; margin-bottom: 15px; } #recruit h3:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #recruit .anchor li a, #recruit .anchor li input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #recruit .anchor li a:after, #recruit .anchor li input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #recruit .anchor li a { width: 87%; } #recruit .anchor li:first-child { margin-bottom: 20px; } #recruit p { line-height: 150%; font-size: 14rem; margin-bottom: 25px; } #recruit br.pc { display: none; } #recruit dl dt { background-color: #f8f6f2; border-top: 1px solid #d7d7d7; margin-bottom: 15px; font-size: 14rem; font-weight: 700; padding: 12px 0; text-align: center; } #recruit dl dd { font-size: 14rem; margin-bottom: 15px; padding: 0 10px; } #recruit dl dd ul li { padding-left: 1em; text-indent: -1em; } #recruit dl dd.about { border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; padding-bottom: 15px; } #recruit dl dd.about ul { margin-bottom: 20px; } #recruit dl dd.about ul li { padding-left: 5em; text-indent: -5em; } #recruit dl dd.about .add { border: 1px solid #d7d7d7; margin: 0; padding: 15px; } #recruit .btn a, #recruit .btn input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #recruit .btn a:after, #recruit .btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #recruit .btn a { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAQBAMAAACIMBAtAAAAGFBMVEVHcEz///////////////////////////8dS1W+AAAAB3RSTlMAFtQV04MDnTFksQAAACJJREFUGNNjYIADtkAGDMBaJIAhxuyuiKnQZLgpLMcE2MQAavoZT9e/JVcAAAAASUVORK5CYII=); background-position: 95% center; background-size: 19px auto; background-color: #f27b07; border-color: #f27b07; color: #fff; width: 87%; } #recruit .btn a:after { display: none; } #recruit .btn a:before { background: url(../img/recruit/icon.png) no-repeat 0 0; background-size: 100%; content: ""; display: inline-block; height: 6.4vw; margin-right: 10px; vertical-align: middle; width: 4vw; } #recruit .btn a:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; } #faq dl dt { background: url(../img/faq/icon_q_sp.png) left no-repeat, #fbf4e6; background-size: contain; height: 75px; font-size: 16rem; font-weight: 700; padding-left: 80px; margin: 25px 0; border-radius: 0 5px 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #faq dl dd { background: url(../img/faq/icon_a_sp.png) left top no-repeat, #fff; font-size: 16rem; padding-left: 80px; border-radius: 0 5px 5px 0; min-height: 75px; } #faq dl dd .print { display: inline-block; } #faq dl dd .print a { text-decoration: underline; font-weight: 700; } #link .btn { margin: 30px auto 40px; } #link .btn a, #link .btn input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #link .btn a:after, #link .btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #link dl { margin: 0 0 40px; } #link dl dt { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 30px; } #link dl dt:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #link dl dd { margin: 0 2% 20px; } #link dl dd a { padding-left: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAXBAMAAAAiiNiyAAAAIVBMVEVHcExTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRikqDeAAAACnRSTlMA/g3Ew29uDgzCCmVjBQAAAEVJREFUCNdj4FBgAIMWJwg9awlEIHAVRIBVCi5gBBVYjFPAHCZQABUwANOJEJoNKp4IUccG1ZcIMQeDuwTKdUJxlwqECwBoshf/PHJb+AAAAABJRU5ErkJggg==) 0 center no-repeat; background-size: 5px auto; } #privacy a, #sitepolicy a { display: inline; text-decoration: underline; color: red; } #privacy h3, #sitepolicy h3 { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 15px; } #privacy h3:before, #sitepolicy h3:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #privacy h3:not(:first-child), #sitepolicy h3:not(:first-child) { margin-top: 20px; } #privacy p, #sitepolicy p { line-height: 150%; font-size: 13rem; } #privacy p + p, #sitepolicy p + p { margin-top: 15px; margin-bottom: 15px; } #privacy ul, #sitepolicy ul { padding-left: 1em; margin: 15px 0; list-style: disc inside; } #privacy .without, #sitepolicy .without { list-style-type: upper-alpha; } #privacy table, #sitepolicy table { width: 100%; margin: 20px auto; font-size: 12rem; } #privacy table tr, #sitepolicy table tr { border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #privacy table tr th, #sitepolicy table tr th { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30%; background-color: #eee; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; font-weight: 700; } #privacy table tr td, #sitepolicy table tr td { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 10px 20px; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; width: 70%; } #privacy h4, #sitepolicy h4 { margin: 23px 0 15px; font-size: 12rem; font-weight: 700; } #privacy .url, #sitepolicy .url { margin-bottom: 15px; padding: 10px; border: 1px solid #d2d2d2; } #sitemap h3 { padding: 10px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 30px; } #sitemap h3:before { content: ""; display: block; width: 2px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 3px; } #sitemap dl { margin: 0 4% 50px; } #sitemap dl dt { padding: 0 0 10px 1.3em; margin-bottom: 25px; border-bottom: 1px solid #539b34; font-size: 15rem; font-weight: 700; position: relative; margin-bottom: 25px; } #sitemap dl dt:before { content: ""; display: inline-block; width: 4px; height: calc(100% - 10px); background-color: #539b34; position: absolute; top: 0; left: 0; } #sitemap dl dd { margin-bottom: 25px; } #sitemap dl dd a { padding-left: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAXBAMAAAAiiNiyAAAAIVBMVEVHcExTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRikqDeAAAACnRSTlMA/g3Ew29uDgzCCmVjBQAAAEVJREFUCNdj4FBgAIMWJwg9awlEIHAVRIBVCi5gBBVYjFPAHCZQABUwANOJEJoNKp4IUccG1ZcIMQeDuwTKdUJxlwqECwBoshf/PHJb+AAAAABJRU5ErkJggg==) 0 center no-repeat; background-size: 5px auto; font-size: 13rem; } #error { padding-top: 40px; text-align: center; } #error h3 { width: 63%; margin: 0 auto 20px; } #error h4 { margin-bottom: 40px; font-size: 16rem; color: #a3a3a3; } #error .txt { margin-bottom: 65px; font-size: 13rem; } #error .btn { width: 90%; margin: 0 auto; } @media screen and (min-width: 768px) { .pagetitle { height: 248px; padding: 100px 0 0; background-image: url(../img/pagetitle/common_bg_pc.jpg); } .pagetitle p { width: 960px; margin: 0 auto 8px; font-size: 30rem; } .pagetitle h2 { width: 960px; margin: 0 auto; font-size: 14rem; } .pagetitle#pagetitle_info { background-image: url(../img/pagetitle/info_bg_pc.jpg); } .pagetitle#pagetitle_debut, .pagetitle#pagetitle_how_to, .pagetitle#pagetitle_petmodel, .pagetitle#pagetitle_petmodel_entry, .pagetitle#pagetitle_petmodel_entry_send { background-image: url(../img/pagetitle/petmodel_bg_pc.jpg); } .pagetitle#pagetitle_contact, .pagetitle#pagetitle_contact_send { background-image: url(../img/pagetitle/contact_bg_pc.jpg); } .pagetitle#pagetitle_models { background-image: url(../img/pagetitle/models_bg_pc.jpg); } .pagetitle#pagetitle_entry, .pagetitle#pagetitle_entry_send, .pagetitle#pagetitle_recruit { background-image: url(../img/pagetitle/recruit_bg_pc.jpg); } .pagetitle#pagetitle_company, .pagetitle#pagetitle_lawrevision, .pagetitle#pagetitle_shop { background-image: url(../img/pagetitle/company_bg_pc.jpg); } .pagetitle#pagetitle_contract, .pagetitle#pagetitle_event, .pagetitle#pagetitle_movie, .pagetitle#pagetitle_promotion, .pagetitle#pagetitle_studio { background-image: url(../img/pagetitle/promotion_bg_pc.jpg); } .pagetitle#pagetitle_faq { background-image: url(../img/pagetitle/faq_bg_pc.jpg); } #breadcrumbs { height: 42px; padding: 0; font-size: 12rem; } #breadcrumbs ul { width: 1000px; margin: 0 auto; } #breadcrumbs ul li { float: none; display: inline-block; vertical-align: middle; } #breadcrumbs ul li:first-child a span { padding-left: 0; } #breadcrumbs ul li:last-child { white-space: nowrap; width: 400px; padding-right: 0; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; } #breadcrumbs ul li:last-child span { padding-right: 0; } #breadcrumbs ul li a { line-height: 42px; vertical-align: middle; } #breadcrumbs ul li a:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; } #breadcrumbs ul li span { padding: 0 0.8em; line-height: 42px; vertical-align: middle; } .content { width: 1000px; padding: 50px 0 100px; margin: 0 auto; } #agentNav { clear: both; width: 960px; padding: 20px; margin: 0 auto; } #agentNav h4 { width: 205px; margin: 0 0 20px; } #agentNav h4 img { width: 205px; } #agentNav ul { width: 920px; overflow: hidden; } #agentNav ul li { float: left; width: 176px; margin: 0 10px 0 0; } #agentNav ul li:last-child { margin-right: 0; } #agentNav ul li.line1 a { padding: 55px 0 0; } #agentNav ul li.line2 a { padding: 45px 0 0; } #agentNav ul li.line3 a { padding: 35px 0 0; } #agentNav ul li a { display: block; width: 176px; height: 136px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAPCAYAAACInr1QAAABA0lEQVRIicXVLUhDURjG8d9kQRBMFpdMVosggiCuiGIZghgNRtcVrGoXTMKqZUURTIITFKwmwWSZGBwLIjIFDff6wfBjd3jufeBwyvu8/Mv5n9z87qhAKaDebbnnH0G+Zg7X2EKumwWhwB7QwioqyCddEArsBJO4xRIO0JdkQSgwuMQ4rjCDYwx0Wg4JBjeYwAXGcIahToqhweAeRRxiGOcY+auUBhg8oiR6CIM4xdRvhbTA4AXL2EA/jrDw03CaYPCKdayIFLKH8neDaYO9ZweLeMY2NrWJOCswqGIaTaxpE3GWYFATibguEvG+WMR5NDLD+kxvfM/iDq3Ef1igPMXnI2/RayoP1SZ9UQAAAABJRU5ErkJggg==) right 10px bottom 10px no-repeat; background-size: 29px auto; line-height: 130%; font-size: 18rem; } #agentNav ul li a:hover { opacity: 0.7; } #agentNav ul li a br { display: block; } #how_to { width: 960px; } #how_to section:not(:last-of-type) { margin-bottom: 60px; } #how_to section h3 { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 35px; } #how_to section h3:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #how_to section .txt { margin-bottom: 15px; font-size: 14rem; } #how_to section .print { margin-bottom: 35px; } #how_to section .print a { text-decoration: underline; font-size: 20rem; font-weight: 700; } #how_to section#sec01 dl { border-bottom: 1px solid #d2d2d2; overflow: hidden; font-size: 14rem; } #how_to section#sec01 dl dt { float: left; width: 217px; padding: 20px 0; } #how_to section#sec01 dl dd { float: left; width: 743px; padding: 20px 0 20px 25px; border-top: 1px solid #d2d2d2; } #how_to section#sec02 ul li a { font-size: 14rem; } #how_to section#sec04 ol { width: 910px; margin: 0 auto; } #how_to section#sec04 ol > li { margin-bottom: 35px; } #how_to section#sec04 ol > li > p { width: 36px; } #how_to section#sec04 ol > li > p img { width: 36px; } #how_to section#sec04 ol > li > div { width: 850px; padding: 43px 0 0 25px; margin-top: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1EAAAAJBAMAAAAhnrueAAAAG1BMVEX////X19fc3Nzr6+vg4OD9/f3+/v7Y2Njq6urd3F9AAAAASUlEQVRIx2NgMyoyYxgFQwCECAqKBIwGwxAAhoKCggajwTAEgCIwphRGg2EIgELBUTAUgMBonhoyoHG0nhpt+40CqoLR/tQQAQDvvyJtgDfjywAAAABJRU5ErkJggg==) 0 0 no-repeat; font-size: 14rem; } #how_to section#sec04 ol > li > div ul { padding-left: 1em; font-size: 12rem; } #how_to section#sec04 ol > li > div ul li { padding-left: 1em; text-indent: -1em; } #how_to section#sec04 ol > li:nth-child(4) ul:nth-of-type(2) { font-size: 14rem; } #how_to section#sec04 ol > li:nth-child(5) > div { padding-bottom: 45px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA1EAAAAJBAMAAAAhnrueAAAAG1BMVEX////X19fc3Nzr6+vg4OD9/f3+/v7Y2Njq6urd3F9AAAAASUlEQVRIx2NgMyoyYxgFQwCECAqKBIwGwxAAhoKCggajwTAEgCIwphRGg2EIgELBUTAUgMBonhoyoHG0nhpt+40CqoLR/tQQAQDvvyJtgDfjywAAAABJRU5ErkJggg==) 0 0 no-repeat, url(../img/how_to/sec04_line_last_pc.jpg) 0 bottom no-repeat; } #how_to section#sec04 .btn { width: 400px; } #how_to section#sec04 .btn a img { width: 400px; } #how_to section#sec04 .btn a img:hover { opacity: 0.7; } #how_to section#notice { padding: 20px 30px; } #how_to section#notice h3 { padding: 0 0 5px; } #how_to section#notice h3 img { width: auto; height: 38px; } #how_to section#notice ul { font-size: 14rem; } #contact, #entry, #petmodel_entry { width: 960px; padding: 80px 0; } #contact .btn, #entry .btn, #petmodel_entry .btn { margin-bottom: 60px; } #contact .btn a, #contact .btn input, #entry .btn a, #entry .btn input, #petmodel_entry .btn a, #petmodel_entry .btn input { display: block; width: 300px; height: 52px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 52px; line-height: 50px; text-align: center; font-size: 16rem; font-weight: 700; color: #333; position: relative; } #contact .btn a:after, #contact .btn input:after, #entry .btn a:after, #entry .btn input:after, #petmodel_entry .btn a:after, #petmodel_entry .btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 6%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #contact .btn a:hover, #contact .btn input:hover, #entry .btn a:hover, #entry .btn input:hover, #petmodel_entry .btn a:hover, #petmodel_entry .btn input:hover { cursor: pointer; } #contact .btn a:hover, #contact .btn input:hover, #entry .btn a:hover, #entry .btn input:hover, #petmodel_entry .btn a:hover, #petmodel_entry .btn input:hover { opacity: 0.7; } #contact .print, #entry .print, #petmodel_entry .print { margin-bottom: 30px; text-align: center; } #contact .print a, #entry .print a, #petmodel_entry .print a { text-decoration: underline; font-size: 20rem; font-weight: 700; } #contact h3, #entry h3, #petmodel_entry h3 { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin: 0 auto 45px; } #contact h3:before, #entry h3:before, #petmodel_entry h3:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #contact .caution, #entry .caution, #petmodel_entry .caution { width: 810px; border-bottom: none; font-size: 14rem; } #contact .caution li span, #entry .caution li span, #petmodel_entry .caution li span { width: 13px; height: 14px; } #contact .privacyTxt, #entry .privacyTxt, #petmodel_entry .privacyTxt { width: 810px; padding: 45px 0 0; margin: 0 auto; border-top: 1px solid #d7d7d7; text-align: center; font-size: 14rem; } #contact .privacyTxt a, #entry .privacyTxt a, #petmodel_entry .privacyTxt a { display: inline; text-decoration: underline; font-weight: 700; color: red; } #contact .formWrap, #entry .formWrap, #petmodel_entry .formWrap { padding-bottom: 60px; } #contact .formWrap h4, #entry .formWrap h4, #petmodel_entry .formWrap h4 { width: 810px; padding-left: 20px; margin: 0 auto; line-height: 130%; } #contact .formWrap h4:before, #entry .formWrap h4:before, #petmodel_entry .formWrap h4:before { width: 4px; left: 5px; } #contact .formWrap h5, #entry .formWrap h5, #petmodel_entry .formWrap h5 { width: 810px; padding-left: 20px; margin: 0 auto; line-height: 130%; } #contact .formWrap h5:before, #entry .formWrap h5:before, #petmodel_entry .formWrap h5:before { width: 4px; left: 5px; } #contact .formWrap .contactForm, #entry .formWrap .contactForm, #petmodel_entry .formWrap .contactForm { width: 810px; padding: 0; margin: 0 auto 25px; } #contact .formWrap .contactForm tr th, #entry .formWrap .contactForm tr th, #petmodel_entry .formWrap .contactForm tr th { display: table-cell; width: 265px; padding: 35px 15px 35px 15px; background-color: transparent; font-size: 14rem; } #contact .formWrap .contactForm tr th span, #entry .formWrap .contactForm tr th span, #petmodel_entry .formWrap .contactForm tr th span { width: 13px; height: 14px; } #contact .formWrap .contactForm tr td, #entry .formWrap .contactForm tr td, #petmodel_entry .formWrap .contactForm tr td { display: table-cell; width: auto; padding: 25px 0; } #contact .formWrap .contactForm tr td p.kome, #entry .formWrap .contactForm tr td p.kome, #petmodel_entry .formWrap .contactForm tr td p.kome { font-size: 12rem; } #contact .formWrap .contactForm tr td input.wpcf7-text, #entry .formWrap .contactForm tr td input.wpcf7-text, #petmodel_entry .formWrap .contactForm tr td input.wpcf7-text { width: 390px; height: 36px; line-height: 34px; } #contact .formWrap .contactForm tr td input.size01, #entry .formWrap .contactForm tr td input.size01, #petmodel_entry .formWrap .contactForm tr td input.size01 { width: 126px; } #contact .formWrap .contactForm tr td input.size02, #entry .formWrap .contactForm tr td input.size02, #petmodel_entry .formWrap .contactForm tr td input.size02 { width: 75%; } #contact .formWrap .contactForm tr td .age input, #entry .formWrap .contactForm tr td .age input, #petmodel_entry .formWrap .contactForm tr td .age input { width: 120px; } #contact .formWrap .contactForm tr td select, #entry .formWrap .contactForm tr td select, #petmodel_entry .formWrap .contactForm tr td select { padding: 5px; } #contact .formWrap .contactForm tr td textarea, #entry .formWrap .contactForm tr td textarea, #petmodel_entry .formWrap .contactForm tr td textarea { width: 100%; height: 146px; padding: 10px; } #contact .formWrap .contactForm tr td.address div, #entry .formWrap .contactForm tr td.address div, #petmodel_entry .formWrap .contactForm tr td.address div { margin-bottom: 15px; } #contact .formWrap .contactForm tr td.address div:last-of-type, #entry .formWrap .contactForm tr td.address div:last-of-type, #petmodel_entry .formWrap .contactForm tr td.address div:last-of-type { margin: 0; } #contact .formWrap .contactForm tr td .wpcf7-radio, #entry .formWrap .contactForm tr td .wpcf7-radio, #petmodel_entry .formWrap .contactForm tr td .wpcf7-radio { font-size: 14rem; } #contact .formWrap .contactForm tr:not(:last-of-type) td, #contact .formWrap .contactForm tr:not(:last-of-type) th, #entry .formWrap .contactForm tr:not(:last-of-type) td, #entry .formWrap .contactForm tr:not(:last-of-type) th, #petmodel_entry .formWrap .contactForm tr:not(:last-of-type) td, #petmodel_entry .formWrap .contactForm tr:not(:last-of-type) th { border-bottom: 1px solid #d7d7d7; } #contact .formWrap #submitBtn, #entry .formWrap #submitBtn, #petmodel_entry .formWrap #submitBtn { width: 280px; } #contact .formWrap #submitBtn input, #entry .formWrap #submitBtn input, #petmodel_entry .formWrap #submitBtn input { width: 280px; } #contact .formWrap #submitBtn input:hover, #entry .formWrap #submitBtn input:hover, #petmodel_entry .formWrap #submitBtn input:hover { opacity: 0.7; } #contact .formWrap #submitBtn li input.wpcf7-back, #contact .formWrap #submitBtn li input.wpcf7-confirm, #entry .formWrap #submitBtn li input.wpcf7-back, #entry .formWrap #submitBtn li input.wpcf7-confirm, #petmodel_entry .formWrap #submitBtn li input.wpcf7-back, #petmodel_entry .formWrap #submitBtn li input.wpcf7-confirm { display: block; width: 280px; height: 52px; margin: 0 auto; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAQBAMAAACIMBAtAAAAGFBMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzOo31dQAAAAB3RSTlMAFtQV04MDnTFksQAAACJJREFUGNNjYIADtkAGDMBaJIAhxuyuiKnQZLgpLMcE2MQAavoZT9e/JVcAAAAASUVORK5CYII=) 250px center no-repeat; background-size: 19px auto; border: 1px solid #000; border-radius: 52px; line-height: 50px; text-align: center; font-size: 16rem; } #contact .formWrap #submitBtn li input.wpcf7-submit, #entry .formWrap #submitBtn li input.wpcf7-submit, #petmodel_entry .formWrap #submitBtn li input.wpcf7-submit { height: 46px; } #contact .formWrap #submitBtn li input:hover, #entry .formWrap #submitBtn li input:hover, #petmodel_entry .formWrap #submitBtn li input:hover { cursor: pointer; } #contact .formWrap #submitBtn li input:hover, #entry .formWrap #submitBtn li input:hover, #petmodel_entry .formWrap #submitBtn li input:hover { opacity: 0.7; } #contact .formWrap ul#submitBtn, #entry .formWrap ul#submitBtn, #petmodel_entry .formWrap ul#submitBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #contact .formWrap ul#submitBtn li, #entry .formWrap ul#submitBtn li, #petmodel_entry .formWrap ul#submitBtn li { margin: 0; } #contact .formWrap ul#submitBtn li:not(:last-child), #entry .formWrap ul#submitBtn li:not(:last-child), #petmodel_entry .formWrap ul#submitBtn li:not(:last-child) { margin-right: 15px; } #contact .formWrap ul#submitBtn li input.wpcf7-back, #entry .formWrap ul#submitBtn li input.wpcf7-back, #petmodel_entry .formWrap ul#submitBtn li input.wpcf7-back { width: 150px; height: 40px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAQBAMAAACIMBAtAAAAGFBMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzOo31dQAAAAB3RSTlMAFtQV04MDnTFksQAAACJJREFUGNNjYIADtkAGDMBaJIAhxuyuiKnQZLgpLMcE2MQAavoZT9e/JVcAAAAASUVORK5CYII=) 130px center no-repeat; background-size: 13px auto; border-radius: 40px; line-height: 38px; font-size: 12rem; } #contact .formWrap .wpcf7-validation-errors, #entry .formWrap .wpcf7-validation-errors, #petmodel_entry .formWrap .wpcf7-validation-errors { width: 810px; margin: 30px auto 0; } #contact .formWrap .privacyTxt + .kome, #entry .formWrap .privacyTxt + .kome, #petmodel_entry .formWrap .privacyTxt + .kome { width: 100%; margin: 0 auto 45px; text-align: center; font-size: 12rem; } #entry .privacyTxt { margin-bottom: 45px; } #contact .txt { margin-bottom: 35px; text-align: center; font-size: 14rem; } #contact .txt a { font-size: 16rem; pointer-events: none; } #contact .privacyTxt { margin-bottom: 45px; } #contact_send, #entry_send, #petmodel_entry_send { width: 960px; padding: 50px 0 60px; margin: 100px auto 147px; background: #f8f6f2 url(../img/contact/send_bg.png) right bottom no-repeat; background-size: auto; text-align: center; } #contact_send h3, #entry_send h3, #petmodel_entry_send h3 { padding: 0 60px; margin-bottom: 10px; background: url(../img/common/icon_footprint01_green.png) 0 0 no-repeat; background-size: 30px auto; font-size: 22rem; } #contact_send .en, #entry_send .en, #petmodel_entry_send .en { margin-bottom: 45px; font-size: 14rem; } #contact_send .txt, #entry_send .txt, #petmodel_entry_send .txt { width: 100%; margin: 0 auto 50px; text-align: center; font-size: 14rem; } #contact_send .txt br, #entry_send .txt br, #petmodel_entry_send .txt br { display: block; } #contact_send .txt a, #entry_send .txt a, #petmodel_entry_send .txt a { font-size: 18rem; pointer-events: none; } #contact_send .btn a, #contact_send .btn input, #entry_send .btn a, #entry_send .btn input, #petmodel_entry_send .btn a, #petmodel_entry_send .btn input { display: block; width: 300px; height: 52px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 52px; line-height: 50px; text-align: center; font-size: 16rem; font-weight: 700; color: #333; position: relative; } #contact_send .btn a:after, #contact_send .btn input:after, #entry_send .btn a:after, #entry_send .btn input:after, #petmodel_entry_send .btn a:after, #petmodel_entry_send .btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 6%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #contact_send .btn a:hover, #contact_send .btn input:hover, #entry_send .btn a:hover, #entry_send .btn input:hover, #petmodel_entry_send .btn a:hover, #petmodel_entry_send .btn input:hover { cursor: pointer; } #contact_send .btn a:hover, #contact_send .btn input:hover, #entry_send .btn a:hover, #entry_send .btn input:hover, #petmodel_entry_send .btn a:hover, #petmodel_entry_send .btn input:hover { opacity: 0.7; } #contract h3 { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; width: 960px; margin: 0 auto 15px; } #contract h3:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #contract h3:not(:first-child) { margin-top: 40px; } #contract p { width: 960px; margin: 0 auto; line-height: 180%; font-size: 14rem; } #contract #agentNav { margin-top: 120px; } #link { width: 960px; font-size: 14rem; } #link .txt { text-align: center; } #link .btn { margin: 50px auto 70px; } #link .btn a, #link .btn input { display: block; width: 300px; height: 52px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 52px; line-height: 50px; text-align: center; font-size: 16rem; font-weight: 700; color: #333; position: relative; } #link .btn a:after, #link .btn input:after { content: ""; display: block; position: absolute; top: 50%; right: 6%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #link .btn a:hover, #link .btn input:hover { cursor: pointer; } #link .btn a:hover, #link .btn input:hover { opacity: 0.7; } #link dl { margin: 0 0 40px; } #link dl dt { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 25px; } #link dl dt:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #link dl dd { margin: 0 5px 15px; } #link dl dd a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAXBAMAAAAiiNiyAAAAIVBMVEVHcExTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRikqDeAAAACnRSTlMA/g3Ew29uDgzCCmVjBQAAAEVJREFUCNdj4FBgAIMWJwg9awlEIHAVRIBVCi5gBBVYjFPAHCZQABUwANOJEJoNKp4IUccG1ZcIMQeDuwTKdUJxlwqECwBoshf/PHJb+AAAAABJRU5ErkJggg==) 0 center no-repeat; background-size: 7px auto; } #privacy p, #sitepolicy p { width: 960px; margin: 0 auto; line-height: 180%; font-size: 14rem; } #privacy h3, #sitepolicy h3 { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; width: 960px; margin: 0 auto 15px; } #privacy h3:before, #sitepolicy h3:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #privacy h3:not(:first-child), #sitepolicy h3:not(:first-child) { margin-top: 40px; } #privacy ul, #sitepolicy ul { margin: 15px auto; width: 960px; font-size: 14rem; } #privacy address, #sitepolicy address { font-size: 14rem; } #privacy table, #sitepolicy table { width: 960px; font-size: 14rem; } #privacy table caption, #sitepolicy table caption { margin-bottom: 5px; text-align: left; font-weight: 700; } #privacy table caption:before, #sitepolicy table caption:before { content: "■"; } #privacy table tr th, #sitepolicy table tr th { width: 30%; background-color: #eee; border: 1px solid #d2d2d2; text-align: center; vertical-align: middle; font-weight: 700; } #privacy table tr td, #sitepolicy table tr td { padding: 10px 20px; border: 1px solid #d2d2d2; vertical-align: middle; } #privacy h4, #sitepolicy h4 { margin: 23px auto 10px; font-size: 14rem; width: 960px; } #privacy .url, #sitepolicy .url { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 15px; font-size: 14rem; width: 960px; } #privacy #about_link, #sitepolicy #about_link { margin-top: -270px; padding-top: 270px; } #sitemap { width: 960px; overflow: hidden; } #sitemap h3 { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin-bottom: 45px; } #sitemap h3:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #sitemap div { height: 600px; position: relative; } #sitemap dl { width: 250px; margin: 0; position: absolute; } #sitemap dl:nth-of-type(1) { top: 0; left: 25px; } #sitemap dl:nth-of-type(2) { top: 100px; left: 25px; } #sitemap dl:nth-of-type(3) { top: 310px; left: 25px; } #sitemap dl:nth-of-type(4) { top: 0; left: 355px; } #sitemap dl:nth-of-type(5) { top: 253px; left: 355px; } #sitemap dl:nth-of-type(6) { top: 560px; left: 355px; } #sitemap dl:nth-of-type(7) { top: 0; left: 685px; } #sitemap dl:nth-of-type(8) { top: 110px; left: 685px; } { top: 0; left: 685px; } #sitemap dl:nth-of-type(9) { top: 210px; left: 685px; } #sitemap dl:nth-of-type(10) { top: 350px; left: 685px; } #sitemap dl:nth-of-type(11) { top: 450px; left: 685px; } #sitemap dl dt { padding: 0 0 10px 1em; margin-bottom: 25px; border-bottom: 1px solid #539b34; line-height: 120%; font-size: 16rem; font-weight: 700; position: relative; margin-bottom: 15px; } #sitemap dl dt:before { content: ""; display: inline-block; width: 3px; height: calc(100% - 10px); background-color: #539b34; position: absolute; top: 0; left: 0; } #sitemap dl dd { margin-bottom: 10px; } #sitemap dl dd a { padding-left: 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAXBAMAAAAiiNiyAAAAIVBMVEVHcExTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRTmzRikqDeAAAACnRSTlMA/g3Ew29uDgzCCmVjBQAAAEVJREFUCNdj4FBgAIMWJwg9awlEIHAVRIBVCi5gBBVYjFPAHCZQABUwANOJEJoNKp4IUccG1ZcIMQeDuwTKdUJxlwqECwBoshf/PHJb+AAAAABJRU5ErkJggg==) 0 center no-repeat; background-size: 7px auto; font-size: 12rem; } #error { padding-top: 90px; } #error h3 { width: 562px; margin: 0 auto 25px; } #error h3 img { width: 562px; } #error h4 { margin-bottom: 60px; font-size: 20rem; } #error .txt { margin-bottom: 70px; font-size: 14rem; } #error .btn { width: 314px; } #error .btn a img { width: 314px; } #error .btn a img:hover { opacity: 0.5; } #error br.sp { display: none; } #event { padding: 95px 0 70px; } #event h3 { display: inline-block; padding-left: 45px; margin-bottom: 40px; background: url(../img/common/icon_footprint01.png) 0 0 no-repeat; background-size: 30px auto; line-height: 130%; font-size: 40rem; } #event h3 span { display: block; font-size: 38%; line-height: 120%; } #event .lead { background-color: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 80px; padding: 35px 0; position: relative; width: 100%; } #event .lead p { margin-bottom: 0; position: relative; width: 960px; text-align: center; } #event .lead p br.pc { display: block; } #event h4 { color: #539b34; display: inline-block; padding-left: 35px; margin-bottom: 40px; background: url(../img/common/icon_footprint01_green.png) 0 0 no-repeat; background-size: 20px auto; line-height: 130%; font-size: 30rem; } #event h4 span { color: #333; display: block; font-size: 50%; line-height: 100%; } #event p { line-height: 150%; font-size: 14rem; margin: 0 auto 15px; text-align: left; width: 92%; } #event p br.pc { display: none; } #event .exArea dl { background-image: url(../img/event/bg01_pc.jpg); background-size: cover; -moz-background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #event .exArea dl dt { padding: 90px 0; position: relative; width: 369px; } #event .exArea dl dt img { width: 100%; } #event .exArea dl dt:after { height: 100px; left: -67px; width: 127px; } #event .exArea dl dd { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14rem; padding: 20px 50px; width: 631px; } #event .exArea dl dd br.pc { display: inline-block; } #event .exArea dl:nth-of-type(2) { background-image: url(../img/event/bg02_pc.jpg); -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; } #event .exArea dl:nth-of-type(2) dt:after { right: -60px; height: 153px; width: 86px; } #event .exArea dl:nth-of-type(2) dd { text-align: right; } #event .exArea dl:nth-of-type(3) { background-image: url(../img/event/bg03_pc.jpg); } #event .exArea dl:nth-of-type(3) dt:after { height: 98px; left: -58px; width: 88px; } #event .proposal { background-color: #f0f0f0; padding: 0 4%; } #event .proposal dl { margin: 0 auto; padding: 35px 0; width: 800px; } #event .proposal dl:after, #event .proposal dl:before { height: 77px; left: -30px; width: 118px; } #event .proposal dl:after { height: 90px; right: -10px; left: auto; width: 61px; } #event .proposal dl dt { font-size: 26rem; margin: 0 auto 25px; } #event .proposal dl dt br { display: inline-block; } #event .proposal dl dt:before { background: url(../img/lawrevision/icon.png) no-repeat 0 0; background-size: 100%; content: ""; display: inline-block; height: 18px; margin: 0 12px 5px 0; width: 18px; } #event .proposal dl dt:after { height: 2px; margin: 25px auto 0; width: 120px; } #event #agentNav { width: 960px; margin: 100px auto 0; text-align: left; } #event #agentNav h4 { margin: 0 0 20px; line-height: 0; padding: 0; width: 205px; } #event #agentNav h4 img { width: 205px; } #lawrevision p { width: 960px; margin: 0 auto 20px; line-height: 180%; font-size: 14rem; } #lawrevision h3 { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; width: 960px; margin: 0 auto 15px; } #lawrevision h3:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #lawrevision section { margin: 0 auto; padding-top: 20px; width: 960px; } #lawrevision h4 span { font-size: 75%; display: inline-block; } #lawrevision .banner { margin: 0 auto 20px; width: 600px; } #lawrevision .banner img { width: 100%; } #lawrevision .companyTbArea { margin: 0 auto; text-align: left; width: 960px; } #lawrevision .companyTbArea dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1px; width: 100%; } #lawrevision .companyTbArea dl dt { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14rem; width: 240px; } #lawrevision .companyTbArea dl dd { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14rem; width: 720px; } #lawrevision .companyTbArea dl dd.mapWrap { position: relative; padding-bottom: 10px; } #lawrevision .companyTbArea dl dd.mapWrap br { display: none; } #lawrevision .companyTbArea dl dd a { margin-left: 10px; display: inline-block; position: relative; bottom: auto; right: auto; vertical-align: -0.4em; width: 128px; } #lawrevision .companyTbArea dl dd a img { display: block; width: 100%; } #recruit h3 { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; width: 960px; margin: 80px auto 40px; } #recruit h3:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #recruit .anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } #recruit .anchor li { margin: 0 15px; width: 300px; } #recruit .anchor li a, #recruit .anchor li input { display: block; width: 300px; height: 52px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 52px; line-height: 50px; text-align: center; font-size: 16rem; font-weight: 700; color: #333; position: relative; } #recruit .anchor li a:after, #recruit .anchor li input:after { content: ""; display: block; position: absolute; top: 50%; right: 6%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #recruit .anchor li a:hover, #recruit .anchor li input:hover { cursor: pointer; } #recruit .anchor li a:hover, #recruit .anchor li input:hover { opacity: 0.7; } #recruit .anchor li a { width: 100%; } #recruit p { line-height: 170%; margin-bottom: 40px; text-align: center; width: 960px; } #recruit br.pc { display: inline; } #recruit dl { display: table; margin: 0 auto; width: 960px; } #recruit dl dt { border-top: 1px solid #d7d7d7; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; margin-bottom: 0; padding: 25px 0; vertical-align: middle; width: 220px; } #recruit dl dd { border-top: 1px solid #d7d7d7; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; margin-bottom: 0; padding: 25px; vertical-align: middle; } #recruit dl dd ul li { padding-left: 1em; text-indent: -1em; } #recruit dl dd p { margin-bottom: 10px; text-align: left; width: 100%; } #recruit dl dd.about { border-bottom: 1px solid #d7d7d7; margin-bottom: 0; padding-bottom: 25px; } #recruit dl dd.about br.sp { display: none; } #recruit dl dd.about p { margin-bottom: 20px; } #recruit dl dd.about ul { margin-bottom: 20px; } #recruit dl dd.about .add { margin: 0; padding: 20px; width: 500px; } #recruit dl:last-of-type dt { border-bottom: 1px solid #d7d7d7; } #recruit #h301, #recruit #h302 { margin-top: -210px; padding-top: 210px; } #recruit #h301 { z-index: 2; } #recruit #h302 { z-index: 1; } #recruit .btn { margin: 25px auto 0; width: 360px; position: relative; } #recruit .btn a { font-size: 18rem; width: 100%; background-position: 95% center; background-size: 19px auto; } #recruit .btn a:before { height: 24px; margin-right: 14px; width: 15px; } #shop { width: 100%; } #shop h3 { display: inline-block; padding-left: 45px; margin-bottom: 40px; background-size: 30px auto; font-size: 40rem; } #shop h3 br { display: none; } #shop h3 span { font-size: 40%; line-height: 100%; } #shop #shop_service { width: 100%; padding-bottom: 60px; position: relative; } #shop #shop_service:before { content: ""; background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUFBQUFBQUGBgUICAcICAsKCQkKCxEMDQwNDBEaEBMQEBMQGhcbFhUWGxcpIBwcICkvJyUnLzkzMzlHREddXX0BBQUFBQUFBQYGBQgIBwgICwoJCQoLEQwNDA0MERoQExAQExAaFxsWFRYbFykgHBwgKS8nJScvOTMzOUdER11dff/AABEIADQALAMBIgACEQEDEQH/xABdAAEBAQEBAQAAAAAAAAAAAAAAAwIEAQYQAQEBAQEBAQAAAAAAAAAAAAABAhFBEiEBAQEBAAMAAAAAAAAAAAAAAAEAAgMFBxEBAQEBAAAAAAAAAAAAAAAAAAERMf/aAAwDAQACEQMRAD8A+4BLeu/jxu3HRH1+9Vl652s3lZlCwDZY3rxJ7ZZXjjvQABKY15VHPJ1W5t9blqa1OxB0Maz1WFIFMZ9Zk0NZzxoGyAFJ2T6igCIAKf/Z) repeat 0; position: absolute; padding-bottom: 60px; top: 298px; left: 0; width: 100%; height: 550px; } #shop #shop_service h3 { margin-bottom: 230px; position: relative; } #shop #shop_service h3:before { content: ""; background: url(../img/shop/bg3.jpg) no-repeat; position: absolute; top: 260px; left: 185%; width: 84px; height: 38px; } #shop #shop_service .secCont { background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; padding: 0; width: 940px; position: relative; } #shop #shop_service section { padding-top: 165px; position: relative; width: 440px; } #shop #shop_service section:last-of-type { margin-top: 0; } #shop #shop_service section .title { padding: 8px 0; top: -190px; width: 235px; z-index: 2; } #shop #shop_service section .title p { font-size: 13rem; margin-bottom: 2px; } #shop #shop_service section .title h4 { background-size: 20px; font-size: 20rem; } #shop #shop_service section .pict { margin: auto; position: absolute; top: -140px; left: 0; right: 0; width: 360px; } #shop #shop_service section .pict img { width: 100%; } #shop #shop_service section dl dt { background-size: 15px; font-size: 14rem; line-height: 160%; } #shop #shop_service section dl dd { font-size: 14rem; padding: 14px 10px; } #shop #shop_service section dl dd.service { height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #shop #shop_service section dl dd ul li { font-size: 14rem; line-height: 150%; } #shop #shop_service section dl dd ul li span { font-size: 12rem; } #shop #shop_service section dl dd ul li:last-child { margin-left: 30px; } #shop #shop_service section dl:last-of-type dt { background-image: url(../img/shop/icon03.png); } #shop #group_company { padding: 60px 0 0; } #shop #group_company .companyTbArea { margin: 0 auto; text-align: left; width: 960px; } #shop #group_company .companyTbArea dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1px; width: 100%; } #shop #group_company .companyTbArea dl dt { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14rem; width: 240px; } #shop #group_company .companyTbArea dl dd { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14rem; width: 720px; } #shop #group_company .companyTbArea dl dd.mapWrap { position: relative; padding-bottom: 10px; } #shop #group_company .companyTbArea dl dd.mapWrap br { display: none; } #shop #group_company .companyTbArea dl dd a { margin-left: 10px; display: inline-block; position: relative; bottom: auto; right: auto; vertical-align: -0.4em; width: 128px; } #shop #group_company .companyTbArea dl dd a img { display: block; width: 100%; } #company { width: 100%; } #company h3 { display: inline-block; padding-left: 45px; margin-bottom: 40px; background-size: 30px auto; font-size: 40rem; } #company h3 br { display: none; } #company h3 span { font-size: 40%; line-height: 100%; } #company #management_philosophy h3 { margin-bottom: 110px; } #company #management_philosophy section { margin: 0 auto; padding: 0 0 90px; width: 1000px; } #company #management_philosophy section h4 { background-image: url(../img/company/h4.png); top: -70px; left: 120px; padding-top: 0; height: 105px; text-indent: -250%; width: 733px; } #company #management_philosophy section .secCont { padding: 75px 70px 45px; } #company #management_philosophy section p { font-size: 14rem; margin-bottom: 25px; } #company #management_philosophy section p:last-of-type { margin-bottom: 0; } #company #management_philosophy section .secPict01 { top: -40px; right: -150px; width: auto; } #company #management_philosophy section .secPict02 { bottom: 60px; left: -160px; width: auto; z-index: 1; } #company #management_philosophy section .secPict03 { bottom: 68px; right: -25px; width: 99px; z-index: 2; } #company #management_philosophy section .secPict03 img { width: 100%; } #company #company_profile { padding: 60px 0; } #company #major_suppliers { background-size: 185px; margin: 0 auto; padding: 60px 0; width: 960px; } #company #major_suppliers h4 { padding: 10px 10px 10px 20px; background-color: #539b34; line-height: 150%; font-weight: 700; color: #fff; position: relative; margin: 0 auto 15px; } #company #major_suppliers h4:before { content: ""; display: block; width: 4px; height: calc(100% - 20px); margin: auto 0; background-color: #d7e149; position: absolute; top: 0; bottom: 0; left: 6px; } #company #major_suppliers h4:not(:first-child) { margin-top: 40px; } #company #major_suppliers ul { margin-bottom: 40px; padding: 0; } #company #major_suppliers ul li { font-size: 14rem; line-height: 150%; } #company #major_suppliers .secCont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #company #major_suppliers .secCont section { width: 460px; } #company #major_suppliers .other { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #company #major_suppliers .other h4 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } #company #major_suppliers .other ul { width: 460px; } #company .companyTbArea { margin: 0 auto; text-align: left; width: 960px; } #company .companyTbArea dl { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1px; width: 100%; } #company .companyTbArea dl dt { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14rem; width: 240px; } #company .companyTbArea dl dd { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14rem; width: 720px; } #company .companyTbArea dl dd.mapWrap { position: relative; padding-bottom: 10px; } #company .companyTbArea dl dd.mapWrap br { display: none; } #company .companyTbArea dl dd a { margin-left: 10px; display: inline-block; position: relative; bottom: auto; right: auto; vertical-align: -0.4em; width: 128px; } #company .companyTbArea dl dd a img { display: block; width: 100%; } #promotion { padding-top: 50px; padding-bottom: 70px; } #promotion h3 { display: inline-block; padding-left: 45px; margin-bottom: 40px; background: url(../img/common/icon_footprint01.png) 0 0 no-repeat; background-size: 30px auto; line-height: 130%; font-size: 40rem; } #promotion h3 span { display: block; font-size: 40%; line-height: 120%; } #promotion .lead { margin-bottom: 40px; } #promotion .lead dl { padding: 0; } #promotion .lead dl dt br.sp { display: none; } #promotion .lead:after { height: 149px; margin-right: -510px; right: 50%; width: 195px; } #promotion .about { margin: 0 auto 25px; } #promotion .about li { font-size: 14rem; height: 132px; margin: 0 5px; width: 132px; } #promotion p { text-align: center; } #promotion .lead2 { background-color: #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 60px; padding: 25px; width: 900px; } #promotion .lead2 dt { font-size: 20rem; margin-bottom: 15px; padding-bottom: 15px; } #promotion .lead2 dt br { display: none; } #promotion .lead2 dd { font-size: 14rem; } #promotion .mail { width: auto; margin-bottom: 60px; } #promotion .mail a, #promotion .mail input { display: block; width: 300px; height: 52px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 52px; line-height: 50px; text-align: center; font-size: 16rem; font-weight: 700; color: #333; position: relative; } #promotion .mail a:after, #promotion .mail input:after { content: ""; display: block; position: absolute; top: 50%; right: 6%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #promotion .mail a:hover, #promotion .mail input:hover { cursor: pointer; } #promotion .mail a:hover, #promotion .mail input:hover { opacity: 0.7; } #promotion .mail a { width: 292px; height: 46px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAQBAMAAACIMBAtAAAAGFBMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzOo31dQAAAAB3RSTlMAFtQV04MDnTFksQAAACJJREFUGNNjYIADtkAGDMBaJIAhxuyuiKnQZLgpLMcE2MQAavoZT9e/JVcAAAAASUVORK5CYII=) 260px center no-repeat; background-size: 19px auto; border-radius: 46px; line-height: 44px; font-size: 14rem; } #promotion .titleArea { background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; margin-bottom: 20px; width: 1000px; } #promotion .titleArea h4 { background: url(../img/promotion/h401_pc.jpg) no-repeat 0 0; display: block; margin: 0; padding: 0; height: 147px; width: 370px; } #promotion .titleArea h4 img { display: none; } #promotion .titleArea p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 25px; text-align: left; width: 630px; } #promotion section { background: url(../img/promotion/bg02.jpg) repeat-x 50% 0; } #promotion section.agent { background: #f8f8f8; } #promotion section:first-of-type { position: relative; } #promotion section:first-of-type:before { background: url(../img/promotion/bg03.png) no-repeat 0 0; content: ""; height: 137px; position: absolute; top: -136px; left: 6%; width: 83px; } #promotion section:nth-of-type(2) h4 { background-image: url(../img/promotion/h402_pc.jpg); } #promotion section dl { margin: 0 auto; width: 940px; } #promotion section dl dt { font-size: 18rem; margin-bottom: 35px; } #promotion section dl dt span:before { height: 39px; margin-right: 13px; width: 33px; } #promotion section dl dt:after { width: 70px; } #promotion section dl dd { font-size: 13rem; margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 6em; } #promotion section dl dd.btn { display: block !important; min-height: 0; margin: 0 auto; width: 300px; } #promotion section dl dd.btn a:before { margin-right: 11px; height: 16px; width: 19px; } #promotion section dl.dl02 dt span:before { height: 39px; width: 44px; } #promotion section dl.dl03 dt span:before { background-image: url(../img/promotion/icon03.png); height: 39px; width: 39px; } #promotion section dl.dl03 dd { display: inline-block; } #promotion section dl.dl03 dd:nth-of-type(1) { margin: 0 80px 0 40px; } #promotion section .secCont { margin: 0 auto 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 940px; } #promotion section .secCont dl { width: 460px; background: #fff; } #promotion #agentNav { width: 960px; margin: 100px auto 0; } #studio { padding-top: 50px; padding-bottom: 70px; text-align: center; } #studio h3 { display: inline-block; padding-left: 45px; margin-bottom: 40px; background: url(../img/common/icon_footprint01.png) 0 0 no-repeat; background-size: 30px auto; line-height: 130%; font-size: 40rem; } #studio h3 span { display: block; font-size: 40%; line-height: 120%; } #studio .lead p { text-align: center; } #studio .lead:after { height: 169px; margin-right: -390px; right: 50%; bottom: -25px; width: 97px; } #studio h4 { color: #539b34; display: inline-block; padding-left: 35px; margin-bottom: 40px; background: url(../img/common/icon_footprint01_green.png) 0 0 no-repeat; background-size: 20px auto; line-height: 130%; font-size: 30rem; } #studio h4 span { color: #333; display: block; font-size: 50%; line-height: 100%; } #studio p { text-align: center; width: 1000px; } #studio p .pc { display: block; } #studio .linkArea { background-image: url(../img/studio/bg02_pc.jpg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px auto 10px; background-size: cover; } #studio .linkArea.old-olive { background-image: url(../img/studio/bg04_pc.jpg); } #studio .linkArea.ease02 { background-image: url(../img/studio/bg03_pc.jpg); } #studio .linkArea.blend-studio { background-image: url(../img/studio/bg05_pc.webp); } #studio .linkArea.tce-studio { background-image: url(../img/studio/bg06_pc.webp); margin-top: 35px !important; } #studio .linkArea dl { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 90px 75px 30px; width: 449px; } #studio .linkArea dl dt { margin: 0 auto 50px; width: 296px; } #studio .linkArea dl dt img { width: 100%; } #studio .linkArea dl dd a, #studio .linkArea dl dd input { display: block; width: 80%; height: 50px; margin: 0 auto; background-color: #fff; border: 1px solid #000; border-radius: 50px; line-height: 48px; text-align: center; font-size: 14rem; font-weight: 700; position: relative; } #studio .linkArea dl dd a:after, #studio .linkArea dl dd input:after { content: ""; display: block; position: absolute; top: 50%; right: 4%; margin-top: -4px; background-image: url(../img/sprite/icon.png); background-size: 1568px 125px; background-position: -245px 0; width: 19px; height: 8px; } #studio .linkArea dl dd a { width: 100%; } #studio .linkArea .linkTxt { padding: 65px 0; width: 551px; } #studio .linkArea .linkTxt img { width: 390px; } #studio .linkArea:last-of-type { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; margin: 0 auto 80px; } #studio .linkArea:last-of-type .linkTxt { padding: 92px 0; } #studio #agentNav { width: 960px; margin: 100px auto 0; } #studio #agentNav h4 { display: block; padding-left: 0; margin: 0 0 20px; background: 0 0; } #petmodel { padding-top: 135px; padding-bottom: 70px; width: 100%; } #petmodel .titleArea { background: url(../img/promotion/bg02.jpg) repeat 50% 0; height: 170px; margin: 0 auto 85px; position: relative; } #petmodel .titleArea h3 { background: url(../img/petmodel/title_pc.png) no-repeat 50% 0; height: 261px; position: absolute; top: -63px; left: 0; right: 0; margin: auto; width: 942px; } #petmodel .titleArea h3 img { display: none; } #petmodel .lead { background: url(../img/petmodel/lead_pc.jpg) no-repeat 50% 0; height: 383px; margin: 0 auto 20px; width: 960px; } #petmodel .lead img { display: none; } #petmodel #h401 { margin: 0 auto 30px; padding: 50px 0; } #petmodel #h401 h4 { background: url(../img/petmodel/h4_pc.png) no-repeat 50% 0; height: 77px; margin: 0 auto; width: 570px; } #petmodel #h401 h4 img { display: none; } #petmodel #h401 p { margin: -10px auto 50px; padding-left: 50px; text-align: center; } #petmodel #h401 p br { display: none; } #petmodel #h401 dl { margin: 0 auto 60px; padding: 60px 80px 30px 90px; width: 528px; } #petmodel #h401 dl dt { font-size: 18rem; top: -15px; padding: 4px 0; width: 80px; } #petmodel #h401 dl dd { margin-bottom: 12px; } #petmodel #h401 ul { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 40px 100px 30px 100px; width: 768px; } #petmodel #h401 ul:before { background-image: url(../img/petmodel/bg_pc.png); height: 56px; top: -56px; left: -5px; width: 446px; } #petmodel #h401 ul li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAANlBMVEX////Z2dnMzMxmZmZAQEClpaVNTU0FAQEzMzPy8vJZWVmZmZm/v7+AgIBzc3ONjY2ysrLl5eUFxtfwAAAAuUlEQVQ4y8XUyxKDIAxAUaiB3ii+/v9nu3AUdMSw6LSszyQhJLh3w3GNyBnndyg0oJc0oH620YK3UYx24QvBRCqoiQZGs08qW9mPaKQzO+7hZaLuCHRCGgqTcqAT6hly1TEHKlEAWfP1c6AL2hvjPEWgEmkE1j0z6/3QJWDak421yezYKvEgWkMe6LdkQ33GZyC4GeLDImgECZTXv3mWBBzlV1dqgkvVN0gFSNZy+ijL//6CjL70030ABGEL8KN6EuAAAAAASUVORK5CYII=) no-repeat 0 1px; background-size: 18px; font-size: 14rem; margin-bottom: 10px; padding-left: 90px; position: relative; } #petmodel #h401 ul li strong { font-size: 14rem; display: block; position: absolute; top: -2px; left: 30px; } #petmodel #h401 ul li span { color: #eb391b; font-weight: 700; } #petmodel #h401 ul li br { display: none; } #petmodel #h401 ul li:last-child span { color: #539b34; } #petmodel #h402 h4 { padding-left: 45px; margin-bottom: 40px; background-size: 30px auto; font-size: 40rem; } #petmodel #h402 h4 br { display: none; } #petmodel #h402 h4 span { font-size: 40%; line-height: 100%; } #petmodel #h402 .about { margin: 0 auto 100px; padding: 0; text-align: center; width: 822px; } #petmodel #h402 .about li { margin: 0 90px 20px 65px; font-size: 14rem; padding: 15px; position: relative; } #petmodel #h402 .about li br { display: inline; } #petmodel #h402 .about li:before { height: 82px; position: absolute; top: -40px; left: -65px; width: 87px; } #petmodel #h402 .about li:nth-child(2) { margin-left: 90px; margin-right: 65px; } #petmodel #h402 .about li:nth-child(2):before { background-image: url(../img/petmodel/li02.png); left: auto; right: -65px; } #petmodel #h402 .about li:nth-child(3):before { background-image: url(../img/petmodel/li03.png); } #petmodel #h402 .about li:nth-child(4) { margin-left: 90px; margin-right: 65px; } #petmodel #h402 .about li:nth-child(4):before { background-image: url(../img/petmodel/li04.png); left: auto; right: -65px; } #petmodel #h402 .btn { margin: 0 auto 60px; width: 400px; } #petmodel #h402 .btn a { font-size: 18rem; padding: 12px 0; width: 100%; } #petmodel #h402 .btn a:before { height: 19px; width: 13px; } #petmodel #h402 .btn:hover { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; } #petmodel #h402 .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 70px 0; } #petmodel #h402 .link li { margin: 0 15px; width: 280px; } #faq dl dt { background: url(../img/faq/icon_q_pc.png) left no-repeat, #fbf4e6; background-size: contain; height: 46px; padding-left: 60px; margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #faq dl dd { background: url(../img/faq/icon_a_pc.png) left top no-repeat, #fff; font-size: 14rem; padding-left: 60px; margin-bottom: 20px; min-height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } #studio .linkArea.old-olive { margin-bottom: 90px; } #studio .studio-text_ease02 { margin-top: 50px; margin-bottom: 90px; } .sp { display: none !important; } @media only screen and (max-width: 568px) { .sp { display: block !important; } } /*----------------------------------------------------------------- ストレージページ -----------------------------------------------------------------*/ .body_storage #contact { padding-top: 50px; padding-bottom: 0; } ul.folder-list { list-style: none; width: 100%; margin: 0; padding: 0; font-size: 0; display: inline-block; } ul.folder-list li { width: 22%; display: inline-block; margin: 2%; padding: 0; vertical-align: top; } ul.folder-list li:nth-child(1), ul.folder-list li:nth-child(5), ul.folder-list li:nth-child(9), ul.folder-list li:nth-child(13), ul.folder-list li:nth-child(17), ul.folder-list li:nth-child(21), ul.folder-list li:nth-child(25), ul.folder-list li:nth-child(29), ul.folder-list li:nth-child(33), ul.folder-list li:nth-child(37), ul.folder-list li:nth-child(41), ul.folder-list li:nth-child(45), ul.folder-list li:nth-child(49), ul.folder-list li:nth-child(53), ul.folder-list li:nth-child(57), ul.folder-list li:nth-child(61), ul.folder-list li:nth-child(65), ul.folder-list li:nth-child(69), ul.folder-list li:nth-child(73), ul.folder-list li:nth-child(77), ul.folder-list li:nth-child(81), ul.folder-list li:nth-child(85), ul.folder-list li:nth-child(89), ul.folder-list li:nth-child(93), ul.folder-list li:nth-child(97) { margin-left: 0; } ul.folder-list li:nth-child(4), ul.folder-list li:nth-child(8), ul.folder-list li:nth-child(12), ul.folder-list li:nth-child(16), ul.folder-list li:nth-child(20), ul.folder-list li:nth-child(24), ul.folder-list li:nth-child(28), ul.folder-list li:nth-child(32), ul.folder-list li:nth-child(36), ul.folder-list li:nth-child(40), ul.folder-list li:nth-child(44), ul.folder-list li:nth-child(48), ul.folder-list li:nth-child(52), ul.folder-list li:nth-child(56), ul.folder-list li:nth-child(60), ul.folder-list li:nth-child(64), ul.folder-list li:nth-child(68), ul.folder-list li:nth-child(72), ul.folder-list li:nth-child(76), ul.folder-list li:nth-child(80), ul.folder-list li:nth-child(84), ul.folder-list li:nth-child(88), ul.folder-list li:nth-child(92), ul.folder-list li:nth-child(96), ul.folder-list li:nth-child(100) { margin-right: 0; } ul.folder-list li .post-thumb { width: 100%; height: 130px; overflow: hidden; } ul.folder-list li .post-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; } ul.folder-list li a:hover .post-thumb img { transform: scale(1.2); opacity: 0.7; transition: all 0.4s; } ul.folder-list li .post-ttl { font-size: 16px; font-weight: 700; line-height: 1.7; margin: 0; transition: all 0.4s; } ul.folder-list li a:hover .post-ttl { opacity: 0.7; } @media screen and (max-width: 768px) { ul.folder-list li { width: 48%; margin: 2% !important; } ul.folder-list li:nth-child(odd) { margin-left: 0 !important; } ul.folder-list li:nth-child(even) { margin-right: 0 !important; } } @media screen and (max-width: 480px) { ul.folder-list li { width: 100%; margin: 20px 0 !important; } }