* {box-sizing: border-box; letter-spacing: -2px; line-height: 1;}
main {width: 720px; margin: 0 auto; position: relative;}
.inner {width: 650px; margin: 0 auto; position: relative; }
.scroll_wrap {position: fixed; bottom: 0; left: 50%; width: 720px; margin: 0 auto; text-align: center; transform: translateX(-50%);}
.scroll_wrap .scroll_up {font-size: 80px; position: absolute; bottom: 50px; right: 100px; cursor: pointer; display: none;}
section {padding: 50px 0;}
section .title {margin-bottom: 50px;}
section h2.main_title {background: #618baf; padding: 25px 35px; color: #fff; font-size: 32px; font-weight: 700; margin-bottom: 10px;}
section .title p {line-height: 1.4; font-size: 25px;}
section .content {margin-bottom: 30px;}
section .content h3 {font-size: 30px; font-weight: 700; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px;}
section .content ul {display: flex; flex-direction: column; gap: 15px;}
section .content ul li {padding: 10px 0; display: flex; flex-direction: column; gap: 8px; font-size: 25px; line-height: 1.3;}
section .content ul li strong {font-weight: 700; margin-bottom: 5px;}
section .content ul li h4 {font-weight: 600;}
section .content ul li p {}

#header {color: #fff; width: 720px; margin: 0 auto; position: relative; background: #618baf; padding: 25px 10px;}
#header .inner {}
#header .inner h2 {font-size: 38px; font-weight: 700; letter-spacing: -3px; margin-bottom: 10px;}
#header .inner h3 {font-size: 30px; font-weight: 900;}

main #section1 {}
main #section1 .inner {}
main #section1 .inner p {font-style: italic; text-align: center; font-size: 30px; line-height: 1.2; color: #333; margin-bottom: 50px;}
main #section1 .inner .sc1_move {display: flex; flex-direction: column; gap: 5px;}
main #section1 .inner .sc1_move button {width: fit-content; font-size: 23px;}
main #section1 .inner .sc1_move span {width: fit-content; font-size: 23px; display: inline-block;}

main #section2, main #section3 {padding-top: 0;}
main #section3 {padding-bottom: 150px;}