@charset "utf-8";

/* Theme Name: customize_ver201022 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize \*/

body {
	background-image: url(./images/c_bg.png);
}
#breadcrumbs {
	background-color: #fff;
}

@media screen and (max-width: 767px) {
	#wrapper {
		overflow-x: hidden;
	}
}

.unclickable {
	pointer-events: none !important;
	opacity: 1 !important;
	cursor: default !important;
}

.ofi {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

/* = header
============================================= */
#site-logo .img-box {
	background-image: url(./images-renewal/common/header_back_01.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 20px 0;
}
#h-menu-list {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	background-color: #000000;
	padding: 5px 0 10px;
}
#h-menu-list.flex-f {
	justify-content: center;
	align-items: center;
}
.h-menu-item {
	border-left: 1px solid #fff;
	text-align: center;
	width: 140px;
}
.h-menu-item:last-child  {
	border-right: 1px solid #fff;
}
.h-menu-item a {
	display: inline-block;
	color: #fff;
	line-height: 1;
	font-size: 2rem;
	letter-spacing: .02em;
	padding: 20px 0;
}

@media screen and (max-width: 640px) {
	#site-logo .img-box {
		padding: 20px 40px;
	}
	#h-menu-list {
		padding: 5px 16px 10px;
	}
	/* .h-menu-item {
		padding: 0px 8px;
    white-space: nowrap;
	} */
	.h-menu-item a {
		font-size: 1.5rem;
		padding: 13px 0;
	}
}
@media screen and (max-width: 480px) {
	#h-menu-list {
    padding: 5px 0 10px;
	}
	.h-menu-item a {
    font-size: 1.2rem;
    padding: 10px 0;
    letter-spacing: 0;
	}
}

/* = footer
============================================= */
#common-lower-page-list {
	display: flex;
	flex-wrap: wrap;
}
#common-lower-page-list .common-lower-page-item {
	border: 1px solid #fff;
	width: calc(100% / 3);
}
#common-lower-page-list .common-lower-page-item a {
	display: flex;
	align-items: center;
	background-color: #005AAB;
	color: #fff;
	width: 100%;
	height: 120px;
}
#common-lower-page-list .common-lower-page-item a span {
	position: relative;
	font-size: 2rem;
	padding-left: 50px;
}
#common-lower-page-list .common-lower-page-item a span::before {
	content: "";
	display: block;
	position: absolute;
	border-top: 7px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 14px solid #fff;
	top: calc(50% - 7px);
	left: 30px;
}
@media screen and (max-width: 640px) {
	#common-lower-page-list .common-lower-page-item a {
		height: 83px;
	}
	#common-lower-page-list .common-lower-page-item {
		width: calc(100% / 2);
	}
	#common-lower-page-list .common-lower-page-item a span {
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 480px) {
	#common-lower-page-list .common-lower-page-item a span {
    font-size: 1.2rem;
    padding-left: 30px;
    padding-right: 6px;
    letter-spacing: 0;
    line-height: 1.5;
	}
	#common-lower-page-list .common-lower-page-item a span::before {
    left: 10px;
	}
}

#f-lower-bnr-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 670px;
	margin: 0 auto;
}
#f-lower-bnr-list .f-lower-bnr-item:nth-child(n+4) {
	margin-top: 34px;
}

#footer {
	background: #fff;
	margin-top: 60px;
}
.footer_bnr {
	padding: 2.5rem 0;
	border-bottom: 4px solid #333;
	text-align: center;
}
.footer_bnr li {
	margin-right: 2.0rem;
}
.footer_menu {
	border-top: 4px solid #333;
}
.footer_menu_inner {
	font-size: 0;
	display: flex;
	justify-content: space-between;
}
.footer_menu_sec {
	margin-bottom: 4.0rem;
}
.footer_menu_sec:last-child {
	margin-bottom: 0;
}
.footer_menu_box {
	width: 260px;
	padding: 1.0rem 0;
	font-size: 1.4rem;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footer_menu_box:last-child .subtitle {
	background: none;
}
.footer_menu_box .subtitle {
	padding: 1.0rem 2.4rem;
	padding-right: 0;
	background: url(./images-renewal/common/arrow_right_skyblue_large_01.png) no-repeat left 6px center;
	border-bottom: 1px solid #b1b0b1;
	font-size: 1.8rem;
	font-weight: bold;
}
.footer_menu_box .subtitle a {
	color: #000;
}
.footer_menu_box ul {
	margin: 1.5rem 0;
	padding-left: 2.0rem;
	list-style-type: none;
}
.footer_menu_box li {
	margin-bottom: 1.5rem;
	padding-left: 2rem;
	background: url(./images-renewal/common/arrow_right_skyblue_small_01.png) no-repeat left 3px center;
	line-height: 1;
}
.footer_menu_box li.nobg {
	padding-left: 0;
	background: none;
}
.footer_menu_box li.icon_ex {
	background: url(./images-renewal/common/icon_outer_link_skyblue_01.png) no-repeat left  center;
}
.footer_meta .f-email {
	color: #fff;
}
.footer_menu_box li a {
	color: #333;
}
.footer_tel img {
	width: 100%;
}
@media screen and (max-width: 640px) {
	.bx-wrapper .bx-next {
		right: 0;
	}
	.bx-wrapper .bx-prev {
		left: 0;
	}
}

.footer_slider {
	font-size: 0;
}

.bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0;
	background: transparent;
}
#footer .bx-wrapper .bxslider {
	margin: 0;
}

