@charset "UTF-8";
:root {
  --body: #333;
  --link: #333;
}
/*--------------------------------------------
MAIN VISUAL
---------------------------------------------*/
#mv .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  position: relative;
}
#mv .slick-dots li {
  font-size: 0;
}
#mv .slick-dots li {
  font-size: 0;
}
#mv .slick-dots button {
  color: transparent;
  border-radius: 50%;
  font-size: 0;
  cursor: pointer;
}
#mv .slick-dots button {
  background-color: #dbdbdb;
}
#mv .slick-dots .slick-active button {
  background-color: #802077;
}
#mv .slick-arrow {
  color: #802077;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #search-top,
  #links {
    background-color: white;
  }
  #mv {
    padding-top: calc(20 * 100vw / 750);
    margin-bottom: calc(60 * 100vw / 750);
  }
  #mv .slick-slide {
    margin: 0 calc(5 * 100vw / 750);
  }
  #mv .slick-slide img {
    height: calc(700 * 100vw / 750);
  }
  #mv .slick-dots {
    margin-top: calc(20 * 100vw / 750);
  }
  #mv .slick-dots li {
    margin-left: calc(4 * 100vw / 750);
    margin-right: calc(4 * 100vw / 750);
  }
  #mv .slick-dots button {
    width: calc(20 * 100vw / 750);
    height: calc(20 * 100vw / 750);
  }
  #mv .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    border-radius: calc(35 * 100vw / 750);
    font-size: calc(35 * 100vw / 750);
    line-height: calc(60 * 100vw / 750);
    width: calc(70 * 100vw / 750);
    height: calc(70 * 100vw / 750);
  }
  #mv .prev-arrow {
    left: 10px;
  }
  #mv .next-arrow {
    right: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  #mv .slide-arrow {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 769px) and (max-width: 9366px) {
  #mv {
    padding-bottom: calc(40 * 100vw / 1366);
  }
  #mv .slick-slide {
    /* margin: 0 calc(6 * 100vw / 1366); */
  }
  #mv .slick-slide img {
    height: calc(530 * 100vw / 1366);
    width: auto;
  }
  #mv .slick-arrow {
    border-radius: calc(24 * 100vw / 1366);
    font-size: calc(24 * 100vw / 1366);
    line-height: calc(40 * 100vw / 1366);
    width: calc(48 * 100vw / 1366);
    height: calc(48 * 100vw / 1366);
  }
  #mv .prev-arrow {
    left: calc(130 * 100vw / 1366);
  }
  #mv .next-arrow {
    right: calc(130 * 100vw / 1366);
  }
  #mv .slick-dots {
    margin-top: calc(20 * 100vw / 1366);
  }
  #mv .slick-dots li {
    margin-left: calc(5 * 100vw / 1366);
    margin-right: calc(5 * 100vw / 1366);
  }
  #mv .slick-dots button {
    width: calc(12 * 100vw / 1366);
    height: calc(12 * 100vw / 1366);
  }
  
  #mv picture {
    background: #000;
  }
  #mv picture img {
    opacity: 0.5;
  }
  #mv .slick-active picture img {
    opacity: 1;
  }
}
@media print, screen and (min-width: 9200px) {
  #mv {
    padding-bottom: 78px;
  }
  #mv .slick-slide img {
    height: 240px;
    width: auto;
  }
  #mv .slick-arrow {
    height: 48px;
  }
  #mv .prev-arrow {
    left: 140px;
  }
  #mv .next-arrow {
    right: 140px;
  }
  #mv .slick-dots {
    margin-top: 10px;
  }
  #mv .slick-dots li {
    margin-left: 5px;
    margin-right: 5px;
  }
  #mv .slick-dots button {
    width: 12px;
    height: 12px;
  }
}
/*--------------------------------------------
SEARCH
---------------------------------------------*/
#search-top li{
  background-color : #e5d8e6;
}
#search-top h3{
  display : flex;
  align-items : flex-end;
  border-bottom-color : #802077;
  border-bottom-style : solid;
  font-weight : 700;
}
@media screen and (max-width: 768px) {
  #search-top h3 {
    border-bottom-width : calc( 2 * 100vw / 750 );
		padding-bottom : calc( 17 * 100vw / 750 );
		font-size : calc( 50 * 100vw / 750 );
  }
}
@media screen and (min-width: 769px) {
  #search-top h3 {
    border-bottom-width : calc( 2 * 100vw / 1366 );
		padding-bottom : calc( 10 * 100vw / 1366 );
		font-size : calc( 24 * 100vw / 1366 );
  }
}
#search-top h3:before{
  content : "";
  display : block;
  background-repeat : no-repeat;
  background-position : 0 0;
  background-size : contain;
  flex-shrink : 0;
}
@media screen and (max-width: 768px) {
  #search-top h3:before {
    width: calc( 69 * 100vw / 750 );
    height: calc( 69 * 100vw / 750 );
    margin-right: calc( 16 * 100vw / 750 );
  }
}
@media screen and (min-width: 769px) {
  #search-top h3:before {
    width: calc( 36 * 100vw / 1366 );
    height: calc( 36 * 100vw / 1366 );
    margin-right: calc( 11 * 100vw / 1366 );
  }
}
#search-top li.pref h3:before{
  background-image : url("/ren1909/images/ui/icon/map.png");
}
#search-top li.keyword h3:before{
  background-image : url("/ren1909/images/ui/icon/pen.png");
}
#search-top li.postal h3:before{
  background-image : url("/ren1909/images/ui/icon/post.png");
}
#search-top li.here h3:before{
  background-image : url("/ren1909/images/ui/icon/mappin.png");
}

#search-top a , #search-top input[type="submit"]{
  display : block;
  align-items : center;
  justify-content : center;
  text-align : center;
  color : #fff;
  font-weight : 700;
  background-color : #4d3d4b;
  background-image : url("/ren1909/images/ui/icon/arrow_white02.png");
  background-repeat : no-repeat;
}
#search-top p{
  text-align : center;
}
#search-top select , #search-top input[type="search"]{
  border : 1px solid #b4b4b4;
  background-color : #fff;
  display : block;
}
#search-top select{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image : url("/ren1909/images/ui/icon/select.png");
  background-position-y : center;
  background-repeat : no-repeat;
  color : #333;
}
#search-top input[type="search"]:-ms-input-placeholder{
  color : #b0b0b0;
}
#search-top input[type="search"]::-ms-input-placeholder{
  color : #b0b0b0;
}
#search-top input[type="search"]::placeholder{
  color : #000;
}
#search-top li input[type="search"] , #search-top li a , #search-top li select , #search-top li input[type="submit"]{
  margin-left : auto;
  margin-right : auto;
}
#search-top a , #search-top input[type="submit"]{
  backface-visibility : hidden;
  will-change : opacity;
  transition : opacity .3s ease-in;
}
#search-top a:hover , #search-top input[type="submit"]:hover{
  opacity : .7;
}
@media screen and (max-width: 768px){
  #search-top {
    padding: calc( 40 * 100vw / 750 );
  }
  #search-top .search-ttl {
    font-size: calc( 40 * 100vw / 750 );
    font-weight: 700;
    line-height: 1.17;
    display: flex;
    align-items: center;
    margin-bottom: calc( 30 * 100vw / 750 );
  }
  #search-top .search-ttl:before {
    content: "";
    display: block;
    background: url(/ren1909/images/ui/icon/search03.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    flex-shrink: 0;
    width: calc( 70 * 100vw / 750 );
    height: calc( 70 * 100vw / 750 );
    margin-right: calc( 16 * 100vw / 750 );
  }
	#search-top li{
		border-radius : calc( 20 * 100vw / 750 );
		padding-left : calc( 30 * 100% / 750 );
		padding-right : calc( 30 * 100% / 750 );
		padding-top : calc( 31 * 100vw / 750 );
	}
	#search-top li:first-child{
		padding-bottom : calc( ( 71 - 5 ) * 100vw / 750 );
	}
	#search-top li:first-child input[type="submit"]{
		margin-left : auto;
		margin-right : auto;
	}

	#search-top li.keyword{
    padding-bottom : calc( 60 * 100vw / 750 );
  }
  #search-top li.here{
		padding-bottom : calc( 60 * 100vw / 750 );
  }
	#search-top li + li{
		margin-top : calc( 40 * 100vw / 750 );
	}
	#search-top h3{
		border-bottom-width : calc( 2 * 100vw / 750 );
		padding-bottom : calc( 17 * 100vw / 750 );
		font-size : calc( 50 * 100vw / 750 );
	}
	#search-top .inr {
    display: flex;
    align-items: center;
    justify-content: space-between;
		margin-top : calc( 40 * 100vw / 750 );
  }
	#search-top select{
		background-size : auto calc( 50 * 100vw / 750 );
		background-position-x : calc( 567 * 100vw / 750 );
	}
	#search-top select , #search-top input[type="search"]{
		margin-left : auto;
		margin-right : auto;
		width : calc( 420 * 100vw / 750 );
		height : calc( 100 * 100vw / 750 );
		font-size : calc( 36 * 100vw / 750 );
		border-radius : calc( 10 * 100vw / 750 );
		padding-left : calc( 30 * 100vw / 750 );
		padding-right : calc( 30 * 100vw / 750 );
	}
	#search-top input[type="submit"]{
		width : calc( 160 * 100vw / 750 );
		height : calc( 100 * 100vw / 750 );
		font-size : calc( 30 * 100vw / 750 );
    text-align: left;
		border-radius : calc( 50 * 100vw / 750 );
		background-position : right calc( 30 * 100vw / 750 ) center;
		padding-left: calc( 41 * 100vw / 750 );
	}
	#search-top a , #search-top input[type="submit"]{
		background-size : auto calc( 25 * 100vw / 750 );
	}
	#search-top a{
		width : calc( 590 * 100vw / 750 );
		height : calc( 90 * 100vw / 750 );
		font-size : calc( 40 * 100vw / 750 );
		line-height : calc( 90 * 100vw / 750 );
		border-radius : calc( 45 * 100vw / 750 );
		background-position : right calc( 21 * 100vw / 750 ) center;
		margin-top : calc( 40 * 100vw / 750 );
	}
  #search-top select:invalid,
  #search-top input[type="search"]::placeholder{
		color: #b0b0b0;
	}
	#search-top p{
    font-feature-settings: "palt";
		font-size : calc( 30 * 100vw / 750 );
		line-height : 1.38;
		margin-left : calc( -5 * 100vw / 750 );
	}
	#search-top li.here p {
		margin-top : calc( 25 * 100vw / 750 );
		text-align : center;
		white-space : nowrap;
	}
  #search-top li.postal p {
    margin-top : calc( 25 * 100vw / 750 );
  }
  #search-top li.pref h3:before{
    width : calc( 69 * 100vw / 750 );
    height : calc( 69 * 100vw / 750 );
    margin-right : calc( 16 * 100vw / 750 );
  }
  #search-top li.postal h3:before{
    width : calc( 69 * 100vw / 750 );
		height : calc( 69 * 100vw / 750 );
		margin-left: calc(8 * 100vw / 750);
		margin-right : calc( 16 * 100vw / 750 );
  }
	#search-top li.keyword h3:before{
		width : calc( 46 * 100vw / 750 );
		height : calc( 69 * 100vw / 750 );
		margin-right : calc( 31 * 100vw / 750 );
		margin-left : calc( 12 * 100vw / 750 );
	}
  #search-top li.here h3:before{
		width : calc( 69 * 100vw / 750 );
    height : calc( 69 * 100vw / 750 );
    margin-right : calc( 16 * 100vw / 750 );
	}
}
@media screen and (min-width: 769px) {
  #search-top .search-ttl {
    font-size: calc( 21 * 100vw / 1366 );
    font-weight: 700;
    line-height: 1.17;
    display: flex;
    align-items: center;
    margin-bottom: calc( 15 * 100vw / 1366 );
  }
  #search-top .search-ttl:before {
    content: "";
    display: block;
    background: url(/ren1909/images/ui/icon/search03.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    flex-shrink: 0;
    width: calc( 36 * 100vw / 1366 );
    height: calc( 36 * 100vw / 1366 );
    margin-right: calc( 11 * 100vw / 1366 );
  }
}

