@charset "UTF-8";


@media screen and (min-width: 768px) {
	.is-pc {
		display: block;
	} 
	.is-sp {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.is-pc {
		display: none !important;
	} 
 	.is-sp {
		display: block;
	}  
}

/*========================================================================

  image

========================================================================*/

/*  image zoom
========================================================================*/

.zoom-overlay-open .zoom-overlay {
	opacity: 0.8 !important;
}
.point_image_zoom {
	width: 237px;
	margin-top:  30px;
	position: relative;
}
.point_image_zoom:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	background: url("/kodate/start/tailor-made-planning/assets/img/ic_zoom.png") no-repeat;
	right: 10px;
	top: 10px;
	pointer-events: none;
}
.point_image_zoom.left:before {
	left: 10px;
}

/*========================================================================

  text

========================================================================*/

.point_text.small {
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
}

/*========================================================================

  mainVisual

========================================================================*/

/*  mainVisual
========================================================================*/

.mainVisual {
	width:100%;
	position: relative;
}
.mainVisual h1{
	position: absolute;
	width: calc(100% - 40px);
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
	text-align: center;
	font-size: 80px;
	font-weight: bold;
}
.mainVisual h1 span{
	display: block;
	font-size: 36px;
}
.mainVisual img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	.mainVisual {
		width:100%;
		height: 100vh;
		position: relative;
		overflow: hidden;
	}
	.mainVisual h1{
		font-size: 36px;
	}
	.mainVisual h1 span{
		font-size: 22px;
	}
	.mainVisual img {
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}
}

/*  scroll
========================================================================*/

.scroll {
	position:absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
}
.scroll p {
	color: #eee;
	letter-spacing: 0.2em;
	font-size: 16px;
	font-weight: bold;
}
.scroll p:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 12px;
	background: #eee;
	bottom: -21px;
	left: 50%;
	transform: translateX(-50%);
	animation: pathmove 1.4s ease-in-out infinite;
}

@media screen and (max-width: 767px) {
	.scroll p {
		letter-spacing: 0.15em;
		font-size: 12px;
		font-weight: normal;
	}
	.scroll p:after {
		width: 1px;
		bottom: -17px;
	}
}

/*========================================================================

  anchor

========================================================================*/

/*  section-anchor
========================================================================*/

.section-anchor {
	padding: 80px 0;
	border-bottom: 1px solid #D8D8D8;
}
.section-anchor .inner {
	width: calc(100% - 40px);
	max-width: 837px;
	margin: 0 auto;
	padding: 60px 80px;
	background: #F4F4F4;
	display: flex;
}
.section-anchor .title {
	display: flex;
	align-items: center;
	padding-right: 60px;
	font-size: 18px;
	font-weight: bold;
}
.section-anchor .title p {
	border-bottom: 2px solid #242424;
	line-height: 1;
	padding: 0px 2px 10px;
}
.section-anchor .title span {
	vertical-align: bottom;
	width: 17px;
	display:inline-block;
}

@media screen and (max-width: 767px) {
	.section-anchor {
		border-bottom: none;
		padding: 0;
	}
	.section-anchor .inner {
		width: 100%;
		background: #F4F4F4;
		flex-direction: column;
		padding: 50px 20px;
	}
	.section-anchor .title {
		font-size: 12px;
		padding-right: 0;
		margin: 0 auto;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: 0.1em;
	}
	.section-anchor .title p {
		font-family: "Hiragino Kaku Gothic ProN";
		border-bottom: 1px solid #242424;
		letter-spacing: 0.145em;
		padding-bottom: 6px;
	}
	.section-anchor .title span {
		font-size: 20px;
		display: inline;
		margin-right: 1px;
	}
    .section-anchor span[data-num]:after {
        content: attr(data-num);
	}
	.section-anchor img {
        display: none;
	}
}

/*  list
========================================================================*/

