@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
}
body a {
  outline: none;
  color: inherit;
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
}
body img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border: 0;
  outline: none;
}
body sup, body sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
  font-size: 50%;
}
body sup {
  bottom: 1ex;
}
body sub {
  top: 0.5ex;
}
body input, body textarea, body select, body button {
  padding: 0;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  text-align: left;
}
body input::-ms-expand, body textarea::-ms-expand, body select::-ms-expand, body button::-ms-expand {
  display: none;
}
body input[type=number], body textarea[type=number], body select[type=number], body button[type=number] {
  -moz-appearance: textfield;
}
body input[type=number]::-webkit-outer-spin-button, body input[type=number]::-webkit-inner-spin-button, body textarea[type=number]::-webkit-outer-spin-button, body textarea[type=number]::-webkit-inner-spin-button, body select[type=number]::-webkit-outer-spin-button, body select[type=number]::-webkit-inner-spin-button, body button[type=number]::-webkit-outer-spin-button, body button[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body input[type=checkbox],
body input[type=checkbox] + label,
body input[type=radio],
body input[type=radio] + label,
body select,
body button {
  cursor: pointer;
}
body .word_break {
  word-wrap: break-word;
  word-break: break-all;
}
body * {
  outline: none;
}
body *:hover, body *:active, body *:focus {
  outline: none;
}

.wrapper {
  margin: 0 auto;
  min-width: 1310px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #F0F4F7;
  color: #4D4D4D;
}

.inner {
  margin: 0 auto;
  width: 980px;
  overflow: hidden;
  position: relative;
}

header.simple_header {
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  position: relative;
}
header.simple_header:before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #E8E8E8;
}
header.simple_header h1 {
  width: 368px;
}
header.simple_header h1 a {
  display: block;
}