/*--------------------------------------------
SEARCH PREFECTURE pc-only
---------------------------------------------*/
@media screen and (max-width: 768px) {
  .pref-links {
    margin-top: 6.9230769231vw;
  }
}
@media screen and (min-width: 769px) {
  .pref-links {
    margin-top: 3.2942898975vw !important;
  }
}

.pref-links-row {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pref-links-row {
    flex-direction: column;
    gap: 3.0769230769vw 0;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-row {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .pref-links-row + .pref-links-row {
    margin-top: 3.8461538462vw;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-row + .pref-links-row {
    margin-top: 1.4641288433vw;
  }
}

.pref-links-name {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .pref-links-name {
    font-size: 4.6153846154vw;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-name {
    width: 20%;
    font-size: 1.5373352855vw;
  }
}

.pref-links-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .pref-links-list {
    gap: 2.0512820513vw 4.1025641026vw;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-list {
    width: 80%;
    gap: 0.7320644217vw 1.4641288433vw;
  }
}
.pref-links-list a {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: initial !important;
  text-align: left !important;
  color: #802077 !important;
  line-height: 1 !important;
  border-bottom: 1px solid #802077;
}
@media screen and (max-width: 768px) {
  .pref-links-list a {
    padding-bottom: 1px;
    font-size: 4.1025641026vw !important;
  }
}
@media screen and (min-width: 769px) {
  .pref-links-list a {
    padding-bottom: 2px;
    font-size: 1.5373352855vw !important;
  }
}

/*--------------------------------------------
LINKS
---------------------------------------------*/
#links li {
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: center;
}
#links h2 {
  font-weight: 700;
}
#links li:nth-child(1) h2 {
  color: #ec4d7d;
}
#links li:nth-child(2) h2 {
  color: #eb7b00;
}
#links li:nth-child(3) h2 {
  color: #0dab95;
}
#links li:nth-child(4) h2 {
  color: #1ca8ca;
}
#links li:nth-child(5) h2 {
  color: #948c00;
}
#links li:nth-child(6) h2 {
  color: #589cd9;
}
#links li {
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 0.3s ease-in;
}
#links li:hover {
  opacity: 0.9;
}
#links a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #links {
    padding-bottom: 10vh;
  }
  #links li {
    height: calc(360 * 100vw / 750);
    width: 100%;
  }
  #links li + li {
    margin-top: calc(20 * 100vw / 750);
  }
  #links li a {
    padding-top: calc(190 * 100vw / 750);
  }
  #links li:nth-child(1) {
    background-image: url("/ren1909/images/home/link02_sp.png");
  }
  #links li:nth-child(2) {
    background-image: url("/ren1909/images/home/link07_sp.png");
  }
  #links li:nth-child(3) {
    background-image: url("/ren1909/images/home/link01_sp.png");
  }
  #links li:nth-child(4) {
    background-image: url("/ren1909/images/home/link03_sp.png");
  }
  #links li:nth-child(5) {
    background-image: url("/ren1909/images/home/link05_sp.png");
  }
  #links li:nth-child(6) {
    background-image: url("/ren1909/images/home/link06_sp.png");
  }
  #links h2 {
    font-size: calc(40 * 100vw / 750);
  }
  #links p {
    font-size: calc(30 * 100vw / 750);
    line-height: 1.33;
    margin-top: calc((16 - 5) * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  #links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #links li:nth-child(1) {
    background-image: url("/ren1909/images/home/link02_pc.png");
  }
  #links li:nth-child(2) {
    background-image: url("/ren1909/images/home/link07_pc.png");
  }
  #links li:nth-child(3) {
    background-image: url("/ren1909/images/home/link08_pc.png");
  }
  #links li:nth-child(4) {
    background-image: url("/ren1909/images/home/link03_pc.png");
  }
  #links li:nth-child(5) {
    background-image: url("/ren1909/images/home/link05_pc.png");
  }
  #links li:nth-child(6) {
    background-image: url("/ren1909/images/home/link06_pc.png");
  }
}
@media screen and (min-width: 769px) and (max-width: 9366px) {
  #links {
    padding-bottom: calc(108 * 100vw / 1366);
  }
  #links li {
    height: calc(280 * 100vw / 1366);
  }
  #links li:nth-child(-n + 2) {
    width: calc(633 * 100% / 1286);
  }
  #links li:nth-child(-n + 2) a {
    padding-top: calc(166 * 100vw / 1366);
  }
  #links li:nth-child(n + 3) {
    width: calc(306 * 100% / 1286);
    margin-top: calc(20 * 100vw / 1366);
  }
  #links li:nth-child(n + 3) a {
    padding-top: calc(163 * 100vw / 1366);
  }
  #links h2 {
    font-size: calc(22 * 100vw / 1366);
  }
  #links p {
    font-size: calc(16 * 100vw / 1366);
    line-height: 1.5;
    margin-top: calc((14 -4) * 100vw / 1366);
  }
}
@media print, screen and (min-width: 9200px) {
  #links {
    padding-bottom: 108px;
  }
  #links li {
    height: 280px;
  }
  #links li:nth-child(-n + 2) {
    width: 633px;
  }
  #links li:nth-child(-n + 2) a {
    padding-top: 166px;
  }
  #links li:nth-child(n + 3) {
    width: 306px;
    margin-top: 20px;
  }
  #links li:nth-child(n + 3) a {
    padding-top: 163px;
  }
  #links h2 {
    font-size: 22px;
  }
  #links p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: calc(14px - 4px);
  }
}
#asides h3 {
  text-align: center;
  font-weight: 700;
  /* color: #802077; */
}
@media screen and (max-width: 768px) {
  #asides .wrap {
    padding-left: 0;
    padding-right: 0;
  }
  #asides .box {
    padding-bottom: calc(240 * 100vw / 750);
  }
  #asides h3 {
    font-size: calc(40 * 100vw / 750);
    line-height: 1.4;
  }
  #asides .register ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: calc(80 * 100vw / 750);
  }
  #asides .register ul li {
    width: calc(356 * 100vw / 750);
    margin-bottom: calc(40 * 100vw / 750);
  }
}
@media screen and (min-width: 769px) and (max-width: 9366px) {
  #asides .box {
    border-radius: calc(20 * 100vw / 1366) calc(20 * 100vw / 1366) 0 0;
    padding-bottom: calc(180 * 100vw / 1366);
    padding-left: calc(156 * 100vw / 1366);
    padding-right: calc(156 * 100vw / 1366);
  }
  #asides h3 {
    font-size: calc(26 * 100vw / 1366);
  }
  #asides .register ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: calc(60 * 100vw / 1366);
  }
  #asides .register ul li {
    width: calc(198 * 100vw / 1366);
    margin: 0 calc(10 * 100vw / 1366);
  }
}
@media print, screen and (min-width: 9200px) {
  #asides {
    background-size: auto 460px;
    padding-top: 300px;
  }
  #asides .box {
    border-radius: 20px 20px 0 0;
    padding-top: 50px;
    padding-bottom: 180px;
    padding-left: 156px;
    padding-right: 156px;
  }
  #asides h3 {
    font-size: 26px;
  }
  #asides .register ul {
    margin-bottom: 60px;
  }
  #asides .register ul li {
    margin: 0 10px;
  }
}
/*--------------------------------------------
BANNER
---------------------------------------------*/
#banners #slider02 .slide-arrow {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}
#banners picture img {
  width: 100%;
  height: auto;
}
#banners a {
  display: block;
}
#banners a:hover {
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 0.3s ease-in;
}
#banners a:hover:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  #banners {
    margin-top: calc(90 * 100vw / 750);
  }
  #banners div.slick-slide {
    width: calc(510 * 100vw / 750);
    margin-left: calc(20 * 100vw / 750);
    margin-right: calc(20 * 100vw / 750);
  }
  #banners h4 {
    font-size: calc(28 * 100vw / 750);
    line-height: 1.43;
    margin-top: calc((29 - 6) * 100vw / 750);
  }
  #banners .slick-arrow {
    top: calc(108 * 100vw / 750);
    height: calc(50 * 100vw / 750);
  }
  #banners .prev-arrow {
    left: calc(60 * 100vw / 750);
  }
  #banners .next-arrow {
    right: calc(60 * 100vw / 750);
  }
}
@media screen and (min-width: 769px) and (max-width: 9366px) {
  #banners {
    margin-top: calc(40 * 100vw / 1366);
  }
  #banners div.slick-slide {
    width: calc(230 * 100vw / 1366);
    margin-left: calc(10 * 100vw / 1366);
    margin-right: calc(10 * 100vw / 1366);
  }
  #banners h4 {
    font-size: calc(14 * 100vw / 1366);
    line-height: 1.43;
    margin-top: calc((12 - 3) * 100vw / 1366);
  }
  #banners .slick-arrow {
    top: calc(50 * 100vw / 1366);
    height: calc(20 * 100vw / 1366);
  }
  #banners .prev-arrow {
    left: calc(-34 * 100vw / 1366);
  }
  #banners .next-arrow {
    right: calc(-34 * 100vw / 1366);
  }
}
@media print, screen and (min-width: 9200px) {
  #banners {
    margin-top: 40px;
  }
  #banners div.slick-slide {
    width: 230px;
    margin-left: 10px;
    margin-right: 10px;
  }
  #banners h4 {
    font-size: 14px;
    line-height: 1.43;
    margin-top: calc(12px - 3px);
  }
  #banners .slick-arrow {
    top: 50px;
    height: 20px;
  }
  #banners .prev-arrow {
    left: -34px;
  }
  #banners .next-arrow {
    right: -34px;
  }
}
/*--------------------------------------------
SNSLINK
---------------------------------------------*/
#snslink ul {
  display: flex;
}
@media screen and (max-width: 768px) {
  #snslink {
    margin-top: calc((98 - 6) * 100vw / 750);
  }
  #snslink ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  #snslink ul li {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }
  #snslink ul li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  #snslink {
    margin-top: calc((100 - 30) * 100vw / 1366);
  }
  #snslink ul li {
    margin-right: 20px;
  }
  #snslink ul li:last-child {
    margin-right: 0;
  }
}
/*--------------------------------------------
snsBlock
---------------------------------------------*/
#snsBlock {
  background: #fff;
}
#snsBlock .ttl {
  color: #ffd800;
  font-weight: 700;
}
#snsBlock .txt {
  text-align: left;
}
#snsBlock .snsLinks {
  background: #fff;
  display: flex;
}
#snsBlock .snsLinks.icons {
  text-align: center;
}
#snsBlock .snsLinks .insta a {
  color: #802077;
  font-weight: 700;
}
#snsBlock .btn {
  background-color: #4d3d4b;
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: block;
  background-image: url(/ren1909/images/ui/icon/arrowleft03.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
@media screen and (max-width: 768px) {
  #snsBlock {
    background: #ededed;
    margin-bottom: calc(100 * 100vw / 750);
    padding-top: calc(72 * 100vw / 750);
    padding-right: calc(40 * 100vw / 750);
    padding-left: calc(40 * 100vw / 750);
  }
  #snsBlock .snsBlock-inr {
    padding-top: calc(27 * 100vw / 750);
    padding-bottom: calc(80 * 100vw / 750);
  }
  #snsBlock .ttl {
    font-size: calc(50 * 100vw / 750);
    letter-spacing: 0.1em;
    margin-bottom: calc(57 * 100vw / 750);
  }
  #snsBlock .txt {
    font-size: calc(30 * 100vw / 750);
    line-height: 1.333;
    letter-spacing: 0.13em;
    margin-bottom: calc(37 * 100vw / 750);
  }
  #snsBlock .snsLinks {
    border-radius: calc(20 * 100vw / 750);
  }
  #snsBlock .snsLinks.icons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: calc(40 * 100vw / 750)  0;
    margin-bottom: calc(60 * 100vw / 750);
  }
  #snsBlock .snsLinks.insta {
    margin: 0 auto calc(80 * 100vw / 750);
    background-color: #fff;
    padding: calc(29 * 100vw / 750)  calc(30 * 100vw / 750);
    text-align: left;
  }
  #snsBlock .snsLinks .insta {
    font-size: calc(30 * 100vw / 750);
    line-height: 1.73;
    width: 100%;
  }
  #snsBlock .snsLinks .insta a {
    font-size: 1.2em;
  }
  #snsBlock .snsLinks .insta .note-insta {
    font-size: calc(30 * 100vw / 750);
  }
  #snsBlock .snsLinks.icons dl {
    width: calc(230 * 100vw / 750);
  }
  #snsBlock .snsLinks.icons dt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(124 * 100vw / 750);
  }
  #snsBlock .snsLinks.icons a:nth-child(1) img {
    width: calc(124 * 100vw / 750);
    height: calc(124 * 100vw / 750);
  }
  #snsBlock .snsLinks.icons a:nth-child(2) img {
    width: calc(128 * 100vw / 750);
    height: calc(90 * 100vw / 750);
  }
  #snsBlock .snsLinks.icons a:nth-child(3) img {
    width: calc(114 * 100vw / 750);
    height: calc(114 * 100vw / 750);
  }
  #snsBlock .snsLinks.icons dd {
    font-size: calc(30 * 100vw / 750);
    padding-top: calc(20 * 100vw / 750);
  }
  #snsBlock .btn {
    border-radius: calc(45 * 100vw / 750);
    background-size: calc(69 * 100vw / 750) calc(70 * 100vw / 750);
    background-position-x: calc(100vw * 588 / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: calc(90 * 100vw / 750);
    width: calc(670 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    margin: auto;
    margin-bottom: calc(60 * 100vw / 750);
  }
  #snsBlock .right {
    height: calc(624 * 100vw / 750);
  }
  .fbcomments,
  .fb_iframe_widget,
  .fb_iframe_widget[style],
  .fb_iframe_widget iframe[style],
  .fbcomments iframe[style],
  .fb_iframe_widget span {
    width: 100% !important;
    height: calc(624 * 100vw / 750) !important;
  }
}
@media screen and (min-width: 769px) {
  #snsBlock {
    border-radius: calc(8 * 100vw / 1366);
    padding-top: calc(50 * 100vw / 1366);
    margin-bottom: calc(30 * 100vw / 1366);
  }
  #snsBlock .snsBlock-inr {
    display: flex;
    justify-content: space-between;
    padding: calc(50 * 100vw / 1366);
  }
  #snsBlock .left {
    width: calc(478 * 100vw / 1366);
  }
  #snsBlock .ttl {
    font-size: calc(26 * 100vw / 1366);
    margin-bottom: calc(36 * 100vw / 1366);
  }
  #snsBlock .txt {
    font-size: calc(16 * 100vw / 1366);
    line-height: 1.5;
    margin-bottom: calc(26 * 100vw / 1366);
  }
  #snsBlock .snsLinks {
    margin: 0 auto calc(40 * 100vw / 1366);
  }
  #snsBlock .snsLinks.insta {
    border-radius: calc(8 * 100vw / 1366);
    padding: calc(16 * 100vw / 1366) calc(20 * 100vw / 1366);
    margin: 0 auto calc(60 * 100vw / 1366);
    background-color: #ededed;
  }
  #snsBlock .snsLinks .insta {
    font-size: 90%;
    line-height: 1.5;
  }
  #snsBlock .snsLinks .insta a {
    font-size: 1.4em;
  }
  #snsBlock .snsLinks .insta .note-insta {
    font-size: 80%;
    font-weight: 500;
  }
  #snsBlock .snsLinks.icons dt {
    height: calc(57 * 100vw / 1366);
  }
  #snsBlock .snsLinks.icons a:first-child {
    margin-left: calc(10 * 100vw / 1366);
  }
  #snsBlock .snsLinks.icons a:not(:last-child) {
    margin-right: calc(50 * 100vw / 1366);
  }
  #snsBlock .snsLinks.icons a:nth-child(2) dt {
    padding-top: calc(6 * 100vw / 1366);
  }
  #snsBlock .snsLinks.icons a:nth-child(1) img {
    width: calc(62 * 100vw / 1366);
    height: calc(62 * 100vw / 1366);
  }
  #snsBlock .snsLinks.icons a:nth-child(2) img {
    width: calc(64 * 100vw / 1366);
    height: calc(45 * 100vw / 1366);
  }
  #snsBlock .snsLinks.icons a:nth-child(3) img {
    width: calc(57 * 100vw / 1366);
    height: calc(57 * 100vw / 1366);
  }
  /* #snsBlock .snsLinks.icons a:nth-child(4) img {
    width: calc(57 * 100vw / 1366);
    height: calc(57 * 100vw / 1366);
  } */
  #snsBlock .snsLinks.icons dd {
    padding-top: calc(13 * 100vw / 1366);
  }
  #snsBlock .btn {
    border-radius: calc(35 * 100vw / 1366);
    background-size: calc(39 * 100vw / 1366) calc(39 * 100vw / 1366);
    background-position-x: calc(423 * 100vw / 1366);
    font-size: calc(24 * 100vw / 1366);
    line-height: calc(70 * 100vw / 1366);
    width: calc(478 * 100vw / 1366);
    height: calc(70 * 100vw / 1366);
    margin: 0 auto;
  }
  #snsBlock .right {
    width: calc(340 * 100vw / 1366);
    height: calc(463 * 100vw / 1366);
  }
  .fbcomments,
  .fb_iframe_widget,
  .fb_iframe_widget[style],
  .fb_iframe_widget iframe[style],
  .fbcomments iframe[style],
  .fb_iframe_widget span {
    width: 100% !important;
    height: calc(463 * 100vw / 1366) !important;
  }
}
/*--------------------------------------------
IPO
---------------------------------------------*/
.temporary-notice__box {
  border: 1px solid #aaa;
  padding: 20px;
}
#asides .temporary-notice__hd {
  text-align: left;
  font-weight: 700;
  font-feature-settings: "palt";
}
.temporary-notice__txt {
  line-height: 1.5;
}
.temporary-notice__link {
  background-color: #4d3d4b;
  color: #fff;
  font-weight: 500;
  display: block;
  background-image: url(/ren1909/images/ui/icon/arrow_white.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
@media screen and (max-width: 768px) {
  .temporary-notice {
    margin-top: calc(90 * 100vw / 750);
    padding-left: calc(40 * 100% / 750);
    padding-right: calc(40 * 100% / 750);
  }
  #asides .temporary-notice__hd {
    font-size: calc(34 * 100vw / 750);
  }
  .temporary-notice__txt {
    margin-top: calc(30 * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
  }
  .temporary-notice__link {
    border-radius: calc(45 * 100vw / 750);
    background-size: calc(15 * 100vw / 750) calc(25 * 100vw / 750);
    background-position-x: calc(100vw * 535 / 750);
    font-size: calc(30 * 100vw / 750);
    line-height: calc(90 * 100vw / 750);
    width: calc(590 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    padding-left: calc(41 * 100vw / 750);
    margin: calc(30 * 100vw / 750) 0 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .temporary-notice {
    margin-top: calc((100 - 30) * 100vw / 1366);
  }
  #asides .temporary-notice__hd {
    font-size: calc(18 * 100vw / 1366);
  }
  .temporary-notice__txt {
    margin-top: calc(16 * 100vw / 1366);
    font-size: calc(16 * 100vw / 1366);
  }
  .temporary-notice__link {
    border-radius: calc(15 * 100vw / 1366);
    background-size: calc(6 * 100vw / 1366) calc(10 * 100vw / 1366);
    background-position-x: calc(244 * 100vw / 1366);
    font-size: calc(14 * 100vw / 1366);
    line-height: calc(30 * 100vw / 1366);
    width: calc(260 * 100vw / 1366);
    height: calc(30 * 100vw / 1366);
    padding-left: calc(14 * 100vw / 1366);
    margin: calc(16 * 100vw / 1366) 0 0 auto;
  }
}
/*--------------------------------------------
TOPICS
---------------------------------------------*/
#topics > ul > li {
  position: relative;
}
#topics > ul > li > p {
  position: absolute;
  background: url("/ren1909/images/home/bg_pickup02.png") 0 0 / contain
    no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
}
#topics h4 {
  background-color: #f2e8f1;
}
#topics h4 > span:nth-of-type(1) {
  color: #802077;
  line-height: 1;
  display: block;
}
#topics h4 > span:nth-of-type(2) {
  color: #333;
  font-weight: 700;
  display: block;
}
#topics > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #4d3d4b;
  background-image: url("/ren1909/images/ui/icon/arrow_white.png");
  background-repeat: no-repeat;
  background-position-y: center;
  color: #fff;
}
#topics time {
  color: #a1a1a1;
}
#topics li li a:hover h5 {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #topics {
    margin-top: calc((100 - 6) * 100vw / 750);
    padding-left: calc(40 * 100% / 750);
    padding-right: calc(40 * 100% / 750);
  }
  #topics > ul > li + li {
    margin-top: calc(80 * 100vw / 750);
  }
  #topics > ul > li > p {
    font-size: calc(27 * 100vw / 750);
    width: calc(100 * 100vw / 750);
    height: calc(96 * 100vw / 750);
    top: calc(-25 * 100vw / 750);
    left: calc(295 * 100vw / 750);
    padding-left: calc(4 * 100vw / 750);
  }
  #topics h4 {
    border-radius: calc(10 * 100vw / 750);
    padding-left: calc(30 * 100% / 670);
    padding-left: calc(30 * 100% / 670);
    padding-top: calc(23 * 100vw / 750);
    padding-bottom: calc(23 * 100vw / 750);
  }
  #topics h4 > span:nth-of-type(1) {
    font-size: calc(26 * 100vw / 750);
  }
  #topics h4 > span:nth-of-type(2) {
    font-size: calc(40 * 100vw / 750);
    margin-top: calc(15 * 100vw / 750);
    line-height: 1;
  }
  #topics ul ul {
    margin-top: calc(40 * 100vw / 750);
    margin-bottom: calc(45 * 100vw / 750);
  }
  #topics ul ul li + li {
    margin-top: calc((40 - 5) * 100vw / 750);
  }
  #topics time {
    font-size: calc(30 * 100vw / 750);
    display: block;
  }
  #topics h5 {
    margin-top: calc((10 - 5) * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
    line-height: 1.33;
  }
  /*
  #topics > ul > li > a {
    width: calc(500 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    margin-left: auto;
    margin-right: auto;
    font-size: calc(30 * 100vw / 750);
    border-radius: calc(45 * 100vw / 750);
    background-size: auto calc(25 * 100vw / 750);
    background-position-x: calc(445 * 100vw / 750);
    margin-top: calc((59 - 5) * 100vw / 750);
  }
  */
}
@media print, screen and (min-width: 769px) {
  #topics > ul > li {
    display: flex;
    align-items: flex-start;
  }
  #topics h4 {
    flex-shrink: 0;
  }
  #topics > ul > li > a {
    
    position: absolute;
    backface-visibility: hidden;
    will-change: color, background-color;
    transition: color 0.3s ease-in, background-color 0.3s ease-in;
  }
  #topics > ul > li > a:hover {
    color: #802077;
    background-color: #fff;
    background-image: url("/ren1909/images/ui/icon/arrow_on.png");
  }
  #topics ul ul {
    width: 100%;
    flex-grow: 1;
  }
  #topics ul ul a,
  #topics ul ul span {
    display: flex;
    align-items: flex-start;
  }
}
@media screen and (min-width: 769px) and (max-width: 9366px) {
  #topics {
    margin-top: calc(100 * 100vw / 1366);
  }
  #topics > ul > li + li {
    margin-top: calc(50 * 100vw / 1366);
  }
  #topics > ul > li > p {
    font-size: calc(14 * 100vw / 1366);
    width: calc(51 * 100vw / 1366);
    height: calc(49 * 100vw / 1366);
    top: calc(-22 * 100vw / 1366);
    left: calc(85 * 100vw / 1366);
    padding-left: calc(2 * 100vw / 1366);
  }
  #topics h4 {
    width: calc(130 * 100vw / 1366);
    height: calc(175 * 100vw / 1366);
    border-radius: calc(5 * 100vw / 1366);
    padding-top: calc(15 * 100vw / 1366);
    padding-left: calc(15 * 100vw / 1366);
    padding-right: calc(15 * 100vw / 1366);
  }
  #topics h4 > span:nth-of-type(1) {
    font-size: calc(13 * 100vw / 1366);
  }
  #topics h4 > span:nth-of-type(2) {
    font-size: calc(16 * 100vw / 1366);
    line-height: 1.19;
    margin-top: calc((7 - 1.5) * 100vw / 1366);
  }
  #topics h4 > span:nth-of-type(2) span {
    font-size: calc(12 * 100vw / 1366);
  }
  #topics > ul > li > a {
    left: calc(10 * 100vw / 1366);
    top: calc(120 * 100vw / 1366);
    width: calc(110 * 100vw / 1366);
    height: calc(44 * 100vw / 1366);
    font-size: calc(14 * 100vw / 1366);
    border-radius: calc(22 * 100vw / 1366);
    background-size: auto calc(10 * 100vw / 1366);
    background-position-x: calc(94 * 100vw / 1366);
  }
  #topics ul ul {
    margin-left: calc(20 * 100vw / 1366);
  }
  #topics ul ul li + li {
    margin-top: calc((16 - 2) * 100vw / 1366);
  }
  #topics time {
    font-size: calc(16 * 100vw / 1366);
  }
  #topics h5 {
    margin-top: calc(-2 * 100vw / 1366);
    font-size: calc(16 * 100vw / 1366);
    line-height: 1.25;
    margin-left: calc(17 * 100vw / 1366);
  }
}
@media print, screen and (min-width: 9200px) {
  #topics {
    margin-top: calc(100px - 3px);
  }
  #topics > ul > li + li {
    margin-top: 50px;
  }
  #topics > ul > li > p {
    font-size: 14px;
    width: 51px;
    height: 49px;
    top: -22px;
    left: 85px;
    padding-left: 2px;
  }
  #topics h4 {
    width: 130px;
    height: 150px;
    border-radius: 5px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #topics h4 > span:nth-of-type(1) {
    font-size: 13px;
  }
  #topics h4 > span:nth-of-type(2) {
    font-size: 16px;
    line-height: 1.19;
    margin-top: calc(7px - 1.5px);
  }
  #topics h4 > span:nth-of-type(2) span {
    font-size: 12px;
  }
  #topics > ul > li > a {
    left: 10px;
    top: 120px;
    width: 110px;
    height: 20px;
    font-size: 14px;
    border-radius: 10px;
    background-size: auto 10px;
    background-position-x: 94px;
  }
  #topics ul ul {
    margin-left: 20px;
  }
  #topics ul ul a {
    display: flex;
    align-items: flex-start;
  }
  #topics ul ul li + li {
    margin-top: calc(16px - 2px);
  }
  #topics time {
    font-size: 16px;
  }
  #topics h5 {
    margin-top: -2px;
    font-size: 16px;
    line-height: 1.25;
    margin-left: 17px;
  }
}

