@charset "utf-8";
/*=================================
	line-request.css
	@media only screen and (min-width: 761px)
	@media only screen and (max-width: 760px)

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

@media print, screen and (min-width: 761px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */

	/* ------------------------------------------------------
	 * Page Component
	------------------------------------------------------ */
	/* ----- lineHeading1 ---- */
	.lineHeading1 {
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
		background-color: #f3f3f3;
	}
	.lineHeading1 .headingInner {
		width: 1080px;
		margin: 0 auto;
		padding: 27px 0 25px;
	}
	.lineHeading1 .headingTitle {
	}
	.lineHeading1 .headingLabel {
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1.4;
	}

	/* ----- lineHeading2 ----- */
	.lineHeading2 {
		margin-top: 60px;
	}
	.lineHeading2 + * {
		margin-top: 40px!important;
	}
	.lineHeading2 .headingInner {
	}
	.lineHeading2 .headingTitle {
		padding: 22px 29px;
		border-left: 6px solid;
		background-size: auto auto;

	}
	.lineHeading2.request .headingTitle {
		border-left-color: #33b4d4;
		background-color: rgba(234, 247, 251, 1);
		background-image: repeating-linear-gradient(135deg, transparent, transparent 25px, rgba(225, 244, 249, 1) 25px, rgba(225, 244, 249, 1) 46px );
	}
	.lineHeading2.info .headingTitle {
		border-left-color: #f58fab;
		background-color: rgba(255, 242, 246, 1);
		background-image: repeating-linear-gradient(135deg, transparent, transparent 25px, rgba(255, 237, 242, 1) 25px, rgba(255, 237, 242, 1) 46px );
	}
	.lineHeading2 .headingLabel {
		font-size: 2.2rem;
		font-weight: bold;
	}

	/* ----- lineHero ----- */
	.lineHero {
		margin-top: 75px;
		text-align: center;
	}

	/* ----- lineAnchorNav ----- */
	.lineAnchorNav {
		margin-top: 50px;
	}
	.lineAnchorNav .navList {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	.lineAnchorNav .navList > li {
		width: calc((100% - 36px) / 2 * 1);
	}
	.lineAnchorNav .navLink {
		display: block;
		position: relative;
		padding: 18px 40px 18px 10px;
		border-top: 4px solid;
		text-align: center;
		color: #333;
	}
	.lineAnchorNav li.request .navLink {
		border-top-color: #33b4d4;
		background-color: #e1f4f9;
	}
	.lineAnchorNav li.info .navLink {
		border-top-color: #f58fab;
		background-color: #ffedf2;
	}
	.lineAnchorNav .navLink:hover {
		opacity: .7;
		text-decoration: none;
	}
	.lineAnchorNav .navLink::after {
		display: block;
		position: absolute;
		top: calc(50% - 10px);
		right: 24px;
		width: 11px;
		height: 11px;
		border-top: 2px solid;
		border-right: 2px solid;
		transform: rotate(135deg);
		content: "";
	}
	.lineAnchorNav li.request .navLink::after {
		border-color: #33b4d4;
	}
	.lineAnchorNav li.info .navLink::after {
		border-color: #f58fab;
	}
	.lineAnchorNav .navLabel {
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.4;
	}

	/* ----- lineMedia ----- */
	.lineMedia {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		margin-top: 40px;
	}
	.lineMedia .mediaHead,
	.lineMedia .mediaBody {
		width: calc((100% - 36px) / 2);
	}
	.lineMedia .mediaHead >*:first-child,
	.lineMedia .mediaBody > *:first-child {
		margin-top: 0!important;
	}
	.lineMedia[data-image-pc="left"] .mediaHead {
		order: 1;
	}
	.lineMedia[data-image-pc="left"] .mediaBody {
		order: 2;
	}
	.lineMedia[data-image-pc="right"] .mediaHead {
		order: 2;
	}
	.lineMedia[data-image-pc="right"] .mediaBody {
		order: 1;
	}
	.lineMedia .mediaImage {
		width: 100%;
		text-align: center;
	}
	.lineMedia .mediaImage > img {
		max-width: 100%;
	}
	.lineMedia .mediaImage .mediaCaption {
		margin-top: 12px;
		text-align: left;
		font-size: 1.4rem;
	}
	.lineMedia .mediaText {
		font-size: 1.8rem;
		line-height: 1.75;
	}
	.lineMedia .mediaTextRed {
		font-weight: bold;
		color: #c00;
	}
	.lineMedia .mediaBanner {
		width: 100%;
		margin-top: 30px;
	}
	.lineMedia .bannerLink {
		display: block;
		text-align: center;
	}
	.lineMedia .mediaBanner img {
		max-width: 100%;
	}
}