header.common_header {
  width: 100%;
  background: #ffffff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.common_header h1 {
  padding: 0 30px;
}
header.common_header h1 a {
  margin-bottom: 7px;
  display: block;
  width: 409px;
}
header.common_header h1 small.date {
  line-height: 13px;
  font-size: 13px;
}
header.common_header nav {
  padding: 29px 24px 18px 12px;
}
header.common_header nav .sub_menu {
  margin-bottom: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 32px;
}
header.common_header nav .sub_menu a {
  display: inline-block;
  text-decoration: none;
  line-height: 20px;
  font-size: 11px;
  color: #808080;
}
header.common_header nav .sub_menu a:hover {
  text-decoration: underline;
}
header.common_header nav .sub_menu ul.lang {
  padding: 0 10px 0 28px;
  display: flex;
  justify-content: flex-end;
  justify-content: center;
  gap: 14px;
  position: relative;
}
header.common_header nav .sub_menu ul.lang:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  background: url("../img/common/icon_lang.svg") no-repeat center center/contain;
}
header.common_header nav .main_menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
header.common_header nav .main_menu ul.pages {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
header.common_header nav .main_menu ul.pages li a {
  padding-left: 27px;
  padding-right: 20px;
  display: inline-block;
  position: relative;
  line-height: 16px;
  font-size: 16px;
  color: #4D4D4D;
}
header.common_header nav .main_menu ul.pages li a:before {
  content: "";
  width: 20px;
  height: 21px;
  display: block;
  background: no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
}
header.common_header nav .main_menu ul.pages li a:hover {
  filter: brightness(0) saturate(100%) invert(38%) sepia(0%) saturate(3762%) hue-rotate(55deg) brightness(134%) contrast(103%);
}
header.common_header nav .main_menu ul.pages li a.current {
  filter: brightness(0) saturate(100%) invert(72%) sepia(64%) saturate(448%) hue-rotate(24deg) brightness(92%) contrast(87%);
}
header.common_header nav .main_menu ul.pages li.top a:before {
  background-image: url("../img/common/icon_home.svg");
}
header.common_header nav .main_menu ul.pages li.movie a:before {
  background-image: url("../img/common/icon_movie.svg");
}
header.common_header nav .main_menu ul.pages li.our_declarations a:before {
  background-image: url("../img/common/icon_declarations.svg");
}
header.common_header nav .main_menu ul.pages li.reference a:before {
  background-image: url("../img/common/icon_reference.svg");
}
header.common_header nav .main_menu ul.posts {
  display: flex;
  justify-content: space-between;
  justify-content: center;
  gap: 10px;
}
header.common_header nav .main_menu ul.posts li a {
  width: 134px;
  height: 32px;
  display: block;
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 16px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
}
header.common_header nav .main_menu ul.posts li.post_declarations a {
  border-color: #ABC23C;
  background: #ABC23C;
  color: #ffffff;
}
header.common_header nav .main_menu ul.posts li.post_declarations a:hover {
  background: #ffffff;
  color: #ABC23C;
}
header.common_header nav .main_menu ul.posts li.my_declarations a {
  border-color: #E8E8E8;
  background: #E8E8E8;
  color: #808080;
}
header.common_header nav .main_menu ul.posts li.my_declarations a:hover {
  background: #808080;
  color: #E8E8E8;
}

nav.change_lang {
  width: 100%;
  background: #ffffff;
  position: relative;
}
nav.change_lang p.text {
  padding: 20px 0;
  text-align: center;
  line-height: 24px;
  font-size: 13px;
}
nav.change_lang .tab_menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15pxpx;
}
nav.change_lang .tab_menu ul.lang_list {
  width: calc(100% - 155px);
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 6px;
}
nav.change_lang .tab_menu ul.lang_list li {
  width: 100%;
  height: 100%;
}
nav.change_lang .tab_menu ul.lang_list li a {
  width: 100%;
  height: 57px;
  background: #ffffff;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 24px;
  font-size: 13px;
  letter-spacing: 1.56%;
}
nav.change_lang .tab_menu ul.lang_list li a.current {
  background: #ABC23C;
  border-color: #ABC23C;
  color: #ffffff;
}
nav.change_lang .tab_menu ul.lang_list li a:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
}
nav.change_lang .tab_menu p.translation_btn {
  width: 140px;
}
nav.change_lang .tab_menu p.translation_btn button {
  width: 100%;
  height: 42px;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #E6E6E6;
}
nav.change_lang .tab_menu p.translation_btn button:hover {
  background: #538227;
}
nav.change_lang .tab_menu p.translation_btn button:hover span {
  color: #ffffff;
}
nav.change_lang .tab_menu p.translation_btn button:hover span:before, nav.change_lang .tab_menu p.translation_btn button:hover span:after {
  background: #ffffff;
}
nav.change_lang .tab_menu p.translation_btn button span {
  width: 80px;
  display: block;
  position: relative;
  line-height: 24px;
  font-size: 13px;
  letter-spacing: 4.69%;
  color: #538227;
}
nav.change_lang .tab_menu p.translation_btn button span:before, nav.change_lang .tab_menu p.translation_btn button span:after {
  content: "";
  width: 11px;
  height: 1px;
  display: block;
  background: #538227;
  position: absolute;
  top: 50%;
  right: 0;
}
nav.change_lang .tab_menu p.translation_btn button span:after {
  transform: rotate(90deg);
}

.modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.modal.show {
  z-index: 100;
  opacity: 1;
}
.modal .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.6);
}
.modal .window {
  margin: 0 auto;
  width: 868px;
  position: relative;
}
.modal .window .close {
  position: absolute;
  top: 0;
  right: 0;
}
.modal .window .close button {
  width: 40px;
  height: 80px;
  display: block;
  position: relative;
}
.modal .window .close button:before, .modal .window .close button:after {
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% - 20px);
  border-top: solid 1px #fff;
}
.modal .window .close button:before {
  transform: rotate(45deg);
}
.modal .window .close button:after {
  transform: rotate(-45deg);
}
.modal .window .close button span {
  display: none;
}
.modal .window .content {
  color: #ffffff;
}
.modal .window .content p.header {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.modal .window .content .video {
  margin-bottom: 20px;
  background: #000;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.modal .window .content .video video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.modal .window .content p {
  font-size: 15px;
  line-height: 28px;
}
footer.simple_footer {
  width: 100%;
  height: 122px;
  background: #ABC23C;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer.simple_footer p.copyright {
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  color: #ffffff;
}

footer.common_footer {
  position: relative;
}
footer.common_footer p.gotop {
  width: 84px;
  position: absolute;
  right: 26px;
  top: -102px;
}
footer.common_footer p.gotop a {
  display: block;
  opacity: 1;
  transform-style: preserve-3d;
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: linear;
  transition-delay: 0ms;
}
footer.common_footer p.gotop a:hover {
  opacity: 0.8;
}
footer.common_footer .main_content {
  padding: 75px 0 22px 0;
  background: #ABC23C;
}
footer.common_footer .main_content p.site_title {
  margin-bottom: 35px;
  float: left;
}
footer.common_footer .main_content p.site_title small, footer.common_footer .main_content p.site_title span {
  display: block;
  line-height: 20px;
  font-weight: bold;
  color: #ffffff;
}
footer.common_footer .main_content p.site_title small {
  margin-bottom: 4px;
  font-size: 14px;
}
footer.common_footer .main_content p.site_title span {
  font-size: 18px;
}
footer.common_footer .main_content ul.declarations {
  margin-bottom: 35px;
  float: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
footer.common_footer .main_content ul.declarations li a {
  width: 134px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  font-size: 14px;
}
footer.common_footer .main_content ul.declarations li.post_declarations a {
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #ABC23C;
}
footer.common_footer .main_content ul.declarations li.post_declarations a:hover {
  background: #ABC23C;
  color: #ffffff;
}
footer.common_footer .main_content ul.declarations li.my_declarations a {
  border: 1px solid #E8E8E8;
  background: #E8E8E8;
  color: #808080;
}
footer.common_footer .main_content ul.declarations li.my_declarations a:hover {
  background: #808080;
  color: #E8E8E8;
}
footer.common_footer .main_content nav {
  float: left;
  clear: both;
}
footer.common_footer .main_content nav ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
footer.common_footer .main_content nav ul li a {
  padding-left: 27px;
  padding-right: 20px;
  display: inline-block;
  position: relative;
  line-height: 32px;
  font-size: 16px;
  color: #ffffff;
}
footer.common_footer .main_content nav ul li a:before {
  content: "";
  width: 20px;
  height: 21px;
  display: block;
  background: no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  filter: brightness(0) saturate(100%) invert(99%) sepia(86%) saturate(155%) hue-rotate(10deg) brightness(117%) contrast(100%);
}
footer.common_footer .main_content nav ul li a:hover {
  opacity: 0.8;
}
footer.common_footer .main_content nav ul li.top a:before {
  background-image: url("../img/common/icon_home.svg");
}
footer.common_footer .main_content nav ul li.movie a:before {
  background-image: url("../img/common/icon_movie.svg");
}
footer.common_footer .main_content nav ul li.our_declarations a:before {
  background-image: url("../img/common/icon_declarations.svg");
}
footer.common_footer .main_content nav ul li.reference a:before {
  background-image: url("../img/common/icon_reference.svg");
}
footer.common_footer .main_content p.chara {
  width: 181px;
  float: right;
}
footer.common_footer .sub_content {
  height: 96px;
  background: #538227;
}
footer.common_footer .sub_content .inner {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
}
footer.common_footer .sub_content .inner p.copyright {
  font-size: 10px;
}
footer.common_footer .sub_content .inner p.admin {
  font-size: 10px;
}
footer.common_footer .sub_content .inner p.admin a:hover {
  text-decoration: underline;
}

main {
  padding: 50px 0 125px 0;
}
main header {
  margin-bottom: 30px;
  position: relative;
}
main header h1 {
  margin-bottom: 32px;
  line-height: 24px;
  font-size: 24px;
}
main header p {
  line-height: 28px;
  font-size: 15px;
  letter-spacing: 0.39%;
}
main header p small {
  display: inline-block;
  line-height: 13px;
  font-size: 13px;
}
main section .frame {
  padding: 56px;
  border-radius: 15px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
}
main section .frame h2 {
  margin-bottom: 45px;
  line-height: 24px;
  font-size: 24px;
}
main section .frame a {
  font-size: 13px;
  text-decoration: underline;
  color: #538227;
}
main section .frame a:hover {
  text-decoration: none;
}
main section .free_word_search {
  padding: 26px 0 42px 0;
  width: 100%;
  border-radius: 10px;
  background: #ffffff;
}
main section .free_word_search form {
  display: flex;
  justify-content: center;
  align-items: center;
}
main section .free_word_search dl {
  display: flex;
  justify-content: center;
  align-items: center;
}
main section .free_word_search dl dt {
  padding-right: 10px;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2.15%;
}
main section .free_word_search dl dd {
  padding-right: 20px;
  position: relative;
}
main section .free_word_search dl dd .search {
  width: 480px;
  height: 44px;
  position: relative;
}
main section .free_word_search dl dd .search:before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  background: url("../img/common/icon_search.svg") no-repeat center center/contain;
  position: absolute;
  left: 12px;
  top: calc(50% - 14px);
  z-index: 1;
}
main section .free_word_search dl dd .search input {
  width: 100%;
  height: 100%;
  padding-left: 52px;
  display: block;
  background: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
}
main section .free_word_search dl dd small {
  position: absolute;
  left: 10px;
  top: 50px;
  display: block;
  line-height: 14px;
  font-size: 11px;
  letter-spacing: 1.95%;
  color: #808080;
}
main section .free_word_search p.search_btn input {
  width: 140px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #538227;
  border-radius: 19px;
  background: #538227;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
main section p.search_num_msg {
  margin-top: 20px;
  font-size: 15px;
}
main section .declarations_list {
  padding: 30px 0;
  border-radius: 20px;
  background: #F0F4F7;
}
main section .declarations_list h3 {
  padding-left: 25px;
  float: left;
  line-height: 30px;
  font-size: 20px;
  letter-spacing: 2.15%;
}
main section .declarations_list .translation_btn {
  float: right;
}
main section .declarations_list .translation_btn button {
  padding: 0 38px 0 20px;
  min-width: 194px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #ffffff;
  border: 1px solid #E6E6E6;
  line-height: 24px;
  font-size: 13px;
  letter-spacing: 4.69%;
  color: #538227;
}
main section .declarations_list .translation_btn button:before, main section .declarations_list .translation_btn button:after {
  content: "";
  width: 11px;
  height: 1px;
  display: block;
  background: #538227;
  position: absolute;
  top: 50%;
  right: 18px;
}
main section .declarations_list .translation_btn button:after {
  transform: rotate(90deg);
}
main section .declarations_list .translation_btn button:hover {
  background: #538227;
  color: #ffffff;
}
main section .declarations_list .translation_btn button:hover:before, main section .declarations_list .translation_btn button:hover:after {
  background: #ffffff;
}
main section .declarations_list .list {
  margin-bottom: 60px;
  padding-top: 40px;
  clear: both;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 16px;
}
main section .declarations_list .list .post {
  width: calc(33.3% - 10.6666666667px);
  min-height: 100%;
}
main section .declarations_list .list .post a {
  padding: 15px 25px 84px 25px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
  border-radius: 20px;
}
main section .declarations_list .list .post a dl {
  order: 3;
  width: 100%;
}
main section .declarations_list .list .post a dl dt {
  margin-bottom: 4px;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  line-height: 20px;
  letter-spacing: 1.56%;
  font-size: 16px;
}
main section .declarations_list .list .post a dl dd {
  height: 75px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  line-height: 25px;
  font-size: 14px;
}
main section .declarations_list .list .post a p.date {
  order: 0;
  margin-bottom: 12px;
  width: 100%;
  font-size: 11px;
  letter-spacing: 1.95%;
  color: #808080;
}
main section .declarations_list .list .post a p.image {
  order: 1;
  margin-bottom: 14px;
  width: 100%;
  aspect-ratio: 266/173;
}
main section .declarations_list .list .post a p.image img {
  height: 100%;
  object-fit: cover;
}
main section .declarations_list .list .post a p.company {
  order: 2;
  margin-bottom: 9px;
  width: 100%;
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 1.56%;
  color: #538227;
}
main section .declarations_list .list .post a p.btn {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 28px;
}
main section .declarations_list .list .post a p.btn span {
  margin: 0 auto;
  width: 148px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  box-sizing: border-box;
  border: 1px solid #ABC23C;
  background: #ffffff;
  font-size: 14px;
  color: #538227;
}
main section .declarations_list nav.post_pager {
  padding: 48px 12px 4px 12px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: #538227;
}
main section .declarations_list nav.post_pager a, main section .declarations_list nav.post_pager span {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  font-size: 16px;
}
main section .declarations_list nav.post_pager p.disabled a,
main section .declarations_list nav.post_pager span {
  opacity: 0.5;
  pointer-events: none;
}
main section .declarations_list nav.post_pager p.pager_arrow a:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: calc(50% - 12px);
  top: calc(50% - 12px);
  background: url("../img/common/icon_pager_arrow.svg") no-repeat center center/contain;
}
main section .declarations_list nav.post_pager p.pager_arrow a span {
  text-indent: -9999px;
}
main section .declarations_list nav.post_pager p.pager_arrow.pager_prev a:before {
  transform: rotate(180deg);
}
main section .declarations_list nav.post_pager ul.pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
main section .declarations_list p.notfound {
  margin-bottom: 120px;
  font-size: 15px;
}
main section .declarations_list p.btn {
  margin: 0 auto;
  width: 316px;
}
main section.complete p.btn {
  margin: 48px auto 0 auto;
  width: 252px;
}
main .group {
  overflow: hidden;
  clear: both;
}
main .post_content {
  padding: 48px 0 125px 0;
  background: #ffffff;
}
main .post_content.edit {
  background: transparent;
}
main .post_content.edit .frame {
  background: #ffffff;
}
main .post_content .inner {
  width: 1040px;
}
main .post_content .frame {
  padding: 56px 30px 30px 30px;
  background: #F0F4F7;
}
main .post_content .frame h2 {
  text-align: center;
}
main .post_content .frame ol.post_flow {
  margin: 0 auto;
  position: relative;
  width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 10;
  margin-bottom: 40px;
}
main .post_content .frame ol.post_flow li {
  width: 100%;
  position: relative;
}
main .post_content .frame ol.post_flow li:before {
  content: "";
  margin: 0 auto 20px auto;
  width: 21px;
  height: 21px;
  display: block;
  border-radius: 50%;
  background-color: #D9D9D9;
  text-align: center;
}
main .post_content .frame ol.post_flow li:not(:first-child):after {
  content: "";
  width: 100%;
  height: 7px;
  position: absolute;
  display: block;
  top: 7px;
  left: -50%;
  z-index: -1;
  background-color: #D9D9D9;
}
main .post_content .frame ol.post_flow li span {
  display: none;
}
main .post_content .frame ol.post_flow li.active:before, main .post_content .frame ol.post_flow li.active:after {
  background-color: #abc23c;
}
main .post_content .frame .post_frame {
  padding: 70px 60px;
  border-radius: 15px;
  background: #ffffff;
  border: 1px solid #E6E6E6;
}
main .post_content .frame .text_input {
  width: 530px;
  float: left;
}
main .post_content .frame .photo_input {
  width: 282px;
  float: right;
}
main .post_content .frame .clear {
  width: 100%;
  height: 30px;
  display: block;
  clear: both;
}
main .post_content .frame ul.submit_btns {
  clear: both;
}
main .post_content .frame .photo_select dl.form_input {
  max-width: 100%;
}
main .post_content .frame .photo_select dl.form_input dt small {
  padding-top: 15px;
  display: block;
  font-size: 15px;
}
main .post_content .frame .photo_select dl.form_input dd ul {
  padding-top: 12px;
  padding-bottom: 44px;
  border-bottom: 1px solid #CCCCCC;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}
main .post_content .frame .photo_select dl.form_input dd ul li {
  width: 100%;
  position: relative;
}
main .post_content .frame .photo_select dl.form_input dd ul li input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
main .post_content .frame .photo_select dl.form_input dd ul li label {
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
  display: block;
}
main .post_content .frame .photo_select dl.form_input dd ul li label img {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  overflow: hidden;
}
main .post_content .frame .photo_select dl.form_input dd ul li label:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  left: calc(50% - 12px);
  bottom: 0;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #B0B0B0;
  background: #ffffff;
}
main .post_content .frame .photo_select dl.form_input dd ul li input:checked + label img {
  border-color: #ABC23C;
}
main .post_content .frame .photo_select dl.form_input dd ul li input:checked + label:after {
  border: none;
  background: #ABC23C;
}
main .post_content .frame dl.form_check {
  display: block;
  max-width: 100%;
}
main .post_content .frame dl.form_check dt {
  width: auto;
}
main .post_content .frame dl.form_check dd {
  width: auto;
  line-height: 28px;
  font-size: 15px;
}
main .post_content .frame dl.form_check dd .selected_image {
  margin-top: 15px;
}
main .post_content .frame .terms dl dd.text {
  margin-bottom: 0;
}
main .post_content .frame dl.agree_check {
  padding-top: 20px;
  margin-bottom: 55px;
}
main .post_content .frame dl.agree_check dt {
  margin-bottom: 20px;
  text-align: center;
  line-height: 21px;
  font-size: 13px;
}
main .post_content .frame dl.agree_check dd {
  margin: 0 auto;
  width: 700px;
}
main .post_content .frame dl.agree_check dd ul li {
  margin-bottom: 7px;
  display: block;
  width: 100%;
}
main .post_content .frame p.post_msg {
  text-align: center;
  line-height: 28px;
  font-size: 15px;
}
main form .error {
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #BF6639;
}
main form dl.form_input {
  margin: 0 auto 32px auto;
  max-width: 587px;
}
main form dl.form_input dt {
  margin-bottom: 15px;
  font-size: 11px;
}
main form dl.form_input dd {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
main form dl.form_input dd:not(.error) {
  font-size: 15px;
  color: #808080;
}
main form dl.form_input dd.note {
  padding: 0 0 15px 0;
  display: block;
  line-height: 20px;
  font-size: 13px;
  color: #808080;
}
main form dl.form_input dd.error {
  display: block;
}
main form dl.form_input.select_photo.selected dd .dd_area .selected_image,
main form dl.form_input.select_photo.selected dd .delete_photo {
  display: block;
}
main form dl.form_input.select_photo dd {
  display: block;
}
main form dl.form_input.select_photo dd .dd_area {
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
  height: 182px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #ABC23C;
  border-radius: 3px;
  overflow: hidden;
}
main form dl.form_input.select_photo dd .dd_area .file {
  margin-top: 48px;
  padding-top: 72px;
  position: relative;
  background: url("../img/post/icon_camera.png") no-repeat center top/62px 48px;
  text-align: center;
}
main form dl.form_input.select_photo dd .dd_area .file .select_photo_file {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
main form dl.form_input.select_photo dd .dd_area .file .dmy_btn {
  margin: 0 auto;
  display: inline-block;
}
main form dl.form_input.select_photo dd .dd_area .file .dmy_btn span {
  padding: 5px 14px;
  min-width: 148px;
  min-height: 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  box-sizing: border-box;
  border: 1px solid #ABC23C;
  background: #ffffff;
  line-height: 16px;
  font-size: 14px;
  color: #538227;
}
main form dl.form_input.select_photo dd .dd_area .selected_image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: #ffffff;
  display: none;
}
main form dl.form_input.select_photo dd .dd_area .selected_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main form dl.form_input.select_photo dd .dd_area .drop_area {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
main form dl.form_input.select_photo dd .dd_area .drop_area.hover, main form dl.form_input.select_photo dd .dd_area .drop_area:hover {
  background: rgba(255, 255, 255, 0.4);
}
main form dl.form_input.select_photo dd .delete_photo {
  margin: 0 auto;
  width: 170px;
  display: none;
}
main form dl.form_input.select_photo dd .delete_photo .delete {
  height: 41px;
  font-size: 13px;
  font-weight: normal;
}
main form dl.form_input.select_photo dd.note {
  padding-top: 10px;
}
main form dl.form_input.select_photo dd.note ul li {
  padding-left: 1.2em;
  line-height: 16px;
  font-size: 11px;
}
main form dl.form_input.select_photo dd.note ul li span {
  margin-left: -1.2em;
  width: 1.2em;
  display: block;
  float: left;
}
main form dl.form_check {
  margin: 0 auto 32px auto;
  max-width: 587px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  line-height: 12px;
  font-size: 11px;
  letter-spacing: 0.78%;
}
main form dl.form_check dt {
  width: 220px;
}
main form dl.form_check dd {
  width: calc(100% - 220px - 5px);
}
main form input[type=text],
main form input[type=email],
main form input[type=password],
main form input[type=number],
main form select,
main form textarea {
  padding: 4px 12px;
  width: 100%;
  height: 48px;
  display: block;
  position: relative;
  background: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 40px;
  font-size: 16px;
  color: #4D4D4D;
}
main form input[type=text]:placeholder-shown,
main form input[type=email]:placeholder-shown,
main form input[type=password]:placeholder-shown,
main form input[type=number]:placeholder-shown,
main form select:placeholder-shown,
main form textarea:placeholder-shown {
  color: #B7B7B7;
}
main form input[type=text]::-webkit-input-placeholder,
main form input[type=email]::-webkit-input-placeholder,
main form input[type=password]::-webkit-input-placeholder,
main form input[type=number]::-webkit-input-placeholder,
main form select::-webkit-input-placeholder,
main form textarea::-webkit-input-placeholder {
  color: #B7B7B7;
}
main form input[type=text]:-moz-placeholder,
main form input[type=email]:-moz-placeholder,
main form input[type=password]:-moz-placeholder,
main form input[type=number]:-moz-placeholder,
main form select:-moz-placeholder,
main form textarea:-moz-placeholder {
  color: #B7B7B7;
  opacity: 1;
}
main form input[type=text]::-moz-placeholder,
main form input[type=email]::-moz-placeholder,
main form input[type=password]::-moz-placeholder,
main form input[type=number]::-moz-placeholder,
main form select::-moz-placeholder,
main form textarea::-moz-placeholder {
  color: #B7B7B7;
  opacity: 1;
}
main form input[type=text]:-ms-input-placeholder,
main form input[type=email]:-ms-input-placeholder,
main form input[type=password]:-ms-input-placeholder,
main form input[type=number]:-ms-input-placeholder,
main form select:-ms-input-placeholder,
main form textarea:-ms-input-placeholder {
  color: #B7B7B7;
}
main form textarea {
  max-width: 100%;
  min-width: 100%;
  height: 125px;
  min-height: 125px;
  line-height: 28px;
}
main form .select {
  position: relative;
}
main form .select.disabled {
  opacity: 0.4;
  pointer-events: none;
}
main form .select:after {
  content: "";
  width: 12px;
  height: 6px;
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  right: 16px;
  background: #4D4D4D;
  clip-path: polygon(0 0, 100% 0, 50% 100%, 50% 100%);
  pointer-events: none;
}
main form .select select {
  padding-right: 42px;
}
main form .checkbox, main form .radio {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
main form .checkbox input, main form .radio input {
  position: absolute;
  left: 0;
  top: 0;
}
main form .checkbox label, main form .radio label {
  padding-left: 38px;
  min-height: 28px;
  display: block;
  position: relative;
  text-align: left;
}
main form .checkbox label:before, main form .radio label:before {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid #808080;
  box-sizing: border-box;
  background: #ffffff;
}
main form .checkbox label span, main form .radio label span {
  display: block;
  line-height: 28px;
  font-size: 15px;
}
main form .checkbox input[type=radio] + label:before, main form .radio input[type=radio] + label:before {
  width: 22px;
  height: 22px;
  left: 4px;
  top: 4px;
  border-radius: 50%;
}
main form .checkbox input[type=radio]:checked + label:after, main form .radio input[type=radio]:checked + label:after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  left: 7px;
  top: 7px;
  background: #ABC23C;
}
main form .checkbox input[type=checkbox] + label:before, main form .radio input[type=checkbox] + label:before {
  width: 28px;
  height: 28px;
  left: 0;
  top: 0;
  border-radius: 4px;
}
main form .checkbox input[type=checkbox]:checked + label:before, main form .radio input[type=checkbox]:checked + label:before {
  border-color: #ABC23C;
  background: #ABC23C url("../img/common/icon_check.svg") no-repeat center center/18px 12px;
}
main .terms {
  margin-bottom: 57px;
}
main .terms:before {
  content: "";
  display: block;
  clear: both;
}
main .terms dl {
  position: relative;
  border: solid 1px #e6e6e6;
  padding: 1px 28px 22px 28px;
  line-height: 21px;
  font-size: 13px;
}
main .terms dl dt {
  display: block;
  text-align: center;
  font-weight: bold;
  margin: -1em auto 20px auto;
}
main .terms dl dt span {
  display: inline-block;
  background: #ffffff;
  padding: 0 2em;
}
main .terms dl dd.text {
  margin-bottom: 20px;
}
main .terms dl dd.check, main .terms dl dd.error {
  text-align: center;
}
main ul.submit_btns {
  padding-top: 20px;
  width: 530px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 142px;
}
main ul.submit_btns li.back {
  width: 170px;
}
main ul.submit_btns li.next {
  width: 196px;
}
main .btn {
  clear: both;
}
main .btn a, main .btn button, main .btn input[type=button], main .btn input[type=submit] {
  width: 100%;
  height: 56px;
  border-radius: 28px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}
main .btn a.btn_line, main .btn button.btn_line, main .btn input[type=button].btn_line, main .btn input[type=submit].btn_line {
  background: #ffffff;
  border: 1px solid #ABC23C;
  text-decoration: none;
  color: #538227;
  font-weight: normal;
}
main .btn a.btn_line:hover, main .btn button.btn_line:hover, main .btn input[type=button].btn_line:hover, main .btn input[type=submit].btn_line:hover {
  background: #ABC23C;
  color: #ffffff;
}
main .btn a.btn_fill, main .btn button.btn_fill, main .btn input[type=button].btn_fill, main .btn input[type=submit].btn_fill {
  background: #ABC23C;
  border: 1px solid #ABC23C;
  text-decoration: none;
  color: #ffffff;
}
main .btn a.btn_fill:hover, main .btn button.btn_fill:hover, main .btn input[type=button].btn_fill:hover, main .btn input[type=submit].btn_fill:hover {
  background: #ffffff;
  color: #538227;
}
main ol.flow {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 10;
  margin-bottom: 40px;
}
main ol.flow.step5 li {
  width: 100%;
}
main ol.flow li {
  width: 100%;
  position: relative;
}
main ol.flow li:before {
  content: "";
  margin: 0 auto 20px auto;
  width: 21px;
  height: 21px;
  display: block;
  border-radius: 50%;
  background-color: #D9D9D9;
  text-align: center;
}
main ol.flow li:not(:first-child):after {
  content: "";
  width: 100%;
  height: 7px;
  position: absolute;
  display: block;
  top: 7px;
  left: -50%;
  z-index: -1;
  background-color: #D9D9D9;
}
main ol.flow li span {
  display: block;
  text-align: center;
  line-height: 1;
  font-size: 11px;
}
main ol.flow li.active:before, main ol.flow li.active:after {
  background-color: #abc23c;
}

@media print {
  header.common_header,
  main header,
  .detail_declarations main .follow_up,
  .detail_declarations main p.btn,
  footer.common_footer {
    display: none;
  }
  .wrapper {
    min-width: auto;
    background: #ffffff;
  }
  .inner {
    width: auto;
  }
  main section .frame {
    padding: 0;
    border: none;
  }
  .detail_declarations main .frame p.image {
    width: 90% !important;
  }
  img {
    width: 100%;
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
  }
  main {
    padding: 0;
  }
  main:after {
    content: url("/assets/img/common/img_logo.png");
    margin: 20px auto 0 auto;
    display: block;
    transform: scale(0.4);
  }
}