@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500&display=swap');

html {
	font-size: calc(10vw / 12.42);
	-webkit-font-smoothing: antialiased;
}
body {
	color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-size: 2.8rem;
	line-height: 1;
	background-color: #000000;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
@media screen and (min-width: 769px) {
	html {
		font-size: 10px;
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
* {
	-webkit-tap-highlight-color: transparent;
}
a {
	color: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
p, dt, dd, li {
	word-break: break-word;
	word-wrap: normal;
}
img {
	max-width: 100%;
	vertical-align: top;
}
.ib {
	display: inline-block;
	line-height: inherit;
	font-weight: inherit;
}
.serif {
	font-family: 'Noto Serif JP', serif;
}
.txtRight {
	text-align: right;
    color: #333333;
	line-height: 1.5;
}
.accordionContent {
	display: none;
}
.wrapper {
	transition: opacity 1.0s;
}
body.loading .wrapper {
	opacity: 0;
}
body.load_complete .wrapper {
	opacity: 1;
}

.slick-prev,
.slick-next {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
}
.slick-dots {
	display: flex;
	justify-content: center;
	margin: 15px 0 0 0;
}
.slick-dots li {
	overflow: hidden;
	margin: 0 5px;
}
.slick-dots li button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;

	display: block;
	cursor: pointer;
	width: 10px;
	height: 10px;
	text-indent: -9999em;
	background-color: #c7b615;
	border-radius: 50%;
	transition: background-color 0.2s ease-out;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button {
	background-color: #008900;
}

/* loading */
html {
	width: 100%;
	height: 100%;
}
body.loading {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #000000;
}
#loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3000;
	background-image: url(../img/loading_blk.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 180px 180px;
}
#loading.load {
	animation: fade 4s linear infinite;
}
@keyframes fade {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
body.load_complete #loading {
	display: none;
}
#suntory_contents {
	transition: opacity 0.5s;
}
body.loading #suntory_contents {
	opacity: 0;
}
body.load_complete #suntory_contents {
	opacity: 1;
}
@media screen and (min-width: 769px) {
	#loading {
		background-size: 220px 220px;
	}
}

.contentWrap {
}
.contentInner {
	width: calc(1164 / 1242 * 100%);
	margin: auto;
}
.fadeContent {
	opacity: 0;
	transition: opacity 1.0s ease-out;
}
.fadeContent.current {
	opacity: 1;
}
.mode_pc {
	display: none;
}
.mode_sp {
	display: block;
}
@media screen and (min-width: 769px) {
	.wrapper {
		min-width: 960px;
	}
	.contentInner {
		width: 100%;
		max-width: 1184px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.mode_pc {
		display: block;
	}
	.mode_sp {
		display: none;
	}

	/* mover */
	.mover {
		transition: opacity 0.2s ease-out;
		backface-visibility: hidden;
		zoom: 1;
	}
	.mover:hover {
		opacity: 0.8;
	}
	.moverContent:before, .moverContent > * {
		transition: opacity 0.2s ease-out;
		backface-visibility: hidden;
		zoom: 1;
	}
	.moverContent:hover:before,
	.moverContent:hover > * {
		opacity: 0.8;
	}
}

/* mainVisual */
#mainVisual .content {
	position: relative;
}
#mainVisual .contentInner {
	width: 100%;
}
#mainVisual .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(420 / 1242 * 100%);
}
#mainVisual .buttonArea {
	width: calc(1064 / 1242 * 100%);
	margin: calc(-270 / 1242 * 100%) auto 0 auto;
	padding: 0 0 calc(70 / 1242 * 100%) 0;
}
#mainVisual .buttonArea .note {
	font-size: 3.0rem;
	text-align: center;
	white-space: nowrap;
	padding: calc(10 / 1064 * 100%) 0;
}
@media screen and (min-width: 769px) {
	#mainVisual .content {
		background-image: url(../img/bg_mv.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		padding: calc(763 / 1280 * 100%) 0 0 0;
	}
	#mainVisual .contentInner {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		max-width: 980px;
		margin: auto;
	}
	#mainVisual .title {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: calc(960 / 1280 * 100%);
		margin: auto;
	}
	#mainVisual .icon {
		width: calc(250 / 1280 * 100%);
	}
	#mainVisual .qr {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: calc(576 / 1280 * 100%);
		margin: calc(501 / 1280 * 100%) calc(530 / 1280 * 100%) 0 calc(174 / 1280 * 100%);
	}
	#mainVisual .qr .image {
		max-width: 576px;
		margin: auto;
	}
}
@media screen and (min-width: 1280px) {
}

