/* Style for PCs */
@media screen and (min-width: 1025px) {

/* Page Navigation */
.pagenavi_kamei {
  width:90%;
  height:auto;
  display: flex;
  justify-content: center;
  margin:15px auto 50px;
}
.pagenavi_kamei li {
  flex:1;
  height: auto;
  display: block;
  margin:0 0.5%;
  font-size:14px;
}
.pagenavi_kamei li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
  color: var(--color-white);
  background-color: var(--color-1st);
  border-radius: 3px;
  box-shadow:0px 1px 3px rgba(0,0,0,0.3);
}
.pagenavi_kamei li a:hover {
  background-color: var(--color-2nd);
}

/* 加盟店募集 */
.introbase {
  width:100%;
  height: auto;
  display: block;
  background-image: url(/boatImg/new/newmember/ts_wave.png);
  background-repeat: no-repeat;
  background-position: center 10%;
  background-size: 90% 100%;
}
.intromm {
  width:100%;
  height: auto;
  display: block;
  background-image: url(/boatImg/new/newmember/topbg.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
}
.introcc {
  width:60%;
  height: auto;
  display: block;
  margin-left:5%;
}
.introcc p {
  font-size:14px;
  line-height: 2em;
  padding-left:2%;
}
.introcc p:nth-of-type(1) {
  width:70%;
  margin-bottom: 1em;
}
.introcc p:nth-of-type(2) {
  width:55%;
  margin-bottom: 1em;
}
.introcc02 {
  width:88%;
  height: auto;
  display: block;
  margin:0 auto 50px;
}
.introcc02 p {
  font-size:14px;
  line-height: 2em;
}
.introcc02 p strong {
  font-size:20px;
  font-weight: 700;
  line-height: 2.5em;
  color:var(--color-4th);
}

.intromm03  {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0 5%;
}
.introcc03 {
  width:55%;
  height: auto;
  display: block;
  order:2;
}
.introcc03 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.introcc03 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 50px;
}
.introcc03 p:nth-last-of-type() {
  margin-bottom: 0;
}
.im03img {
  width:40%;
  height: auto;
  display: block;
  order:1;
}

.intromm04  {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:0 5%;
  margin:0 auto;
}
.intromm04 h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}
.intromm04 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.intromm04 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 2em;
}
.int04scr {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto 50px;
}
.int04scr .int04scr_ss {
  flex:1;
  margin:0 1%;
}

.int04line02 {
  width:100%;
  max-width:1600px;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto 50px;
}
.int04l2_left {
width:60%;
height: auto;
display: block;
}
.int04l2_right {
width:35%;
height: auto;
display: block;
}

.intromm05 {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:50px 5%;
  margin:0 auto;
}
.intromm05 h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.25em;
  margin-bottom: 10px;
}
.intromm05 .int05left_cc01 {
  width:50%;
  order:1;
}
.intromm05 .int05right_img01 {
  width:45%;
  order:2;
}
.intromm05 .int05right0_cc02 {
  width:50%;
  order:2;
}
.intromm05 .int05left_img02 {
  width:45%;
  order:1;
}
.intromm05 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.intromm05 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 0;
}
.intromm05 img {
  border-radius: 25px;
  overflow: hidden;
}

.intromm06 {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:50px 5%;
  margin:0 auto;
}
.intromm06 .int06left_cc01 {
  width:50%;
  order:1;
}
.intromm06 .int06right_img01 {
  width:45%;
  order:2;
}
.intromm06 h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}
.intromm06 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.intromm06 p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.intromm06 img {
  border-radius: 25px;
  overflow: hidden;
}


