/* CSS Document */



/*------------------------------------------------------

	knowledgeIndex

------------------------------------------------------*/
#knowledgeIndex #main .col3-1 { margin-bottom: 40px; }
#knowledgeIndex #main .col3-1 a {}
#knowledgeIndex #main .col3-1 > :not(a) { padding: 0 15px; }
#knowledgeIndex #main .col3-1 .img { margin-bottom: 20px;}
#knowledgeIndex #main .col3-1 .img img {}
#knowledgeIndex #main .col3-1 .title { text-align: center; font-size: 1.5rem; margin-bottom: 25px; font-weight: bold; }
#knowledgeIndex #main .col3-1 .text { font-size: 1rem; line-height: 1.5; margin-bottom: 20px;}
#knowledgeIndex #main .col3-1 ul {}
#knowledgeIndex #main .col3-1 ul li { font-size: 1rem; margin-bottom: 8px; line-height: 1;}

@media (max-width: 480px) {
	#knowledgeIndex #main .col3-1 { width: 100%; margin-bottom: 25px;}
	#knowledgeIndex #main .col3-1 .img img { width: 100%;}
}

/*------------------------------------------------------

	knowledge common

------------------------------------------------------*/

.knowledgeInner { margin-bottom: 80px;}
.knowledgeInner .heading04 {}
.knowledgeInner .title { font-size: 1.25rem; font-weight: bold; max-width: 914px; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.knowledgeInner .text { max-width: 914px; margin-left: auto; margin-right: auto; }
.knowledgeInner .colWrap { justify-content: flex-start; -webkit-justify-content: flex-start; max-width: 914px; margin-left: auto; margin-right: auto; }
.knowledgeInner .colWrap li { margin-bottom: 10px; margin-right: 10px;}

#knowledgeGuide { background-color: #e7f3ff; padding: 60px 0 30px; margin-bottom: 140px; line-height: 1;}
#knowledgeGuide .title { font-size: 2.5rem; margin-bottom: 25px; letter-spacing: 5px; font-weight: bold;}
#knowledgeGuide .title span { padding-right: 18px; color: #065dac; vertical-align: -2px; }
#knowledgeGuide .text {}

#knowledgeGuide ol { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #065dac; padding: 20px 100px 10px; }
#knowledgeGuide ol li { margin-bottom: 10px; font-size: 1.125rem; color: #065dac; }
#knowledgeGuide ol li a {}

@media (max-width: 480px) {
	.knowledgeInner { margin-bottom: 40px;}
	
	#knowledgeGuide { padding-top: 40px; margin-bottom: 50px;}
	#knowledgeGuide .title { font-size: 2rem; letter-spacing: 2px; margin-bottom: 15px; }
	#knowledgeGuide .title span { padding-right: 10px; }
	#knowledgeGuide ol { padding: 20px 20px 10px 40px; }
}

/*------------------------------------------------------

	knowledge01

------------------------------------------------------*/
#knowledge01 {}
#knowledge01 #main { padding-top: 0;}

/*------------------------------------------------------

	knowledge02

------------------------------------------------------*/
#knowledge02 {}
#knowledge02 #main { padding-top: 0;}
#knowledge02 .knowledgeInner .img { border: 1px solid #ccc; }
#knowledge02 .knowledgeInner .colWrap { justify-content: space-between; -webkit-justify-content: space-between; }

@media (max-width: 480px) {
	#knowledge02 .knowledgeInner section { margin-bottom: 30px;}
}

/*------------------------------------------------------

	knowledge03

------------------------------------------------------*/
#knowledge03 {}
#knowledge03 #main { padding-top: 0;}


/*------------------------------------------------------

	fs css

------------------------------------------------------*/
.layout_table { max-width: none; }


/*------------------------------------------------------

	tablet css

------------------------------------------------------*/
body.ua_tablet .system_content { padding: 0; }