/* boxWrap */
#boxWrap {
	overflow: hidden;
	background-image: url(../img/bg_box_sp.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
/* 	padding: calc(116 / 1242 * 100%) 0 0 0; */
	padding: calc(0 / 1242 * 100%) 0 0 0;
}
@media screen and (min-width: 769px) {
	#boxWrap {
		background-image: url(../img/bg_box.jpg);
/* 		padding: calc(94 / 1280 * 100%) 0 0 0; */
		padding: calc(0 / 1280 * 100%) 0 0 0;		
	}
}

/* introArea */
#introArea .title {
	margin: 0 0 calc(36 / 1164 * 100%) 0;
}
#introArea .text {
	font-size: 4.0rem;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 calc(36 / 1164 * 100%) 0;
}
@media screen and (min-width: 769px) {
	#introArea .title {
		margin: 0 0 calc(40 / 1164 * 100%) 0;
	}
	#introArea .text {
		font-size: 2.4rem;
		line-height: 1.67;
		margin: 0;
	}
}

/* innerNav */
#innerNav .list {
	display: flex;
	justify-content: space-between;
	background-image: url(../img/img_frame_nav_sp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: calc(138 / 1164 * 100%) calc(50 / 1164 * 100%) calc(120 / 1164 * 100%) calc(50 / 1164 * 100%);
}
#innerNav .list .item {
	flex-basis: calc(330 / 1064 * 100%);
}
@media screen and (min-width: 769px) {
	#innerNav .list {
		background-image: url(../img/img_frame_nav.png);
		margin: calc(57 / 1164 * 100%) 0 0 0;
		padding: calc(77 / 1164 * 100%) calc(60 / 1164 * 100%) calc(70 / 1164 * 100%) calc(60 / 1164 * 100%);
	}
	#innerNav .list .item {
		flex-basis: calc(330 / 1044 * 100%);
	}
}

