/* サイサンが取り組む未来への挑戦
=========================================================================
=========================================================================*/
#title {
	position: relative;
	margin: 0 auto;
	padding: 69px 0 120px;
	width: 100%;
	background: url(../img/business/our_challenge_title_bg.jpg) center top no-repeat #F1F2EA;
	background-size: 100% auto;
}

#title .container {
	position: relative;
	margin: 0 auto;
	width: 1044px;
	z-index: 2;
}

@media screen and (max-width: 1074px) {
	#title .container {
		padding: 0 15px;
		width: 100%;
	}
}

#title .title_01 {
	margin-bottom: 22px;
	width: 350px;
}

#title h1 {
	margin-bottom: 132px;
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1em;
	color: #333333;
}

#title figure {
	margin: 0 auto 81px;
	width: 908px;
}

@media screen and (max-width: 938px) {
	#title figure {
		width: 100%;
	}
}

#title .text {
	position: relative;
	margin: 0 auto;
	width: 800px;
	color: #333;
	z-index: 2;
}

@media screen and (max-width: 830px) {
	#title .text {
		padding: 0 23px;
		width: 100%;
	}
}

#title .text .title_icon {
	position: relative;
	margin-bottom: 20px;
	width: 80px;
}

#title .text .title_icon img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#title .text .title_icon::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -85px;
	margin: auto 0;
	width: 75px;
	height: 1px;
	background: #707070;
	transform: scale(0, 1);
	transform-origin: right;
}

#title .text .title_icon.reveal::before {
	animation: reveal-text 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s forwards;
}

@keyframes reveal-text {
	100% {
		transform: scale(1, 1);
	}
}

#title .text h3 {
	margin-bottom: 36px;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1em;
}

#title .text p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.142857em;
}

#title .bg_white {
	position: absolute;
	top: 235px;
	width: 100%;
	z-index: 1;
}

