@charset "utf-8";

/*content */
#content {position: relative; max-width: 100%; width: 100%; margin: 0 auto;}
.section--full {max-width: 100%; margin-bottom: 0; border-top: 2px solid #E00000; }
.section {max-width: 1414px; margin: 0 auto; padding-right: 13px; padding-left: 13px; box-sizing: border-box;}
/*ヘッダーメニューとのマージン調整 */
.sub_section {max-width: 1440px;margin: 0 auto;;box-sizing: border-box; }
.section, .sub_section p{font-weight: 400; line-height: 1.75; font-size: 18px;}
.content_mt{margin-top:110px;}
.content_pt{padding-top:110px;}

/* column-block */
.column-block01 { margin: 0 auto; display: grid;  grid-template-columns: 49.44% auto; padding-top:110px}
.column-block01 .leftbox {
display: flex;align-items: flex-start; justify-content: flex-end;}
.column-block01 .leftbox_imgend {
display: flex;align-items: flex-end; justify-content: flex-end;}
.column-block01 .leftbox .leftinner,
.column-block01 .leftbox_imgend .leftinner{max-width: 622px; padding: 0 9.84%;}
.column-block01 .leftbox img,
.column-block01 .leftbox_imgend img{max-width: 481px;width: 100%;height:auto;}
.column-block01 .rightbox {display: flex;align-items: flex-start; justify-content: flex-start;}
.column-block01 .rightbox .rightinner{max-width: 622px; padding: 0 9.84%;}
.column-block01 .rightbox img {max-width: 728px;width: 100%;height: auto;}
.column-block02 { margin: 0 auto; display: grid;  grid-template-columns: auto  49.44%; padding-top:110px}
.column-block02 .leftbox {
display: flex;align-items: flex-start; justify-content: flex-end;}
.column-block02 .leftbox img {max-width: 728px;width: 100%;height: auto;}
.column-block02 .leftbox .leftinner{max-width: 622px; padding: 0 9.62%;}
.column-block02 .rightbox {display: flex;align-items: flex-start; justify-content: flex-start;}
.column-block02 .rightbox .rightinner{max-width: 622px; padding: 0 9.62%;}
.column-block02 .rightbox img{max-width: 481px;width: 100%;height:auto;}
.column-blocx__imgsp{margin-top:20px;}
.txt_strong{ font-weight: 700; font-size: 24px; color: #e00000; margin-bottom:15px; line-height: 1.75;}
.txt_strong:nth-child(n+2) {margin-top:30px;}
.item_bottom{margin-top: auto;}
.speaker {position: relative;padding-left: 60px; padding-top:1em; font-weight: 400;}
.speaker span {position: absolute;left: 0;display: inline-block;font-weight: 700;color: #e00000;}

/* main-visual */
.main-visual {position: relative;}
.main-visual .main-visual__block{position: relative;}
.main-visual .main-visual__title{box-sizing: border-box;display: flex;justify-content: center;position: absolute;top: 0;left: 0;padding: 0 13px;width: 100%;height: 100%;}
.main-visual .main-visual__title__heading{display: flex;flex-direction: column;align-items: flex-start;font-size: calc((42/14)*100%);font-weight: 300;line-height: 1;width: 100%;max-width: 1440px;}
.main-visual .main-visual__title__heading>span{background-color: #505050;color:#fff;display: block;margin-left: calc((90/1260)*100%);padding: 13px 15px 18px;}
.main-visual .main-visual__title__heading>span:first-child{margin-top: calc((70/1260)*100%);}
.main-visual .main-visual__title__heading>span:nth-child(n+2){margin-top: calc((20/1260)*100%);}
.main-visual .main-visual__image {width: 100%;}
.main-visual .main-visual__image img {width: 100%;height: auto;vertical-align: top;}
.main-visual .main-visual__summary {letter-spacing: 0;position: absolute;bottom: 0;left: calc(50% + ((212/1440)*100vw));margin-bottom: calc((90/1440)*100vw);width: 468px;}
.main-visual .main-visual__summary-block {background-color: #fff;border-radius: 20px 20px 20px 0;box-sizing: border-box;box-shadow: 0 0 0 3px #000;display: flex;position: relative;height: 284px;}
.main-visual .main-visual__summary-block::before {content: "";width: 0;height: 0;border-style: solid;border-color: #000 transparent transparent transparent;border-width: 46px 50px 0px 0px;position: absolute;top: 100%;left: -3px;}
.main-visual .main-visual__summary-block::after {content: "";width: 0;height: 0;border-style: solid;border-color: #fff transparent transparent transparent;border-width: 46px 50px 0px 0px;position: absolute;top: calc(100% - 6px);left: 0;}
.main-visual .main-visual__summary-decoration--01 {display: flex;position: relative;width: 100%;}
.main-visual .main-visual__summary-decoration--01::before {background-color: #fff;content: "";position: absolute;top: -3px;left: calc((104/468)*100%);width: calc((38/468)*100%);height: 4px;}
.main-visual .main-visual__summary-decoration--01::after {background-color: #fff;content: "";position: absolute;top: calc((44/284)*100%);right: -3px;width: 4px;height: calc((38/284)*100%);}
.main-visual .main-visual__summary-decoration--02 {box-sizing: border-box;position: relative;padding: 35px 40px;width: 100%;}
.main-visual .main-visual__summary-decoration--02::before {background-color: #fff;content: "";position: absolute;bottom: -3px;right: calc((104/468)*100%);width: calc((20/468)*100%);height: 4px;}
.main-visual .main-visual__summary-decoration--02::after {background-color: #fff;content: "";position: absolute;bottom: -3px;right: calc((164/468)*100%);width: calc((36/468)*100%);height: 4px;}
.main-visual .main-visual__summary-title {font-size: calc((24/14)*100%);font-weight: 700;line-height: calc(43/24);}
.main-visual .main-visual__summary-person {margin-top: 6px;}
.main-visual .main-visual__summary-person small {display: block;font-size: calc((18/14)*100%);}
.main-visual .main-visual__summary-person span {display: block;font-size: calc((24/14)*100%);margin-top: 3px;}
.main-visual .main-visual__summary-hash{display: flex;flex-wrap: wrap;margin: 7px -4px 0 -4px;}
.main-visual .main-visual__summary-hash>li{font-size: 100%;padding: 3px 10px 5px;margin: 6px 4px 0 4px;}
.main-visual .main-visual__summary-hash>li.is-black{background-color: #222;color: #fff;}
.main-visual .main-visual__summary-hash>li.is-gray{background-color: #d5d5d5;}
@media print,screen and (min-width: 641px) and (max-width: 1440px) {
	.main-visual .main-visual__title__heading{font-size: calc((42/1440)*100vw);}
	.main-visual .main-visual__title__heading>span{padding: calc((13/1440)*100vw) calc((15/1440)*100vw) calc((18/1440)*100vw);}
	.main-visual .main-visual__summary {width: calc((468/1440)*100vw);}
	.main-visual .main-visual__summary-block {border-radius: calc((20/1440)*100vw) calc((20/1440)*100vw) calc((20/1440)*100vw) 0;box-shadow: 0 0 0 calc((3/1440)*100vw) #000;height: calc((284/1440)*100vw);}
	.main-visual .main-visual__summary-block::before {border-width: calc((46/1440)*100vw) calc((50/1440)*100vw) 0px 0px;;left: calc((3/1440)*-100vw);}
	.main-visual .main-visual__summary-block::after {border-width: calc((46/1440)*100vw) calc((50/1440)*100vw) 0px 0px;top: calc(100% - ((6/1440)*100vw))}
	.main-visual .main-visual__summary-decoration--02 {padding: calc((35/1440)*100vw) calc((40/1440)*100vw);}
	.main-visual .main-visual__summary-title {font-size: calc((24/1440)*100vw);}
	.main-visual .main-visual__summary-person {margin-top: calc((6/1440)*100vw);}
	.main-visual .main-visual__summary-person small {font-size: calc((18/1440)*100vw);}
	.main-visual .main-visual__summary-person span {font-size: calc((24/1440)*100vw);margin-top: calc((3/1440)*100vw);}
	.main-visual .main-visual__summary-hash{margin: calc((7/1440)*100vw) calc((4/1440)*-100vw) 0 calc((4/1440)*-100vw);}
	.main-visual .main-visual__summary-hash>li{font-size: calc((14/1440)*100vw);padding: calc((3/1440)*100vw) calc((10/1440)*100vw) calc((5/1440)*100vw);margin: calc((6/1440)*100vw) calc((4/1440)*100vw) 0 calc((4/1440)*100vw);}
}
@media only screen and (max-width: 640px) {
	.main-visual .main-visual__title{display: block;top: auto;bottom: -15px;left: 30px;padding: 0;width: auto;height: auto;}
	.main-visual .main-visual__title__heading{font-size: calc((21/14)*100%);}
	.main-visual .main-visual__title__heading>span{margin-left: 0;padding: 9px 10px 11px;}
	.main-visual .main-visual__title__heading>span:first-child{margin-top:0;}
	.main-visual .main-visual__title__heading>span:nth-child(n+2){margin-top: 12px;}
	.main-visual .main-visual__summary {position: relative;bottom: auto;left: auto;margin: 45px 24px 60px 24px;width: auto;}
	.main-visual .main-visual__summary-block {border-radius: 10px 0 10px 10px;box-shadow: 0 0 0 2px #000;height: auto;}
	.main-visual .main-visual__summary-block::before {border-color: transparent transparent #000 transparent;border-width: 0px 0px 24px 24px;top: auto;left: auto;bottom: 100%;right: -2px;}
	.main-visual .main-visual__summary-block::after {border-color: transparent transparent #fff transparent;border-width: 0px 0px 24px 24px;top: auto;left: auto;bottom: calc(100% - 4px);right: 0;}
	.main-visual .main-visual__summary-decoration--01::before {top: -2px;left: calc((330/750)*100vw);width: calc((38/750)*100vw);}
	.main-visual .main-visual__summary-decoration--01::after {top: auto;bottom: -2px;right: calc((208/750)*100vw);width: calc((38/750)*100vw);height: 4px;}
	.main-visual .main-visual__summary-decoration--02 {padding: 20px 15px;}
	.main-visual .main-visual__summary-decoration--02::before {bottom: -2px;right: calc((540/750)*100vw);width: calc((20/750)*100vw);}
	.main-visual .main-visual__summary-decoration--02::after {bottom: -2px;right: auto;left: 5px;width: calc((34/750)*100vw);height: 8px;}
	.main-visual .main-visual__summary-title {font-size: calc((18/14)*100%);line-height: calc(59/36);}
	.main-visual .main-visual__summary-person {margin-top: 12px;}
	.main-visual .main-visual__summary-person small {font-size: calc((16/14)*100%);}
	.main-visual .main-visual__summary-person span {font-size: calc((16/14)*100%);margin-top: 7px;}
	.main-visual .main-visual__summary-hash{display: flex;flex-wrap: wrap;margin: 4px -3px 0 -3px;}
	.main-visual .main-visual__summary-hash>li{font-size: calc((12/14)*100%);padding: 4px 10px 6px;margin: 6px 3px 0 3px;}
}

/* link-box */
.link-box {display: flex;}
.link-box .link-box__item { overflow: hidden;}
.link-box .link-box__item:not(:last-child) {margin-right: 30px;}
.link-box .link-box__item img {width: 100%; height: auto; transition: all 0.5s; vertical-align:top;}
.link-box .link-box__item a {color: #000;}
.link-box .link-box__item a:hover img {transform: scale(1.06); overflow: hidden;}
.link-box .link-box__img {overflow: hidden}
.link-box .link-box__text {padding-top: 20px; font-size: 18px; font-weight: 400; line-height: 2;}
@media only screen and (max-width: 640px) {
    .link-box.link-box--3column{flex-wrap: wrap;}
    .link-box.link-box--3column .link-box__item:not(:last-child) {margin-right: 0;}
    .link-box.link-box--3column .link-box__item:first-of-type {margin-right: 20px;}
    .link-box.link-box--3column .link-box__item:last-child {margin-top: 20px;}
    .link-box .link-box__item {width: 50%;}
    .link-box .link-box__item.link-box__item--sp {width: 47%;}
    .link-box .link-box__item:not(:last-child) {margin-right: 20px;}
    .link-box .link-box__text {padding-top: 5px; font-size: 12px;}
}

/* インデント */
.indent-box{ margin:0 auto;max-width:1120px;display: flex;align-items: flex-start; justify-content: flex-end;}
.pd110{ padding:110px 0;}
.pd30{ padding:30px 0;}
.indent-box .inner{display: block; text-align: right;}
.indent-box .inner p{font-size:12px;}
.indent-box .inner p:not(:first-child){margin-top:15px;}
.indent-box .inner span{margin-right:0.5em;}

/* intro-block */
.intro-block {padding: 100px 0;}
.intro-block .intro-block__text {max-width: 900px; margin: 0 auto;text-align: left;}
.intro-block .intro-block__text p{ font-size: 18px; font-weight: 400; text-align: left;}

/* togglbox */
.toggle_contents {border: 2px solid #e00000; border-radius: 20px; margin:0 auto;max-width: 1120px;}
.togglbox {border-top: 2px solid #c00;max-width: 1035px; margin:0 auto;padding: 50px 30px 0;}
.togglbox .year{border-radius: 5px; background-color: #e00000; padding:2px 15px; color:#fff; font-weight: 400;}
.toggle_title {position: relative;padding: 45px calc(3.6% + 50px) 45px 3.6%;cursor: pointer;text-align: left;line-height: 1.75;font-size:20px;font-weight: 700;}
.toggle_title .subtitile{color: #e00000;padding-right:15px;font-weight: 700;}
.toggle_btn {position: absolute;top: 50%;right: 3.7%;transform: translateY(-50%);background: #e00000;display: block;width: 40px;height: 40px;text-indent: 100%;white-space: nowrap;overflow: hidden;border-radius: 50%;}
.toggle_btn::before,
.toggle_btn::after{background-color: #fff;border-radius: 2px;content: "";position: absolute;top: calc(50% - 2px);right: 9px;width: 22px;height: 4px;transition: background-color .3s ease;}
.toggle_btn::after{transform: rotate(90deg);transition: background-color .3s ease, transform .3s ease;}
.toggle_title.is-opened .toggle_btn::after{transform: rotate(0deg);}
.toggle_title.is-opened .toggle_btn:before {content: normal;}
.toggle_inner {display:block; padding:0 20px;}
.togglbox .list {display: flex; flex-wrap: wrap; width: 100%;}
.togglbox .list dt,
.togglbox .list dd {font-weight: 400;  box-sizing: border-box;}
.togglbox .list .year{border-radius: 5px; background-color: #e00000; width:91px; padding:2px 0; color:#fff; font-weight: 400; display: flex;justify-content: center;}
.togglbox .list dt {display: flex; align-items: flex-start;  width: 12.6%;min-width: 106px;padding: 15px 15px 0 0;}
.togglbox .list dd {display: flex; align-items: flex-start; width: 80%;padding-top: 15px;}
.close_box {margin:40px 0; display: flex;justify-content: center;}
.close_btn{cursor: pointer; color: #e00000;font-size: 24px; font-weight: 700; background: url(/saiyo/graduates/environment/dei/global/images/icon-close.svg) left 15px/16px auto no-repeat;display: block;padding-left: 30px;}
.close_box a:link,
.close_box a:visited{color: #e00000;text-decoration:none}

/* fade */
.ef--bottom {transition-property: transform,opacity;transition-timing-function: ease-out;transition-duration: .6s;}
.ef--bottom {transform: translateY(50px);opacity: 0}
.ef--bottom.is-play {transform: translateY(0);opacity: 1}

@media only screen and (max-width: 640px) {
#content {margin: 0 auto;}
.section, .sub_section p{line-height: 1.75; font-size: 16px;}
.section ,
.sub_section  {max-width: auto; padding-right: 25px; padding-left: 25px;}
.content_mt{margin-top:25px;}
.content_pt{padding-top:0px;}
.contentsp_mt{margin-top:25px;}

/* column-block */
.column-block01,
.column-block02,
.column-block03{ grid-template-columns: 1fr; padding-top:30px;}
.column-block04{ grid-template-columns: 1fr; padding:30px 25px 0 25px;}
.column-block01 .leftbox_imgend,
.column-block02 .rightbox,
.column-block03 .rightbox,
.column-block03 .leftbox{ display:block;}
.column-block01 .leftbox .leftinner,
.column-block01 .rightbox .rightinner,
.column-block01 .leftbox_imgend .leftinner,
.column-block02 .leftbox .leftinner,
.column-block02 .rightbox .rightinner,
.column-block03 .leftbox .leftinner,
.column-block03 .rightbox .rightinner,
.column-block03 .leftbox .leftinner__img,
.column-block03 .rightbox .rightinner__img{max-width: initial; padding:0;}
.column-block01 .leftbox img,
.column-block01 .rightbox img,
.column-block02 .leftbox img,
.column-block02 .rightbox img,
.column-block01 .leftbox_imgend img,
.column-block03 .leftbox img,
.column-block03 .rightbox .rightinner__img img{margin-top:30px; width:100%;max-width: initial;}
.column-block01.order1,
.column-block02.order1,
.column-block03.order1{ order: 1;}
.column-block01 .order2,
.column-block02 .order2,
.column-block03 .order2 { order: 2;}
.column-block03{padding:0 25px;}
.column-block04 .rightbox{text-align:left; margin-top:20px;}

.speaker {position: static;padding-left:0px;}
.speaker span {position: static;left: 0;display: inline;font-weight: 700;color: #e00000;}

/* インデント */
.indent-box{max-width:640px;display: block; justify-content: flex-start; padding:0;}
.indent-box .inner{display: block; text-align: left;}
.intro-block {padding: 20px 0;}
.intro-block .intro-block__text {max-width: 100%; font-size: 18px;}

.close_box {margin: 20px 0 0;}
.toggle_contents {border: 2px solid #e00000;border-radius: 20px;box-sizing: border-box;position: relative;width: 100%;padding: 20px 15px;}
.toggle_btn {top: 90%;position: absolute;left: 0;right: 0;margin: auto;}
.toggle_title {text-align: center;line-height: 1.75;padding:0 0 50px 0;}
.toggle_title,
.toggle_title .subtitile{line-height:1.75; font-size:18px;}
.togglbox {padding:30px 0; max-width: initial; border-top:none;}
.togglbox .list {flex-direction: column; }
.toggle_inner {display: none; padding:0px;}
.togglbox .list dt{padding: 15px 0 0 0;}
.togglbox .list dt,
.togglbox .list dd,
.togglbox .list .year{width: 100%;}
.togglbox .list dt{justify-content: center;}

}