@charset "UTF-8";

.main_image {background: url(/saiyo/graduates/philosophy/technology/diagram/images/img_main_pc.png) center top no-repeat; background-size: cover; width: 100%; height: 255px;}
.main_image_wrap {height: 100%;max-width: 1600px;margin: 0 auto;position: relative;margin-bottom: 0;}
.main_image h2 {color: #4a4a4a;text-shadow: none;}
.main_image .main_image_illust {position: absolute; z-index: 2;width: 610px; height: 100%; top: 0;right: 0;margin-right: -10px;}
.main_image .main_image_illust img {width: 610px;position: absolute; right: 0; left: auto;}
.c-result {position: relative;background-color: #f7f7f7;}
.c-result::before { position: absolute; content: ""; top: 0; left: 0; background: url(/saiyo/graduates/philosophy/technology/diagram/images/img_result_bg_pc.png) center top no-repeat; background-size: cover; width: 100%; height: 870px; display: block;}
.c-result-txt {margin-top: 0;}
.c-result-txt + .c-result-list {padding-top: 30px;}
@media print, screen and (min-width: 641px) and (max-width: 1200px){
.main_image .main_image_illust img{width: calc((460/1200)*100vw);}
}

@media only screen and (max-width: 640px){
.main_image {background: url(/saiyo/graduates/philosophy/technology/diagram/images/img_main_sp.png) center top no-repeat; background-size: cover; width: 100%; height: 234px;}
.main_image .main_image_illust {width: 306px;transform: translateX(-50%);left: 50%;}
.main_image .main_image_illust img{width: 306px;}
.main_image_inner {justify-content: center;padding: 0;align-items: flex-start;}
.main_image h2 {margin-top: 14px;font-size: 1.7142857142857em;}
.c-result::before { background: url(/saiyo/graduates/philosophy/technology/diagram/images/img_result_bg_sp.png) center top no-repeat; background-size: cover;height: 655px;}
}