@charset "utf-8";

img{ max-width:100%;}
html {font-size: 62.5%;}
body {font-size: 1.6em;}
.none{ display:none;}
.bold{ font-weight:bold;}

.head{box-shadow: 0px 3px 15px -5px #a3a3a3; position: relative; z-index: 1;}
.head_inner{padding: 10px; width: 1060px; margin: 0 auto;}
.mv{margin: 0 auto;}
.mv h1 img{width: 100%;}
.cont{background: #f6f6f6;}
.cont_inner{padding:50px 10px; width: 1060px; margin: 0 auto;}
.ttl{font-size: 28px; font-weight: bold; padding: 12px 0 12px 45px; border-left: 35px solid #e60012; background: #fff; border-radius: 12px; box-shadow: 0px 3px 15px -5px #a3a3a3;}
.top_flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.top_flex dl{width: 30%; border-radius: 10px; background: #fff; box-shadow: 0px 3px 15px -5px #a3a3a3; margin-top: 30px;}
.top_flex dt{border-radius: 10px 10px 0 0; text-align: center; padding: 8px 0; font-size: 22px; color: #fff; font-weight: bold;}
.top_flex .col1{background: #8fc31e;}
.top_flex .col2{background: #ec6d6d;}
.top_flex .col3{background: #49bcbd;}
.top_flex .col4{background: #b96eaa;}
.top_flex .col5{background: #f18f4d;}
.top_flex .col6{background: #8fc31e;}
.top_flex .col7{background: #ec6d6d;}
.top_flex dd{ padding: 30px 30px 20px; border-radius: 0 0 10px 10px; height: 228px;}
.top_flex dd li{margin-bottom: 8px;}
.top_flex dd a{font-size: 18px; font-weight: bold; text-decoration: none; color: #000000;}
.foot{padding: 30px 0; background: #e60012;}
.foot_inner{padding: 10px; width: 1060px; margin: 0 auto;}
.foot p{text-align: center; color: #fff; font-size: 12px;}

.top_flex dd a{position: relative; display: inline-block;}
.top_flex dd a::after {position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #333; transform: scale(0, 1); transform-origin: left top; transition: transform .3s;}
.top_flex dd a:hover::after {transform: scale(1, 1);}