/***************************************************
 * Generated by SVG Artista on 11/20/2020, 5:30:57 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .logo-1 {
	stroke-dashoffset: 1648.1945504810517px;
	stroke-dasharray: 1648.1945504810517px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

.active svg .logo-1 {
	stroke-dashoffset: 3296.3891009621034px;
}

svg .logo-2 {
	stroke-dashoffset: 1458.1290421858323px;
	stroke-dasharray: 1458.1290421858323px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

.active svg .logo-2 {
	stroke-dashoffset: 2916.2580843716646px;
}

svg .logo-3 {
	stroke-dashoffset: 1458.1290421858323px;
	stroke-dasharray: 1458.1290421858323px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

.active svg .logo-3 {
	stroke-dashoffset: 2916.2580843716646px;
}

svg .logo-4 {
	stroke-dashoffset: 1459.698991265664px;
	stroke-dasharray: 1459.698991265664px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

.active svg .logo-4 {
	stroke-dashoffset: 2919.397982531328px;
}

svg .logo-5 {
	stroke-dashoffset: 1456.5573986120742px;
	stroke-dasharray: 1456.5573986120742px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

.active svg .logo-5 {
	stroke-dashoffset: 2913.1147972241483px;
}

svg .logo-6 {
	stroke-dashoffset: 5554.546875px;
	stroke-dasharray: 5554.546875px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

.active svg .logo-6 {
	stroke-dashoffset: 11109.09375px;
}

svg .logo-7 {
	stroke-dashoffset: 1421.44140625px;
	stroke-dasharray: 1421.44140625px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

.active svg .logo-7 {
	stroke-dashoffset: 2842.8828125px;
}

svg .logo-8 {
	stroke-dashoffset: 1309.048583984375px;
	stroke-dasharray: 1309.048583984375px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

.active svg .logo-8 {
	stroke-dashoffset: 2618.09716796875px;
}

svg .logo-9 {
	stroke-dashoffset: 784.4865112304688px;
	stroke-dasharray: 784.4865112304688px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

.active svg .logo-9 {
	stroke-dashoffset: 1568.9730224609375px;
}

svg .logo-10 {
	stroke-dashoffset: 450.13470458984375px;
	stroke-dasharray: 450.13470458984375px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

.active svg .logo-10 {
	stroke-dashoffset: 900.2694091796875px;
}

svg .logo-11 {
	stroke-dashoffset: 529.426513671875px;
	stroke-dasharray: 529.426513671875px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

.active svg .logo-11 {
	stroke-dashoffset: 1058.85302734375px;
}

svg .logo-12 {
	stroke-dashoffset: 2.2388916015625px;
	stroke-dasharray: 2.2388916015625px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s;
}

.active svg .logo-12 {
	stroke-dashoffset: 4.477783203125px;
}

svg .logo-13 {
	stroke-dashoffset: 2.7172377705574036px;
	stroke-dasharray: 2.7172377705574036px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

.active svg .logo-13 {
	stroke-dashoffset: 5.434475541114807px;
}

svg .logo-14 {
	stroke-dashoffset: 490.0494384765625px;
	stroke-dasharray: 490.0494384765625px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

.active svg .logo-14 {
	stroke-dashoffset: 980.098876953125px;
}

svg .logo-15 {
	stroke-dashoffset: 507.48797607421875px;
	stroke-dasharray: 507.48797607421875px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
}

.active svg .logo-15 {
	stroke-dashoffset: 1014.9759521484375px;
}

svg .logo-16 {
	stroke-dashoffset: 1079.152587890625px;
	stroke-dasharray: 1079.152587890625px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s;
}

.active svg .logo-16 {
	stroke-dashoffset: 2158.30517578125px;
}

svg .logo-17 {
	stroke-dashoffset: 31.543231964111328px;
	stroke-dasharray: 31.543231964111328px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
}

.active svg .logo-17 {
	stroke-dashoffset: 63.086463928222656px;
}

svg .logo-18 {
	stroke-dashoffset: 18.342256546020508px;
	stroke-dasharray: 18.342256546020508px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s;
}

.active svg .logo-18 {
	stroke-dashoffset: 36.684513092041016px;
}

svg .logo-19 {
	stroke-dashoffset: 84.01703643798828px;
	stroke-dasharray: 84.01703643798828px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s;
}

.active svg .logo-19 {
	stroke-dashoffset: 168.03407287597656px;
}

svg .logo-20 {
	stroke-dashoffset: 31.54330062866211px;
	stroke-dasharray: 31.54330062866211px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s;
}

.active svg .logo-20 {
	stroke-dashoffset: 63.08660125732422px;
}

svg .logo-21 {
	stroke-dashoffset: 18.395235061645508px;
	stroke-dasharray: 18.395235061645508px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
}

.active svg .logo-21 {
	stroke-dashoffset: 36.790470123291016px;
}

svg .logo-22 {
	stroke-dashoffset: 760.4429321289062px;
	stroke-dasharray: 760.4429321289062px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s;
}

.active svg .logo-22 {
	stroke-dashoffset: 1520.8858642578125px;
}

svg .logo-23 {
	stroke-dashoffset: 313.65704345703125px;
	stroke-dasharray: 313.65704345703125px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s;
}

.active svg .logo-23 {
	stroke-dashoffset: 627.3140869140625px;
}

svg .logo-24 {
	stroke-dashoffset: 1262.6488037109375px;
	stroke-dasharray: 1262.6488037109375px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s;
}

.active svg .logo-24 {
	stroke-dashoffset: 2525.297607421875px;
}

svg .logo-25 {
	stroke-dashoffset: 266.1573791503906px;
	stroke-dasharray: 266.1573791503906px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s;
}

.active svg .logo-25 {
	stroke-dashoffset: 532.3147583007812px;
}

svg .logo-26 {
	stroke-dashoffset: 69.9415512084961px;
	stroke-dasharray: 69.9415512084961px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

.active svg .logo-26 {
	stroke-dashoffset: 139.8831024169922px;
}

svg .logo-27 {
	stroke-dashoffset: 842.5270385742188px;
	stroke-dasharray: 842.5270385742188px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s;
}

.active svg .logo-27 {
	stroke-dashoffset: 1685.0540771484375px;
}

svg .logo-28 {
	stroke-dashoffset: 468.14642333984375px;
	stroke-dasharray: 468.14642333984375px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s;
}

.active svg .logo-28 {
	stroke-dashoffset: 936.2928466796875px;
}

svg .logo-29 {
	stroke-dashoffset: 550.6773071289062px;
	stroke-dasharray: 550.6773071289062px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s;
}

.active svg .logo-29 {
	stroke-dashoffset: 1101.3546142578125px;
}

svg .logo-30 {
	stroke-dashoffset: 472.6894836425781px;
	stroke-dasharray: 472.6894836425781px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s;
}

.active svg .logo-30 {
	stroke-dashoffset: 945.3789672851562px;
}

svg .logo-31 {
	stroke-dashoffset: 564.6392822265625px;
	stroke-dasharray: 564.6392822265625px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s;
}

.active svg .logo-31 {
	stroke-dashoffset: 1129.278564453125px;
}

svg .logo-32 {
	stroke-dashoffset: 378.4363098144531px;
	stroke-dasharray: 378.4363098144531px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s;
}

.active svg .logo-32 {
	stroke-dashoffset: 756.8726196289062px;
}

svg .logo-33 {
	stroke-dashoffset: 449.0173034667969px;
	stroke-dasharray: 449.0173034667969px;
	transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s;
}

.active svg .logo-33 {
	stroke-dashoffset: 898.0346069335938px;
}





/* vision2045
=========================================================================*/
#vision2045 {
	position: relative;
	border-bottom: 20px solid #000;
}