/* boxLayout */
.boxLayout {
	padding: calc(77 / 1164 * 100%) 0 0 0;
}
.boxLayout .box {
	position: relative;
	background-color: rgba(0, 0, 0, 0.6);
	background-image: url(../img/bg_box_top_sp.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 0 calc(50 / 1164 * 100%) 0;
	padding: calc(172 / 1164 * 100%) 0 0 0;
	border: 2px solid #c21500;
	border-image: linear-gradient(to left, #947d2f 3.5%, #f5d89c 50%, #947d2f 96.5%);
	border-image-slice: 1;
}
.boxLayout .box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: calc(158 / 1164 * 100%);
	background-image: url(../img/img_medal_sp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: calc(-65 / 1164 * 100%) auto 0 auto;
	padding: calc(172 / 1164 * 100%) 0 0 0;
}
.boxLayout .title {
	margin: 0 0 calc(45 / 1160 * 100%) 0;
}
.boxLayout#about .text {
	font-size: 4.0rem;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 calc(85 / 1160 * 100%) 0;
}
.boxLayout#about .flow {
	margin: 0 0 calc(60 / 1160 * 100%) 0;
}
.boxLayout#about .buttonArea .button {
	width: calc(1064 / 1160 * 100%);
	margin: auto;
}
.boxLayout#about .buttonArea .note {
	font-size: 3.0rem;
	text-align: center;
	white-space: nowrap;
	padding: calc(12 / 1064 * 100%) 0;
}
.boxLayout#about .buttonArea .first {
	font-size: 4.0rem;
	font-weight: 500;
	text-align: center;
	padding: calc(44 / 1064 * 100%) 0 calc(90 / 1064 * 100%) 0;
}
.boxLayout#getPoint .block .blockTitle {
	margin: 0 0 calc(24 / 1160 * 100%) 0;
	padding: calc(39 / 1160 * 100%) 0 0 0;
}
.boxLayout#getPoint .block .text {
	font-size: 4.0rem;
	line-height: 1.5;
	text-align: center;
}
.boxLayout#getPoint .block .product {
	margin: calc(-139 / 1160 * 100%) 0 calc(41 / 1160 * 100%) 0;
}
.boxLayout#getPoint .block .sec {
	position: relative;
	width: calc(1020 / 1160 * 100%);
	background-color: rgba(95, 71, 33, 0.3);
	margin: calc(80 / 1160 * 100%) auto calc(70 / 1160 * 100%) auto;
	border: 1px solid #513b19;
	box-sizing: border-box;
}
.boxLayout#getPoint .block .mode {
	margin-bottom: calc(122 / 1160 * 100%);
}
.boxLayout#getPoint .block .mode:after  {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: calc(89 / 1020 * 100%);
	background-image: url(../img/icon_plus_sp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto;
	padding: calc(137 / 1020 * 100%) 0 0 0;
}
.boxLayout#getPoint .block .head {
	font-size: 5.4rem;
	text-align: center;
	background-color: #513b19;
	padding: calc(25 / 1018 * 100%) 0;
}
.boxLayout#getPoint .block .mode .cont {
	padding: 0 0 calc(40 / 1018 * 100%) 0;
}
.boxLayout#getPoint .block .mode .cont .image1 {
	margin: 0 0 calc(20 / 1018 * 100%) 0;
}
.boxLayout#getPoint .block .mode .cont .desc {
	font-size: 3.6rem;
	line-height: 1.58;
	padding: 0 calc(35 / 1018 * 100%);
}
.boxLayout#getPoint .block .mode .cont .desc .color1 {
	color: #ffcf6f;
}
.boxLayout#getPoint .block .mode .cont .desc .color2 {
	color: #ee453c;
}
.boxLayout#getPoint .block .mode .cont .image2 {
}
.boxLayout#getPoint .block .week .cont {
}
.boxLayout#getPoint .block .week .cont .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(84 / 1018 * 100%) 0 calc(65 / 1018 * 100%) 0;
}
.boxLayout#getPoint .block .week .cont .textWrap {
	flex-basis: calc(653 / 1018 * 100%);
}
.boxLayout#getPoint .block .week .cont .image1 {
	width: calc(457 / 653 * 100%);
	margin: calc(40 / 653 * 100%) auto calc(50 / 653 * 100%) auto;
}
.boxLayout#getPoint .block .week .cont .desc {
	font-size: 3.6rem;
	line-height: 1.58;
	padding: 0 0 0 calc(53 / 653 * 100%);
}
.boxLayout#getPoint .block .week .cont .image2 {
	flex-basis: calc(270 / 1018 * 100%);
	margin: 0 calc(71 / 1018 * 100%) 0 0;
}
.boxLayout#usePoint .box {
	margin-bottom: calc(119 / 1164 * 100%);
}
.boxLayout#usePoint .text {
	position: relative;
	font-size: 4.0rem;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 calc(85 / 1160 * 100%) 0;
}
.boxLayout#usePoint .image {
	margin: calc(-220 / 1160 * 100%) 0 calc(10 / 1160 * 100%) 0;
}
@media screen and (min-width: 769px) {
	.boxLayout {
		padding: calc(73 / 1164 * 100%) 0 0 0;
	}
	.boxLayout .box {
		background-image: url(../img/bg_box_top.png);
		margin: 0 0 calc(21 / 1164 * 100%) 0;
		padding: calc(106 / 1164 * 100%) 0 0 0;
	}
	.boxLayout .box:before {
		width: calc(108 / 1160 * 100%);
		background-image: url(../img/img_medal.png);
		margin: calc(-41 / 1160 * 100%) auto 0 auto;
		padding: calc(115 / 1160 * 100%) 0 0 0;
	}
	.boxLayout .title {
		margin: 0 0 calc(16 / 1160 * 100%) 0;
	}
	.boxLayout#about .text {
		font-size: 2.2rem;
		line-height: 1.64;
		margin: 0 0 calc(40 / 1160 * 100%) 0;
	}
	.boxLayout#about .flow {
		margin: 0 0 calc(64 / 1160 * 100%) 0;
	}
	.boxLayout#about .buttonArea .qr {
		width: calc(576 / 1160 * 100%);
		margin: auto;
	}
	.boxLayout#about .buttonArea .first {
		font-size: 2.0rem;
		font-weight: 400;
		padding: calc(24 / 1064 * 100%) 0 calc(58 / 1064 * 100%) 0;
	}
	.boxLayout#getPoint .block .blockTitle {
		margin: 0 0 calc(24 / 1160 * 100%) 0;
		padding: calc(14 / 1160 * 100%) 0 0 0;
	}
	.boxLayout#getPoint .block .text {
		font-size: 2.2rem;
		line-height: 1.64;
		margin: 0;
	}
	.boxLayout#getPoint .block .product {
		margin: calc(-96 / 1160 * 100%) 0 calc(59 / 1160 * 100%) 0;
	}
	.boxLayout#getPoint .block .secWrap {
		background: url(../img/bg_secWrap.png) 0 50px no-repeat ;
		background-size:contain;
		display: flex;
		justify-content: space-between;
		width: calc(1012 / 1160 * 100%);
		margin: calc(45 / 1160 * 100%) auto calc(36 / 1160 * 100%) auto;
	}
	.boxLayout#getPoint .block .sec {
		margin: 0;
	}
	.boxLayout#getPoint .block .mode {
		width: calc(633 / 1012 * 100%);
		margin-bottom: 0;
	}/*
	.boxLayout#getPoint .block .mode:before {
		content: "";
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 10;
		width: calc(42 / 633 * 100%);
		background-color: #000000;
		margin: calc(6 / 633 * 100%) 0 0 calc(-14 / 633 * 100%);
		padding: calc(42 / 633 * 100%) 0 0 0;
		border-radius: 50%;
	}
	.boxLayout#getPoint .block .mode:after {
		top: 0;
		left: 100%;
		right: auto;
		z-index: 11;
		width: calc(25 / 633 * 100%);
		margin: calc(14 / 633 * 100%) 0 0 calc(-6 / 633 * 100%);
		padding: calc(25 / 633 * 100%) 0 0 0;
	}*/
	.boxLayout#getPoint .block .mode:after {
		top: 0;
		left: 100%;
		right: auto;
		z-index: 11;
		width: calc(42 / 633 * 100%);
		background-color: #000000;
		background-size: 59.5%;
		margin: calc(6 / 633 * 100%) 0 0 calc(-14 / 633 * 100%);
		padding: calc(42 / 633 * 100%) 0 0 0;
		border-radius: 50%;
	}
	.boxLayout#getPoint .block .head {
		font-size: 2.3rem;
		letter-spacing: 0.1em;
	}
	.boxLayout#getPoint .block .mode .head {
		padding: calc(15 / 631 * 100%) 0;
	}
	.boxLayout#getPoint .block .mode .cont {
		padding: 0 0 calc(40 / 631 * 100%) 0;
	}
	.boxLayout#getPoint .block .mode .cont .image1 {
		margin: 0 0 calc(7 / 631 * 100%) 0;
	}
	.boxLayout#getPoint .block .mode .cont .desc {
		font-size: 1.8rem;
		line-height: 1.67;
		letter-spacing: -0.03em;
		padding: 0 0 calc(58 / 631 * 100%) calc(43 / 631 * 100%);
	}
	.boxLayout#getPoint .block .mode .cont .desc .color1 {
		color: #ffcf6f;
	}
	.boxLayout#getPoint .block .mode .cont .desc .color2 {
		color: #ee453c;
	}
	.boxLayout#getPoint .block .mode .cont .image2 {
	}
	.boxLayout#getPoint .block .week {
		width: calc(367 / 1012 * 100%);
	}
	.boxLayout#getPoint .block .week .head {
		padding: calc(15 / 365 * 100%) 0;
	}
	.boxLayout#getPoint .block .week .cont .wrap {
		display: block;
		padding: 0;
	}
	.boxLayout#getPoint .block .week .cont .textWrap {
		flex-basis: 100%;
	}
	.boxLayout#getPoint .block .week .cont .image1 {
		width: 100%;
		margin: 0 0 calc(7 / 365 * 100%) 0;
	}
	.boxLayout#getPoint .block .week .cont .desc {
		font-size: 1.8rem;
		line-height: 1.67;
		padding: 0 calc(33 / 365 * 100%) calc(58 / 365 * 100%) calc(37 / 365 * 100%);
	}
	.boxLayout#getPoint .block .week .cont .image2 {
		flex-basis: 100%;
		margin: 0;
	}
	.boxLayout#usePoint .box {
		margin-bottom: calc(78 / 1164 * 100%);
	}
	.boxLayout#usePoint .text {
		font-size: 2.2rem;
		line-height: 1.64;
		margin: 0 0 calc(85 / 1160 * 100%) 0;
	}
	.boxLayout#usePoint .image {
		margin: calc(-117 / 1160 * 100%) 0 calc(76 / 1160 * 100%) 0;
	}
	.boxLayout#getPoint .block .sec {
		background: none;
		border: none;
	}
}

