@charset "UTF-8";

#ly-Guide header { text-align:center; }
#ly-Guide header p:nth-child(1) { font-size:2em; color:#1c1c1e; margin-bottom: 100px; font-weight: 400; }
#ly-Guide header p { color:#666; line-height:1.6; }
#ly-Guide header p span { line-height:1.6; }

#ly-Guide-Tab div.id-cont a { display:block; padding:16px; text-align:center; text-decoration:none; font-size: 1.125em;}
#ly-Guide-Tab div.id-cont a * { color:#8E8E93; word-break:keep-all; }
#ly-Guide-Tab div.id-cont a.active * { color:#009F4F; }
#ly-Guide-Tab div.id-cont a dt strong { font-size:1.1em; font-weight:500; }
#ly-Guide-Tab div.id-cont a dd { margin-top:4px; font-weight:200; }
#ly-Guide-Tab div.id-cont a dl { padding-top:13px; }
#ly-Guide-Tab div.id-cont a p { font-size:1.2em; font-weight:500; }

#ly-Guide-Tab div.id-cont a:not(.active):focus,
#ly-Guide-Tab div.id-cont a:not(.active):hover { text-decoration:none; }
#ly-Guide-Tab div.id-cont a:not(.active):focus *,
#ly-Guide-Tab div.id-cont a:not(.active):hover * { color:#636366; }

#ly-Guide-Tab div.id-cont div a.active * { color:#009F4F; font-weight: 500;}

#ly-Guide-Appcheck div.id-cont div.type-data { font-weight:normal; line-height:1.6; font-size: 1.125em;}
#ly-Guide-Appcheck div.id-cont div.type-data p { word-break:keep-all; }
#ly-Guide-Appcheck div.id-cont div.type-data img { max-width:100%; }

#ly-Guide-Cms div.id-cont div.type-data { font-weight:normal; line-height:1.6; font-size: 1.125rem; }
#ly-Guide-Cms div.id-cont div.type-data p { word-break:keep-all; }
#ly-Guide-Cms div.id-cont div.type-data img { max-width:100%; }

div.id-cont header.type-side h2 { font-size:1.5em; font-weight: 500; }

div.id-cont p.type-btn button { width:206px; height: 56px; font-size:1.125rem; text-align:center; color:#FFFFFF; background-color: #009F4F; padding:10px 5px;
	border-radius: 8px; font-weight: 400; border: 1px solid #009F4F;}
div.id-cont p.type-btn button:focus,
div.id-cont p.type-btn button:hover { background-color:#008843; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {

	div.id-cont header.type-side h2 { font-size: 1.45rem; color: #3A3A3C; font-weight: 500; margin-bottom: 16px;}
	div.id-cont p.type-btn button { width: 100%;}

	#ly-Guide header h2 { font-size:1.6em; }
	#ly-Guide header p { font-size:.9em; }
	#ly-Guide header p:nth-child(1) { margin-bottom: 0px;}

	#ly-Guide-Tab { margin-top:30px; }
	#ly-Guide-Tab div.id-cont { width: 92%;}
	#ly-Guide-Tab div.id-cont a:first-of-type { border-left-color:#d4d4d4; }
	#ly-Guide-Tab div.id-cont a dd { font-size:.8em; }
	#ly-Guide-Tab div.id-cont a.active + a { border-top-color:transparent !important; }

	#ly-Guide-Appcheck { margin-top:64px; padding-bottom:80px; }
	#ly-Guide-Appcheck div.id-cont { width: 92%;}
	#ly-Guide-Appcheck div.id-cont div.type-data { margin-top: 48px;}
	#ly-Guide-Appcheck div.id-cont div.type-data li { margin-top:40px; font-size: 1.125rem; color: #636366; }
	#ly-Guide-Appcheck div.id-cont div.type-data li p { margin-top:20px; }

	#ly-Guide-Cms { margin-top:64px; padding-bottom:80px; }
	#ly-Guide-Cms div.id-cont { width: 92%;}
	#ly-Guide-Cms div.id-cont div.type-data li:not(:first-of-type) { margin-top:40px; }
	#ly-Guide-Cms div.id-cont div.type-data li p { margin-top:20px; }
	#ly-Guide-Cms div.id-cont div.type-data { margin-top: 48px;}
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219px) {
	#ly-Guide header { margin-left:20px; margin-right:20px; }
	#ly-Guide header p { margin-top:20px; }

	#ly-Guide-Tab { margin-left:20px; margin-right:20px; }

	#ly-Guide-Appcheck { margin-left:20px; margin-right:20px; }

	#ly-Guide-Cms { margin-left:20px; margin-right:20px; }

	div.id-cont header.type-side { text-align:center; margin-bottom:20px; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1219px) {
	#ly-Guide header h2 { font-size:1.8em; }

	#ly-Guide-Tab { margin-top:50px; }

	#ly-Guide-Appcheck { margin-top:60px; padding-bottom:60px; }
	#ly-Guide-Appcheck div.id-cont div.type-data li { margin-top:60px; }
	#ly-Guide-Appcheck div.id-cont div.type-data li p { margin-top:25px; }

	#ly-Guide-Cms { margin-top:60px; padding-bottom:60px; }
	#ly-Guide-Cms div.id-cont div.type-data li:not(:first-of-type) { margin-top:60px; }
	#ly-Guide-Cms div.id-cont div.type-data li p { margin-top:25px; }
}

/* Tablet & Desktop */
@media screen and (min-width:640px) {
	#ly-Guide-Tab div.id-cont { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Guide-Tab div.id-cont div { width:50%; }
	#ly-Guide-Tab div.id-cont a dt strong span { display:block; }
	#ly-Guide-Tab div.id-cont a dd { font-size:.8em; }
	#ly-Guide-Tab div.id-cont a dd span { display:block; }
	#ly-Guide-Tab div.id-cont a.active + a { background:none; }
}

/* Desktop */
@media screen and (min-width:1220px) {
	#ly-Guide header { margin-top: 140px; }
	#ly-Guide header h2 { font-size:2em; }
	#ly-Guide header p { margin-top:30px; font-size:1.1em; }

	#ly-Guide-Tab { margin-top:70px; }
	#ly-Guide-Tab div.id-cont { width:64%; height:80px; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; max-width: 1200px;}

	#ly-Guide-Appcheck { margin-top:100px; padding-bottom:160px; }
	#ly-Guide-Appcheck div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-Guide-Appcheck div.id-cont header.type-side { text-align:left; background-position:center top; background-repeat:no-repeat; }
	#ly-Guide-Appcheck div.id-cont header.type-side h2 span { margin-bottom:50px; display:block; color: #3a3a3c; }
	#ly-Guide-Appcheck div.id-cont div.type-data li:not(:first-of-type) { margin-top:100px; }
	#ly-Guide-Appcheck div.id-cont div.type-data li p { margin-top:30px; }
	#ly-Guide-Appcheck div.id-cont div.type-data li:first-of-type img { border:1px solid #dadada; }

	#ly-Guide-Cms { margin-top:100px; padding-bottom:160px; }
	#ly-Guide-Cms div.id-cont { width:64%; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-Guide-Cms div.id-cont header.type-side { text-align:left; background-position:center top; background-repeat:no-repeat; }
	#ly-Guide-Cms div.id-cont header.type-side h2 span { margin-bottom:50px; display:block; color: #3a3a3c; }
	#ly-Guide-Cms div.id-cont div.type-data li:not(:first-of-type) { margin-top:100px; }
	#ly-Guide-Cms div.id-cont div.type-data li p { margin-top:30px; }
}