/*/////////////////////////////////////////////////////
　タグ
/////////////////////////////////////////////////////*/
@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); */

* {
  margin: 0px;
  padding: 0px;
}


body{
  font-family: 'Noto Sans JP', sans-serif;
  color: #4d4d4d;
  background-image: url('/image/background.jpg');
  background-size: cover;
}


.list_arrow {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 10px;
}

.list_arrow::before {
  content: "";
  position: absolute;
  top: 42%;
  left: 3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
}

.deatail_constellation_item {
  background-color: #fbf5ee;
  padding: 30px 20px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 1px rgba(109, 109, 109, 0.3);
}

.detail_text_content {
  margin-bottom: 25px;
  border-bottom: dashed 1px #333333;
  padding-bottom: 10px;
  font-weight: 500;
}

.detail_text_content span {
  margin-top: 5px;
  margin-right: 3px;
}

.detail_text {
  padding-left: 30px;
}

.constellation_item {
  background-color: #ffffff;
  width: 230px;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 4px 1px rgba(109, 109, 109, 0.3)
}

.constellation_item > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.constellation_item img {
  width: 60%;
  margin: 0 auto;
  object-fit: contain;
}

.constellation_item:hover,
.rank_content:hover {
  background-color: rgba(0,0,0,0.2);
}

header nav {
  font-weight: bold;
  font-size: 14px;
  font-family: 'Noto Sans JP';
  cursor: pointer;
  /* box-shadow: 0px 0px 4px 1px rgba(109, 109, 109, 0.3) */
}
header nav ul {
  margin-right: 150px;
}

header nav ul li img {
  border-radius: 50%;
  background-color: #eedecb;
  padding: 10px;
}

header nav li:hover {
  opacity: 0.7;
}

.footer-content {
    margin: 0 auto;
    padding: 10px 0 30px;
    width: 100%;
}


.footer-nav ul li{
  border-right: 1px solid #4d4d4d;
  color: #4d4d4d;
  padding: 0 30px;
  font-weight: bold;
  font-size: 14px;
  font-family: 'Noto Sans JP';
  cursor: pointer;
}

.fblod {
  font-weight: 600;
}


.rank_content {
  padding: 5px;
  border-bottom: dashed 1px #333333;
  cursor: pointer;
  background-color: #ffffff;
}