#vision2045 .title {
	position: relative;
	padding-top: 92px;
	height: 420px;
	background: url(../img/business/our_challenge_vision2045_title_bg.jpg) center top no-repeat;
	background-size: cover;
	z-index: 2;
}

#vision2045 .title h2 {
	position: relative;
	margin: 0 180px 0 auto;
	width: 461px;
	z-index: 3;
}

#vision2045 .title .photo {
	position: absolute;
	top: 119px;
	right: 0;
	width: 462px;
	z-index: 2;
}

#vision2045 .title .green01 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 500px;
	height: 114px;
	background: #5CCE60;
}

#vision2045 .text {
	position: relative;
	margin: 0 auto;
	padding: 0 0 100px;
	width: 100%;
	color: #FFF;
	background: #35A839;
}

#vision2045 .text .green01 {
	position: absolute;
	bottom: 413px;
	left: 0;
	width: 500px;
	height: 304px;
	background: #5CCE60;
}

#vision2045 .text .green02 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 865px;
	height: 413px;
	background: #63B23A;
}

#vision2045 .text .container {
	position: relative;
	margin: 0 auto;
	width: 800px;
}

@media screen and (max-width: 830px) {
	#vision2045 .text .container {
		padding: 0 23px;
		width: 100%;
	}
}

#vision2045 .text .title_icon {
	position: relative;
	margin-bottom: 20px;
	width: 80px;
}

#vision2045 .text .title_icon img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#vision2045 .text .title_icon::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -85px;
	margin: auto 0;
	width: 75px;
	height: 1px;
	background: #707070;
	transform: scale(0, 1);
	transform-origin: right;
}

#vision2045 .text .title_icon.reveal::before {
	animation: reveal-text 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s forwards;
}

#vision2045 .text h3 {
	margin-bottom: 52px;
	width: 335px;
}

#vision2045 .text p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.142857em;
}

#vision2045 .copy {
	position: absolute;
	top: 375px;
	left: calc(90 / 1366 * 100%);
	width: 40px;
	height: 601px;
	z-index: 3;
}

@media screen and (max-width: 1200px) {
	#vision2045 .copy {
		left: 15px;
	}
}

