/* ----------------------------------------------------------
add font
---------------------------------------------------------- */
@font-face {
	font-family: 'SoDoSans Black';
	font-style: normal;
	font-weight: 400;
	src: url("/common/fonts/SoDoSans/SoDoSans-Black.woff") format("woff");
}

@font-face {
	font-family: 'SoDoSans Bold';
	font-style: normal;
	font-weight: 700;
	src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff");
}

@font-face {
	font-family: 'SoDoSans SemiBold';
	font-style: normal;
	font-weight: 400;
	src: url("/common/fonts/SoDoSans/SoDoSans-SemiBold.woff") format("woff");
}

@font-face {
	font-family: 'Pike';
	font-style: normal;
	font-weight: 400;
	src: url("/common/fonts/Pike/Pike-Light.woff") format("woff");
}

@font-face {
	font-family: 'Pike Bold';
	font-style: normal;
	font-weight: bold;
	src: url("/common/fonts/Pike/Pike-Bold.woff") format("woff");
}

.mod-en {
	font-family: 'SoDoSans Bold';
}

/* ----------------------------------------------------------
color
---------------------------------------------------------- */
:root {
	--link-green: #00754A;
	--text-darkgreen: #1E3932;
}
/* ----------------------------------------------------------
article
---------------------------------------------------------- */

html {
	font-size: 62.5%;
	color: rgba(0, 0, 0, 0.87);
}
._mt0 {
	margin-top: 0 !important;
}
.mainContents h1,
.mainContents h2,
.mainContents h3 {
	margin: 0;
}

