@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed&display=swap');
/**@import url(https://fonts.googleapis.com/css2?family=Bellefair&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);**/
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp-noto.min.css);


* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}


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

fieldset {
  border: none
}

img {
  max-width: initial;
  border: none;
  vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: 400
}

li,
nav ol,
nav ol li,
nav ul,
nav ul li,
ol,
ul {
  list-style: none
}

caption,
th {
  text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400
}

abbr,
acronym {
  border: none
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: inherit;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body {
  line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
span {
  display: block
}

blockquote::after,
blockquote::before {
  content: '';
  content: none;
  quotes: none
}

q:before {
  content: open-quote
}

q:after {
  content: close-quote
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

a,
a:active,
a:focus,
a:visited {
  color: var(--text-default-color);
  text-decoration: none;
  outline: none
}

a.ponits_none {
  pointer-events: none !important
}

ins {
  background-color: transparent;
  color: var(--white-tone);
  text-decoration: none
}

mark {
  background-color: transparent;
  color: var(--white-tone);
  font-style: normal;
  font-weight: 400
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show
}

hr {
  display: none
}

input,
input[type=checkbox],
input[type=email],
input[type=number],
input[type=password],
input[type=radio],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
select,
textarea {
  box-shadow: none;
  background-image: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  resize: none;
  vertical-align: middle;
}

input,
input[type=checkbox],
input[type=checkbox]:focus,
input[type=email],
input[type=email]:focus,
input[type=number],
input[type=number]:focus,
input[type=password],
input[type=password]:focus,
input[type=radio],
input[type=radio]:focus,
input[type=search],
input[type=search]:focus,
input[type=submit],
input[type=submit]:focus,
input[type=tel],
input[type=tel]:focus,
input[type=text],
input[type=text]:focus,
select,
select:focus,
textarea,
textarea:focus {
  outline: 0;
  border: 0 none;
  color: var(--text-default-color)
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
select {
  height: auto
}

input::-ms-clear {
  visibility: hidden
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input{
  background: unset;
}

input[type=number] {
  -moz-appearance: textfield
}

::selection {
  background-color: #ffd2d2;
  color: #4fa5e1
}

::-webkit-selection {
  background-color: #ffd2d2;
  color: #4fa5e1
}

::-moz-selection {
  background-color: #ffd2d2;
  color: #4fa5e1
}

.scroll_bar_hide_horizontal,
.scroll_bar_hide_vertical {
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch
}

.scroll_bar_hide_vertical {
  overflow-x: hidden;
  overflow-y: auto
}

.scroll_bar_hide_horizontal {
  overflow-x: auto;
  overflow-y: hidden
}

.scroll_bar_hide_horizontal::-webkit-scrollbar,
.scroll_bar_hide_vertical::-webkit-scrollbar {
  display: none
}

.your_selector_100vh {
  height: 100vh
}

@supports (-webkit-touch-callout:none) {
  .your_selector_100vh {
    height: -webkit-fill-available
  }
}

:root {
  --text-default-color: #1f2c32;
  --white-tone: #ffffff;
  --black-tone: #000000;
  --line-tone-darker: #afafaf;
  --line-tone-dark: #bfbfbf;
  --line-tone: #cfcfcf;
  --line-tone-light: #dfdfdf;
  --line-tone-lighten: #eaeaea;
  --line-tone-bright: #f1f1f1;
  --line-tone-shine: #f5f5f5;
  --gray-tone-darker: #111111;
  --gray-tone-dark: #222222;
  --gray-tone-regular: #333333;
  --gray-tone-light: #666666;
  --gray-tone-lighten: #999999;
  --gray-tone-bright: #a0a0a0;
  --img-trasition-func: cubic-bezier(.6, 0, 0, 1);
  --performance-trasition: cubic-bezier(.1, .7, .25, .9);
  --graceful-transition: cubic-bezier(.785, .135, .15, .86);
  --smooth-transition: cubic-bezier(.16, .6, .27, 1);
  --pad-380: 19.65vw;
  --pad-320: 16.55vw;
  --pad-280: 14.45vw;
  --pad-200: 10.35vw;
  --pad-180: 9.3vw;
  --pad-160: 8.25vw;
  --pad-120: 6.2vw;
  --pad-100: 5.21vw;
  --pad-80: 4.15vw;
  --pad-60: 3.125vw;
  --wmax-1760: 91.666666666667%;
  --wmax-1680: 87.5%;
  --wmax-1366: 71.14583333333333%;
  --wmax-1024: 53.333333333333336%;
  --wmax-960: 50%;
  --layer-index-maximum: 100001;
  --layer-index-maximum_half: 100000;
  --layer-index-extreme: 90001;
  --layer-index-extreme_half: 90000;
  --layer-index-8: 80001;
  --layer-index-8-half: 80000;
  --layer-index-7: 70001;
  --layer-index-7_half: 70000;
  --layer-index-6: 60001;
  --layer-index-6_half: 60000;
  --layer-index-5: 50001;
  --layer-index-5_half: 50000;
  --layer-index-4: 40001;
  --layer-index-4_half: 40000;
  --layer-index-3: 30001;
  --layer-index-3_half: 30000;
  --layer-index-2: 20001;
  --layer-index-2_half: 20000;
  --layer-index-1: 10001;
  --layer-index-1_half: 10000;
  --layer-index-9999: 9999;
  --layer-index-999: 999;
  --layer-index-99: 99;
  --layer-index-9: 9;
  --layer-index-regular: 1;
  --layer-index-minus: -1;
  --main-color-tone: #F9F0DC;
  --main-color-tone-text: #deb3b3;
  --main-color-tone-text-light: #e8dfe0;
  --main-color-tone-bg: #f2ecee;
  --main-color-tone-point: #f6a9a7;
  --brand-color-tone-line: #df5475;
  --brand-color-sdf: #fd7382;
  --brand-color-ynh: #b8d1ea;
  --brand-color-dolce: #38a4eb;
  --line-wofa-tone: #9eacb8;
  --wofa-corp-performance: cubic-bezier(.17, .72, .24, .87);
  --cmn-base-pad-1920-100: 5.2083333333333vw;
  --cmn-base-pad-1080-100: 9.2592592592593vh;
  --bar-loaded-width: 34.895833333333vw;
  --cmn-section-base-position: 300px;
  --msec-pre: 100vw;
  --msec-outline: 1090px;
  --msec-00: calc(var(--msec-pre) + 3000px);
  /* --msec-01: calc(0px + var(--msec-outline)); */
  --msec-01: 0px;
  --msec-02: 0px;
  --msec-03: 0px;
  --msec-footer: 100vw
}

body {
  font-size: 16px;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 400;
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-text);
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  position: relative;
  color: var(--text-default-color)
}

.ie11 body {
}

.ie11 a,
.ie11 a:active,
.ie11 a:focus,
.ie11 a:visited,
.ie11 body {
  color: #1f2c32
}

.ie11 ins,
.ie11 mark {
  color: #fff
}

svg,
svg circle,
svg ellipse,
svg g,
svg line,
svg path,
svg polygon,
svg polyline,
svg rect {
  fill: currentColor;
  pointer-events: none
}

.common_symbol_svg_set {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: -1
}
body{  background: #F5F5F5;}
.bold{font-weight: bold;}
.login{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100vw;height: 100vh;overflow: hidden;align-items: center;}
.login .left{width: 50%;}
.login .left img{width: 100%;height: 100%;object-fit: cover;}
.login .right{width: 50%;box-sizing: border-box;padding: 0% 12% 2% 12%;}
.login .right h1{font-size: 36px;color: #FE9900;text-align: center;}
.login .right h1::after{
  content: '';
  display: block;
  width: 100px;
  height: 5px;
  background: #FE9900;
  margin: 10px auto;
}
.login .right h2{text-align: center;font-size: 24px;margin: 2rem auto;}
.login .right form {margin-top: 60px;}
.login .right form .form-group{border: 1px solid #AFAFAF;padding: 20px;margin-top: 20px;}
.login .right form button{display: block;width: 100%;background: #FE9900;color: #fff;padding: 1rem;border: none;box-shadow: none;font-weight: bold;margin-top: 5rem;}
.login .right .forget{color: #707070;border-bottom: 1px solid #707070;display: inline-block;}
.login .right .d-flex{display: flex;justify-content: space-between;align-items: center;margin-top: 1.5rem;}
body{
  background: #F5F5F5 !important;
}
.main{
  background: #F5F5F5;
  width: 100%;
  height: calc( 100vh - 121px) ;
  padding: 5% 0 0;
}
.main .container{width: 80%;margin: 0 auto;}
.main .container .content{box-shadow: 0 3px 6px rgba(0,0,0,0.16);background: #fff;}
.main .container .content table{width: 100%;font-weight: bold;}
.main .container .content table th{padding: 25px;font-size: 16px;font-weight: bold;color: #878787;}
.main .container .content table th img{margin-right: 10px;}
.main .container .content table td{padding: 25px;color: #7E7E7E;}
.main .container .content table thead{background: #F5F5F5;}
.main .container .content table tbody tr td{border: 1px solid rgba(226,226,226,0.49);}
.main .container .content table tbody tr td:nth-child(1){color: #FE9900;}
.main .container .content table tbody tr td .in{display: flex;justify-content: center;}
.main .container .content table tbody tr td .in a,.main .container .content table thead tr th .in a,.btn{display: inline-block;background: #FE9900;color: #fff;padding: 0.6rem 2rem;margin: 0 1rem;}
.pageinfo ul{display: flex;align-items: center;justify-content: center;margin: 30px auto;}
.pageinfo ul li a{display: inline-block; color: #9B9B9B;margin: 0 1rem;border-radius: 50%;width: 39px;height: 39px;display: flex;align-items: center;justify-content: center;}
.pageinfo ul li.active a{color: #fff;background: #FE9900;}
.pup{width: 100vw;height: 100vh;overflow: hidden;background: rgba(0,0,0,0.66);position: fixed;left: 0;top: 0;display: none;}
.pup.active{display: block;}
.pup .container{height: 100%;display: flex;align-items: center;justify-content: center;}
.pup .container .cont{max-width: 500px;background: #fff;padding: 2rem;}
.pup .container .cont p{
  margin: 1rem 0;
}
.pup .container .cont p a{text-decoration: underline;}
.close{
  position: relative;
    padding-bottom: 3rem;
    float: right;
    overflow: hidden;
    height: 30px;
    width: 25px;
       position: relative;
    right: -550px;
    top: -150px;
}
.close::before{
  position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    left: 0;
    background: #fff;
    transform: rotate(45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
}
.close::after{
  position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    left: 0;
    background: #fff;
    transform: rotate(-45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
}