@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');

body {background: #f9f9f9;}
.content_wrap {width: 100%; max-width: 1080px; margin: 0 auto; background: white;}


.section_1 {padding: 10% 3%;}
.section_1 .title {text-align: center; margin-bottom: 5%;}
.section_1 .title img:first-child {margin-bottom: 3%;}

.section_2 {padding: 0 3% 10%;}
.section_2 .title {text-align: center; font-family: 'Noto_black'; margin-bottom: 5%;}
.section_2 .title img:first-child {margin-bottom: 3%;}

.section_3 {background: url('/standard01/images/section_3_bg.jpg') no-repeat center bottom; background-size: cover; padding: 10% 3%; position: relative;}
.section_3 .text img {max-width: 482px; width: 50%;}
.section_3 .img {width: 50%; height: 100%; position: absolute; right: 3%; top: 0;}
.section_3 .img img {position: absolute; top: 10%;}

.section_4 {padding: 10% 3%;}
.section_4 img {margin-bottom: 5%;}
.section_4 img:last-child {margin-bottom: 5%;}

.section_5 {padding: 0 3% 10%;}
.section_5 .title {text-align: center;  margin-bottom: 5%;}
.section_5 .title img:first-child {margin-bottom: 3%;}

.section_6 {padding: 10% 3%; background: #ac8157; text-align: center; }

.section_7 {padding: 10% 3%; }

.link_wrap {overflow: hidden;}
.link_wrap li {width: 33.333%; text-align: center; float: left;}
.link_wrap li a.link {display: block; width: 70%; max-width: 200px; line-height: 40px; font-size: 20px; text-align: center; margin: 0 auto;}
.link_wrap li a.link img {width: 20px; position: relative; top: 2px;}


@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}
    
    .link_wrap li a.link {font-size: 14px; line-height: 35px;}
    .link_wrap li a.link img {width: 14px; position: relative; top: 2px;}
    
}