.footer_meta {
	padding: 2.0rem 0;
	background: #333;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.25;
	margin-bottom: 0 !important;
}
.footer_meta a {
	color: #71b7fc;
}
.footer_meta .table {
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer_meta .cell:first-child {
	width: 415px;
}
.footer_meta .cell:nth-child(2) {
	padding-left: 80px;
}

#copyrights {
	padding: 1.2rem 0;
	background: #222;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}

@media screen and (max-width: 1080px) {
	.footer_nav {
		display: none;
		border: 3px solid #085aaa;
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #fff;
		z-index: 2;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.footer_nav .cell:first-child {
		width: 58.4%;
		padding: 0 2.82%;
		text-align: center;
	}
	.footer_nav .cell:last-child {
		width: 41.6%;
		font-size: 0;
	}
	.footer_guide,
	.footer_request,
	.footer_menu-btn {
		width: 80px;
	}
	.footer_guide img,
	.footer_request img,
	.footer_menu-btn img {
		width: 100%;
	}
	.footer_meta .table {
		table-layout: fixed;
	}
	.footer_meta .cell:first-child {
		width: 51.4%;
		padding-left: 0;
		text-align: center;
	}
	.footer_meta .cell:last-child {
    font-size: 1.4rem;
		padding-left: 4%;
	}
}

@media screen and (max-width: 640px) {
	.footer_submenu {
		padding: 5.6% 0;
	}
	.footer_submenu li {
		position: relative;
		padding: 0 3.5%;
	}
	.footer_submenu li:after {
		position: absolute;
		content: '|';
		right: -3px;
		bottom: 2px;
		font-size: 1.8rem;
	}
	.footer_submenu li:last-child:after {
		content: '';
	}
	.footer_submenu a {
		color: #222;
		font-size: 1.8rem;
	}
	.footer_submenu .bnr {
		display: none;
	}
	.footer_menu_box {
		width: 100%;
	}
	.footer_meta .cell,
	.footer_meta .cell:first-child {
		padding: 0;
	}
	.footer_menu_inner .btn {
		width: 49.999%;
		font-size: 1.4rem;
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.footer_menu_inner .btn a {
		padding: 2.2rem 1.0rem;
		font-size: 1.6rem;
	}
	#f-lower-bnr-list {
		justify-content: space-around;
		width: 100%;
	}
	#f-lower-bnr-list .f-lower-bnr-item:nth-child(n+3) {
    margin-top: 20px;
	}
}

@media screen and (max-width: 480px) {
	.footer_submenu .bnr {
		display: block;
		padding-top: 15px;
	}
	#h-menu-list {
		padding: 5px 0 10px;
	}
	.h-menu-item a {
		font-size: 1.2rem;
		padding: 10px 0;
		letter-spacing: 0;
	}
	#footer .content-width {
		padding: 0 10px;
	}
	.footer_meta .cell:last-child {
		font-size: 1rem;
    letter-spacing: 0;
		padding-left: 4%;
	}
	#f-lower-bnr-list .f-lower-bnr-item:nth-child(n+3) {
    margin-top: 20px;
	}
}
@media screen and (max-width: 440px) {
	#f-lower-bnr-list .f-lower-bnr-item + .f-lower-bnr-item {
    margin-top: 20px;
	}
}
@media screen and (max-width: 374px) {
	.footer_meta .cell:first-child {
    width: 49%;
	}
}

/* = sp-menu
============================================= */


/* = btn
============================================= */
.btn-require {
	margin-top: 60px;
}
.btn-require .btn {
	position: relative;
	display: block;
	border: 3px solid #005bab;
	color: #005bab;
	text-align: center;
	font-size: 2.7rem;
	letter-spacing: .1em;
	width: 800px;
	margin: 0 auto;
}
.btn-require .btn::before {
	content: "";
	display: block;
	position: absolute;
	background-image: url(./images-renewal/common/arrow_right_blue_01.png);
	top: calc(50% - 7px);
	right: 20px;
	width: 11px;
	height: 15px;
}

.btn-more {
	margin-top: 60px;
}
.btn-more .btn {
	position: relative;
	display: block;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 2rem;
	letter-spacing: .2em;
	padding: 5px 50px 5px 0;
	height: 50px;
	width: 800px;
	margin: 0 auto;
}
.btn-more .btn::before {
	content: "";
	display: block;
	position: absolute;
	background-image: url(./images-renewal/common/arrow_right_orange_01.png);
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
}
@media screen and (max-width: 767px) {
	.btn-require .btn {
		font-size: 2rem;
		width: 400px;
	}
	.btn-more .btn {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.btn-require .btn {
		font-size: 1.8rem;
		width: 100%;
		padding: 10px 0;
	}
}

/* = page common
============================================= */
#container .content-width {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media screen and (max-width: 640px) {
	#container .content-width {
		display: block;
	}
	#container {
		margin-top: 50px;
	}
}

