@charset "UTF-8";
html,
body {
        height: 100%;
        margin: 0;
}
body {
        color: #333;
        font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        font-size: 87.5%;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.4;
        overflow-wrap: break-word;
        position: relative;
        -webkit-print-color-adjust: exact;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%
}
/*body.com_menu_open {
        overflow: hidden;
}*/
a {
        color: #333;
        text-decoration: none;
}
a:hover {
        color: #333;
        text-decoration: underline;
}
p {
        margin-bottom: 0.8rem;
}
img {
        height: auto;
        max-width: 100%;
}
svg {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}
table {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
input::-webkit-input-placeholder {
        color: #8e8e8e;
}
input:-moz-placeholder {
        color: #8e8e8e;
}
input::-moz-placeholder {
        color: #8e8e8e;
}
input:-ms-input-placeholder {
        color: #8e8e8e;
}
#wrapper1 {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        padding-top: 23px;
        position: relative;
        width: 100%;
}
.public-wrapper {
  padding-bottom: 0 !important;
  padding-top: 23px;
}
/* アプリ限定: ノッチ端末で上部固定したロゴがセーフエリアに被らないよう inset を加算（Webは従来の23pxのまま） */
body.capacitor-native #wrapper1.public-wrapper {
  padding-top: calc(23px + env(safe-area-inset-top));
}
.com_bg1 {
        background: linear-gradient(56deg, #007bd1 0%,  #0dabe2 50%, #19ccaa 100%);
        height: 146px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
}
.com_bg1:before {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
}
#header1 {
        background: #fff;
        box-shadow: 0 5px 6px 0 rgba(109,109,109,0.17);
        border-radius: 15px;
        margin: 0 33px 40px;
        position: relative;
        z-index: 2;
}
#header1 .inner1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 80px;
        padding: 10px 0;
        width: 100%;
}
#header1 .logo1 {
        margin: 0 0 0 44px;
}
#header1 .logo1 a {
        background: url("/front/assets/common/img/logo1.png") no-repeat left top;
        background-size: contain;
        display: block;
        height: 45px;
        overflow: hidden;
        text-indent: -999em;
        transition: 0.5s;
        width: 340px;
}
#header1 .logo1 a:hover {
        opacity: 0.8;
}
#header1 .block1 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        padding: 0 15px;
        word-break: break-all;
        word-wrap: break-word;
}
#header1 .data1 {
        margin: 0 15px 0 0;
}
#header1 .data1 div {
        margin: 4px 0;
}
#header1 .data2 {
        border-left: 1px solid #8e8e8e;
        color: #0074bf;
        font-size: 15px;
        padding: 0 0 0 15px;
}
#header1 .data2 .txt1 {
        font-size: 12px;
        margin-bottom: 2px;
}
#com_menu_button1 {
        cursor: pointer;
        margin: 4px 32px 0 0;
        text-align: center;
        transition: 0.5s;
}
#com_menu_button1:hover {
        opacity: 0.8;
}
/*#com_menu_button1 > div {
        background: url("/front/assets/common/img/menu_button1.png") no-repeat center center;
        background-size: contain;
        height: 46px;
        margin: auto;
        position: relative;
        width: 46px;
}*/
#com_menu_button1 > div {
        border: 2px solid #0074bf;
        border-radius: 50%;
        height: 46px;
        margin: auto;
        position: relative;
        transition: 1s;
        width: 46px;
}
#com_menu_button1 > div > span {
        background: #0074bf;
        border-radius: 1px;
        height: 2px;
        left: 11px;
        position: absolute;
        top: calc(50% - 1px);
        transition: 0.5s ease;
        transform-origin: center center;
        width: 20px;
}
#com_menu_button1 > div > span:nth-child(2) {
        margin-top: -7px;
}
#com_menu_button1 > div > span:nth-child(3) {
        margin-top: 7px;
}
.com_menu_open #com_menu_button1 > div {
        border-color: #fff;
}
.com_menu_open #com_menu_button1 > div > span {
        background-color: #fff;
}
.com_menu_open #com_menu_button1 > div > span:nth-child(1) {
        opacity: 0;
}
.com_menu_open #com_menu_button1 > div > span:nth-child(2) {
        margin-top: 0;
        transform: rotate(45deg);
}
.com_menu_open #com_menu_button1 > div > span:nth-child(3) {
        margin-top: 0;
        transform: rotate(-45deg);
}
#com_menu_button1 > .txt1 {
        background: url("/front/assets/common/img/menu1.png") no-repeat center top;
        background-size: auto 100%;
        display: block;
        height: 9px;
        margin: 4px auto 0;
        overflow: hidden;
        text-align: left;
        text-indent: -999em;
        width: 100%;
}
.com_menu_open #com_menu_button1 > .txt1 {
        background-image: url("/front/assets/common/img/close1.png");
}
#footer1 {
        background: linear-gradient(65deg, #007bd1 0%,  #0dabe2 50%, #19ccaa 100%);
        /*bottom: 0;*/
        color: #fff;
        /*left: 0;*/
        /*margin: 55px 0 0;*/
        margin-top: auto;
        padding: 38px 0 12px;
        /*position: absolute;*/
        width: 100%;
}
.com_bg_cnt1 + #footer1 {
        margin-top: 0;
}
#footer1 .block1 {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
}
#footer1 .logo1 {
        margin: 0;
}
#footer1 .logo1 a {
        transition: 0.5s;
}
#footer1 .logo1 a:hover {
        opacity: 0.8;
}
#footer1 .logo1 img {
        vertical-align: bottom;
        height: 41px;
        width: auto;
}
#footer1 .list1 {
        display: flex;
        flex-wrap: wrap;
        font-size: 16px;
        font-weight: 700;
        list-style: none;
        margin: 0 0 5px;
        padding: 0;
}
#footer1 .list1 li {
        margin-left: 1.5em;
}
#footer1 a {
        color: #fff;
}
#footer1 .copyright1 {
        color: #fff;
        font-size: 15px;
        margin: 35px 0 0;
        text-align: center;
}
#footer2 {
        background: linear-gradient(65deg, #007bd1 0%,  #0dabe2 50%, #19ccaa 100%);
        color: #fff;
        margin-top: auto;
        padding: 25px 0 12px;
        text-align: center;
        width: 100%;
}
#footer2 .logo1 {
        margin: 0;
}
#footer2 .logo1 a {
        transition: 0.5s;
}
#footer2 .logo1 a:hover {
        opacity: 0.8;
}
#footer2 .logo1 img {
        vertical-align: bottom;
        height: 41px;
        width: auto;
}
#footer2 .copyright1 {
        color: #fff;
        font-size: 12px;
        margin: 25px 0 0;
        text-align: center;
}
#com_menu1 {
        height: 100vh;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        transition: all .5s ease-in-out;
        visibility: hidden;
        width: 100%;
        z-index: -1;
}
body.com_menu_open #com_menu1 {
        opacity: 1;
        visibility: visible;
        z-index: 100;
}
#com_menu1 .menu_bg1 {
        background: rgba(0,0,0,0);
        height: 100vh;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .5s ease-in-out;
        width: 100%;
}
body.com_menu_open #com_menu1 .menu_bg1 {
        opacity: 1;
}
#com_menu1 .menu_wrap1 {
        background: linear-gradient(to bottom, #017fd3, #19cdaa);
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%;
        line-height: 1.4;
        opacity: 0;
        overflow: hidden;
        overflow-y: auto;
        padding: 35px 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateX(100%);
        transition: all .4s ease-in-out 0s;
        width: 350px;
}
body.com_menu_open #com_menu1 .menu_wrap1 {
        opacity: 1;
        transform: translateX(0%);
        transition: all .5s ease-in-out .3s;
}
#com_menu1 a {
        color: #fff;
}
#com_menu1 .menu_wrap1 .cnt1 {
        margin: 0 auto;
        max-width: 230px;
        opacity: 0;
        transform: translateX(60%);
        transition: .5s  ease-in-out .5s;
        width: 100%;
}
body.com_menu_open #com_menu1 .menu_wrap1 .cnt1 {
        opacity: 1;
        transform: translateX(0%);
}
#com_menu1 .menu_wrap1 .cnt1 > div {
        padding: 0 0 0 15.217391304347826%;
}
#com_menu1 .menu_wrap1 h2 {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 23px;
}
#com_menu1 .menu_wrap1 h3 {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        margin: 0 0 22px;
}
#com_menu1 .menu_wrap1 ul + h3 {
  margin-top: 10px;
}
#com_menu1 .menu_wrap1 ul {
        font-size: 16px;
        list-style: none;
        margin: 0;
        padding: 0;
}
#com_menu1 .menu_wrap1 ul li {
  margin: 0;
}
#com_menu1 .menu_wrap1 ul ul {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#com_menu1 .menu_wrap1 ul li a + ul {
  /*border-top: 1px solid rgba(255,255,255,0.25);
  padding: 10px 0 0;*/
}
#com_menu1 .menu_wrap1 ul > li > ul:last-child {
  margin-bottom: 10px;
}
#com_menu1 .menu_wrap1 ul li ul + ul {
  margin-top: 8px;
}
#com_menu1 .menu_wrap1 ul.menu1 > li {
  border-bottom: 1px solid rgba(255,255,255,0.25);
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#com_menu1 .menu_wrap1 ul.menu1 > li:last-child{
  border-bottom: none;
}
#com_menu1 .menu_wrap1 ul.menu1 > li > a {
  /*border-bottom: 1px solid rgba(255,255,255,0.25);*/
  display: block;
  padding: 10px 0;
  position: relative;
}
#com_menu1 .menu_wrap1 ul.menu1 > li > a.is-disabled{
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
#com_menu1 .menu_wrap1 ul ul li {
  padding-left: 13px;
  position: relative;
}
#com_menu1 .menu_wrap1 ul ul li:before {
  background: #fff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0.45em;
  width: 5px;
}
#com_menu1 .menu_wrap1 ul ul li a {
  padding: 0;
}
#com_menu1 .menu_wrap1 .menu1 > li > a:not(.na):after {
  background: url("/front/assets/common/img/icon_arrow_w1.png") no-repeat right center / contain;
  bottom: 0.05em;
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 0 0 3px;
  position: relative;
  width: 10px;
}
#com_menu1 .menu_wrap1 ul li a[href$=".pdf"]:after {
  background: url("/front/assets/common/img/icon_pdf_w1.png") no-repeat right center / contain;
  bottom: 0em;
  content: "";
  display: inline-block;
  height: 11px;
  margin: 0 0 0 3px;
  position: relative;
  width: 10px;
}
#com_menu1 .menu_wrap1 hr {
        background-color: transparent;
        border: none;
        border-top: 1px solid #fff;
        height: 0;
        margin: 25px auto 30px;
        padding: 0;
        width: 100%;
}
#com_menu1 .button1 {
        background-color: #fff;
        border: none;
        border-radius: 5px;
        color: #0074bf;
        display: block;
        font-size: 18px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        margin: 45px auto 0;
        padding: 0;
        text-align: center;
        text-decoration: none;
        width: 160px;
}
#com_menu1 .button1:hover {
        opacity: 0.7;
}
#com_menu_button_close1 {
        cursor: pointer;
        position: absolute;
        right: 55px;
        text-align: center;
        top: 25px;
        width: 46px;
}
#com_menu_button_close1:hover {
        opacity: 0.8;
}
#com_menu_button_close1 > div {
        border: 2px solid #0074bf;
        border-radius: 50%;
        height: 46px;
        margin: auto;
        position: relative;
        transition: 1s;
        width: 46px;
}
#com_menu_button_close1 > div > span {
        background: #0074bf;
        border-radius: 1px;
        height: 2px;
        left: 11px;
        position: absolute;
        top: calc(50% - 1px);
        transition: 0.5s ease;
        transform-origin: center center;
        width: 20px;
}
#com_menu_button_close1 > div > span:nth-child(2) {
        margin-top: -7px;
}
#com_menu_button_close1 > div > span:nth-child(3) {
        margin-top: 7px;
}
.com_menu_open #com_menu_button_close1 > div {
        border-color: #fff;
}
.com_menu_open #com_menu_button_close1 > div > span {
        background-color: #fff;
}
.com_menu_open #com_menu_button_close1 > div > span:nth-child(1) {
        opacity: 0;
}
.com_menu_open #com_menu_button_close1 > div > span:nth-child(2) {
        margin-top: 0;
        transform: rotate(45deg);
}
.com_menu_open #com_menu_button_close1 > div > span:nth-child(3) {
        margin-top: 0;
        transform: rotate(-45deg);
}
#com_menu_button_close1 > .txt1 {
        background: url("/front/assets/common/img/menu1.png") no-repeat center top;
        background-size: auto 100%;
        display: block;
        height: 9px;
        margin: 4px auto 0;
        overflow: hidden;
        text-align: left;
        text-indent: -999em;
        width: 100%;
}
.com_menu_open #com_menu_button_close1 > .txt1 {
        background-image: url("/front/assets/common/img/close1.png");
}
#com_pagetop1 {
        bottom: 0;
        display: none;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 110;
}
#com_pagetop1 > div {
        margin: auto;
        max-width: none;
        position: relative;
        width: 100%;
}
#com_pagetop1 > div > span {
        background: url("/front/assets/common/img/page_top1.png") no-repeat center center;
        background-size: contain;
        bottom: -10px;
        cursor: pointer;
        display: block;
        height: 71px;
        position: absolute;
        right: 20px;
        width: 71px;
}
#contents1 {
        margin-bottom: 55px;
}
#contents1.flx1 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        margin-bottom: 0;
}
/* アプリ(Capacitorネイティブ)限定: ロゴ(h1.title1)を上部固定し、ロゴ下の中身はロゴ直下から上詰め。
   Web(capacitor-native無し)は上記の中央寄せのまま。 */