@media screen and (max-width: 945px) {
	#vision2045 .copy {
		display: none;
	}
}

/* overseas
=========================================================================*/
#overseas {
	position: relative;
}

#overseas .title {
	position: relative;
	padding: 72px 0 0;
	height: 610px;
	background: url(../img/business/our_challenge_overseas_title_bg.png) center center no-repeat;
	background-size: cover;
}

@media screen and (max-width: 830px) {
	#overseas .title {
		padding: 72px 23px 0;
		width: 100%;
	}
}

#overseas .title_icon {
	position: relative;
	margin: 0 auto 138px;
	width: 800px;
}

@media screen and (max-width: 830px) {
	#overseas .title_icon {
		width: 100%;
	}
}

#overseas .title_icon img {
	margin: 0;
	padding: 0;
	width: 80px;
	vertical-align: middle;
}

#overseas .title_icon::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -85px;
	margin: auto 0;
	width: 75px;
	height: 1px;
	background: #707070;
	transform: scale(0, 1);
	transform-origin: right;
}

#overseas .title_icon.reveal::before {
	animation: reveal-text 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s forwards;
}

#overseas .title h2 {
	position: relative;
	margin: 0 auto 53px;
	width: 475px;
}

#overseas .title p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.142857em;
	text-align: center;
}

#overseas .container {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#overseas .container ul.left {
	width: 248px;
}

#overseas .container ul.right {
	width: 248px;
}

#overseas .container ul.country {
	margin: 0 auto;
	width: 740px;
}

@media screen and (max-width: 1236px) {
	#overseas .container ul.country {
		padding: 20px 20px 80px;
		width: 100%;
	}

	#overseas .container ul.left {
		display: none;
	}

	#overseas .container ul.right {
		display: none;
	}
}

#overseas .container ul.country li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #CBCBCB;
}

#overseas .container ul.country li figure {
	width: 80px;
	text-align: center;
}

#overseas .container ul.country li figure img {
	width: auto;
	height: 20px;
}

#overseas .container ul.country li .text {
	width: 100%;
}

#overseas .container ul.country li h3 {
	margin-bottom: 9px;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.333333em;
}

#overseas .container ul.country li p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.333333em;
	color: #6E6E6E;
}

/* More SAISAN!
=========================================================================
=========================================================================*/
#more_sisan {
	padding: 80px 15px;
	width: 100%;
	height: 373px;
	text-align: center;
	background: url(../img/common/more_sisan_bg.jpg) center top no-repeat;
	background-size: cover;
}

#more_sisan h2 {
	margin: 0 auto 64px;
	width: 195px;
}

#more_sisan ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 748px
}

@media screen and (max-width: 778px) {
	#more_sisan ul {
		width: 100%;
	}
}

#more_sisan ul li {
	position: relative;
	overflow: hidden;
	width: calc(178 / 748 * 100%);
	background: #FFF;
}