/* = sidebar
============================================= */
.page #sidebar {
	width: 280px;
}
.sidebox {
	margin-top: 20px;
}
#side_menu_lower {
	margin-bottom: 5.0rem;
}
#side_menu_lower .sec-title {
	margin-bottom: 0;
	border-bottom: 3px solid #868585;
}
#sidebar .sec-title {
	margin-bottom: 1.0rem;
}
#sidebar .entry-content h2,
#sidebar .sec-title {
	padding-bottom: 1.0rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border-bottom: 2px solid #c2c2c2;
	font-size: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#side_menu_lower .sec-title .en {
	color: #013970;
}
#sidebar .entry-content h2 .en,
#sidebar .sec-title .en {
	position: relative;
	color: #013970;
	font-size: 3.2rem;
	font-family: 'Anton', sans-serif;
}
#sidebar .entry-content h2 .ja,
#sidebar .entry-content h2 .en,
#sidebar .sec-title .ja,
#sidebar .sec-title .en {
	display: inline-block;
	line-height: 1;
}
#sidebar .sec-title {
	margin-bottom: 1.0rem;
}
#sidebar .entry-content h2 .en:after,
#sidebar .sec-title .en:after {
	position: absolute;
	content: '';
	width: 36px;
	height: 1px;
	background: #013970;
	transform: rotate(-45deg);
	right: -4.0rem;
	bottom: 16px;
}
#sidebar .side_menu_list li {
	padding: 1.2rem 0 1.2rem 2.0rem;
	background: url(images/icon_arrow-r_lbl-sml.png) no-repeat right 10px center;
	border-bottom: 1px solid #c2c2c2;
	line-height: 1;
}
#sidebar .side_menu_list li a {
	display: block;
	color: #222;
	font-size: 1.6rem;
}
#side_menu_lower .side_menu_parent_name {
	position: relative;
	margin: 0;
	padding: 1.2rem 0 1.2rem 2.0rem;
	border-bottom: 1px solid #c2c2c2;
}
#side_menu_lower .side_menu_parent_name::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 28px;
	height: 100%;
	background: #085aaa;
	margin: auto 0;
}
#side_menu_lower .side_menu_parent_name::after {
	content: "";
	position: absolute;
	right: 9px;
	top: 0;
	bottom: 0;
	width: 8px;
	height: 4px;
	margin: auto 0;
	background: url(./images/icon_arrow_toggle_open.png) no-repeat right center;
}
#side_menu_list .side_menu_list li {
	padding: 1.2rem 0 1.2rem 2.0rem;
	background: url(images/icon_arrow-r_lbl-sml.png) no-repeat right 10px center;
	border-bottom: 1px solid #c2c2c2;
	line-height: 1;
}
#side_menu_list .side_menu_list li a {
	display: block;
	color: #222;
	font-size: 1.6rem;
}
#side_menu_lower .side_menu_list li.lower {
	padding-left: 3.5rem;
	background-color: #e5e5e5;
}


/* = briefing-slider
============================================= */
#briefing-slider-box {
	position: relative;
	height: 183px;
}
#briefing-slider {
	position: absolute;
	top: 0;
	left: calc(50% - 1310px / 2);
}
#briefing-slider .slick-slider {
	position: relative;
	overflow: hidden;
	width: 1310px;
	margin: 0 auto;
}
#briefing-slider .slick-slider .prev-arrow {
	position: absolute;
	top: calc(50% - 16px);
	left: 30px;
	z-index: 1;
	cursor: pointer;
}
#briefing-slider .slick-slider .next-arrow {
	position: absolute;
	top: calc(50% - 16px);
	right: 30px;
	z-index: 1;
	cursor: pointer;
}
.briefing-slider-item {
	box-sizing: border-box;
	background-color: #FF9800;
	width: 400px;
	height: 180px;
	margin: 0 15px;
	padding: 22px 18px 18px 18px;
}
.briefing-slider-item .slider-head {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.briefing-slider-item .slider-date {
	color: #000;
	font-weight: 700;
	font-size: 9rem;
	line-height: 1;
}
.briefing-slider-item .slider-place {
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 3.6rem;
	letter-spacing: 0;
	line-height: 1;
	padding: 20px 0;
	width: 125px;
}
.briefing-slider-item .slider-txt {
	text-align: center;
	font-size: 3.3rem;
	line-height: 1;
	padding-top: 10px;
}
@media screen and (max-width: 640px) {
	#briefing-slider {
		position: static;
	}
	#briefing-slider .slick-slider {
		width: 100%;
	}
	.briefing-slider-item {
		width: 280px;
		margin: 0 5px;
	}
	#briefing-slider .slick-slider .prev-arrow {
    left: 10px;
	}
	#briefing-slider .slick-slider .next-arrow {
    right: 10px;
	}
	.briefing-slider-item .slider-txt {
    font-size: 2.1rem;
	}
	.briefing-slider-item .slider-date {
    font-size: 5.5rem;
	}
	.briefing-slider-item .slider-place {
		font-size: 2rem;
    width: 100px;
    padding: 10px 0;
	}
}

/* = common
============================================= */
.ffs {
	font-feature-settings: "palt";
}
.content-width {
	width: 1120px;
	padding: 0 20px;
	margin: 0 auto;
}
.fixed_menu {
	position: fixed;
	top: calc(50% - 150px);
	right: 0;
	width: 50px;
	height: 300px;
}
@media screen and (max-width: 767px) {
	.content-width {
		width: 100%;
		padding: 0 16px;
	}
	.content-inner-width {
		width: 100%;
		padding: 0 40px;
	}
}
@media screen and (max-width: 480px) {
	.content-inner-width {
    padding: 0px 16px;
	}
}

/* = title
============================================= */
.sec-ttl.txt-large-skew {
	background-color: #07579E;
	color: #fff;
	text-align: center;
	font-size: 4.2rem;
	line-height: 1;
	padding: 20px 0;
	margin: 0;
}
.txt-large-skew span {
	transform: skewX(-5deg);
	letter-spacing: .03em;
	line-height: 1;
	display: block;
}

