@charset "utf-8";
/* ===================================================
	policy CSS
====================================================== */


/* ---------------------------------------------------
#c_nav
------------------------------------------------------ */
#c_nav { display: flex; justify-content: center; margin: 0 auto; padding: 100px 0 0;}
#c_nav li { position: relative; width: 24%; text-align: center;}
#c_nav li:nth-of-type(1) { margin-right: 12px;}
#c_nav li a.link_line { padding: 10px 0 30px; width: 100%; justify-content: center;}
#c_nav li a.link_line::after { width: 0;}

@media screen and (hover: hover) and (min-width: 601px) {
	#c_nav li a.link_line:hover::after {
		width: 100%;
	}

}

@media screen and (max-width: 600px) {
	#c_nav { display: block; margin: 0 auto; font-size: 14px; padding: 30px 0 0;}
	#c_nav li { width: 100%;}
	#c_nav li a { justify-content: left;}
	#c_nav li a.link_line { padding: 12px 0; justify-content: left;}
	#c_nav li:after { content: ''; width: 6px; height: 6px; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 15px; border-bottom: 1px solid rgba(65, 65, 65, .6); border-right: 1px solid rgba(65, 65, 65, .6); transform: rotate(45deg); transition: transform 0.3s ease;}
}

/* ---------------------------------------------------
section
------------------------------------------------------ */

section.inner_md { margin: 180px auto 0;}
section h2 { margin: 0 0 30px; font-style: italic; font-size: 30px; color: rgba(65, 65, 65, .6);}
section div { margin-bottom: 30px;}
section div h3 { margin: 0 0 5px; font-style: italic; font-size: 20px; color: rgba(65, 65, 65, .6);}

#sec2 { margin-bottom: 200px;}
#sec2 .flex_col div { width: 48%;}
#sec2 dl:first-of-type { margin-top: 30px; border-top: 1px solid #aaa;}
#sec2 dl { display: flex; width: 100%; border-bottom: 1px solid #aaa; padding: 10px 3%; box-sizing: border-box;}
#sec2 dl dt { width: 200px; color: rgba(65, 65, 65, .6);}
#sec2 dl dd { width: calc(100% - 200px);}
#sec2 h3 { margin-top: 100px; font-style: italic; font-size: 20px; color: rgba(65, 65, 65, .6);}


@media screen and (hover: hover) and (min-width: 601px) {


}

@media screen and (max-width: 600px) {
	section.inner_md { margin: 80px auto;}
	section h2 { margin-bottom: 0; font-size: 26px;}
	section div h3 { font-size: 18px;}
	#sec2 { margin-bottom: 100px;}
	#sec2 dl:first-of-type { margin-top: 0;}
	#sec2 dl { display: block; width: 100%;}
	#sec2 dl dt,
	#sec2 dl dd { width: 100%;}
	#sec2 h3 { margin-top: 80px; font-size: 18px;}
	#sec2 .flex_col div { width: 100%;}
}