body.capacitor-native #contents1.flx1 {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
}
body.capacitor-native #contents1.flx1 .login_index_cnt1 {
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-block: 0;
}
body.capacitor-native #contents1.flx1 .login_index_cnt1 .title1 {
        flex: 0 0 auto;
}
body.capacitor-native #contents1.flx1 .login_index_body1 {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
}
body.capacitor-native #contents1.flx1 .error_cnt1 {
        margin-block: 0;
}
.com_inner1 {
        margin: auto;
        max-width: 960px;
        position: relative;
        width: 100%;
}
.com_inner2 {
        margin: auto;
        max-width: 750px;
        position: relative;
        width: 100%;
}
.com_inner3 {
        margin: auto;
        max-width: 380px;
        position: relative;
        width: 100%;
}
p.com_fs16.text-center.order-results-text {
  margin-bottom: 5px;
}
.com_update1 {
        display: flex;
        justify-content: center;
}
.com_update1 dl {
        background-color: transparent;
        border: 2px solid #0074bf;
        border-radius: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 17px;
        margin-bottom: 10px;
        padding: 5px 15px;
        font-size: 100%;
}
.com_update1 dl dt,
.com_update1 dl dd {
        color: #0074bf;
        font-weight: bold;
        margin: 0;
        padding: 2px 0 0;
}
.com_update1 dl dt {
        border-right: 1px solid #8e8e8e;
        margin-right: 0.5em;
        padding-right: 0.5em;
}
.com_update1 dl dd span {
        font-size: 10px;
}
.com_icon_reload {
        background: #0074bf url("/front/assets/common/img/icon_reload.png") no-repeat center center;
        background-size: contain;
        border: none;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        height: 30px;
        overflow: hidden;
        padding: 0;
        text-align: center;
        transition: 0.3s;
        width: 30px;
        margin: 0.1vw 0 0.1vw 1vw;
}
.com_icon_reload:hover {
        opacity: 0.7;
}
.com_title1 {
        color: #0074bf;
        font-size: 32px;
        font-weight: 700;
        margin: 0 0 60px;
        text-align: center;
}
.com_title1.b {
        margin: 5px 0 5px;
}
.com_title1 .sub1 {
  color: #333;
  font-size: 18px;
  vertical-align: middle;
}
.com_title2 {
        color: #0074bf;
        font-size: 18px;
        font-weight: 700;
        margin: 0 0 15px;
        text-align: center;
}
.com_title3 {
        color: #0074bf;
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 16px;
        text-align: center;
}
.com_form1 {
        border: 1px solid #8e8e8e;
        border-radius: 5px;
        padding: 0 13px;
}
.com_form1.error {
        background-color: #ffe9e9;
        border-color: #e82323;
}
input[type=text].com_form1,
input[type=password].com_form1,
input[type=email].com_form1,
select.com_form1 {
        height: 40px;
}
select.com_form1 {
        background: #fff url("/front/assets/common/img/icon_dropdown1.png") no-repeat right center;
        background-size: 43px auto;
        height: 40px;
        padding-right: 45px;
}
select.com_form1::-ms-expand {
        display: none;
}
textarea.com_form1 {
        height: 40px;
        padding-top: 6px;
}
.com_form1.wd1 {
        max-width: 400px;
}
.com_form1.wd2 {
        max-width: 250px;
}
.com_btn1 {
        background: #0074bf;
        border-radius: 5px;
        color: #fff !important;
        font-size: 16px;
        font-weight: 700;
        height: 40px;
        line-height: 38px;
        min-width: 90px;
        padding: 0;
        text-align: center;
        text-decoration: none !important;
        transition: 0.5s;
}
.com_btn1:hover {
        opacity: 0.7;
}
.com_btn2 {
        background: #777272;
        border-radius: 5px;
        color: #fff !important;
        font-size: 16px;
        font-weight: 700;
        height: 40px;
        line-height: 38px;
        min-width: 90px;
        padding: 0;
        text-align: center;
        text-decoration: none !important;
        transition: 0.5s;
}
.com_btn2:hover {
        opacity: 0.7;
}
.com_btn3 {
        background: #777272;
        border-radius: 5px;
        color: #fff !important;
        font-size: 18px;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        text-align: center;
        min-width: 145px;
        padding: 0;
        text-decoration: none !important;
        transition: 0.5s;
}
.com_btn3.cl1 {
        background-color: #0074bf;
}
.com_btn3:hover {
        opacity: 0.7;
}
.com_btn4 {
        background: #8e8e8e;
        border-radius: 5px;
        color: #fff !important;
        display: inline-block;
        font-size: 23px;
        font-weight: 400;
        height: 50px;
        line-height: 50px;
        margin: auto;
        min-width: 230px;
        text-align: center;
        padding: 0;
        text-decoration: none !important;
        transition: 0.5s;
}
.com_btn4.cl1 {
        background-color: #0074bf;
}
.com_btn4:hover {
        opacity: 0.7;
}
.com_btn5 {
        background: #777272;
        border-radius: 5px;
        color: #fff !important;
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        height: 35px;
        line-height: 35px;
        margin: auto;
        min-width: 145px;
        text-align: center;
        padding: 0;
        text-decoration: none !important;
        transition: 0.5s;
}
.com_btn5.cl1 {
        background-color: #0074bf;
}
.com_btn5:hover {
        opacity: 0.7;
}
.com_btn6 {
        background: #777272;
        border-radius: 5px;
        color: #fff !important;
        display: inline-block;
        font-size: 20px;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
        margin: auto;
        text-align: center;
        padding: 0 19px;
        text-decoration: none !important;
        transition: 0.5s;
        white-space: nowrap;
}
.com_btn6.cl1 {
        background-color: #0074bf;
}
.com_btn6.b {
        font-size: 18px;
}
.com_btn6:hover {
        opacity: 0.7;
}
.com_btnDisabled {
  background: #CEE5F3 !important;
  border-radius: 5px;
  color: #fff !important;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  padding: 0 19px;
  text-decoration: none !important;
  transition: 0.5s;
  white-space: nowrap;
}
.com_btnDisabled.b {
        font-size: 18px;
}
.com_btn7 {
        background: #777272;
        border-radius: 5px;
        color: #fff !important;
        display: inline-block;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        margin: auto;
        text-align: center;
        padding: 0 20px;
        text-decoration: none !important;
        transition: 0.5s;
        white-space: nowrap;
}
.com_btn7.cl1 {
        background-color: #0074bf;
}
.com_btn7:hover {
        opacity: 0.7;
}
.com_btn_tgl1 {
        background-color: #0dabe2;
}
.com_btn_tgl1.on {
        background-color: #0074bf;
}
.com_btn_tgl1:before {
        content: "編集";
}
.com_btn_tgl1.on:before {
        content: "保存";
}
.com_btn_toggle_group1 {
        display: flex;
}
.com_btn_toggle_group1 > div {
        position: relative;
}
.com_btn_toggle_group1 label {
        background: #fff;
        border-bottom: 1px solid #777272;
        border-top: 1px solid #777272;
        border-radius: 5px;
        color: #777272 !important;
        font-size: 16px;
        font-weight: 700;
        height: 40px;
        line-height: 38px;
        text-align: center;
        padding: 0 13px;
        position: relative;
        transition: 0.5s;
        width: auto;
}
.com_btn_toggle_group1 input:checked + label {
        background: #777272;
        color: #fff !important;
}
.com_btn_toggle_group1:first-child label {
        border-left: 1px solid #777272;
        border-radius: 5px 0 0 5px;
}
.com_btn_toggle_group1 :last-child label {
        border-right: 1px solid #777272;
        border-radius: 0 5px 5px 0;
        border-left: 0;
}
.com_btn_toggle_group1 input {
        cursor: pointer;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
}
.datepicker-group1 {
        display: flex;
        align-items: center;
        justify-content: center;
}
.datepicker-group1 > div {
        display: inline-flex;
        align-items: center;
        margin: 0 9px;
}
.datepicker-group1 label {
        font-size: 14px;
        font-weight: normal;
        margin: 0 8px 0 0;
}
.com_datepicker_input1 {
        background: #e8f4ff url("/front/assets/common/img/icon_calender1.png") no-repeat right 8px center;
        background-size: 18px 18px;
        border: none;
        border-radius: 5px;
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        height: 30px;
        min-width: 155px;
        padding: 0 37px 0 10px;
        width: 155px;
}
.com_datepicker_input1:disabled {
        background-color: #BCBCBC;
}
#ui-datepicker-div .com_datepicker_clear_footer1 {
        border-top: 1px solid #d3d3d3;
        padding: 6px;
}
#ui-datepicker-div .com_datepicker_clear1 {
        -webkit-tap-highlight-color: transparent;
        background: #777272;
        border: none;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        height: 30px;
        outline: none;
        transition: 0.5s;
        width: 100%;
}
@media (hover: hover) {
        #ui-datepicker-div .com_datepicker_clear1:hover {
                opacity: 0.7;
        }
}
.com_result1 {
        background: #f9f9f9;
        margin: 0 0 5px;
        padding: 5px 0 5px;
}
.com_result1 .group1 {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin: 5px 0 5px 0;
}
.com_result1 .group1 > div {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
}
.com_result1 .group1 > div:nth-child(1) {
        width: 50.666666666666667%;
}
.com_result1 .group1 > div:nth-child(2) {
        justify-content: space-between;
        width: 47.866666666666667%;
}
.com_result1 .group1 > div > .com_validate_msg1.error {
        width: 100%;
}
.com_result1 .group1 .buttons1 {
        display: flex;
        align-items: center;
}
.com_result1 .group1 .buttons1 > * + * {
        margin-left: 10px;
}
.com_result1 .group2 {
        display: flex;
        justify-content: center;
}
.com_result1 .group2 > * {
        margin: 0 4px;
}
.com_result1 .group2 select {
        min-width: 250px;
}
.com_pagenation1 {
        margin: 0 0 10px;
        padding: 0 150px;
        position: relative;
}
.com_data_item1 + .com_pagenation1 {
        margin-top: 45px;
}
.com_d_list1 + .com_pagenation1 {
        margin-bottom: 0;
}
.com_pagenation1 .text1 {
        color: #777272;
        margin-bottom: 0;
}
.com_pagenation1 .pagination {
        margin: 0;
}
.com_pagenation1 .pagination li {
        margin: 0 4px;
}
.com_pagenation1 .pagination li > * {
        background-color: #fff;
        border: 1px solid #777272;
        border-radius: 3px;
        color: #777272;
        display: block;
        font-size: 14.5px;
        font-weight: 700;
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        text-align: center;
        width: 35px;
}
.com_pagenation1 .pagination li.active > * {
        background-color: #F9F9F9;
        border-color: #0074BF;
        color: #0074BF;
}
.com_pagenation1 .pagination li > a {
        transition: 0.5s;
}
.com_pagenation1 .pagination li > a:hover {
        opacity: 0.7;
}
.com_pagenation1 .pagination li > *.next,
.com_pagenation1 .pagination li > *.prev {
        background: #777272;
        border-color: #777272;
        position: relative;
        text-align: left;
        text-indent: -999em;
}
.com_pagenation1 .pagination li > *.next:before,
.com_pagenation1 .pagination li > *.prev:before {
        background: url("/front/assets/common/img/com_pagenation_arrow1.png") no-repeat center center;
        background-size: contain;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
}
.com_pagenation1 .pagination li > *.prev:before {
        transform: rotate(180deg);
}
.com_pagenation1 .pagination li > *.next2,
.com_pagenation1 .pagination li > *.prev2 {
        background: #777272;
        border-color: #777272;
        position: relative;
        text-align: left;
        text-indent: -999em;
}
.com_pagenation1 .pagination li > *.next2:before,
.com_pagenation1 .pagination li > *.prev2:before {
        background: url("/front/assets/common/img/com_pagenation_arrow2.png") no-repeat center center;
        background-size: contain;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
}
.com_pagenation1 .pagination li > *.prev2:before {
        transform: rotate(180deg);
}
.com_pagenation1 > select {
        background-size: 40px auto;
        bottom: 0;
        display: inline-block;
        height: 32px;
        left: 0;
        line-height: 30px;
        min-width: 100px;
        position: absolute;
        width: auto;
}
.com_icon_edit1 {
        background: #0074bf url("/front/assets/common/img/icon_edit1.png") no-repeat center center;
        background-size: contain;
        border: none;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        height: 22px;
        overflow: hidden;
        padding: 0;
        text-align: center;
        transition: 0.3s;
        width: 22px;
}
.com_icon_edit1:hover {
        opacity: 0.7;
}
.com_data_item1 {
        border: 1px solid #8e8e8e;
        border-radius: 10px;
        margin: 0 0 15px;
        padding: 5px 15px 4px;
}
.com_data_item1 p {
        margin: 0;
}
.com_data_item1 p + p {
        margin-top: 0.4em;
}
.com_data_item1 .row1 {
        display: flex;
        justify-content: space-between;
        margin: 5px 0;
        position: relative;
}
.com_data_item1 .row1.n1 {
        align-items: center;
}
/*.com_data_item1 .flx1e {
        display: flex;
        align-items: center;
        justify-content: flex-end;
}*/
.com_data_item1 .row1.n1 > div:nth-child(1) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
}
.com_data_item1 .row1.n1 > div:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-left: 10px;
}
.com_data_item1 .row1.n1 p + p {
        margin-top: 0;
}
.com_data_item1 .row1.n2 > div:nth-child(2) {
        text-align: right;
}
.com_data_item1 .row1.n2 > div:nth-child(1) .com_status1 {
        display: none;
}
.com_data_item1 .row1 .com_tags1 {
        margin-right: auto;
}
.com_data_item1 .text1 {
        color: #0074bf;
        font-size: 16px;
        font-weight: 700;
}
.com_data_item1 .sep1 {
        background-color: transparent;
        border: none;
        border-top: 1px solid #14af97;
        height: 0;
        margin: 5px 0 10px;
        width: 100%;
}
.com_data_item1 .sep2 {
        background-color: transparent;
        border: none;
        border-top: 1.5px solid #8e8e8e;
        height: 0;
        margin: 0.6em 0 0.8em;
        width: 100%;
}
.com_data_item1 * + .com_icon_edit1 {
        margin: -0.3em 0 0 10px;
        position: relative;
}
.com_data_item1 .edit_block1 {
        display: none;
}
.com_data_item1 .edit_block1 > div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 0 10px;
}
.com_data_item1 .edit_block1 .com_form1 {
        order: 1;
        font-size: 14px;
        height: 35px;
        width: calc(100% - 80px);
}
.com_data_item1 .edit_block1 .com_btn1 {
        order: 2;
        height: 35px;
        line-height: 33px;
        min-width: 0;
        width: 80px;
}
.com_data_item1 .edit_block1 .com_validate_msg1 {
        order: 3;
        width: 100%;
}
.com_status1 {
        display: inline-flex;
        justify-content: flex-end;
        min-height: 68px;
        margin-top: 1em;
}
.com_status1 > * {
        background-color: #fff;
        background-position: left top;
        background-repeat: repeat;
        background-size: 4px auto;
        border: 1px solid;
        border-radius: 5px;
        color: #333;
        display: block;
        margin: 0 0 0 6px;
        min-width: 60px;
        text-align: center;
        text-decoration: none;
        width: 100%;
}
.com_status1 > a {
        transition: 0.3s;
}
.com_status1 > a:hover {
        opacity: 0.7;
        text-decoration: none;
}
.com_status1 > *.w1 {
        min-width: 122px;
}
.com_status1 > *.a {
        background-image: url("/front/assets/common/img/sts_pt1_a.png");
        border-color: #ff3e5a;
}
.com_status1 > *.b {
        background-image: url("/front/assets/common/img/sts_pt1_b.png");
        border-color: #ff8b00;
}
.com_status1 > *.c {
        background-image: url("/front/assets/common/img/sts_pt1_c.png");
        border-color: #00cc00;
}
.com_status1 .txt1 {
        display: block;
        font-size: 10px;
        margin-top: 8px;
        transform: scale(1.05);
        transform-origin: center center;
}
.com_status1 .txt2 {
        display: block;
        font-weight: 700;
}
.com_status1 .txt2.a {
        color: #e80000;
}
.com_status1 .txt2.b {
        color: #FF4E00;
}
.com_status1 .txt2.c {
        color: #008941;
}
.com_status1 .txt1 + .txt2 {
        margin-top: 12px;
}
.com_status1 .txt3 {
        display: block;
        font-size: 10px;
        line-height: 1.3;
        /*min-height: 1em;
        position: relative;*/
        text-align: center;
        width: 100%;
}
/*.com_status1 .txt3 > span {
        display: block;
        font-size: 13.5px;
        font-weight: 700;
        left: 50%;
        margin-top: -0.235em;
        position: absolute;
        text-align: center;
        transform: scale(0.63) translateX(-50%);
        transform-origin: left center;
        white-space: nowrap;
}*/
.com_status1 .txt4 {
        display: block;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
        text-align: center;
}
.com_status1 .txt4.a {
        color: #e80000;
}
.com_status1 .txt4.b {
        color: #FF4E00;
}
.com_status1 .txt4.c {
        color: #008941;
}
.com_status1 .icon1 {
        background: no-repeat center center;
        background-size: auto 100%;
        display: block;
        height: 30px;
        width: 100%;
}
.com_status1 .icon1.sts1a {
        background-image: url("/front/assets/common/img/sts1a.png");
}
.com_status1 .icon1.sts1b {
        background-image: url("/front/assets/common/img/sts1b.png");
}
.com_status1 .icon1.sts1c {
        background-image: url("/front/assets/common/img/sts1c.png");
}
.com_status1 .icon1.sts2a {
        background-image: url("/front/assets/common/img/sts2a.png");
}
.com_status1 .icon1.sts2b {
        background-image: url("/front/assets/common/img/sts2b.png");
}
.com_status1 .icon1.sts2c {
        background-image: url("/front/assets/common/img/sts2c.png");
}
.com_status1 .icon1.sts3a {
        background-image: url("/front/assets/common/img/sts3a.png");
}
.com_status1 .icon1.sts3b {
        background-image: url("/front/assets/common/img/sts3b.png");
}
.com_status1 .icon1.sts3c {
        background-image: url("/front/assets/common/img/sts3c.png");
}
.com_status1 .icon1.sts4a {
        background-image: url("/front/assets/common/img/sts4a.png");
}
.com_status1 .icon1.sts4b {
        background-image: url("/front/assets/common/img/sts4b.png");
}
.com_status1 .icon1.sts4c {
        background-image: url("/front/assets/common/img/sts4c.png");
}
.com_status1 .icon1.sts5a {
        background-image: url("/front/assets/common/img/sts5a.png");
}
.com_status1 .icon1.sts5b {
        background-image: url("/front/assets/common/img/sts5b.png");
}
.com_status1 .icon1.sts5c {
        background-image: url("/front/assets/common/img/sts5c.png");
}
.com_status1 .icon1.sts6a {
        background-image: url("/front/assets/common/img/sts6a.png");
}
.com_status1 .icon1.sts6b {
        background-image: url("/front/assets/common/img/sts6b.png");
}
.com_status1 .icon1.sts6c {
        background-image: url("/front/assets/common/img/sts6c.png");
}
.com_status1 .icon1.sts7a {
        background-image: url("/front/assets/common/img/sts7a.png");
}
.com_status1 .icon1.sts7b {
        background-image: url("/front/assets/common/img/sts7b.png");
}
.com_status1 .icon1.sts7c {
        background-image: url("/front/assets/common/img/sts7c.png");
}
.com_status1 .icon1.sts8a {
        background-image: url("/front/assets/common/img/sts8a.png");
}
.com_status1 .icon1.sts8b {
        background-image: url("/front/assets/common/img/sts8b.png");
}
.com_status1 .icon1.sts8c {
        background-image: url("/front/assets/common/img/sts8c.png");
}
.com_status1 .icon2 {
        background: no-repeat center 6px;
        background-size: auto 20px;
        display: block;
        height: 28px;
        width: 100%;
}
.com_status1 .icon2.sts9a {
        background-image: url("/front/assets/common/img/sts9a.png");
}
.com_status1 .icon2.sts9b {
        background-image: url("/front/assets/common/img/sts9b.png");
}
.com_status1 .icon2.sts9c {
        background-image: url("/front/assets/common/img/sts9c.png");
}
.com_status1 .stl2 {
        background-color: transparent;
        border: none;
}
.com_status1 .icon3 {
        background: no-repeat center center;
        background-size: contain;
        border: 1px solid;
        border-radius: 5px;
        display: block;
        height: 52px;
        width: 52px;
}
.com_status1 .icon3.sts10a {
        background-color: #e8f4ff;
        background-image: url("/front/assets/common/img/sts10a.png");
        border-color: #0074bf;
}
.com_status1 .icon3.sts10b {
        background-color: #e8f4ff;
        background-image: url("/front/assets/common/img/sts10b.png");
        border-color: #0074bf;
}
.com_status1 .icon3.sts10c {
        background-color: #e8f4ff;
        background-image: url("/front/assets/common/img/sts10c.png");
        border-color: #0074bf;
}
.com_color1 {
        color: #0074bf;
}
.com_color2 {
        color: #000;
}
.com_color3 {
        color: #FF3E5A;
}
.com_color4 {
        color: #E80000;
}
.com_rbg1 {
        background: #f9f9f9;
        border-radius: 10px;
        margin: 0 0 25px;
        padding: 40px 10px;
}
.com_btn_group1 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 40px 0 0;
}
.com_btn_group1 > * {
        margin: 0 5px;
}
.com_show_hide_password1 {
        position: relative;
}
.com_show_hide_password1 .com_form1 {
        padding-right: 50px;
}
.com_show_hide_password1 .com_show_hide_password_btn1 {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
}
.com_show_hide_password1 .com_show_hide_password_btn1 a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
}
.com_show_hide_password1 .com_show_hide_password_btn1 a .icon_eye1 {
        background: url("/front/assets/common/img/icon_eye1.png") no-repeat center center;
        background-size: contain;
        height: 25px;
        width: 25px;
}
.com_show_hide_password1 .com_show_hide_password_btn1 a .icon_eye_slash1 {
        background: url("/front/assets/common/img/icon_eye1_slash.png") no-repeat center center;
        background-size: contain;
        height: 25px;
        width: 25px;
}
.com_checked_cnt1 {
        margin: 60px 0 0;
        text-align: center;
}
.title_sub1 + .com_checked_cnt1 {
        margin-top: 25px;
}
.com_checked_cnt1 .check_fig1 {
        height: auto;
        width: 64px;
}
.com_checked_cnt1 p {
        margin: 18px 0 30px;
}
.com_checked_cnt1 p + p {
        margin-top: -1em;
}
.com_zstatus1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto 20px;
        max-width: 400px;
        width: 100%;
}
.com_zstatus1 > * {
        border: 1px solid #0074bf;
        border-radius: 5px;
        color: #0074bf;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        min-height: 30px;
        padding: 0 2px;
}
.com_zstatus1 > *:nth-child(1) {
        width: 71.25%;
}
.com_zstatus1 > *:nth-child(2) {
        font-weight: bold;
        width: 26.75%;
}
.com_table_wrap1 {
        border: 1px solid #3D9B7E;
        border-radius: 5px;
        overflow: hidden;
        width: 100%;
}
.com_table1 {
        border: none;
        width: 100%;
}
.com_table1 thead th {
        background: #2D9678;
        border-left: 1px solid #ccc;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
}
.com_table1 thead th:first-child {
        border-left: 0;
}
.com_table1 tbody td {
        background: #fff;
        border-left: 1px solid #ccc;
        font-weight: normal;
        line-height: 1.5;
        min-height: 60px;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
}
.com_table1 tbody td:first-child {
        border-left: 0;
}
.com_table1 tbody tr:nth-child(odd) td {
        background-color: #F4FAF8;
}
.com_table1 .com_form1.cnt1 {
        display: inline-block;
        font-size: 14px;
        height: 25px !important;
        padding: 0 5px;
        width: 56px;
}
.com_icon_pdf1 {
        height: auto;
        width: 20px;
        margin-left :0.2em;
}
.modal-backdrop {
        background-color: #3f3f3f !important;
        opacity: 0.8 !important;
}
.com_modal1 .modal-dialog {
        max-width: 960px;
}
.com_modal1 .modal-content {
        background-color: #fff;
        border: none;
        border-radius: 10px;
}
.com_modal1 .modal-body {
        padding: 28px 5% 30px;
}
.com_modal1 .modal-body .btn-close {
        position: absolute;
        top: 10px;
        right: 10px;
}
.com_validate_msg1 {
        color: #e82323;
        display: none;
        font-size: 14px;
        line-height: 1.2;
        padding: 0 0 0 1em;
}
.com_validate_msg1.st1 {
        padding: 0;
        text-align: center;
}
.com_validate_msg1.error {
        display: block;
}
.com_validate_msg1.error.resend a {
        color: #00f;
}
.com_icon_mail_ok {
        height:17px;
}
.com_validate_msg1.error.ok {
        color: #00A300;
}
* + .com_validate_msg1 {
        margin-bottom: -5px;
        margin-top: 7px;
}
.com_result1 * + .com_validate_msg1 {
        margin-bottom: -5px;
}
.com_data_item1 .edit_block1 > div + .com_validate_msg1 {
        margin-top: 0;
        padding-left: 1em;
}
.com_form_radio1 {
        opacity: 0.7;
}
.com_form_radio1:checked {
        opacity: 1;
}
.com_form_check_label1 {
        opacity: 0.7;
}
.com_form_radio1:checked + .com_form_check_label1 {
        opacity: 1;
}
.com_form_g1 {
        display: flex;
}
.com_form_g1 + .com_form_g1 {
        margin-top: 15px;
}
.com_form_g1 > div:nth-child(1) {
        width: 211px;
}
.com_form_g1 > div:nth-child(2) {
        flex: 1;
}
.com_form_g1 > div:nth-child(1) label {
        font-size: 18px;
        padding-top: 10px;
}
.com_form_g1 .flx1 {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px;
}
.com_form_g1 .flx1 > * + * {
        margin-left: 12px;
}
.com_form_g1 .flx1 input[type=email],
.com_form_g1 .flx1 input[type=text]
.com_form_g1 .flx1 input[type=password] {
        flex: 1;
}
.com_form_g1 .flx1 .com_validate_msg1 {
        margin-bottom: -15px;
        margin-left: 0;
        margin-top: 10px;
        order: 3;
        width: 100%;
}
.com_form_g1 .flx2 {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
}
.com_form_g1 .flx2 > * {
        margin: 0;
}
.com_form_g1 .flx2 > * + * {
        margin-left: 12px;
}
.com_form_g1 .flx2 > div {
        display: flex;
        align-items: center;
}
.com_form_g1 .flx2 > div > * {
        margin-right: 1.2em;
}
.com_form_g1 .com_form_radio1 {
}
.com_form_g1 .com_form_check_label1 {
        font-size: 18px;
}
.com_sep1 {
        background-color: transparent;
        border: none;
        border-top: 1px solid #8e8e8e;
        height: 0;
        margin: 40px 0;
        overflow: hidden;
        width: 100%;
}
.com_fb_cnt1 {
        display: flex;
        align-items: center;
}
.com_fb_cnt1 * {
        margin: 0;
}
.com_fb_cnt1 * + * {
        margin-left: 2em;
}
.com_fb_cnt1 > * {
        display: flex;
        align-items: center;
}
.com_carousel1 {
        margin: 0 auto 30px;
        width: 100%;
}
/* 1枚時 */
.com_carousel1.slide-1 {
        max-width: 360px;
}
/* 2枚時 */
.com_carousel1.slide-2 {
        max-width: 680px;
}
/* 1〜2枚の静的表示 */
.com_carousel1.slide-1 .static-slides,
.com_carousel1.slide-2 .static-slides {
  display: flex;
  flex-direction: row;   /* ← 横一列 */
  justify-content: center;
  align-items: center;
  padding: 0 50px;       /* ← swiperと同じpadding */
  box-sizing: border-box;
}
.com_carousel1.slide-1 .static-slide,
.com_carousel1.slide-2 .static-slide {
  padding: 0 15px;
  box-sizing: border-box;
  width: 300px;
}
/* 3枚以上 */
.com_carousel1:not(.slide-1):not(.slide-2) {
        max-width: 990px;
}
.com_carousel1 .swiper {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0 50px;
        box-sizing: border-box;
}
.com_carousel1 .swiper-wrapper {
        align-items: center;
}
.com_carousel1 .swiper-slide {
        padding: 0 15px;
        box-sizing: border-box;
}
.com_carousel1 img {
        border-radius: 5px;
}
.com_carousel1 .swiper-button-next,
.com_carousel1 .swiper-button-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: #0074bf url("/front/assets/common/img/carousel_arrow1.png") no-repeat center center;
        background-size: 30px;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        z-index: 10;
        cursor: pointer;
}
.com_carousel1 .swiper-button-next {
        right: 0;
}
.com_carousel1 .swiper-button-prev {
        left: 0;
        transform: translateY(-50%) rotate(180deg);
}
.com_carousel1 .swiper-button-next:after,
.com_carousel1 .swiper-button-prev:after {
        display: none;
}
.com_carousel1 a {
        transition: 0.3s;
}
.com_carousel1 a:hover {
        opacity: 0.8;
}
.com_br_cnt1 {
        border: 2px solid #becfdf;
        border-radius: 10px;
        margin: 0 0 30px;
        padding: 20px 5.733333333333333% 15px;
}
.com_br_cnt1.stl1 {
        padding-bottom: 30px;
        padding-top: 30px;
}
.com_tags1 {
        display: flex;
}
.com_tags1 > span {
        border-radius: 3px;
        color: #fff;
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 0 10px;
        min-width: 50px;
        padding: .1em 1em;
        text-align: center;
}
.com_tags1 > span.tag1 {
        background-color: #e82323;
}
.com_tags1 > span.tag2 {
        background-color: #ffbe1d;
}
.com_tags1 > span.tag3 {
        background-color: #fff;
        border: 1px solid #0074bf;
        color: #0074bf;
        font-weight: 700;
        line-height: 16px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 2px;
}
.com_link1 {
        color: #8e8e8e !important;
        position: relative;
        text-decoration: none;
}
.com_link1:hover {
        text-decoration: underline;
}
.com_link1:after {
        border: solid #8e8e8e;
        border-width: 1px 1px 0 0;
        content: "";
        display: inline-block;
        height: 9px;
        margin: 0 0 0 5px;
        position: relative;
        transform: rotate(45deg);
        width: 9px;
}
.com_d_list1 {
        width: 100%;
}
.com_br_cnt1.stl1 .com_d_list1 {
        margin-bottom: 50px;
}
.com_d_list1 th {
        border-bottom: 1px solid #dbdbdb;
        color: #8e8e8e;
        font-weight: normal;
        padding: 9px 24px 9px 6px;
        vertical-align: top;
        white-space: nowrap;
        width: 1%;
}
.com_d_list1 td {
        border-bottom: 1px solid #dbdbdb;
        font-size: 16px;
        padding: 9px 0;
        vertical-align: top;
}
.com_d_list1 th > * {
        vertical-align: middle;
}
.com_d_list1 th > *:nth-child(1) {
        float: left;
}
.com_d_list1 th .com_tags1 {
        justify-content: flex-end;
        margin-left: 6.5em;
        white-space: nowrap;
}
.com_d_list1 tr:last-child th,
.com_d_list1 tr:last-child td {
        /*border-bottom: none;
        padding-bottom: 19px;*/
}
.com_br_cnt1.stl1 .com_d_list1 th,
.com_br_cnt1.stl1 .com_d_list1 td {
        padding-bottom: 14px;
        padding-top: 14px;
}
.com_br_cnt1.stl1 .com_d_list1 tr:last-child th,
.com_br_cnt1.stl1 .com_d_list1 tr:last-child td {
        border-bottom: 1px solid #dbdbdb;
        padding-bottom: 9px;
}
.com_btns1 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
}
.com_btns1 > * {
        background: #0074bf;
        border-radius: 10px;
        color: #fff !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        font-weight: bold;
        height: 70px;
        margin: 0 0 4% 0;
        overflow: hidden;
        text-align: center;
        text-decoration: none !important;
        transition: 0.3s;
        width: 30.666666666666667%;
}
.com_btns1 > *:hover {
        opacity: 0.8;
}
.com_btns1 > * + * {
        margin-left: 4%;
}
.com_inner2 .com_btns1 {
        margin-left: -2.035623409669211%;
        overflow: hidden;
        width: calc(100% + 4.071246819338423%);
}
.com_inner2 .com_btns1 > * {
        margin: 0 2.035623409669211% 4.071246819338423%;
        width: 29.262086513994911%;
}
.com_inner2 .com_btns1 > * + * {
        margin-left: 2.035623409669211%;
}
.com_bg_cnt1 {
        background: #f9f9f9;
        margin-top: auto;
        padding: 40px 15px 120px;
}
.com_bn_links1 {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
}
.com_bn_links1 li {
        list-style: none;
        margin: 0 2.777777777777778% 2.604166666666667% 0;
        padding: 0;
        width: 22.916666666666667%;
}
.com_bn_links1 li:nth-child(4n) {
        margin-right: 0;
}
.com_bn_links1 li img {
        border-radius: 5px;
}
.com_bn_links1 li a {
        transition: 0.3s;
}
.com_bn_links1 li a:hover {
        opacity: 0.8;
}
.com_post_header1 {
        margin-bottom: 30px;
        padding-bottom: 10px;
        position: relative;
}
.com_post_header1:before {
        background: linear-gradient(to right, #007bd1 0%, #0dabe2 44%, #19ccaa 100%);
        bottom: 0;
        content: "";
        display: block;
        height: 1.5px;
        left: 0;
        position: absolute;
        width: 100%;
}
.com_post_header1 .title1 {
        font-size: 18px;
        font-weight: 700;
        margin: 0;
}
.com_post_header1 .com_meta1 + .title1 {
        margin-top: 25px;
}
.com_meta1 {
        display: flex;
        align-items: center;
}
.com_meta1 .date1 {
        color: #8e8e8e;
        font-size: 12px;
        margin: 0 7px 0 0;
}
.com_post_body1 p {
        line-height: 1.7;
}
.com_post_body1 + .com_btn_group1 {
        margin-top: 2em;
}
.com_post_body1 a {
        color: #00f;
}
#com_top_message1 {
        background: #0074bf;
        color: #fff;
        display: block;
        font-size: 14px;
        left: 0;
        padding: 16px 5px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        transform: translateY(-101%);
        transition: 0.5s;
        z-index: 10;
}
#com_top_message1.show {
        transform: translateY(0);
        transition: 0.5s;
}
.loading-animation {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
        background: #333333;
        opacity: 0.5;
}
.loading-animation .show-icon-box {
        height: 100vh;
        width: 100%;
        position: sticky;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
}
.login_index_bg1 {
        background: url("/front/assets/common/img/home_bg1.jpg") no-repeat center center;
        background-size: cover;
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
}
.login_index_cnt1 {
        padding: 20px 15px;
}
.login_index_cnt1 .title1 {
        margin: 0 auto 4px;
        text-align: center;
}
.login_index_cnt1 .title1 img {
        height: auto;
        max-width: 785px;
}
.login_index_cnt1 .title_sub1 {
        color: #0074bf;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.55;
        margin: 0 0 17px;
        text-align: center;
}
.login_index_cnt1 .copy1 {
        font-size: 18px;
        line-height: 1.55;
        margin: 0 0 21px;
        text-align: center;
}
.login_index_cnt1 .form-group {
        margin: auto;
        max-width: 380px;
        width: 100%;
}
/* アプリ限定: 上詰め時に縦 auto マージンが空き領域を吸収して見出し〜説明文が広がるのを防ぐ（横中央寄せのみ） */
body.capacitor-native .login_index_cnt1 .form-group {
        margin: 0 auto;
}
.login_index_cnt1 .com_validate_msg1 {
        font-weight: 700;
        margin-top: 11px;
        padding-left: 4px;
}
.login_index_cnt1 .copy2 {
        display: block;
        font-size: 15px;
        margin: 14px 0 0;
}
.login_index_cnt1 .copy2 input[type=checkbox] {
        margin-right: 9px;
        position: relative;
        transform: scale(1.307692307692308) translateY(-0.15em);
        transform-origin: left top;
        vertical-align: middle;
}
.login_index_cnt1 .copy2 span {
        vertical-align: middle;
}
.login_index_cnt1 .com_btn3 {
        font-size: 23px;
        height: 50px;
        line-height: 50px;
        margin: 30px auto 0;
        width: 100%;
}
.login_index_cnt1 .copy3 {
        margin: 15px 0 0;
}
.login_index_cnt1 .copy3 a {
        color: #0074bf;
        text-decoration: none;
}
.login_index_cnt1 .copy3 a:hover {
        text-decoration: underline;
}
.reorder_clp_button1 {
        cursor: pointer;
        transition: 0.3s;
}
.reorder_clp_button1:hover {
        opacity: 0.8;
}
.reorder_clp_block1 {
        display: none;
        overflow: hidden;
        width: 100%;
}
.com_terms1 {
        background: #fff;
        border: 1px solid #8E8E8E;
        border-radius: 5px;
        margin: 18px 0 10px;
        overflow: hidden;
        width: 100%;
}
.com_terms1 .inner1 {
        height: 120px;
        padding: 10px 9px;
        overflow: hidden;
        overflow-y: auto;
        width: 100%;
}
.com_terms1 h3 {
        font-size: 13px;
        font-weight: 400;
        margin: 0 0 10px;
}
.com_terms1 * + h3 {
        margin-top: 1.5em;
}
.com_terms1 p {
        font-size: 12px;
        line-height: 1.2;
        margin: 0 0 1em;
}
.com_terms_check1 {
        display: flex;
        align-items: center;
        font-size: 16px;
}
.com_terms_check1 input[type=checkbox] {
        margin: -0.13em 15px 0 0;
        transform: scale(1.692307692307692);
        transform-origin: left center;
}
.com_terms_check1 + button {
        margin-top: 20px !important;
}
.com_strong1 {
        font-weight: 700 !important;
}
.com_center1 {
        text-align: center !important;
}
.com_left1 {
        text-align: left !important;
}
.com_right1 {
        text-align: right !important;
}
.com_mg_a {
        margin: auto;
}
.com_mgb0 {
        margin-bottom: 0px !important;
}
.com_mgb5 {
        margin-bottom: 5px !important;
}
.com_mgb10 {
        margin-bottom: 10px !important;
}
.com_mgb15 {
        margin-bottom: 15px !important;
}
.com_mgb20 {
        margin-bottom: 20px !important;
}
.com_mgb30 {
        margin-bottom: 30px !important;
}
.com_mgb35 {
        margin-bottom: 35px !important;
}
.com_mgb40 {
        margin-bottom: 40px !important;
}
.com_mgb50 {
        margin-bottom: 50px !important;
}
.com_mgb60 {
        margin-bottom: 60px !important;
}
.com_mgb70 {
        margin-bottom: 70px !important;
}
.com_mgb80 {
        margin-bottom: 80px !important;
}
.com_mgb90 {
        margin-bottom: 90px !important;
}
.com_mgb100 {
        margin-bottom: 100px !important;
}
.com_mgb110 {
        margin-bottom: 110px !important;
}
.com_mgb120 {
        margin-bottom: 120px !important;
}
.com_mgb130 {
        margin-bottom: 130px !important;
}
.com_mgb140 {
        margin-bottom: 140px !important;
}
.com_mgb150 {
        margin-bottom: 150px !important;
}
.com_mgt0 {
        margin-top: 0px !important;
}
.com_mgt5 {
        margin-top: 5px !important;
}
.com_mgt10 {
        margin-top: 10px !important;
}
.com_mgt15 {
        margin-top: 15px !important;
}
.com_mgt20 {
        margin-top: 20px !important;
}
.com_mgt25 {
        margin-top: 25px !important;
}
.com_mgt30 {
        margin-top: 30px !important;
}
.com_mgt40 {
        margin-top: 40px !important;
}
.com_mgt50 {
        margin-top: 50px !important;
}
.com_mgt60 {
        margin-top: 60px !important;
}
.com_mgt70 {
        margin-top: 70px !important;
}
.com_mgt80 {
        margin-top: 80px !important;
}
.com_mgt90 {
        margin-top: 90px !important;
}
.com_mgt100 {
        margin-top: 100px !important;
}
.com_mgt135 {
        margin-top: 135px !important;
}
.com_fs10 {
        font-size: 10px !important;
}
.com_fs11 {
        font-size: 11px !important;
}
.com_fs12 {
        font-size: 12px !important;
}
.com_fs13 {
        font-size: 13px !important;
}
.com_fs14 {
        font-size: 14px !important;
}
.com_fs15 {
        font-size: 15px !important;
}
.com_fs16 {
        font-size: 16px !important;
}
.com_fs17 {
        font-size: 17px !important;
}
.com_fs18 {
        font-size: 18px !important;
}
.com_fs19 {
        font-size: 19px !important;
}
.com_fs20 {
        font-size: 20px !important;
}
.com_fs21 {
        font-size: 21px !important;
}
.com_fs22 {
        font-size: 22px !important;
}
.com_fs23 {
        font-size: 23px !important;
}
.com_fs24 {
        font-size: 24px !important;
}
.com_fs25 {
        font-size: 25px !important;
}
.com_fs26 {
        font-size: 26px !important;
}
.com_fs27 {
        font-size: 27px !important;
}
.com_fs28 {
        font-size: 28px !important;
}
.com_fs29 {
        font-size: 29px !important;
}
.com_fs30 {
        font-size: 30px !important;
}
.com_fs35 {
        font-size: 35px !important;
}
        /* 注文結果画面シンプル版 */
