@charset "UTF-8";

/* mv */
.mv {background: url(/saiyo/graduates/event/img/bg_mv.png) center top no-repeat;}
.mv .container {max-width: 720px;}
.mv .mv-flex {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;min-height: 399px;}
.mv .mv-flex .mv-flex__heading {color: #eb0000;font-size: 100%;font-weight: 700;}
.mv .mv-flex .mv-flex__heading span{display: block;font-size: calc((38 / 16) * 100%);}
.mv .mv-flex .mv-flex__heading small{display: block;font-size: calc((22 / 16) * 100%);font-weight: 400;letter-spacing: .15em;}
.mv .mv-flex .mv-flex__lead {line-height: calc(28 / 16);margin-top: 20px;}
@media (max-width:767px){
	.mv {background: none;padding-top: 20px;}
	.mv .mv-flex {display: block;text-align: left;height: auto;}
	.mv .mv-flex .mv-flex__heading {background: url(/saiyo/graduates/event/img/bg_mv_sp.png) center top/375px auto no-repeat;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;height: 256px;}
	.mv .mv-flex .mv-flex__heading span{font-size: calc((24 / 16) * 100%);line-height: 1.2;}
	.mv .mv-flex .mv-flex__heading small{font-size: calc((11 / 16) * 100%);margin-top: 5px;}
	.mv .mv-flex .mv-flex__lead {font-size: calc((14 / 16) * 100%);margin-top: 30px;}
}

/* tab */
.tab {border-bottom: 4px solid #cc0200;margin-top: 30px;}
.tab .tab-flex {display: flex;text-align: center;margin: 0 auto;max-width: 980px;}
.tab .tab-flex .tab-flex__btn{box-sizing: border-box;border: 4px solid #cc0200;border-bottom: none;display: flex;align-items: center;justify-content: center;font-size: calc((26 / 16) * 100%);font-weight: 700;line-height: 1.3;padding: 10px;width: 50%;min-height: 96px;transition: background-color .3s ease, color .3s ease;box-sizing: border-box;}
.tab .tab-flex .tab-flex__btn[data-js-tab="internship"]{border-right-width: 2px;border-radius:10px 0 0 0;}
.tab .tab-flex .tab-flex__btn[data-js-tab="seminar"]{border-left-width: 2px;border-radius:0 10px 0 0;}
.tab .tab-flex .tab-flex__btn.is-selected{background-color: #cc0200;color: #fff;}
.tab .tab-flex .tab-flex__btn span{transition: transform .3s ease;}
.tab .tab-flex .tab-flex__btn.is-selected span{transform: scale(1.06);}
@media (hover: hover) {
	.tab .tab-flex .tab-flex__btn:not(.is-selected):hover{background-color: #e5807f;color: #fff;}
	.tab .tab-flex .tab-flex__btn:not(.is-selected):hover span{transform: scale(1.06);}
}
@media (max-width:767px){
	.tab {border-bottom: 2px solid #cc0200;margin-top: 20px;}
	.tab .tab-flex .tab-flex__btn{border: 2px solid #cc0200;border-bottom: none;font-size: calc((15 / 16) * 100%);padding: 0;min-height: 58px;}
	.tab .tab-flex .tab-flex__btn[data-js-tab="internship"]{border-right-width: 1px;}
	.tab .tab-flex .tab-flex__btn[data-js-tab="seminar"]{border-left-width: 1px;}
}

/* article */
.article .container{max-width: 1006px;}
.article .article-contents{display: none;background-color: #efefef;padding-top: 65px;overflow: hidden;}
.article .article-contents[data-js-contents="internship"]{background: #efefef url(/saiyo/graduates/event/img/bg-internship_01.png) center top repeat-y;padding-bottom: 200px;}
.article .article-contents[data-js-contents="seminar"] .article-seminar{background: #efefef url(/saiyo/graduates/event/img/bg-seminar_01.png) center top repeat-y;padding: 50px 0 140px 0;}
.article .article-heading{display: flex;flex-wrap: wrap;align-items: center;font-size: 100%;font-weight: 700;margin-top: 5px;}
.article .article-heading span{display: block;font-size: calc((24 / 16) * 100%);margin-right: 10px;}
.article .article-heading .text-sm {font-size: calc((22 / 24) * 100%);margin-right: 0;}
.article .article-heading small{background-color: #efefef;border-radius: 3px;display: block;font-size: 100%;font-weight: 700;padding: 3px 10px;}
.article .article-tag{display: flex;flex-wrap: wrap;font-size: calc((15 / 16) * 100%);list-style: none;margin-top: 5px;}
.article .article-tag li{margin-right: 5px;}
.article .article-summary{margin-top: 10px;}
.article .article-summary a{color: #005e8c;}
.article .article-summary a img{width: 13px;height: auto;margin-left: 2px;image-rendering: -webkit-optimize-contrast;}
.article .article-note{font-size: calc((14 / 16) * 100%);margin-top: 15px;list-style: none;}
.article .article-note li{position: relative;padding-left: 1.1em;}
.article .article-note li+li{margin-top: 5px;}
.article .article-note li>span{position: absolute;top: 0;left: 0;}
.article .article-end{color: #eb0000;margin-top: 10px;position: relative;padding-left: 1em;}
.article .article-end>span{position: absolute;top: 0;left: 0;}
@media (max-width:767px){
	.article .article-contents{padding-top: 55px;}
	.article .article-contents[data-js-contents="internship"]{background: #efefef url(/saiyo/graduates/event/img/bg-internship_sp_01.png) center top/calc((992 / 750) * 100vw) auto repeat-y;padding-bottom: 50px;}
	.article .article-contents[data-js-contents="seminar"] .article-seminar{background: #efefef url(/saiyo/graduates/event/img/bg-seminar_sp_01.png) center top/calc((1000 / 750) * 100vw) auto repeat-y;margin-top: -55px;padding: 70px 0 50px 0;}
	.article .article-heading{margin-top: 3px;}
	.article .article-heading span{font-size: calc((17 / 16) * 100%);margin-right: 5px;}
	.article .article-heading .text-sm {font-size: calc((11 / 16) * 100%);}
	.article .article-heading small{font-size: calc((10 / 16) * 100%);padding: 3px 5px;}
	.article .article-tag{font-size: calc((13 / 16) * 100%);margin-top: 1px;}
	.article .article-summary{font-size: calc((13 / 16) * 100%);line-height: calc(42 / 26);}
	.article .article-note{font-size: calc((13 / 16) * 100%);margin-top: 10px;}
	.article .article-end{font-size: calc((13 / 16) * 100%);}
}

/* internship */
.internship{line-height: calc(24 / 16);position: relative;z-index: +1;}
.internship.internship--seminar{padding: 0;background-color: transparent;}
.internship.internship--seminar .seminar-schedule {margin:30px 0 0;margin-left: auto;width: calc((620 / 980)* 100%);background-color: #fff;}
.internship.internship--seminar .internship-info {margin-bottom: -30px;border-radius: 10px 10px 0 0;padding-bottom: 10px;}
.internship.internship--seminar .internship--seminar-inner {display: flex;}
.internship+.internship{margin-top: 50px;}
.internship>a{color: #333;display: flex;align-items: flex-start;justify-content: space-between;}
.internship>a:hover{text-decoration: none;}
.internship .internship-type{display: flex;align-items: center;position:absolute;top: 10px;left: -20px;z-index: +2;}
.internship .internship-type>span{position: relative;}
.internship .internship-type>span:nth-of-type(1)::before{border-radius: 3px 3px 0 3px;content: "";position: absolute;top: -20px;left: -20px;width: 20px;height: 20px;}
.internship .internship-type .internship-type__text{border-radius: 0 10px 0 10px;color: #fff;display: flex;align-items: center;font-size: calc((18 / 16) * 100%);font-weight: 500;padding: 0 20px;height: 50px;}
.internship .internship-img{border-radius: 20px 20px 0 20px;overflow: hidden;position: relative;width: calc((395 / 980) * 100%);z-index: +1;}
.internship .internship-img img{width: 100%;height: auto;vertical-align: top;}
.internship .internship-info{background-color: #fff;box-sizing: border-box;border-radius: 10px 10px 0 10px;margin: 30px 0 0 calc((35 / 980) * -100%);padding: 65px 60px 0 calc((85 / 980) * 100%); width: calc((620 / 980) * 100%);position: relative;}
.internship .internship-age{font-size: calc((18 / 16) * 100%);font-weight: 700;}
.internship .internship-details{display: flex;align-items: center;justify-content: flex-end;font-size: calc((18 / 16) * 100%);font-weight: 700;margin-top: 10px;padding-right: 20px;position: relative;height: 60px;}
.internship .internship-details::before{border-radius: 10px 0 0 0;content: "";position: absolute;right: -60px;top: 0;width: 60px;height: 60px;}
.internship .internship-details::after{border-right: 2px solid #fff;border-bottom: 2px solid #fff;content: "";position: absolute;top: calc(50% - 4px);right: -33px;width: 9px;height: 9px;transform: rotate(-45deg);}
.internship.technology .internship-details::before{background-color: #cc0200;}
.internship.technology .internship-age,
.internship.technology .article-heading small,
.internship.technology .internship-details{color: #cc0200;}
.internship.office .internship-details::before{background-color: #065aaa;}
.internship.office .internship-age,
.internship.office .article-heading small,
.internship.office .internship-details{color: #065aaa;}
.internship.design .internship-details::before{background-color: #007e6c;}
.internship.design .internship-age,
.internship.design .article-heading small,
.internship.design .internship-details{color: #007e6c;}
.internship .internship-type .internship-type__text.technology,
.internship .internship-type>span:nth-of-type(1).technology::before{background-color: #cc0200;}
.internship .internship-type .internship-type__text.office,
.internship .internship-type>span:nth-of-type(1).office::before{background-color: #065aaa;}
.internship .internship-type .internship-type__text.design,
.internship .internship-type>span:nth-of-type(1).design::before{background-color: #007e6c;}
.internship-info__float{position: absolute;right: 20px;top: 20px;width: 160px;text-align: center;}
.internship-info__float--category{font-size: 14px;color: #333;padding: 4px;border-radius: 12px;font-weight: 700;line-height: 1;}
.internship-info__float--date{font-size: 14px;color: #333;margin-top: 4px;}
.technology .internship-info__float--category{background-color: #ffe6e6;}
.office .internship-info__float--category{background-color: #dff0ff;}
.design .internship-info__float--category{background-color: #e6e6e6;}
@media (hover: hover) {
	.internship>a .internship-img img{transition: transform .3s ease;}
	.internship>a:hover .internship-img img{transform: scale(1.06);}
	.internship>a .internship-details{transition: opacity .3s ease;}
	.internship>a:hover .internship-details{opacity: .5;}
}
@media (min-width:768px){
	.internship:nth-child(5n+1)::before{background: url(/saiyo/graduates/event/img/bg-mv-dot.png) no-repeat;content: "";position: absolute;bottom: 0;left: -160px;width: 190px;height: 190px;z-index: -1;}
	.internship:nth-child(5n+1)::after{background-color: #e5e5e5;border-radius: 10px;content: "";position: absolute;top: calc(100% - 60px);left: calc(100% - 60px);width: 200px;height: 200px;z-index: -1;}
	.internship:nth-child(5n+2)::after,
	.internship:nth-child(5n+4)::after{background-color: #e5e5e5;border-radius: 0 5px 5px 5px;content: "";position: absolute;bottom: -30px;right: -30px;width: 30px;height: 30px;z-index: -1;}
	.internship:nth-child(5n+3)::before{background: url(/saiyo/graduates/event/img/bg-dot_02.png) no-repeat;content: "";position: absolute;top: calc(100% - 35px);left: calc(100% - 35px);width: 140px;height: 140px;z-index: -1;}
	.internship:nth-child(5n+3)::after{background: url(/saiyo/graduates/event/img/bg-dot_01.png) no-repeat;content: "";position: absolute;top: 65px;left: calc(100% - 13px);width: 45px;height: 45px;}
}
@media (max-width:767px){
	.internship>a{color: #333;display: block;}
	.internship>a:hover{text-decoration: none;}
	.internship+.internship{margin-top: 30px;}
	.internship.internship--seminar .internship--seminar-inner {display: block;}
	.internship.internship--seminar .internship-info {border-radius: 5px 5px 0 0;margin-bottom: 0;padding-bottom: 10px;}
	.internship.internship--seminar .seminar-schedule {margin: 0;width: 100%;}
	.internship .internship-type{top: 11px;left: 20px;}
	.internship .internship-type>span:nth-of-type(1)::before{top: -11px;left: -11px;width: 11px;height: 11px;}
	.internship .internship-type .internship-type__text{border-radius: 0 5px 0 5px;font-size: calc((10 / 16) * 100%);padding: 0 15px;height: 28px;}
	.internship .internship-img{border-radius: 10px 10px 0 10px;width: calc(100% - 100px);margin: 0 auto;}
	.internship .internship-info{border-radius: 5px 5px 0 5px;margin: -20px 0 0 0;padding: 75px 30px 0 30px; width: auto;}
	.internship .internship-age{font-size: calc((13 / 16) * 100%);}
	.internship .internship-details{font-size: calc((13 / 16) * 100%);margin-top: 10px;padding-right: 20px;height: 40px;}
	.internship .internship-details::before{border-radius: 5px 0 0 0;right: -30px;width: 40px;height: 40px;}
	.internship .internship-details::after{top: calc(50% - 4px);right: -13px;width: 8px;height: 8px;}
	.internship:nth-child(4n+1)::before{background: url(/saiyo/graduates/event/img/bg-mv-dot.png) left top/95px 95px no-repeat;content: "";position: absolute;top: 0;right: calc(100% - 26px);margin-top: calc((158 / 750) * 100vw);width: 95px;height: 95px;z-index: +1;}
	.internship:nth-child(4n+1)::after{background-color: #e5e5e5;border-radius: 5px;content: "";position: absolute;top: calc(100% - 40px);left: calc(100% - 40px);width: 100px;height: 100px;z-index: -1;}
	.internship:nth-child(4n+3)::before{background: url(/saiyo/graduates/event/img/bg-dot_02.png) left top/70px 70px no-repeat;content: "";position: absolute;top: calc(100% - 30px);left: calc(100% - 30px);width: 70px;height: 70px;z-index: -1;}
	.internship:nth-child(4n+3)::after{background: url(/saiyo/graduates/event/img/bg-dot_01.png) left top/30px 30px no-repeat;content: "";position: absolute;top: 0;left: calc(100% - 20px);margin-top: calc((328 / 750) * 100vw);width: 30px;height: 30px;}
	.internship-info__float{position: absolute;right: 30px;top: 35px;width: 140px;text-align: center;}
	.internship-info__float--category{font-size: 13px;color: #333;padding: 4px;border-radius: 12px;font-weight: 700;line-height: 1;}
	.internship-info__float--date{font-size: 13px;color: #333;margin-top: 2px;}
}

/* seminar */
.seminar{background-color: #fff;border-radius: 20px;line-height: calc(24 / 16);position: relative;margin-top: 30px;padding: 70px 40px; z-index: +1;}
.seminar.seminar--internship {padding:0;}
.seminar--internship::before,.seminar--internship::after {display: none;}
.seminar.seminar--internship a {padding: 70px 60px 0 40px;background-color: #fff;border-radius: 20px;}
.seminar.seminar--internship .internship-details{margin-top: 80px;}
.seminar.seminar--internship .seminar-img{overflow: hidden;}
.seminar.seminar--internship .internship-details::before{border-radius: 10px 0 20px 0;}
@media (hover: hover) {
.seminar.seminar--internship>a:hover .seminar-img img {transform: scale(1.06);}
.seminar.seminar--internship>a .seminar-img img {transition: transform .3s ease;}
}
.seminar .seminar-type{display: flex;align-items: center;position:absolute;top: 15px;left: -20px;z-index: +2;}
.seminar .seminar-type>span{position: relative;}
.seminar .seminar-type>span:nth-of-type(1)::before{border-radius: 3px 3px 0 3px;content: "";position: absolute;top: -20px;left: -20px;width: 20px;height: 20px;}
.seminar .seminar-type .seminar-type__text{border-radius: 0 8px 0 8px;color: #fff;display: flex;align-items: center;font-weight: 500;padding: 0 15px;height: 40px;}
.seminar .seminar-type .seminar-type__text+.seminar-type__text{margin-left: 5px;}
.seminar .seminar-type .seminar-type__year{color: #cc0200;font-weight: 700;margin-left: 15px;}
.seminar .seminar-flex{display: flex;align-items: flex-start;justify-content: space-between;}
.seminar .seminar-img{margin-right: calc((40 / 900) * 100%); width: calc((300 / 900) * 100%);}
.seminar .seminar-img img{width: 100%;height: auto;vertical-align: top;}
.seminar .seminar-info{flex:1;}
.seminar .seminar-title{position: relative;padding-left: 60px;margin-bottom: 15px;}
.seminar .seminar-title::before{background-color: #cc0200;border-radius: 3px 3px 0 3px;content: "";position: absolute;top: calc(50% - 20px);left: 0;width: 17px;height: 17px;}
.seminar .seminar-title::after{background-color: #d1d1d1;border-radius: 0 3px 3px 3px; content: "";position: absolute;top: calc(50% - 3px);left: 17px;width: 22px;height: 22px;}
.seminar .seminar-schedule{border-radius: 0 0 20px 20px;overflow: hidden;margin: 30px -40px -70px -40px;}
.seminar .seminar-schedule .seminar-schedule__head{background-color: #d1d1d1;display: flex;align-items: center;justify-content: center;font-weight: 700;width: 100%;min-height: 70px;}
.seminar .seminar-schedule .seminar-schedule__head>span{display: block;padding-left: 45px;position: relative;}
.seminar .seminar-schedule .seminar-schedule__head>span::before{background-color: #fff;border-radius: 50%;content: "";position: absolute;top: calc(50% - 15px);left: 0;width: 30px;height: 30px;}
.seminar .seminar-schedule .seminar-schedule__head>span>span{display: block;position: relative;}
.seminar .seminar-schedule .seminar-schedule__head>span>span::before{background-color: #333;content: "";position: absolute;top: calc(50% - 1px);left: -36px;width: 12px;height: 2px;}
.seminar .seminar-schedule .seminar-schedule__head>span>span::after{background-color: #333;content: "";position: absolute;top: calc(50% - 1px);left: -36px;width: 12px;height: 2px;transform: rotate(90deg);transition: transform .3s ease;}
.seminar .seminar-schedule .seminar-schedule__head.is-opened>span>span::after{transform: rotate(0deg);}
.seminar .seminar-schedule .seminar-schedule__body{display: none;margin: 0 40px;padding-bottom: 40px;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-section+.seminar-schedule__body-section{margin-top: 40px;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-heading{font-size: calc((18 / 16) * 100%);font-weight: 700;margin-bottom: 10px;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-summary{margin-bottom: 15px;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table{overflow: hidden;overflow-x: auto;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table table{border-collapse: collapse;min-width: 100%;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table table thead th{border: 1px solid #cacaca;background-color: #f1f1f1;font-weight: 700;text-align: center;padding: 10px;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table table tbody td{border: 1px solid #cacaca;font-size: calc((14 / 16) * 100%);padding: 10px;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table table tbody td .article-note{font-size: 100%;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table .nowrap{white-space: nowrap;}
.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table .hide-cell{display: none;}
.seminar .article-heading small{color: #cc0200;}
.seminar .seminar-type .seminar-type__text.technology,
.seminar .seminar-type>span:nth-of-type(1).technology::before{background-color: #cc0200;}
.seminar .seminar-type .seminar-type__text.office,
.seminar .seminar-type>span:nth-of-type(1).office::before{background-color: #065aaa;}
.seminar .seminar-type .seminar-type__text.design,
.seminar .seminar-type>span:nth-of-type(1).design::before{background-color: #007e6c;}
.seminar-count{font-size: calc((20 / 16) * 100%);font-weight: 700;text-align: center;}
.seminar-count span{color: #cc0200;font-size: calc((30 / 20) * 100%);margin: 0 5px;}
.article .article-contents.is-exclusion .seminar .is-exclusion{display: none;}
.article .article-contents.is-exclusion .seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table tr[class="is-exclusion"]+tr .hide-cell{display: table-cell;}
@media (hover: hover) {
	.seminar .seminar-schedule .seminar-schedule__head{transition: background-color .3s ease;}
	.seminar .seminar-schedule .seminar-schedule__head:hover{background-color: #bcbcbc;}
}
@media (min-width:768px){
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table .w30{width: 30%;}
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table .w33{width: 33.3333%;}
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table .w40{width: 40%;}
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table .w50{width: 50%;}
}
@media (max-width:767px){
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table .w31-sp{width: 31.67%;}
}
@media (max-width:767px){
	.seminar{border-radius: 10px;padding: 21px 25px 50px 25px;margin-top: 30px;}
	.seminar .seminar-type{position: relative;top: auto;left: auto;width: auto;margin-bottom: 10px;min-height: 30px;}
	.seminar .seminar-type>span:nth-of-type(1)::before{top: -11px;left: -11px;width: 11px;height: 11px;}
	.seminar .seminar-type .seminar-type__text{border-radius: 0 5px 0 5px;font-size: calc((10 / 16) * 100%);height: 30px;}
	.seminar .seminar-type .seminar-type__year{font-size: calc((14 / 16) * 100%);margin-left: 0;flex:1;text-align: right;line-height: 1.3;}
	.seminar .seminar-flex{display: block;}
	.seminar .seminar-img{margin-right: 0; width: auto;}
	.seminar .seminar-info{flex:initial;margin-top: 20px;}
	.seminar .seminar-title{padding-left: 30px;margin-bottom: 10px;}
	.seminar .seminar-title::before{top: 4px;left: -11px;width: 11px;height: 11px;}
	.seminar .seminar-title::after{top: 15px;left: 0;width: 17px;height: 17px;}
	.seminar .seminar-schedule{border-radius: 0 0 10px 10px;margin: 15px -25px -50px -25px;}
	.seminar .seminar-schedule .seminar-schedule__head{min-height: 50px;}
	.seminar .seminar-schedule .seminar-schedule__head>span{padding-left: 30px;}
	.seminar .seminar-schedule .seminar-schedule__head>span::before{top: calc(50% - 12px);width: 24px;height: 24px;}
	.seminar .seminar-schedule .seminar-schedule__head>span>span::before{left: -23px;width: 10px;}
	.seminar .seminar-schedule .seminar-schedule__head>span>span::after{left: -23px;width: 10px;}
	.seminar .seminar-schedule .seminar-schedule__body{margin: 0 25px;padding: 20px 0;}
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-section+.seminar-schedule__body-section{margin-top: 25px;}
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-heading{font-size: calc((15 / 16) * 100%);margin-bottom: 10px;}
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-summary{font-size: calc((13 / 16) * 100%);line-height: calc(42 / 26);}
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table table thead th{font-size: calc((12 / 16) * 100%);padding: 5px 10px;}
	.seminar .seminar-schedule .seminar-schedule__body .seminar-schedule__body-table table tbody td{font-size: calc((12 / 16) * 100%);padding: 5px 10px;}
	.seminar-count{font-size: calc((17 / 16) * 100%);margin-bottom: -20px;}
	.seminar-count span{font-size: calc((26 / 17) * 100%);}
	.seminar.seminar--internship a {border-radius: 10px;padding: 21px 25px 0 25px;}
	.seminar.seminar--internship .internship-details {margin-top: 10px;}
	.seminar.seminar--internship .internship-details::before{right: -25px;border-radius: 5px 0 10px 0;}
	.seminar.seminar--internship .internship-details::after{right: -9px;}
	.seminar.seminar--internship .internship-details {padding-right: 25px;}
}

.search{position: relative;z-index: +1;}
.search .search-set{background-color: #fff;border: 1px solid #cc0200;border-radius: 10px;overflow: hidden;}
.search .search-set>dt{background-color: #cc0200;color: #fff;font-size: calc((20 / 16) * 100%);font-weight: 700;display: flex;align-items: center;justify-content: center;min-height: 70px;}
.search .search-set>dt span{background: url(/saiyo/graduates/event/img/icon-search.svg) left center/25px auto no-repeat;display: block;padding-left: 35px;}
.search .search-set>dd{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 30px 40px;}
.search .search-set label{cursor: pointer;display: inline-flex;align-items: center;font-size: calc((15 / 16) * 100%);vertical-align: top;}
.search .search-set label input{cursor: pointer;margin-right: 5px;}
.search .search-set .search-set__input{width: calc((420 / 898) * 100%);}
.search .search-set .search-set__input:nth-of-type(n+3){margin-top: 30px;}
.search .search-set .search-set__input>dt{border-bottom: 1px solid #cc0200;color: #cc0200;font-weight: 700;text-align: center;padding-bottom: 2px;}
.search .search-set .search-set__input>dd{margin-top: 30px;}
.search .search-set .search-set__input>dd>ul{display: table;list-style: none;width: 100%;}
.search .search-set .search-set__input>dd>ul>li{box-sizing: border-box;padding-right: 1em;display: table-cell;}
.search .search-set .search-set__input>dd>ul.search-set__input-col2 li{width: 50%;}
.search .search-set .search-set__input>dd>ul.search-set__input-col3 li:last-child{padding-right: 0;}
.search .search-set .search-set__input>dd>ul.search-set__input-col3 + ul.search-set__input-col3{margin-top: 10px;}
.search .search-set .search-set__end{margin-top: 25px;width: 100%;}
.search .search-set .search-set__note{font-size: calc((14 / 16) * 100%);margin-top: 25px;width: 100%;}
.search .search-set .search-set__note>li{position: relative;padding-left: 1.1em;}
.search .search-set .search-set__note>li>span{position: absolute;top: 0;left: 0;}
.search .search-count{font-size: calc((20 / 16) * 100%);font-weight: 700;text-align: center;margin-top: 50px;}
.search .search-count span{color: #cc0200;font-size: calc((30 / 20) * 100%);margin: 0 5px;}
@media (max-width:767px){
	.search .search-set>dt{font-size: 100%;min-height: 60px;}
	.search .search-set>dt span{background: url(/saiyo/graduates/event/img/icon-search.svg) left center/21px auto no-repeat;padding-left: 30px;}
	.search .search-set>dd{display: block;padding: 15px 20px 20px 20px;}
	.search .search-set label{font-size: calc((12 / 16) * 100%);}
	.search .search-set .search-set__input{width: auto;}
	.search .search-set .search-set__input:nth-of-type(n+2){margin-top: 10px;}
	.search .search-set .search-set__input:nth-of-type(n+3){margin-top: 10px;}
	.search .search-set .search-set__input>dt{font-size: calc((13 / 16) * 100%);}
	.search .search-set .search-set__input>dd{margin-top: 15px;}
	.search .search-set .search-set__end{margin-top: 20px;}
	.search .search-set .search-set__note{font-size: calc((12 / 16) * 100%);margin-top: 20px;}
	.search .search-count{font-size: calc((17 / 16) * 100%);margin-top: 15px;}
	.search .search-count span{font-size: calc((26 / 17) * 100%);}
}

.pickup{position: relative;z-index: +1;margin-bottom: 80px;}
.pickup .pickup-heading{font-size: calc((28 / 16) * 100%);font-weight: 700;text-align: center;}
.pickup .pickup-heading>span{display: inline-block;vertical-align: top;position: relative;}
.pickup .pickup-heading>span::before{background-color: #cc0200;border-radius: 3px 3px 0 3px;content: "";position: absolute;top: calc(50% - 27px);left: -63px;width: 17px;height: 17px;}
.pickup .pickup-heading>span::after{background-color: #d1d1d1;border-radius: 0 5px 5px 5px;content: "";position: absolute;top: calc(50% - 11px);left: -46px;width: 22px;height: 22px;}
.pickup .pickup-heading>span>span{display: inline-block;vertical-align: top;position: relative;}
.pickup .pickup-heading>span>span::before{background-color: #cc0200;border-radius: 3px 3px 0 3px;content: "";position: absolute;bottom: calc(50% - 27px);right: -33px;width: 17px;height: 17px;}
.pickup .pickup-slider{margin-top: 40px;position: relative;}
.pickup a.pickup-slider__link{display: block;color: #333;max-width: 310px;}
.pickup a.pickup-slider__link:hover{text-decoration: none;}
.pickup .pickup-slider__img{border-radius: 15px 15px 0 15px;overflow: hidden;position: relative;}
.pickup .pickup-slider__img::before{background-color: #cc0200;border-radius: 10px 0 0 0;content: "";position: absolute;right: 0;bottom: 0;width: 50px;height: 50px;z-index: +1;}
.pickup .pickup-slider__img::after{border-right: 2px solid #fff;border-bottom: 2px solid #fff;content: "";position: absolute;bottom: 22px;right: 21px;width: 7px;height: 7px;transform: rotate(45deg);z-index: +2;}
.pickup .pickup-slider__img img{width: 100%;height: auto;vertical-align: top;}
.pickup .pickup-slider__type{display: flex;align-items: center;margin-top: 20px;}
.pickup .pickup-slider__type>span{font-size: calc((14 / 16) * 100%);font-weight: 500;border-radius: 3px;color: #fff;display: flex;align-items: center;position: relative;padding: 0 10px;height: 30px;}
.pickup .pickup-slider__type>span+span{margin-left: 5px;}
.pickup .pickup-slider__type>span.technology{background-color: #cc0200;}
.pickup .pickup-slider__type>span.office{background-color: #065aaa;}
.pickup .pickup-slider__type>span.design{background-color: #007e6c;}
.pickup .pickup-slider__heading{font-size: calc((22 / 16) * 100%);font-weight: 700;line-height: calc(30 / 22);margin-top: 20px;}
.pickup .pickup-slider__heading .text-sm{font-size: calc((14 / 22) * 100%);}
.pickup .pickup-control{display: none;}
.pickup .pickup-slider__heading>span.special{letter-spacing: -.01em;}
.pickup .pickup-slider__heading.f18{font-size: calc((18 / 16) * 100%)}
@media (hover: hover) {
	.pickup a.pickup-slider__link .pickup-slider__img img{transition: transform .3s ease;}
	.pickup a.pickup-slider__link:hover .pickup-slider__img img{transform: scale(1.06);}
	.pickup a.pickup-slider__link .pickup-slider__img::before{transition: background-color .3s ease;}
	.pickup a.pickup-slider__link:hover .pickup-slider__img::before{background-color: #e5807f;}
}
@media (min-width:768px){
	.pickup .pickup-slider.is-disable .swiper-wrapper{justify-content: center;gap: 0 25px;}
	.pickup .pickup-slider.is-disable .swiper-slide:not(.swiper-slide-duplicate){margin-right: 0 !important;}
	.pickup .pickup-slider.is-disable .swiper-slide-duplicate{display: none !important;}
	.pickup .pickup-slider::before{background: url(/saiyo/graduates/event/img/bg-mv-dot.png) no-repeat;content: "";position: absolute;top: -50px;left: -150px;width: 190px;height: 190px;z-index: -1;}
	.pickup .pickup-slider::after{background-color: #e5e5e5;border-radius: 10px;content: "";position: absolute;top: 0;left: calc(100% - 50px);margin-top: calc((107 / 980) * 100%);width: 200px;height: 200px;z-index: -1;}
}
@media (max-width:767px){
	.pickup{margin-bottom: 40px;}
	.pickup .pickup-heading{font-size: calc((21 / 16) * 100%);}
	.pickup .pickup-heading>span::before{top: calc(50% - 20px);left: -44px;width: 12px;height: 12px;}
	.pickup .pickup-heading>span::after{top: calc(50% - 8px);left: -32px;width: 16px;height: 16px;}
	.pickup .pickup-heading>span>span::before{bottom: calc(50% - 16px);right: -26px;width: 12px;height: 12px;}
	.pickup .pickup-slider{margin-top: 25px;}
	.pickup a.pickup-slider__link{max-width: none;}
	.pickup .pickup-slider__img{border-radius: 10px 10px 0 10px;margin: 0 25px;}
	.pickup .pickup-slider__img::before{border-radius: 5px 0 0 0;width: 40px;height: 40px;}
	.pickup .pickup-slider__img::after{bottom: 17px;right: 16px;width: 8px;height: 8px;}
	.pickup .pickup-slider__type{margin: 15px 25px 0 25px;}
	.pickup .pickup-slider__type>span{font-size: calc((11 / 16) * 100%);border-radius: 0;height: 24px;}
	.pickup .pickup-slider__heading{font-size: calc((18 / 16) * 100%);margin: 10px 25px 0 25px;}
	.pickup .pickup-slider__heading .text-sm{font-size: calc((13 / 18) * 100%);}
	.pickup .article-tag{margin-left: 25px;margin-right: 25px;}
	.pickup .pickup-control{display: flex;align-items: center;justify-content: center;margin: 25px 63px 0 25px;}
	.pickup .pickup-control .swiper-pagination{position: relative;bottom: auto;left: auto;width: auto;display: flex;align-items: center;}
	.pickup .pickup-control .swiper-pagination-bullet{background-color: #b4b4b4;border-radius: 0;display: block;width: 28px;height: 5px;margin: 0 4px;}
	.pickup .pickup-control .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #cc0200;}
	.pickup .pickup-pause{font-size: 0;line-height: 0;position: relative;width: 23px;height: 22px;margin-right: 15px;}
	.pickup .pickup-pause::before{background-color: #b4b4b4;content: "";position: absolute;left: 6px;top: 0;width: 3px;height: 100%;}
	.pickup .pickup-pause::after{background-color: #b4b4b4;content: "";position: absolute;left: 14px;top: 0;width: 3px;height: 100%;}
	.pickup .pickup-pause.is-pause::before{display: none;}
	.pickup .pickup-pause.is-pause::after{background-color: transparent;width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 12px;border-color: transparent transparent transparent #b4b4b4;left: 7px;top: 3px;}
	.pickup .pickup-slider::before{background: url(/saiyo/graduates/event/img/bg-mv-dot.png) left top/95px 95px no-repeat;content: "";position: absolute;top: -13px;right: calc(100% - 45px);width: 95px;height: 95px;z-index: -1;}
	.pickup .pickup-slider::after{background-color: #e5e5e5;border-radius: 5px;content: "";position: absolute;top: 0;left: calc(100% - 45px);margin-top: calc(((400 / 750) * 100vw) - 85px);width: 100px;height: 100px;z-index: -1;}
}