.intromm07 {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:50px 5%;
  margin:0 auto;
}
.intromm07 .int07left_cc01 {
  width:50%;
  order:1;
}
.intromm07 .int07right_img01 {
  width:35%;
  order:2;
  margin-bottom: 50px;
}
.intromm07 .int07left_cc02 {
  width:48%;
}
.intromm07 .int07left_cc03 {
  width:48%;
}
.intromm07 .int07left_cc04 {
  width:50%;
  order:2;
}
.intromm07 .int07right_img04 {
  width:45%;
  order:1;
}
.intromm07 h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}
.intromm07 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.intromm07 p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.intromm07 img {
  border-radius: 25px;
  overflow: hidden;
}


/* 出展料 */
.feecc {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:50px 5%;
  margin:0 auto;
}
.feecc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 30px;
}
.feecc h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
}
.feecc h4 {
  font-size:14px;
  color:var(--color-5th);
  border: 1px solid var(--color-3rd);
  padding:5px;
  font-weight:400;
  line-height: 1.5em;
  border-radius: 3px;
  margin-bottom: 10px;
}
.feecc h5 {
  width:100%;
  height: auto;
  display: block;
  padding:5px;
  font-size:14px;
  color:var(--color-5th);
  font-weight:400;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
}
.feecc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.feecc dl dt {
  width:70%;
  height: auto;
  display: block;
  padding:15px 10px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: 1px dotted var(--color-ccc);
}
.feecc dl dd {
  width:30%;
  height: auto;
  display: block;
  padding:15px 10px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: right;
  border-bottom: 1px dotted var(--color-ccc);
}


/* ホームページ制作 */
.productioncc {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:50px 5%;
  margin:0 auto;
}
.productioncc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
}
.productioncc h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.productioncc h4 {
  font-size:16px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
  margin-bottom: 25px;
}
.productioncc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}

.productioncc ul.productionlist {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.productioncc ul.productionlist li {
  width:28.3333333333%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 2.5% 40px;
}
.productioncc ul.productionlist li .prolist_img {
  width:100%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
.productioncc ul.productionlist li .prolist_img a img {
  width:100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.productioncc ul.productionlist li .prolist_img a:hover img {
opacity: 0.5;
}
.productioncc ul.productionlist li .prolist_cc {
  width:100%;
  height: auto;
  display: block;
  padding:10px 5px 0;
}
.productioncc ul.productionlist li .prolist_cc p {
  font-size:12px;
  line-height: 1.5em;
  text-align: center;
}
.productioncc ul.productionlist li .prolist_cc p a {
  color:var(--color-5th);
  text-decoration: none;
}
.productioncc ul.productionlist li .prolist_cc p a:hover {
  color:var(--color-1st);
  text-decoration: underline;
}

/* 利用者の声 */
.voicecc {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:50px 5%;
  margin:0 auto;
}
.voicecc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 25px;
}
.voicecc .vmbox {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  border:1px solid var(--color-ccc);
  border-radius: 15px;
  padding:35px 35px;
  margin-bottom: 25px;
}
.voicecc .vmbox .voice_cc {
  width:75%;
}
.voicecc .vmbox .voice_cc h3 {
  font-size:20px;
  font-weight:700;
  line-height: 1.5em;
  color:var(--color-1st);
  margin-bottom: 0.5em;
}
.voicecc .vmbox .voice_cc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.voicecc .vmbox .voice_img {
  width:20%;
}

/* お問い合わせ */
.contactcc {
  width:100%;
  max-width:1600px;
  height: auto;
  display: block;
  padding:50px 5%;
  margin:0 auto;
}
.contactcc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.contactcc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.contactcc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.contactcc dl dt {
  width:25%;
  height: auto;
  display: block;
  padding:15px 10px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: 1px dotted var(--color-ccc);
}
.contactcc dl dd {
  width:75%;
  height: auto;
  display: block;
  padding:15px 10px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: 1px dotted var(--color-ccc);
}
.hissu {
  color:var(--color-red);
}


}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* Page Navigation */
.pagenavi_kamei {
  width:90%;
  height:auto;
  display: flex;
  justify-content: center;
  margin:15px auto 50px;
}
.pagenavi_kamei li {
  flex:1;
  height: auto;
  display: block;
  margin:0 0.5%;
  font-size:14px;
}
.pagenavi_kamei li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
  color: var(--color-white);
  background-color: var(--color-1st);
  border-radius: 3px;
  box-shadow:0px 1px 3px rgba(0,0,0,0.3);
}
.pagenavi_kamei li a:hover {
  background-color: var(--color-2nd);
}