/*--------------------------------------------
columnTag
---------------------------------------------*/
.columnTag {
  color: #802077;
  font-weight: 700;
  display: inline-block;
  position: relative;
}
.columnTag.current {
  background: #ffd800;
}
@media screen and (max-width: 768px) {
  .columnTag {
    background: url(/ren1909/images/column/tag_bg01_sp.png) no-repeat
      center right;
    background-size: auto calc(60 * 100vw / 750);
    border: calc(2 * 100vw / 750) solid #802077;
    border-right: none;
    font-size: calc(28 * 100vw / 750);
    line-height: calc(56 * 100vw / 750);
    padding-left: calc(17 * 100vw / 750);
    padding-right: calc(40 * 100vw / 750);
  }
  .columnTag.current {
    background: url(/ren1909/images/column/tag_bg02_sp.png) no-repeat
      center right;
    background-size: auto calc(60 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .columnTag {
    background: url(/ren1909/images/column/tag_bg01.png) no-repeat center
      right;
    background-size: auto calc(30 * 100vw / 1366);
    border: 1px solid #802077;
    border-right: none;
    font-size: calc(14 * 100vw / 1366);
    line-height: calc(28 * 100vw / 1366);
    padding-left: calc(17 * 100vw / 1366);
    padding-right: calc(30 * 100vw / 1366);
  }
  .columnTag.current {
    background: url(/ren1909/images/column/tag_bg02.png) no-repeat center
      right;
    background-size: auto calc(30 * 100vw / 1366);
  }
}


/*--------------------------------------------
link-box-block
---------------------------------------------*/
.link-box {
  background: #e5d8e6;
  text-align: center;
  display: block;
}
.link-box.type02 {
  background: #fff4b2;
  border: solid 2px #ededed;
}
.link-box .ttl {
  font-weight: 700;
}
.link-box .ttl02 {
  font-weight: 700;
}
.link-box .copy {
  color: #802077;
  font-weight: 700;
}
.link-box .btn {
  background-color: #4d3d4b;
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: block;
  background-image: url(/ren1909/images/ui/icon/arrowleft03.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
.link-box .btn-search {
  background-image: url(/ren1909/images/home/icn_search.png);

}
@media screen and (max-width: 768px) {
  .link-box-list {
    padding-bottom: calc(40 * 100vw / 750);
  }
  .link-box {
    border-radius: calc(20 * 100vw / 750);
    width: calc(670 * 100vw / 750);
    padding: calc(40 * 100vw / 750);
    padding-bottom: calc(60 * 100vw / 750);
    margin: calc(40 * 100vw / 750) auto 0;
  }
  .link-box.is-pc {
    display: none;
  }
  .link-box .icn {
    width: calc(130 * 100vw / 750);
    height: calc(130 * 100vw / 750);
    margin-bottom: calc(22 * 100vw / 750);
  }
  .link-box .ttl {
    font-size: calc(40 * 100vw / 750);
    line-height: 1.4;
    margin-bottom: calc(7 * 100vw / 750);
  }
  .link-box .ttl02 {
    font-size: calc(40 * 100vw / 750);
    line-height: 1.4;
    margin-bottom: calc(7 * 100vw / 750);
  }
  .link-box .txt {
    font-size: calc(30 * 100vw / 750);
    line-height: 1.333;
    margin-bottom: calc(45 * 100vw / 750);
  }
  .link-box .btn {
    border-radius: calc(45 * 100vw / 750);
    background-size: calc(69 * 100vw / 750) calc(70 * 100vw / 750);
    background-position-x: calc(508 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: calc(90 * 100vw / 750);
    width: calc(590 * 100vw / 750);
    height: calc(90 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .link-box-list {
    padding-bottom: calc(36 * 100vw / 1366);
  }
  .link-box-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .link-box {
    border-radius: calc(10 * 100vw / 1366);
    width: calc(415 * 100vw / 1366);
    height: calc(344 * 100vw / 1366);
    padding: calc(40 * 100vw / 1366);
    padding-top: calc(50 * 100vw / 1366);
  }
  .link-box.is-sp {
    display: none;
  }
  .link-box .icn {
    width: calc(95 * 100vw / 1366);
    height: calc(95 * 100vw / 1366);
    margin-bottom: calc(20 * 100vw / 1366);
  }
  .link-box .ttl {
    font-size: calc(26 * 100vw / 1366);
    margin-bottom: calc(8 * 100vw / 1366);
  }
  .link-box .ttl02 {
    font-size: calc(24 * 100vw / 1366);
    margin-bottom: calc(4 * 100vw / 1366);
  }
  .link-box .txt {
    font-size: calc(16 * 100vw / 1366);
    line-height: 1.25;
    margin-bottom: calc(36 * 100vw / 1366);
  }
  .link-box:nth-child(3) .txt {
    margin-bottom: calc(18 * 100vw / 1366);
  }
  .link-box .copy {
    font-size: calc(38 * 100vw / 1366);
    margin-bottom: calc(25 * 100vw / 1366);
  }
  .link-box .btn {
    border-radius: calc(35 * 100vw / 1366);
    background-size: calc(31 * 100vw / 1366) calc(31 * 100vw / 1366);
    background-position-x: calc(294 * 100vw / 1366);
    font-size: calc(18 * 100vw / 1366);
    line-height: calc(50 * 100vw / 1366);
    width: calc(335 * 100vw / 1366);
    height: calc(50 * 100vw / 1366);
    margin: 0 auto;
  }
}


/*--------------------------------------------
magazine
---------------------------------------------*/
.magazine {
  background: #ededed;
}
.magazine .ttl {
  text-align: center;
  font-weight: 700;
}
.magazine .ttl .ja {
  display: inline-block;
}
.magazine .ttl .en {
  color: #802077;
}
.magazine .link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.magazine .link-list li a {
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-weight: 700;
  display: block;
}
@media screen and (max-width: 768px) {
  .magazine {
    padding-top: calc(40 * 100vw / 750);
    padding-bottom: calc(20 * 100vw / 750);
  }
  .magazine .ttl {
    margin-bottom: calc(40 * 100vw / 750);
  }
  .magazine .ttl .ja {
    font-size: calc(40 * 100vw / 750);
    margin-bottom: calc(20 * 100vw / 750);
  }
  .magazine .ttl .en {
    font-size: calc(30 * 100vw / 750);
  }
  .magazine .link-list li {
    margin-bottom: calc(40 * 100vw / 750);
  }
  .magazine .link-list li a {
    font-size: calc(40 * 100vw / 750);
    line-height: 1.5;
    width: calc(315 * 100vw / 750);
    height: calc(315 * 100vw / 750);
    padding: calc(20 * 100vw / 750);
  }
  .magazine .link-list li:nth-child(1) a {
    background-image: url(/ren1909/images/home/img_magazine01_sp.png);
  }
  .magazine .link-list li:nth-child(2) a {
    background-image: url(/ren1909/images/home/img_magazine02_sp.png);
  }
  .magazine .link-list li:nth-child(3) a {
    background-image: url(/ren1909/images/home/img_magazine03_sp.png);
  }
  .magazine .link-list li:nth-child(4) a {
    background-image: url(/ren1909/images/home/img_magazine04_sp.png);
  }
  .magazine .link-list li:nth-child(5) a {
    background-image: url(/ren1909/images/home/img_magazine05_sp.png);
  }
  .magazine .link-list li:nth-child(6) a {
    background-image: url(/ren1909/images/home/img_magazine06_sp.png);
  }
  .magazine .link-list li:nth-child(7) a {
    background-image: url(/ren1909/images/home/img_magazine07_sp.png);
  }
  .magazine .link-list li:nth-child(8) a {
    background-image: url(/ren1909/images/home/img_magazine08_sp.png);
  }

}
@media print, screen and (min-width: 769px) {
  .magazine {
    padding-top: calc(50 * 100vw / 1366);
    padding-bottom: calc(30 * 100vw / 1366);
  }
  .magazine .ttl {
    margin-bottom: calc(32 * 100vw / 1366);
  }
  .magazine .ttl .ja {
    font-size: calc(26 * 100vw / 1366);
    margin-bottom: calc(10 * 100vw / 1366);
  }
  .magazine .link-list li {
    margin-bottom: calc(20 * 100vw / 1366);
    width: calc(306 * 100vw / 1366);
  }
  .magazine .link-list li a {
    font-size: calc(22 * 100vw / 1366);
    line-height: 1.545;
    width: 100%;
    /* width: calc(306 * 100vw / 1366); */
    height: calc(128 * 100vw / 1366);
    padding: calc(14 * 100vw / 1366) calc(20 * 100vw / 1366);
  }
  .magazine .link-list li:nth-child(1) a {
    background-image: url(/ren1909/images/home/img_magazine01_pc.png);
  }
  .magazine .link-list li:nth-child(2) a {
    background-image: url(/ren1909/images/home/img_magazine02_pc.png);
  }
  .magazine .link-list li:nth-child(3) a {
    background-image: url(/ren1909/images/home/img_magazine03_pc.png);
  }
  .magazine .link-list li:nth-child(4) a {
    background-image: url(/ren1909/images/home/img_magazine04_pc.png);
  }
  .magazine .link-list li:nth-child(5) a {
    background-image: url(/ren1909/images/home/img_magazine05_pc.png);
  }
  .magazine .link-list li:nth-child(6) a {
    background-image: url(/ren1909/images/home/img_magazine06_pc.png);
  }
  .magazine .link-list li:nth-child(7) a {
    background-image: url(/ren1909/images/home/img_magazine07_pc.png);
  }
  .magazine .link-list li:nth-child(8) a {
    background-image: url(/ren1909/images/home/img_magazine08_pc.png);
  }
}
/*--------------------------------------------
IPO
---------------------------------------------*/
.ipo_box {
  display: flex;
  border: 1px solid #aaa;
  padding: 20px;
}
.ipo_box_logo {
  display: block;
}
.ipo_box_txt {
  line-height: 1.5;
}
.ipo_box_btn {
  background-color: #4d3d4b;
  color: #fff;
  font-weight: 500;
  display: block;
  background-image: url(/ren1909/images/ui/icon/arrow_white.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
@media screen and (max-width: 768px) {
  .ipo {
    margin-top: calc(90 * 100vw / 750);
    padding-left: calc(40 * 100% / 750);
    padding-right: calc(40 * 100% / 750);
  }
  .ipo_box {
    flex-flow: column wrap;
    justify-content: center;
  }
  .ipo_box_txt {
    font-size: calc(30 * 100vw / 750);
  }
  .ipo_box_logo {
    min-width: calc(180 * 100vw / 750);
    width: calc(180 * 100vw / 750);
    margin: 0 auto 20px;
  }
  .ipo_box_btn {
    border-radius: calc(45 * 100vw / 750);
    background-size: calc(15 * 100vw / 750) calc(25 * 100vw / 750);
    background-position-x: calc(100vw * 535 / 750);
    font-size: calc(30 * 100vw / 750);
    line-height: calc(90 * 100vw / 750);
    width: calc(590 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    padding-left: calc(41 * 100vw / 750);
    margin-top: calc(34 * 100vw / 750);
  }
}
@media screen and (min-width: 769px) {
  .ipo {
    margin-top: calc((100 - 30) * 100vw / 1366);
    overflow: hidden;
  }
  .ipo_box_logo {
    min-width: calc(80 * 100vw / 1366);
    width: calc(80 * 100vw / 1366);
    height: calc(80 * 100vw / 1366);
  }
  .ipo_box_txt {
    margin-left: 30px;
    font-size: calc(16 * 100vw / 1366);
  }
  .ipo_box_btn {
    border-radius: calc(15 * 100vw / 1366);
    background-size: calc(6 * 100vw / 1366) calc(10 * 100vw / 1366);
    background-position-x: calc(244 * 100vw / 1366);
    font-size: calc(14 * 100vw / 1366);
    line-height: calc(30 * 100vw / 1366);
    width: calc(260 * 100vw / 1366);
    height: calc(30 * 100vw / 1366);
    padding-left: calc(14 * 100vw / 1366);
    margin-top: calc(40 * 100vw / 1366);
    float: right;
  }
}
/*--------------------------------------------
topNote
---------------------------------------------*/
#topNote {
  text-align: center;
  line-height: 1.5;
  color: gray;
  font-weight: bold;
}
#topNote .btnMeasure,
.preventation .btnMeasure,
#topNote .btnProtein {
  color: #fff;
  display: block;
}
#topNote .btnMeasure {
  background-color: #ffc000;
}
#topNote .btnProtein {
  background-color: #006600;
}
.topBtn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.topBtn a {
  font-weight: bold;
}
.topBtn .btnQA {
  background-color: #c00000;
  color: #fff;
}
.topBtn .btnProtein,
.preventation .btnMeasure {
  background-color: #ffc000;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #topNote {
    font-size: 3.5vw;
    padding-bottom: calc(40 * 100vw / 750);
  }
  #topNote .btnMeasure,
  .preventation .btnMeasure,
  #topNote .btnProtein {
    width: 100%;
    height: calc(90 * 100vw / 750);
    margin: calc(20 * 100vw / 750) auto;
    border-radius: calc(45 * 100vw / 750);
    font-size: calc(36 * 100vw / 750);
    line-height: calc(90 * 100vw / 750);
  }
  #topNote .btnMeasure {
    font-size: calc(35 * 100vw / 750);
  }
  #topNote .btnProtein {
    font-size: calc(31 * 100vw / 750);
  }
  #topNote h3 {
    font-size: calc(30 * 100vw / 750);
    margin-bottom: calc(10 * 100vw / 750);
  }
  .topBtn a {
    font-size: calc(30 * 100vw / 750);
    width: 90%;
    height: calc(90 * 100vw / 750);
    margin-top: calc(40 * 100vw / 750);
    border-radius: calc(45 * 100vw / 750);
    line-height: calc(90 * 100vw / 750);
  }
  .topBtn .btnQA .qasmall {
    font-size: calc(25 * 100vw / 750);
  }
}
@media screen and (min-width: 769px) {
  #topNote {
    padding-bottom: calc(20 * 100vw / 1366);
  }
  #topNote .btnMeasure,
  .preventation .btnMeasure,
  #topNote .btnProtein {
    width: calc(683 * 100vw / 1366);
    font-size: calc(30 * 100vw / 1366);
    margin: calc(20 * 100vw / 1366) auto;
    padding: calc(16 * 100vw / 1366) 0;
    border-radius: calc(25 * 100vw / 1366);
  }
  #topNote h3 {
    font-size: calc(30 * 100vw / 1366);
    margin: calc(30 * 100vw / 1366) calc(20 * 100vw / 1366) 0;
    padding: calc(10 * 100vw / 1366) calc(30 * 100vw / 1366);
  }
  .topBtn a {
    font-size: calc(25 * 100vw / 1366);
    margin: calc(30 * 100vw / 1366) calc(20 * 100vw / 1366) 0;
    padding: calc(10 * 100vw / 1366) calc(30 * 100vw / 1366);
    border-radius: calc(25 * 100vw / 1366);
  }
  .topBtn .btnQA .qasmall {
    font-size: calc(16 * 100vw / 1366);
  }
}

