@charset "UTF-8";

#content {margin:0; max-width: 100%;}
.main-content {margin-top: 70px;}
.main-content .main-content__lead{text-align: center;font-size: 1.4285714285714em;}
.main-content img { width: 100%; height: auto; display: block; }
.main_image img {height: auto;}
.l-container { max-width: 1006px; margin: 0 auto; padding-right: 13px; padding-left: 13px; box-sizing: border-box; }
.c-arr-gray {display: block;padding-left: 12px;background: url(/saiyo/graduates/philosophy/common/images/icon_arr_gray.png) no-repeat;background-size: 7px;background-position: left 0.5em;word-wrap: break-word;}


/*
search
================================================ */
.c-search-section {margin-top: 70px;position: relative;}
.c-search-section::after {position: absolute;content: "";width: 100%;background-color: #f7f7f7;height: 80%;top:0;z-index: -1;}
.c-accordion + .c-accordion {margin-top: 2px;}
.c-accordion__header-wrap {background-color: #222222;position: relative;border-radius: 10px 10px 0 0;}
.c-accordion__header-wrap .c-accordion__header { cursor: pointer;color: #fff;text-align: center; }
.c-accordion__header-wrap .c-accordion__header span {border-bottom: 1px solid #fff;}
.c-accordion__header-wrap.opened .c-accordion__header span {border-bottom: 1px solid #e68080;}
.c-accordion__header-wrap.opened {background-color: #cc0000;}
.c-accordion__header-wrap .c-accordion__toggle { position: absolute; top: 50%; transform: translateY(-50%); border: none; background-color: transparent;right: 15px; width: 30px;height: 30px; }
.c-accordion__header-wrap::before {position: absolute; content: ""; top: 0; left: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #ffffff; border-bottom: 0;}
.c-accordion__header-wrap::after {position: absolute; content: ""; bottom: -10px; left: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #222222; border-bottom: 0;z-index: 1;}
.c-accordion__header-wrap.opened::after {border-top: 10px solid #cc0000;}
.c-accordion + .c-accordion .c-accordion__header-wrap::before {border-top: 10px solid #f7f7f7;}
.c-accordion__header-wrap .c-accordion__toggle:after, .c-accordion__header-wrap .c-accordion__toggle:before { background-color: #cc0000;right: 7px; width: 16px; height: 2px; }
.c-accordion__header-wrap .c-accordion__toggle:before { transform: translateY(-50%) rotate(90deg); transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; }
.c-accordion__header-wrap.opened .c-accordion__toggle:after, .c-accordion__header-wrap.opened .c-accordion__toggle:before{background-color: #cc0000;}
.c-accordion__header-wrap .c-accordion__toggle:after, .c-accordion__header-wrap .c-accordion__toggle:before { content: ""; position: absolute; top: 50%; display: block; background-color: #222222; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }
.c-accordion__header-wrap .c-accordion__toggle:before { transform: translateY(-50%) rotate(90deg); transition: transform .2s ease-out; }
.c-accordion__header-wrap.opened .c-accordion__toggle:before { -webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }
.c-accordion__body {background-color: #f7f7f7;padding: 40px 5.2%;}
.c-search-btn {text-align: center;}
.c-search-btn .c-search-btn__item {font-size: 2.1428571428571em;padding: 20px;border-radius: 10px;width: 100%;cursor: pointer;position: relative;z-index: 1;width: 480px;transition: all 0.3s ease-out;}
.c-search-btn .c-search-btn__item--action {color: #fff;background-color: #cc0000;}
.c-search-btn .c-search-btn__item--clear {border: 1px solid #acacac;}
.c-search-btn .c-search-btn__inner {margin: 40px auto 0;position: relative;z-index: 1;padding-bottom: 60px;display: flex;justify-content: space-between;}
.c-search-btn__inner.c-search-btn__arrow::before { position: absolute; content: ""; bottom: -40px; left: calc(50% - 40px); width: 0; height: 0; border-style: solid; border-right: 40px solid transparent; border-left: 40px solid transparent; border-top: 40px solid #fff; border-bottom: 0; z-index: 1; }
.c-search-btn__inner.c-search-btn__arrow::after { position: absolute; content: ""; bottom: -22px; left: calc(50% - 22px); width: 0; height: 0; border-style: solid; border-right: 22px solid transparent; border-left: 22px solid transparent; border-top: 22px solid #cc0000; border-bottom: 0; z-index: 2; }
.c-search-btn .c-search-btn__item::before{position: absolute;content: "";right: 20px;}
.c-search-btn .c-search-btn__item--action::before{background: url(/saiyo/graduates/philosophy/common/images/icon_search.png);background-size:40px;height:40px;width: 40px;}
.c-search-btn .c-search-btn__item--clear::before{background: url(/saiyo/graduates/philosophy/common/images/icon_clear.png);background-size:40px;height:40px;width: 40px;}
.c-search-section .c-accordion__spacer{background-color: #f7f7f7;height: 88px;}
.c-search-select.c-search-checkbox {display: flex;flex-wrap: wrap;padding-top: 20px; margin-right: calc(-1*(30 / 878)* 100%); margin-top: -12px;}
.c-search-select.c-search-checkbox label { letter-spacing: -0.05em; width: calc((320 / 909)* 100%); margin-right: calc((30 / 909)* 100%); margin-top: 12px; cursor: pointer;display: flex;align-items: center; }
.c-search-select.c-search-checkbox label.wide-checkbox-label { width: calc((248 / 909)* 100%); }

/*
result
================================================ */
.c-result {padding-top: 60px;padding-bottom: 80px;}
.c-result-list {display: flex;flex-wrap: wrap;margin-right: calc(-1 * (40 / 980) * 100%);margin-top: -40px;}
.c-result-list .c-result-item{width: calc((215 / 1020) * 100%);margin-right: calc((40 / 1020) * 100%);margin-top: 40px;border: 4px solid #ffffff;background-color: #e9e9e9;border-radius: 10px;box-shadow: 0px 0px 15px 1.5px rgba(0, 0, 0, 0.2);position: relative;}
.c-result-list .c-result-item{ opacity: 0; animation: fade 1s ease-out forwards;}
@keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }
.c-result-list .c-result-item a {padding: 20px;display: block;height: 100%;}
.c-result-list .c-result-item a:hover{text-decoration: none;}
.c-result-item__title {font-size: 1.1428571428571em;color: #222222;line-height: 1.3;}
.c-result-item__title .c-caption {font-size: 0.75em;display: block;}
.c-result-item__copy {margin-top: 8px;color: #cc0000;line-height: 1.5;}
.c-result-item__img {margin-top: 20px;overflow: hidden;position: relative;z-index: -10;}
.c-result-item__img img {transition: transform .3s ease;}
.c-result-list .c-result-item::before { position: absolute; content: ""; background: url(/saiyo/graduates/philosophy/common/images/img_recommend_arr.png) center top no-repeat; background-size: cover; height: 60px; width: 60px; right: 0; bottom: 0; z-index:-1; display: block; border-radius: 0 0 10px 0; }
.c-search-list {padding-top: 20px;display: flex;flex-wrap: wrap;margin-right: calc(-1 * (8 / 878) * 100%);margin-top: -8px;}
.c-search-list label input{opacity: 0;position: absolute;}
.c-search-list label {width: calc((65 / 886) * 100%);margin-right: calc((8 / 886) * 100%);margin-top: 8px;cursor: pointer;}
.c-search-list .c-search-item{display: block;}
.c-search-item__img {position: relative;display: block;z-index: 1;}
.c-search-item__img .on {position: absolute; content: ""; top: 0; display: block; width: 100%; height: 100%;z-index: 0;opacity: 0;}
.c-search-list label input:checked + .c-search-item .on {opacity: 1;}
.c-search-list label input:checked + .c-search-item .c-search-item__txt {color: #cc0000;}
.c-search-list label .c-search-item__txt {display: block;margin-top: 8px;text-align: center;color: #222222;font-size: 0.85714285714286em;}
.c-search-select label {position: relative;padding-left: 1.2em; display: inline-block;cursor: pointer;font-size: 1.1428571428571em;}
.c-search-select label input{opacity: 0;position: absolute;}
.c-search-select label .c-search-select__item::before { content: ""; position: absolute; width: 16px;height: 16px; top: calc(50% - 7px); left: 0px; background: url(/saiyo/graduates/philosophy/common/images/img_input_btn_off.png) no-repeat left center; background-size: contain; }
.c-search-select label input:checked + .c-search-select__item::before { background: url(/saiyo/graduates/philosophy/common/images/img_input_btn_on.png) no-repeat left center; background-size: contain; }
.c-search-head .c-search-select label + label {margin-left: 40px;}
.c-search-head {display: flex;}
.c-search-head .c-arr-gray {margin-left: auto;font-size: 1.1428571428571em;}
.c-result-txt {position: relative;margin-top: 30px;font-size: 1.7142857142857em;text-align: center;}

@media print, screen and (min-width: 641px){
.u-pc-only {display: block;}
.u-sp-only {display: none;}
.c-accordion__header-wrap .c-accordion__header {padding: 16px 15px;font-size: 1.7142857142857em;}
.c-result-list .c-result-item a:hover .c-result-item__img img{transform: scale(1.2);}
.c-search-list label:hover .c-search-item__txt{text-decoration: underline;color: #cc0000;}
.c-search-select label:hover .c-search-select__item{text-decoration: underline;color: #cc0000;}
.c-search-btn__item:hover {opacity: 0.6;}
.c-search-btn__item + .c-search-btn__item {margin-left: 10px;}
}

@media only screen and (max-width: 640px){
.l-container { padding-right: 20px; padding-left: 20px; }
.u-pc-only {display: none;}
.u-sp-only {display: block;}
.main-content {margin-top: 40px;}
.main-content .main-content__lead {line-height: 2;}
.c-search-section {margin-top: 30px;}
.c-accordion__header-wrap .c-accordion__header { padding: 16px 15px; font-size: 1.5em; }
.c-accordion__header-wrap .c-accordion__toggle { right: 10px; width: 20px; height: 20px; }
.c-accordion__header-wrap .c-accordion__toggle:after, .c-accordion__header-wrap .c-accordion__toggle:before { right: 4px; width: 12px; }
.c-accordion__body { padding: 30px 20px; }
.c-search-head {flex-wrap: wrap;flex-direction: column;}
.c-search-head .c-search-select{margin-top: 14px;order: 2;}
.c-search-head .c-search-select label + label{margin-left: 20px;}
.c-search-list { margin-right: calc(-1*(5 / 295)* 100%); margin-top: -20px; }
.c-search-list label { width: calc((70 / 300)* 100%); margin-right: calc((5 / 300)* 100%); margin-top:20px; }
.c-search-list label .c-search-item__txt {margin-top: 4px;}
.c-search-btn .c-search-btn__inner {display: block;}
.c-search-btn .c-search-btn__item {width: 100%;padding: 12px 15px;font-size: 1.7142857142857em; }
.c-search-btn .c-search-btn__item::before {right: 15px;background-size: 30px; height: 30px; width: 30px;}
.c-result { padding-top: 60px;padding-bottom: 40px; }
.c-result-list { margin-right: calc(-1*(15 / 335)* 100%); margin-top: -15px; }
.c-result-list .c-result-item { width: calc((160 / 350)* 100%); margin-right: calc((15 / 350)* 100%); margin-top: 15px; border: 3px solid #ffffff;border-radius: 5px;box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15); }
.c-result-list .c-result-item a { padding: 12px; }
.c-result-item__title{letter-spacing: -0.05em;}
.c-result-item__copy{font-size: 0.85714285714286em;letter-spacing: -0.05em;}
.c-result-item__img{margin-top: 10px;}
.c-result-list .c-result-item::before {width: 40px;height: 40px;border-radius: 0 0 5px 0;}
.c-search-select.c-search-checkbox {display: block;}
.c-search-select.c-search-checkbox label {width: 100%;margin-right: 0;}
.c-search-select.c-search-checkbox label.wide-checkbox-label {width: 100%;}
.c-search-btn__item + .c-search-btn__item {margin-top: 10px;}
}