/* = pulldown
============================================= */
.pulldown-list {
	display: none;
}
.pulldown-grad-blue {
	position: relative;
	border: 1px solid #fff;
  background: -moz-linear-gradient(left, #005AAC 0%, #002389);
  background: -webkit-linear-gradient(left, #005AAC 0%, #002389);
	background: linear-gradient(to right, #005AAC 0%, #002389);
	color: #fff;
	cursor: pointer;
}
.pulldown-head {
	cursor: pointer;
}
.pulldown-grad-blue.pulldown-head {
	position: relative;
}
.pulldown-grad-blue.pulldown-head::before {
	content: "";
	display: block;
	position: absolute;
	border-top: 2px solid blue;
	width: 8px;
	height: 8px;
	bottom: 12px;
	left: calc(50% - 4px);
	z-index: 1;
	border-right: 2px solid blue;
	border-bottom: none;
	border-left: none;
	transform: rotate(135deg);
}
.pulldown-grad-blue.pulldown-head::after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	background-color: #fff;
	width: 22px;
	height: 22px;
	bottom: 5px;
	left: calc(50% - 11px);
	z-index: 0;
}
.pulldown-txt-box .pulldown-head {
	padding: 16px 0 30px;
}
.pulldown-txt-box .small {
	font-size: 2.7rem;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
}
.pulldown-txt-box .large {
	font-weight: 700;
	font-size: 5.3rem;
	letter-spacing: 0;
	line-height: 1.15;
	text-align: center;
	margin-top: 4px;
}
.pulldown-txt-box .pulldown-item {
	text-align: center;
}
.pulldown-txt-box .pulldown-item a {
	display: block;
	font-weight: 700;
	font-size: 3rem;
	letter-spacing: 0;
	width: 100%;
	padding: 20px 0;
}
#pulldown-opencampus.pulldown-txt-box .pulldown-item a {
	position: relative;
}
#pulldown-opencampus.pulldown-txt-box .pulldown-item a::before {
	content: "＞";
	display: block;
	position: absolute;
	top: 45px;
	right: 15px;
	color: #fff;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1;
}
.pulldown-txt-box .pulldown-item .yellow {
	color: #ffe100;
}
@media screen and (max-width: 640px) {
	.pulldown-txt-box .small {
		font-size: 2.3rem;
	}
	.pulldown-txt-box .large {
    font-size: 4rem;
	}
	.bnr-col-2-list .bnr-item:nth-child(2n) {
    margin-left: 0;
	}
	.bnr-col-2-list .bnr-item:nth-child(n+2) {
    margin-top: 0;
	}
	.pulldown-txt-box .pulldown-item a {
		font-size: 1.6rem;
		padding: 12px 0;
	}
	#pulldown-opencampus.pulldown-txt-box .pulldown-item a::before {
		top: 19px;
	}
}
@media screen and (max-width: 480px) {
	.pulldown-txt-box .large {
    font-size: 2.8rem;
	}
	.pulldown-txt-box .small {
    font-size: 2.8rem;
	}
	#pulldown-support-tuition .pulldown-item .small {
		display: block;
		font-size: 1.6rem;
		text-align: center;
		width: 100%;
	}
	#pulldown-support-tuition .pulldown-item .large {
		display: block;
		font-size: 1.6rem;
		text-align: center;
		width: 100%;
	}
}

@media screen and (max-width: 380px) {
	.pulldown-txt-box .pulldown-item a {
		font-size: 1.4rem;
		padding: 12px 0;
	}
	#pulldown-opencampus.pulldown-txt-box .pulldown-item a::before {
    right: 4px;
    font-size: 1.4rem;
	}
}

/* = bnr
============================================= */
.bnr-col-1-list {
	width: 560px;
	margin: 0 auto;
}
.bnr-col-2-list {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}
.bnr-col-2-list .bnr-item:nth-child(2n) {
	margin-left: 20px;
}
.bnr-col-2-list .bnr-item:nth-child(n+3) {
	margin-top: 20px;
}
@media screen and (max-width: 640px) {
	.bnr-col-2-list {
    display: block;
	}
	.bnr-col-2-list .bnr-item:nth-child(n+2) {
		margin-left: 0;
		margin-top: 20px;
	}
}

/* = card
============================================= */
.card-list {
	display: flex;
	flex-wrap: wrap;
}
.card-item {
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0 0 8px #ddd;
	margin-left: 0;
	padding: 5px 5px 20px;
	width: calc( (100% - 60px) / 4 );
}
.card-item + .card-item {
	margin-left: 20px;
}
.card-img img {
	border-radius: 4px;
	width: 245px;
	height: 163px;
}
.card-date {
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: .1em;
	padding: 0 6px;
	margin-top: 10px;
}
.card-ttl {
	letter-spacing: .1em;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.56;
	margin: 0;
	padding: 0 6px;
	margin-top: 10px;
}
.card-cat {
	padding: 0 6px;
	margin-top: 20px;
}
.card-cat a {
	background-color: #EE7800;
	color: #fff;
	font-size: 1.4rem;
	padding: 4px 10px;
}
@media screen and (max-width: 640px) {
	.card-list {
    display: flex;
		flex-wrap: wrap;
		width: 400px;
		margin: 0 auto;
	}
	.card-item {
    width: 190px;
	}
	.card-item:nth-child(2n-1) {
		margin-left: 0;
	}
	.card-item:nth-child(n+3) {
		margin-top: 20px;
	}
	.card-img img {
		width: 100%;
		height: 103px;
	}

	.card-item .card-img img {
		width: 100%;
		height: auto;
	}


	.card-date {
		margin-top: 0;
	}
	.card-ttl {
    font-size: 1.4rem;
		letter-spacing: .0em;
	}
}
@media screen and (max-width: 640px) {
	.card-list {
    width: 100%;
	}
	.card-item {
    width: 48%;
		margin-left: 0;
	}
	.card-item:nth-child(2n) {
		margin-left: 4%;
	}
}
@media screen and (max-width: 339px) {
	.card-list {
		display: block;
	}
	.card-item {
    width: 100%;
	}
	.card-item:nth-child(2n) {
		margin-left: 0;
	}
	.card-item + .card-item {
		margin-top: 20px;
	}
	.card-img img {
    width: 100%;
	}
}