/*--------------------------------------------
About
---------------------------------------------*/
.about a:hover {
  opacity: 0.9;
}
.about .link {
  height: calc(140 * 100vw / 1366);
}
.about .link a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(10 * 100vw / 1366);
  padding-top: calc(21 * 100vw / 1366);
  padding-bottom: calc(21 * 100vw / 1366);
  padding-left: calc(153 * 100vw / 1366);
  padding-right: calc(153 * 100vw / 1366);
  background-color: #ffcf9c;
  transition: opacity 0.3s ease-in;
}
.about .link a h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(95 * 100vw / 1366);
  padding-left: calc(118 * 100vw / 1366);
  background-image: url(/ren1909/images/ui/icon/about.svg);
  background-size: auto calc(95 * 100vw / 1366);
  background-position: 0 0;
  background-repeat: no-repeat;
  font-weight: 700;
  color: #ed7b00;
}
.about .link a h2 span {
  display: block;
  color: #333;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .about .link {
    height: calc(176 * 100vw / 750);
  }
  .about .link a {
    position: relative;
    border-radius: calc(10 * 100vw / 750);
    padding-top: calc(30 * 100vw / 750);
    padding-bottom: calc(30 * 100vw / 750);
    padding-left: calc(20 * 100vw / 750);
    padding-right: calc(20 * 100vw / 750);
  }
  .about .link a h2 {
    height: calc(65 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    padding-left: calc(80 * 100vw / 750);
    background-size: auto calc(65 * 100vw / 750);
  }
  .about .link a h2 span {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    bottom: calc(30 * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
    line-height: 1.33;
    margin-top: calc((16 - 5) * 100vw / 750);
  }
}

@media screen and (min-width: 769px) and (max-width: 9366px) {
  .about .link a h2 {
    font-size: calc(22 * 100vw / 1366);
  }
  .about .link a h2 span {
    font-size: calc(16 * 100vw / 1366);
    line-height: 1.5;
    margin-top: calc((10 -4) * 100vw / 1366);
  }
}

@media print, screen and (min-width: 9200px) {
  .about .link a h2 span {
    font-size: 16px;
    line-height: 1.5;
    margin-top: calc(14px - 4px);
  }
}

/*--------------------------------------------
LINKS 200623
---------------------------------------------*/
/* .links li {
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: center;
}
.links h2 {
  font-weight: 700;
}
#links1 li:nth-child(1) h2 {
  color: #ec4d7d;
}
#links1 li:nth-child(2) h2 {
  color: #0dab95;
}
#links2 li:nth-child(1) h2 {
  color: #1ca8ca;
}
#links2 li:nth-child(2) h2 {
  color: #948c00;
}
#links2 li:nth-child(3) h2 {
  color: #589cd9;
}
.links li {
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 0.3s ease-in;
}
.links li:hover {
  opacity: 0.9;
}
.links a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #links2 {
    padding-bottom: 10vh;
  }
  .links li {
    height: calc(360 * 100vw / 750);
    width: 100%;
  }
  .links li + li {
    margin-top: calc(20 * 100vw / 750);
  }
  .links li a {
    padding-top: calc(190 * 100vw / 750);
  }
  #links1 li:nth-child(1) {
    background-image: url("/ren1909/images/home/link02_sp.png");
  }
  #links1 li:nth-child(2) {
    display: none;
    background-image: url("/ren1909/images/home/link01_sp.png");
  }
  #links2 li:nth-child(1) {
    display: block;
    background-image: url("/ren1909/images/home/link01_sp.png");
  }
  #links2 li:nth-child(2) {
    background-image: url("/ren1909/images/home/link03_sp.png");
  }
  #links2 li:nth-child(3) {
    background-image: url("/ren1909/images/home/link05_sp.png");
  }
  #links2 li:nth-child(4) {
    background-image: url("/ren1909/images/home/link06_sp.png");
  }
  #links1 li:nth-child(2) h2 {
    display: none;
    color: #0dab95;
  }
  #links2 li:nth-child(1) h2 {
    display: block;
    color: #0dab95;
  }
  #links2 li:nth-child(2) h2 {
    color: #1ca8ca;
  }
  #links2 li:nth-child(3) h2 {
    color: #948c00;
  }
  #links2 li:nth-child(4) h2 {
    color: #589cd9;
  }
  .links h2 {
    font-size: calc(40 * 100vw / 750);
  }
  .links p {
    font-size: calc(30 * 100vw / 750);
    line-height: 1.33;
    margin-top: calc((16 - 5) * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #links1 li:nth-child(1) {
    background-image: url("/ren1909/images/home/link02_pc.png");
  }
  #links1 li:nth-child(2) {
    background-image: url("/ren1909/images/home/link08_pc.png");
  }
  #links2 li:nth-child(1) {
    display: none;
  }
  #links2 li:nth-child(2) {
    background-image: url("/ren1909/images/home/link03_pc.png");
  }
  #links2 li:nth-child(3) {
    background-image: url("/ren1909/images/home/link05_pc.png");
  }
  #links2 li:nth-child(4) {
    background-image: url("/ren1909/images/home/link06_pc.png");
  }
  #links1 li:nth-child(2) h2 {
    display: block;
    color: #0dab95;
  }
  #links2 li:nth-child(1) h2 {
    display: none;
    color: #0dab95;
  }
  #links2 li:nth-child(2) h2 {
    color: #1ca8ca;
  }
  #links2 li:nth-child(3) h2 {
    color: #948c00;
  }
  #links2 li:nth-child(4) h2 {
    color: #589cd9;
  }
}
@media screen and (min-width: 769px) and (max-width: 9366px) {
  #links1 {
    padding-bottom: calc(20 * 100vw / 1366);
  }
  #links2 {
    padding-bottom: calc(108 * 100vw / 1366);
  }
  .links li {
    height: calc(280 * 100vw / 1366);
  }
  #links1 li {
    width: calc(633 * 100% / 1286);
  }
  #links1 li a {
    padding-top: calc(166 * 100vw / 1366);
  }
  #links2 li {
    width: calc(416 * 100% / 1286);
    margin-top: calc(20 * 100vw / 1366);
  }
  #links2 li a {
    padding-top: calc(163 * 100vw / 1366);
  }
  .links h2 {
    font-size: calc(22 * 100vw / 1366);
  }
  .links p {
    font-size: calc(16 * 100vw / 1366);
    line-height: 1.5;
    margin-top: calc((14 -4) * 100vw / 1366);
  }
}
@media print, screen and (min-width: 9200px) {
  .links {
    padding-bottom: 108px;
  }
  .links li {
    height: 280px;
  }
  .links li:nth-child(-n + 2) {
    width: 633px;
  }
  .links li:nth-child(-n + 2) a {
    padding-top: 166px;
  }
  .links li:nth-child(n + 3) {
    width: 306px;
    margin-top: 20px;
  }
  .links li:nth-child(n + 3) a {
    padding-top: 163px;
  }
  .links h2 {
    font-size: 22px;
  }
  .links p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: calc(14px - 4px);
  }
} */

/*--------------------------------------------
cm2106
---------------------------------------------*/

.cm2106 img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .cm2106-youtube {
    width: 100%;
    height: calc(420 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .cm2106 {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
  }
  .cm2106-left {
    width: calc(683 * 100vw / 1366);
    height: calc(360 * 100vw / 1366);
  }
  .cm2106-bnr-real {
    width: calc(683 * 100vw / 1366);
    height: calc(160 * 100vw / 1366);
  }
  .cm2106-youtube {
    width: calc(683 * 100vw / 1366);
    height: calc(384 * 100vw / 1366);
  }
  .cm2106-right,
  .cm2106-right img {
    width: calc(683 * 100vw / 1366);
    height: calc(360 * 100vw / 1366);
  }
}


/*--------------------------------------------
prevention-block
---------------------------------------------*/
.prevention-block {
  background: #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .prevention-block {
    font-size: calc(40 * 100vw / 750);
    line-height: 1.5;
    padding: calc(20 * 100vw / 750);
  }
  .prevention-block img {
    width: calc(90 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    margin-right: calc(20 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .prevention-block {
    font-size: calc(26 * 100vw / 1366);
    padding: calc(10 * 100vw / 1366);
  }
  .prevention-block img {
    width: calc(60 * 100vw / 1366);
    height: calc(60 * 100vw / 1366);
    margin-right: calc(10 * 100vw / 1366);
  }
}

/*--------------------------------------------
btn-block
---------------------------------------------*/
.btn-block .btn {
  background-color: #802077;
  color: #fff;
  font-weight: 700;
  display: block;
  background-image: url(/ren1909/images/ui/icon/arrowleft04.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
@media screen and (max-width: 768px) {
  .btn-block .btn {
    border-radius: calc(45 * 100vw / 750);
    background-size: calc(71 * 100vw / 750) calc(70 * 100vw / 750);
    background-position-x: calc(100vw * 588 / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: 1.5;
    width: calc(670 * 100vw / 750);
    padding: calc(16 * 100vw / 750);
    padding-left: calc(50 * 100vw / 750);
    margin: calc(40 * 100vw / 750) auto;
  }
}
@media print, screen and (min-width: 769px) {
.btn-block .btn {
    border-radius: calc(40 * 100vw / 1366);
    background-size: calc(31 * 100vw / 1366) calc(31 * 100vw / 1366);
    background-position-x: calc(582 * 100vw / 1366);
    color: #ffd800;
    font-size: calc(22 * 100vw / 1366);
    line-height: calc(80 * 100vw / 1366);
    width: calc(633 * 100vw / 1366);
    height: calc(80 * 100vw / 1366);
    text-align: center;
    margin: calc(20 * 100vw / 1366) auto;
  }
}

/*--------------------------------------------
cr-gnet-block
---------------------------------------------*/
.cr-gnet-block {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .cr-gnet-block {
    font-size: calc(16 * 100vw / 750);
    line-height: 1.75;
    padding: 0 calc(85 * 100vw / 750);
    margin-top: calc(40 * 100vw / 750);
  }
  .cr-gnet-block img {
    width: calc(273 * 100vw / 750);
    height: calc(81 * 100vw / 750);
    margin-right: calc(20 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .cr-gnet-block {
    font-size: calc(16 * 100vw / 1366);
    margin-top: calc(20 * 100vw / 1366);
  }
  .cr-gnet-block img {
    width: calc(250 * 100vw / 1366);
    height: calc(80 * 100vw / 1366);
    margin-right: calc(20 * 100vw / 1366);
  }
}

/*--------------------------------------------
220217
---------------------------------------------*/
#register ul li a {
  display: block;
}
#register ul li .btn-line {
  overflow: hidden;
}
#register ul li a img {
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  #register {
    background: #ededed;
  }
  #register {
    padding: calc(70 * 100vw / 750) 0 0;
  }
  #register h3 {
    margin-bottom: calc(30 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: 1.4;
  }
  #register ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #register ul li {
    width: calc(356 * 100vw / 750);
  }
  #register ul li a {
    height: calc(92 * 100vw / 750);
  }
  #register ul li .btn-line {
    border-radius: calc(10 * 100vw / 750);
  }
  #register ul li .btn-line img {
    border-radius: calc(10 * 100vw / 750);
    margin: calc(-8 * 100vw / 750) 0 0 0;
  }
  #register ul li:not(:last-of-type) {
    margin-bottom: calc(40 * 100vw / 750);
  }
}
@media screen and (min-width: 769px) and (max-width: 9366px) {
  #register h3 {
    margin-bottom: calc(40 * 100vw / 1366);
    font-size: calc(26 * 100vw / 1366);
  }
  #register ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #register ul li {
    width: calc(198 * 100vw / 1366);
    margin: 0 calc(10 * 100vw / 1366);
  }
  #register ul li a {
    height: calc(50 * 100vw / 1366);
  }
  #register ul li .btn-line {
    border-radius: calc(5 * 100vw / 1366);
  }
  #register ul li .btn-line img {
    margin: calc(-4 * 100vw / 1366) 0 0 0;
    border-radius: calc(5 * 100vw / 1366);
  }
}
@media print, screen and (min-width: 9200px) {
  #register h3 {
    margin-bottom: 40px;
    font-size: 26px;
  }
  #register ul li {
    width: 198px;
    margin: 0 10px;
  }
  #register ul li a {
    height: 50px;
  }
  #register ul li .btn-line {
    border-radius: 5px;
  }
  #register ul li .btn-line img {
    margin: -4px 0 0 0;
    border-radius: 5px;
  }
}

