@charset "utf-8";

@media only screen and (max-width: 640px) {
	
/*============================
#mainPanelArea
============================*/
#mainPanelArea {}
#mainPanelArea .category {}
#mainPanelArea .category span {}
#mainPanelArea h1.middleTitle {}
#mainPanelArea .english {}

/*============================
#leadArea
============================*/
#leadArea {}
#leadArea ul { flex-direction: column; gap: 10px 0; width: 100%; }
#leadArea ul li { width: 100%; flex-wrap: wrap; }
#leadArea ul li a { padding: 13px 45px 12px 16px; }
#leadArea ul li a::after {}
#leadArea ul li a:hover::after {}

/*============================
#stepArea
============================*/
#stepArea {}
#stepArea .step0 { padding: 0 0 40px; }
#stepArea .step0 .sub {}
#stepArea .step0 .titleArea {}
#stepArea .step0 .titleArea h2.main {}
#stepArea .step0 ul { gap: 30px; margin-top: 20px; }
#stepArea .step0 ul li { flex-direction: column; gap: 0; }
#stepArea .step0 ul li .image { border-radius: 10px; width: 100%; height: 100%; }
#stepArea .step0 ul li .image img {}
#stepArea .step0 ul li .contets { border-top: none; margin-top: 15px; }
#stepArea .step0 ul li .contets .title { margin-top: 0; }
#stepArea .step0 ul li .contets .copy { margin-top: 5px; }
#stepArea .step0 ul li .contets .note { margin-top: 5px; }
#stepArea .step0 ul li .contets .note a {}
#stepArea .step0 ul li .contets .note a.app { margin-right: 5px; }
#stepArea .step0 ul li .contets .note a.app img {}
#stepArea .step0 ul li .contets .note a.googleplay {}
#stepArea .step0 ul li .contets .note a.googleplay img {}
#stepArea .step1 { padding: 30px 0 40px; }
#stepArea .step1:before {}
#stepArea .step1 .sub {}
#stepArea .step1 .titleArea {}
#stepArea .step1 .titleArea h2.main {}
#stepArea .step1 ul { gap: 30px; margin-top: 20px; }
#stepArea .step1 ul li { flex-direction: column; gap: 0; }
#stepArea .step1 ul li .image { border-radius: 10px; width: 100%; height: 100%; }
#stepArea .step1 ul li .image img {}
#stepArea .step1 ul li .contets { border-top: none; margin-top: 15px; }
#stepArea .step1 ul li .contets .title { margin-top: 0; }
#stepArea .step1 ul li .contets .copy { margin-top: 5px; }
#stepArea .step1 ul li .contets .note { margin-top: 5px; }
#stepArea .step1 ul li .contets .note a {}
#stepArea .step1 ul li .contets .note dl {}
#stepArea .step1 ul li .contets .note dl dt {}
#stepArea .step1 ul li .contets .note dl dd {}
#stepArea .step2 { padding: 30px 0 40px; }
#stepArea .step2:before {}
#stepArea .step2 .sub {}
#stepArea .step2 .titleArea {}
#stepArea .step2 .titleArea h2.main {}
#stepArea .step2 ul {}
#stepArea .step2 ul { gap: 30px; margin-top: 20px; }
#stepArea .step2 ul li { flex-direction: column; gap: 0; }
#stepArea .step2 ul li .image { border-radius: 10px; width: 100%; height: 100%; }
#stepArea .step2 ul li .image img {}
#stepArea .step2 ul li .contets { border-top: none; margin-top: 15px; }
#stepArea .step2 ul li .contets .title { margin-top: 0; }
#stepArea .step2 ul li .contets .copy { margin-top: 5px; }
#stepArea .step2 ul li .contets .note { margin-top: 5px; }
#stepArea .step2 ul li .contets .note a {}
#stepArea .step2 ul li .contets .note dl {}
#stepArea .step2 ul li .contets .note dl dt {}
#stepArea .step2 ul li .contets .note dl dd {}
#stepArea .step3 { padding: 30px 0 40px; }
#stepArea .step3:before {}
#stepArea .step3 .sub {}
#stepArea .step3 .titleArea {}
#stepArea .step3 .titleArea h2.main {}
#stepArea .step3 ul { gap: 30px; margin-top: 20px; }
#stepArea .step3 ul li { flex-direction: column; gap: 0; }
#stepArea .step3 ul li .image { border-radius: 10px; width: 100%; height: 100%; }
#stepArea .step3 ul li .image img {}
#stepArea .step3 ul li .contets { border-top: none; margin-top: 15px; }
#stepArea .step3 ul li .contets .title { margin-top: 0; }
#stepArea .step3 ul li .contets .copy { margin-top: 5px; }
#stepArea .step3 ul li .contets .note { margin-top: 5px; }
#stepArea .step3 ul li .contets .note a {}

}