/* term */
#term .contentInner {
	width: calc(1026 / 1242 * 100%);
	margin: auto;
}
#term .title {
	font-size: 5.4rem;
	text-align: center;
	padding: calc(26 / 1026 * 100%) 0 calc(76 / 1026 * 100%) 0;
}
#term .box {
	background-color: #ffffff;
	margin: 0 0 calc(105 / 1026 * 100%) 0;
	padding: calc(54 / 1026 * 100%) calc(46 / 1026 * 100%) calc(36 / 1026 * 100%) calc(46 / 1026 * 100%);
}
#term .box .boxInner {
	overflow: auto;
	height: 45vh;
	min-height: 300px;
	padding: 0 calc(34 / 934 * 100%) 0 0;
	-webkit-overflow-scrolling: touch;
}
#term .box .intro {
	color: #333333;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.44;
	padding: 0 0 calc(32 / 934 * 100%) 0;
}
#term .box .row {
	color: #333333;
}
#term .box .row .boxHead {
	color: #ffffff;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 500;
	text-align: center;
	background-color: #3f3f3f;
	margin: 0 0 calc(20 / 934 * 100%) 0;
	padding: calc(14 / 934 * 100%) 0 calc(22 / 934 * 100%) 0;
	border-radius: 5px;
}
#term .box .row .boxCont {
	margin: 0 0 calc(40 / 934 * 100%) 0;
}
#term .box .row .boxCont p {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.44;
}
#term .box .row .boxCont li {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.44;
	text-indent: -1em;
	padding: 0 0 0 1em;
}
#term .box .row .boxCont a {
	text-decoration: underline;
}
#term .box .row .boxCont a.mail {
	text-decoration: none;
}
#term .box .row .boxCont .mb {
	margin: 0 0 calc(10 / 934 * 100%) 0;
}
#term .box .row .boxCont .bold {
	font-weight: 700;
}
#term .box .row .boxCont .large {
	font-size: 34px;
	font-size: 3.4rem;
	line-height: 1.44;
}
#term .box .row .boxCont .note {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.44;
}
@media screen and (min-width: 769px) {
	#term .contentInner {
		width: 100%;
		max-width: 983px;
	}
	#term .title {
		font-size: 3.0rem;
		padding: calc(31 / 963 * 100%) 0 calc(50 / 963 * 100%) 0;
	}
	#term .box {
		margin: 0 0 calc(100 / 963 * 100%) 0;
		padding: calc(35 / 963 * 100%) calc(40 / 963 * 100%) calc(36 / 963 * 100%) calc(40 / 963 * 100%);
		border-radius: 5px;
	}
	#term .box .boxInner {
		height: 45.7vh;
		padding: 0;
	}
	#term .box .intro {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.73;
		padding: 0 0 calc(31 / 883 * 100%) 0;
	}
	#term .box .row {
	}
	#term .box .row .boxHead {
		font-size: 18px;
		font-size: 1.8rem;
		margin: 0 0 calc(25 / 883 * 100%) 0;
		padding: calc(6 / 883 * 100%) 0 calc(10 / 883 * 100%) 0;
	}
	#term .box .row .boxCont {
		margin: 0 0 calc(40 / 883 * 100%) 0;
	}
	#term .box .row .boxCont p {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.73;
	}
	#term .box .row .boxCont li {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.73;
	}
	#term .box .row .boxCont .mb {
		margin: 0 0 calc(10 / 883 * 100%) 0;
	}
	#term .box .row .boxCont .bold {
		font-weight: 700;
	}
	#term .box .row .boxCont .large {
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.73;
	}
	#term .box .row .boxCont .note {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.73;
	}
}