.rank {
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.symbol {
  color: #ffffff;
  min-width: 46px;
  min-height: 40px;
  background-color: #ffb70f;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 8px;
}

p,h1,h2,h3,h4{
  word-break: break-all;
}

h1.header {
  margin-top: 0px;
}

.sitemapContentStyle {
  list-style:none
}

.sitemapContentStyle ul {
  margin-bottom: 0;
  padding-left: 0;
}

html {
  -webkit-text-size-adjust: 100%;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus{
  outline: solid 1px #555555;
}

input {
  font-family: 'Noto Sans JP', sans-serif;
}

select {
  font-family: 'Noto Sans JP', sans-serif;
}

textarea {
  font-family: 'Noto Sans JP', sans-serif;
}

input:focus,
select:focus {
  outline: none;
}

input.style1 {
  border: solid 1px #777777;
}

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

.sp-contents {
  width: 100vw;
  height: 100svh;
  overflow: hidden;
}

img {
  vertical-align: top;
}

video {
  vertical-align: top;
}

a {
  text-decoration: none;
  color: currentcolor;
}

button {
  cursor: pointer;
}

ul{
  list-style: none;
}

p,h1,h2,h3,h4,li{
  word-break: break-all;
}

/*プレスホルダー文字色*/
::placeholder {
  color: #cccccc;
}

/*文字折り返し*/
.word_break{
  word-break: break-all;
}

.break-words {
  overflow-wrap: break-word;
}
.break-words-normal {
  overflow-wrap: normal;
  word-break: normal;
}

/*選択不可ボタン*/
.disable-button {
  cursor: default;
  opacity: 0.5;
}

input:-webkit-autofill{
	box-shadow: 0 0 0px 1000px white inset;
}

input.form_item_input:-webkit-autofill{
	box-shadow: 0 0 0px 1000px #bbbbbb inset;
}
.form_item_input {
  background-color: #bbbbbb;
}


/*/////////////////////////////////////////////////////
　背景色
/////////////////////////////////////////////////////*/



.bc-white {
  background-color: #FFFFFF;
}

.bc-red {
  background-color: #FF0000;
}

.bc-ececec {
  background-color: #ececec;
}

.bc-e6edee {
  background-color: #e6edee;
}

.bc-E8EBEE {
  background-color: #E8EBEE;
}

.bc-black {
  background-color: #000000;
}

.bc-wrgba-4 {
  background-color: rgba(0,0,0,0.2);
}


.bc-wrgba-5 {
  background-color: rgba(0,0,0,0.6);
}

.bc-wrgba-6 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bc-wrgba-7 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bc-wrgba-8 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bc-wrgba-9 {
  background-color: rgba(0,0,0,0.9);
}

.bc-wrgba-10 {
  background-color: rgba(0,0,0,0.5);
}

.bc-wrgba-11 {
  background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(80,80,80,1) 25%, rgba(0,0,0,1) 66%);
}

.bc-wrgba-12 {
  background-color: rgba(0, 0, 0, 0.40);
}

.bc-wrgba-13 {
  background-color: rgba(0,0,0,0.8);
}

.bc1 {
  background-color: #d3fafc;
}

.bc2 {
  background-color: #a3a3a3;
  border: solid 5px rgba(0, 0, 0, 0);
}

.bc2:hover {
  background-color: #6e6e6e;
  border: solid 5px #444444;
}

.bc3 {
  background: linear-gradient(to top, #fcd1b8 0%, #FFF 90%);
}

.bc4 {
  background-color: rgba(0, 0, 0, 0);
}

.bc5 {
  background-color: #383838;
}

.bc6 {
  background-color: #76808e;
}

.bc-77808f {
  background-color: #77808f;
}

.bc-d7dce2 {
  background-color: #d7dce2;
}

.bc-dddddd {
  background-color: #dddddd;
}

.bc-aaaaaa {
  background-color: #aaaaaa;
}

.bc-ebeaea {
  background-color: #ebeaea;
}

.bc-585858 {
  background-color: #585858;
}

.bc-A7A8AC {
  background-color: #A7A8AC;
}

.bc-D7DCE2 {
  background-color: #D7DCE2;
}

.bc-F6F3EF {
  background-color: #F6F3EF;
}

.bc-242424 {
  background-color: #242424;
}

.bc-f0f4f9 {
  background-color: #F0F4F9;
}

.bc-424242 {
  background-color: #424242;
}

.bc-c6c6c6 {
  background-color: #c6c6c6;
}

.bc-E5E5E5 {
  background-color: #E5E5E5;
}

.bc-1E2429 {
  background-color: #1E2429;
}

.bc-666666 {
  background-color: #666666;
}

.bc-707070 {
  background-color: #707070;
}

.bc-f2f2f2 {
  background-color: #f2f2f2;
}

.bc-f9f9f9 {
  background-color: #f9f9f9;
}

.bc-cccccc {
  background-color: #cccccc;
}

.bc-999999 {
  background-color: #999999;
}

.bc-777777 {
  background-color: #777777;
}

.bc-EAEAEA {
  background-color: #EAEAEA;
}

.bc-F2F4F5 {
  background-color: #F2F4F5;
}

.bc-303030 {
  background-color: #303030;
}


.bc-414141 {
  background-color: #414141;
}

.bc-3c444d {
  background-color: #3c444d;
}

.bc-4da2d8 {
  background-color: #4da2d8;
}

.bc-f7f7f7 {
  background-color: #f7f7f7;
}

.bc-a4b3dd {
  background-color: #a4b3dd;
}

.bc-4d4d4d{
  background-color: #4d4d4d;
}

.bc-e5e5e5 {
  background-color: #e5e5e5;
}

.bc-ecf0f2 {
  background-color: #ecf0f2;
}

.bc-a3bbff {
  background-color: #a3bbff;
}

.bc-a8c6e1 {
  background-color: #a8c6e1;
}

.bc-e8ecef {
  background-color: #e8ecef;
}

.bc-000000 {
  background-color: #000000;
}

.bc-40494D {
  background-color: #40494D;
}

.bc-888888 {
  background-color: #888888;
}

.bc-a7a7a7 {
  background-color: #a7a7a7;
}

.bc-f0f0f0 {
  background-color: #f0f0f0;
}

.bc-333 {
  background-color: #333;
}

.bc-000rgba {
  background: rgba(0, 0, 0, 0.2);
}

.bc-255rgba0p1 {
  background: rgba(255, 255, 255, 0.10);
}

.bc-efefef {
  background-color: #efefef;
}

.bc-3641FF {
  background-color: #3641FF;
}

.bc-ffd7d7 {
  background-color: #ffd7d7;
}

.bc-ffe98a {
  background-color: #ffe98a;
}

.bc-f9edbd {
  background-color: #f9edbd;
}

.bc-eaeaea {
  background-color: #eaeaea;
}

.bc-464646 {
  background-color: #464646;
}

.bc-2d3339 {
  background-color: #2d3339;
}

.bc-d6d6d6 {
  background-color: #d6d6d6;
}

.bc-e2e2e2 {
  background-color: #e2e2e2;
}

.bc-7c7c7c {
  background-color: #7c7c7c;
}

.bc-369cd8 {
  background-color: #369cd8;
}

.bc-dbdbdb {
  background-color: #dbdbdb;
}

.bc-ebebeb {
  background-color: #ebebeb;
}

.bc-F2F4F5 {
  background-color: #F2F4F5 ;
}

.bc-e5694b {
  background-color: #e5694b;
}

.bc-2882df {
  background-color: #2882df;
}

.bc-CBEAFF {
  background-color: #CBEAFF;
}

.bc-35C2FF {
  background-color: #35C2FF;
}

.bc-282828 {
  background-color: #282828;
}

.bc-4c4c4c {
  background-color: #4c4c4c;
}

.bc-727272 {
  background-color: #727272;
}

.bc-595959 {
  background-color: #595959;
}
.bc-373737 {
  background-color: #373737;
}
.bc-424242 {
  background-color: #424242;
}

.bc-e4e4e4 {
  background-color: #e4e4e4;
}

.bc-777777 {
  background-color: #777777;
}

.bc-ebf5f9 {
  background-color: #ebf5f9;
}

.bc-e06c6b {
  background-color: #e06c6b;
}
.bc-3d3d3d {
  background-color: #3d3d3d;
}
.bc-d1d1d1 {
  background-color: #d1d1d1;
}
.bc-f2f2f2 {
  background-color: #f2f2f2;
}
.bc-d3d3d3 {
  background-color: #d3d3d3;
}
.bc-c4c4c4 {
  background-color: #c4c4c4;
}
.bc-FFB448 {
  background-color: #FFB448;
}
.bc-bdbdbd {
  background-color: #bdbdbd;
}
.bc-E9E9EA {
  background-color: #E9E9EA;
}

.bc-FF8F3B {
  background-color: #FF8F3B
}
.bc-ffb85c {
  background-color: #ffb85c
}
.bc-E8E8E8 {
  background-color: #E8E8E8;
}
.bc-78e744 {
  background-color: #78e744;
}
.bc-a6ff9c {
  background-color: #a6ff9c;
}
.bc-e5ecec {
  background-color: #e5ecec;
}
.bc-e5ecec {
  background-color: #e5ecec;
}
.bc-5e5e5e {
  background-color: #5e5e5e;
}
.bc-EEEEEE {
  background-color: #EEEEEE;
}
.bc-EEEEEECC {
  background-color: #EEEEEECC;
}
.bc-222222 {
  background-color: #222222;
}
.bc-353535 {
  background-color: #353535;
}
.bc-6baf6b {
  background-color: rgba(107, 175, 107, 0.5);
}
.bc-85a4d8 {
  background-color: rgba(133, 164, 216, 0.5);
}
.bc-b3956d {
  background-color: rgba(247, 226, 134, 0.3);
}

.hover-bc-f0f0f0:hover {
  background-color: #F0F0F0;
}

.hover-bc-d5d5d5:hover {
  background-color: #D5D5D5;
}

.hover-bc-2290D1:hover {
  background-color: #2290D1;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-black {
	--tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-gray-202 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 202 202 / var(--tw-bg-opacity));
}

.bg1 {
  border: 1px solid transparent;
  background: padding-box linear-gradient(white, white), border-box repeating-linear-gradient(150deg, rgba(145, 216, 209, 1), rgba(118, 203, 220, 1) 46%, rgba(76, 183, 237, 1));
}

.bg-contact-title{
  background: linear-gradient(90deg, rgba(17, 106, 190, 0.80) 0%, rgba(17, 106, 190, 0.10) 100%);
}

/*/////////////////////////////////////////////////////
　文字色
/////////////////////////////////////////////////////*/
.color-black {
  color: #000;
}

.color-red,
.color-red.blockTool {
  color: #ff0000;
}

.color-blue {
  color: #0000EE;
}

.color-gray {
  color: #888888;
}

.color-white {
  color: #FFFFFF;
}

.color-keep {
  color: #ee6b14;
}

.black {
  color: #000;
}

.red {
  color: #ff0000 !important;
}

.deep-red {
  color: #c14030;
}

.blue {
  color: #0000EE;
}

.gray {
  color: #888888;
}

.white {
  color: #FFFFFF;
}

.color-888 {
  color: #888;
}

.color-606674 {
  color: #606674;
}

.color-6a6a6a {
  color: #6a6a6a;
}

.color-0075ff {
  color: #0075ff;
}
.color-848484 {
  color: #848484;
}
.color-8c8c8c {
  color: #8c8c8c
}
.color-1961EB {
  color: #1961EB;
}

.color-4d4d4d {
  color: #4d4d4d;
}

.color-b2b2b2 {
  color: #b2b2b2;
}

.color-909090 {
  color: #909090;
}

.color-a6a6a6 {
  color: #a6a6a6
}

.color-369cd8 {
  color: #369cd8
}

.color-38a1d6 {
  color: #38a1d6
}

.color-CE5151 {
  color: #CE5151
}

.color-6c8893 {
  color: #6c8893
}

.color-369AD6 {
  color: #369AD6;
}

.color-BFBFBF {
  color: #BFBFBF
}

.color-38a1d6 {
  color: #38a1d6
}

.color-9F9F9F {
  color: #9F9F9F;
}

.color-369CD8 {
  color: #369CD8;
}

.color-4da2d8 {
  color: #4da2d8;
}

.color-e4cc45 {
  color: #e4cc45;
}

.color-ebebeb {
  color: #ebebeb;
}

.color-e6edee {
  color: #e6edee;
}

.color-777 {
  color: #777;
}

.color-B9B9B9 {
  color: #B9B9B9;
}

.color-999999 {
  color: #999999;
}

.color-9c9c9c {
  color: #9c9c9c;
}

.color-cacaca {
  color: #cacaca;
}

.color-6cedff {
  color: #6cedff;
}

.color-5891c4 {
  color: #5891c4;
}

.color-63baed {
  color: #63baed;
}

.color-CCCCCC {
  color: #CCCCCC;
}

.color-C14030 {
  color: #C14030;
}

.color-ffffff {
  color: #ffffff;
}

.color-ccc {
  color: #ccc;
}

.color-f0f0f0 {
  color: #f0f0f0;
}

.color-FFB448 {
  color: #FFB448;
}

.color-d1d1d1 {
  color: #d1d1d1;
}

.color-ffb85a {
  color: #ffb85a;
}

.color-4D4D4D {
  color: #4D4D4D;
}

.color-f53f3f {
  color: #f53f3f;
}

.color-92def5 {
  color: #92def5;
}

.color-ea6c96 {
  color: #ea6c96;
}

.color-d9d9d9 {
  color: #d9d9d9;
}
.color-b3956d {
  color: #b3956d;
}

.color-f5d63f {
  color: #f5d63f;
}

.color-E2A100 {
  color: #E2A100;
}

.color-ffcf03 {
  color: #ffcf03;
}

.color-0033cc {
  color: #0033cc;
}

.color-4d4d4d {
  color: #4d4d4d;
}

.color-57a5dd {
  color: #57a5dd;
}

.color-4578ae {
  color: #4578ae;
}

.color-66E2FF {
  color: #66E2FF;
}

.color-6B6B6B {
  color: #6B6B6B;
}

.color1 {
  /*メニューのバージョン表示*/
  color: rgb(41, 95, 209)
}

.color4 {
  color: #0000FF;
}

.color5 {
  /*モーダル内のバツボタン*/
  border: solid 0px;
  color: #c9352a;
  cursor: pointer;
}

.color5:hover {
  color: #f14d42;
}

.color6 {
  /*応募管理サイド、アナリティクス*/
  color: #7d92bb;
}

.color7 {
  /*応募管理サイド、ホーム・サインアウト、ウィンドウの採用見込み*/
  color: #a7a7a7;
}

.color8 {
  color: #7a7a7a;
}

.color9,
.color-333333 {
  color: #333333;
}

.color10 {
  color: #66e2ff;
}

.color11 {
  color: linear-gradient(150deg, rgba(145, 216, 209, 1)0%, rgba(118, 203, 220, 1) 46%, rgba(76, 183, 237, 1)100%);
}

.color12 {
  color: linear-gradient(90deg, rgba(124, 124, 124, 1) 0%, rgba(79, 79, 79, 1) 100%);
}

.color13 {
  color: rgb(161, 161, 161);
}

.color-b6b605 {
  color: #f1c40f;
}

.color-da6bcb {
  color: #e91e63;
}

.color-fff306 {
  color: #ff9800;
}

.color-44b727 {
  color: #4caf50;
}

.text-black{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

#topPageContainer{
  color: #4d4d4d;
}

.hover-66E2FF:hover {
  color: #66E2FF;
}

.hover-C24030:hover {
  color: #C24030;
}



/*/////////////////////////////////////////////////////
flex設定
/////////////////////////////////////////////////////*/
.text-center,
.ql-align-center {
  text-align: center;
}

.text-left,
.ql-align-left {
  text-align: left;
}

.text-right,
.ql-align-right {
  text-align: right;
}

.resize-none {
  resize: none;
}

.d-none {
  display: none;
}

.img-none {
  display: none;
}

.d-flex,
.flex {
  display: flex;
}

.flex-1{
  flex: 1 1 0%;
}

.flex1{
  flex: 1;
}

.items-center{
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.d-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-block {
  display: block;
}

.d-inline-grid {
  display: inline-grid
}

.d-inline-block {
  display: inline-block;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.d-wrap {
  flex-wrap: wrap;
}
.d-wrapr {
  flex-wrap: wrap-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-flow {
  flex-flow: column;
}

.flex-reverse {
  flex-direction: row-reverse;
}

.flex-grow-1 {
  flex-grow: 1;
}

.no-wrap {
  flex-wrap: nowrap;
  white-space: nowrap;
}

.object-fit-cover {
  object-fit: cover;
}

.object-fit-contain {
  object-fit: contain;
}

.hover-comment:hover div {
  display: block;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.order3 {
  order: 3;
}

.order4 {
  order: 4;
}

.order5 {
  order: 5;
}

.flex-j-center {
  justify-content: center;
}

.flex-j-start {
  justify-content: flex-start;
}

.flex-j-end {
  justify-content: flex-end;
}

.flex-j-between,
.justify-between {
  justify-content: space-between;
}

.flex-j-around {
  justify-content: space-around;
}


.flex-i-center {
  align-items: center;
}

.flex-i-start {
  align-items: flex-start;
}

.flex-i-end {
  align-items: flex-end;
}

.flex-i-stretch {
  align-items: stretch;
}

.flex-start{
  align-content: flex-start;
}

.over-hidden,
.overflow-hidden {
  overflow: hidden;
}

.over-x-hidden {
  overflow-x: hidden;
}

.over-x-hidden-textmake {
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.over-y-hidden {
  overflow-y: hidden;
}

.over-visible {
  overflow: visible;
}

.over-y-auto,
.overflow-y-auto {
  overflow-y: auto;
}

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

.over-y-scroll {
  overflow-y: scroll;
}

.over-x-scroll {
  overflow-x: scroll;
}

.over-auto {
  overflow: auto;
}

.overwrite-d-none{
  display:none;
}

/*/////////////////////////////////////////////////////
　回転
/////////////////////////////////////////////////////*/
/* 90度回転 */
.rotate-90 {
  transform: rotate(90deg);
}

/* 180度回転 */
.rotate-180 {
  transform: rotate(180deg);
}

/* 270度回転 */
.rotate-270 {
  transform: rotate(270deg);
}



/*/////////////////////////////////////////////////////
　位置設定
/////////////////////////////////////////////////////*/
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.transform {
  transform: translate(-50%, -50%);
}

.transform2 {
  transform: translate(5%, -50%);
}

.transform3 {
  transform: translateY(-50%);
}

.transform4 {
  transform: translateX(-50%);
}

.transformY-100px {
  transform: translateY(100px);
}


.position0 {
  /*ログイン後ヘッダー部ログアウトボタン*/
  left: 0;
  top: 0;
}

.position-t0-r0 {
  top: 0;
  right: 0;
}


.position2 {
  /*編集ブロックの編集ボタン*/
  top: 10px;
  right: 10px;
}

.position2-2 {
  /*編集ブロックの表示ボタン*/
  top: 5px;
  right: 10px;
}

.position2-3 {
  /*MyAlertのバツボタン*/
  top: 10px;
  right: 20px;
}

.position3-2 {
  /*スマホ用画像ライブラリのメニュー位置*/
  top: 75px;
  right: 10px;
}

.position4 {
  /*モーダル内バツボタン*/
  top: 3px;
  right: 15px;
}

.absolute-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.absolute-upper {
  left: 50%;
  top: 30%;
  transform: translate(-50%, -30%);
}

.position11 {
  /*ファイル選択ボタン*/
  bottom: -90px;
  left: 50%;
  transform: translate(-50%);
}

.position12 {
  /*ファイル選択ボタン*/
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%)
}

.position13{
  /*ファイル選択ボタン*/
  bottom: -80px;
  left: 50%;
  transform: translate(-50%);
}

.position14{
  /*ファイル選択ボタン*/
  bottom: -62px;
  left: 50%;
  transform: translate(-50%);
}

.position-center {
  right:50%;
  top: 50%;
  transform: translate(50%, -50%);
}

.position-center-respo {
  right: max(500px,50%);
  top: 50%;
  transform: translate(50%, -50%);
}

.position-edit-field {
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
}

.position-b-5p {
  bottom: 5%;
}

.position-b-10p {
  bottom: 10%;
}

.position-b-70 {
  bottom: -70px;
}

.position-b-40 {
  bottom: -40px;
}

.position-b-20 {
  bottom: -20px;
}

.position-b {
  bottom: 0;
}

.position-b-8px {
  bottom: 8px;
}

.position-b-10px {
  bottom: 10px;
}

.position-b-20px {
  bottom: 20px;
}

.position-b-30px {
  bottom: 30px;
}

.position-b-40px {
  bottom: 40px;
}

.position-b-10px {
  bottom: 10px;
}

.position-b-50px {
  bottom: 50px;
}

.position-b-60px {
  bottom: 60px;
}

.position-b-80px {
  bottom: 80px;
}

.position-t-5p {
  top: 5%;
}

.position-t-8p {
  top: 8%;
}

.position-t-10p {
  top: 10%;
}

.position-t-25p {
  top: 25%;
}

.position-t-35p {
  top: 35%;
}

.position-t-40p {
  top: 40%;
}

.position-t-45p {
  top: 45%;
}

.position-t-50p {
  top: 50%;
}

.position-t-60p {
  top: 60%;
}

.position-t-70p {
  top: 70%;
}

.position-t-100 {
  top: -100px;
}

.position-t-80 {
  top: -80px;
}


.position-t-75 {
  top: -75px;
}

.position-t-70 {
  top: -70px;
}

.position-t-65 {
  top: -65px;
}

.position-t-60 {
  top: -60px;
}

.position-t-50 {
  top: -50px;
}

.position-t-40 {
  top: -40px;
}

.position-t-30 {
  top: -30px;
}

.position-t-25 {
  top: -25px;
}

.position-t-20 {
  top: -20px;
}

.position-t-18 {
  top: -18px;
}

.position-t-15 {
  top: -15px;
}

.position-t-10 {
  top: -10px;
}

.position-t-5 {
  top: -5px;
}

.position-t,
.top-0 {
  top: 0px;
}

.position-t-2px {
  top: 2px;
}

.position-t-5px {
  top: 5px;
}

.position-t-7px {
  top: 7px;
}


.position-t-10px {
  top: 10px;
}


.position-t-12px {
  top: 12px;
}

.position-t-15px {
  top: 15px;
}

.position-t-20px {
  top: 20px;
}

.position-t-30px {
  top: 30px;
}

.position-t-38px {
  top: 38px;
}

.position-t-40px {
  top: 40px;
}

.position-t-42px {
  top: 42px;
}

.position-t-50px {
  top: 50px;
}

.position-t-60px {
  top: 60px;
}

.position-t-70px {
  top: 70px;
}

.position-t-95px {
  top: 95px;
}

.position-t-100px {
  top: 100px;
}

.position-t-110px {
  top: 110px;
}

.position-t-120px {
  top: 120px;
}

.position-l-40p {
  left: 40%;
}

.position-l-47p {
  left: 47%;
}

.position-l-50p {
  left: 50%;
}

.position-l-40 {
  left: -40px;
}

.position-l-30 {
  left: -30px;
}

.position-l-20 {
  left: -20px;
}

.position-l-15 {
  left: -15px;
}

.position-l-10 {
  left: -10px;
}

.position-l,
.left-0 {
  left: 0px;
}

.position-l-2px {
  left: 2px;
}


.position-l-10px {
  left: 10px;
}

.position-l-15px {
  left: 15px;
}

.position-l-20px {
  left: 20px;
}

.position-l-30px {
  left: 20px;
}

.position-l-40px {
  left: 40px;
}

.position-l-50px {
  left: 50px;
}

.position-r-50p {
  right: 50%;
}

.position-r-150 {
  right: -150px;
}

.position-r-80 {
  right: -80px;
}

.position-r-70 {
  right: -70px;
}

.position-r-55 {
  right: -55px;
}

.position-r-50 {
  right: -50px;
}

.position-r-40 {
  right: -40px;
}

.position-r-33 {
  right: -33px;
}

.position-r-30 {
  right: -30px;
}

.position-r-25 {
  right: -25px;
}

.position-r-20 {
  right: -20px;
}

.position-r-15 {
  right: -15px;
}

.position-r-10 {
  right: -10px;
}

.position-r-20 {
  right: -20px;
}

.position-r-8 {
  right: -8px;
}

.position-r {
  right: 0px;
}

.position-r-5px {
  right: 5px;
}

.position-r-5p {
  right: 5%;
}

.position-r-8px {
  right: 8px;
}

.position-r-10px {
  right: 10px;
}

.position-r-15px {
  right: 15px;
}

.position-r-17px {
  right: 17px;
}

.position-r-20px {
  right: 20px;
}

.position-r-30px {
  right: 30px;
}

.position-r-40px {
  right: 40px;
}

.position-r-50px {
  right: 50px;
}

.position-r-100px {
  right: 100px;
}

.position-r-150px {
  right: 150px;
}

.position-r-170px {
  right: 170px;
}

.position-r-300px {
  right: 300px;
}

.position-r-550px {
  right: 550px;
}

.position-x-center {
  left: 50%;
  transform: translateX(-50%);
}

.position-y-center {
  top: 50%;
  transform: translateY(-50%);
}


/*/////////////////////////////////////////////////////
　width設定
/////////////////////////////////////////////////////*/
.wauto{
  width:auto;
}

.w10plus15 {
  width: calc(10% + 15px);
}

.w18px {
  width: 18px;
}

.wc20 {
  width: calc(20% - 60px);
}

.w0 {
  width: 0%;
}

.w2 {
  width: 2%;
}

.w5 {
  width: 5%;
}

.w6 {
  width: 6%;
}

.w7 {
  width: 7%;
}

.w8 {
  width: 8%;
}

.w9 {
  width: 9%;
}

.w10 {
  width: 10%;
}

.w12 {
  width: 12%;
}

.w13 {
  width: 13%;
}

.w14 {
  width: 14%;
}

.w15 {
  width: 15%;
}

.w16 {
  width: 16%;
}

.w18 {
  width: 18%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w10-100px{
  width: calc(10% - 100px);
}

.w22 {
  width: 22%;
}

.w18px {
  width: 18px;
}

.w25px {
  width: 25px;
}

.w25 {
  width: 25%;
}

.w25-38{
  width: calc(25% - 38px);
}

.w29 {
  width: 29%;
}

.w30 {
  width: 30%;
}

.w32 {
  width: 32%;
}

.w33 {
  width: 33%;
}

.w33-10 {
  width: calc(33% - 10px);
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w47 {
  width: 47%;
}

.w48 {
  width: 48%;
}

.w49 {
  width: 49%;
}

.w49-60 {
  width: calc(49% - 60px);
}

.w50 {
  width: 50%;
}

.w51 {
  width: 51%;
}

.w50-10 {
  width: calc(50% - 10px);
}

.w50-60 {
  width: calc(50% - 60px);
}

.w52 {
  width: 52%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w64 {
  width: 64%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w70p-20 {
  width: calc(70% - 20px);
}

.w70p20 {
  width: calc(70% + 20px);
}

.w75 {
  width: 75%;
}

.w77 {
  width: 77%;
}

.w80 {
  width: 80%;
}

.w90-100px{
  width: calc(90% - 100px);
}

.w83 {
  width: 83%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w93 {
  width: 93%;
}

.w95 {
  width: 95%;
}

.w96 {
  width: 96%;
}

.w98 {
  width: 98%;
}

.w100,
.w-full {
  width: 100%;
}

.w-fit{
  width:fit-content
}

.w100-5 {
  width: calc(100% - 5px);
}

.w100-10 {
  width: calc(100% - 10px);
}

.w100-20 {
  width: calc(100% - 20px);
}

.w100-25 {
  width: calc(100% - 25px);
}

.w100-28 {
  width: calc(100% - 28px);
}

.w100-30 {
  width: calc(100% - 30px);
}

.w100-32 {
  width: calc(100% - 32px);
}

.w100-33 {
  width: calc(100% - 33px);
}

.w100-35 {
  width: calc(100% - 35px);
}

.w100-40 {
  width: calc(100% - 40px);
}

.w100-50 {
  width: calc(100% - 50px);
}

.w100-50-3 {
  width: calc((100% - 50px)/3);
}

.w100-55 {
  width: calc(100% - 55px);
}

.w100-60 {
  width: calc(100% - 60px);
}

.w100-80 {
  width: calc(100% - 80px);
}

.w100-100 {
  width: calc(100% - 100px);
}

.w100-110 {
  width: calc(100% - 110px);
}

.w100-125 {
  width: calc(100% - 125px);
}

.w100-130 {
  width: calc(100% - 130px);
}

.w100-135 {
  width: calc(100% - 135px);
}

.w100-140 {
  width: calc(100% - 140px);
}


.w100-150 {
  width: calc(100% - 150px);
}

.w100-160 {
  width: calc(100% - 160px);
}

.w100-180 {
  width: calc(100% - 180px);
}

.w100-200 {
  width: calc(100% - 200px);
}

.w100-220 {
  width: calc(100% - 220px);
}

.w100-230 {
  width: calc(100% - 230px);
}

.w100-250 {
  width: calc(100% - 250px);
}

.w100-260 {
  width: calc(100% - 260px);
}


.w100-280 {
  width: calc(100% - 280px);
}

.w100-300 {
  width: calc(100% - 300px);
}

.w100-350 {
  width: calc(100% - 350px);
}

.w100-400 {
  width: calc(100% - 400px);
}


.w100-445 {
  width: calc(100% - 445px);
}

.w2px {
  width: 2px;
}

.w3px {
  width: 3px;
}

.w10px {
  width: 10px;
}

.w11px {
  width: 11px;
}

.w13px {
  width: 13px;
}

.w14px {
  width: 14px;
}

.w15px {
  width: 15px;
}

.w18px {
  width: 18px;
}

.w20px {
  width: 20px;
}

.w24px {
  width: 24px;
}

.w25px {
  width: 25px;
}

.w26px {
  width: 26px;
}

.w28px {
  width: 28px;
}

.w30px {
  width: 30px;
}

.w35px {
  width: 35px;
}

.w40px {
  width: 40px;
}

.w42px {
  width: 42px;
}

.w45px {
  width: 45px;
}

.w50px {
  width: 50px;
}

.w54px {
  width: 54px;
}

.w60px {
  width: 60px;
}

.w70px {
  width: 70px;
}

.w75px {
  width: 75px;
}

.w80px {
  width: 80px;
}

.w85px {
  width: 85px;
}

.w90px {
  width: 90px;
}

.w100px {
  width: 100px;
}

.w110px {
  width: 110px;
}


.w118px {
  width: 118px;
}

.w120px {
  width: 120px;
}

.w130px {
  width: 130px;
}

.w140px {
  width: 140px;
}

.w150px {
  width: 150px;
}

.w160px {
  width: 160px;
}

.w170px {
  width: 170px;
}

.w180px {
  width: 180px;
}

.w185px {
  width: 185px;
}

.w190px {
  width: 190px;
}

.w200px {
  width: 200px;
}

.w210px {
  width: 210px;
}

.w230px {
  width: 230px;
}

.w240px {
  width: 240px;
}

.w250px {
  width: 250px;
}

.w265px {
  width: 260px;
}

.w280px {
  width: 280px;
}

.w300px {
  width: 300px;
}

.w320px {
  width: 320px;
}

.w350px {
  width: 350px;
}

.w360px {
  width: 360px;
}

.w370px {
  width: 370px;
}

.w390px {
  width: 390px;
}

.w430px {
  width: 430px;
}

.w400px {
  width: 400px;
}


.w500px {
  width: 500px;
}

.w600px {
  width: 600px;
}

.w640px {
  width: 640px;
}

.w700px {
  width: 700px;
}

.w800px {
  width: 800px;
}

.w850px {
  width: 850px;
}

.w900px {
  width: 900px;
}

.w1000px {
  width: 1000px;
}

.w1250px {
  width: 1250px;
}

.w1350px {
  width: 1350px;
}
.w1920px {
  width: 1920px;
}

.w5vw {
  width: 5vw;
}

.w15vw {
  width: 15vw;
}

.w30vw {
  width: 30vw;
}

.w40vw {
  width: 40vw;
}

.w50vw {
  width: 50vw;
}

.w50vw-140 {
  width: calc(50vw - 140px);
}

.w50vw-180 {
  width: calc(50vw - 180px);
}

.w60vw {
  width: 60vw;
}

.w100vw {
  width: 100vw;
}

/*/////////////////////////////////////////////////////
　max-width設定
/////////////////////////////////////////////////////*/
.m-w25p {
  max-width: 25%;
}

.m-w50p {
  max-width: 50%;
}

.m-w60p {
  max-width: 60%;
}

.m-w50p-30p {
  max-width: calc(50% - 30px);
}

.m-w80p {
  max-width: 80%;
}

.m-w95p {
  max-width: 95%;
}

.m-w100p,
.max-w-full {
  max-width: 100%;
}

.m-w80px {
  max-width: 80px;
}

.m-w120px {
  max-width: 120px;
}

.m-w140px {
  max-width: 140px;
}

.m-w150px {
  max-width: 150px;
}


.m-w180px {
  max-width: 180px;
}

.m-w200px {
  max-width: 200px;
}

.m-w250px {
  max-width: 250px;
}

.m-w290px {
  max-width: 290px;
}

.m-w300px {
  max-width: 300px;
}

.m-w350px {
  max-width: 350px;
}

.m-w360px {
  max-width: 350px;
}

.m-w390px {
  max-width: 390px;
}

.m-w400px {
  max-width: 400px;
}

.m-w450px {
  max-width: 450px;
}

.m-w500px {
  max-width: 500px;
}

.m-w550px {
  max-width: 550px;
}

.m-w600px {
  max-width: 600px;
}

.m-w700px {
  max-width: 700px;
}

.m-w720px {
  max-width: 720px;
}

.m-w800px {
  max-width: 800px;
}

.m-w850px {
  max-width: 850px;
}

.m-w900px {
  max-width: 900px;
}

.m-w950px {
  max-width: 950px;
}

.m-w960px {
  max-width: 960px;
}

.m-w1000px {
  max-width: 1000px;
}

.m-w1080px {
  max-width: 1080px;
}

.m-w1200px {
  max-width: 1200px;
}

.m-w1280px {
  max-width: 1280px;
}

.m-w1300px {
  max-width: 1300px;
}

.m-w1400px {
  max-width: 1400px;
}

.m-w1500px {
  max-width: 1500px;
}

.m-w1600px {
  max-width: 1600px;
}

.m-w1700px {
  max-width: 1700px;
}

/*/////////////////////////////////////////////////////
　min-width設定
/////////////////////////////////////////////////////*/
.min-w50px {
  min-width: 50px;
}

.min-w60px {
  min-width: 60px;
}

.min-w80px {
  min-width: 80px;
}

.min-w90px {
  min-width: 90px;
}

.min-w100px {
  min-width: 100px;
}

.min-w105px {
  min-width: 105px;
}

.min-w120px {
  min-width: 120px;
}

.min-w125px {
  min-width: 125px;
}

.min-w130px {
  min-width: 130px;
}

.min-w140px {
  min-width: 140px;
}

.min-w150px {
  min-width: 150px;
}

.min-w170px {
  min-width: 170px;
}

.min-w180px {
  min-width: 180px;
}

.min-w200px {
  min-width: 200px;
}

.min-w230px {
  min-width: 230px;
}

.min-w240px {
  min-width: 240px;
}

.min-w250px {
  min-width: 250px;
}

.min-w260px {
  min-width: 260px;
}

.min-w270px {
  min-width: 270px;
}

.min-w280px {
  min-width: 280px;
}

.min-w300px {
  min-width: 300px;
}

.min-w330px {
  min-width: 330px;
}

.min-w350px {
  min-width: 350px;
}

.min-w400px {
  min-width: 400px;
}

.min-w450px {
  min-width: 450px;
}

.min-w500px {
  min-width: 500px;
}

.min-w550px {
  min-width: 550px;
}

.min-w600px {
  min-width: 600px;
}

.min-w650px {
  min-width: 650px;
}

.min-w700px {
  min-width: 700px;
}

.min-w720px {
  min-width: 720px;
}

.min-w750px {
  min-width: 750px;
}

.min-w800px {
  min-width: 800px;
}

.min-w1200px {
  min-width: 1200px;
}

.min-w1350px {
  min-width: 1350px;
}

.min-w50p {
  min-width: 50%;
}

.min-w65p {
  min-width: 65%;
}

/*/////////////////////////////////////////////////////
　height設定
/////////////////////////////////////////////////////*/
.hauto {
  height: auto;
}

.h0 {
  height: 0;
}

.h2px {
  height: 2px;
}

.h10px {
  height: 10px;
}

.h13px {
  height: 13px;
}

.h14px {
  height: 14px;
}

.h15px {
  height: 15px;
}

.h18px {
  height: 18px;
}

.h20px {
  height: 20px;
}

.h22px {
  height: 22px;
}

.h25px {
  height: 25px;
}

.h26px {
  height: 26px;
}

.h28px {
  height: 28px;
}

.h30px {
  height: 30px;
}

.h34px {
  height: 34px;
}

.h35px {
  height: 35px;
}

.h38px {
  height: 38px;
}

.h40px {
  height: 40px;
}

.h44px {
  height: 44px;
}

.h45px {
  height: 45px;
}

.h50px {
  height: 50px;
}

.h52px {
  height: 52px;
}

.h60px {
  height: 60px;
}

.h70px {
  height: 70px;
}

.h80px {
  height: 80px;
}

.h90px {
  height: 90px;
}

.h95px {
  height: 95px;
}

.h100px {
  height: 100px;
}

.h110px {
  height: 110px;
}

.h120px {
  height: 120px;
}

.h130px {
  height: 130px;
}

.h140px {
  height: 140px;
}

.h145px {
  height: 145px;
}

.h150px {
  height: 150px;
}

.h160px {
  height: 160px;
}

.h180px {
  height: 180px;
}

.h190px {
  height: 190px;
}

.h200px {
  height: 200px;
}

.h220px {
  height: 220px;
}

.h225px {
  height: 225px;
}

.h230px {
  height: 230px;
}

.h240px {
  height: 240px;
}

.h250px {
  height: 250px;
}

.h270px {
  height: 270px;
}

.h272px {
  height: 272px;
}

.h300px {
  height: 300px;
}

.h325px {
  height: 325px;
}

.h330px {
  height: 330px;
}

.h365px {
  height: 365px;
}

.h600px {
  height: 600px;
}

.h800px {
  height: 800px;
}

.min-h800px-h90vh{
  height:min("h800px","90vh");
}

.h850px {
  height: 850px;
}

.h900px {
  height: 900px;
}

.h940px {
  height: 940px;
}

.h1000px {
  height: 1000px;
}

.h1080px {
  height: 1080px;
}



.h15vh {
  height: 15vh;
}

.h18vh {
  height: 18vh;
}

.h20vh {
  height: 20vh;
}

.h25vh {
  height: 23vh;
}

.h30vh {
  height: 30vh;
}

.h35vh {
  height: 35vh;
}

.h40vh {
  height: 40vh;
}

.h42svh {
  height: 42svh;
}

.h45vh {
  height: 45vh;
}

.h50vh {
  height: 50vh;
}

.h60vh {
  height: 60vh;
}

.h70vh {
  height: 70vh;
}

.h90vh {
  height: 90vh;
}

.h100 {
  height: 100vh;
}

.h100svh {
  height: 100svh;
}

.h200 {
  height: 200vh;
}

.h100p,
.h-full {
  height: 100%;
}

.h100-40 {
  height: calc(100vh - 40px);
}

.h100-50,
.h100-50px {
  height: calc(100vh - 50px);
}

.h100-60 {
  height: calc(100vh - 60px);
}

.h100-70 {
  height: calc(100vh - 70px);
}

.h100-80 {
  height: calc(100vh - 80px);
}


.h100-90px {
  height: calc(100vh - 90px);
}


.h100-100px {
  height: calc(100vh - 100px);
}

.h100-130 {
  height: calc(100vh - 130px);
}

.h100-53 {
  height: calc(100vh - 53px);
}

.h100-85 {
  height: calc(100vh - 85px);
}

.h100-130 {
  height: calc(100vh - 130px);
}

.h100-150 {
  height: calc(100vh - 150px);
}

.h100-180 {
  height: calc(100vh - 180px);
}

.h100-190 {
  height: calc(100vh - 190px);
}

.h100-200 {
  height: calc(100vh - 200px);
}

.h100-220 {
  height: calc(100vh - 220px);
}

.h100-250 {
  height: calc(100vh - 250px);
}

.h100-300 {
  height: calc(100vh - 300px);
}

.h100-350 {
  height: calc(100vh - 350px);
}

.h100-400 {
  height: calc(100vh - 400px);
}

.h100-550 {
  height: calc(100vh - 550px);
}

.h15p {
  height: 15%;
}

.h20p {
  height: 20%;
}

.h25p {
  height: 25%;
}

.h30p {
  height: 30%;
}

.h40p {
  height: 40%;
}

.h42p {
  height: 42%;
}

.h48p {
  height: 48%;
}

.h50p {
  height: 50%;
}

.h55p {
  height: 55%;
}

.h65p {
  height: 60%;
}

.h80p {
  height: 80%;
}

.h85p {
  height: 85%;
}

.h40vh {
  height: 40vh;
}

.h50vh {
  height: 50vh;
}

.h58vh {
  height: 58vh;
}

.h80vh {
  height: 80vh;
}

.h60p {
  height: 60%;
}

.h70p {
  height: 70%;
}

.h75p {
  height: 75%;
}

.h80p {
  height: 80%;
}

/*/////////////////////////////////////////////////////
　min-height設定
/////////////////////////////////////////////////////*/
.min-h20px {
  min-height: 20px;
}

.min-h30px {
  min-height: 30px;
}

.min-h35px {
  min-height: 35px;
}

.min-h40px {
  min-height: 40px;
}

.min-h50px {
  min-height: 50px;
}

.min-h60px {
  min-height: 60px;
}

.min-h70px {
  min-height: 70px;
}

.min-h80px {
  min-height: 80px;
}

.min-h100px {
  min-height: 100px;
}

.min-h110px {
  min-height: 110px;
}

.min-h120px {
  min-height: 120px;
}

.min-h130px {
  min-height: 130px;
}

.min-h140px {
  min-height: 140px;
}

.min-h150px {
  min-height: 150px;
}

.min-h160px {
  min-height: 160px;
}

.min-h180px {
  min-height: 180px;
}

.min-h220px {
  min-height: 220px;
}

.min-h260px {
  min-height: 260px;
}

.min-h300px {
  min-height: 300px;
}

.min-h320px {
  min-height: 320px;
}

.min-h400px {
  min-height: 400px;
}

.min-h460px {
  min-height: 460px;
}

.min-h500px {
  min-height: 500px;
}

.min-h530px {
  min-height: 530px;
}

.min-h650px {
  min-height: 650px;
}

.min-h80p {
  min-height: 80%;
}

.h90p {
  height: 90%;
}

.h100p {
  height: 100%;
}

.h100p-4 {
  height: calc(100% - 4px);
}

.h100p-6 {
  height: calc(100% - 6px);
}

.h100p-10 {
  height: calc(100% - 10px);
}

.h100p-11 {
  height: calc(100% - 11px);
}

.h100p-14 {
  height: calc(100% - 14px);
}

.h100p-15 {
  height: calc(100% - 15px);
}

.h100p-20 {
  height: calc(100% - 20px);
}

.h100p-30 {
  height: calc(100% - 30px);
}

.h100p-40 {
  height: calc(100% - 40px);
}

.h100p-50 {
  height: calc(100% - 50px);
}

.h100p-60 {
  height: calc(100% - 60px);
}

.h100p-63 {
  height: calc(100% - 63px);
}

.h100p-70 {
  height: calc(100% - 70px);
}

.h100p-80 {
  height: calc(100% - 80px);
}

.h100p-90 {
  height: calc(100% - 90px);
}

.h100p-100 {
  height: calc(100% - 100px);
}

.h100p-110 {
  height: calc(100% - 110px);
}

.h100p-120 {
  height: calc(100% - 120px);
}

.h100p-130 {
  height: calc(100% - 130px);
}

.h100p-140 {
  height: calc(100% - 140px);
}

.h100p-150 {
  height: calc(100% - 150px);
}

.h100p-180 {
  height: calc(100% - 180px);
}

.h100svh-100 {
  height: calc(100svh - 100px);
}

.h100svh-160 {
  height: calc(100svh - 160px);
}

.h100svh-180 {
  height: calc(100svh - 180px);
}

.h100p-200 {
  height: calc(100% - 200px);
}

.h100p-220 {
  height: calc(100% - 220px);
}

.h100p-250 {
  height: calc(100% - 250px);
}

.minh40px {
  min-height: 40px;
}

.minh100px {
  min-height: 100px;
}

.minh250px {
  min-height: 250px;
}

.minh250px {
  min-height: 250px;
}

.minh100p {
  min-height: 100%;
}

.minh90vh {
  min-height: 90vh;
}

.min-h400px {
  min-height: 400px;
}

/*/////////////////////////////////////////////////////
　max-height設定
/////////////////////////////////////////////////////*/
.m-h40px {
  max-height: 40px;
}

.m-h50px {
  max-height: 50px;
}

.m-h70px {
  max-height: 70px;
}

.m-h100px {
  max-height: 100px;
}

.m-h160px {
  max-height: 160px;
}

.m-h200px {
  max-height: 200px;
}

.m-h250px {
  max-height: 250px;
}

.m-h300px {
  max-height: 300px;
}

.m-h310px {
  max-height: 310px;
}

.m-h350px {
  max-height: 350px;
}

.m-h400px {
  max-height: 400px;
}

.m-h430px {
  max-height: 430px;
}

.m-h500px {
  max-height: 500px;
}

.m-h530px {
  max-height: 530px;
}

.m-h565px {
  max-height: 565px;
}


.h32px {
  height: 32px;
}

.h280px {
  height: 280px;
}

.h350px {
  height: 350px;
}

.h400px {
  height: 400px;
}

.h430px {
  height: 430px;
}

.h500px {
  height: 500px;
}

.m-h500px {
  max-height: 500px;
}

.m-h700px {
  max-height: 700px;
}

.m-h50p {
  max-height: 50%;
}

.m-h95p {
  max-height: 95%;
}

.m-h100p,
.max-h-full {
  max-height: 100%;
}

.max-h100-200 {
  max-height: calc(100% - 200px);
}

/*/////////////////////////////////////////////////////
　フォントスタイル
/////////////////////////////////////////////////////*/
.f-family-NotoSansJP{
  font-family: 'Noto Sans JP', sans-serif;
}

.fbold,
.blockTool.fbold  {
  font-weight: bold;
}
.fnormal {
  font-weight: normal;
}

.hover-fbold:hover {
  font-weight: bold;
}

.fweight3 {
  font-weight: 300;
}

.fweight4 {
  font-weight: 400;
}

.fweight5 {
  font-weight: 500;
}

.fweight6 {
  font-weight: 600;
}

.fweight7,
.font-bold {
  font-weight: 700;
}

.fweight8 {
  font-weight: 800;
}

.fweight9 {
  font-weight: 900;
}

.f3 {
  font-size: 3px;
}

.f6 {
  font-size: 6px;
}

.f8 {
  font-size: 8px;
}

.f10 {
  font-size: 10px;
}

.f11 {
  font-size: 11px;
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14,
.blockTool.f14 {
  font-size: 14px;
}

.f15 {
  font-size: 15px;
}

.f16,
.blockTool.f16  {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20,
.blockTool.f20  {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f23 {
  font-size: 23px;
}

.f24,
.blockTool.f24  {
  font-size: 24px;
}

.f25 {
  font-size: 25px;
}

.f26 {
  font-size: 26px;
}

.f28 {
  font-size: 28px;
}

.f30 {
  font-size: 30px;
}

.f32 {
  font-size: 32px;
}

.f34 {
  font-size: 34px;
}

.f35 {
  font-size: 35px;
}

.f38 {
  font-size: 38px;
}

.f40 {
  font-size: 40px;
}

.f45 {
  font-size: 45px;
}

.f50 {
  font-size: 50px;
}

.f60 {
  font-size: 60px;
}

.f80 {
  font-size: 80px;
}

.f2p8vw {
  font-size: 2.8vw;
}

.f4vw {
  font-size: 4vw;
}
.l-height1 {
  line-height: 1;
}

.l-height1p1 {
  line-height: 1.1;
}

.l-height1p2 {
  line-height: 1.2;
}

.l-height1p4 {
  line-height: 1.4;
}

.l-height1p6 {
  line-height: 1.6;
}

.l-height1p8 {
  line-height: 1.8;
}

.l-height2p0 {
  line-height: 2.0;
}

.l-height2p2 {
  line-height: 2.2;
}

.l-height2p6 {
  line-height: 2.6;
}

.l-height16px {
  line-height: 16px;
}

.l-height20px {
  line-height: 20px;
}

.l-height30px {
  line-height: 30px;
}

.l-height40px {
  line-height: 40px;
}

.l-height44px {
  line-height: 44px;
}

.l-height50px {
  line-height: 50px;
}

.l-height60px {
  line-height: 60px;
}

.l-height70px {
  line-height: 70px;
}

.l-height80px {
  line-height: 80px;
}

.l-height100px {
  line-height: 100px;
}

.l-height180px {
  line-height: 180px;
}

.l-height90 {
  line-height: 90%;
}

.l-height100 {
  line-height: 100%;
}

.l-height120 {
  line-height: 120%;
}

.l-height150 {
  line-height: 150%;
}

.l-height2 {
  line-height: 2.5;
}
.l-height3 {
  line-height: 2;
}

.italic {
  font-style: italic;
}
.hover-italic:hover {
  font-style: italic;
}

.l-spacing-0p72{
  letter-spacing: 0.72px;
}

.l-spacing-0p84{
  letter-spacing: 0.84px;
}

.l-spacing-0p96{
  letter-spacing:0.96px;
}

.l-spacing-1p08{
  letter-spacing:1.08px;
}

.l-spacing-1p56{
  letter-spacing:1.56px;
}

.l-spacing-1p92{
  letter-spacing:1.92px;
}

.l-spacing-3{
  letter-spacing:3px;
}
/*/////////////////////////////////////////////////////
　padding設定
/////////////////////////////////////////////////////*/
.p-1 {
	padding: 0.25rem;
}

.p-2 {
	padding: 0.5rem;
}

.pad0 {
  padding: 0px;
}

.pad1 {
  padding: 1px;
}

.pad2 {
  padding: 2px;
}

.pad4 {
  padding: 4px;
}

.pad5 {
  padding: 5px;
}

.pad5p {
  padding: 5%;
}

.pad7 {
  padding: 7px;
}

.pad2-5 {
  padding: 2px 5px;
}

.pad2-10 {
  padding: 2px 10px;
}

.pad4-0 {
  padding: 4px 0;
}

.pad4-10 {
  padding: 4px 10px;
}

.pad2-30 {
  padding: 2px 30px;
}

.pad0-100 {
  padding: 0px 100px;
}

.pad5-10 {
  padding: 5px 10px;
}

.pad3-20 {
  padding: 3px 20px;
}

.pad5-30 {
  padding: 5px 30px;
}

.pad7-15 {
  padding: 7px 15px;
}

.pad8-10 {
  padding: 8px 10px;
}

.pad8-16 {
  padding: 8px 16px;
}

.pad5-50 {
  padding: 5px 50px;
}

.pad10-50 {
  padding: 10px 50px;
}

.pad10-20 {
  padding: 10px 20px;
}

.pad10-30 {
  padding: 10px 30px;
}

.pad20-30 {
  padding: 20px 30px;
}

.pad10-0 {
  padding: 10px 0;
}

.pad3p {
  padding: 3%;
}

.pad3 {
  padding: 3px;
}

.pad6 {
  padding: 6px;
}

.pad8 {
  padding: 8px;
}

.pad10 {
  padding: 10px;
}

.pad12 {
  padding: 12px;
}

.pad15 {
  padding: 15px;
}

.pad20 {
  padding: 20px;
}

.pad25 {
  padding: 25px;
}

.pad30 {
  padding: 30px;
}

.pad35 {
  padding: 35px;
}

.pad40 {
  padding: 40px;
}

.pad50 {
  padding: 50px;
}

.pad60 {
  padding: 60px;
}

.pad100 {
  padding: 100px;
}

.pad-min-40px-5p {
  padding: min(40px,5%);
}

.padx3 {
  padding-left: 3px;
  padding-right: 3px;
}

.padx3p {
  padding-left: 3%;
  padding-right: 3%;
}

.padx4 {
  padding-left: 4px;
  padding-right: 4px;
}

.padx5 {
  padding-left: 5px;
  padding-right: 5px;
}

.padx8p {
  padding-left: 8%;
  padding-right: 8%;
}

.padx10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padx14 {
  padding-left: 14px;
  padding-right: 14px;
}

.padx15 {
  padding-left: 15px;
  padding-right: 15px;
}

.padx16 {
  padding-left: 16px;
  padding-right: 16px;
}

.padx20 {
  padding-left: 20px;
  padding-right: 20px;
}

.padx25 {
  padding-left: 25px;
  padding-right: 25px;
}

.padx30 {
  padding-left: 30px;
  padding-right: 30px;
}

.padx40 {
  padding-left: 40px;
  padding-right: 40px;
}

.padx50 {
  padding-left: 50px;
  padding-right: 50px;
}


.padx60 {
  padding-left: 60px;
  padding-right: 60px;
}

.padx70 {
  padding-left: 70px;
  padding-right: 70px;
}

.padx100 {
  padding-left: 100px;
  padding-right: 100px;
}

.padx120 {
  padding-left: 120px;
  padding-right: 120px;
}

.pady3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.pady5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pady6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.pady7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.pady8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pady10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pady12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pady13 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.pady15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pady16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pady20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pady25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pady30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pady40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pady50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pady60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pady100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pady5vh {
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.pady8vh {
  padding-top: 8vh;
  padding-bottom: 8vh;
}

.pady10vh {
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.pad0-20 {
  padding: 0 20px;
}

.pad0-30 {
  padding: 0 30px;
}

.pad0-8p {
  padding: 0 8%;
}

.pad5-20 {
  padding: 5px 20px;
}

.pad10-20 {
  padding: 10px 20px;
}

.pad30-20 {
  padding: 30px 20px;
}

.pad40-0 {
  padding: 40px 0;
}

.pt-50 {
  padding-top: -50px;
}
.pt-54 {
  padding-top: -54px;
}
.pt-10 {
  padding-top: -10px;
}

.pt0 { padding-top: 0px; }
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt11 { padding-top: 11px; }
.pt12 { padding-top: 12px; }
.pt13 { padding-top: 13px; }
.pt14 { padding-top: 14px; }
.pt15 { padding-top: 15px; }
.pt16 { padding-top: 16px; }
.pt17 { padding-top: 17px; }
.pt18 { padding-top: 18px; }
.pt19 { padding-top: 19px; }
.pt20 { padding-top: 20px; }
.pt21 { padding-top: 21px; }
.pt22 { padding-top: 22px; }
.pt23 { padding-top: 23px; }
.pt24 { padding-top: 24px; }
.pt25 { padding-top: 25px; }
.pt26 { padding-top: 26px; }
.pt27 { padding-top: 27px; }
.pt28 { padding-top: 28px; }
.pt29 { padding-top: 29px; }
.pt30 { padding-top: 30px; }
.pt31 { padding-top: 31px; }
.pt32 { padding-top: 32px; }
.pt33 { padding-top: 33px; }
.pt34 { padding-top: 34px; }
.pt35 { padding-top: 35px; }
.pt36 { padding-top: 36px; }
.pt37 { padding-top: 37px; }
.pt38 { padding-top: 38px; }
.pt39 { padding-top: 39px; }
.pt40 { padding-top: 40px; }
.pt41 { padding-top: 41px; }
.pt42 { padding-top: 42px; }
.pt43 { padding-top: 43px; }
.pt44 { padding-top: 44px; }
.pt45 { padding-top: 45px; }
.pt46 { padding-top: 46px; }
.pt47 { padding-top: 47px; }
.pt48 { padding-top: 48px; }
.pt49 { padding-top: 49px; }
.pt50 { padding-top: 50px; }
.pt51 { padding-top: 51px; }
.pt52 { padding-top: 52px; }
.pt53 { padding-top: 53px; }
.pt54 { padding-top: 54px; }
.pt55 { padding-top: 55px; }
.pt56 { padding-top: 56px; }
.pt57 { padding-top: 57px; }
.pt58 { padding-top: 58px; }
.pt59 { padding-top: 59px; }
.pt60 { padding-top: 60px; }
.pt61 { padding-top: 61px; }
.pt62 { padding-top: 62px; }
.pt63 { padding-top: 63px; }
.pt64 { padding-top: 64px; }
.pt65 { padding-top: 65px; }
.pt66 { padding-top: 66px; }
.pt67 { padding-top: 67px; }
.pt68 { padding-top: 68px; }
.pt69 { padding-top: 69px; }
.pt70 { padding-top: 70px; }
.pt71 { padding-top: 71px; }
.pt72 { padding-top: 72px; }
.pt73 { padding-top: 73px; }
.pt74 { padding-top: 74px; }
.pt75 { padding-top: 75px; }
.pt76 { padding-top: 76px; }
.pt77 { padding-top: 77px; }
.pt78 { padding-top: 78px; }
.pt79 { padding-top: 79px; }
.pt80 { padding-top: 80px; }
.pt81 { padding-top: 81px; }
.pt82 { padding-top: 82px; }
.pt83 { padding-top: 83px; }
.pt84 { padding-top: 84px; }
.pt85 { padding-top: 85px; }
.pt86 { padding-top: 86px; }
.pt87 { padding-top: 87px; }
.pt88 { padding-top: 88px; }
.pt89 { padding-top: 89px; }
.pt90 { padding-top: 90px; }
.pt91 { padding-top: 91px; }
.pt92 { padding-top: 92px; }
.pt93 { padding-top: 93px; }
.pt94 { padding-top: 94px; }
.pt95 { padding-top: 95px; }
.pt96 { padding-top: 96px; }
.pt97 { padding-top: 97px; }
.pt98 { padding-top: 98px; }
.pt99 { padding-top: 99px; }
.pt100 { padding-top: 100px; }
.pt101 { padding-top: 101px; }
.pt102 { padding-top: 102px; }
.pt103 { padding-top: 103px; }
.pt104 { padding-top: 104px; }
.pt105 { padding-top: 105px; }
.pt106 { padding-top: 106px; }
.pt107 { padding-top: 107px; }
.pt108 { padding-top: 108px; }
.pt109 { padding-top: 109px; }
.pt110 { padding-top: 110px; }
.pt111 { padding-top: 111px; }
.pt112 { padding-top: 112px; }
.pt113 { padding-top: 113px; }
.pt114 { padding-top: 114px; }
.pt115 { padding-top: 115px; }
.pt116 { padding-top: 116px; }
.pt117 { padding-top: 117px; }
.pt118 { padding-top: 118px; }
.pt119 { padding-top: 119px; }
.pt120 { padding-top: 120px; }
.pt121 { padding-top: 121px; }
.pt122 { padding-top: 122px; }
.pt123 { padding-top: 123px; }
.pt124 { padding-top: 124px; }
.pt125 { padding-top: 125px; }
.pt126 { padding-top: 126px; }
.pt127 { padding-top: 127px; }
.pt128 { padding-top: 128px; }
.pt129 { padding-top: 129px; }
.pt130 { padding-top: 130px; }
.pt131 { padding-top: 131px; }
.pt132 { padding-top: 132px; }
.pt133 { padding-top: 133px; }
.pt134 { padding-top: 134px; }
.pt135 { padding-top: 135px; }
.pt136 { padding-top: 136px; }
.pt137 { padding-top: 137px; }
.pt138 { padding-top: 138px; }
.pt139 { padding-top: 139px; }
.pt140 { padding-top: 140px; }
.pt141 { padding-top: 141px; }
.pt142 { padding-top: 142px; }
.pt143 { padding-top: 143px; }
.pt144 { padding-top: 144px; }
.pt145 { padding-top: 145px; }
.pt146 { padding-top: 146px; }
.pt147 { padding-top: 147px; }
.pt148 { padding-top: 148px; }
.pt149 { padding-top: 149px; }
.pt150 { padding-top: 150px; }


.pl2 {
  padding-left: 2px;
}

.pl3 {
  padding-left: 3px;
}

.pl5 {
  padding-left: 5px;
}

.pl8 {
  padding-left: 8px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl18 {
  padding-left: 18px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl60 {
  padding-left: 60px;
}

.pl70 {
  padding-left: 70px;
}

.pl80 {
  padding-left: 80px;
}

.pl100 {
  padding-left: 100px;
}

.pl120 {
  padding-left: 120px;
}

.pl150 {
  padding-left: 150px;
}

.pl280 {
  padding-left: 280px;
}

.pla1 {
  padding-left: clamp(0px, 10%, 150px);
}

.pr3 {
  padding-right: 3px;
}

.pr5 {
  padding-right: 5px;
}

.pr8 {
  padding-right: 8px;
}

.pr5p {
  padding-right: 5%;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr18 {
  padding-right: 18px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr50 {
  padding-right: 50px;
}

.pr2p5vw {
  padding-right: 2.5vw;
}

.pr60 {
  padding-right: 60px;
}

.pr70 {
  padding-right: 70px;
}

.pr80 {
  padding-right: 80px;
}

.pr120 {
  padding-right: 120px;
}
.pr150 {
  padding-right: 150px;
}

.pr280 {
  padding-right: 280px;
}

.pb0 { padding-bottom: 0px; }
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb11 { padding-bottom: 11px; }
.pb12 { padding-bottom: 12px; }
.pb13 { padding-bottom: 13px; }
.pb14 { padding-bottom: 14px; }
.pb15 { padding-bottom: 15px; }
.pb16 { padding-bottom: 16px; }
.pb17 { padding-bottom: 17px; }
.pb18 { padding-bottom: 18px; }
.pb19 { padding-bottom: 19px; }
.pb20 { padding-bottom: 20px; }
.pb21 { padding-bottom: 21px; }
.pb22 { padding-bottom: 22px; }
.pb23 { padding-bottom: 23px; }
.pb24 { padding-bottom: 24px; }
.pb25 { padding-bottom: 25px; }
.pb26 { padding-bottom: 26px; }
.pb27 { padding-bottom: 27px; }
.pb28 { padding-bottom: 28px; }
.pb29 { padding-bottom: 29px; }
.pb30 { padding-bottom: 30px; }
.pb31 { padding-bottom: 31px; }
.pb32 { padding-bottom: 32px; }
.pb33 { padding-bottom: 33px; }
.pb34 { padding-bottom: 34px; }
.pb35 { padding-bottom: 35px; }
.pb36 { padding-bottom: 36px; }
.pb37 { padding-bottom: 37px; }
.pb38 { padding-bottom: 38px; }
.pb39 { padding-bottom: 39px; }
.pb40 { padding-bottom: 40px; }
.pb41 { padding-bottom: 41px; }
.pb42 { padding-bottom: 42px; }
.pb43 { padding-bottom: 43px; }
.pb44 { padding-bottom: 44px; }
.pb45 { padding-bottom: 45px; }
.pb46 { padding-bottom: 46px; }
.pb47 { padding-bottom: 47px; }
.pb48 { padding-bottom: 48px; }
.pb49 { padding-bottom: 49px; }
.pb50 { padding-bottom: 50px; }
.pb51 { padding-bottom: 51px; }
.pb52 { padding-bottom: 52px; }
.pb53 { padding-bottom: 53px; }
.pb54 { padding-bottom: 54px; }
.pb55 { padding-bottom: 55px; }
.pb56 { padding-bottom: 56px; }
.pb57 { padding-bottom: 57px; }
.pb58 { padding-bottom: 58px; }
.pb59 { padding-bottom: 59px; }
.pb60 { padding-bottom: 60px; }
.pb61 { padding-bottom: 61px; }
.pb62 { padding-bottom: 62px; }
.pb63 { padding-bottom: 63px; }
.pb64 { padding-bottom: 64px; }
.pb65 { padding-bottom: 65px; }
.pb66 { padding-bottom: 66px; }
.pb67 { padding-bottom: 67px; }
.pb68 { padding-bottom: 68px; }
.pb69 { padding-bottom: 69px; }
.pb70 { padding-bottom: 70px; }
.pb71 { padding-bottom: 71px; }
.pb72 { padding-bottom: 72px; }
.pb73 { padding-bottom: 73px; }
.pb74 { padding-bottom: 74px; }
.pb75 { padding-bottom: 75px; }
.pb76 { padding-bottom: 76px; }
.pb77 { padding-bottom: 77px; }
.pb78 { padding-bottom: 78px; }
.pb79 { padding-bottom: 79px; }
.pb80 { padding-bottom: 80px; }
.pb81 { padding-bottom: 81px; }
.pb82 { padding-bottom: 82px; }
.pb83 { padding-bottom: 83px; }
.pb84 { padding-bottom: 84px; }
.pb85 { padding-bottom: 85px; }
.pb86 { padding-bottom: 86px; }
.pb87 { padding-bottom: 87px; }
.pb88 { padding-bottom: 88px; }
.pb89 { padding-bottom: 89px; }
.pb90 { padding-bottom: 90px; }
.pb91 { padding-bottom: 91px; }
.pb92 { padding-bottom: 92px; }
.pb93 { padding-bottom: 93px; }
.pb94 { padding-bottom: 94px; }
.pb95 { padding-bottom: 95px; }
.pb96 { padding-bottom: 96px; }
.pb97 { padding-bottom: 97px; }
.pb98 { padding-bottom: 98px; }
.pb99 { padding-bottom: 99px; }
.pb100 { padding-bottom: 100px; }
.pb101 { padding-bottom: 101px; }
.pb102 { padding-bottom: 102px; }
.pb103 { padding-bottom: 103px; }
.pb104 { padding-bottom: 104px; }
.pb105 { padding-bottom: 105px; }
.pb106 { padding-bottom: 106px; }
.pb107 { padding-bottom: 107px; }
.pb108 { padding-bottom: 108px; }
.pb109 { padding-bottom: 109px; }
.pb110 { padding-bottom: 110px; }
.pb111 { padding-bottom: 111px; }
.pb112 { padding-bottom: 112px; }
.pb113 { padding-bottom: 113px; }
.pb114 { padding-bottom: 114px; }
.pb115 { padding-bottom: 115px; }
.pb116 { padding-bottom: 116px; }
.pb117 { padding-bottom: 117px; }
.pb118 { padding-bottom: 118px; }
.pb119 { padding-bottom: 119px; }
.pb120 { padding-bottom: 120px; }
.pb121 { padding-bottom: 121px; }
.pb122 { padding-bottom: 122px; }
.pb123 { padding-bottom: 123px; }
.pb124 { padding-bottom: 124px; }
.pb125 { padding-bottom: 125px; }
.pb126 { padding-bottom: 126px; }
.pb127 { padding-bottom: 127px; }
.pb128 { padding-bottom: 128px; }
.pb129 { padding-bottom: 129px; }
.pb130 { padding-bottom: 130px; }
.pb131 { padding-bottom: 131px; }
.pb132 { padding-bottom: 132px; }
.pb133 { padding-bottom: 133px; }
.pb134 { padding-bottom: 134px; }
.pb135 { padding-bottom: 135px; }
.pb136 { padding-bottom: 136px; }
.pb137 { padding-bottom: 137px; }
.pb138 { padding-bottom: 138px; }
.pb139 { padding-bottom: 139px; }
.pb140 { padding-bottom: 140px; }
.pb141 { padding-bottom: 141px; }
.pb142 { padding-bottom: 142px; }
.pb143 { padding-bottom: 143px; }
.pb144 { padding-bottom: 144px; }
.pb145 { padding-bottom: 145px; }
.pb146 { padding-bottom: 146px; }
.pb147 { padding-bottom: 147px; }
.pb148 { padding-bottom: 148px; }
.pb149 { padding-bottom: 149px; }
.pb150 { padding-bottom: 150px; }

/*/////////////////////////////////////////////////////
　margin設定
/////////////////////////////////////////////////////*/
.mauto {
  margin: 0 auto;
}

.myauto {
  margin-top: auto;
  margin-bottom: auto;
}

.mlauto {
  margin-left: auto;
}

.mrauto {
  margin-right: auto;
}


.mx-auto {
	margin-left: auto;
  margin-right: auto;
}

.max-mauto {
  margin-left: max(30px, auto);
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mx10 {
  margin-left: 10px;
  margin-right: 10px;
}

.magy5p {
  margin-top: 5%;
  margin-bottom: 5%;
}

.magy5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.magy7 {
  margin-top: 7px;
  margin-bottom: 7px;
}
.magy10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.magy15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.magy20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.magy25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.magy30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.magy40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.magy50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.magy5vh {
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.mag0 {
  margin: 0px;
}
.mag1 {
  margin: 1px;
}

.mag2 {
  margin: 2px;
}

.mag5 {
  margin: 5px;
}

.mag7 {
  margin: 7px;
}

.mag10 {
  margin: 10px;
}

.mag15 {
  margin: 15px;
}

.mag20 {
  margin: 20px;
}

.mag30 {
  margin: 30px;
}

.mag40 {
  margin: 40px;
}

.magx5 {
  margin-left: 5px;
  margin-right: 5px;
}

.magx6 {
  margin-left: 6px;
  margin-right: 6px;
}

.magx10 {
  margin-left: 10px;
  margin-right: 10px;
}

.magx15 {
  margin-left: 15px;
  margin-right: 15px;
}

.magx20 {
  margin-left: 20px;
  margin-right: 20px;
}

.magx25 {
  margin-left: 25px;
  margin-right: 25px;
}

.magx30 {
  margin-left: 30px;
  margin-right: 30px;
}

.magx25p {
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.magx5p {
  margin-left: 5%;
  margin-right: 5%;
}

.mt-45 {
  margin-top: -45px;
}

.mt-15 {
  margin-top: -15px;
}

.mt2 {
  margin-top: 2px;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt15 {
  margin-top: 15px;
}

.mt16 {
  margin-top: 16px;
}

.mt20 {
  margin-top: 20px;
}
.mt24 {
  margin-top: 24px;
}
.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt100 {
  margin-top: 100px;
}

.mt120 {
  margin-top: 120px;
}

.mt5vh {
  margin-top: 5vh;
}

.mt10vh {
  margin-top: 10vh;
}

.ml-100 {
  margin-left: -100px;
}

.ml-10 {
  margin-left: -10px;
}

.ml-5 {
  margin-left: -5px;
}

.ml3 {
  margin-left: 3px;
}

.ml5 {
  margin-left: 5px;
}

.ml5p {
  margin-left: 5%;
}

.ml7p {
  margin-left: 7%;
}

.ml8p {
  margin-left: 8%;
}

.ml6 {
  margin-left: 6px;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml15 {
  margin-left: 15px;
}

.ml18 {
  margin-left: 18px;
}

.ml20 {
  margin-left: 20px;
}

.ml24 {
  margin-left: 24px;
}

.ml20p {
  margin-left: 20%;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml40p {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.ml70 {
  margin-left: 70px;
}

.ml75 {
  margin-left: 75px;
}

.ml80 {
  margin-left: 80px;
}

.ml100 {
  margin-left: 100px;
}

.ml130 {
  margin-left: 130px;
}
.ml150 {
  margin-left: 150px;
}

.ml154 {
  margin-left: 154px;
}

.ml165 {
  margin-left: 165px;
}

.ml180 {
  margin-left: 180px;
}

.ml250 {
  margin-left: 250px;
}

.ml500 {
  margin-left: 500px;
}

.mr-150 {
  margin-right: -150px;
}

.mr-100 {
  margin-right: -100px;
}

.mr3 {
  margin-right: 3px;
}

.mr4 {
  margin-right: 4px;
}

.mr5 {
  margin-right: 5px;
}

.mr6 {
  margin-right: 6px;
}

.mr10 {
  margin-right: 10px;
}

.mr3p {
  margin-right: 3%;
}

.mr5p {
  margin-right: 5%;
}

.mr7p {
  margin-right: 7%;
}

.mr10p {
  margin-right: 10%;
}

.mr15 {
  margin-right: 15px;
}

.mr18 {
  margin-right: 18px;
}

.mr20 {
  margin-right: 20px;
}

.mr20p {
  margin-right: 20%;
}

.mr23 {
  margin-right: 23px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr40p {
  margin-right: 40%;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.mr70 {
  margin-right: 70px;
}

.mr80 {
  margin-right: 80px;
}

.mr100 {
  margin-right: 100px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb1 {
  margin-bottom: 1px;
}

.mb3 {
  margin-bottom: 3px;
}
.mb4 {
  margin-bottom: 4px;
}

.mb5 {
  margin-bottom: 5px;
}
.mb6 {
  margin-bottom: 6px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb12 {
  margin-bottom: 10px;
}
.mb14 {
  margin-bottom: 14px;
}

.mb16 {
  margin-bottom: 14px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}


.mb1vh {
  margin-bottom: 1vh;
}


.mb2vh {
  margin-bottom: 2vh;
}

.mb3vh {
  margin-bottom: 3vh;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝grid設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.gap-2 {
  gap: 0.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x2-5p {
  gap: 2.5%;
}

.gap-x2p {
  gap: 2%;
}

.gap-x4p {
  gap: 4%;
}

.gap-x5p {
  gap: 5%;
}

.gap-x10p {
  gap: 10%;
}

.gap-5p {
  gap: 10px 5%;
}

.gap-10p {
  gap: 10px 10%;
}

.gap-2px {
  gap: 4px;
}

.gap-4px {
  gap: 4px;
}

.gap-5px {
  gap: 5px;
}

.gap-6px {
  gap: 6px;
}

.gap-8px {
  gap: 8px;
}

.gap-10px {
  gap: 10px;
}

.gap-14px {
  gap: 14px;
}

.gap-15px {
  gap: 15px;
}

.gap-16px {
  gap: 16px;
}

.gap-20px {
  gap: 20px;
}

.gap-24px {
  gap: 24px;
}

.gap-25px{
  gap: 25px;
}


.gap-30px{
  gap: 30px;
}

.gap-40px {
  gap: 40px;
}

.gap-50px {
  gap: 50px;
}

.gap-50px {
  gap: 50px;
}

.gap-x-10px{
  gap:0px 10px;
}

.gap-x-20px{
  gap:0px 20px;
}

.gap-y-10px{
  gap:10px 0px;
}

.gap-y-20px{
  gap:20px 0px;
}

.gap-x-25px{
  gap:0px 25px;
}

.gap-y-25px{
  gap:25px 0px;
}

.gap-5-5{
  gap:5px 5px;
}

/*/////////////////////////////////////////////////////
　枠線(border)設定
/////////////////////////////////////////////////////*/
.bordr-none {
  border: none;
}

.border {
	border-width: 1px;
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));  
}

.border-red-200{
  --tw-border-opacity: 1;
  border-color: rgba(254, 202, 202, var(--tw-border-opacity));	
}

.line1 {
  border: solid 1px #333333;
}

.line1-inline {
  outline: solid 1px #333333;
}

.line2 {
  border: solid 1px #9b9a9a;
}



.line5 {
  /*デザインメモのテキストエリア*/
  border: solid 1px #4e4e4e;
}

.line5:focus {
  /*デザインメモのテキストエリア*/
  border: solid 1px #8664ff;
  outline: solid 1px rgba(74, 142, 243, 0.3);
}

.line6 {
  border: solid 2px #000000;
}

.line7 {
  border-top: solid 2px #927b3c;
  border-left: solid 2px #927b3c;
  border-right: solid 2px #927b3c;
  border-bottom: solid 2px #927b3c;
}

.line7-2 {
  border-left: solid 2px #927b3c;
  border-right: solid 2px #927b3c;
  border-bottom: solid 2px #927b3c;
}

.line8 {
  border: solid 1px #8f8f8f;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.line8_1 {
  border-top: solid 1px #8f8f8f;
  border-bottom: solid 1px #8f8f8f;
}

.line8_2 {
  border: solid 1px #8f8f8f;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.line9 {
  border: solid 2px #fff;
}

.line10 {
  border: dashed 1px #333333;
}

.line10-r {
  border-right: dashed 1px #333333;
}

.line10-b {
  border-bottom: dashed 1px #333333;
}
.line10-t {
  border-top: dashed 1px #333333;
}

.line11 {
  border-top: solid 3px #000000;
  border-bottom: solid 3px #000000;
}

.line12 {
  border: dashed 3px #c4c4c4;
}

.line13 {
  border: solid 2px #c4c4c4;
}

.line14 {
  border-top: solid 1px #9b9a9a;
}

.line15 {
  border: solid 3px #9b9a9a;
}

.line16 {
  border: solid 2px #f2d040;
}

.line17 {
  border: solid 2px #ff786f;
}

.line18 {
  border: solid 2px #bfbfbf;
}

.line19 {
  border-top: double rgb(0, 0, 0);
  border-bottom: double rgb(0, 0, 0);
}

.line20 {
  border-bottom: double rgb(0, 0, 0);
}

.line21 {
  border-top: solid 2px #c4c4c4;
  border-bottom: solid 2px #c4c4c4;
}

.line22 {
  border-bottom: solid 2px #c4c4c4;
}

.line23 {
  border: solid 1px #54abff;
}

.line24 {
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
}
.line25 {
  border: dashed 1px #54abff;
}
.line26 {
  border-right: solid 2px #c4c4c4;
}
.line27 {
  border: solid 3px #c4c4c4;
}
.line28 {
  border: solid 1px #c4c4c4;
}

.line29 {
  border: solid 2px #0000FF;
}

.line30 {
  /*デザインメモのテキストエリア*/
  border: solid 1px #cccccc;
}

.line31 {
  border: solid 4px #333333;
}

.line32 {
  border: solid 4px #4c4c4c;
}

.line-fff-dash2 {
  border: dashed 2px #fff;
}

.line-CCC {
  border: solid 1px #CCC;
}

.line-ff8686 {
  border: solid 1px #ff8686;
}

.line-0000FF {
  border: solid 1px #0000FF;
}

.line_000000 {
  border: 1px solid #000000;
}

.line_e6e6e6 {
  border: 1px solid #e6e6e6;
}

.line_369cd885 {
  border: 2px solid #369cd885;
}

.line_6abdee_1:hover {
  border: 1px solid rgba(54, 156, 216, 0.40);
  /* box-sizing: border-box; */
  outline: 1px solid rgba(54, 156, 216, 0.40);
}

.line_369CD8 {
  border: 2px solid #369CD8;
}

.line_369CD8_3 {
  border: 3px solid #369CD8;
}
.line_369CD8_3_in {
  outline: 3px solid #369CD8;
  box-sizing: border-box
}


.line_484848_b {
  border: dashed 3px #484848;
}

.line_9c9c9c {
  border: 1px solid #9c9c9c;
}

.line_4d4d4d {
  border: 1px solid #4d4d4d;
}

.line_adadad {
  border: 2px solid #adadad;
}

.line_b0b0b0 {
  border: 2px solid #b0b0b0;
}

.line_adadad {
  border: 2px solid #A5A5A5;
}

.line_777777 {
  border: 3px solid #777777;
}

.line_707070 {
  border: 1px solid #707070;
}

.line_5c5c5c {
  border: 1px solid #5c5c5c;
}

.line_707070_b {
  border-bottom: 1px solid #707070;
}

.line_dedede_b {
  border-bottom: 1px solid #dedede;
}

.line_dedede_b2 {
  border-bottom: 2px solid #dedede;
}

.line_dedede_b_dash {
  border-bottom: 1px dashed #dedede;
}

.line_eeeeee_b {
  border-bottom: 1px solid #eeeeee;
}

.line_707070_tb {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}

.line_707070_r {
  border-right: 1px solid #707070;
}

.line_4c4c4c {
  border: 2px solid #4c4c4c;
}

.line_ccc {
  border: 2px solid #CCC;
}

.line_e4e4e4 {
  border: 1px solid #e4e4e4;
}

.line_dbdbdb {
  border: 1px solid #dbdbdb;
}

.line_bbbbbb {
  border: 1px solid #BBBBBB;
}

.line_CFD6D9 {
  border: 1px solid #CFD6D9;
}

.line_5891c4 {
  border: 1px solid #5891c4;
}

.line_A9A9A9 {
  border: 1px solid #A9A9A9;
}

.line_c4c4c4 {
  border: solid 1px #c4c4c4;
}

.line_cccccc {
  border: solid 1px #cccccc;
}

.line_6baf6b {
  border: solid 3px #6baf6b;
}

.line_85a4d8 {
  border: solid 3px #85a4d8;
}

.line_70c4d7 {
  border: solid 2px #70c4d7;
}

.line_b3956d {
  border: solid 2px #b3956d;
}

.line_999999 {
  border: solid 1px #999999;
}

.line_666666 {
  border: solid 1px #666666;
}


.line_b6b6b6_d {
  border: dashed 5px #b6b6b6;
}

.line_848484_d{
  border: 3px dashed #848484;
}

.line_666666_t {
  border-top: dashed 1px #666666;
}

.line_666666_b {
  border-bottom: dashed 1px #666666;
}

.line_666666_t_2 {
  border-top: solid 1px #666666;
}

.line_666666_b_2 {
  border-bottom: solid 1px #666666;
}

.line_CFD6D9_b {
  border-bottom: solid 1px #CFD6D9;
}

.line_d1d1d1 {
  border: 3px solid #d1d1d1;
}

.line_c6c6c6 {
  border: solid 1px #c6c6c6;
}

.line_e8e8e8 {
  border: solid 1px #e8e8e8;
}

.line_ffffff {
  border: solid 1px #ffffff;
}

.uline_666666 {
  border-bottom: solid 1px #666666;
}
.rline_666666 {
  border-right: solid 1px #666666;
}
.rline_e8e8e8 {
  border-right: solid 1px #e8e8e8;
}
.rline_333333 {
  border-right: solid 2px #333333;
}
.bline_333333 {
  border-bottom: solid 2px #333333;
}
.bline-909090-dash {
  border-bottom: dashed 1px #909090;
}
.line_FFC07B {
  border: solid 1px #FFC07B;
}
.line_#BCBCBC {
  border: solid 1px #BCBCBC;
}
.line_ea6c96 {
  border: solid 3px #ea6c96;
}
.line_c5dbec {
  border: 1px solid #c5dbec;
}
.line_d5d5d5 {
  border: solid 2px #d5d5d5;
}
.line_333333_2 {
  border: solid 2px #333333;
}
.line_35C2FF_3 {
  box-shadow: inset 0 0 0 3px #35C2FF;
}
.line_35C2FF_5 {
  box-shadow: inset 0 0 0 5px #35C2FF;
}
.line_d5d5d5_t {
  border-top: solid 2px #d5d5d5;
}
.line_d5d5d5_b {
  border-bottom: solid 2px #d5d5d5;
}
.line_d5d5d5_r {
  border-right: solid 2px #d5d5d5;
}
.line_d5d5d5_l {
  border-left: solid 2px #d5d5d5;
}
.line_000033_sidenav{
  box-shadow: 2px 0px 4px #00000033;
}



.uline1 {
  border-bottom: solid 1px #333333;
}

.uline2 {
  border-bottom: solid 3px #333333;
}

.uline3 {
  border-bottom: solid 3px #6ac2fd;
}

.uline4 {
  border-bottom: solid 1px #a6d7f8;
}

.uline5 {
  border-bottom: solid 1px #aaaaaa;
}

.uline7 {
  border-bottom: dashed 1px #000000;
}

.uline6 {
  /*応募管理サイドメニュー*/
  border-bottom: solid 1px #57678a;
}

.uline8 {
  border-bottom: solid 1px #000000;
}

.uline9 {
  border-bottom: solid 3px #777777;
}

.uline10 {
  border-bottom: solid 2px #777777;
}

.uline11 {
  border-bottom: solid 2px #d3d3d3;
}

.tline11 {
  border-top: solid 2px #d3d3d3;
}

.uline12,
.infile-uline {
  border-bottom: solid 1px #d3d3d3;
}

.tline6 {
  /*応募管理サイドメニュー*/
  border-top: solid 1px #57678a;
}

.r-line1 {
  border-right: solid 1px #333333;
}

.r-line2 {
  border-right: solid 1px #aaaaaa;
}

.r-line3 {
  border-right: solid 3px #333333;
}

.r-line4 {
  border-right: solid 1px #cccccc;
}

.l-line3 {
  border-left: solid 3px #333333;
}

.tline1 {
  border-top: solid 1px #333333;
}

.tline2 {
  border-top: solid 3px #333333;
}

.tline3 {
  border-top: solid 2px #777777;
}

.tline_b2b2b2 {
  border-top: solid 1px #b2b2b2;
}

.bline_4d4d4d {
  border-bottom: solid 1px #4d4d4d;
}

.bline-369cd8 {
  border-bottom: solid 1px #369cd8;
}

.bline_b2b2b2 {
  border-bottom: solid 1px #b2b2b2;
}

.text-underline,
.underline{
  text-decoration: underline;
}
.text-underline:hover{
  text-decoration: none;
}
.hover-text-underline:hover{
  text-decoration: underline;
}

.text_decoration1 {
  text-decoration: underline;
  text-decoration-color: #9b9a9a;
  text-underline-offset: 10px;
}

.text-decoration-none{
  text-decoration: none;
}


.border-none {
  border: solid 0;
}

.border-spacing-0 {
  border-spacing: 0px;
}

.border-spacing-4 {
  border-spacing: 0 4px;
}

.border-spacing-10 {
  border-spacing: 0 10px;
}

.border-redius1 {
  border-radius: 1px;
}

.border-redius2 {
  border-radius: 2px;
}

.border-redius4 {
  border-radius: 4px;
}

.border-redius5 {
  border-radius: 5px;
}

.border-redius6 {
  border-radius: 6px;
}

.border-redius7 {
  border-radius: 7px;
}
.border-redius10 {
  border-radius: 10px;
}

.border-redius15 {
  border-radius: 15px;
}

.border-redius22 {
  border-radius: 22px;
}

.border-redius30 {
  border-radius: 30px;
}

.border-redius50 {
  border-radius: 50px;
}

.border-redius50p {
  border-radius: 50%;
}

.border-redius-l-10 {
  border-radius: 10px 0 0 0;
}

.border-redius-r-10 {
  border-radius: 0 10px 0 0;
}

.border-redius-tl-5 {
  border-radius: 5px 0 0 0;
}

.border-redius-tr-5 {
  border-radius: 0 5px 0 0;
}

.border-redius-bl-5 {
  border-radius: 0 0 0 5px;
}

.border-redius-br-5 {
  border-radius: 0 0 5px 0;
}

.radius-l {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}


.radius-r {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.radius-b {
  border-top-left-radius: 0;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
}

.radius-t-10 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
}

.radius-t {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
}

.radius-t-7 {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 0;
}

.radius-t-30 {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 0;
}

.radius-l-50p {
  border-radius: 100% 0 0 100% / 50%;
}

.radius-r-50p {
  border-radius: 0 100% 100% 0/ 50%;
}

.radius2 {
  border-radius: 2px;
}

.radius4 {
  border-radius: 4px;
}

.radius5 {
  border-radius: 5px;
}

.radius6 {
  border-radius: 6px;
}

.radius7 {
  border-radius: 7px;
}


.radius10 {
  border-radius: 10px;
}

.radius15 {
  border-radius: 15px;
}

.radius20 {
  border-radius: 20px;
}

.radius30 {
  border-radius: 30px;
}

.radius50 {
  border-radius: 50px;
}

.rounded-full {
  border-radius: 9999px;
}

.radius15p {
  border-radius: 15%;
}

.radius50p {
  border-radius: 50%;
}

.radius100p {
  border-radius: 100%;
}

.radius-top-10p {
  border-radius: 10px 10px 0px 0px;
}

.radius-top-15p {
  border-radius: 15px 15px 0px 0px;
}


/*/////////////////////////////////////////////////////
　shadow設定
/////////////////////////////////////////////////////*/
.shadow1 {
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.5), -2px -2px 3px 0 rgba(0, 0, 0, 0.2);
}

.shadow2 {
  box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.shadow3 {
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
}

.shadow4 {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
}
.shadow5 {
  box-shadow: -2px -7px 15px 0px rgba(165, 165, 165, 0.5);
}
.shadow6 {
  box-shadow: 8px 0 8px 0 rgba(99, 99, 99, 0.2);
}

.shadow7 {
  box-shadow: 0px 0px 10px 5px rgba(109, 109, 109, 0.5);
}

.shadow8 {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.shadow9 {
  box-shadow: inset 2px 6px 8px 0px rgba(109, 109, 109, 0.5);
}

.shadow10 {
  box-shadow: 0px 0px 2px 1px rgba(109, 109, 109, 0.3)
}

/*/////////////////////////////////////////////////////
　マーカー設定
/////////////////////////////////////////////////////*/
.marker1::before {
  content: "";
  display: inline-block;
  width: 15px;
  /* 四角の幅 */
  height: 15px;
  /* 四角の高さ */
  background-color: #9b9a9a;
  /* 四角の色 */
  margin-right: 5px;
  /* 四角の後ろの余白 */
  border-radius: 5px;
  /* 角の丸み（任意で調整） */
}

.marker2::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 3px;
  background-color: #9b9a9a;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
  border-radius: 4px;
  margin-bottom: 3px;
}

/*/////////////////////////////////////////////////////
　z-index設定
/////////////////////////////////////////////////////*/
.z-m10 {
  z-index: -10;
}

.z-m1 {
  z-index: -1;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-6 {
  z-index: 6;
}

.z-7 {
  z-index: 7;
}

.z-10 {
  z-index: 10;
}

.z-15 {
  z-index: 15;
}

.z-20 {
  z-index: 20;
}

.z-100 {
  z-index: 100;
}

.z-101 {
  z-index: 101;
}

.z-149 {
  z-index: 149;
}

.z-150 {
  z-index: 150;
}

.z-200 {
  z-index: 200;
}

.z-300 {
  z-index: 300;
}

.z-301 {
  z-index: 301;
}

.z-350 {
  z-index: 350;
}

.z-351 {
  z-index: 351;
}

.z-500 {
  z-index: 500;
}
.z-501 {
  z-index: 501;
}

.z-1000 {
  z-index: 1000;
}

.z-1001 {
  z-index: 1001;
}

/*/////////////////////////////////////////////////////
　透明度設定
/////////////////////////////////////////////////////*/
.opacity0 {
  opacity: 0;
}

.opacity02 {
  opacity: 0.2;
}

.opacity03 {
  opacity: 0.3;
}

.opacity05 {
  opacity: 0.5;
}

.opacity06 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-100 {
  opacity: 1;
}

.pc-none {
  display: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝その他設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.pointer,
.cursor-pointer {
  cursor: pointer;
}

.event-none {
  pointer-events: none;
}

.event-auto {
  pointer-events: auto;
}

.select-none {
  user-select: none;
}

.cursor-default {
  cursor: default;
}

.cursor-text {
  cursor: text;
}

.float-left {
  float: left;
}

.border-box {
  box-sizing: border-box;
}

.content-box {
  box-sizing: content-box
}