@charset "utf-8";

.slick-dots button {
  width: auto !important;
  background:none !important;
}
.slick-dots button:before {
}

/*--------------------------------------------------------------
/template/
--------------------------------------------------------------*/

div#template{
	width: 640px;
	margin: 0 auto;
	padding:0;
	text-align: center;
	color: #000000;
}

@media screen and (max-width:640px) {
	div#template{
		width: 100%;
	}
}
div#template img, div#template video {
	width: 100%;
	height: auto;
	vertical-align: top;
}

div#template .has-indent {
	text-indent: -1em;
}

div#template .p-box {
	position: relative;
}

div#template .p-box.cv {
	background-image: url(../img/sp/cv-bg.png);
	background-repeat: no-repeat repeat;
	background-size: 100% 3px;
	padding: calc(30 / 640 * 100%) 0 0;
}

div#template .link-cv {
	/* input reset */
	font-size: 0;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background-color: transparent;
	box-sizing: border-box;

	display: block;
	width: calc(631 / 750 * 100%);
	padding-top: calc(142 / 750 * 100%);
	margin: 0 auto;
	background-image: url(../img/sp/cv-btn.png);
	background-size: cover;

	cursor: pointer;
}

div#template .link-cv.short {
	padding-top: 0;
	margin-top: calc(-7 / 640 * 100%);
	margin-bottom: calc(14 / 640 * 100%);
}

div#template .link-cv--member {
	display: block;
	width: calc(497 / 750 * 100%);
	padding-top: calc(10 / 750 * 100%);
	margin: calc(4 / 640 * 100%) auto calc(26 / 640 * 100%);
	background-size: cover;

	/* input reset */
	border: none;
	outline: none;
	appearance: none;
	background-color: transparent;
	font-size: 0;
	box-sizing: border-box;

	cursor: pointer;
}

div#template .cv-annotation {
	text-align: left;
	font-size: min(16px, calc(12 / 375 * 100vw));
	line-height: calc(20 / 16);
	padding-left: min(60px, calc(60 / 640 * 100vw));
	padding-right: min(60px, calc(60 / 640 * 100vw));
}

div#template .p-box .point-01 {
	width: calc(714 / 750 * 100%);
	position: absolute;
	top: 41.6%;
	left: 50%;
	transform: translateX(-50%);
}

div#template .p-box .point-02 {
	width: calc(714 / 750 * 100%);
	position: absolute;
	top: 58.6%;
	left: 50%;
	transform: translateX(-50%);
}

div#template .p-box .point-03 {
	width: calc(714 / 750 * 100%);
	position: absolute;
	top: 75.6%;
	left: 50%;
	transform: translateX(-50%);
}

div#template dl.accordion {
	padding: 0 calc(53 / 750 * 100%);
	background-image: url(../img/sp/accordion-bg.jpg);
	background-size: 100% 10px;
	background-repeat: no-repeat repeat;
	cursor: pointer;
}

div#template dl.accordion dt {
	position: relative;
}

div#template dl.accordion dt::before {
	content: "";
	display: block;
	width: calc(45 / 750 * 100%);
	height: calc(30 / 750 * 100%);
	background-color: #705330;
	position: absolute;
	top: 50%;
	right: calc(35 / 750 * 100%);
}
div#template dl.accordion dt::after {
	content: "";
	display: block;
	width: calc(45 / 750 * 100%);
	height: calc(30 / 750 * 100%);
	background-color: #705330;
	position: absolute;
	top: 50%;
	right: calc(35 / 750 * 100%);
	transform: rotate(90deg);
	transition-duration: .3s;
}
div#template dl.accordion dt.active::after {
	transform: rotate(0deg);
	transition-duration: .3s;
}

div#template dl.accordion dd {
	display: none;
}

div#template .list-03-carousel {
	width: calc(527 / 750 * 100%);
	margin: 0 auto;
}

div#template .carousel-wrapper {
	background-image: url(../img/sp/carousel-bg.jpg);
	background-size: 100% 43px;
	background-repeat: no-repeat repeat;
	padding-bottom: calc(43 / 640 * 100%);
}

div#template .slick-prev, div#template .slick-next {
	display: block;
	width: calc(27 / 500 * 100%);
	height: calc(95 / 500 * 100%);
	background-image: url(../img/sp/carousel-arrow.png);
	background-size: 100% 100%;
	z-index: 1;
	top: calc(32%);
	left: calc(-59 / 750 * 100%);
	transform: rotate(180deg);
}

div#template .slick-prev::before, div#template .slick-next::before {
	display: none;
}

div#template .slick-next {
	left: auto;
	right: calc(-60 / 750 * 100%);
	transform: rotate(0deg);
}

div#template .slick-dots {
	bottom: calc(-50 / 640 * 100%);
}

div#template .slick-dots li {
	height: 2%;
}

div#template .slick-dots li button {
	width: 2%;
	height: 2%;
}

div#template .slick-dots li button:before {
	width: 2%;
	height: 2%;
	color: #e5e5e5;
	opacity: 1;
	font-size: min(56px, calc(56 / 640 * 100vw));
	font-size: xx-large;
	line-height: 0;
	content: "●";
	background:none !important;
}

div#template .slick-dots li.slick-active button:before {
	color: #ff7800;
}

div#template .btn_help {
	width: calc(189 / 750 * 100%);
	margin: calc(48 / 640 * 100%) auto calc(20 / 640 * 100%);
}

div#template .footer-link {
	color: #50aa00;
	font-size: min(20px, calc(20 / 640 * 100vw));
	line-height: calc(33 / 24);
}

div#template .footer-link.totop {
	display: inline-block;
	margin: calc(30 / 640 * 100%) 0 calc(40 / 640 * 100%);
}

div#template .footer-annotation-wrapper {
	text-align: left;
	font-size: min(16px, calc(12 / 375 * 100vw));
	line-height: calc(33 / 24);
	padding: min(24px, calc(20 / 640 * 100vw)) min(48px, calc(40 / 640 * 100vw));
}

/* 動画部分 */
/* 埋め込み動画 */
div#template .p-box .video-embed {
	width: calc(660 / 750 * 100%);
	position: absolute;
	top: 49%;
	left: 50%;
	transform: translateX(-50%);
}

.slick-prev:before,
.slick-next:before {
  display: none !important;
}

.slick-prev,
.slick-next {
  background-color:transparent !important;
}



@media (min-width: 638px) {
  #cv-area {
    margin-top: -115px;
    padding-top: 115px;
  }
}

@media (max-width: 638px) {
  #cv-area {
    margin-top: -40px;
    padding-top: 40px;
  }
}

/* 特定商取引法 位置は適宜調節
-------------------------------------------------------------- */

#tokushou {
	margin: 0 0 10px 0;
	text-align: center;
    font-size: 13px;
}