/* otherService */
#otherService .content {
	background-image: url(../img/bg_other_sp.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#otherService .contentInner {
	width: calc(1026 / 1242 * 100%);
	margin: auto;
}
#otherService .title {
	color: #333333;
	font-size: 5.4rem;
	text-align: center;
	padding: calc(117 / 1026 * 100%) 0 calc(80 / 1026 * 100%) 0;
}
#otherService .list {
	padding: 0 0 calc(85 / 1026 * 100%) 0;
}
#otherService .list .item {
	margin: 0 0 calc(62 / 1026 * 100%) 0;
}
@media screen and (min-width: 769px) {
	#otherService .content {
		overflow: hidden;
		background-image: url(../img/bg_other.jpg);
	}
	#otherService .contentInner {
		width: calc(1044 / 1242 * 100%);
	}
	#otherService .title {
		width: 100%;
		font-size: 3.0rem;
		font-weight: 500;
		padding: calc(95 / 1044 * 100%) 0 calc(54 / 1044 * 100%) 0;
	}
	#otherService .list {
		width: calc(920 / 1044 * 100%);
		margin: 0 auto calc(75 / 1044 * 100%) auto;
		padding: 0;
	}
	#otherService .list .item {
		margin: 0;
		padding: 0 30px;
	}
	#otherService .list .slick-prev {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: calc(-22 / 920 * 100%);
		width: calc(16 / 920 * 100%);
		height: 0;
		text-indent: -9999em;
		background-image: url(../img/icon_arrow01_prev.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		padding: calc(27 / 920 * 100%) 0 0 0;
	}
	#otherService .list .slick-next {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: calc(-22 / 920 * 100%);
		width: calc(16 / 920 * 100%);
		height: 0;
		text-indent: -9999em;
		background-image: url(../img/icon_arrow01_next.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		margin: auto;
		padding: calc(27 / 920 * 100%) 0 0 0;
	}
}

/* 重要なお知らせ */
#notice {
	width: 100%;
	text-align: left;
/* 	text-align: center; */
	padding: 2% 0 1% 0;
    background-color: #f9e1e1;
    color: #333333;
	margin-bottom: 10%;
	border: 5px solid #cc0101;
	padding: 5%;
	box-sizing: border-box;
}
#notice h4{
	text-align: center;	
	font-size: 4.5rem;
	line-height: 2;
	font-weight: bold;
	color: #cc0101;
}
#notice p {
	font-size: 4.0rem;
	line-height: 1.5;
	font-weight: bold;
	padding: 1% 0 2% 0;
}
#notice p span {
	color: #cc0101;
}
#notice .text.att {
	font-size: 15px;
	font-size: 4.0rem;
}

@media screen and (min-width: 769px) {
	#notice {
		padding: 1% 0 1.5% 0;
		margin-bottom: 10%;
		text-align: center;
	}
	#notice h4 {
        font-size: 2.2rem;
	}
	#notice p {
        font-size: 1.8rem;
		padding: 0.5%  0 0 0;
	}
}