/* 加盟店募集 */
.intromm {
  width:100%;
  height: auto;
  display: block;
  background-image: url(/boatImg/new/newmember/topbg.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 30% auto;
}
.introcc {
  width:90%;
  height: auto;
  display: block;
  margin:0 auto;
}
.toptext {
  width:70%;
}
.introcc p {
  font-size:14px;
  line-height: 2em;
}
.introcc p:nth-of-type(1) {
  width:100%;
  margin-bottom: 1em;
}
.introcc p:nth-of-type(2) {
  width:100%;
  margin-bottom: 1em;
}
.introcc02 {
  width:90%;
  height: auto;
  display: block;
  margin:0 auto 50px;
}
.introcc02 p {
  font-size:14px;
  line-height: 2em;
}
.introcc02 p strong {
  font-size:14px;
  font-weight: 700;
  line-height: 2.5em;
  color:var(--color-4th);
}

.intromm03  {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:0 5%;
}
.introcc03 {
  width:100%;
  height: auto;
  display: block;
  order:2;
}
.introcc03 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.introcc03 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 50px;
}
.introcc03 p:nth-last-of-type() {
  margin-bottom: 0;
}
.im03img {
  width:40%;
  height: auto;
  display: block;
  margin:0 auto 40px;
  order:1;
}

.intromm04  {
  width:100%;
  height: auto;
  display: block;
  padding:0 5%;
}
.intromm04 h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}
.intromm04 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.intromm04 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 2em;
}
.int04scr {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto 50px;
}
.int04scr .int04scr_ss {
  flex:1;
  margin:0 1%;
}

.int04line02 {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.int04l2_left {
width:60%;
height: auto;
display: block;
}
.int04l2_right {
width:35%;
height: auto;
display: block;
}

.intromm05 {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.intromm05 h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.25em;
  margin-bottom: 10px;
}
.intromm05 .int05left_cc01 {
  width:50%;
  order:1;
}
.intromm05 .int05right_img01 {
  width:45%;
  order:2;
}
.intromm05 .int05right0_cc02 {
  width:50%;
  order:2;
}
.intromm05 .int05left_img02 {
  width:45%;
  order:1;
}
.intromm05 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.intromm05 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 0;
}
.intromm05 img {
  border-radius: 25px;
  overflow: hidden;
}

.intromm06 {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.intromm06 .int06left_cc01 {
  width:50%;
  order:1;
}
.intromm06 .int06right_img01 {
  width:45%;
  order:2;
}
.intromm06 h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}
.intromm06 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.intromm06 p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.intromm06 img {
  border-radius: 25px;
  overflow: hidden;
}


.intromm07 {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.intromm07 .flbox:nth-of-type(1) {
  flex-direction: column;
}
.intromm07 .int07left_cc01 {
  width:100%;
  order:1;
  margin-bottom: 50px;
}
.intromm07 .int07right_img01 {
  width:40%;
  order:2;
  margin:0 auto 50px;
}
.intromm07 .int07left_cc02 {
  width:48%;
}
.intromm07 .int07left_cc03 {
  width:48%;
}
.intromm07 .int07left_cc04 {
  width:50%;
  order:2;
}
.intromm07 .int07right_img04 {
  width:45%;
  order:1;
}
.intromm07 h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}
.intromm07 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.intromm07 p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.intromm07 img {
  border-radius: 25px;
  overflow: hidden;
}