#main .site-hd {
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: 700;
}
#main .site-hd::before,
#main .site-hd::after {
  display: block;
  content: '';
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225px%22%20height%3D%2225px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(51%2C%2051%2C%2051)%22%20d%3D%22M7.775%2C3.800%20L16.315%2C0.957%20L24.211%2C24.678%20L7.775%2C3.800%20ZM0.0%2C17.999%20L3.0%2C11.0%20L19.416%2C24.436%20L0.0%2C17.999%20Z%22%2F%3E%3C%2Fsvg%3E') 0 0 / 100% auto no-repeat;
}
#main .site-hd::after {
  transform: rotateY(180deg);
}

@media screen and (max-width: 768px) {
  #main .site-hd {
    align-items: flex-start;
    margin: calc(27 * 100vw / 750) 0;
  }
  #main .site-hd span {
    margin: 0 calc(10 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: calc(60 * 100vw / 750);
  }

  #main .site-hd::before,
  #main .site-hd::after {
    width: calc(48 * 100vw / 750);
    height: calc(48 * 100vw / 750);
  }
}

@media screen and (min-width: 769px) and (max-width: 9366px) {
  #main .site-hd {
    align-items: center;
    margin: calc(20 * 100vw / 1366) 0;
  }
  #main .site-hd span {
    margin: 0 calc(5 * 100vw / 1366);
    font-size: calc(26 * 100vw / 1366);
    line-height: 1;
  }
  #main .site-hd::before,
  #main .site-hd::after {
    width: calc(24 * 100vw / 1366);
    height: calc(24 * 100vw / 1366);
  }
}