/*  スマホ（767px以下）
=========================================================================
=========================================================================*/
@media screen and (max-width:767px) {
	/*#title {
		margin-top: 60px;
		padding: 45px 0 80px;
		width: 100%;
		background: url(../img/business/our_challenge_title_bg@2x.jpg) center top -100px no-repeat #F1F2EA;
		background-size: 100% auto;
	}*/

	#title {
		margin-top: 60px;
		padding: 45px 0 80px;
		width: 100%;
		background: url(../img/business/our_challenge_title_bg@2x.jpg) center top -40px no-repeat #F1F2EA;
		background-size: 111% auto;
	}

	#title .container {
		padding: 0 15px;
		width: 100%;
	}

	#title .title_01 {
		margin: 0 auto 22px;
		width: 270px;
	}

	#title h1 {
		margin-bottom: 90px;
		font-size: 20px;
		font-size: 2.0rem;
		text-align: center;
	}

	#title figure {
		margin: 0 auto 43px;
	}

	#title .text {
		padding: 0 23px;
		width: 100%;
	}

	#title .text h3 {
		margin-bottom: 22px;
		font-size: 18px;
		font-size: 1.8rem;
	}

	#title .text p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.928571em;
	}

	#title .bg_white {
		top: 169px;
		width: 100%;
	}

	/* vision2045
	=========================================================================*/
	#vision2045 {}

	#vision2045 .title {
		padding-top: 90px;
		height: 263px;
		background: url(../img/business/our_challenge_vision2045_title_bg@2x.jpg) left top no-repeat;
		background-size: cover;
	}

	#vision2045 .title h2 {
		position: relative;
		margin: 0 auto;
		max-width: 322px;
		width: calc(322 / 375 * 100%);
	}

	#vision2045 .title .photo {
		top: 179px;
		top: calc(179 / 263 * 100%);
		width: calc(187 / 375 * 100%);
	}

	#vision2045 .title .green01 {
		width: calc(301 / 375 * 100%);
		height: 19px;
	}

	#vision2045 .text {
		padding: 110px 0 0;
		width: 100%;
	}

	#vision2045 .text .green01 {
		position: absolute;
		top: 0;
		bottom: auto;
		left: 0;
		width: calc(301 / 375 * 100%);
		height: 343px;
	}

	#vision2045 .text .green02 {
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 865px;
		height: 413px;
		background: #63B23A;
	}

	#vision2045 .text .container {
		padding: 0;
		width: 100%;
	}

	#vision2045 .text .title_icon {
		padding: 0 23px;
		width: 126px;
	}

	#vision2045 .text .title_icon::before {
		left: -62px;
	}

	#vision2045 .text h3 {
		margin-bottom: 28px;
		padding: 0 23px;
		width: 335px;
	}

	#vision2045 .text p {
		padding: 40px 23px 60px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.928571em;
		background: #63B23A;
	}

	/* overseas
	=========================================================================*/
	#overseas .title {
		position: relative;
		padding: 99px 23px 58px;
		height: auto;
		background: url(../img/business/our_challenge_overseas_title_bg@2x.png) center top no-repeat;
		background-size: cover;
	}

	#overseas .title_icon {
		margin: 0 auto 262px;
	}

	#overseas .title h2 {
		margin: 0 auto 35px;
		width: 300px;
	}

	#overseas .title p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.857142em;
	}

	#overseas .container ul.country li {
		padding: 12px 0;
	}

	#overseas .container ul.country li figure {
		width: 50px;
	}

	#overseas .container ul.country li figure img {
		width: auto;
		height: 20px;
	}

	#overseas .container ul.country li .text {
		padding-left: 10px;
	}

	#overseas .container ul.country li h3 {
		margin-bottom: 9px;
		font-weight: bold;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.333333em;
	}

	#overseas .container ul.country li p {
		font-size: 12px;
		font-size: 1.2rem;
	}


	/* More SAISAN!
	=========================================================================
	=========================================================================*/
	#more_sisan {
		padding: 45px 15px 33px;
		height: auto;
	}

	#more_sisan h2 {
		margin: 0 auto 38px;
		width: 104px;
	}

	#more_sisan ul li {
		position: relative;
		overflow: hidden;
		margin-bottom: 5px;
		width: calc(178 / 359 * 100%);
		background: #FFF;
	}

}

/*  スマホ（375px以下）
=========================================================================
=========================================================================*/
@media screen and (max-width:375px) {
	#title {
		background: url(../img/business/our_challenge_title_bg@2x.jpg) center top -80px no-repeat #F1F2EA;
		background-size: 130% auto;
	}

	#title h1 {
		font-size: 5.4vw;
	}

	#title .text h3 {
		font-size: 5.0vw;
	}

	#overseas .title h2 {
		width: 100%;
	}
}

/*  スマホ（330px以下）
=========================================================================
=========================================================================*/
@media screen and (max-width:330px) {
	#title {
		background-size: 150% auto;
	}
}