/* 出展料 */
.feecc {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.feecc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 30px;
}
.feecc h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
}
.feecc h4 {
  font-size:14px;
  color:var(--color-5th);
  border: 1px solid var(--color-3rd);
  padding:5px;
  font-weight:400;
  line-height: 1.5em;
  border-radius: 3px;
  margin-bottom: 10px;
}
.feecc h5 {
  width:100%;
  height: auto;
  display: block;
  padding:5px;
  font-size:14px;
  color:var(--color-5th);
  font-weight:400;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
}
.feecc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.feecc dl dt {
  width:70%;
  height: auto;
  display: block;
  padding:15px 10px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: 1px dotted var(--color-ccc);
}
.feecc dl dd {
  width:30%;
  height: auto;
  display: block;
  padding:15px 10px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: right;
  border-bottom: 1px dotted var(--color-ccc);
}


/* ホームページ制作 */
.productioncc {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.productioncc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
}
.productioncc h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.productioncc h4 {
  font-size:16px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
  margin-bottom: 25px;
}
.productioncc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}

.productioncc ul.productionlist {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.productioncc ul.productionlist li {
  width:28.3333333333%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 2.5% 40px;
}
.productioncc ul.productionlist li .prolist_img {
  width:100%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
.productioncc ul.productionlist li .prolist_img a img {
  width:100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.productioncc ul.productionlist li .prolist_img a:hover img {
opacity: 0.5;
}
.productioncc ul.productionlist li .prolist_cc {
  width:100%;
  height: auto;
  display: block;
  padding:10px 5px 0;
}
.productioncc ul.productionlist li .prolist_cc p {
  font-size:12px;
  line-height: 1.5em;
  text-align: center;
}
.productioncc ul.productionlist li .prolist_cc p a {
  color:var(--color-5th);
  text-decoration: none;
}
.productioncc ul.productionlist li .prolist_cc p a:hover {
  color:var(--color-1st);
  text-decoration: underline;
}

/* 利用者の声 */
.voicecc {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.voicecc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 25px;
}
.voicecc .vmbox {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  border:1px solid var(--color-ccc);
  border-radius: 15px;
  padding:35px 35px;
  margin-bottom: 25px;
}
.voicecc .vmbox .voice_cc {
  width:65%;
}
.voicecc .vmbox .voice_cc h3 {
  font-size:20px;
  font-weight:700;
  line-height: 1.5em;
  color:var(--color-1st);
  margin-bottom: 0.5em;
}
.voicecc .vmbox .voice_cc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.voicecc .vmbox .voice_img {
  width:30%;
}

/* お問い合わせ */
.contactcc {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.contactcc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.contactcc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.contactcc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.contactcc dl dt {
  width:25%;
  height: auto;
  display: block;
  padding:15px 10px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: 1px dotted var(--color-ccc);
}
.contactcc dl dd {
  width:75%;
  height: auto;
  display: block;
  padding:15px 10px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: 1px dotted var(--color-ccc);
}
.hissu {
  color:var(--color-red);
}

}

/* Style for Smartphone */
@media screen and (max-width: 768px) {

  /* Page Navigation */
.pagenavi_kamei {
  width:90%;
  height:auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin:15px auto 50px;
}
.pagenavi_kamei li {
  width:49%;
  height: auto;
  display: block;
  margin:0 0.5% 3px;
  font-size:14px;
}
.pagenavi_kamei li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  line-height: 30px;
  text-align: center;
  color: var(--color-white);
  background-color: var(--color-1st);
  border-radius: 3px;
  box-shadow:0px 1px 3px rgba(0,0,0,0.3);
}
.pagenavi_kamei li a:hover {
  background-color: var(--color-2nd);
}

/* 加盟店募集 */
.intromm {
  width:100%;
  height: auto;
  display: block;
  background-image: url(/boatImg/new/newmember/topbg.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 60% auto;
}
.introcc {
  width:90%;
  height: auto;
  display: block;
  margin:0 auto;
  padding-top:25%;
}
.toptext {
  width:100%;
}
.introcc p {
  font-size:14px;
  line-height: 2em;
}
.introcc p:nth-of-type(1) {
  width:100%;
  margin-bottom: 1em;
}
.introcc p:nth-of-type(2) {
  width:100%;
  margin-bottom: 1em;
}
.introcc02 {
  width:90%;
  height: auto;
  display: block;
  margin:0 auto 50px;
}
.introcc02 p {
  font-size:14px;
  line-height: 2em;
}
.introcc02 p strong {
  font-size:14px;
  font-weight: 700;
  line-height: 2.5em;
  color:var(--color-4th);
}

.intromm03  {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:0 5%;
}
.introcc03 {
  width:100%;
  height: auto;
  display: block;
  order:2;
}
.introcc03 h3 {
  font-size:20px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.introcc03 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 50px;
}
.introcc03 p:nth-last-of-type() {
  margin-bottom: 0;
}
.im03img {
  width:80%;
  height: auto;
  display: block;
  margin:0 auto 40px;
  order:1;
}

.intromm04  {
  width:100%;
  height: auto;
  display: block;
  padding:0 5%;
}
.intromm04 h2 {
  font-size:26px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}
.intromm04 h3 {
  font-size:16px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.intromm04 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 2em;
}
.int04scr {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto 50px;
  display: block;
}
.int04scr .int04scr_ss {
  flex:1;
  margin:0 1%;
  margin-bottom: 30px;
}

.int04line02 {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 50px;
}
.int04l2_left {
width:100%;
height: auto;
display: block;
}
.int04l2_right {
width:100%;
height: auto;
display: block;
}

.intromm05 {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.intromm05 h2 {
  font-size:26px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.25em;
  margin-bottom: 10px;
}
.intromm05 .flbox {
  flex-direction: column;
}
.intromm05 .int05left_cc01 {
  width:100%;
  order:1;
}
.intromm05 .int05right_img01 {
  width:100%;
  order:2;
}
.intromm05 .int05right0_cc02 {
  width:100%;
  order:2;
}
.intromm05 .int05left_img02 {
  width:100%;
  order:1;
  margin-bottom: 25px;
}
.intromm05 h3 {
  font-size:16px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.intromm05 p {
  font-size:14px;
  line-height: 2em;
  margin-bottom: 0;
}
.intromm05 img {
  border-radius: 25px;
  overflow: hidden;
}

.intromm06 {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.intromm06 .flbox {
  flex-direction: column;
}
.intromm06 .int06left_cc01 {
  width:100%;
  order:2;
}
.intromm06 .int06right_img01 {
  width:100%;
  order:1;
  margin-bottom: 25px;
}
.intromm06 h2 {
  font-size:26px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 0.3em;
}
.intromm06 h3 {
  font-size:16px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
.intromm06 p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.intromm06 img {
  border-radius: 25px;
  overflow: hidden;
}


.intromm07 {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.intromm07 .flbox {
  flex-direction: column;
}
.intromm07 .int07left_cc01 {
  width:100%;
  order:1;
  margin-bottom: 50px;
}
.intromm07 .int07right_img01 {
  width:60%;
  order:2;
  margin:0 auto 30px;
}
.intromm07 .int07left_cc02 {
  width:100%;
  margin-bottom: 40px;
}
.intromm07 .int07left_cc03 {
  width:100%;
}
.intromm07 .int07left_cc04 {
  width:100%;
  order:2;
}
.intromm07 .int07right_img04 {
  width:100%;
  order:1;
  margin-bottom: 25px;
}
.intromm07 h2 {
  font-size:26px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}
.intromm07 h3 {
  font-size:16px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.intromm07 p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.intromm07 img {
  border-radius: 25px;
  overflow: hidden;
}


/* 出展料 */
.feecc {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.feecc h2 {
  font-size:26px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 30px;
}
.feecc h3 {
  font-size:16px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
}
.feecc h4 {
  font-size:14px;
  color:var(--color-5th);
  border: 1px solid var(--color-3rd);
  padding:5px;
  font-weight:400;
  line-height: 1.5em;
  border-radius: 3px;
  margin-bottom: 10px;
}
.feecc h5 {
  width:100%;
  height: auto;
  display: block;
  padding:5px;
  font-size:14px;
  color:var(--color-5th);
  font-weight:400;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
}
.feecc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.feecc dl dt {
  width:100%;
  height: auto;
  display: block;
  padding:5px 5px 5px;
  font-size:16px;
  font-weight: 400;
  line-height: 1.5em;
}
.feecc dl dd {
  width:100%;
  height: auto;
  display: block;
  padding:0px 5px 5px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  text-align: right;
  border-bottom: 1px dotted var(--color-ccc);
}
.feecc span {
  font-size:80%;
  line-height: 1.25em;
}


/* ホームページ制作 */
.productioncc {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.productioncc h2 {
  font-size:26px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
}
.productioncc h3 {
  font-size:16px;
  color:var(--color-1st);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.productioncc h4 {
  font-size:16px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-3rd);
  margin-bottom: 25px;
}
.productioncc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}

.productioncc ul.productionlist {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.productioncc ul.productionlist li {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px dotted var(--color-ccc);
  margin:0 0 15px;
}
.productioncc ul.productionlist li .prolist_img {
  width:100%;
  height: auto;
  display: block;
  overflow: hidden;
  border-radius: 3px;
}
.productioncc ul.productionlist li .prolist_img a img {
  width:100%;
  height: auto;
  display: block;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.productioncc ul.productionlist li .prolist_img a:hover img {
opacity: 0.5;
}
.productioncc ul.productionlist li .prolist_cc {
  width:70%;
  height: auto;
  display: block;
  padding:0px 0px 0;
}
.productioncc ul.productionlist li .prolist_cc p {
  font-size:14px;
  line-height: 1.5em;
  text-align: left;
  padding-top: 15px;
}
.productioncc ul.productionlist li .prolist_cc p a {
  color:var(--color-5th);
  text-decoration: none;
}
.productioncc ul.productionlist li .prolist_cc p a:hover {
  color:var(--color-1st);
  text-decoration: underline;
}

/* 利用者の声 */
.voicecc {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.voicecc h2 {
  font-size:26px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 25px;
}
.voicecc .vmbox {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom:1px solid var(--color-ccc);
  border-radius: 0px;
  padding:0px 0 35px;
  margin-bottom: 35px;
}
.voicecc .vmbox .voice_cc {
  width:100%;
  margin-bottom: 25px;
}
.voicecc .vmbox .voice_cc h3 {
  font-size:18px;
  font-weight:700;
  line-height: 1.5em;
  color:var(--color-1st);
  margin-bottom: 0.5em;
}
.voicecc .vmbox .voice_cc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.voicecc .vmbox .voice_img {
  width:60%;
  margin: 0 auto;
}

/* お問い合わせ */
.contactcc {
  width:100%;
  height: auto;
  display: block;
  padding:50px 5%;
}
.contactcc h2 {
  font-size:32px;
  color:var(--color-5th);
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.contactcc p {
  font-size:14px;
  line-height: 2em;
  margin: 0;
}
.contactcc dl {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-end;
}
.contactcc dl dt {
  width:100%;
  height: auto;
  display: block;
  padding:0px 5px 5px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
}
.contactcc dl dd {
  width:100%;
  height: auto;
  display: block;
  padding:0px 0px 15px;
  font-size:14px;
  font-weight: 400;
  line-height: 1.5em;
  border-bottom: 1px dotted var(--color-ccc);
  margin-bottom: 15px;
}
.hissu {
  color:var(--color-red);
}

}