@media print, screen and (min-width: 9200px) {
  #main .site-hd {
    align-items: center;
    margin: 20px 0;
  }
  #main .site-hd span {
    margin: 0 5px;
    font-size: 26px;
    line-height: 1;
  }
  #main .site-hd::before,
  #main .site-hd::after {
    width: 24px;
    height: 24px;
  }
}

/*--------------------------------------------
faqPage
---------------------------------------------*/
#faq .btn-block .btn {
  background-color: #dda3d7;
  color: #000;
  text-align: left;
  background-image: none;
  position: relative;
}
#faq .btn-block .btn::before {
  content: "";
  background: url(/faq/img/icon_faq.png) no-repeat 0 0;
  background-size: 100% auto;
  display: inline-block;
  vertical-align: middle;
}
#faq .faq-title {
  text-align: center;
  color: #802077;
  font-weight: 700;
  line-height: 1;
}
#faq .faq-group {
  display: none;
}
#faq .faq-item {
  border-top: 1px solid #333;
}
#faq .faq-item:last-of-type {
  border-bottom: 1px solid #333;
}
#faq .faq-item .que {
  position: relative;
  background-image: url(/faq/img/icon_q.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
  font-weight: 700;
  text-align: left;
}
#faq .btn-block .btn .trigger,
#faq .faq-item .que .trigger {
  position: absolute;
}
#faq .btn-block .btn .trigger::before,
#faq .btn-block .btn .trigger::after,
#faq .faq-item .que .trigger::before,
#faq .faq-item .que .trigger::after {
  display: block;
  content: '';
  position: absolute;
  background: #000;
}
#faq .btn-block .btn .trigger::after,
#faq .faq-item .que .trigger::after {
  transition: transform 0.3s ease-in;
}
#faq .btn-block .btn.open .trigger::after,
#faq .faq-item .que.open .trigger::after {
  transform: rotate(270deg);
}
#faq .faq-item .ans {
  display: none;
  background-image: url(/faq/img/icon_a.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
#faq .faq-item .ans .btn {
  background-color: #ffbf00;
  background-image: url(/faq/img/arrow_black.svg);
  background-repeat: no-repeat;
  box-shadow: 3px 3px 3px rgb(0 0 0 / 30%);
  font-weight: 700;
  display: flex;
  align-items: center;
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 0.6s ease-in;
  margin: auto;
}
#faq .faq-item .ans .btn.search {
  background-image: url(/faq/img/search_icon.svg);
}
#faq .link-contact {
  display: block;
  background: #802077;
  text-align: center;
  color: #fff;
  font-weight: 700; 
  line-height: 1;
  background-image: url(/faq/img/arrow_white.svg);
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  #faq {
    padding: calc(60 * 100vw / 750) 0 0;
  }
  #faq .btn-block .btn {
    padding-left: calc(20 * 100vw / 750);
    font-size: calc(32 * 100vw / 750);
  }
  #faq .btn-block .btn::before {
    width: calc(90 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    margin-right: calc(23 * 100vw / 750);
  }
  #faq .faq-group {
    margin: 0 calc(40 * 100vw / 750) calc(120 * 100vw / 750);
  }
  #faq .faq-title {
    margin-bottom: calc(60 * 100vw / 750);
    font-size: calc(48 * 100vw / 750);
  }
  #faq .faq-item {
    padding: 0 calc(20 * 100vw / 750) 0;
  }
  #faq .faq-item .que {
    padding: calc(40 * 100vw / 750) calc(80 * 100vw / 750);
    background-size: calc(60 * 100vw / 750) calc(60 * 100vw / 750);
    font-size: calc(32 * 100vw / 750);
    line-height: calc(56 * 100vw / 750);
  }
  #faq .btn-block .btn .trigger,
  #faq .faq-item .que .trigger {
    top: calc(50% - calc(25 * 100vw / 750));
    right: calc(20 * 100vw / 750);
    width: calc(50 * 100vw / 750);
    height: calc(50 * 100vw / 750);
  }
  #faq .btn-block .btn .trigger::before,
  #faq .faq-item .que .trigger::before {
    top: calc(50% - calc(3 * 100vw / 750));
    left: 0;
    width: 100%;
    height: calc(6 * 100vw / 750);
  }
  #faq .btn-block .btn .trigger::after,
  #faq .faq-item .que .trigger::after {
    top: 0;
    left: calc(50% - calc(3 * 100vw / 750));
    width: calc(6 * 100vw / 750);
    height: 100%;
  }
  #faq .faq-item .ans {
    padding-left: calc(80 * 100vw / 750);
    background-size: calc(60 * 100vw / 750) calc(60 * 100vw / 750);
  }
  #faq .faq-item .ans p {
    margin-bottom: calc(20 * 100vw / 750);
    font-size: calc(28 * 100vw / 750);
    line-height: calc(45 * 100vw / 750);
  }
  #faq .faq-item .ans .btn {
    background-size: calc(15 * 100vw / 750) calc(25 * 100vw / 750);
    background-position: left calc(30 * 100vw / 750) center;
    border-radius: calc(45 * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
    width: calc(550 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    margin-bottom: calc(20 * 100vw / 750);
    justify-content: center;
    text-align: center;
  }
  #faq .faq-item .ans .btn.search {
    background-size: calc(26 * 100vw / 750) calc(26 * 100vw / 750);
    background-position-x: calc(84 * 100vw / 750);
  }
  #faq .link-contact {
    margin: 0 calc(40 * 100vw / 750);
    padding: calc(26 * 100vw / 750) 0 calc(28 * 100vw / 750);
    background-position: right calc(30 * 100vw / 750) center;
    background-size: calc(16 * 100vw / 750) auto;
    border-radius: calc(45 * 100vw / 750);
    font-size: calc(36 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  #faq {
    width: calc(980 * 100vw / 1366);
    margin: 0 auto;
    padding: calc(60 * 100vw / 1366) 0 0;
  }
  #faq .btn-block .btn {
    padding-left: calc(20 * 100vw / 1366);
  }
  #faq .btn-block .btn::before {
    width: calc(54 * 100vw / 1366);
    height: calc(54 * 100vw / 1366);
    margin-right: calc(17 * 100vw / 1366);
    margin-bottom: calc(8 * 100vw / 1366);
  }
  #faq .faq-group {
    margin: 0 0 calc(80 * 100vw / 1366);
  }
  #faq .faq-title {
    margin-bottom: calc(40 * 100vw / 1366);
    font-size: calc(30 * 100vw / 1366);
  }
  #faq .faq-item {
    padding: 0 0 0 calc(20 * 100vw / 1366);
  }
  #faq .faq-item .que {
    padding: calc(15 * 100vw / 1366) 0 calc(20 * 100vw / 1366) calc(64 * 100vw / 1366);
    background-size: calc(40 * 100vw / 1366) calc(40 * 100vw / 1366);
    font-size: calc(20 * 100vw / 1366);
    line-height: calc(34 * 100vw / 1366);
  }
  #faq .btn-block .btn .trigger,
  #faq .faq-item .que .trigger {
    top: calc(50% - calc(15 * 100vw / 1366));
    right: calc(20 * 100vw / 1366);
    width: calc(30 * 100vw / 1366);
    height: calc(30 * 100vw / 1366);
  }
  #faq .btn-block .btn .trigger::before,
  #faq .faq-item .que .trigger::before {
    top: calc(50% - calc(2 * 100vw / 1366));
    left: 0;
    width: 100%;
    height: calc(4 * 100vw / 1366);
  }
  #faq .btn-block .btn .trigger::after,
  #faq .faq-item .que .trigger::after {
    top: 0;
    left: calc(50% - calc(2 * 100vw / 1366));
    width: calc(4 * 100vw / 1366);
    height: 100%;
  }
  #faq .faq-item .ans {
    padding-left: calc(60 * 100vw / 1366);
    background-size: calc(40 * 100vw / 1366) calc(40 * 100vw / 1366);
  }
  #faq .faq-item .ans p {
    margin-bottom: calc(20 * 100vw / 1366);
    font-size: calc(16 * 100vw / 1366);
    line-height: calc(24 * 100vw / 1366);
  }
  #faq .faq-item .ans .btn {
    background-size: calc(8 * 100vw / 1366) calc(12 * 100vw / 1366);
    background-position: right calc(30 * 100vw / 1366) center;
    border-radius: calc(35 * 100vw / 1366);
    font-size: calc(24 * 100vw / 1366);
    width: calc(500 * 100vw / 1366);
    height: calc(70 * 100vw / 1366);
    margin-bottom: calc(20 * 100vw / 1366);
    justify-content: center;
    text-align: center;
  }
  #faq .faq-item .ans .btn.search {
    background-size: calc(19 * 100vw / 1366) calc(19 * 100vw / 1366);
    background-position-x: calc(102 * 100vw / 1366);
  }
  #faq .link-contact {
    width: calc(500 * 100vw / 1366);
    margin: 0 auto;
    padding: calc(32 * 100vw / 1366) 0 calc(34 * 100vw / 1366);
    background-position: right calc(30 * 100vw / 1366) center;
    background-size: calc(8 * 100vw / 1366) auto;
    border-radius: calc(45 * 100vw / 1366);
    font-size: calc(24 * 100vw / 1366);
  }
}

