@charset "UTF-8";


/*	TOP
**************************************************** */
.bg_color {margin-bottom: -100px;padding-bottom: 100px;}
.top_list li a:hover img{opacity: 0.7;}
.top_list li a img {transition: opacity 0.25s ease-out;}
.l-section.bg_color {background-color: #f3f6f9;margin-top: 0px;padding-bottom:100px;margin-bottom: -100px;}
.bg_color .l-container{max-width: 1414px;}
.top_text {font-size:0.9375em;line-height: 1.733;margin-top:16px;text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF, 0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;}
.top_hero{background: url(/home/quality/img/top_bg.jpg) no-repeat 50% 0;-webkit-background-size: cover;background-size: cover;}
.top_hero .l-container {display: flex;align-items: center;justify-content: space-between;height: 440px;max-width: 1414px;position: relative;}
.top_hero .mv-logo {position: absolute;bottom:35px;right: 30px;max-width: 290px;padding-right: 10px; box-sizing: content-box;background-color: #fff;padding: 14px 25px;}
.top_hero .mv-logo img{width: 100%;height: auto;display: block;}
.top_hero_title {margin-left: 16px;}
.top_hero_title h1 {font-weight: 400;font-size: 2.75em;text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF, 0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;}
.top_content {display: flex;}
.top_content_title{margin-right: 4.62%;}
.top_content_title h2 {font-size: 1.75em;color: #231815;font-weight: 700;}
.top_content_title > p{margin-top: 14px;line-height: 1.4444;}
.top_list {flex: 1;}
.top_list ul {display: flex;flex-wrap: wrap;margin-right: -3.26%;}
.top_list ul li{margin-right: 3.16%;max-width: 258px;box-sizing: border-box;width: calc(24.64% - 3.16%);}
.top_list ul li:nth-child(n + 5){margin-top: 54px;}
.top_list ul li a img{border:1px solid #dcdcdd;width: 100%;}
.top_list ul li a p {text-align: center;margin-top: 10px;}
@media only screen and (min-width:1414px) {
.top_hero_link_img::after {top: calc(50% - 37px);left: calc(50% - 47px);width: 94px;height: 94px;}
.top_hero_link_text { font-size: 93.75%; padding: 12px; }
.top_hero_link_text span { background-size: 30px 26px; padding-left: 40px; }
}
@media only screen and (min-width:768px) {
.top_hero_link a { transition: opacity 0.25s ease-out; }
.top_hero_link a:hover { opacity: 0.7; }
}


@media only screen and (max-width:767px) {
.bg_color {margin-bottom: -40px;padding-bottom: 40px;}
.top_hero_link_img::after {width: 12.98vw;height: 12.98vw;top: calc(50% - 5.49vw);left: calc(50% - 6.49vw);}
.top_hero .l-container {display: block;}
.top_content {display: block;}
.top_hero_title {padding-top:34px;margin-right: 0;background: url(/home/quality/img/top_bg_sp.jpg) no-repeat 50% 0;-webkit-background-size: cover;background-size: cover;margin:0 -15px;padding-bottom: 38px;height: 343px;}
.top_hero .l-container {height: auto;}
.top_hero {background:none;}
.top_hero_title h1{font-size: 2.3333em;padding: 0 15px;line-height: 1.4;}
.top_text {font-size: 1em;margin-top: 12px;padding: 0 15px;line-height: 1.6666;}
.top_hero_link {width: 100%;margin-right: 0;margin-top:20px;margin-top: -106px;}
.top_content_title {margin: 0 auto;text-align: center;}
.top_content_title h2 {font-size: 1.9166em;}
.top_content_title > p {font-size: 1.1666em;margin-top: 10px;}
.top_list ul{margin-right: -20px;}
.top_list ul li {width:calc(50% - 20px);margin-right:20px;max-width:none;}
.top_list ul li:nth-child(n + 5) {margin-top: 24px;}
.top_list ul li{margin-top: 24px;}
.pc_only {display: none;}
.top_hero_link_text {font-size: 1em;}
.top_hero_link_text span {background: url(/home/quality/common/img/icon_chapter_darkblue.svg) left center/19px 15px no-repeat;padding-left: 25px;}
.top_hero .mv-logo{max-width: 208px;background-color: transparent;padding: 0;left: 15px;bottom: 34px;}


}