/* = common
============================================= */
#common-sns-container {
	margin-top: 120px;
}
#twitter-youtube-card .left {
	width: 500px;
}
#twitter-youtube-card .left .twitter-ttl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#twitter-youtube-card .left .twitter-ttl .ttl-img a {
	display: flex;
	align-items: center;
}
#twitter-youtube-card .left .twitter-ttl .ttl-img span {
	display: block;
	transform: skewX(-5deg);
	color: #1dade5;
	font-size: 2.8rem;
	letter-spacing: .2em;
	line-height: 1;
	padding-left: 14px;
}
#twitter-youtube-card .left .card-twitter {
	height: 569px;
	overflow-y: scroll;
}
#twitter-youtube-card {
	display: flex;
	justify-content: space-between;
}
#twitter-youtube-card .right {
	width: 500px;
}
#twitter-youtube-card .right .card-youtube {
	height: 275px;
}
#twitter-youtube-card .right .card-youtube + .card-youtube {
	margin-top: 30px;
}
#twitter-youtube-card .right .youtube-ttl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#twitter-youtube-card .right .ttl-img {
	width: 108px;
}
#sns-icon-list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}
.sns-icon-item + .sns-icon-item {
	margin-left: 48px;
}
.sns-bnr-item {
	text-align: center;
}
.instagram-ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#instagram-card {
	margin-top: 60px;
}
.instagram-ttl .ttl-img a {
	display: flex;
	align-items: center;
}
.instagram-ttl .ttl-img span {
	display: block;
	color: #6D71FF;
	font-size: 2.8rem;
	letter-spacing: .05em;
	line-height: 1;
	padding-left: 14px;
}
.instagram-ttl .ttl-en {
	padding-left: 20px;
}
#sb_instagram {
	overflow-y: scroll;
}

@media screen and (max-width: 640px) {
	#sb_instagram {
		height: 100%;
    padding: 100% 0 0;
    position: relative;
	}
	#sb_instagram #sbi_images {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
}

@media screen and (min-width: 641px) {
	#sb_instagram.sbi_col_2 #sbi_images .sbi_item {
    width: calc(100% / 4) !important;
    height: calc(100% / 4) !important;
	}
	#sb_instagram .sbi_photo {
		height: 270px !important;
	}
}

@media screen and (max-width: 640px) {
	#common-sns-container {
    margin-top: 0;
	}
	#common-sns-container .sec-inner {
    padding: 30px 0 0;
	}
	#twitter-youtube-card .right .card-youtube {
		height: 250px;
	}
	#twitter-youtube-card {
		display: block;
	}
	#twitter-youtube-card .left {
    width: 100%;
	}
	#twitter-youtube-card .left .twitter-ttl {
		display: block;
		margin-top: 0;
	}
	#twitter-youtube-card .right {
		width: 100%;
		margin-top: 60px;
	}
	#twitter-youtube-card .right .youtube-ttl {
		display: block;
	}
	.sns-icon-item {
		margin-top: 60px;
	}
	.sns-icon-item + .sns-icon-item {
		margin-left: 38px;
	}
	#twitter-youtube-card .left .card-twitter {
    height: 400px;
	}
	.instagram-ttl {
    display: block;
	}
	.instagram-ttl .ttl-img a {
		display: flex;
    align-items: center;
    text-align: left;
	}
	.instagram-ttl .ttl-img span {
    font-size: 2.2rem;
    padding-left: 10px;
	}
	.instagram-ttl .ttl-en {
		font-size: 1.8rem;
		padding-left: 0;
	}
}
@media screen and (max-width: 480px) {
	#sns-icon-list {
		justify-content: space-around;
		flex-wrap: wrap;
		width: 290px;
		margin: 20px auto 0;
	}
	.sns-icon-item {
		margin: 0;
	}
	.sns-icon-item:nth-child(n+4) {
		margin: 20px 0 0;
	}
}

/* = common-official-sns
============================================= */
.department-official-sns .sec-ttl {
	line-height: 1.2;
}
.department-official-sns .sec-ttl.txt-large-skew span {
	line-height: 1.2;
}
#common-official-sns {
	margin-top: 120px;
}
#sns-icon-list {
	margin-top: 40px;
}
#sns-bnr-list {
	margin-top: 40px;
}
#common-lower-page-list {
	margin-top: 60px;
}
#f-lower-bnr-list {
	margin-top: 60px;
}
@media screen and (max-width: 640px) {
	.department-official-sns .sec-ttl.txt-large-skew {
		font-size: 3.4rem;
	}
}

/* = breadcrumbs
============================================= */
#breadcrumbs .content-width {
	font-size: 1.2rem;
	padding: 10px;
}












/*　
	────────────────────────────────────────────────────── 
    学校紹介 ALL　AGN
	────────────────────────────────────────────────────── 
*/
.abtop {
margin-top: 0;
}

.about p{
padding-left: 5%;
padding-right: 5%;
font-size: 1.8rem;
}

.about .comment01 {
/* margin-top: 50px;　*/
padding: 0 10%;
}

.about .img-support{
margin-bottom: 10rem;
}