@media print, screen and (min-width: 761px) and (max-width: 1080px) {
	.lineHeading1 {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 760px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	#container {
	padding: 0 15px 30px;
	}

	/* ------------------------------------------------------
	 * Page Component
	------------------------------------------------------ */
	/* ----- lineHeading1 ---- */
	.lineHeading1 {
		margin-left: -15px;
		margin-right: -15px;
		background-color: #f3f3f3;
	}
	.lineHeading1 .headingInner {
		width: 100%;
		margin: 0 auto;
		padding: 15px 15px 15px;
	}
	.lineHeading1 .headingTitle {
	}
	.lineHeading1 .headingLabel {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.4;
	}

	/* ----- lineHeading2 ----- */
	.lineHeading2 {
		margin-top: 36px;
	}
	.lineHeading2 + * {
		margin-top: 20px!important;
	}
	.lineHeading2 .headingInner {
	}
	.lineHeading2 .headingTitle {
		padding: 10px 13px;
		border-left: 5px solid;
		background-size: auto auto;

	}
	.lineHeading2.request .headingTitle {
		border-left-color: #33b4d4;
		background-color: rgba(234, 247, 251, 1);
		background-image: repeating-linear-gradient(135deg, transparent, transparent 25px, rgba(225, 244, 249, 1) 25px, rgba(225, 244, 249, 1) 46px );
	}
	.lineHeading2.info .headingTitle {
		border-left-color: #f58fab;
		background-color: rgba(255, 242, 246, 1);
		background-image: repeating-linear-gradient(135deg, transparent, transparent 25px, rgba(255, 237, 242, 1) 25px, rgba(255, 237, 242, 1) 46px );
	}
	.lineHeading2 .headingLabel {
		font-size: 1.6rem;
		font-weight: bold;
	}

	/* ----- lineHero ----- */
	.lineHero {
		margin-top: 15px;
		text-align: center;
	}

	/* ----- lineAnchorNav ----- */
	.lineAnchorNav {
		margin-top: 22px;
	}
	.lineAnchorNav .navList {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}
	.lineAnchorNav .navList > li {
		width: calc((100% - 15px) / 2 * 1);
	}
	.lineAnchorNav .navLink {
		display: block;
		position: relative;
		padding: 10px 15px 10px 5px;
		border-top: 3px solid;
		text-align: center;
		color: #333;
	}
	.lineAnchorNav li.request .navLink {
		border-top-color: #33b4d4;
		background-color: #e1f4f9;
	}
	.lineAnchorNav li.info .navLink {
		border-top-color: #f58fab;
		background-color: #ffedf2;
	}
	.lineAnchorNav .navLink:hover {
		opacity: .7;
		text-decoration: none;
	}
	.lineAnchorNav .navLink::after {
		display: block;
		position: absolute;
		top: calc(50% - 9px);
		right: 8px;
		width: 10px;
		height: 10px;
		border-top: 2px solid;
		border-right: 2px solid;
		transform: rotate(135deg);
		content: "";
	}
	.lineAnchorNav li.request .navLink::after {
		border-color: #33b4d4;
	}
	.lineAnchorNav li.info .navLink::after {
		border-color: #f58fab;
	}
	.lineAnchorNav .navLabel {
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.4;
	}

	/* ----- lineMedia ----- */
	.lineMedia {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
		margin-top: 20px;
	}
	.lineMedia .mediaHead,
	.lineMedia .mediaBody {
		width: 100%;
	}
	.lineMedia .mediaHead >*:first-child,
	.lineMedia .mediaBody > *:first-child {
		margin-top: 0!important;
	}
	.lineMedia .mediaHead + .mediaBody {
		margin-top: 10px;
	}
	.lineMedia .mediaImage {
		width: 100%;
		text-align: center;
	}
	.lineMedia .mediaImage > img {
		max-width: 100%;
	}
	.lineMedia .mediaImage .mediaCaption {
		margin-top: 10px;
		text-align: left;
		font-size: 1.2rem;
	}
	.lineMedia .mediaText {
		font-size: 1.4rem;
		line-height: 1.75;
	}
	.lineMedia .mediaTextRed {
		font-weight: bold;
		color: #c00;
	}
	.lineMedia .mediaBanner {
		width: 100%;
		margin-top: 15px;
	}
	.lineMedia .bannerLink {
		display: block;
		text-align: center;
	}
	.lineMedia .mediaBanner img {
		max-width: 100%;
	}
}

@media only screen and (max-width: 374px) {
	.lineAnchorNav .navLabel {
		font-size: 1.1rem;
	}
}
@media only screen and (max-width: 359px) {
	.lineAnchorNav .navLabel {
		font-size: 1.0rem;
	}
}