/* mainContentsIn setting */
.mainContentsIn {
	max-width: 1225px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.mainContentsIn img {
	width: 100%;
}

.mainContents p {
	margin: 0;
}
.mainContentsIn p {
	margin: 0;
}
.mainContentsIn a {
	opacity: 1;
	transition: .3s ease;
}
.mainContentsIn a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.guidelineHeadline2,
.guidelineHeadline3 {
	color: var(--text-darkgreen);
}
.guidelineHeadline2 {
	font-size: 24px;
	font-weight: 700;
	line-height: calc(38/24);
	text-align: center;
}
.guidelineHeadline3 {
	font-size: 24px;
	font-weight: 700;
	line-height: calc(38/24);
}	
._note {
	padding-left: 14px;
	text-indent: -14px;
}
._note::before {
	content: "※";
}
@media print, screen and (max-width: 1023px) {
	.mainContentsIn {
		max-width: 100%;
		padding: 0 calc(15/375*100vw);
	}
	.guidelineHeadline2 {
		font-size: calc(18/375*100vw);
		line-height: calc(28/18);
	}
	.guidelineHeadline3 {
		font-size: calc(18/375*100vw);
		line-height: calc(28/18);
	}	
	._note {
		padding-left: calc(14/375*100vw);
		text-indent: calc(-14/375*100vw);
	}
	._note::before {
		content: "※";
	}
}

/* anchor */
[class*="__anchor"] {
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
}
.is-pc {
	display: inline-block;
}
.is-sp {
	display: none;
}
@media print, screen and (max-width: 1023px) {
	.is-pc {
		display: none;
	}
	.is-sp {
		display: inline-block;
	}	
}
/* kv */
.mainVisual {
	display: flex;
}
.mainVisual h1 {
	width: 50%;
}
.mainVisual h1 img {
	width: 100%;
	height: auto;
}
.mainVisualDetail {
	width: 50%;
	background: url(/youkou/deliverystarpresent/images/kv_detail.jpg) no-repeat;
	background-size: contain;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: calc(27/1440*100vw);
}
.mainVisualDetail ._date {
	color: #fff;
	text-align: center;
	font-size: calc(18/1440*100vw);
	font-weight: 500;
	line-height: calc(22/18);
}
.mainVisualDetail ._date ._text {
	font-size: calc(20/1440*100vw);
	font-weight: 700;
	line-height: calc(22/20);
	margin-right: calc(21/1440*100vw);
	position: relative;
	top: calc(-4/1440*100vw);
}
.mainVisualDetail ._date ._num {
	font-size: calc(38/1440*100vw);
	font-weight: 700;
	line-height: calc(22/38);
	margin-left: calc(5/1440*100vw);
}
.leadArea {
	margin-top: calc(170/1440*100vw);
}
.leadArea ._lead {
	font-size: calc(21/1440*100vw);
	font-weight: 500;
	line-height: calc(38/21);
	text-align: center;
}
@media print, screen and (max-width: 1023px) {
	.mainVisual {
		flex-direction: column;
	}
	.mainVisual h1 {
		width: 100%;
	}
	.mainVisualDetail {
		width: calc(375/375*100vw);
		height: calc(375/375*100vw);
		background: url(/youkou/deliverystarpresent/images/kv_detail_sp.jpg) no-repeat;
		background-size: contain;
		padding-top: calc(21/375*100vw);
	}
	.mainVisualDetail ._date {
		color: #fff;
		text-align: center;
		font-size: calc(13/375*100vw);
		font-weight: 500;
		line-height: calc(24/13);
	}
	.mainVisualDetail ._date ._text {
		font-size: calc(16/375*100vw);
		font-weight: 700;
		line-height: calc(22/16);
		margin-right: calc(7/375*100vw);
		position: relative;
		top: calc(-4/375*100vw);
	}
	.mainVisualDetail ._date ._num {
		font-size: calc(32/375*100vw);
		font-weight: 700;
		line-height: calc(24/32);
		margin-left: calc(5/375*100vw);
	}
	.leadArea {
		margin-top: calc(79/375*100vw);
	}
	.leadArea ._lead {
		font-size: calc(17/375*100vw);
		font-weight: 500;
		line-height: calc(28/17);
		text-align: center;
	}
}

/* delivers */
.deliversContent {
	padding: 70px 0 43px;
}
.deliversContent .guidelineHeadline2 {
	margin-bottom: 37px;
}
.deliversDetail {
	margin-top: 48.5px;
	padding-bottom: 49px;
	border-bottom: 1px solid #E0E0E0;
}
.deliversDetail._present {
	padding-bottom: 40px;
}
.deliversDetail._caution {
	padding-bottom: 70px;
}
.deliversDetail._caution .guidelineHeadline3 {
	margin-bottom: 20px;
}
.deliversDetail ._date {
	font-size: 18px;
	font-weight: 400;
	line-height: calc(27/18);
	margin-top: 25px;
}
.deliversDetail ._date ._num {
	font-size: 22px;
	font-weight: 700;
	line-height: calc(27/22);
}
.deliversDetail ._text {
	font-size: 18px;
	line-height: calc(35/18);
	margin-top: 17px;
}
.deliversDetail ._note {
	font-size: 14px;
	line-height: calc(21/14);
	color: rgba(0, 0, 0, 0.7);
	margin-top: 4px;
}
.deliversDetail._caution ._note {
	margin-top: 7px;
}
.deliversDetail ._link {
	color: var(--link-green)
}
.deliversDetail .serviceBlock {
	width: 585px;
	margin: 39px auto 0;
}
.deliversDetail .serviceBlock ._title {
	font-size: 18px;
	font-weight: 700;
	line-height: calc(26/18);
	text-align: center;
	margin-bottom: 16px;
}
.deliversDetail .serviceLink {
	width: 100%;
	display: block;
}
.deliversDetail .serviceBlock ._note {
	text-align: center;
	margin-top: 15px;
}
.deliversDetail ._list {
	margin-top: 20px;
}
.deliversDetail ._list ._item {
	position: relative;
	padding-left: 25px;
	margin-bottom: 24px;
}
.deliversDetail ._list ._item:last-child {
	margin-top: 42px;
	margin-bottom: 0;
}
.deliversDetail ._list ._item::before {
	content: "●";
	position: absolute;
	font-size: 18px;
	font-weight: 700;
	color: #D2A04A;
	top: -2px;
	left: 0;
}
.deliversDetail ._list ._item ._title {
	font-size: 18px;
	font-weight: 700;
	line-height: calc(28/18);
}
.deliversDetail ._list ._item ._note {
	margin-top: 7px;
}
.deliversDetail ._list ._item ._img {
	width: 180px;
	margin-top: 40px;
}
@media print, screen and (max-width: 1023px) {
	.deliversContent {
		padding: calc(48/375*100vw) 0 calc(36/375*100vw);
	}
	.deliversContent .guidelineHeadline2 {
		margin-bottom: calc(38/375*100vw);
	}
	.deliversDetail {
		margin-top: calc(38.5/375*100vw);
		padding-bottom: calc(39/375*100vw);
	}
	.deliversDetail._present {
		padding-bottom: calc(40/375*100vw);
	}
	.deliversDetail._caution {
		padding-bottom: calc(39/375*100vw);
	}
	.deliversDetail._caution .guidelineHeadline3 {
		margin-bottom: calc(22/375*100vw);
	}
	.deliversDetail ._date {
		font-size: calc(14/375*100vw);
		line-height: calc(21/14);
		margin-top: calc(25/375*100vw);
	}
	.deliversDetail ._date ._num {
		font-size: calc(20/375*100vw);
		line-height: calc(21/20);
	}
	.deliversDetail ._text {
		font-size: calc(14/375*100vw);
		line-height: calc(21/14);
		margin-top: calc(18/375*100vw);
	}
	.deliversDetail._conditions ._text {
		margin-top: calc(21/375*100vw);
	}
	.deliversDetail ._note {
		font-size: calc(12/375*100vw);
		line-height: calc(18/12);
		color: rgba(0, 0, 0, 0.7);
		margin-top: calc(8/375*100vw);
	}
	.deliversDetail._caution ._note {
		margin-top: calc(7/375*100vw);
	}
	.deliversDetail ._link {
		color: var(--link-green)
	}
	.deliversDetail .serviceBlock {
		width: 100%;
		margin: calc(38/375*100vw) auto 0;
	}
	.deliversDetail .serviceBlock ._title {
		font-size: calc(14/375*100vw);
		line-height: calc(20/14);
		margin-bottom: calc(12/375*100vw);
	}
	.deliversDetail .serviceLink {
		width: 100%;
		display: block;
	}
	.deliversDetail .serviceBlock ._note {
		text-align: center;
		margin-top: calc(13 / 375 * 100vw);
	}
	.deliversDetail ._list {
		margin-top: calc(24/375*100vw);
	}
	.deliversDetail ._list ._item {
		position: relative;
		padding-left: calc(21/375*100vw);
		margin-bottom: calc(22/375*100vw);
	}
	.deliversDetail ._list ._item:last-child {
		margin-top: calc(40/375*100vw);
		margin-bottom: 0;
	}
	.deliversDetail ._list ._item::before {
		content: "●";
		font-size: calc(14/375*100vw);
		top: calc(-2/375*100vw);
		left: 0;
	}
	.deliversDetail ._list ._item ._title {
		font-size: calc(14/375*100vw);
		line-height: calc(21/14);
	}
	.deliversDetail ._list ._item ._note {
		margin-top: calc(7/375*100vw);
	}
	.deliversDetail ._list ._item ._img {
		width: calc(180/375*100vw);
		margin-top: calc(40/375*100vw);
	}
}

.supportArea {

}
.supportHeadline {
	font-size: 18px;
	font-weight: 700;
	line-height: calc(38/18);
}
.supportArea ._text {
	font-size: 18px;
	line-height: calc(27/18);
	margin-top: 17px;
}
.supportArea ._text._mt {
	margin-top: 50px;
	margin-bottom: 10px;
}
.supportArea ._note {
	font-size: 14px;
	line-height: calc(21/14);
	margin-top: 7px;
	color: rgba(0, 0, 0, 0.7);
}
.supportArea ._link {
	font-size: 14px;
	line-height: calc(35/14);
	color: var(--link-green);
}

.btnArea {
	text-align: center;
	margin-top: 79px;
	padding-bottom: 80px;
}
.btnArea ._btn {
	display: inline-block;
	background-color: var(--link-green);
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: calc(30 / 20);
	padding: 23px 45px;
	border-radius: 38px;
	text-align: center;
	text-decoration: none;
}
@media print, screen and (max-width: 1023px) {
	.supportHeadline {
		font-size: calc(14/375*100vw);
		font-weight: 700;
		line-height: calc(28/14);
	}
	.supportArea ._text {
		font-size: calc(14/375*100vw);
		line-height: calc(21/14);
		margin-top: calc(20/375*100vw);
	}
	.supportArea ._text._mt {
		margin-top: calc(39/375*100vw);
		margin-bottom: calc(17/375*100vw);
	}
	.supportArea ._note {
		font-size: calc(12/375*100vw);
		line-height: calc(21/14);
		margin-top: calc(7/375*100vw);
		color: rgba(0, 0, 0, 0.7);
	}
	.supportArea ._note._mt0 {
		margin-top: calc(9/375*100vw)!important;
	}
	.supportArea ._link {
		font-size: calc(14/375*100vw);
		line-height: calc(21/14);
		color: var(--link-green);
	}
	
	.btnArea {
		text-align: center;
		margin-top: calc(69/375*100vw);
		padding-bottom: calc(70/375*100vw);
	}
	.btnArea ._btn {
		display: inline-block;
		background-color: var(--link-green);
		color: #fff;
		font-size: calc(16/375*100vw);
		font-weight: 700;
		line-height: calc(30 / 20);
		padding: calc(13/375*100vw) calc(36/375*100vw);
		border-radius: calc(30/375*100vw);
		text-align: center;
		text-decoration: none;
	}
}

.block-inner {
	width: 82.22%;
	margin: 0 auto;
	position: relative;
}
.block-notes { 
	padding: 2.08333vw 0; 
	text-align: center; 
	background: #EDEBE9; 
}
.block-notes p { 
	margin: 0; 
}
.block-notes ._note { 
	font-weight: normal; 
	font-size: 0.76389vw; 
	line-height: 1.7; 
	text-align: left; 
	color: #434342; 
	padding-left: 1em; 
	text-indent: -1em;
}

@media print, screen and (max-width: 1023px) {
	.block-inner {
		width: 91%;
		margin: 0 auto;
		position: relative;
	}
	.block-notes { 
		padding: 7.46667vw 0 7.46667vw;
		text-align: center; 
		background: #EDEBE9; 
	}
	.block-notes p { 
		margin: 0; 
	}
	.block-notes ._note { 
		font-weight: normal; 
		font-size: 2.93333vw; 
		line-height: 1.7; 
		text-align: left; 
		color: #434342; 
	}
}