.about .text-100{
margin-bottom: 8rem;
padding-left: 2% !important;
padding-right: 2% !important;
}

.about .text-101{
margin-bottom: 3rem;
}

.about .imgbox.img01{
padding-left: 5%;
padding-right: 5%;
}

.about #points-img .point-img01 {
content: "";
background: url(https://cupsnet.com/cups-blog/wp-content/themes/customize_201906/images-renewal/about/bg_points.png) no-repeat;
margin-bottom: 30px;
background-size: cover;
}

.about .point-img01 h2{
font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
padding: 60px 40px 0px 40px;
margin-bottom: 30px;
font-size: 4.4rem;
line-height: 5.5rem;
}

.about .point-img01 p {
padding-bottom: 80px;
padding-left: 8%;
padding-right: 8%;
font-size: 1.8rem;
line-height: 1.9em;
}

.about .point-img01 .copyright {
text-align: right;
font-size: 2rem;
}

.about .point-img02 {
padding: 0 5% 8rem;
}

.about #points{
margin: 0 6%;
}

.about #points li{
margin-bottom: 5rem;
}

.about #points p{
padding: 0;
margin: 0.5rem 0 1rem;
}

.about .points-list,
.about .pipe {
padding: 0 2rem;
}

.about #points .list-ttl{
margin-bottom: 3rem;
}

.about #points .blue-ttl {
margin-bottom: 2.5rem;
}

.about #points .points-list-ttl.imgbox .text{
margin-bottom: 3.5rem;
}

.about #points .pipe .blue-ttl {	
margin-bottom: 1.5rem;
}

.about	.referee{
margin: 3rem 0 10rem;
}


.about	#intro2 .imgbox {
margin-bottom: 5rem;
}

.about	.imgbox.professional,
.about	.imgbox.studyabroad{
margin-left: 5%;
margin-right: 5%;
}

/*　　max-width: 640px
	────────────────────────────────────────────────────── */
	
@media screen and (max-width: 640px){
.abtop {
    margin-top: -20px;
}

.about p{
line-height: 1.5em;
font-size: 100%;
}

.about .comment01 {
padding: 0 5%;
}

.about .img-support,
.about .text-100 {
margin-bottom: 5rem;
}

.about .imgbox.img01{
padding-left: 0%;
padding-right: 0%;
}

.about .point-img01 h2{
font-size: 3rem;
padding: 60px 10px 0px 10px;
line-height: 4.5rem;
}

.about .point-img01 h2 br{
display: none;
}

.about .point-img01 p {
padding-bottom: 20px;
padding-left: 3%;
padding-right: 3%;
font-size: 100%;
line-height: 1.8em;
}

.about .point-img01 .copyright {
font-size: 1.3rem;
}

.about #points {
margin: 0;
}
.about .points-list, .about .pipe {
padding: 0 0.5rem;
}

.about #intro2 .comment02.imgbox{
margin-bottom: 10px;
}

}/*　max-width: 640px END */

/*　
	────────────────────────────────────────────────────── 
    学校紹介 ALL　END
	────────────────────────────────────────────────────── 
*/




/*　
	────────────────────────────────────────────────────── 
    5段階プラグラム ALL　AGN
	────────────────────────────────────────────────────── 
*/

#intro1 .content-box p{
font-size: 115%;
line-height: 170%;
margin-bottom: 30px;
}

#intro1 .content-box p strong{
font-size: 225%;
line-height: 130%;
font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
letter-spacing: 0;
display: inline-block;
margin-bottom: 10px;
}

#intro1 .imgbox {
margin-bottom: 50px;
}

#intro1 .imgbox:first-child {
padding-top: 20px;
margin-bottom: 0px;
}

#intro1 .coptag{
text-align: right;
font-size: 115% !important;
line-height: 170% !important;
margin-bottom: 30px !important;
margin-top: 0px;
font-weight: bold;
}

.stepup{
margin-top: 20px;
margin-bottom: 50px;
}

.stepup .league {
display: flex;
align-items: center;
color: #9a1f23;
font-weight: bold;
font-size: 140%;
}
.stepup .league:after {
content: "";
height: 1.5px;
flex-grow: 1;
background-color: #231815;
}
.stepup .league:after {
margin-left: 0.5rem;
}

.stepup li:nth-child(even){
margin-left: 0.5em;
margin-bottom: 30px;
font-size: 115%;
line-height: 150%;
letter-spacing: 0;
}

.stepup li .andetc{
display: block;
text-align: right;
}

.stepup span{display: inline-block;}

.area{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
zoom: 1;
}

.area li{
background-color: #f7f5e6;
overflow: hidden;
padding: 20px 0 20px 20px;
width: calc((100% - 30px) /2);
margin-left: 15px;
margin-bottom: 15px;
position: relative;
}

.area li:nth-child(2n+1){
margin-left: 0;
}


.area li:first-child {
display: flex;
align-items: center;
justify-content: center;
padding-right: 20px;
}


.area li:nth-of-type(n+2) .step-box img{
width: calc(50% - 10px);
float: left;
margin-right: 10px;
}
.area li:nth-of-type(n+2) .step-box .step-inbox{
width: 50%;
float: left;
}
.area li .step-ttl{
background-color: #555;
margin-right: 20px;
margin-bottom: 15px;
text-align: center;
color: #fff;
font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
font-size: 150%;
}

.area li .step-box{
display: block;
overflow: hidden;
zoom:1;
}

.area li .step-box p{
margin: 0;
line-height: 1.2em;
font-size: 100%;
letter-spacing: -0.5px;
font-weight: bold;
}

