@charset "UTF-8";

/*--------------------------
 * font-settings
--------------------------*/
/* Hind */
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300&family=Noto+Sans+JP:wght@500;900&display=swap');

/*!-------------------------
 * common
--------------------------*/
#main { font-family: 'Noto Sans JP', sans-serif; }
#main a { color: #333333; }
#main a:hover { color: #005e8c; }
h3 { text-align: center; margin-bottom: 37px; }
h3 span { display: block; font-size: 5.625rem; font-weight: 300; line-height: 1; margin-bottom: 6px; letter-spacing: .16em; font-family: 'Hind', sans-serif;}
h3 b { color: #c00; font-weight: 300; }
h3 small { display: block; font-family: 'Noto Sans JP', sans-serif; font-size: 1.5rem; font-weight: 300; line-height: 1.2; letter-spacing: 0.3em; }
.top_Level_1 { position: relative; text-align: left; margin: 0 auto; max-width: 1440px; }
.top_link { text-align: center; margin-top: 30px; }
.top_link a,
.top_link .top_link_inner{ border: 1px solid #c5c5c5; display: inline-block; font-size: 1rem; font-weight: 400; text-decoration: none; padding: 0 30px; width: 240px; transition: all .2s ease;}
.top_link a > span,
.top_link .top_link_inner > span{ background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 8px auto; display: block; padding: 14px 15px 16px; transition: all .2s ease;}
.top_link a:hover > span{background: url(/saiyo/graduates/images/top/arw_link2.png) left center no-repeat; background-size: 8px auto;}
.top_title { padding: 110px 13px 80px 13px; }
.top_title.color_bg{background-color: #f2f2f2;}
.top_title p { font-size: 114.28%; line-height: 2.25; text-align: center;}
.top_photo_link ul:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
.top_photo_link li { float: left; text-align: center; position: relative; margin-bottom: -1px; padding-bottom: 22.85%; width: calc(100% / 3); }
.top_photo_link.column_2 li { width: 50%; }
.top_photo_link li a { backface-visibility: hidden; display: block; text-decoration: none; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.top_photo_link li a > p { font-size: 0; line-height: 0; position: relative; margin: -1px; }
.top_photo_link li a > p:after { background-color: rgba(0,0,0,0.45); content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.top_photo_link li a > p img { width: 100%;height: auto;}
.top_photo_link li a > p img:nth-of-type(1) { display: inline; }
.top_photo_link li a > p img:nth-of-type(2) { display: none; }
.top_photo_link li a div { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); display: block; vertical-align: middle; overflow: hidden; position: absolute; top: 50%; left: 0px; width: 100%; }
.top_photo_link li a div > span { display: block; overflow: hidden; width: calc(100% + 10px); height: calc(100% + 10px); }
.top_photo_link li a div > span img { display: none; }
.top_photo_link li a div dt { transform: rotate(0.0001deg); font-size: 2.1428vw; font-family: 'Noto Sans JP', sans-serif; font-weight: 200; line-height: 1.2; margin-bottom: 20px; }
.top_photo_link li a div dt.personality { font-size: 1.72643vw; }
.top_photo_link li a div dt span { display: inline-block; font-size: 2.71vw; font-weight: 300; letter-spacing: 0; }
.top_photo_link li a.blank_cut div dt::after{content: ''; display: inline-block; width: 18px; height: 17px; margin-left: 0.25em; background: url(/saiyo/graduates/images/top/icon_blank.png) 0 0 no-repeat; background-size: cover;}
.top_photo_link li a.blank_cut:hover div dt::after{background: url(/saiyo/graduates/images/top/icon_blank2.png) 0 0 no-repeat; background-size: cover;}
.top_photo_link li a div dt img { margin-left: 7px; vertical-align: middle; width: 18px; }
.top_photo_link li a div dd { transform: rotate(0.0001deg); font-size: 1.28vw; line-height: 1.55; padding: 0 1em;}
#main .top_photo_link li a { color: #ffffff; }
#main .top_photo_link li a:hover { color: #333333; }

/*!-------------------------
 * top_fullwidth_link
--------------------------*/
#main .top_fullwidth_link { background-color: transparent;}
#main .top_fullwidth_link > a { display: flex; align-items: center; position: relative;}
#main .top_fullwidth_link > a:hover{text-decoration: none; color: #333;}
#main .top_fullwidth_link > a::before{content: ''; position: absolute; top: 0; left: 0; z-index: +1; display: block; width: 100%; height: 1px; background-color: #c2c2c2;}
#main .top_fullwidth_link > a > p {position: relative; font-size: 0; line-height: 0; width: 50%; overflow: hidden;}
#main .top_fullwidth_link > a > p::after{background-color: rgba(255,255,255,0.45); content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease;}
#main .top_fullwidth_link > a > p img { width: 100%;height: auto; transform: rotate(0.0001deg); -webkit-transition: all 0.5s; transition: all 0.5s;}
#main .top_fullwidth_link > a .top_link > .top_link_inner > span{background-size: 9px auto;}
#main .top_fullwidth_link > a > .top_fullwidth_link_block { text-align: center; width: 50%; display: flex; justify-content: center; align-items: center; flex-flow: column;}
#main .top_fullwidth_link > a > .top_fullwidth_link_block dt { font-size: calc((30/1400)*100vw); font-family: 'Noto Sans JP', sans-serif; font-weight: 200; line-height: 1.2; letter-spacing: 0.12em; }
#main .top_fullwidth_link > a > .top_fullwidth_link_block dt span { color: #c00; }
#main .top_fullwidth_link > a > .top_fullwidth_link_block dd { font-size: 1.2857vw; margin-top: 1.4285vw; }
#main .top_fullwidth_link > a > .top_fullwidth_link_image > img:nth-of-type(2){display: none;}
/* option */
#main .top_fullwidth_link.border-bottom > a::before{bottom: 0;top: auto;}
#main .top_fullwidth_link.border-none > a::before{display: none;}
#main .top_fullwidth_link.reverse > a .top_fullwidth_link_block{order: 0;}
#main .top_fullwidth_link.reverse > a .top_fullwidth_link_image{order: 1;}
@media (hover: hover) {
	#main .top_fullwidth_link > a:hover > p::after{opacity: 1;}
	#main .top_fullwidth_link > a:hover > p img { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; }
	#main .top_fullwidth_link > a:hover .top_link .top_link_inner{background-color: #c00; border-color: #c00; color: #fff;}
	#main .top_fullwidth_link > a:hover .top_link .top_link_inner > span{background: url(/saiyo/graduates/images/top/arw_link2.png) left 4px center no-repeat; background-size: 9px auto;}
}
@media only screen and (min-width: 1401px) {
	#main .top_fullwidth_link > a > .top_fullwidth_link_block dt { font-size: 1.875rem; }
}
@media only screen and (max-width: 640px) {
	#main .top_fullwidth_link > a{display: block;}
	#main .top_fullwidth_link > a > p{width: 100%;}
	#main .top_fullwidth_link > a > .top_fullwidth_link_block{width: calc(100% - 40px); padding: 25px 20px;}
	#main .top_fullwidth_link > a > .top_fullwidth_link_block dt { font-size: 1.25rem;}
	#main .top_fullwidth_link > a > .top_fullwidth_link_block .top_link{width: 100%; margin-top: 15px;}
	#main .top_fullwidth_link > a > .top_fullwidth_link_block .top_link .top_link_inner{display: block; width: calc(100% - 62px); background-color: #fff;}
	#main .top_fullwidth_link > a > .top_fullwidth_link_block .top_link .top_link_inner span{background-size: 8px auto; font-size: 0.875rem;}
	#main .top_fullwidth_link > a > .top_fullwidth_link_image > img:nth-of-type(1){display: none;}
	#main .top_fullwidth_link > a > .top_fullwidth_link_image > img:nth-of-type(2){display: block;}
}

/*!-------------------------
 * 202301追加
--------------------------*/
.max900 {max-width: 900px;}
.border_l{border-left: 1px solid #c5c5c5;}
.border_r{border-right: 1px solid #c5c5c5;}

/*-------------------------
 * module footer
--------------------------*/
@media screen and (min-width:641px){
	#footer_sitemap > ul > li:nth-child(n + 5){margin-top: 2em;}
}

/*!-------------------------
 * 追加
--------------------------*/
#local_nav { line-height: normal;}
/*-------------------------*/

@media only screen and (min-width: 641px) {
	.top_link a {transition: all 0.2s; cursor: pointer;}
	.top_link a span {transition: all 0.2s; }
	.top_link a:hover { border: 1px solid #c00; background-color: #c00; }
	.top_link a:hover span { background: url(/saiyo/graduates/images/top/arw_link2.png) 4px center no-repeat; background-size: 8px auto; color: #ffffff; }
	.top_photo_link li a > p:after {transition: all 0.5s; }
	.top_photo_link li a:hover > p:after { background-color: rgba(255,255,255,0.80); }
	.top_photo_link li a > p img { transform: rotate(0.0001deg); transition: all 0.5s; }
	.top_photo_link li a:hover > p img { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; }
}
@media only screen and (min-width: 1401px) {
	.top_photo_link li a div > span { font-size: 264.28%; }
	.top_photo_link li a div dt { font-size: 214.2857%; }
	.top_photo_link li a div dt span { font-size: 86.36%; }
	.top_photo_link li a div dd { font-size: 128.57%; font-weight: 300;}
}
@media only screen and (max-width: 640px) {
	#main a { color: #333333; }
	#main a:hover { color: #005e8c; }
	h3 { text-align: center; margin-bottom: 20px; }
	h3 span { display: block; font-size: 2.812rem; font-weight: 300; line-height: 1.2; margin-bottom: 10px; }
	h3 span b { color: #c00; font-weight: 300; }
	h3 small { display: block; font-family: 'Noto Sans JP', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.2em; }
	h3 small > b{font-weight: 400;}
	.top_Level_1 { position: relative; text-align: left; margin: 0; max-width: inherit; }
	.top_link { text-align: center; margin-top: 25px; }
	.top_link a { border: 1px solid #c5c5c5; display: block; font-size: 114.28%; font-weight: 500; text-decoration: none; padding: 0 17px; width: auto; }
	.top_link a span { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 9px auto; display: block; padding: 15px; }
	.top_title { padding: 70px 20px 40px; }
	.top_title p { font-size: 0.875rem; line-height: calc(64 / 28); }
	.top_photo_link ul:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
	.top_photo_link li { float: none; text-align: center; position: relative; margin-bottom: -1px; padding-bottom: 0; width: auto; }
	.top_photo_link.column_2 li { width: auto; }
	.top_photo_link li a { display: block; text-decoration: none; position: relative; top: auto; left: auto; width: auto; height: auto; }
	.top_photo_link li a > p { font-size: 0; line-height: 0; position: relative; }
	.top_photo_link li a > p:after { background-color: rgba(0,0,0,0.45); content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
	.top_photo_link li a > p span { display: block; }
	.top_photo_link li a > p img { width: 100%; }
	.top_photo_link li a > p img:nth-of-type(1) { display: none; }
	.top_photo_link li a > p img:nth-of-type(2) { display: inline; }
	.top_photo_link li a div { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); display: block; vertical-align: middle; position: absolute; top: 50%; left: 0px; width: 100%; }
	.top_photo_link li a div > span { display: block; font-size: 5.62vw; }
	.top_photo_link li a div dt { font-size: 6.5625vw; font-family: 'Noto Sans JP', sans-serif; font-weight: 200; line-height: 1.2; margin-bottom: 10px; padding: 0 15px;}
	.top_photo_link li a div dt.personality { font-size: 4.9243vw; }
	.top_photo_link li a div dt span { display: inline-block; font-size: 6.56vw; font-weight: 300; letter-spacing: 0; }
	.top_photo_link li a div dt img { margin-left: 7px; vertical-align: middle; width: 4.0625vw; }
	.top_photo_link li a div dd { font-size: 4.375vw; line-height: 1.55; }
	#main .top_photo_link li a,
	#main .top_photo_link li a:hover { color: #ffffff; }
}

/*!-------------------------
 * top_main
--------------------------*/
@keyframes arw {
	0% { transform: translate(0, -7px); opacity: 0; }
	50% { opacity: 1; }
	100% { transform: translate(0, 7px); opacity: 0; }
}
@-webkit-keyframes arw {
	0% { -webkit-transform: translate(0, -7px); opacity: 0; }
	50% { opacity: 1; }
	100% { -webkit-transform: translate(0, 7px); opacity: 0; }
}

#top_main { position: relative;}
#top_main .main_scroll { background-color: #404040; text-align: center; }
#top_main .main_scroll a { color: #ffffff; display: inline-block; font-family: 'Hind', sans-serif; font-size: 121.42%; font-weight: 300; line-height: 2.35; letter-spacing: 0.2em; position: relative; text-decoration: none; padding-left: 25px; }
#top_main .main_scroll a:after { -webkit-animation: arw 1.5s infinite; animation: arw 1.5s infinite; background: url(/saiyo/graduates/images/top/arw_scroll.png) left center no-repeat; background-size: 18px 9px; content: ""; position: absolute; top: 50%; left: 0px; margin-top: -4px; width: 18px; height: 9px; }

@media only screen and (max-width: 640px) {
	#top_main .main_scroll { background-color: #404040; text-align: center; }
	#top_main .main_scroll a { color: #ffffff; display: inline-block; font-family: 'Hind', sans-serif; font-size: 78.57%; font-weight: 300; letter-spacing: 0.2em; position: relative; text-decoration: none; padding-left: 18px; }
	#top_main .main_scroll a:after { -webkit-animation: arw 1.5s infinite; animation: arw 1.5s infinite; background: url(/saiyo/graduates/images/top/arw_scroll.png) left center no-repeat; background-size: 11px 6px; content: ""; position: absolute; top: 50%; left: 0px; margin-top: -3px; width: 11px; height: 6px; }
}

/*!-------------------------
 * top_entry-sheet
--------------------------*/
#top_entry-sheet { overflow: hidden;background-color: #f2f2f2;}
#top_entry-sheet p {text-align: center;font-weight: 500;font-size: 142.85714285714%;line-height: 1.7;padding: 26px 20px;letter-spacing: 0.05em;}
#top_entry-sheet p+p {font-size: calc((16/14)*100%);margin-top: -20px;padding: 0 20px 26px;}
#top_entry-sheet a {text-decoration: underline;color: #c00;padding: 0 8px;}
/*!-------------------------
 * 202303一時的にコメントアウト
--------------------------*/
/* #top_entry-sheet h3 { margin: 0; } 
#top_entry-sheet h3 span { color: #c60000; font-size: 250%; }
#top_entry-sheet ul { display: flex; margin-top: 40px; }
#top_entry-sheet ul li { box-sizing: border-box; padding: 13px; }
#top_entry-sheet ul li + li { border-left: 1px solid #c5c5c5; }
#top_entry-sheet ul li a { color: #333; display: block; }
#top_entry-sheet ul li a:hover { text-decoration: none; }
#top_entry-sheet ul li dl dt { text-align: center; }
#top_entry-sheet ul li dl dt span { color: #c30000; display: block; font-size: 142.8571%; font-weight: 500; }
#top_entry-sheet ul li dl dt small { display: block; font-size: 114.2857%; margin-top: 2px; }
#top_entry-sheet ul li dl dd { display: flex; align-items: center; justify-content: center; margin-top: 15px; }
#top_entry-sheet ul li dl dd span { display: block; font-size: 114.2857%; margin-right: 10px; }
#top_entry-sheet ul .application_end dl dd span { background: #c0c0c0; color: #fff;padding: 0 8px; margin-right: 0;}
#top_entry-sheet ul li dl dd time { border: 1px solid #c30000; color: #c30000; display: block; font-size: 107.1428%; font-weight: 500; line-height: 1.2; padding: 2px 0 2px 10px; white-space: nowrap; }
#top_entry-sheet ul li dl dd time.every_month { padding-right: 10px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #top_entry-sheet ul .application_end dl dd span {padding: 4px 8px 0px;}
  #top_entry-sheet ul li dl dd time { padding: 5px 0 0px 10px; }
}
#top_entry-sheet p { margin-top: 40px; }
#top_entry-sheet .top_link a {padding: 0 15px 0 30px; width: auto; }
#top_entry-sheet .top_link a span { padding-left: 22px; }
#top_entry-sheet .top_link a b { background: url("/saiyo/graduates/images/top/icon_blank2.png") right center/13px auto no-repeat; display: block;padding-right: 18px; }
#top_entry-sheet .top_link a img { margin-left: 5px; width: 13px; }
@media only screen and (min-width: 641px) {
#top_entry-sheet ul li a:hover dl dt span,
#top_entry-sheet ul li a:hover dl dt small,
#top_entry-sheet ul li a:hover dl dd span { text-decoration: underline; }
#top_entry-sheet .top_link a b { transition: background 0.5s; }
#top_entry-sheet .top_link a:hover b { background: url("/saiyo/graduates/images/top/icon_blank.png") right center/13px auto no-repeat; }
}
@media (min-width: 901px) {
#top_entry-sheet ul li { flex: 1; }
}
@media (min-width: 641px) and (max-width: 900px) {
#top_entry-sheet ul { flex-wrap: wrap; overflow: hidden; margin-right: -1px; }
#top_entry-sheet ul li { width: 50%; border-right: 1px solid #c5c5c5; margin-bottom: -1px; }
#top_entry-sheet ul li { border-bottom: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; }
#top_entry-sheet ul li + li { border-left: none; }
#top_entry-sheet ul li:nth-of-type(-n+2) { border-top: none; }
#top_entry-sheet ul li:nth-of-type(1) { flex: 1; } 
} */
@media only screen and (max-width: 640px) {
#top_entry-sheet p {font-size: 100%;padding: 20px 20px 22px;}
#top_entry-sheet p+p {font-size: calc((12/14)*100%);margin-top: -15px;padding: 0 20px 22px;}
#top_entry-sheet a {padding: 0 4px; }
/* #top_entry-sheet h3 span { font-size: 214.2857%; }
#top_entry-sheet ul { display: block; margin-top: 0; }
#top_entry-sheet ul li { box-sizing: border-box; padding: 25px 10px; }
#top_entry-sheet ul li + li { border-left: none; border-top: 1px solid #c5c5c5; }
#top_entry-sheet ul li dl dt span { font-size: 114.2857%; }
#top_entry-sheet ul li dl dt small { font-size:85.7142%; margin-top: 5px; }
#top_entry-sheet ul li dl dd { margin-top: 10px; }
#top_entry-sheet ul li dl dd span { font-size: 100%; }
#top_entry-sheet ul li dl dd time { font-size: 92.8571%; padding: 2px 0 2px 7px; }
#top_entry-sheet ul li dl dd time.every_month { padding-right: 7px; }
#top_entry-sheet p { margin-top: 10px; }
#top_entry-sheet .top_link a {padding: 0 10px 0 20px; }
#top_entry-sheet .top_link a span { padding-left: 15px; padding-right: 0; }
#top_entry-sheet .top_link a b { display: inline-block; padding-right: 16px; } */
/*!-------------------------
 * 202301追加
--------------------------*/
.border_l{border-left: none;}
.border_r{border-right: none;}
}

/*!-------------------------
 * top_pamphlet
--------------------------*/
#top_pamphlet { padding-bottom: 70px; }
#top_pamphlet .inner { margin: 0 auto; padding: 0 13px; max-width: 1142px; }
#top_pamphlet .top_pamphlet__heading { font-size: 160%; color: #c00; font-weight: 500; text-align: center; }
#top_pamphlet .top_pamphlet__lead { font-size: 115%; line-height: 1.7; margin-top: 18px; text-align: center; }
#top_pamphlet .top_pamphlet__column { display: flex; margin-top: 33px; justify-content: center; align-items: center; gap: 0 40px; }
#top_pamphlet .top_pamphlet__img { max-width: 197px; }
#top_pamphlet .top_pamphlet__img a { display: block; position: relative; overflow: hidden; }
#top_pamphlet .top_pamphlet__img a::after { background-color: rgba(255, 255, 255, 0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#top_pamphlet .top_pamphlet__img a img { vertical-align: top; width: 100%; height: auto; }
#top_pamphlet .top_pamphlet__list { font-size: 100%; line-height: 1.7; }
#top_pamphlet .top_pamphlet__list dt { font-weight: 500; }
#top_pamphlet .top_pamphlet__list dd ul li { position: relative; padding-left: 1em; }
#top_pamphlet .top_pamphlet__list dd ul li > span { position: absolute; top: 0; left: 0; }
#top_pamphlet .top_pamphlet__link { text-align: left; margin-top: 18px; letter-spacing: 0.05em; }
#top_pamphlet .top_pamphlet__link a { padding: 0 15px; width: auto; }
#top_pamphlet .top_pamphlet__link a span { padding: 14px 0 16px 20px; }
#top_pamphlet .top_pamphlet__link a span img { margin-left: 5px; margin-top: -3px; vertical-align: middle; width: 16px; height: auto; }
@media only screen and (min-width: 641px) {
#top_pamphlet .top_pamphlet__img a img { transition: transform 0.5s ease; }
#top_pamphlet .top_pamphlet__img a:hover img { transform: scale(1.03); }
#top_pamphlet .top_pamphlet__img a:after { transition: background-color 0.5s ease; }
#top_pamphlet .top_pamphlet__img a:hover:after { background-color: rgba(255, 255, 255, 0.80); }
}
@media only screen and (max-width: 640px) {
#top_pamphlet .inner { margin: 0; padding: 0 20px; }
#top_pamphlet .top_pamphlet__heading { font-size: 158%; }
#top_pamphlet .top_pamphlet__lead { margin-top: 14px; text-align: left; line-height: 1.58; letter-spacing: -0.05em; }
#top_pamphlet .top_pamphlet__column { display: block; margin-top: 15px; }
#top_pamphlet .top_pamphlet__img { margin: 0 auto; }
#top_pamphlet .top_pamphlet__text { margin-top: 15px; }
#top_pamphlet .top_pamphlet__link { margin-top: 25px; }
#top_pamphlet .top_pamphlet__link a { text-align: center; position: relative; }
#top_pamphlet .top_pamphlet__link a::after { background: url(/saiyo/images/pattern4/icon_pdf.gif) right center/cover no-repeat; content: ""; position: absolute; top: calc(50% - 8px); right: 20px; width: 16px; height: 16px; }
#top_pamphlet .top_pamphlet__link a span { padding: 15px 20px; }
#top_pamphlet .top_pamphlet__link a span img { display: none; }
}

/*!-------------------------
 * top_company
--------------------------*/
#top_company {}
#top_company .top_title { background-color: #f2f2f2; padding: 123px 13px 90px 13px;}
#top_company .company_info { background-color: #ffffff; padding: 70px 13px 50px 13px; }
#top_company .company_info ul { display: table; text-align: center; width: 100%; }
#top_company .company_info li { display: table-cell; vertical-align: top; width: 50%; }
#top_company .company_info li h4 { color: #c00; font-size: 142.85%; font-weight: 500; margin-bottom: 10px; }
#top_company .company_info li p { font-size: 114.28%; line-height: 1.625; margin-bottom: 25px; }
#top_company .company_info li dt { font-size: 0; line-height: 0; position: relative; margin-bottom: 5px; padding-bottom: 48.21%; }
#top_company .company_info li dt span { position: absolute; bottom: 0px; left: 0px; width: 100%; }
#top_company .company_info li dt img { width: 100%; }
#top_company .company_info li:nth-of-type(2) dt span { height: 100%; }
#top_company .company_info li:nth-of-type(2) dt span img { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); position: absolute; bottom: 0px; left: 50%; width: auto; height: 100%; }
#top_company .company_info li dd { color: #c00; }

@media only screen and (max-width: 640px) {
	#top_company {}
	#top_company .top_title { background-color: #f2f2f2; padding: 70px 20px 40px 20px;}
	#top_company .company_info { background-color: #ffffff; padding: 60px 0; }
	#top_company .company_info ul { display: block; text-align: center; width: auto; }
	#top_company .company_info li { display: block; vertical-align: top; width: auto; }
	#top_company .company_info li:nth-of-type(1) { margin-bottom: 45px; }
	#top_company .company_info li h4 { color: #c00; font-size: 107.14%; font-weight: 500; margin-bottom: 10px; padding: 0 20px; }
	#top_company .company_info li p { font-size: 85.71%; line-height: 1.625; margin-bottom: 25px; padding: 0 20px; }
	#top_company .company_info li dt { font-size: 0; line-height: 0; position: relative; margin-bottom: 10px; padding-bottom: 0; }
	#top_company .company_info li dt span { position: relative; bottom: auto; left: auto; width: auto; }
	#top_company .company_info li dt img { width: 100%; }
	#top_company .company_info li:nth-of-type(2) dt span { height: auto; }
	#top_company .company_info li:nth-of-type(2) dt span img { -webkit-transform: translate(0, 0); transform: translate(0, 0); position: relative; bottom: auto; left: auto; width: 100%; height: auto; }
	#top_company .company_info li dd { color: #c00; font-size: 71.42%; }
	#top_company .top_photo_link.column_2 li { width: 100%;}
}

/*!-------------------------
 * top_works
--------------------------*/
#top_works {}
#top_works .top_title{padding: 115px 13px 90px 13px;}
#top_works .top_works_link { padding: 5px 0 58px; }
#top_works .top_works_link ul { display: flex; justify-content: center; }
#top_works .top_works_link ul li { margin: 0 20px; }
#top_works .top_works_link ul li a {display: block; font-size: 114.2857%; padding: 15px 62px 15px 30px; border: 1px solid #c2c2c2; letter-spacing: .18em; transition: all .2s ease;}
#top_works .top_works_link ul li a:hover{background-color: #c00; border-color: #c00; color: #fff;}
#top_works .top_works_link ul li a span{background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; display: inline-block; padding-left: 45px; background-size: 9px auto; transition: all .2s ease;}
#top_works .top_works_link ul li a:hover span{background: #fff; background: url(/saiyo/graduates/images/top/arw_link2.png) left 4px center no-repeat; background-size: 9px auto;}

#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(2) { font-size: 0.8571vw; padding: 0.3571vw 1.0714vw; }
#top_works .top_works_employee .employee_block { line-height: 1.2; padding: 0.3571vw 1.4285vw 2.5vw 1.4285vw;flex:1; }
#top_works .top_works_employee .employee_block dt { color: #a7a7a7; font-size: 1vw; font-family: 'Noto Sans JP', sans-serif; font-weight: 200; letter-spacing: 0.12em; }
#top_works .top_works_employee .employee_block dd { font-size: 1.2857vw; margin-top: 1.0714vw; }
#top_works .top_works_employee .employee_block .project-name{font-size: 1.2857vw;margin-top: 1.0714vw;}
#top_works .top_works_employee .employee_block .project-tag {color: #a7a7a7;font-size: 1vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 200; margin-top: 22px;}


#top_works .top_works_employee  ul li a .employee_block dd img { margin-left: 5px; vertical-align: middle; width: 0.9285vw; }
#top_works .top_works_employee .employee_block p { color: #a7a7a7; font-size: 1vw; margin-top: 1.0714vw; }

@media print {
	#top_works .top_works_employee .employee_pc { background-color: #ffffff; display: block; }
	#top_works .top_works_employee .employee_pc ul { display: flex; }
	#top_works .top_works_employee .employee_pc ul li { width: 20%; }
	#top_works .top_works_employee .employee_pc ul li a { color: #000000; display: block; }
	#top_works .top_works_employee .employee_pc ul li a:hover { background-color: #f9f9f9; text-decoration: none; }
	#top_works .top_works_employee .employee_pc ul li a img { width: 100%; }
	#top_works .top_works_employee .employee_pc ul li a > p { text-align: right; line-height: 1.2; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(1) { display: block; font-size: 0; line-height: 0; overflow: hidden; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(2) { display: inline-block; vertical-align: top; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(2).type_01 { background-color: #dcec4b; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(2).type_02 { background-color: #a0eb91; }
	#top_works .top_works_employee .employee_pc ul li a > p img { -webkit-transition: all 0.5s; transition: all 0.5s;height: auto; }
	#top_works .top_works_employee .employee_pc ul li a:hover > p img { -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; }
	#top_works .top_works_employee .employee_sp { display: none !important; }
}

@media only screen and (min-width: 1401px) {
	#top_works .top_works_women .women_block dt { font-size: 314.2857%; }
	#top_works .top_works_women .women_block dd { font-size: 128.5714%; margin-top: 20px; }
	#top_works .top_works_women .women_block p:nth-of-type(2) { font-size: 114.2857%; margin-top: 30px; }
	#top_works .top_works_women .women_block p:nth-of-type(3) { margin-top: 40px; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(2) { font-size: 85.7142%; padding: 5px 15px; }
	#top_works .top_works_employee .employee_block { padding: 5px 20px 35px 20px; }
	#top_works .top_works_employee .employee_block dt { font-size: 100%; }
	#top_works .top_works_employee .employee_block dd { font-size: 128.5714%; margin-top: 15px; }
	#top_works .top_works_employee .employee_block .project-name{font-size: 128.5714%;margin-top: 15px;}
	#top_works .top_works_employee .employee_block .project-tag {font-size: 100%;}
	#top_works .top_works_employee  ul li a .employee_block dd img { width: 13px; }
	#top_works .top_works_employee .employee_block p { font-size: 100%; margin-top: 15px; }
}
@media only screen and (min-width: 641px) {
	#top_works .top_works_employee { background-color: #ffffff; display: none; }
	#top_works .top_works_employee .employee_pc { display: block; }
	#top_works .top_works_employee .employee_pc ul { display: flex; }
	#top_works .top_works_employee .employee_pc ul li { width: 20%; }
	#top_works .top_works_employee .employee_pc ul li a { color: #000000;display: flex;flex-direction: column;height: 100%;}
	#top_works .top_works_employee .employee_pc ul li a:hover { background-color: #f9f9f9; text-decoration: none; }
	#top_works .top_works_employee .employee_pc ul li a img { width: 100%; }
	#top_works .top_works_employee .employee_pc ul li a > p { text-align: right; line-height: 1.2; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(1) { display: block; font-size: 0; line-height: 0; overflow: hidden; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(2) { display: inline-block; vertical-align: top; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(2).type_01 { background-color: #075aaa;color: #ffff; }
	#top_works .top_works_employee .employee_pc ul li a > p span:nth-of-type(2).type_02 { background-color: #c00;color: #ffff; }
	#top_works .top_works_employee .employee_pc ul li a > p img { -webkit-transition: all 0.5s; transition: all 0.5s;height: auto; }
	#top_works .top_works_employee .employee_pc ul li a:hover > p img { -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; }
	#top_works .top_works_employee .employee_sp { display: none; }
}
@media only screen and (max-width: 640px) {
	#top_works .top_title{padding: 70px 20px 40px 20px;}
	#top_works .top_photo_link.column_2 li:nth-of-type(1) { width: 100%;}
	#top_works .top_photo_link.column_2 li:nth-of-type(2) { width: 100%;}
	#top_works .top_works_women { background-color: #ffffff; display: block; align-items: center; padding: 40px 0; }
	#top_works .top_works_women > p { display: none; font-size: 0; line-height: 0; width: 50%; }
	#top_works .top_works_women > p img { width: 100%; }
	#top_works .top_works_women .women_block { text-align: center; width: auto; }
	#top_works .top_works_women .women_block dt { font-size: 10vw; font-family: 'Noto Sans JP', sans-serif; font-weight: 200; line-height: 1.2; letter-spacing: 0.12em; }
	#top_works .top_works_women .women_block dt span { color: #c00; }
	#top_works .top_works_women .women_block dd { font-size: 4.375vw; margin-top: 15px; }
	#top_works .top_works_women .women_block p:nth-of-type(1) { display: block; font-size: 0; line-height: 0; margin-top: 25px; }
	#top_works .top_works_women .women_block p:nth-of-type(1) img { width: 100%;height: auto; }
	#top_works .top_works_women .women_block p:nth-of-type(2) { font-size: 4.375vw; line-height: 1.55; margin-top: 25px; }
	#top_works .top_works_women .women_block p:nth-of-type(3) { margin: 25px 20px 0 20px; }
	#top_works .top_works_link { text-align: center; padding: 35px 20px; }
	#top_works .top_works_link ul { display: block; justify-content: center; }
	#top_works .top_works_link ul li { margin: 20px 0 0 0; }
	#top_works .top_works_link ul li:first-child { margin: 0; }
	#top_works .top_works_link ul li a{background-color: #fff; padding: 15px; font-size: 0.875rem;}
	#top_works .top_works_link ul li a br { display: inline; }
	#top_works .top_works_link ul li a span{padding-left: 25px; background-size: 8px auto;}

	#top_works .top_works_employee { background-color: #ffffff; display: none; }
	#top_works .top_works_employee .employee_pc { display: none; }
	#top_works .top_works_employee .employee_sp { display: block; position: relative; }
	#top_works .top_works_employee .employee_sp ul li a { color: #000000; display: block; }
	#top_works .top_works_employee .employee_sp ul li a:hover { text-decoration: none; }
	#top_works .top_works_employee .employee_sp ul li a img { width: 100%; height: auto;}
	#top_works .top_works_employee .employee_sp ul li a > p { text-align: right; line-height: 1.2; }
	#top_works .top_works_employee .employee_sp ul li a > p span:nth-of-type(1) { display: block; font-size: 0; line-height: 0; overflow: hidden; }
	#top_works .top_works_employee .employee_sp ul li a > p span:nth-of-type(2) { display: inline-block; vertical-align: top; font-size: 4.375vw; padding: 1.5625vw 3.125vw; }
	#top_works .top_works_employee .employee_sp ul li a > p span:nth-of-type(2).type_01 { background-color: #075aaa;color: #ffff; }
	#top_works .top_works_employee .employee_sp ul li a > p span:nth-of-type(2).type_02 { background-color: #c00;color: #ffff; }
	#top_works .top_works_employee .employee_sp .bx-next { background: url(/saiyo/graduates/images/top/arw_slide_next.png) no-repeat; background-size: cover; width: 10.625vw; padding-bottom: 10.625vw; position: absolute; top: 30.4687vw; right: 0px; font-size: 0; line-height: 0; }
	#top_works .top_works_employee .employee_sp .bx-prev { background: url(/saiyo/graduates/images/top/arw_slide_prev.png) no-repeat; background-size: cover; width: 10.625vw; padding-bottom: 10.625vw; position: absolute; top: 30.4687vw; left: 0px; font-size: 0; line-height: 0; }
	#top_works .top_works_employee .employee_block { line-height: 1.2; padding: 1.5625vw 3.125vw 4.6875vw 3.125vw; }
	#top_works .top_works_employee .employee_block dt { color: #a7a7a7; font-size: 4.375vw; font-family: 'Noto Sans JP', sans-serif; font-weight: 200; }
	#top_works .top_works_employee .employee_block dd { font-size: 6.5625vw; margin-top: 3.125vw; }
	#top_works .top_works_employee .employee_block .project-name{font-size: 6.5625vw;margin-top: 3.125vw;}
	#top_works .top_works_employee .employee_block .project-tag{color: #a7a7a7;font-size: 4.375vw;font-family: 'Noto Sans JP', sans-serif;font-weight: 200;}
	#top_works .top_works_employee  ul li a .employee_block dd img { margin-left: 5px; vertical-align: middle; width: 4.0625vw; }
	#top_works .top_works_employee .employee_block p { color: #a7a7a7; font-size: 4.375vw; margin-top: 3.125vw; }
}

/*!-------------------------
 * top_people
--------------------------*/
#top_people { background-color: #f2f2f2; }

@media print {
	#top_people { page-break-before: always; }
}
@media only screen and (max-width: 640px) {
	#top_people { background-color: #f2f2f2; }
	#top_people .top_photo_link.column_2 li:nth-of-type(1) { width: 100%;}
	#top_people .top_photo_link.column_2 li:nth-of-type(2) { width: 100%;}
}

/*!-------------------------
 * top_system
--------------------------*/
#top_system {}
#top_system .top_title ul { display: table; width: 100%; margin-top: 50px; }
#top_system .top_title li { display: table-cell; text-align: center; vertical-align: top; width: 33.33%; }
#top_system .top_title li a { display: block; }
#top_system .top_title li a dt { font-size: 0; line-height: 0; margin-bottom: 25px; }
#top_system .top_title li a dt img { width: 78px;height: auto;}
#top_system .top_title li a dd span { background: url(/saiyo/graduates/images/top/arw_link.png) left 0.22em no-repeat; background-size: 10px 18px; display: inline-block; font-size: 128.57%; padding-left: 20px; }
#top_system .top_title li a dd span:hover { text-decoration: underline; }

@media print {
	#top_system { page-break-before: always; }
}
@media only screen and (max-width: 640px) {
	#top_system { background-color: #f2f2f2; }
	#top_system .top_title ul { background-color: #ffffff; display: block; padding: 55px 40px; margin-top: 25px; width: auto; }
	#top_system .top_title li { border-bottom: 1px solid #eaeaea; display: block; text-align: center; vertical-align: top; margin-bottom: 30px; padding-bottom: 30px; width: auto; }
	#top_system .top_title li:last-child { border-bottom: 0px; margin-bottom: 0; padding-bottom: 0; }
	#top_system .top_title li a { display: block; }
	#top_system .top_title li a dt { font-size: 0; line-height: 0; margin-bottom: 10px; }
	#top_system .top_title li a dt img { width: 20.46vw; }
	#top_system .top_title li a dd span { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 9px 15px; display: inline-block; font-size: 114.28%; padding-left: 20px; }
	#top_system .top_title li a dd span br { display: inline; }
	#top_system .top_title li a dd span:hover { text-decoration: none; }

}

/*!-------------------------
 * top_recruit
--------------------------*/
#top_recruit {}
#top_recruit .top_Level_1{ text-align: center; }
#top_recruit .top_Level_1 h3{margin-bottom: 0;}
#top_recruit .title__block { background-color: rgba(255,255,255,0.8); display: inline-block; padding: 3.14% 7.33%; }
#top_recruit .title__block ul:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
#top_recruit .title__block li { float: left; text-align: left; padding-bottom: 10px; width: 14em; }
#top_recruit .title__block li:nth-of-type(odd) { clear: left; width: 22em; }
#top_recruit .title__block li a { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 10px auto; display: block; font-size: 128.57%; padding-left: 20px; }
#top_recruit .recruit_entry { background-color: #bfbfbf; padding: 60px 13px; }
#top_recruit .recruit_entry ul { display: table; width: 100%; }
#top_recruit .recruit_entry li { display: table-cell; vertical-align: middle; padding: 0 0 0 15px; width: 50%; }
#top_recruit .recruit_entry li:nth-of-type(odd) { padding: 0 15px 0 0; }
#top_recruit .recruit_entry li a { background-color: #ffffff; color: #ffffff; display: block; text-decoration: none; }
#top_recruit .recruit_entry li a span { display: block; font-size: 157.14%; font-weight: 500; padding: 30px 0; }
#top_recruit .recruit_entry li a img { vertical-align: middle; margin-left: 5px; width: 13px; }

#top_recruit .recruit_link { overflow: hidden; position: relative; }
#top_recruit .recruit_link li > p { display: none; }
#top_recruit .recruit_link a { color: #262626; display: flex; align-items: center; overflow: hidden; }
#top_recruit .recruit_link a:hover { color: #262626; text-decoration: none; }
#top_recruit .recruit_link a > p { font-size: 0; line-height: 0; overflow: hidden; width: 50%; }
#top_recruit .recruit_link li:nth-of-type(1) a > p { order: 2; }
#top_recruit .recruit_link a > p img:nth-of-type(1) { display: inline; }
#top_recruit .recruit_link a > p img:nth-of-type(2) { display: none; }
#top_recruit .recruit_link a > p img { width: 100%;height: auto;}
#top_recruit .recruit_link a > div { text-align: center; width: 50%; }
#top_recruit .recruit_link li:nth-of-type(1) a > div { order: 1; }
#top_recruit .recruit_link a > div dt { font-size: 2.1428vw; line-height: 1.2; margin-bottom: 20px; }
#top_recruit .recruit_link a > div dd { font-size: 1.2857vw; line-height: 1.55; }

#top_recruit .top_works_career { background-color: #ffffff; display: flex; align-items: center; border-top: 1px solid #ccc; text-decoration: none; color: #333; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s;}
#top_recruit .top_works_career:hover{color: #333;}
#top_recruit .top_works_career .image_pc { font-size: 0; line-height: 0; width: 50%; -webkit-transition: all 0.5s; transition: all 0.5s;}
#top_recruit .top_works_career .image_pc img { width: 100%;height: auto; }
#top_recruit .top_works_career .career_block { text-align: center; width: 50%; }
#top_recruit .top_works_career .career_block h4{font-size: 1.88vw; font-weight: 300; letter-spacing: 0.18vw;}
#top_recruit .top_works_career .career_block p:nth-of-type(1) { display: none; font-size: 0; line-height: 0; }
#top_recruit .top_works_career .career_block p:nth-of-type(2) { font-size: 1vw; line-height: 1.55; letter-spacing: 0.13em; margin-top: 2.1428vw; }
#top_recruit .top_works_career .career_block p:nth-of-type(3) { margin-top: 2.8571vw; }
#top_recruit .top_works_career .top_link > span { border: 1px solid #c5c5c5; display: inline-block; font-weight: 500; text-decoration: none; padding: 0 30px; width: 240px; -webkit-transition: all 0.5s; transition: all 0.5s;}
#top_recruit .top_works_career .top_link > span > span { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 10px auto; display: block; padding: 15px; -webkit-transition: all 0.5s; transition: all 0.5s;}
#top_recruit .top_works_career:hover .image_pc{ opacity: 0.7; }
#top_recruit .top_works_career:hover .top_link > span { border: 1px solid #c00; background-color: #c00; }
#top_recruit .top_works_career:hover .top_link > span > span { background: url(/saiyo/graduates/images/top/arw_link2.png) 8px center no-repeat; background-size: 10px auto; color: #ffffff; }

/*!通常*/
#top_recruit .recruit_entry li:nth-of-type(odd) a span { background-color: #c00; }
#top_recruit .recruit_entry li:nth-of-type(even) a span { background-color: #c00; }


/*!エントリー終了後
#top_recruit .recruit_entry li:nth-of-type(odd) a span { background-color: #404040; }
#top_recruit .recruit_entry li:nth-of-type(even) a span { background-color: #404040; }
*/


@media only screen and (min-width: 641px) {
	#top_recruit .recruit_link a > p img { -webkit-transition: all 0.5s; transition: all 0.5s; }
	#top_recruit .recruit_link a:hover > p img { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; }
}
@media only screen and (min-width: 1401px) {
	#top_recruit .recruit_link a > div dt { font-size: 214.2857%; }
	#top_recruit .recruit_link a > div dd { font-size: 128.5714%; }
}
@media only screen and (min-width: 641px) {
	#top_recruit .recruit_entry li a span { -webkit-transition: all 0.5s; transition: all 0.5s; }

/*!通常
#top_recruit .recruit_entry li:nth-of-type(odd) a:hover span { background-color: rgba(204,0,0,0.7); }
#top_recruit .recruit_entry li:nth-of-type(even) a:hover span { background-color: rgba(64,64,64,0.7); }
*/

/*!エントリー終了後*/
#top_recruit .recruit_entry li:nth-of-type(odd) a:hover span { background-color: rgba(64,64,64,0.7); }
#top_recruit .recruit_entry li:nth-of-type(even) a:hover span { background-color: rgba(64,64,64,0.7); }

}
@media only screen and (max-width: 640px) {
	#top_recruit {}
	#top_recruit .top_Level_1{ text-align: center; }
	#top_recruit .title__block { background-color: rgba(255,255,255,1); display: block; padding: 25px 40px; }
	#top_recruit .title__block ul:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
	#top_recruit .title__block li { border-bottom: 1px solid #eaeaea; float: none; text-align: left; padding-bottom: 0; width: auto; }
	#top_recruit .title__block li:nth-of-type(odd) { clear: left; width: auto; }
	#top_recruit .title__block li:last-child { border-bottom: 0px; }
	#top_recruit .title__block li a { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 9px auto; display: block; font-size: 114.28%; padding: 15px 0 15px 20px; }
	#top_recruit .recruit_entry { background-color: #bfbfbf; padding: 40px 20px; }
	#top_recruit .recruit_entry ul { display: block; width: auto; }
	#top_recruit .recruit_entry li { display: block; vertical-align: middle; padding: 0; width: auto; }
	#top_recruit .recruit_entry li:nth-of-type(odd) { padding: 0 0 10px 0; }
	#top_recruit .recruit_entry li a { background-color: #ffffff; color: #ffffff; display: block; text-decoration: none; }
	#top_recruit .recruit_entry li a span { display: block; font-size: 128.57%; font-weight: 500; padding: 15px 0; }
	#top_recruit .recruit_entry li a img { vertical-align: middle; margin-left: 5px; width: 13px; }
	#top_recruit .top_photo_link li { width: 100%;}

	#top_recruit .recruit_link { overflow: hidden; }
	#top_recruit .recruit_link li { padding-bottom: 40px; }
	#top_recruit .recruit_link li > p { display: block; margin: 0 20px; }
	#top_recruit .recruit_link li > a { pointer-events: none; }
	#top_recruit .recruit_link a { color: #262626; display: block; align-items: center; overflow: hidden; }
	#top_recruit .recruit_link a:hover { color: #262626; text-decoration: none; }
	#top_recruit .recruit_link a > p { font-size: 0; line-height: 0; overflow: hidden; width: auto; }
	#top_recruit .recruit_link li:nth-of-type(1) a > p { order: 2; }
	#top_recruit .recruit_link a > p img:nth-of-type(1) { display: inline; }
	#top_recruit .recruit_link a > p img:nth-of-type(2) { display: none; }
	#top_recruit .recruit_link a > p img { width: 100%; }
	#top_recruit .recruit_link a > div { text-align: center; width: auto; padding: 40px 20px 25px 20px; }
	#top_recruit .recruit_link li:nth-of-type(1) a > div { order: 1; }
	#top_recruit .recruit_link a > div dt { font-size: 6.5625vw; line-height: 1.2; letter-spacing: 0; margin-bottom: 25px; }
	#top_recruit .recruit_link a > div dd { font-size: 4.375vw; line-height: 1.55; }

	#top_recruit .top_works_career { background-color: #ffffff; display: block; align-items: center; padding: 30px 0 40px; }
	#top_recruit .top_works_career > p { display: none; font-size: 0; line-height: 0; width: 50%; }
	#top_recruit .top_works_career > p img { width: 100%; }
	#top_recruit .top_works_career .career_block { text-align: center; width: auto; }
	#top_recruit .top_works_career .career_block h4{font-size: 6.5625vw;line-height: 1.5;}
	#top_recruit .top_works_career .career_block p:nth-of-type(1) { display: block; font-size: 0; line-height: 0; margin-top: 25px; }
	#top_recruit .top_works_career .career_block p:nth-of-type(1) img { width: 100%;height: auto; }
	#top_recruit .top_works_career .career_block p:nth-of-type(2) { font-size: 100%; line-height: 1.55; margin-top: 25px; margin-left: 20px; margin-right: 20px;}
	#top_recruit .top_works_career .career_block p:nth-of-type(3) { margin: 25px 20px 0 20px; }

/*!通常*/
	#top_recruit .recruit_entry li:nth-of-type(odd) a span { background-color: #c00; }
	#top_recruit .recruit_entry li:nth-of-type(even) a span { background-color: #c00; }


/*!エントリー終了後
	#top_recruit .recruit_entry li:nth-of-type(odd) a span { background-color: #404040; }
	#top_recruit .recruit_entry li:nth-of-type(even) a span { background-color: #404040; }
*/

}

/*!-------------------------
 * top_recruit_news
--------------------------*/
#top_recruit_news { padding: 110px 13px 40px 13px;}
#top_recruit_news h3 { margin-bottom: 52px;}
#top_recruit_news h3 span { font-size: 4.125rem; margin-bottom: 12px;}
#top_recruit_news h3 small{ font-size: 1.375rem;}
#top_recruit_news .recruit_news_list { font-size: 107.14%;}
#top_recruit_news .recruit_news_item {display: flex;align-items: center;margin-bottom: 0.65em; padding: 0.65em 0 0 0; border-top: 1px solid #ccc;position: relative;}
#top_recruit_news .recruit_news_item:first-child{ padding-top: 0; border: none;}
#top_recruit_news .recruit_news_list .date { color: #c00;position: absolute;left: 0;letter-spacing: 0.05em;}
#top_recruit_news .recruit_news_list .date .arr { background: none; padding: 0;}
#top_recruit_news .recruit_news_list .label{padding-left: 10em;}
#top_recruit_news .recruit_news_list .label span {padding: 3px 14px 4px;display: inline-block;color: #a7a7a7;    background-color: #f2f2f2;font-size: 80.000053333369%;}
#top_recruit_news .recruit_news_list .label span + span {margin-left: 10px;}
#top_recruit_news .recruit_news_list .label .office.active {background-color: #075aaa;color: #ffff;}
#top_recruit_news .recruit_news_list .label .tech.active{background-color: #c00;color: #ffff;}
#top_recruit_news .recruit_news_list .txt {margin-left: 20px;flex: 1;}
#top_recruit_news .recruit_news_list .txt .blank_icon img{margin-left: 5px;width: 13px;}
@media only screen and (max-width: 640px) {
	#top_recruit_news { padding: 70px 20px 30px;}
	#top_recruit_news h3{margin-bottom: 25px;}
	#top_recruit_news h3 span { font-size: 2.5rem; letter-spacing: .12em; margin-bottom: 0;}
	#top_recruit_news h3 small { font-size: 1rem; letter-spacing: .3em;}
	#top_recruit_news .recruit_news_list { font-size: 107.14%; margin-bottom: 20px;}
	#top_recruit_news .recruit_news_item {display: block;}
	#top_recruit_news .recruit_news_list .date { color: #c00;display: inline-block;position: static; letter-spacing: 0.05em;}
	#top_recruit_news .recruit_news_list .date .arr { background: none; padding: 0;}
	#top_recruit_news .recruit_news_list .label{display: inline-block;padding-left: 20px;}
	#top_recruit_news .recruit_news_list .label span {padding:4px 9px 3px;}
	#top_recruit_news .recruit_news_list .txt {margin-left: 0;margin-top: 0.5em;}
}

/*!-------------------------
 * top_news
--------------------------*/
#top_news { padding: 110px 13px 80px 13px; background-color: #f2f2f2;}
#top_news h3 span { font-size: 250%; margin-bottom: 10px; letter-spacing: 0.11rem; font-family: 'Noto Sans JP', sans-serif;}
#top_news h3 small{font-family: 'Hind',sans-serif; font-size: 1.25rem; letter-spacing: 0.2em;}
#top_news .news_list { font-size: 107.14%; margin-bottom: 10px;}
#top_news .news_list:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
#top_news .news_list dt { color: #c00; clear: left; }
#top_news .news_list dt .arr { background: none; padding: 0; }
#top_news p { text-align: right; }
#top_news p a { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 8px auto; display: inline-block; font-size: 114.28%; text-decoration: none; padding-left: 20px; }
#top_news p a:hover { text-decoration: underline; }

@media print {
	#top_news { page-break-before: always; }
}

@media only screen and (max-width: 640px) {
	#top_news { padding: 50px 20px; }
	#top_news h3 span { font-size: 214.28%; }
	#top_news .news_list { font-size: 107.14%; margin-bottom: 20px; }
	#top_news .news_list:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
	#top_news .news_list dt { color: #c00; clear: left; float: none; }
	#top_news .news_list dt .arr { background: none; padding: 0; }
	#top_news .news_list a.icon_pdf{background-position: right -0.07em top 0.25em;}
	#top_news p { text-align: center; }
	#top_news p a { border: 1px solid #c5c5c5; background: none; background-size: 10px auto; display: block; font-size: 114.28%; font-weight: 500; text-decoration: none; padding: 0 17px; }
	#top_news p a span { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 9px auto; display: block; padding: 15px; }
	#top_news p a:hover { text-decoration: none; }
}

/*!-------------------------
 * top_banner
--------------------------*/
#top_banner { background-color: #2e2e2e; padding: 60px 13px; }
#top_banner .banner_list { overflow: hidden; }
#top_banner ul { margin: 0 -30px 0 0; }
#top_banner ul:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
#top_banner li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding-right: 30px; width: 25%; }
#top_banner li a { background-color: #ffffff; display: block; text-decoration: none; }
#top_banner li a p { font-size: 0; line-height: 0; }
/*!
#top_banner li a p img { transform: rotate(0.0001deg); width: 100%; }
*/
#top_banner li a p img { width: 100%;height: auto; }
#top_banner li a dl { padding: 20px; }
#top_banner li a dt { font-weight: bold; margin-bottom: 5px; }
#top_banner li a dd { line-height:1.417em; }

@media only screen and (min-width: 641px) {
	/* start 230908追加 */
	#top_banner ul{ display: flex; justify-content: center;}
	/* end 230908追加 */
	#top_banner li a p img { -webkit-transition: all 0.5s; transition: all 0.5s; }
	#top_banner li a:hover p img { opacity: 0.7; }
}
@media only screen and (max-width: 640px) {
	#top_banner { background-color: #2e2e2e; padding: 50px 20px; }
	#top_banner .banner_list { overflow: hidden; }
	#top_banner ul { margin: -10px -10px 0 0; }
	#top_banner ul:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
	#top_banner li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 50%; }
	#top_banner li:nth-of-type(odd) { clear: left; }
	#top_banner li a { background-color: #ffffff; display: block; text-decoration: none; }
	#top_banner li a p { font-size: 0; line-height: 0; }
	#top_banner li a p img { width: 100%; }
	#top_banner li a dl { padding: 15px; }
	#top_banner li a dt { font-weight: bold; margin-bottom: 5px; }
	#top_banner li a dd { font-size: 85.71%; }
	#top_banner li a dd { line-height:1.417em; }
}


/*!-------------------------
 * レイアウト
--------------------------*/
body, #main { background: none; }
#main { width: 100%; position: relative; margin-left: auto; margin-right: auto; padding-bottom: 0; letter-spacing: 0.11em;}
#mdd_wrap .mega_drop_down .inner,
#pickup .container,
.entry_items .container,
#info_list,
#bottom_info { width: 100%; max-width: 980px; margin: 0 auto; }
footer.global_footer { margin-top: 0; }

@media only screen and (max-width: 640px) {
	#content { margin: 0; }

	#pickup .container,
	#info_list { width: auto; max-width: inherit; margin: 0 20px; }
}

/*!-------------------------
 * レイアウト追加（2019/11/26）
--------------------------*/
.blank_cut img{margin-left: 0;}

/*!-------------------------
 * module header
--------------------------*/
#module_header { padding-top: 45px; }
#local_nav { position: relative; }
#local_nav .container > ul > li.active { position: relative; background: none; }
#local_nav .container > ul > li.active:before { content:""; position: absolute; bottom: 0px; display: block; width: 100%; height: 18px; background: none; text-align: center; }
#local_nav .container > ul > li.active > a { color: #c00; }
#local_nav .container > ul > li.active,
#local_nav .container > ul > li.active > a:hover { color: #c00; text-decoration: none !important; }
#local_nav .container > ul > li.active > a:after { border-top: 2px solid #c00; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; }

.mega_drop_down { display: none; background: #2e2e2e; overflow: hidden; position: absolute; top: 100%; left: 0px; width: 100%; z-index: 60; }
.mega_drop_down .inner { padding: 50px 0 23px; }
.mega_drop_down .inner ul li { float: left; width: 23.47%; margin: 0 2.04% 27px 0; }
.mega_drop_down .inner ul li:nth-child(4n) { margin-right: 0; }
.mega_drop_down .inner ul li:nth-child(4n+1) { clear: left; }
.mega_drop_down .inner ul > *:first-child + * + * + * { margin-right: 0; }
.mega_drop_down .inner ul li a dt { background: #fff; }
.mega_drop_down .inner ul li a dt img { width: 100%; margin: 0; border: 1px solid #c7c7c7; vertical-align: bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mega_drop_down .inner ul li a:hover dt img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
html.touch .mega_drop_down .inner ul li a:hover dt img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.mega_drop_down .inner ul li a dd { display: inline-block; margin-top: 0.5em; padding-left: 12px; background: url(../shared/img/arr_white.png) no-repeat 0 .4em; color: #fff; font-size: 92.86%; }
.mega_drop_down .inner ul li a:hover dd { text-decoration: underline; }
.mega_drop_down .nav_close { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; }
.mega_drop_down .nav_close a { float: right; display: block; width: 28px; height: 28px; background: url(../images/top/bt_nav_close.png) no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.mega_drop_down .nav_close a:hover { background-position: 0 -28px; }
html.touch .mega_drop_down .nav_close a:hover { background-position: 0 0; }

#mdd_06.mega_drop_down .inner{padding:3em 40px}
#mdd_06.mega_drop_down .inner li a,#mdd_06.mega_drop_down .inner p a{display:inline-block;padding-left:12px;background:url(/saiyo/graduates/shared/img/arr_white.png) no-repeat 0 .4em;color:#fff;font-size:.875rem}
#mdd_06.mega_drop_down .inner .category_label a{font-size:1.125;font-weight:700}
#mdd_06.mega_drop_down .inner .thumb{float:left;margin-top:.5em}
#mdd_06.mega_drop_down .inner ul{overflow:hidden;margin-top:.5em}
#mdd_06.mega_drop_down .inner ul li{position:relative;float:none;width:270px;margin:-1px 0 .75em 45px;padding-top:.75em;border-top:1px solid #737373}
#mdd_06.mega_drop_down .inner ul li a.icon_blank{padding-right:20px}
#mdd_06.mega_drop_down .inner ul li a.icon_blank img{position:absolute;right:0}

@media only screen and (min-width: 641px) and (max-width: 980px){
	#module_header { padding-top: 70px; }
	#site_title_wrap .container #site_title {float: none;}
}

@media only screen and (max-width: 640px) {
	#module_header { padding-top: 0; }
	.mega_drop_down { display: none !important; }
}

/*! ***********************************************************
	animation
*********************************************************** */
@media only screen and (min-width: 768px){
	.anime__fade { opacity: 0; }
	.anime__fade.play { -webkit-transition-property: opacity; -webkit-transition-duration:1s; transition-property: opacity; transition-duration:1s; opacity: 1; }
	.anime__fade.delay_0 { -webkit-transition-delay: 0s; transition-delay: 0s; }
	.anime__fade.delay_1 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
	.anime__fade.delay_2 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
	.anime__fade.delay_3 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
	.anime__fade.delay_4 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
}

/*!-------------------------
 * top_entry
--------------------------*/
#top_entry { padding: 15px 13px; }
#top_entry .top_Level_1 { -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px solid #c00; padding: 20px 40px; }
#top_entry .top_Level_1 > dl > dt { display: none; }
#top_entry .entry__left { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top; padding-right: 6.22%; width: 50%; }
#top_entry .entry__left dt { color: #c00; font-size: 142.85%; font-weight: 500; line-height: 1.2; margin-bottom: 5px; }
#top_entry .entry__right { display: table-cell; vertical-align: top; }
#top_entry .entry__right dt { color: #c00; font-size: 114.28%; font-weight: 500; line-height: 1.2; margin-bottom: 5px; }
#top_entry .entry__right ul { display: -webkit-flex; display: flex; flex-flow: row wrap; }
#top_entry .entry__right li { background-color: #aaaaaa; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #fcedee; border-top: 1px solid #fcedee; padding: 10px 15px; width: 50%; }
#top_entry .entry__right li span { color: #ffffff; display: block; font-size: 92.85%; line-height: 1.2; padding-left: 0; }
#top_entry .entry__right li.active { background-color: #595959; cursor: pointer; }
#top_entry .entry__right li.active span { background: url(/saiyo/graduates/images/top/arw_link2.png) left center no-repeat; background-size: auto 10px; padding-left: 10px; }
@media only screen and (min-width: 641px) {
	#top_entry .top_Level_1 > dl > dd { display: table !important; table-layout: fixed; width: 100%; }
	#top_entry .entry__right li { will-change: transform; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s; transition: all 0.5s; }
	#top_entry .entry__right li.active:hover { background-color: rgba(64,64,64,0.7); }
}
@media only screen and (max-width: 640px) {
	#top_entry { background-color: #ffffff; position: relative; padding: 0; }
	#top_entry .top_Level_1 { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ffffff; border: none; padding: 0; width: 100%; z-index: 2; }
	#top_entry .top_Level_1 > dl > dt { display: block; padding: 15px 20px; }
	#top_entry .top_Level_1 > dl > dt span { background: url(/saiyo/graduates/images/top/icon_entry_open.png) right center no-repeat; background-size: 16px 16px; color: #c00; display: block; font-size: 100%; font-weight: 500; line-height: 1.2; }
	#top_entry .top_Level_1 > dl > dt.opened span { background: url(/saiyo/graduates/images/top/icon_entry_close.png) right center no-repeat; background-size: 16px 16px; }
	#top_entry .top_Level_1 > dl > dd { display: none; }
	#top_entry .entry__left { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; vertical-align: top; padding: 0 20px; width: auto; }
	#top_entry .entry__left dt { display: none; }
	#top_entry .entry__left dd { font-size: 85.71%; line-height: 1.6; }
	#top_entry .entry__right { display: block; vertical-align: top; padding: 15px 20px; }
	#top_entry .entry__right dt { color: #c00; font-size: 100%; font-weight: 500; line-height: 1.2; margin-bottom: 0; }
	#top_entry .entry__right ul { display: -webkit-flex; display: flex; flex-flow: row wrap; }
	#top_entry .entry__right li { background-color: #aaaaaa; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 5px solid #ffffff; border-top: 10px solid #ffffff; padding: 7px 10px; width: 50%; }
	#top_entry .entry__right li:nth-of-type(odd) { border-left: none; border-right: 5px solid #ffffff; }
	#top_entry .entry__right li span { color: #ffffff; display: block; font-size: 85.71%; line-height: 1.2; padding-left: 0; }
	#top_entry .entry__right li.active { background-color: #595959; cursor: pointer; }
	#top_entry .entry__right li.active span { background: url(/saiyo/graduates/images/top/arw_link2.png) left center no-repeat; background-size: auto 10px; padding-left: 10px; }
}

/*!-------------------------
 * top_modal
--------------------------*/
.top_modal_bg { background-color: rgba(0,0,0,0.8); display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; }
.top_modal { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); display: none; position: absolute; top: 0px; left: 50%; width: 95.86%; max-width: 780px; z-index: 101; }
.top_modal .modal__inner { background-color: #ffffff; position: relative; padding: 65px 10.25% 50px 10.25%; }
.top_modal .modal__close { cursor: pointer; font-size: 0; line-height: 0; position: absolute; top: 1px; right: 1px; width: 40px; }
.top_modal .modal__close img { width: 100%; }
.top_modal .modal__title { font-size: 212.5%; line-height: 1.2; text-align: center; margin-bottom: 20px; }
.top_modal .modal__title span { color: #c00; margin-right: 0.25em; }
.top_modal .modal__flow { margin-bottom: 50px; }
.top_modal .modal__flow li { position: relative; padding: 40px 50px; }
.top_modal .modal__flow li:nth-of-type(1) { background-color: #fdf7f7; }
.top_modal .modal__flow li:nth-of-type(2) { background-color: #fbeded; }
.top_modal .modal__flow li:nth-of-type(3) { background-color: #fae5e5; }
.top_modal .modal__flow li:nth-of-type(1):after,
.top_modal .modal__flow li:nth-of-type(2):after { background: url(/saiyo/graduates/images/top/arw_modal.png) no-repeat; background-size: 38px 24px; content: ""; position: absolute; left: 50%; bottom: -12px; margin-left: -19px; width: 38px; height: 24px; z-index: 102; }
.top_modal .modal__flow li dl { display: table; width: 100%; }
.top_modal .modal__flow li dt { display: table-cell; font-family: Arial, Helvetica, "sans-serif"; font-size: 162.5%; font-weight: 500; line-height: 1.2; vertical-align: top; width: 4em; }
.top_modal .modal__flow li dd { display: table-cell; vertical-align: middle; }
.top_modal .modal__flow p { text-align: center; position: relative; margin-bottom: 25px; }
.top_modal .modal__flow p:before { border-top: 1px solid #cccccc; content: ""; position: absolute; top: 50%; left: 0px; width: 100%; }
.top_modal .modal__flow p span { background-color: #ffffff; display: inline-block; font-size: 162.5%; line-height: 1.2; position: relative; padding: 0 10px; z-index: 102; }
.top_modal .modal__caution { border: 1px solid #c00; position: relative; margin-bottom: 40px; padding: 30px 40px; }
.top_modal .modal__caution p { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); background-color: #ffffff; font-size: 137.5%; line-height: 1.2; position: absolute; top: -0.6em; left: 50%; padding: 0 10px; z-index: 102; }
.top_modal .modal__caution li { font-size: 87.5%; position: relative; margin-bottom: 1em; padding-left: 1em; }
.top_modal .modal__caution li:last-of-type { margin-bottom: 0; }
.top_modal .modal__caution li em { position: absolute; top: 0px; left: 0px; }
.top_modal .modal__more { text-align: center; }
.top_modal .modal__more a { border: 1px solid #c5c5c5; color: #262626; display: inline-block; text-decoration: none; padding: 0 30px; width: 320px; }
.top_modal .modal__more a span { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 10px auto; display: block; padding: 15px; }

@media only screen and (min-width: 641px) {
	.top_modal .modal__more a { -webkit-transition: all 0.5s; transition: all 0.5s; }
	.top_modal .modal__more a span { -webkit-transition: all 0.5s; transition: all 0.5s; }
	.top_modal .modal__more a:hover { border: 1px solid #c00; background-color: #c00; }
	.top_modal .modal__more a:hover span { background: url(/saiyo/graduates/images/top/arw_link2.png) 8px center no-repeat; background-size: 10px auto; color: #ffffff; }
}
@media only screen and (max-width: 640px) {
	.top_modal_bg { background-color: rgba(0,0,0,0.8); display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; }
	.top_modal { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); display: none; position: absolute; top: 0px; left: 50%; width: 87.5%; max-width: 780px; z-index: 101; }
	.top_modal .modal__inner { background-color: #ffffff; position: relative; padding: 50px 20px 20px 20px; }
	.top_modal .modal__close { cursor: pointer; font-size: 0; line-height: 0; position: absolute; top: 1px; right: 1px; width: 40px; }
	.top_modal .modal__close img { width: 100%; }
	.top_modal .modal__title { font-size: 185.71%; line-height: 1.2; text-align: center; margin-bottom: 15px; }
	.top_modal .modal__title span { color: #c00; display: block; margin-right: 0; }
	.top_modal .modal__flow { margin-bottom: 30px; }
	.top_modal .modal__flow li { position: relative; padding: 20px; }
	.top_modal .modal__flow li:nth-of-type(1) { background-color: #fdf7f7; }
	.top_modal .modal__flow li:nth-of-type(2) { background-color: #fbeded; }
	.top_modal .modal__flow li:nth-of-type(3) { background-color: #fae5e5; }
	.top_modal .modal__flow li:nth-of-type(1):after,
	.top_modal .modal__flow li:nth-of-type(2):after { background: url(/saiyo/graduates/images/top/arw_modal.png) no-repeat; background-size: 24px 15px; content: ""; position: absolute; left: 50%; bottom: -7px; margin-left: -12px; width: 24px; height: 15px; z-index: 102; }
	.top_modal .modal__flow li dl { display: block; text-align: center; width: auto; }
	.top_modal .modal__flow li dt { display: block; font-family: Arial, Helvetica, "sans-serif"; font-size: 142.85%; font-weight: 500; line-height: 1.2; vertical-align: top; margin-bottom: 5px; width: auto; }
	.top_modal .modal__flow li dd { display: block; vertical-align: middle; }
	.top_modal .modal__flow p { text-align: center; position: relative; margin-bottom: 20px; }
	.top_modal .modal__flow p:before { display: none; }
	.top_modal .modal__flow p span { background-color: #ffffff; display: inline-block; font-size: 142.85%; line-height: 1.2; position: relative; padding: 0 10px; z-index: 102; }
	.top_modal .modal__caution { border: 1px solid #c00; position: relative; margin-bottom: 20px; padding: 30px 20px; }
	.top_modal .modal__caution p { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); background-color: #ffffff; font-size: 121.42%; line-height: 1.2; position: absolute; top: -0.6em; left: 50%; padding: 0 10px; z-index: 102; }
	.top_modal .modal__caution li { font-size: 92.85%; line-height: 1.6; position: relative; margin-bottom: 1em; padding-left: 1em; }
	.top_modal .modal__caution li:last-of-type { margin-bottom: 0; }
	.top_modal .modal__caution li em { position: absolute; top: 0px; left: 0px; }
	.top_modal .modal__more { text-align: center; }
	.top_modal .modal__more a { border: 1px solid #c5c5c5; display: block; font-size: 114.28%; text-decoration: none; padding: 0 17px; width: auto; }
	.top_modal .modal__more a span { background: url(/saiyo/graduates/images/top/arw_link.png) left center no-repeat; background-size: 9px auto; display: block; padding: 15px; }
}

.top_modal .modal__flow p.p_02 { text-align: left; position: relative; margin-bottom: 20px; font-size:90%; }
.top_modal .modal__flow p.p_02:before { border-top: none; }

/*!-------------------------
 * preEntry
--------------------------*/
body.overflowNone { overflow:hidden; }
#preEntry { background-color: #ffffff; display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1001; }
#preEntry::before { background: url(/saiyo/graduates/images/top/img_preentry.jpg) center center no-repeat; background-size: auto 100%; content: ""; position: absolute; top: 56px; left: 0px; width: 100%; height: calc(100% - 181px); }
#preEntry::after { background: url(/saiyo/graduates/images/top/img_preentry_text.png) center bottom no-repeat; background-size: 100% auto; content: ""; position: absolute; top: 56px; left: 0px; width: 100%; height: calc(100% - 181px); }
#preEntry .container { position: relative; margin: 0 auto; padding: 0 13px; max-width: 1440px; }
#preEntry .preEentry_title { border-bottom: 1px solid #a1a1a1; position: absolute; top: 0px; left: 0px; padding: 8px 0 7px 0; width: 100%; z-index: 1002; }
#preEntry .preEentry_title .container { display: flex; align-items: center; justify-content: space-between; font-size: 0; line-height: 0; }
#preEntry .preEentry_title .site_id img { height: 40px; }
#preEntry .preEentry_title .btn_close { cursor: pointer; }
#preEntry .preEentry_title .btn_close img { height: 36px; }
#preEntry .preEentry_btn { background-color: #ff0000; text-align: center; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 30px 0; }
#preEntry .preEentry_btn a { border: 4px solid #ffffff; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 500; line-height: 57px; vertical-align: top; margin: 0 auto; width: 332px; z-index: 1002; }
#preEntry .preEentry_btn a span { background: url(/saiyo/graduates/images/top/icon_blank.png) right center no-repeat; background-size: 16px auto; display: inline-block; vertical-align: top; padding: 0 25px; }
@media only screen and (min-width: 641px) {
	#preEntry .preEentry_btn a { -webkit-transition: all 0.5s; transition: all 0.5s; }
	#preEntry .preEentry_btn a:hover { background-color: #ffffff; color: #ff0000; text-decoration: none; }
	#preEntry .preEentry_btn a:hover span { background: url(/saiyo/graduates/images/top/icon_blank3.png) right center no-repeat; background-size: 16px auto; }
}
@media only screen and (max-width: 640px) {
	#preEntry { background-color: #ffffff; display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1001; }
	#preEntry::before { background: url(/saiyo/graduates/images/top/img_preentry_sp.jpg) center center no-repeat; background-size: cover; content: ""; position: absolute; top: 54px; left: 0px; width: 100%; height: calc(100% - 159px); }
	#preEntry::after { background: url(/saiyo/graduates/images/top/img_preentry_text_sp.png) center bottom no-repeat; background-size: 100% auto; content: ""; position: absolute; top: 54px; left: 0px; width: 100%; height: calc(100% - 159px); }
	#preEntry .container { position: relative; margin: 0 auto; padding: 0; max-width: inherit; }
	#preEntry .preEentry_title { -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #a1a1a1; position: absolute; top: 0px; left: 0px; padding: 0 3px 0 13px; width: 100%; z-index: 1002; }
	#preEntry .preEentry_title .container { display: flex; align-items: center; justify-content: space-between; font-size: 0; line-height: 0; }
	#preEntry .preEentry_title .site_id { padding: 13px 0; }
	#preEntry .preEentry_title .site_id img { width: 112px; height: 28px; }
	#preEntry .preEentry_title .btn_close { cursor: pointer; }
	#preEntry .preEentry_title .btn_close img { height: 41px; }
	#preEntry .preEentry_btn { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ff0000; text-align: center; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 25px 30px; }
	#preEntry .preEentry_btn a { border: 3px solid #ffffff; color: #ffffff; display: block; font-size: 16px; font-weight: 500; line-height: 49px; margin: 0 auto; width: auto; z-index: 1002; }
	#preEntry .preEentry_btn a span { background: url(/saiyo/graduates/images/top/icon_blank.png) right center no-repeat; background-size: 14px auto; display: inline-block; vertical-align: top; padding: 0 25px; }
}



/*!-------------------------
 * newInfo
--------------------------*/


.newInfo {max-width: 1168px;width: 100%;margin: 0 auto;margin-bottom: 70px;margin-top: 70px;}
#top_entry-sheet + .newInfo {margin-top: -5px;}
.newInfo .inner {padding: 0 13px;}
.newInfoTbox {text-align: center;}
.newInfoTbox_title {font-size: 160%;color: #c60000;font-weight: 500;margin-top: -8px;font-weight: 500;}
.newInfoTbox_text {margin-top: 18px !important;font-size: 115%;line-height: 1.7;}
.newInfoTbox_text+.newInfoTbox_text {margin-top: 10px !important;}
.newInfoTbox_link {display: flex;margin-top: 33px;justify-content: center;gap: 0 15px;}
.newInfoTbox_link .top_link {margin-top: 0 !important;letter-spacing: 0.05em;}
.newInfoTbox_link .top_link a {max-width: 156px;padding: 0 15px;}
.modalPopup__video {position: relative;padding-top: 56.25%;}

.newInfoTbox_link .top_link a b {background: url(/saiyo/graduates/images/top/icon_blank2.png) right center/13px auto no-repeat;display: block;padding-right: 18px;font-weight: 400;}

.mfp-close {top: 20px !important; right: 10px !important;}
.modalPopup {padding: 0;}
.newInfoTbox_link .top_link a span {padding: 15px 0;padding-left: 10px;}
@media only screen and (max-width: 640px) {
	.newInfo {margin-top: 6px;margin-bottom: 70px;}
	#top_entry-sheet + .newInfo {margin-top: 45px;}
	.newInfo .inner {padding: 0;flex-direction: column;padding: 0 20px;}
	.newInfoTbox {margin-top: 28px;text-align: left;}
	.newInfoTbox_title {text-align: center;font-size: 158%;margin-left: 8px;margin-top: 0;}
	.newInfoTbox_text {margin-top: 14px !important;line-height: 1.58;letter-spacing: -.05em}
	.newInfoTbox_text +.newInfoTbox_text {margin-top: 7px !important;}
	.newInfoTbox_link {flex-direction: column;margin-top: 24px;}
	.newInfoTbox_link .top_link+.top_link {margin-left: 0;margin-top: 15px !important;}
	.newInfoTbox_link .top_link a {max-width: none;}
	.newInfoTbox_link .top_link a span {padding: 16px;}
	.mfp-close {top: 0px !important; right: 0px !important;width: 22px !important;height: 22px !important;}
}

.mfp-concept .mfp-content{width:100%;max-width: 800px;}
.mfp-concept .mfp-close{left:auto;right:0 !important;top:-45px !important;font-size:0;width:38px;height:38px;}
.mfp-concept .modalPopup__inner{padding:0}
.mfp-concept .concept-movie{width:100%;max-width: 800px;}
.mfp-concept .concept-movie video-js{width: 100%;height: auto;padding-bottom: 56.25%;}
.mfp-close:after,.mfp-close:before{position:absolute;top:15px;left:-5px;display:inline-block;content:"";width:47px;height:4px;background-color:#ccc;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mfp-close:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
@media only screen and (max-width: 640px) {
	.mfp-concept .mfp-close{top:-35px !important;}
	.mfp-close:after,.mfp-close:before{width:23px;height:2px}
	.mfp-bg{background-color:#0b0b0b!important;opacity:.8!important}
}