@charset "UTF-8";

#main{position: relative;}
#module_footer{position: relative;}
.content {font-size: calc((16 / 14) * 100%);line-height: 1.6;}
.content * {box-sizing: border-box;}
.content .container {max-width: 1440px;margin: 0 auto;padding: 0 13px;}
.content.content--bottom {margin-bottom: 100px;}
@media (min-width:768px){
	.sp{display: none !important;}
}
@media (max-width:767px){
	.content.content--bottom {margin-bottom: 60px;}
	.pc{display: none !important;}
}

.intern_photo02{max-width:1000px;margin:0 auto;list-style:none}
.intern_photo02__p{max-width:1000px;margin:0 auto}
@media (min-width:768px){
	.intern_photo02{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
	.intern_photo02__item{width:100%}
	.intern_photo02__item img{width:100%}
	.intern_photo02__item a:hover{opacity:.5}
	.intern_photo02__p{margin:0 auto 20px;font-size:1rem;line-height:1.625}
}
@media (max-width:767px){
	.intern_photo02__item img{width:100%;margin:0 auto}
	.intern_photo02__p{margin:18px auto 20px;font-size:.875rem;line-height:2}
}

.page_description.bg{background-color: #f8f3f3;padding: 35px;}
@media (max-width:767px){
	.page_description.bg{font-size: calc((14 / 16) * 100%);line-height: calc(36 / 28);text-align: left;padding: 15px 20px;}
}

.page-mv{overflow: hidden;padding-top: 20px;}
.page-mv .page-mv__heading{display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 100%;position: relative;min-height: 240px;}
.page-mv .page-mv__heading::before{background: url(/saiyo/graduates/event/img/bg-mv-dot.png) center center no-repeat;content: "";position: absolute;top:100px;left:-69px;width: 190px;height: 190px;}
.page-mv .page-mv__heading::after{background-color: #d1d1d1;border-radius: 0 5px 5px 5px;content: "";position: absolute;bottom:-30px;right:-30px;width: 30px;height: 30px;}
.page-mv .page-mv__heading picture{position:absolute;top: 0;left: 0;width: 100%;height: 100%;}
.page-mv .page-mv__heading picture::before{border-radius: 3px 3px 0 3px;content: "";position: absolute;top: -20px;left: -20px;width: 20px;height: 20px;}
.page-mv .page-mv__heading picture::after{border-radius: 20px 0 0 0;content: "";position: absolute;bottom:0;right:0;width: 60px;height: 60px;}
.page-mv .page-mv__heading img{border-radius: 0 20px 0 20px;position:absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.page-mv .page-mv__heading small{border-radius: 5px;color: #fff;display: block;font-size: 100%;position: relative;padding: 5px 15px;margin-bottom: 15px;}
.page-mv .page-mv__heading span{color: #fff;display: block;font-size: calc((38 / 16) * 100%);line-height: calc(44 / 40);text-align: center;position: relative;text-shadow: 0 0 30px rgba(0,0,0,1);padding: 0 70px;}
.page-mv .page-mv__lead{margin: 60px auto 0 auto;max-width: 1000px;}
.page-mv .page-mv__note{margin: 20px auto 0 auto;max-width: 1000px;}
.page-mv .page-mv__note>li{position: relative;padding-left: 1em;}
.page-mv .page-mv__note>li>em{position: absolute;top: 0;left: 0;}
.page-mv .page-mv__heading.technology picture::before,
.page-mv .page-mv__heading.technology picture::after,
.page-mv .page-mv__heading.technology small{background-color: #cc0200;}
.page-mv .page-mv__heading.office picture::before,
.page-mv .page-mv__heading.office picture::after,
.page-mv .page-mv__heading.office small{background-color: #065aaa;}
.page-mv .page-mv__heading.design picture::before,
.page-mv .page-mv__heading.design picture::after,
.page-mv .page-mv__heading.design small{background-color: #007e6c;}
.page-mv .page-mv__heading.other picture::before,
.page-mv .page-mv__heading.other picture::after,
.page-mv .page-mv__heading.other small{background-color: #d1d1d1;}
@media (max-width:767px){
	.page-mv .page-mv__heading{min-height: 125px;}
	.page-mv .page-mv__heading::before{display: none;}
	.page-mv .page-mv__heading::after{border-radius: 0 3px 3px 3px;bottom:-13px;right:-13px;width: 13px;height: 13px;}
	.page-mv .page-mv__heading picture::before{top: -10px;left: -10px;width: 10px;height: 10px;}
	.page-mv .page-mv__heading picture::after{border-radius: 5px 0 0 0;width: 30px;height: 30px;}
	.page-mv .page-mv__heading img{border-radius: 0 10px 0 10px;}
	.page-mv .page-mv__heading small{border-radius: 2px;font-size: calc((11 / 16) * 100%);padding: 2px 7px;margin-bottom: 10px;}
	.page-mv .page-mv__heading span{font-size: calc((20 / 16) * 100%);text-shadow: 0 0 15px rgba(0,0,0,1);padding: 0 40px;}
	.page-mv .page-mv__lead{font-size: calc((14 / 16) * 100%);margin: 20px 0 0 0;max-width: none;}
	.page-mv .page-mv__note{font-size: calc((14 / 16) * 100%);margin: 10px 0 0 0;max-width: none;}
}

.page-move{margin-top: 30px;overflow: hidden;}
.page-move .container{max-width: 1026px;}
.page-move .page-move__list{display: flex;margin: 0 -5px;}
.page-move .page-move__list>li{margin: 0 5px;width: calc(33.3333% - 10px);}
.page-move .page-move__list a{box-sizing: border-box;color: #333;display: flex;align-items: center;position: relative;}
.page-move .page-move__list a:hover{text-decoration: none;}
.page-move .page-move__list a::before{border-right: 2px solid #333;border-bottom: 2px solid #333;content: "";position: absolute;top: calc(50% - 4px);right: 20px;width: 9px;height: 9px;transform: rotate(-45deg);}
.page-move .page-move__list a.anchor::before{transform: rotate(45deg);}
.page-move .page-move__list a.is-current{background-color: #efefef;font-weight: 700;}
.page-move .page-move__list a.is-current::before{display: none;}
.page-move .page-move__list.page-move__list--wrap{flex-wrap: wrap;}
.page-move .page-move__list-heading{font-size: 100%;font-weight: 700;}
.page-move .page-move__list-heading a{border-radius: 30px;padding: 10px 40px 10px 20px;min-height: 60px;}
.page-move .page-move__list-layer{font-size: calc((14 / 16) * 100%);margin-top: 5px;}
.page-move .page-move__list-layer a{border-radius: 20px;padding: 10px 40px 10px 20px;min-height: 40px;}
.page-move .page-move__list-layer>li+li{margin-top: 5px;}
@media (hover: hover) {
	.page-move .page-move__list a{transition: background-color .3s ease;}
	.page-move .page-move__list a:hover{background-color: #efefef;opacity: 1;font-weight: 700;}
}
@media (max-width:767px){
	.page-move{margin-top: 20px;margin-bottom: 20px;}
	.page-move .container{max-width: none;}
	.page-move .page-move__list{display: block;margin: 0;}
	.page-move .page-move__list>li{margin: 0;width: auto;}
	.page-move .page-move__list>li+li{border-top: 1px solid #cacaca;margin-top: 10px;padding-top: 10px;}
	.page-move .page-move__list a::before{top: calc(50% - 4px);width: 8px;height: 8px;}
	.page-move .page-move__list-heading a{border-radius: 22px;padding: 5px 40px 5px 25px;min-height: 44px;}
	.page-move .page-move__list-layer{font-size: calc((14 / 16) * 100%);margin-top: 5px;}
	.page-move .page-move__list-layer a{border-radius: 20px;padding: 5px 40px 5px 25px;min-height: 40px;}
	.page-move + .section_detail{padding-top: 10px;}
}