.area li .step-box .step-name{
margin-top: 20%;
font-size: 200%;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: solid 1px #000;
font-weight: bold;
}

.area li .coptag{
position: absolute;
bottom: -1.3em;
font-size: 85%;
font-weight: bold;
letter-spacing: 0;
}

#areagroup .area:nth-of-type(1) li:first-child,
#areagroup .area:nth-of-type(1) li .step-ttl
{background-color: #25adc1;}

#areagroup .area:nth-of-type(2) li:first-child,
#areagroup .area:nth-of-type(2) li .step-ttl
{background-color: #efb257;}

#areagroup .area:nth-of-type(3) li:first-child,
#areagroup .area:nth-of-type(3) li .step-ttl
{background-color: #8aba28;}

#areagroup .area:nth-of-type(4) li:first-child,
#areagroup .area:nth-of-type(4) li .step-ttl
{background-color: #c7649b;}

#areagroup .area:nth-of-type(5) li:first-child,
#areagroup .area:nth-of-type(5) li .step-ttl
{background-color: #468bc3;}

.programs .in-content{
margin-bottom: 80px;
display: block;
overflow: hidden;
}
.interviews{
display: block;
overflow: hidden;
margin-bottom: 60px;
}
.interviews h4{
font-size: 175%;
margin-bottom: 20px;
line-height: 1.5em;
background-color: #c2e9f7;
text-align: center;
}
.in-cont-left{
float: left;
margin-right: 15px;
}
.in-cont-left ul{
margin-top: 10px;
}
.in-cont-left li{
margin: 0;
line-height: 1.4em;
text-align: center;
}
.in-cont-left li:nth-child(2){
font-weight: bold;
font-size: 150%;
}
.in-cont-right{
float: left;
max-width: calc(750px - 300px - 15px);
}
.in-cont-right p{
margin: 0 0 15px 0;
}
.in-cont-btm {
padding-top: 15px;
display: block;
overflow: hidden;
clear: both;
}
.in-cont-btm img{
float: left;
margin-bottom: 10px;
}

.stepupttl{
    font-size: 135%;
    font-weight: bold;
    margin-top: 50px;
    background-color: #ffd7d9;
    padding: 10px 20px;
    letter-spacing: 0;
    line-height: 1.3em;
}

.stepupttl span{
font-size: 80%;
    font-weight: normal;
    display: inline-block;
}


/*　　max-width: 640px
	────────────────────────────────────────────────────── */
@media screen and (max-width: 640px){

.programs {
margin-top: 0 !important;
}
#intro1 .imgbox:first-child {
padding-top: 0px;
}

#intro1 .content-box p strong{font-size: 8vw;}
#intro1 .content-box p strong br{display: none;}
#intro1 .coptag{
text-align: right;
font-size: 3vw !important;
line-height: 140% !important;
margin-bottom: 30px !important;
letter-spacing: 0;
}
#intro1 .content-box p {
font-size: 105%;
line-height: 160%;
letter-spacing: 0;
}
.stepup li:nth-child(even) {font-size: 5vw;}

.area li:first-child {
margin: 10px 0;
height: 60vw;
width: 100%;
}

.area li .step-ttl {
font-size: 4.8vw;
line-height: 1.2em;
margin-right: 0;
text-align: left;
padding: 3px 5px;
letter-spacing: -0.5px;
}
.area li .step-box p {font-size: 4vw;}
.area li .step-box .step-name {font-size: 8vw;}

.area li {
padding: 10px 10px 10px 10px;
width: calc((100% - 10px) /2);
margin-left: 0px;
margin-right: 0;
}

.area li:nth-of-type(odd) {margin-left: 10px;}

.area li:nth-of-type(n+2) .step-box img{
float: none;
width: 100%;
margin-right: 0;
}
.area li:nth-of-type(n+2) .step-box .step-inbox{
float: none;
width: auto;
}

.area li .coptag {
bottom: auto;
top: 69vw;
font-size: 2.3vw;
}

.area li .step-box .step-name {
margin-top: 10%;
font-size: 6vw;
text-align: center;
}

.in-cont-left {
float: none;
margin-right: 0;
text-align: center;
}

.in-cont-left img{
margin: 0 40px;
width: calc(100% - 80px);
max-width: 300px;
}

.interviews h4{
font-size: 7vw;
letter-spacing: -1px;
text-align: left;
padding: 0 5px;
margin-top: 0;
}
.in-cont-right{
float: none;
margin-right: 0;
max-width: 100%;
margin-top: 20px;
}
.in-cont-btm {
text-align: center;
}

.in-cont-btm img {float: none;}

.in-cont-right p{margin-bottom: 0 !important;}

.programs .in-content {margin-bottom: 0px;}

.stepupttl{font-size: 5vw;}

}

/*　
	────────────────────────────────────────────────────── 
    5段階プラグラム ALL　END
	────────────────────────────────────────────────────── 
*/



/*　
	────────────────────────────────────────────────────── 
    サッカーに関わる仕事 ALL　END
	────────────────────────────────────────────────────── 
*/
#soccer_job .page-mv{
margin-bottom: 100px;
}


.ex_link {
display: block;
margin: 0 auto 70px;
width: 80%;
}


#soccer_job .page-mv h2{
font-weight: bold;
font-style: normal;
font-size: 200%;
}

#soccer_job .page-mv .catch{
font-size: 1.8rem;
letter-spacing: 0;
line-height: 1.67;
}

#soccer_job .inner.frame_btn{
display: flex;
flex-wrap: wrap;
overflow: hidden;
border-top: 1px solid #999;
border-left: 1px solid #999;
}