/*--------------------------------------------
2206
---------------------------------------------*/
#search-top ul li:nth-of-type(1) .maparea img {
  max-width: 100%;
  background-color: #fff;
  border-radius: 1em;
}

.link-box-block .btn,
.magazine .btn {
  background-color: #4d3d4b;
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: block;
  background-image: url(/ren1909/images/ui/icon/arrowleft03.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
.link-box-block .btn.btn-search {
  background-image: url(/ren1909/images/home/icn_search.png);
}
.link-box-block .about h3 {
  text-align: center;
  font-weight: 700;
}
.link-box-block .about h3 + p {
  text-align: center;
}
.link-box-block .about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.link-box-block .about ul li {
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: cover;
}
.link-box-block .about ul li h4 {
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.link-box-block .about ul li p {
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.link-box-block .item {
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.link-box-block .item h3 {
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.link-box-block .item.search h3 {
  text-align: center;
}
.link-box-block .item.voice h3 {
  text-align: center;
}
/*
.link-box-block .item.voice h3::before,
.link-box-block .item.voice h3::after {
  display: block;
  content: '';
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225px%22%20height%3D%2225px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(51%2C%2051%2C%2051)%22%20d%3D%22M7.775%2C3.800%20L16.315%2C0.957%20L24.211%2C24.678%20L7.775%2C3.800%20ZM0.0%2C17.999%20L3.0%2C11.0%20L19.416%2C24.436%20L0.0%2C17.999%20Z%22%2F%3E%3C%2Fsvg%3E') 0 0 / 100% auto no-repeat;
}
.link-box-block .item.voice h3::after {
  transform: rotateY(180deg);
}
*/
.link-box-block .item h3 span {
  color: #802077;
  font-feature-settings: "palt";
  letter-spacing: 0;
}
.link-box-block .item.voice h3 span {
  display: inline-block;
}
.ipm-block {
  display: flex;
  justify-content: flex-start;
  background: #ededed;
}
.ipm-block .btn {
  text-align: center;
  background-color: #4d3d4b;
  color: #fff;
  font-weight: 500;
  display: block;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  #search-top ul li {
    border-radius: calc( 10 * 100vw / 750 );
    padding: calc( 31 * 100vw / 750 ) calc( 30 * 100% / 670 ) calc(( 71 - 5 ) * 100vw / 750 );
  }
  #search-top ul li h3 {
    border-bottom-width: calc( 2 * 100vw / 750 );
    padding-bottom: calc( 17 * 100vw / 750 );
    font-size: calc( 50 * 100vw / 750 );
  }

  #search-top ul li:nth-of-type(1) .maparea img {
    padding: 1em;
    margin-top: 1em;
  }

  #search-top ul li:nth-of-type(1) .maparea + .txt02 {
    font-size: calc( 26 * 100vw / 750 );
    margin-top: calc( 25 * 100vw / 750 );
  }

  #search2021 .title01 {
		font-size: 5.3vw;
		padding: 0 0 0.6vw;
		margin: 9.3vw 0 5.3vw;
	}
	#search2021 .title01::before {
		width: calc(37 * 100vw / 750);
		height: calc(52 * 100vw / 750);
		margin-right: calc(27 * 100vw / 750);
		top: calc(3 * 100vw / 750);
	}
	#search2021 .title01.icon-address::before {
		width: calc(55 * 100vw / 750);
		height: calc(55 * 100vw / 750);
		margin-right: calc(30 * 100vw / 750);
		top: calc(3 * 100vw / 750);
	}

  .link-box-block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(34 * 100vw / 750);
  }
  #topics > ul > li > a {
    background-color: #4d3d4b;
    color: #fff;
    font-weight: 700;
    text-align: center;
    display: block;
    background-image: url(/ren1909/images/ui/icon/arrowleft03.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;  
  }
  .link-box-block .btn,
  .magazine .btn,
  #topics > ul > li > a {
    border-radius: calc(45 * 100vw / 750);
    background-size: calc(70 * 100vw / 750) calc(70 * 100vw / 750);
    background-position-x: calc(508 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: calc(90 * 100vw / 750);
    width: calc(590 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    margin: 0 auto;
  }
  .link-box-block .about {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: calc(40 * 100vw / 750);
  }
  .link-box-block .about h3 {
    margin-bottom: calc(2 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: calc(56 * 100vw / 750);
  }
  .link-box-block .about h3 + p {
    margin-bottom: calc(40 * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
    line-height: calc(40 * 100vw / 750);
  }
  .link-box-block .about ul {
    margin-bottom: calc(40 * 100vw / 750);
  }
  .link-box-block .about ul li {
    width: calc(315 * 100vw / 750);
    height: calc(315 * 100vw / 750);
    padding: calc(20 * 100vw / 750);
    border-radius: calc(20 * 100vw / 750);
  }
  .link-box-block .about ul li:nth-of-type(1),
  .link-box-block .about ul li:nth-of-type(2) {
    margin-bottom: calc(40 * 100vw / 750);
  }
  .link-box-block .about ul li:nth-of-type(1) {
    background-image: url(/ren1909/images/home/about_list_bg01_sp.png);
  }
  .link-box-block .about ul li:nth-of-type(2) {
    background-image: url(/ren1909/images/home/about_list_bg02_sp.png);
  }
  .link-box-block .about ul li:nth-of-type(3) {
    background-image: url(/ren1909/images/home/about_list_bg03_sp.png);
  }
  .link-box-block .about ul li:nth-of-type(4) {
    background-image: url(/ren1909/images/home/about_list_bg04_sp.png);
  }
  .link-box-block .about ul li h4 {
    margin-bottom: calc(10 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: calc(56 * 100vw / 750);
  }
  .link-box-block .about ul li p {
    font-size: calc(30 * 100vw / 750);
    line-height: calc(40 * 100vw / 750);
  }
  .link-box-block .item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: calc(614 * 100vw / 750);
    padding: calc(365 * 100vw / 750) calc(18 * 100vw / 750) 0;
  }
  .link-box-block .item.voice {
    background-image: url(/ren1909/images/home/about_voice_sp.png);
    border-radius: calc(20 * 100vw / 750);
    border: 2px solid #E5D8E6;
  }
  .link-box-block .item.search {
    display: none;
  }
  .link-box-block .item.voice {
    align-items: center;
    height: auto;
    padding-bottom: calc(60 * 100vw / 750);
    background-size: contain;
  }
  .link-box-block .item a img {
    display: block;
    width: 100%;
  }
  .link-box-block .item.voice h3 {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    padding: calc(20 * 100vw / 750) 0;
    font-size: calc(30 * 100vw / 750);
    line-height: 1.5;
  }
  .link-box-block .item.voice h3 span {
    padding: 0 calc(5 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: 1;
  }

  .ipm-block {
    width: calc(100vw - calc(80 * 100vw / 750));
    margin: calc(90 * 100vw / 750) auto calc(40 * 100vw / 750);
    padding: calc(40 * 100vw / 750);
    flex-direction: column;
  }
  .ipm-block h3 {
    margin-bottom: calc(28 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: 1;
  }
  .ipm-block div {
    margin-top: calc(28 * 100vw / 750);
  }
  .ipm-block ol {
    margin-bottom: calc(35 * 100vw / 750);
    padding-left: calc(26 * 100vw / 750);
  }
  .ipm-block ol li {
    font-size: calc(30 * 100vw / 750);
    line-height: calc(44 * 100vw / 750);
  }
  .ipm-block ol li span {
    margin-left: calc(-25 * 100vw / 750);
  }
  .ipm-block .btn {
    width: calc(590 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    border-radius: calc(45 * 100vw / 750);
    background-image: url(/ren1909/images/ui/icon/arrowleft03.png);
    background-size: calc(70 * 100vw / 750) calc(70 * 100vw / 750);
    background-position: calc(508 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
    line-height: calc(90 * 100vw / 750);
  }
}

@media print, screen and (min-width: 769px) {
  .link-box-block {
    margin-bottom: calc(34 * 100vw / 1366);
  }
  .link-box-block .btn,
  .magazine .btn {
    border-radius: calc(35 * 100vw / 1366);
    background-size: calc(31 * 100vw / 1366) calc(31 * 100vw / 1366);
    background-position-x: calc(258 * 100vw / 1366);
    font-size: calc(18 * 100vw / 1366);
    line-height: calc(50 * 100vw / 1366);
    width: calc(300 * 100vw / 1366);
    height: calc(50 * 100vw / 1366);
    margin: 0 auto;
  }
  .link-box-block .about {
    width: 100%;
    margin-bottom: calc(20 * 100vw / 1366);
    padding: calc(40 * 100vw / 1366) calc(40 * 100vw / 1366) calc(20 * 100vw / 1366);
    border-radius: calc(10 * 100vw / 1366);
    background: #e5d8e6;
  }
  .link-box-block .about h3 {
    font-size: calc(26 * 100vw / 1366);
    line-height: calc(32 * 100vw / 1366);
  }
  .link-box-block .about h3 + p {
    margin-bottom: calc(10 * 100vw / 1366);
    font-size: calc(16 * 100vw / 1366);
    line-height: calc(32 * 100vw / 1366);
  }
  .link-box-block .about ul {
    margin-bottom: calc(40 * 100vw / 1366);
  }
  .link-box-block .about ul li {
    width: calc(286 * 100vw / 1366);
    padding: calc(20 * 100vw / 1366);
    border-radius: calc(10 * 100vw / 1366);
  }
  .link-box-block .about ul li:nth-of-type(1) {
    background-image: url(/ren1909/images/home/about_list_bg01_pc.png);
  }
  .link-box-block .about ul li:nth-of-type(2) {
    background-image: url(/ren1909/images/home/about_list_bg02_pc.png);
  }
  .link-box-block .about ul li:nth-of-type(3) {
    background-image: url(/ren1909/images/home/about_list_bg03_pc.png);
  }
  .link-box-block .about ul li:nth-of-type(4) {
    background-image: url(/ren1909/images/home/about_list_bg04_pc.png);
  }
  .link-box-block .about ul li h4 {
    margin-bottom: calc(10 * 100vw / 1366);
    font-size: calc(26 * 100vw / 1366);
    line-height: calc(32 * 100vw / 1366);
  }
  .link-box-block .about ul li p {
    font-size: calc(16 * 100vw / 1366);
    line-height: calc(20 * 100vw / 1366);
  }
  .link-box-block .flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .link-box-block .item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: calc(633 * 100vw / 1366);
    padding: calc(262 * 100vw / 1366) calc(18 * 100vw / 1366) calc(18 * 100vw / 1366);
    border: 2px solid transparent;
    overflow: hidden;
  }
  .link-box-block .item.search {
    background-image: url(/ren1909/images/home/about_search.png);
  }
  .link-box-block .item.voice {
    background-image: url(/ren1909/images/home/about_voice_pc.png);
  }
  .link-box-block .item a img {
    display: block;
    width: 100%;
  }
  .link-box-block .item.search h3 {
    font-size: calc(24 * 100vw / 1366);
    line-height: calc(28 * 100vw / 1366);
  }
  .link-box-block .item.voice h3 {
    font-size: calc(22 * 100vw / 1366);
    line-height: calc(30 * 100vw / 1366);
  }
  /*
  .link-box-block .item.voice h3::before,
  .link-box-block .item.voice h3::after {
    width: calc(16 * 100vw / 1366);
    height: calc(16 * 100vw / 1366);
  }
  */
  .link-box-block .item.search h3 span {
    display: block;
    font-size: calc(34 * 100vw / 1366);
    line-height: 1;
  }
  .link-box-block .item.voice h3 span {
    padding: 0 calc(5 * 100vw / 1366);
    font-size: calc(26 * 100vw / 1366);
    line-height: 1;
  }
  .link-box-block .item .btn {
    margin: 0 0 0 auto;
  }

  .ipm-block {
    width: calc(974 * 100vw / 1366);
    margin: calc(72 * 100vw / 1366) auto calc(40 * 100vw / 1366);
    padding: calc(15 * 100vw / 1366) calc(20 * 100vw / 1366) calc(20 * 100vw / 1366);
  }
  .ipm-block div {
    margin-left: calc(40 * 100vw / 1366);
  }
  #asides .ipm-block h3 {
    text-align: left;
    margin-bottom: calc(10 * 100vw / 1366);
    font-size: calc(26 * 100vw / 1366);
    line-height: calc(36 * 100vw / 1366);
  }
  .ipm-block ol li {
    font-size: calc(16 * 100vw / 1366);
    line-height: calc(20 * 100vw / 1366);
  }
  .ipm-block .btn {
    width: calc(180 * 100vw / 1366);
    height: calc(30 * 100vw / 1366);
    border-radius: calc(15 * 100vw / 1366);
    background-image: url(/ren1909/images/ui/icon/arrow_white.png);
    background-size: calc(6 * 100vw / 1366) calc(10 * 100vw / 1366);
    background-position: calc(164 * 100vw / 1366);
    font-size: calc(14 * 100vw / 1366);
    line-height: calc(30 * 100vw / 1366);
  }
}

#carousel .ttl {
  text-align: center;
  font-weight: 700;
}
.carousel-item .slick-track,
.carousel-item-nav .slick-track {
	display: flex;
  align-items: center;
}
.carousel-item {
	border: solid 1px #d5d5d5;
	box-shadow: 2px 2px 3px  rgba(213, 213, 213, 1);
	margin: 0;
  padding: 0;
  line-height: 0;
}
.carousel-item-nav {
	position: relative;
}
.carousel-item-nav .slide-arrow {
  position: absolute;
	top: 50%;
	cursor: pointer;
}
.carousel-item-nav .next-arrow{
  right: 0;
  transform: translate(38%, -50%);
  z-index: 5;
}
.carousel-item-nav .prev-arrow {
	left: 0;
  transform: translate(-38%, -50%);
  z-index: 6;
}
.carousel-item li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px){
	#carousel {
    margin: calc( 102 * 100vw / 750 ) auto;
    padding-left: calc(40 * 100% / 750);
    padding-right: calc(40 * 100% / 750);
	}
  #carousel .ttl {
    font-size: calc(40 * 100vw / 750);
    margin-bottom: calc(20 * 100vw / 750);
  }
	.carousel-item {
		padding: calc( 10 * 100vw / 750 );
		padding-bottom: calc( 7 * 100vw / 750 );
    margin-bottom: calc( 30 * 100vw / 750 );
	}
	.carousel-item li img {
		vertical-align: bottom;
	}
	.carousel-item-nav img {
		width: calc( 203 * 100vw / 750 );
		margin: auto;
	}
	.carousel-item-nav .slide-arrow {
		width: calc( 65 * 100vw / 750 );
		height: calc( 65 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 769px){
  #carousel {
    width: calc( 799 * 100vw / 1366 );
    margin: calc( 80 * 100vw / 1366 ) auto;
  }
  #carousel .ttl {
    font-size: calc(26 * 100vw / 1366);
    margin-bottom: calc(10 * 100vw / 1366);
  }
  .carousel-item {
    padding: calc( 7 * 100vw / 1366 );
    padding-bottom: calc( 3 * 100vw / 1366 );
    margin-bottom: calc( 18 * 100vw / 1366 );
  }
  .carousel-item li img {
    vertical-align: bottom;
  }
  .carousel-item-nav img {
    width: calc( 240 * 100vw / 1366 );
    margin: auto;
  }
  .carousel-item-nav .slide-arrow {
    width: calc( 39 * 100vw / 1366 );
    height: calc( 39 * 100vw / 1366 );
  }
}
@media print, screen and (min-width: 769px) {
  #search-top ul li {
    margin-bottom: calc(20 * 100vw / 1366);
    border-radius: calc( 10 * 100vw / 1366 );
    padding: calc(40 * 100vw / 1366) calc(40 * 100vw / 1366) calc(20 * 100vw / 1366);
  }
  #search-top ul li h3 {
    border-bottom-width: calc( 2 * 100vw / 1366 );
    padding-bottom: calc( 10 * 100vw / 1366 );
    font-size: calc( 24 * 100vw / 1366 );
  }
}