.section-anchor ol {
	counter-reset:num;
}
.section-anchor ol li {
	position: relative;
	padding-left: 30px;
	padding: 0.5em 0.5em 0.5em 40px;
	font-size: 18px;
	font-weight: bold;
}
.section-anchor ol li:before {
	content: '';
	position: absolute;
	border:2px solid #242424;
	left: 0;
	width: 20px;
	height: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.section-anchor ol li:nth-child(1):before {
	background: url(/kodate/start/familysuite/assets/img/num_1.png) no-repeat center;
	background-size: 50%;
}
.section-anchor ol li:nth-child(2):before {
	background: url(/kodate/start/familysuite/assets/img/num_2.png) no-repeat center;
	background-size: 50%;
}
.section-anchor ol li:nth-child(3):before {
	background: url(/kodate/start/familysuite/assets/img/num_3.png) no-repeat center;
	background-size: 50%;
}
.section-anchor ol li:nth-child(4):before {
	background: url(/kodate/start/familysuite/assets/img/num_4.png) no-repeat center;
	background-size: 50%;
}
.section-anchor ol li:after{
	content: '';
	position: absolute;
	top: 45%;
	width: 6px;
	height: 6px;
	border-right: 2px solid #242424;
	border-bottom: 2px solid #242424;
	transform:translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
	.section-anchor ol {
		margin-top: 20px;
	}
	.section-anchor ol li {
		border: 1px solid #242424;
		border-radius: 5px;
		margin-top: 10px;
		padding: 0 0 0 40px;
		font-size: 15px;
		font-weight: bold;
	}
	.section-anchor ol li:after{
		right: 20px;
	}
	.section-anchor ol li:before {
		border: 0px;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		width: 24px;
	}
	.section-anchor ol li a {
		padding: 10px 40px 10px 12px;
		display: block;
	}
	.section-anchor ol li a:before {
		content: "" ;
		position: absolute;
		border-left: 1px solid #242424;
		height: 100%;
		width: 1px;
		top: 0;
		left: 40px;
	}
}

/*========================================================================

  title

========================================================================*/

/*  section-point2
========================================================================*/

.point_title_num2 {
	font-size: 18px;
	text-align: center;
	padding-top: 80px;
}
.point_title_num2 p {
	font-size: 18px;
	border-bottom: 2px solid #242424;
	display: inline-block;
	line-height: 1;
	padding: 0px 2px 10px 2px;
}
.point_title_num2 span {
	margin-left: 3px;
	display: inline-block;
	vertical-align: bottom;
	width: 18px;
}

@media screen and (max-width: 767px) {
	.point_title_num2 p {
		border-bottom: 1px solid #242424;
		font-size: 12px;
		font-weight: bold;
		font-family: "Hiragino Kaku Gothic ProN";
		letter-spacing: 0.1em;
		padding: 0 0 6px 0;
	}
	.point_title_num2 span {
		font-size: 20px;
		display: unset;
		margin-left: 0;
	}
    .point_title_num2 span[data-num]:after {
        content: attr(data-num);
    }
	.point_title_num2 img {
		display: none;
	}
}

/*========================================================================

  section-point

========================================================================*/

/*  section-point
========================================================================*/

.section-point .inner {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 80px 0 55px;
}
.section-point.small .inner {
	padding: 50px 0 55px;
}
.point_title_num {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.point_title_num p {
	border-bottom: 2px solid #242424;
	display: inline-block;
	line-height: 1;
	padding: 0px 2px 10px 2px;
}
.point_title_num span {
	margin-left: 3px;
	display: inline-block;
	vertical-align: bottom;
	width: 18px;
}
.point_h2 {
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-top: 45px;
	line-height: 1.8;
	letter-spacing: 4px;
}
.point_image {
	margin-top: 50px;
}
.point_image {
	width: 100%;
}
.point_image img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.section-point .inner {
		width: 100%;
		max-width: 1160px;
		margin: 0 auto;
		padding: 55px 0 30px;
	}
	.section-point .inner.pb0 {
		padding: 55px 0 0px;
	}
	.point_title_num p {
		border-bottom: 1px solid #242424;
		font-size: 12px;
		font-weight: bold;
		font-family: "Hiragino Kaku Gothic ProN";
		letter-spacing: 0.1em;
		padding: 0 0 6px 0;
	}
	.point_title_num span {
		font-size: 20px;
		display: unset;
		margin-left: 0;
	}
    .point_title_num span[data-num]:after {
        content: attr(data-num);
    }
	.point_title_num img {
		display: none;
	}
	.point_h2 {
		width: calc(100% - 40px);
		margin: 35px auto 0;
		font-size: 18px;
		font-weight: bolder;
		line-height: 1.6;
		letter-spacing: 0;
	}
	.point_image {
		margin-top: 30px;
	}
}

/*  section-image
========================================================================*/

.section-image img{
	width: 100%;
}

@media screen and (max-width: 767px) {
	.section-image {
		position: relative;
	}
	.section-image .slick-dots {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.section-image .slick-dots li {
		width: 30px;
		height: 30px;
		position: absolute;
	}
	.section-image .slick-dots li:nth-child(1) {
		top: 19%;
		left: 44%;
		background: url(/kodate/start/familysuite/assets/img/no1.png) no-repeat center;
		background-size: 100%;
		opacity: 0.6;
	}
	.section-image .slick-dots li:nth-child(2) {
		top: 32%;
		left: 66%;
		background: url(/kodate/start/familysuite/assets/img/no2.png) no-repeat center;
		background-size: 100%;
		opacity: 0.6;
	}
	.section-image .slick-dots li:nth-child(3) {
		top: 51%;
		left: 8%;
		background: url(/kodate/start/familysuite/assets/img/no3.png) no-repeat center;
		background-size: 100%;
		opacity: 0.6;
	}
	.section-image .slick-dots li:nth-child(4) {
		top: 83%;
		left: 62%;
		background: url(/kodate/start/familysuite/assets/img/no4.png) no-repeat center;
		background-size: 100%;
		opacity: 0.3;
	}
	.section-image .slick-dots li.slick-active {
		opacity: 1;
	}
	.section-image .slick-dots li button {
		display:none;
	}
}


/*  section-point2
========================================================================*/

.section-point2 {
	border-bottom: 1px solid #D8D8D8;
}
.section-point2 .inner {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 65px 0 75px;
}
@media screen and (max-width: 767px) {
	.section-point2 {
		border-bottom: none;
	}
	.section-point2 .inner {
		width: 100%;
		max-width: 1160px;
		margin: 0 auto;
		padding: 55px 0 0;
	}
	.section-point2 .inner.pb0 {
		padding: 55px 0 0px;
	}
}

/*  section-point3
========================================================================*/

.section-point3.bt {
	border-top: 1px solid #D8D8D8;
}
.section-point3 .inner {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 0 auto;
	padding: 80px 0 30px;
}
.section-point3.pb40 .inner {
	padding: 80px 0 40px;
}

@media screen and (max-width: 767px) {
	.section-point3 .inner {
		width: 100%;
		padding: 60px 0 20px;
	}
	.section-point3.pb40 .inner {
		padding: 60px 0 0;
	}
}

/*========================================================================

  slider

========================================================================*/

/*  point_slider
========================================================================*/

.point_slider {
	border-bottom: 1px solid #D8D8D8;
}
.point_slider .inner {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 60px auto 70px;
}
.point_slider .slider {
	opacity: 0;
	margin: 0 -16px;
}
.point_slider .slider.slick-initialized {
	opacity: 1;
}
.point_slider .slider.slick-dotted.slick-slider {
	margin-bottom: 0;
	padding-bottom: 0;
}
.point_slider .slick-list {
	overflow: visible;
}
.point_slider .slick-slide {
	overflow: hidden;
	margin: 0 16px;
}
.point_slider .item a[target=_blank]:after {
	content: '';
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 15px;
	height: 15px;
	background: url(../img/f_icon-blank-w.png) center / contain;
}
.point_slider .item p {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	
	.point_slider .slick-prev,
	.point_slider .slick-next {
		z-index: 1;
		width: 32px;
		height: 32px;
	}
	.point_slider .slick-prev {
		background: url("/kodate/start/familysuite/assets/img/arrow-prev.png") no-repeat !important;
		left: 25px;
	}
	.point_slider .slick-next {
		background: url("/kodate/start/familysuite/assets/img/arrow-next.png") no-repeat !important;
		right: 25px;
	}
	.point_slider .slick-prev:before,
	.point_slider .slick-next:before {
		display:none;
	}
	.point_slider .item img {
		text-align: center;
		margin: 0 auto;
	}
	.point_slider .slick-slide {
		margin: 0 2px;
	}
	.point_slider .item {
		position: relative;
		overflow: visible;
	}
	.point_slider .item p {
		position: absolute;
		width: 100vw;
		bottom: -40px;
		left: 50%;
		transform: translateX(-50%);
		font-weight: bold;
		text-align: center;
		opacity: 1;
		transition: all 0.3s 0s ease;
	}
	.point_slider .item:not(.slick-active) p {
		opacity: 0;
	}
	.point_slider .item:not(.slick-active) img {
		opacity: 0.2;
	}
}

/*  point_slider2
========================================================================*/

.title_hukidasi {
	border: 1px solid #242424;
	padding: 8px 20px;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	letter-spacing: .6px;
	margin-top: 15px;
}
.title_hukidasi:before {
	content: '';
	position: absolute;
	display: block;
	border-right: 1px solid #242424;
	border-bottom: 1px solid #242424;
	width: 15px;
	height: 15px;
	bottom: -9px;
	left: 50%;
	background-color: #fff;
	transform:translateX(-50%)rotate(45deg);
}
.point_slider2 .inner {
	width: calc(100% - 40px);
	max-width: 1160px;
	margin: 0 auto;
	position: relative;
}
.point_slider2 .slider {
	display: flex;
	justify-content: space-between;
	margin-top: 55px;
}
.point_slider2 .item {
	width: calc(25% - 30px);
}
.point_slider2 .title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.point_slider2 .text {
	font-size: 14px;
	margin-top: 5px;
}

@media screen and (max-width: 767px) {

	.title_hukidasi {
		left: 30px;
		transform: none;
		font-size: 12px;
		font-weight: bold;
		padding: 5px 8px;
		margin-top: 0;
	}
	.title_hukidasi:before {
		content: '';
		position: absolute;
		border-right: 1px solid #242424;
		border-bottom: 1px solid #242424;
		width: 10px;
		height: 10px;
		bottom: -6px;
		left: 10%;
		background-color: #fff;
		transform:rotate(45deg);
	}
	.point_slider2 .inner {
		width: 100%;
	}
	.point_slider2 .slider {
		margin-top: 30px;
	}
	.point_slider2 .slick-slide {
		margin: 0 5px;
	}
	.point_slider2 .slick-list {
		margin: 0 -5px;
	}
	.point_slider2 .item img {
		width: 100%;
	}
	.point_slider2 .slick-prev,
	.point_slider2 .slick-next {
		z-index: 1;
		width: 32px;
		height: 32px;
		top: 41vw;
	}
	.point_slider2 .slick-prev {
		background: url("/kodate/start/familysuite/assets/img/arrow-prev.png") no-repeat !important;
		left: 13px;
	}
	.point_slider2 .slick-next {
		background: url("/kodate/start/familysuite/assets/img/arrow-next.png") no-repeat !important;
		right: 13px;
	}
	.point_slider2 .slick-prev:before,
	.point_slider2 .slick-next:before {
		display:none;
	}
	.point_slider2 .slick-dots {
		bottom: auto;
	}
	.point_slider2 .slick-disabled {
		opacity:0; !important;
		transition: all 0.3s 0s ease;
	}	
	.point_slider2 .slick-dots li {
		width: 5px;
		height: 5px;
		margin: 0 6px;
	}
	.point_slider2 .slick-dots li.slick-active button {
		background: #242424;
	}
	.point_slider2 .slick-dots li button {
		width: 100%;
		height: 100%;
		padding: 0;
		background: #D8D8D8;
		border-radius: 50%;
	}
	.point_slider2 .slick-dots li button:before {
		display: none;
	}
	.point_slider2 .textbox {
		padding: 50px 10px 0;
	}
	.point_slider2 .title {
		font-size: 15px;
		font-weight: bold;
		margin-top: 0px;
	}
	.point_slider2 .text {
	    font-size: 15px;
		margin-top: 5px;
	}
}

/*  point_slider3
========================================================================*/

.point_slider3 .inner {
	width: 100%;
	max-width: 1160px;
	margin: 55px auto 75px;
}

.point_slider3 .item p {
	font-size: 14px;
	margin-top:15px;
}

@media screen and (min-width: 768px) {
	.point_slider3 .slider {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: column;
		height: 878px;
		align-content: space-between;
	}
	.point_slider3 .item {
		width: calc(50% - 20px);
	}
}

@media screen and (max-width: 767px) {
	.point_slider3 .inner {
		margin: 30px auto 60px;
	}
	.point_slider3 .slider {
		margin: 0 -5px;
	}
	.point_slider3 .slick-slide {
		margin: 0 5px;
	}
	.point_slider3 .image {
		position: relative;
	}
	.point_slider3 .image:before {
		content: '';
		display: block;
		padding-top: 71.642%;
		background: #eee;
	}
	.point_slider3 .slick-track {
		display: flex;
	}
	.point_slider3 .item:nth-child(n + 3) {
		margin-top: 0;
	}
	.point_slider3 .item img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	.point_slider3 .item p {
		font-size: 15px;
		margin: 45px 10px 0px;
	}
	.point_slider3 .slick-arrow {
		z-index: 1;
		width: 32px;
		height: 32px;
		top: 32vw;
	}
	.point_slider3 .slick-prev {
	    background: url("/kodate/start/familysuite/assets/img/arrow-prev.png") no-repeat !important;
	    left: 13px;
	}
	.point_slider3 .slick-next {
		background: url("/kodate/start/familysuite/assets/img/arrow-next.png") no-repeat !important;
	    right: 13px;
	}
	.point_slider3 .slick-prev:before,
	.point_slider3 .slick-next:before {
		display:none;
	}
	.point_slider3 .slick-dots {
		bottom: auto;
	}	
	.point_slider3 .slick-dots li {
		width: 5px;
		height: 5px;
		margin: 0 6px;
	}
	.point_slider3 .slick-dots li.slick-active button {
		background: #242424;
	}
	.point_slider3 .slick-dots li button {
		width: 100%;
		height: 100%;
		padding: 0;
		background: #D8D8D8;
		border-radius: 50%;
	}
	.point_slider3 .slick-dots li button:before {
		display: none;
	}
}

/*  point_slider4
========================================================================*/

.point_slider4 {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 10px 0 10px;
}
.point_slider4.pb80 {
	padding: 10px 0 80px;
}

.point_slider4 .item p {
	font-size: 14px;
	margin-top:15px;
}

@media screen and (min-width: 768px) {
	.point_slider4 .slider {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.point_slider4.col-3 .item {
		width: calc(100%/3 - 26px);
	}
	.point_slider4.col-3.nospace .item {
		width: calc(100%/3);
	}
	.point_slider4.col-3 .item:nth-child(n+4){
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.point_slider4 .slick-dotted.slick-slider {
	    margin-bottom: 0;
	}
	.point_slider4 {
		padding: 15px 0 15px;
	}
	.point_slider4.pb80 {
		padding: 15px 0 40px;
	}
	.point_slider4.pb60_sp {
		padding: 30px 0 60px;
	}
	.point_slider4 .slider {
		margin: 0 -5px;
	}
	.point_imagebox .point_slider4 .slider {
		margin: 0 -20px;
	}
	.point_slider4 .slick-slide {
		margin: 0 5px;
	}
	.point_slider4 .image {
		position: relative;
	}
	.point_slider4 .image:before {
		content: '';
		display: block;
		padding-top: 73.847%;
		background: #eee;
	}
	.point_slider4 .slick-track {
		display: flex;
	}
	.point_slider4 .item:nth-child(n + 3) {
		margin-top: 0;
	}
	.point_slider4 .item img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	.point_slider4 .item p {
		font-size: 15px;
		margin: 45px 10px 0px;
	}
	.point_slider4 .slick-arrow {
		z-index: 1;
		width: 32px;
		height: 32px;
		top: 32vw;
	}
	.point_slider4 .slick-prev {
	    background: url("/kodate/start/familysuite/assets/img/arrow-prev.png") no-repeat !important;
	    left: 13px;
	}
	.point_slider4 .slick-next {
		background: url("/kodate/start/familysuite/assets/img/arrow-next.png") no-repeat !important;
	    right: 13px;
	}
	.point_slider4 .slick-prev:before,
	.point_slider4 .slick-next:before {
		display:none;
	}
	.point_slider4 .slick-dots {
		bottom: auto;
	}	
	.point_slider4 .slick-dots li {
		width: 5px;
		height: 5px;
		margin: 0 6px;
	}
	.point_slider4 .slick-dots li.slick-active button {
		background: #242424;
	}
	.point_slider4 .slick-dots li button {
		width: 100%;
		height: 100%;
		padding: 0;
		background: #D8D8D8;
		border-radius: 50%;
	}
	.point_slider4 .slick-dots li button:before {
		display: none;
	}
	.point_slider4 .slick-disabled {
		opacity:0; !important;
		transition: all 0.3s 0s ease;
	}
}

/*  point_slider5
========================================================================*/

.point_slider5 {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 10px 0 10px;
}
.point_slider5.pb80 {
	padding: 10px 0 80px;
}

.point_slider5 .item p {
	font-size: 14px;
	margin-top:15px;
}

@media screen and (min-width: 768px) {
	.point_slider5 .slider {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.point_slider5.col-3 .item {
		width: calc(100%/3 - 20px);
	}
	.point_slider5.col-3.nospace .item {
		width: calc(100%/3);
	}
	.point_slider5.col-3 .item:nth-child(n+4){
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.point_slider5 .slick-dotted.slick-slider {
	    margin-bottom: 0;
	}
	.point_slider5 {
		padding: 15px 0 15px;
	}
	.point_slider5.pb80 {
		padding: 15px 0 40px;
	}
	.point_slider5 .slider {
		margin: 0 -5px;
	}
	.point_imagebox .point_slider5 .slider {
		margin: 0 -20px;
	}
	.point_slider5 .slick-slide {
		margin: 0 5px;
	}
	.point_slider5 .image {
		position: relative;
	}
	.point_slider5 .image:before {
		content: '';
		display: block;
		padding-top: 71.688%;
		background: #eee;
	}
	.point_slider5 .slick-track {
		display: flex;
	}
	.point_slider5 .item:nth-child(n + 3) {
		margin-top: 0;
	}
	.point_slider5 .item img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
	.point_slider5 .item p {
		font-size: 15px;
		margin: 45px 10px 0px;
	}
	.point_slider5 .slick-arrow {
		z-index: 1;
		width: 32px;
		height: 32px;
		top: 32vw;
	}
	.point_slider5 .slick-prev {
	    background: url("/kodate/start/familysuite/assets/img/arrow-prev.png") no-repeat !important;
	    left: 13px;
	}
	.point_slider5 .slick-next {
		background: url("/kodate/start/familysuite/assets/img/arrow-next.png") no-repeat !important;
	    right: 13px;
	}
	.point_slider5 .slick-prev:before,
	.point_slider5 .slick-next:before {
		display:none;
	}
	.point_slider5 .slick-dots {
		bottom: auto;
	}	
	.point_slider5 .slick-dots li {
		width: 5px;
		height: 5px;
		margin: 0 6px;
	}
	.point_slider5 .slick-dots li.slick-active button {
		background: #242424;
	}
	.point_slider5 .slick-dots li button {
		width: 100%;
		height: 100%;
		padding: 0;
		background: #D8D8D8;
		border-radius: 50%;
	}
	.point_slider5 .slick-dots li button:before {
		display: none;
	}
	.point_slider5 .slick-disabled {
		opacity:0; !important;
		transition: all 0.3s 0s ease;
	}
}

/*========================================================================

  point_imagebox

========================================================================*/

/*  point_imagebox
========================================================================*/

.point_imagebox {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 30px 0 30px;
	width: 100%;
	max-width: 1160px;
}
.point_imagebox.pb80 {
	padding: 30px 0 80px;
}
.point_imagebox .textbox .text {
	font-size: 14px;
	margin-top: 20px;
	line-height: 1.8;
}

@media screen and (min-width: 768px) {
	.point_imagebox .imagebox {
		width: 64.6556%;
	}
	.point_imagebox .textbox {
		width: calc(36.897% - 60px);
	}
	.point_imagebox.pc-reverse{
		flex-direction: row-reverse;
	}
	.point_imagebox .textbox .image {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.point_imagebox {
		padding: 15px 0 15px;
	}
	.point_imagebox.pb80 {
		padding: 15px 0 40px;
	}
	.point_imagebox .textbox {
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	.point_imagebox .textbox .text {
		font-size: 15px;
		margin-top: 30px;
		padding: 0 10px;
		line-height: 1.7;
	}
}

/*  point_title
========================================================================*/

.point_title {
	font-size:20px;
}

@media screen and (max-width: 767px) {
	.point_title {
		font-size:15px;
	}
}

/*  point_text
========================================================================*/

.point_text {
	text-align: center;
	margin-top: 35px;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0.7px;
}
.point_caption {
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.point_text {
		width: calc(100% - 60px);
		margin: 20px auto 0;
		text-align: left;
		font-size: 15px;
		line-height: 1.6;
		font-weight: unset;
		letter-spacing: 0;
	}
	.point_caption {
		font-size: 15px;
		margin: 50px 30px 0;
	}
}

/*  greybox sp_only
========================================================================*/

.greybox_title {
	font-size: 20px;
	font-weight: bold;
}
.greybox_text {
	font-size: 14px;
	margin-top: 20px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	
	.greybox {
		background: #F4F4F4;
		padding: 15px;
		text-align: center;
	}
	.greybox_title {
		font-size: 15px;
		font-weight: bold;
	}
	.greybox_text {
		font-size: 12px;
		font-weight: unset;
		margin-top: 3px;
	}
}