#soccer_job .page-mv .btn {
width: 50%;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
background-image: url(./images-renewal/jobguide/soccerjob_arrow.png);
background-repeat: no-repeat;
background-position: 94% 50%;
background-color: #fff;
}

#soccer_job .page-mv .btn a {
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
	}

#soccer_job .page-mv .btn .jobicon {
display: block;
width: 111px;
height: 100px;
float: left;
background-color: #bbb;
margin-right: 15px;
border-right: solid 1px #BBB;
}

#soccer_job .page-mv .btn span{
font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 900;
font-size: 105%;
letter-spacing: 0;
color: #015BAC;
}

#soccer_job h2{
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
font-weight: 900;
color: #fff;
font-size: 200%;
letter-spacing: .1em;
background-color: #07579E;
display: block;
padding: 15px 20px;
line-height: 1em;
}

.list_job section{
margin-bottom: 100px;
}


.frame_intro.inner .clearfix{
display: flex;
overflow: hidden;
border: solid 3px #bbb;
margin-bottom: 15px;
border-radius: 8px;
}

/*
#soccer_job .frame_intro.inner h3{
font-weight: bold;
margin: 0;
font-size: 140%;
font-family: serif;
letter-spacing: 0px;
}
*/
#soccer_job .frame_intro.inner h3 {
    font-weight: bold;
    margin: 0;
    font-size: 140%;
    font-family: serif;
    letter-spacing: 0px;
    line-height: 1.6em;
    margin-bottom: 0.7em;
}

#soccer_job .frame_intro.inner h3 span{
    border-bottom: solid 3px #fff;
    font-size: 123%;
    line-height: 1.2em;
    border-image: linear-gradient(to right, #ff0000 20%, #f4f4f4 100%) 1/0 0 4px 0;
    border-image-slice: 1;
}

.list_job .character,
.list_job .sentence{
display: block;
overflow: hidden;
float: left;
}

.list_job .character{
width: 40%;
background-color: #fff;
display: flex;
align-items: center;
}

.list_job .character img{
    width: 350px;
    height: auto;
/*    height: 470px; */
    object-fit: cover;
}




.list_job .sentence{
width: 60%;
}

.list_job h4{
margin: 0.5em 0.5em 0.7em 1em;
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
font-weight: 700;
font-size: 140%;
border-bottom: solid 3px #a8c9e8;
letter-spacing: 0;
line-height: 1.4em;
}

.list_job p{
font-size: 100%;
letter-spacing: 0.5px;
line-height: 150%;
padding: 0 1em;
margin-top: 0;
}


.list_job .sentence span{
background: linear-gradient(transparent 70%, #b3fcff 20%);
}
.list_job .howto span{
background: linear-gradient(transparent 70%, #ffd0f5 20%);
}


.list_job .howto{
margin: 2em 0.5em 3em 1em;
}

.list_job .howto h4{
margin: 0.5em 0 0 0;
border: none;
line-height: 1.5em;
font-size: 130%;
}

.list_job .howto p{
padding: 1em;
border: solid 1px #bbb;
background-color: #fff;
border-top: solid 3px #a8c9e8;
}

.list_job .mess {
font-size: 140%;
letter-spacing: 0;
font-weight: bold;
font-family: serif;
text-stroke: 1px #000;
-webkit-text-stroke: 0.2px #333;
transform: skewX(-15deg);
margin-bottom: 15px;
border-left: solid 10px #f40234;
margin-left: 1em;
padding-left: 0.3em;
}

.list_job .frame_btn {
margin-top: -0.5em;
margin-bottom: 1em;
text-align: right;
}

.list_job .frame_btn a{
background-color: #317dd6;
color: #fff;
font-weight: bold;
font-size: 150%;
padding: 0px 30px;
background-image: url(./images-renewal/jobguide/soccerjob_arrow-r.png);
background-repeat: no-repeat;
background-position: 95% 50%;
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
font-weight: 400;
width: 55%;
display: inline-block;
text-align: center;
line-height: 160%;
margin-bottom: .5em;
}


/*　　max-width: 640px
	────────────────────────────────────────────────────── */
@media screen and (max-width: 640px){
.ex_link {
    width: 100%;
}

#soccer_job .page-mv h2{
font-size: 195%;
}

#soccer_job .page-mv .btn {
width: 100%;
}

#soccer_job .page-mv .btn span .insp {
font-size: 70% !important;
}

#soccer_job .page-mv .btn br,
.list_job .mess br{
display: none;
}

#soccer_job .page-mv .btn .jobicon {
margin-right: 7px;
}

#soccer_job .page-mv .btn span {
margin-right: 0;
width: 41vw;
line-height: 1.2em;
}

#soccer_job h2 {
font-size: 160%;
padding: 10px 15px;
}

#soccer_job .frame_intro.inner h3 {
font-size: 130%;
line-height: 1.3em;
margin-bottom: 1em;
}

.frame_intro.inner .clearfix {
display: block;
}

.list_job .character,
.list_job .sentence {
width: auto;
}

.list_job .character, .list_job .sentence {
float: none;
}

.list_job .character img {
width: 100%;
/* height: 80vw; */
height: auto;
}

.list_job .mess {
font-size: 105%;
margin-bottom: 20px;
letter-spacing: -1px;
}

.list_job .frame_btn a {
font-size: 125%;
padding: 0px 20px 0 6px;
width: 100%;
letter-spacing: -1px;
}







}

/*　
	────────────────────────────────────────────────────── 
    サッカーに関わる仕事 ALL　END
	────────────────────────────────────────────────────── 
*/