.simple_status_wrap {
        flex-wrap: wrap;
        margin: auto 0;
        min-height: max-content;
}
.simple_status_wrap_content {
        display: flex;
        margin-bottom: 5px;
        flex-direction: column;
        justify-content: center;
        width: max-content;
        min-width: auto;
        padding: 3px;
        position: relative;
}
.simple_status_wrap_content:has(.count1) {
        margin-bottom: 20px;
}
.simple_drug_search {
        padding: 0;
        border: none;
}
.simple_card {
  background-color: rgba(255,255,255,0.7);
  border-radius: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.simple_card .text2 {
        margin-bottom: 0.5rem;
        text-align: right;
}
.simple_card .edit_block1 .inner1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}
.simple_card .com_form1 {
        font-size: 14px;
        height: 35px;
        /* width: calc(100% - 90px); */
        margin-right: 10px;
}
.simple_card .com_btn1 {
        height: 35px;
}
.simple_card .com_status1 .icon3 {
        height: 44.48px;
        width: 44.48px;
}
.simple_card .sep2 {
        margin: 0.5rem 0;
}
.simple_card_header {
  background-color: #f5f5f5;
  padding: 6px 15px;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.simple_card_header p {
  margin: 0;
}
.simple_card_header_content {
        display: flex;
        justify-content: space-between;
        position: relative;
        align-items: center;
        width: 100%;
        padding-right: 10px;
}
.simple_card_header_content > div {
        display: flex;
        align-items: center;
}
.simple_card_body {
  padding: 6px 15px;
}
.simple_card_body_content {
        display: flex;
        justify-content: space-between;
}
.simple_status_txt {
  display: inline-block;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}
.simple_status_num {
  display: inline-block;
  font-weight: 700;
}
.body_lower_half {
        min-width: 32%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
}
.goods-info-container {
        display: flex;
        flex: 1;
 }
.grid_container {
        display: grid;
        grid-template-columns: 150px 2fr;
        gap: 5px;
}
.grid_container p {
        margin-bottom: 0;
}
.container_com_status1 {
        display: flex;
        justify-content: center;
        align-items: center;
}
.reorder_detail {
        display: flex;
        justify-content: space-between;
}
/* シンプル版フォントデザイン */
.simple_blue_bold {
        color: #0074bf;
        font-weight: 700;
}
/* シンプル版フォントサイズ系 */
.simple_txt_14 {
        font-size: 14px;
}
.simple_txt_16 {
        font-size: 16px;
}
.simple_txt_18 {
        font-size: 18px;
}
.com_btns2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
  gap: 1.93333333%;
        margin: 0;
}
.com_inner2 .com_btns2.st1 {
  gap: 1.27877238%;
  margin-left: -2.13333334%;
  width: calc(100% + 4.26666667%);
}
.com_btns2 > * {
        background: #fff;
  border: 1px solid #0074BF;
        border-radius: 10px;
  box-shadow: 0 3px 0 0 #D9D9D9;
        color: #fff !important;
        display: flex;
        align-items: center;
  gap: 19px;
        min-height: 63px;
        overflow: hidden;
  padding: 8px 8px 8px 16px;
        text-decoration: none !important;
        transition: 0.3s;
        width: 32%;
}
.com_btns2.st1 > * {
        width: 32.48081841%;
}
.com_btns2 > * .icon1 {
  background: #E8F4FF;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 47px;
  width: 47px;
}
.com_btns2 > * .icon1 img {
  height: auto;
  width: 35px;
}
.com_btns2 > * .txt1 {
  flex: 1;
  margin-top: 0.2em;
}
.com_btns2 > * .txt1 .t1 {
  color: #0074BF;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.com_btns2 > * .txt1 .t2 {
  color: #8E8E8E;
  display: block;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  margin-top: 0.2em;
}
.com_btns2 > *:hover {
        opacity: 0.8;
}
.com_btns2 > *.disabled {
  filter: grayscale(100%);
  opacity: 0.25;
  pointer-events: none;
}
.com_g_bg1 {
  background: #F9F9F9;
  padding: 20px 25px 30px;
}
.com_cnt1 {
  background: #fff;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 10px 0;
  padding: 10px;
}
.com_cnt1 > *:nth-child(1) {
  flex: 1;
  width: 100%;
}
.com_cnt1 .hd1 h3 {
  color: #0074BF;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 5px;
}
.com_cnt2 {
  background: #fff;
  border: 1px solid #ddd;
  margin: 10px 0;
  padding: 10px;
}
.com_cnt2 .hd1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 5px;
}
.com_cnt2 .hd1 h3 {
  color: #0074BF;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.com_cnt1 .hd1 span,
.com_cnt2 .hd1 span {
  background: #F9F9F9;
  border-radius: 6px;
  color: #333;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
  white-space: nowrap;
}
.hd1_dates1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.com_cnt2 .link_list1 {
  font-size: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.com_cnt2 .link_list1 li:before {
  color: #0074BF;
  content: "・";
}
.com_cnt3 {
  background: #fff;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  display: flex;
  align-items: center;
  gap: 0 22px;
  margin: 0;
  padding: 10px;
}
.com_cnt3 + .com_cnt3 {
  border-top: none;
}
.com_cnt3 > div:first-child {
  margin-right: auto;
}
.com_cnt3 p {
  margin: 0;
}
.com_cnt3 .icon1 {
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  width: 20px;
}
.com_carousel2 {
  margin: 0;
  padding: 0 !important;
}
.menu_wrap1 .com_carousel2 {
  margin-top: 55px;
}
.com_carousel2 .swiper-button-next,
.com_carousel2 .swiper-button-prev {
        background: #0074bf url("/front/assets/common/img/carousel_arrow1.png") no-repeat center center / contain;
        border-radius: 50%;
        height: 19px;
        margin-top: -10px;
        width: 19px;
}
.com_carousel2 .swiper-slide {
  padding: 0 10px;
}
.com_carousel2 .swiper-slide a {
  background: #fff;
  border-radius: 6px;
  display: block;
}
.com_carousel2 .swiper-button-next {
        right: 0;
}
.com_carousel2 .swiper-button-prev {
        left: 0;
  transform: scale(-1, 1);
}
.com_carousel2 .swiper-button-next:after,
.com_carousel2 .swiper-button-prev:after {
  display: none;
}
.com_modal2 .modal-dialog {
  max-width: 750px;
}
.com_modal2 .modal-content {
  border: none;
  border-radius: 10px;
  padding: 30px 0;
}
.com_modal2 .modal-header {
  border: none;
  padding: 0 20px;
}
.com_modal2 .btn-close {
  border-radius: 0;
  height: 20px;
  margin: 0;
  opacity: 1;
  padding: 3px;
  position: absolute;
  right: 10px;
  top: 14px;
  width: 20px;
}
.com_modal2 .modal-body {
  padding: 10px 20px;
}
.com_modal2 .modal-footer {
  border: none;
  justify-content: center;
  padding: 10px 20px;
}
.com_modal2 .icon_attention1 {
  display: block;
  height: 38px;
  margin: 0 auto 8px;
  width: 38px;
}
.com_modal2 .icon_c_check1 {
  display: block;
  height: 38px;
  margin: 0 auto 8px;
  width: 38px;
}
.com_link2 {
  color: #0074BF;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
}
.com_link2:hover {
  color: #0074BF;
  text-decoration: underline;
}
.com_link2:focus,
.com_link2:focus-visible,
.com_link2:visited,
.com_link2:active {
  color: #0074BF;
  text-decoration: underline;
  outline: none;
}
.com_link2.b {
  color: #0074BF;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.com_link2.b:hover {
  color: #0074BF;
  text-decoration: underline;
}
.com_link2.b:focus,
.com_link2.b:focus-visible,
.com_link2.b:visited,
.com_link2.b:active {
  color: #0074BF;
  text-decoration: none;
  outline: none;
}
[class*="com_btn"]:disabled {
  background-color: #BCBCBC;
  opacity: 1;
}
.com_links1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
.com_links1 li:not(:last-child) {
  border-right: 1px solid #0074BF;
}
.com_links1 a {
  color: #000;
  display: block;
  padding: 0.3em 1em 0.1em;
  text-decoration: none;
}
.com_links1 a.current {
  background: #E8F4FF;
  color: #0074BF;
  font-weight: 700;
}
.com_icon_cart1 {
  display: inline-block;
  height: 13px;
  margin: 0 0 0 5px;
  vertical-align: middle;
  width: 13px;
}
.com_cart_num1 {
  background: #fff;
  border: 1px solid #E80000;
  border-radius: 7px;
  bottom: 5px;
  color: #E80000;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  left: -5px;
  line-height: 13px;
  min-width: 13px;
  overflow: hidden;
  padding: 0 3px;
  position: relative;
  text-align: center;
}
.com_form_check1 {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  margin-right: 15px;
  min-height: 25px;
  position: relative;
}
.com_form_check1 label:before {
  background: #fff;
  border: 1px solid #777272;
  border-radius: 3px;
  content: "";
  display: block;
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}
.com_form_check1 :checked + label:before {
  background-color: #0074BF;
  background: #0074BF;
}
.com_form_check1 :indeterminate + label:before {
  background-color: #fff !important;
}
.com_form_check1 :checked + label:after {
  background: url("/front/assets/common/img/icon_check1.png") no-repeat center center / contain;
  content: "";
  display: block;
  height: 16px;
  left: 3px;
  position: absolute;
  top: 4px;
  width: 19px;
}
.com_form_check1 :indeterminate + label:after {
  background: #0074BF;
  content: "";
  display: block;
  height: 2px;
  left: 6px;
  position: absolute;
  top: 15px;
  width: 17.5px;
}
.com_form_check1 label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 0 0 30px;
  z-index: 0;
}
.com_form_check1 [type=checkbox] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.com_form_check1.st1 {
  font-size: 14px;
  margin-right: 10px;
  min-height: 30px;
}
.com_form_check1.st1 label:before {
  background-color: transparent;
  height: 30px;
  width: 30px;
}
.com_form_check1.st1 :checked + label:before {
  background-color: #0074BF;
}
.com_form_check1.st1 :checked + label:after {
  left: 5px;
  top: 6px;
}
.com_form_check1.st1 label {
  min-height: 30px;
  padding: 0 0 0 45px;
}
.com_form_check2 {
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.com_form_check2 label:before {
  background: transparent;
  content: "";
  display: block;
  height: 20px;
  left: 9px;
  position: absolute;
  top: 5px;
  width: 20px;
}
.com_form_check2 :checked + label:after {
  background: url("/front/assets/common/img/icon_check2.png") no-repeat center center / contain;
  content: "";
  display: block;
  height: 13px;
  left: 11px;
  position: absolute;
  top: 9px;
  width: 16px;
}
.com_form_check2 label {
  cursor: pointer;
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 5px 4px 39px;
  z-index: 0;
}
.com_form_check2 :checked + label {
  background-color: #E8F4FF;
}
.com_form_check2 [type=checkbox] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.com_result1 .group3 {
  display: flex;
  align-items: center;
}
* + .com_result1 .group3 {
  margin-top: 5px;
}
.com_result1 .group3 > :nth-child(1) {
  width: 330px;
}
.com_result1 .group3 > :nth-child(2) {
  padding-left: 5px;
}
.com_result1 .group3 > :nth-child(2) :last-child {
  margin-right: 0;
}
.com_result1 .group4 {
  display: flex;
  align-items: center;
  gap: 8px;
}
* + .com_result1 .group4 {
  margin-top: 5px;
}
.com_result1 .group4 .com_form1 {
  max-width: 250px;
}
.com_result1 .group4 .com_btn1 {
  margin-left: 20px;
}
.com_result1 .group6 {
  display: flex;
  align-items: center;
}
* + .com_result1 .group6 {
  margin-top: 5px;
}
.com_result1 .group6 > :nth-child(1) {
  width: 380px;
}
.com_result1 .group6 > :nth-child(2) {
  padding-left: 5px;
}
#contents1.bg1 {
  position: relative;
}
#contents1.bg1:before {
  background: url("/front/assets/common/img/bg1.png") no-repeat left top / contain;
  content: "";
  display: block;
  height: 476px;
  left: 50%;
  margin-left: 180px;
  position: absolute;
  top: 110px;
  width: 490px;
  z-index: -1;
}
#contents1.bg2 {
  position: relative;
}
#contents1.bg2:before {
  background: url("/front/assets/common/img/bg2.png") no-repeat left top / contain;
  content: "";
  display: block;
  height: 389px;
  left: 50%;
  margin-left: 193px;
  position: absolute;
  top: 185px;
  width: 490px;
  z-index: -1;
}
.com_inner4 {
        margin: auto;
        max-width: 1020px;
        position: relative;
        width: 100%;
}
.simple_card {
  
}
.com_status1 .icon4 {
  display: block;
  height: 18px;
  margin: 1px auto 0;
  width: 18px;
}
.com_status1 .count1 {
  bottom: -1.7em;
  font-size: 12px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.com_status1 .simple_status_wrap_content.st1 {
  min-height: 44.47px;
  min-width: 44.47px;
  position: relative;
}
.com_ipt_wrap1 {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.com_ipt_wrap1 .datepicker-group1 {
  margin-top: auto;
}
.com_count_group1 {
  display: flex;
}
.com_count_group1 [type=number] {
  -moz-appearance:textfield;
  border-color: #0074BF;
  border-radius: 0;
  color: #000;
  font-size: 16px;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 5px;
  text-align: center;
  width: 76px;
}
.com_count_group1 [type=number]:disabled {
  background-color: #fff;
  border-color: #BCBCBC;
  color: #BCBCBC;
}
.com_count_group1 [type=number]::-webkit-inner-spin-button,
.com_count_group1 [type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance:textfield;
}
.com_btn8 {
  appearance: none;
  background: #0074BF;
  border: none;
  border-radius: 5px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
  position: relative;
  height: 40px;
  text-decoration: none;
  transition: 0.3s ease;
  width: 40px;
}
.com_btn8:hover {
  opacity: 0.8;
}
.com_btn8:disabled {
  background: #BCBCBC;
  opacity: 1 !important;
}
.com_btn8.l {
  border-radius: 5px 0 0 5px;
}
.com_btn8.r {
  border-radius: 0 5px 5px 0;
}
.com_btn8.cl1 {
  background-color: #6F6A6A;
}
.com_btn8 .icon_trash2 {
  height: auto;
  width: 21px;
}
.com_btn9 {
  appearance: none;
  background: #0074BF;
  border: none;
  border-radius: 5px;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  padding: 0 10px;
  position: relative;
  height: 40px;
  text-decoration: none;
  transition: 0.3s ease;
}
.com_btn9:hover {
  opacity: 0.8;
}
.com_btn9:disabled {
  background: #BCBCBC;
  opacity: 1 !important;
}
.com_btn9 > span {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
}
.com_btn9 > span > span {
  display: block;
  font-size: 16px;
}
.com_btn10 {
  background: #fff;
  border: 1px solid #99B6D1;
  border-radius: 5px;
  color: #0074BF !important;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px;
  position: relative;
  text-decoration: none !important;
  transition: 0.3s ease;
}
.com_btn10:hover {
  opacity: 0.7;
}
.com_btn10 .icon_trash1 {
  bottom: 0.1em;
  height: auto;
  margin: 0 0 0 3px;
  position: relative;
  width: 20px;
}
.com_btn10 .icon_calender2 {
  bottom: 0.1em;
  height: auto;
  margin: 0 0 0 3px;
  position: relative;
  width: 13px;
}
.com_btn10 br {
  display: none;
}
.com_btn11 {
  background: #0074BF;
  border: none;
  border-radius: 5px;
  color: #fff !important;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  position: relative;
  text-decoration: none !important;
  transition: 0.3s ease;
}
.com_btn11:hover {
  opacity: 0.7;
}
.com_btn11 .icon_paper1 {
  bottom: 0.1em;
  height: auto;
  margin: 0 0 0 3px;
  position: relative;
  width: 10px;
}
.com_flx1 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.com_ipt_wrap1 .com_flx1 {
  margin-top: auto;
}
.com_flx1 .item1 {
  display: flex;
  align-items: center;
}
.com_flx1 .item1 .txt1 {
        font-size: 14px;
        font-weight: normal;
        margin: 0 8px 0 0;
}
.com_flx1 .item1 .txt2 {
        background: #BCBCBC;
        border: none;
        border-radius: 5px;
  color: #333;
        display: inline-flex;
  align-items: center;
        font-size: 16px;
        font-weight: 700;
        height: 30px;
  line-height: 1.5;
        min-width: 155px;
        padding: 0 37px 0 10px;
        width: 155px;
}
.com_flx1 .item1 .txt3 {
  color: #333;
        font-size: 18px;
  line-height: 1.5;
}
.com_flx1 .item1 .txt4 {
  color: #333;
        font-size: 14px;
  line-height: 1.5;
  margin-left: 30px;
  min-width: 108px;
}
.com_flx1 .item1 .txt4 span {
  color: #f00;
        font-size: 18px;
  margin-left: 10px;
}
.simple_items1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 16px;
  margin: 0 0 10px;
}
.simple_items1 p {
  color: #8E8E8E;
  margin: 0;
}
.simple_items2 {
  padding: 5px 0 0;
}
.simple_items2 p {
  margin: 0;
}
.simple_body-check {
  display: flex;
  align-items: center;
  width: 50px;
}
.com_dd_list1 {
  position: relative;
}
.com_dd_list1 .txt1 {
  background: #E8F4FF;
  border: 1px solid #99B6D1;
  border-radius: 3px;
  color: #333;
  display: inline-block;
  font-size: 12px;
  line-height: 1.3;
  margin: 0;
  padding: 5px 10px 2px 10px;
  position: relative;
}
.com_dd_list1 .txt1:after {
  background: url("/front/assets/common/img/icon_dropdown2.png") no-repeat center center / contain;
  bottom: 0.1em;
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 0 0 10px;
  position: relative;
  vertical-align: middle;
  width: 10px;
}
.com_dd_list1 .list1 {
  bottom: 0;
  left: 0;
  opacity: 0;
  min-width: 305px;
  padding: 2px 0 0;
  pointer-events: none;
  position: absolute;
  transition: 0.3s ease;
  transform: translateY(100%);
  z-index: -1;
}
.com_dd_list1:hover .list1 {
  opacity: 1;
  pointer-events: all;
  z-index: 5;
}
.com_dd_list1 ul {
  background: #fff;
  box-shadow: 8px 4px 15px 0 rgba(0,0,0,0.25);
  list-style: none;
  margin: 0;
  padding: 3px 2px;
}
.com_dd_list1 ul li {
  color: #333;
  font-size: 12px;
  margin-bottom: 3px;
}
.com_dd_list1 ul li:last-child {
  margin-bottom: 0;
}
.com_s_icon1 {
  background: #E8F4FF;
  border: 1px solid #0074BF;
  border-radius: 3px;
  color: #0074BF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 20px;
  margin: 0 2.5px;
  width: 20px;
}
.com_s_icon2 {
  background: #fff;
  border: 1px solid #E80000;
  border-radius: 3px;
  color: #E80000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 20px;
  margin: 0 2.5px;
  width: 20px;
}
.com_datepicker_input1.error {
  background-color: #FFE9E9;
  border: 1px solid #E80000;
}
.com_add_fabo1 {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  margin: auto;
  max-width: 300px;
  padding: 20px 0;
  width: 100%;
}
.com_add_fabo1 .group1 {
  display: flex;
  gap: 0 5px;
  width: 100%;
}
.com_add_fabo1 input[type=text].com_form1,
.com_add_fabo1 input[type=password].com_form1,
.com_add_fabo1 input[type=email].com_form1,
.com_add_fabo1 select.com_form1 {
  font-size: 14px;
  flex: 1;
  height: 30px;
  padding: 0 13px;
}
.com_add_fabo1 .com_btn9 {
  font-size: 14px;
  height: 30px;
  padding: 0 13px;
  width: auto;
}
.com_check_all_cnt1 {
  background: #E8F4FF;
  border: 1px solid #99B6D1;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 7px 10px;
  width: 100%;
}
.com_check_all_cnt1.st1 {
  background-color: #fff;
}
.com_check_all_cnt1 > * {
  display: flex;
  align-items: center;
}
.com_check_all_cnt1 > * + * {
  gap: 10px;
  margin-left: auto;
}
.com_check_all_cnt1 .btn {
  font-size: 14px;
  height: 35px;
  padding: 0 10px;
}
.com_check_all_cnt1 .btn .icon_trash2 {
  bottom: 0.2em;
  height: auto;
  margin-left: 1px;
  position: relative;
  width: 21px;
}
.com_check_all_cnt1 .btn .icon_calender3 {
  bottom: 0.2em;
  height: auto;
  margin-left: 1px;
  position: relative;
  width: 21px;
}
.com_d_list1 + * {
  margin-top: 30px;
}
.com_pagenation1 > .com_btn11 {
        bottom: 0;
        right: 0;
        position: absolute;
}
.com_favorite_group1 {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  margin: 0 0 10px;
  padding: 20px 16px;
  position: relative;
}
.com_favorite_group1 .delete1 {
  color: #000;
  font-size: 12px;
  position: absolute;
  right: 16px;
  text-decoration: none;
  transition: 0.3s ease;
  top: 20px;
}
.com_favorite_group1 .delete1:hover {
  opacity: 0.7;
}
.com_favorite_group1 .delete1 img {
  bottom: 0.1em;
  height: auto;
  margin-left: 0.5em;
  position: relative;
  width: 15px;
}
.com_favorite_group1 .name1 {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}
.com_favorite_group1 .name1 img {
  bottom: 0.2em;
  height: auto;
  margin-left: 0.5em;
  position: relative;
  transition: 0.3s ease;
  width: 19px;
}
.com_favorite_group1 .name1 :hover img {
  opacity: 0.7;
}
.com_favorite_group1 .txt1 {
  color: #8E8E8E;
  font-size: 12px;
}
.com_favorite_group1 * + .txt1 {
  margin-top: 0.4em;
}
.com_favorite_group1 .edit1 {
  display: flex;
  gap: 7px;
}
.com_favorite_group1 .edit1 input[type=text] {
  border: 1px solid #777272;
  border-radius: 5px;
  font-size: 14px;
  height: 30px;
  padding: 0 13px;
  width: 250px;
}
.com_favorite_group1 .edit1 .btn {
  background: #0074BF !important;
  border: none;
  border-radius: 5px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  transition: 0.3s ease;
  width: 54px;
}
.com_favorite_group1 .edit1 .btn:hover {
  opacity: 0.7;
}
.com_i_btn1 {
  background: #fff;
  border: 1px solid #777272;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition: 0.4s ease;
  width: 30px;
}
.com_i_btn1:hover {
  opacity: 0.7;
}
.com_i_btn1 img {
  height: auto;
  width: 24px;
}
.simple_card.cancel {
  background-color: rgba(245,245,245,0.7);
  color: #8E8E8E;
}
.simple_card.st1 {
  overflow: visible;
}
.simple_card.st1 .simple_card_body {
  padding-bottom: 11px;
  padding-top: 11px;
}
.simple_card.st1 .body-upper-half {
  flex: 1;
}
.simple_card.st1 .simple_status_wrap {
  margin-top: 0;
}
.simple_txt_ln1 {
  display: block;
  margin-bottom: 0.15em;
}
.simple_txt_sub1 {
  color: #8E8E8E;
  font-size: 14px;
}
.simple_red_bold {
        color: #E80000;
        font-weight: 700;
}
.simple_card_error1 {
  display: flex;
  justify-content: flex-end;
  padding: 5px 0 0;
  width: 100%;
}
.simple_card_error1 > *:last-child {
  width: 328px;
}
.simple_card_error2 {
        display: flex;
        justify-content: center;
        padding: 5px 0 0;
        width: 100%;
}
button.wd1 {
  min-width: 150px;
}
button.wd2 {
  min-width: 0;
  padding-left: 29px;
  padding-right: 29px;
}
.com_inner5 {
        margin: auto;
        max-width: 1166px;
        position: relative;
        width: 100%;
}
.icon_return_box1 {
  display: inline-block;
  height: 15px;
  margin: -4px 0 0 5px;
  vertical-align: middle;
  width: 15px;
}
#contents1.bg3 {
  position: relative;
}
#contents1.bg3:before {
  background: url("/front/assets/common/img/bg3.png") no-repeat left top / contain;
  content: "";
  display: block;
  height: 483px;
  left: 50%;
  margin-left: 168px;
  position: absolute;
  top: 140px;
  width: 421px;
  z-index: -1;
}
.com_result1 .group7 {
  display: flex;
  align-items: center;
}
* + .com_result1 .group7 {
  margin-top: 5px;
}
.com_result1 .group7 > :nth-child(1) {
  margin-right: 5px;
  width: 330px;
}
.com_result1 .group7 > :nth-child(3) {
  display: flex;
  align-items: center;
  gap: 10px;
}
.com_result1 .group8 {
  display: flex;
  align-items: center;
}
* + .com_result1 .group8 {
  margin-top: 5px;
}
.com_result1 .group8 > :last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: auto;
}
.com_result1 .group8 .datepicker-group1 > :first-child {
  margin-left: 0;
}
.com_result1 .group8 select {
  width: 250px;
}
.com_result1 .group9 {
  display: flex;
  align-items: center;
}
* + .com_result1 .group9 {
  margin-top: 5px;
}
.com_result1 .group9 > :nth-child(1) {
  width: 450px;
}
.com_result1 .group9 > :nth-child(2) {
  margin-left: auto;
}
.com_result1 .group9 select {
  min-width: 250px;
}
.com_result1 .group10 {
  display: flex;
  align-items: center;
  gap: 5px 25px;
  margin: auto;
  max-width: 474px;
  width: 100%;
}
* + .com_result1 .group10 {
  margin-top: 5px;
}
.com_result1 .group10 > :nth-child(1) {
  width: 330px;
}
.com_result1 .group11 {
  display: flex;
  align-items: center;
  gap: 5px 10px;
  margin: auto;
  max-width: 474px;
  width: 100%;
}
* + .com_result1 .group11 {
  margin-top: 5px;
}
.com_result1 .group11 > :nth-child(1) {
  width: 250px;
}
.com_result1 .group11 .com_btn1 {
  margin-left: 24px;
}
.com_result1 .group12 {
  display: flex;
  align-items: center;
  gap: 5px 15px;
  margin: auto;
  max-width: 560px;
  width: 100%;
}
* + .com_result1 .group12 {
  margin-top: 5px;
}
.com_result1 .group12 > :nth-child(1) {
  width: 380px;
}
.com_result1 .group12 .com_btn1 {
  margin-left: auto;
}
.com_result1 .group12 .com_form_check1:last-child {
  margin-right: 0;
}
.com_result1 .group13 {
  display: flex;
  align-items: center;
  gap: 5px 10px;
  margin: auto;
  max-width: 560px;
  width: 100%;
}
* + .com_result1 .group13 {
  margin-top: 5px;
}
.com_result1 .group13 > :nth-child(1) {
  width: 250px;
}
.com_result1 .group13 .com_btn1 {
  margin-left: 30px;
}
.com_result1 .group14 {
  display: flex;
  align-items: center;
  gap: 5px 25px;
  margin: auto;
  max-width: 474px;
  width: 100%;
}
* + .com_result1 .group14 {
  margin-top: 5px;
}
.com_result1 .group14 > :nth-child(1) {
  width: 375px;
}
.simple_card.st2 {
  background-color: transparent;
}
.simple_card.st2 .simple_card_body {
  padding: 0;
}
.simple_card.st2 .simple_card_body_content {
  background-color: rgba(255,255,255,0.7);
  padding: 12px 16px;
}
.simple_card.st2.cl1 .simple_card_body_content {
  background-color: #FAFAFA;
  color: rgba(51,51,51,0.65);
}
.simple_card.st2 .body-upper-half {
  flex: 1;
}
.simple_card.st2 .body_lower_half {
        min-width: 0;
}
.simple_card.st2 .grid_container {
        grid-template-columns: 110px 490px 1fr;
  gap: 20px;
}
.simple_card.st2 .simple_card_body_top_content1 {
  background: rgba(245,245,245,0.7);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 10px;
  min-height: 64px;
  padding: 16px 16px 12px;
}
.simple_card.st2 .simple_card_body_top_content1 p {
  margin-bottom: 0;
}
.simple_card.st2.cl1 .simple_card_body_top_content1 p {
  color: rgba(51,51,51,0.65);
}
.simple_card.st2 .simple_card_body_top_content1 > :last-child:not(:first-child) {
  margin-left: auto;
}
.simple_card.st2 .txt_box1 {
  margin-bottom: 10px;
  min-width: 150px;
  width: 100%;
}
.simple_card.st2 .txt_box2 {
  margin-bottom: 1px;
  min-width: 150px;
  width: 100%;
}
.simple_card.st2.cl1 .data1 .color1 {
  color: rgba(142,142,142,0.65);
}
.simple_card.st2.cl1 .simple_blue_bold {
  color: rgba(0,116,191,0.65);
}
.com_status2 {
  border: 1px solid;
  border-radius: 3px;
  display: inline-block;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 5px 15px 2px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.com_status2.a {
  background-color: #fff;
  background-image: radial-gradient(circle, #b6fe9d 0.5px, transparent 0.5px);
  background-position: 0 0;
  background-size: 3px 3px;
  border-color: #008941;
  color: #008941;
}
.com_status2.b {
  background-color: #E80000;
  border-color: #FF3E5A;
  color: #fff;
}
.com_status2.c {
  background-color: #fff;
  background-image: radial-gradient(circle, #fede00 0.5px, transparent 0.5px);
  background-position: 0 0;
  background-size: 3px 3px;
  border-color: #FF8B00;
  color: #FF8B00;
}
.com_status2.d {
  background-color: #fff;
  background-image: radial-gradient(circle, #fedbe3 0.5px, transparent 0.5px);
  background-position: 0 0;
  background-size: 3px 3px;
  border-color: #FF3E5A;
  color: #E80000;
}
.com_status2.e {
  background-color: #fff;
  background-image: radial-gradient(circle, #fddbe2 0.5px, transparent 0.5px);
  background-position: 0 0;
  background-size: 3px 3px;
  border-color: #E80000;
  color: #E80000;
}
.com_status2.f {
  background-color: #fff;
  background-image: radial-gradient(circle, #fede00 0.5px, transparent 0.5px);
  background-position: 0 0;
  background-size: 3px 3px;
  border-color: #FF8B00;
  color: #FF8B00;
}
.icon_s_nra1 {
  height: auto;
  margin: -3px 0 0 5px;
  position: relative;
  width: 16px;
}
.com_comment1_container {
  display: flex;
  flex-wrap: wrap;
}
.com_comment1 {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin: -0.3em 0 0;
  padding: 0 0 0 22px;
  position: relative;
  vertical-align: middle;
  word-break: break-word;
}
* + .com_comment1 {
  margin-left: 0.8em;
}
.com_comment1 img {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
}
.mgt-a {
  margin-top: auto !important;
}
.com_flx2 {
  display: flex;
  gap: 10px;
}
.com_filters1 {
  /* display: flex; */
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 16px;
  text-align: center;
}
* + .com_filters1 {
  margin-top: 10px;
}
.com_filters1 .label1 {
  color: #000;
  font-size: 14px;
}
.com_filters1 .btns1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center; 
}
.com_filters1 .btn1 {
  background: #fff;
  border: 1px solid #8E8E8E;
  border-radius: 15px;
  color: #333333;
  font-size: 16px;
  height: 30px;
  line-height: 28px;
  text-decoration: none;
  padding: 0 19px;
  transition: 0.4s ease;
}
.com_filters1 .btn1.selected {
  background-color: #E8F4FF;
  color: #0074BF;
  border: 2px solid #0074BF;
}
.com_filters1 .btn1:hover {
  background-color: #E8F4FF;
}
.com_form_radio2 {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  margin-right: 15px;
  min-height: 25px;
  position: relative;
}
.com_form_radio2 label:before {
  background: #fff;
  border: 1px solid #777272;
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 16px;
}
.com_form_radio2 :indeterminate + label:before {
  background-color: #fff !important;
}
.com_form_radio2 :checked + label:after {
  background: #0074bf;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 4px;
  position: absolute;
  top: 7px;
  width: 8px;
}
.com_form_radio2 :indeterminate + label:after {
  background: transparent;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 4px;
  position: absolute;
  top: 7px;
  width: 8px;
}
.com_form_radio2 label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 0 0 0 20px;
  z-index: 0;
}
.com_form_radio2 [type=radio] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.com_form_radio2 :checked + .com_form_check_label1 {
        opacity: 1;
}
.com_lh1 {
        line-height: 1.4;
}
.dsp-s {
        display: none !important;
}
.dspb-s {
        display: none !important;
}
.dsp-w {
        display: inline !important;
}
.dspb-w {
        display: block !important;
}
@media only screen and (min-width: 822px) {
  /* PC版非表示用クラス */
  .pc-no-display {
    display: none;
  }
}
@media only screen and (max-width: 821px) {
  /* スマホ版非表示用クラス */
  .sp-no-display {
    display: none;
  }
}
@media only screen and (max-width: 1299px) {
        body {
                font-size: 1.0769230769230769vw;
        }
        #wrapper1 {
                padding-top: 1.7692307692307692vw;
        }
        .com_bg1 {
                height: 11.23076923076923vw;
        }
        #header1 {
                box-shadow: 0 0.38461538461538464vw 0.46153846153846156vw 0 rgba(109,109,109,0.17);
                border-radius: 1.153846153846154vw;
                margin: 0 2.5384615384615383vw 4.3076923076923075vw;
        }
        #header1 .inner1 {
                min-height: 6.153846153846154vw;
                padding: 0.7692307692307693vw 0;
        }
        #header1 .logo1 {
                margin: 0 0 0 3.3846153846153846vw;
        }
        #header1 .logo1 a {
                height: 3.4615384615384617vw;
                width: 26.153846153846157vw;
        }
        #header1 .block1 {
                padding: 0 1.153846153846154vw;
        }
        #header1 .data1 {
                margin: 0 1.153846153846154vw 0 0;
        }
        #header1 .data1 div {
                margin: 0.3076923076923077vw 0;
        }
        #header1 .data2 {
                font-size: 1.153846153846154vw;
                padding: 0 0 0 1.153846153846154vw;
        }
        #header1 .data2 .txt1 {
                font-size: 0.9230769230769231vw;
                margin-bottom: 0.15384615384615385vw;
        }
        #com_menu_button1 {
                margin: 0.3076923076923077vw 2.4615384615384617vw 0 0;
        }
        #com_menu_button1 > div {
                height: 3.5384615384615383vw;
                width: 3.5384615384615383vw;
        }
        #com_menu_button1 > .txt1 {
                height: 0.6923076923076923vw;
                margin: 0.3076923076923077vw auto 0;
        }
        #com_menu1 .menu_wrap1 {
                width: 26.923076923076923vw;
        }
        #com_menu_button1 > div > span {
                border-radius: 0.07692307692307693vw;
                height: 0.15384615384615385vw;
                left: 0.8461538461538461vw;
                top: calc(50% - 0.07692307692307693vw);
                width: 1.5384615384615385vw;
        }
        #com_menu_button1 > div > span:nth-child(2) {
                margin-top: -0.5384615384615384vw;
        }
        #com_menu_button1 > div > span:nth-child(3) {
                margin-top: 0.5384615384615384vw;
        }
        #com_menu_button1 > .txt1 {
                height: 0.6923076923076923vw;
                margin: 0.3076923076923077vw auto 0;
        }
        #footer1 {
                /*margin: 4.230769230769231vw 0 0;*/
                padding: 2.923076923076923vw 1.153846153846154vw 0.9230769230769231vw;
        }
        #footer1 .logo1 img {
                height: 3.1538461538461537vw;
        }
        #footer1 .list1 {
                font-size: 1.2307692307692308vw;
                margin: 0 0 0.38461538461538464vw;
        }
        #footer1 .copyright1 {
                font-size: 1.153846153846154vw;
                margin: 2.6923076923076925vw 0 0;
        }
        #footer2 {
                padding: 5.333333333333334vw 0 3.2vw;
        }
        #footer2 .logo1 img {
                height: 8.266666666666666vw;
        }
        #footer2 .copyright1 {
                font-size: 2.666666666666667vw;
                margin: 3.4666666666666663vw 0 0;
        }
        #com_menu1 .menu_wrap1 {
                width: 26.923076923076923vw;
        }
        #com_menu1 .menu_wrap1 .cnt1 {
                max-width: 17.692307692307693vw;
        }
        #com_menu1 .menu_wrap1 h3 {
                font-size: 1.5384615384615385vw;
                margin: 0 0 1.6923076923076923vw;
        }
        #com_menu1 .menu_wrap1 ul {
                font-size: 1.2307692307692308vw;
        }
        #com_menu1 .menu_wrap1 ul li {
                margin-bottom: 0.9230769230769231vw;
        }
        #com_menu1 .menu_wrap1 hr {
                margin: 1.9230769230769231vw auto 2.307692307692308vw;
        }
        #com_menu1 .button1 {
                border-radius: 0.38461538461538464vw;
                font-size: 1.3846153846153846vw;
                height: 3.076923076923077vw;
                line-height: 3.076923076923077vw;
                margin: 3.4615384615384617vw auto 0;
                width: 12.307692307692308vw;
        }
        #com_menu_button_close1 {
                right: 5vw;
                top: 2.8461538461538463vw;
                width: 3.5384615384615383vw;
        }
        #com_menu_button_close1 > div {
                height: 3.5384615384615383vw;
                width: 3.5384615384615383vw;
        }
        #com_menu_button_close1 > div > span {
                border-radius: 0.07692307692307693vw;
                height: 0.15384615384615385vw;
                left: 0.8461538461538461vw;
                top: calc(50% - 0.07692307692307693vw);
                width: 1.5384615384615385vw;
        }
        #com_menu_button_close1 > div > span:nth-child(2) {
                margin-top: -0.5384615384615384vw;
        }
        #com_menu_button_close1 > div > span:nth-child(3) {
                margin-top: 0.5384615384615384vw;
        }
        #com_menu_button_close1 > .txt1 {
                height: 0.6923076923076923vw;
                margin: 0.3076923076923077vw auto 0;
        }
        #com_pagetop1 > div > span {
                bottom: -0.769230769230769vw;
                height: 5.461538461538462vw;
                width: 5.461538461538462vw;
        }
        #contents1 {
                margin-bottom: 4.230769230769231vw;
        }
        #contents1.flx1 {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin-bottom: 4.230769230769231vw;
        }
        #contents1.flx1 .login_index_cnt1 {
                margin-block: auto;
        }
        #contents1.flx1 .error_cnt1 {
                margin-block: auto;
        }
        .com_title1 {
                font-size: 1.6923076923076923vw;
                margin: 0 0 0.5vw;
        }
        .com_btn1 {
                border-radius: 0.38461538461538464vw;
                font-size: 1.2307692307692308vw;
                height: 3.076923076923077vw;
                line-height: 2.923076923076923vw;
                min-width: 6.923076923076923vw;
        }
        .com_btn2 {
                border-radius: 0.38461538461538464vw;
                font-size: 1.2307692307692308vw;
                height: 3.076923076923077vw;
                line-height: 2.923076923076923vw;
                min-width: 6.923076923076923vw;
        }
        .com_btn3 {
                border-radius: 0.38461538461538464vw;
                font-size: 1.3846153846153846vw;
                height: 3.076923076923077vw;
                line-height: 3.076923076923077vw;
                min-width: 11.153846153846155vw;
        }
        .com_btn4 {
                border-radius: 0.38461538461538464vw;
                font-size: 1.7692307692307692vw;
                height: 3.8461538461538463vw;
                line-height: 3.8461538461538463vw;
                min-width: 17.692307692307693vw;
        }
        .com_btn5 {
                border-radius: 0.38461538461538464vw;
                font-size: 1.2307692307692308vw;
                height: 2.6923076923076925vw;
                line-height: 2.6923076923076925vw;
                min-width: 11.153846153846155vw;
        }
        .com_zstatus1 {
                margin: 0 auto 1.5384615384615385vw;
                max-width: 30.76923076923077vw;
        }
        .com_zstatus1 > * {
                border-radius: 0.38461538461538464vw;
                font-size: 1.0769230769230769vw;
                min-height: 2.307692307692308vw;
                padding: 0 0.15384615384615385vw;
        }
        .com_table_wrap1 {
                border-radius: 0.38461538461538464vw;
        }
        .com_table1 thead th {
                font-size: 0.9230769230769231vw;
                padding: 0.7692307692307693vw;
        }
        .com_table1 tbody td {
                min-height: 4.615384615384616vw;
                padding: 0.7692307692307693vw;
        }
        .com_table1 .com_form1.cnt1 {
                font-size: 1.0769230769230769vw;
                height: 1.8461538461538463vw !important;
                padding: 0 0.38461538461538464vw;
                width: 3.923076923076923vw;
        }
        .com_icon_pdf1 {
                width: 1.5384615384615385vw;
        }
        .com_modal1 .modal-content {
                border-radius: 0.7692307692307693vw;
        }
        .com_modal1 .modal-body {
                padding: 2.1538461538461537vw 5% 2.307692307692308vw;
        }
        .com_modal1 .modal-body .btn-close {
                top: 0.7692307692307693vw;
                right: 0.7692307692307693vw;
        }
        /*.com_carousel1 {
                margin: 0 auto 2.307692307692308vw;
                max-width: 76.15384615384615vw;
        }
        .com_carousel1 .swiper-slide {
                padding: 0 1.153846153846154vw;
        }
        .com_carousel1 img {
                border-radius: 0.38461538461538464vw;
        }
        .com_carousel1 .swiper-button-next,
        .com_carousel1 .swiper-button-prev {
                background-size: 2.307692307692308vw;
                height: 2.307692307692308vw;
                margin-top: -1.153846153846154vw;
                width: 2.307692307692308vw;
        }*/
        .com_br_cnt1 {
                border-width: 0.15384615384615385vw;
                border-radius: 0.7692307692307693vw;
                margin: 0 0 2.307692307692308vw;
                padding: 1.5384615384615385vw 5.733333333333333% 1.153846153846154vw;
        }
        .com_tags1 > span {
                border-radius: 0.23076923076923078vw;
                font-size: 0.8461538461538461vw;
                line-height: 1.3846153846153846vw;
                margin: .1em 0.7692307692307693vw .1em 0;
                min-width: 3.8461538461538463vw;
        }
        .com_data_item1 .row1 .com_tags1 > span {
                margin-left: 0.5em;
        }
        .com_tags1 > span.tag3 {
                font-size: 0.8461538461538461vw;
                line-height: 1.3846153846153846vw;
                padding-top: 0.2962962962962963vw;
        }
        .com_link1:after {
                height: 0.6923076923076923vw;
                margin: 0 0 0 0.38461538461538464vw;
                width: 0.6923076923076923vw;
        }
        .com_d_list1 th {
                padding: 0.6923076923076923vw 1.0769230769230769vw 0.6923076923076923vw 0.46153846153846156vw;
        }
        .com_d_list1 td {
                font-size: 1.2307692307692308vw;
                padding: 0.6923076923076923vw 0;
        }
        .com_d_list1 th .com_tags1 {
                /*margin-left: 1.5384615384615385vw;*/
        }
        .com_d_list1 tr:last-child th,
        .com_d_list1 tr:last-child td {
                padding-bottom: 1.4615384615384615vw;
        }
        .com_btns1 > * {
                border-radius: 0.7692307692307693vw;
                font-size: 2.307692307692308vw;
                height: 5.384615384615385vw;
        }
        .com_bg_cnt1 {
                padding: 3.076923076923077vw 1.153846153846154vw 10vw;
        }
        .com_bn_links1 li img {
                border-radius: 0.38461538461538464vw;
        }
        /* 注文結果画面　シンプル版 */
        .simple_card .com_tags1 > span {
                margin: 0 0 0 0.7698229407236336vw;
        }
        /* シンプル版　フォントサイズ系 */
        .simple_card_header p {
                font-size: 1.0769230769230769vw;
        }
        .simple_card_header .reorder_clp_button1 {
                font-size: 0.9230769230769231vw;
        }
        .simple_txt_14 {
                font-size: 1.0769230769230769vw;
        }
        .simple_txt_16 {
                font-size: 1.2307692307692308vw;
        }
        .simple_txt_18 {
                font-size: 1.3846153846153846vw;
        }
}
/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 821px) {
        #wrapper1 {
                overflow: hidden;
                /*padding-bottom: 0;*/
                padding-top: 3.2vw;
        }
        .com_bg1 {
                background: linear-gradient(135deg, #007bd1 0%, #19ccaa 100%);
                height: 24.8vw;
        }
        #com_pagetop1 > div > span {
                height: 18.933333333333334vw;
                right: 6.666666666666667vw;
                width: 18.933333333333334vw;
        }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.clearfix:before,
.clearfix:after {
        content: " ";
        display: table;
}
.clearfix:after {
        clear: both;
}
.clearfix {
        *zoom: 1;
}
*,
*:before,
*:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}