.cm2204 h4 {
  width: 100%;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 768px){
  .cm2204 {
    margin-bottom: calc( 40 * 100vw / 750 );
  }
  .cm2204 h4 {
    color: #f00;
    font-size: calc(36 * 100vw / 750);
    padding-bottom: calc( 10 * 100% / 750 );
  }
  .cm2204-video {
    width: 100%;
  }
}
@media print,screen and (min-width: 769px){
  .cm2204 {
    display: flex;
    margin: 0 auto calc( 40 * 100% / 1366 );
    flex-wrap: wrap;
  }
  .cm2204 h4 {
    font-size: calc(32 * 100vw / 1366);
    padding-bottom: calc( 12 * 100% / 1366 );
  }
  .cm2204-video {
    width: calc( 800 * 100vw / 1366 );
  }
}
#cntdwn-sec {
  display: flex;
  margin-bottom: calc( 40 * 100vw / 750 );
  justify-content: center;
  width: 100%;
  padding: calc( 40 * 100vw / 750 );
}
.cntdwn-out {
  position: relative;
}
.cntdwn-out img {
  max-width: 100%;
}
.cntdwn-out .cnt-head {
  color: #fff;
  font-weight: 900;
  position: absolute;
  top: 5%;
  left: 20%;
  font-size: 6vw;
}
.fv-count-inner {
  top: 51%;
  right: 19%;
}
.tick-flip, .tick-group::after {
  font-size: 7vw;
}
.catch {
  position: absolute;
  color: #fff;
  top: 10%;
  left: 1%;
  font-size: 7.1vw;
}
@media (min-width: 769px) {
  #mv {
    padding-bottom: calc(20 * 100vw / 1366);
  }
  #cntdwn-sec {
    margin: 0 auto calc( 40 * 100% / 1366 );
    width: calc( 633 * 100vw / 1366 );
    padding: 0;
  }
  .cntdwn-out .cnt-head {
    top: 5%;
    left: 22%;
    font-size: 40px;
  }
  .fv-count-inner {
    top: 48%;
    right: 16%;
  }
	.tick-flip, .tick-group::after {
		font-size: 3.5vw;
	}
  .catch {
    font-size: 3.3vw;
  }
}
@media screen and (max-width: 768px){
  #mv {
    margin-bottom: calc(20 * 100vw / 750);
  }
}
.btn-line {
  text-align: center;
  display: block;
  margin: 40px 0;
}
.btn-line img {
  max-width: 100%;
}

#countTimer {
  color: red;
  font-weight: 700;
}
#countTimer span {
  position: absolute;
  top: 52%;
}
#ctd-days {
  left: 16%;
}
#ctd-hours {
  left: 33%;
}
#ctd-minutes {
  left: 52%;
}
#ctd-seconds {
  left: 68%;
}
#ctd-miliseconds {
  left: 84%;
}
@media screen and (max-width: 768px){
	#countTimer {
		font-size: calc( 50 * 100vw / 750 );
	}
}	
@media screen and (min-width: 769px) {
	#countTimer {
		font-size: 51px;
	}
}

@media screen and (max-width: 768px){
  .curves_bnr-230901 {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
    padding-left: calc(40 * 100% / 750);
    padding-right: calc(40 * 100% / 750);
  }

  .curves_bnr-230901 img {
    max-width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .curves_bnr-230901 {
    display: none;
  }
}

/* 23/10/13 トップページコンテンツ入れ替え */
.dlpo_apd .lp-slider {
  display: none;
}

/* 24/01/05 震災メッセージ */
.top-notice {
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px){
  .top-notice {
    margin: calc(35 * 100vw / 750) 0;
    font-size: calc(28 * 100vw / 750);
  }
}
@media screen and (min-width: 769px) {
  .top-notice {
    margin: calc(30 * 100vw / 1366) 0;
    font-size: calc(24 * 100vw / 1366);
  }
}

@media screen and (max-width: 768px){
  #footerLinks{
    padding-bottom: calc(160 * 100vw / 750) !important;
  }
}