@charset "UTF-8";
/*/_styleSet:2025/07/04 12-37-09,support:2025/07/10 09-57-43,campuslife:2025/07/10 09-50-49/*/
h2 {
	font-weight:bold;
	font-size:26px;
}
h3 {
	font-size:24px;
}
p {
	font-size:16px;
	line-height:1.8;
}
.markTx{
	padding-left:1.4em;
	position:relative;
}
.markTx sup{
	top:0.1em;
	font-size:inherit;
	position:absolute;
	left:0;
	line-height:inherit;
}
sup.check {
	background-image:url(../img/icon_check.svg);
	width:1em;
	height:1.8em;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
}
sup.check2 {
	background-image:url(../img/icon_check2.svg);
	width:1em;
	height:1.8em;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
}
ul.markTx {
	position:relative;
	padding-left:0;
}
li {
	margin-bottom:0.2em;
}
.markTx li{
	position:relative;
	padding-left:1.4em;
}
.markTx li sup{
	top:0.1em;
	font-size:inherit;
	position:absolute;
	left:0;
	line-height:inherit;
}
.red-box{
	color:rgba(255,0,0,1);
	padding:1em;
	border:2px solid rgba(255,0,0,1);
}
.column{
	width:100%;
	display:flex;
	align-items:stretch;
	align-content:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.ratio_1-1 > div{
	width:49%;
}
.ratio_1-2 > div:nth-child(2n-1){
	width:33%;
}
.imgBox{
	position:relative;
	width:100%;
}
.borderImg{
	border:1px solid rgba(204,204,204,1);
}
.ratio_1-2 > div:nth-child(2n){
	width:65%;
}
.ratio_1-3 > div:nth-child(2n-1){
	width:25%;
}
.ratio_1-3 > div:nth-child(2n){
	width:73%;
}
.block{
	padding:0 20px;
}
.inner{
	max-width:1000px;
	margin:0 auto;
	text-align:center;
}
input:not([type=submit]) {
	border:1px solid rgb(0,0,0,1);
	margin:0.3em auto 0.3em 0;
	text-align:left;
	display:inline-block;
	padding:0.2em;
	height:2em;
	max-width:500px;
}
.wide-input{
	width:100%;
	max-width:initial;
}
.half-input{
	width:50%;
	max-width:300px;
}
.formInput{
	width:100%;
}
textarea {
	border:1px solid rgb(0,0,0,1);
	margin:0.3em auto 0.3em 0;
	text-align:left;
	display:inline-block;
	width:100%;
	padding:0.2em;
	height:5em;
}
select {
	width:auto;
	margin:0.3em auto 0.3em 0;
	border:1px solid rgb(0,0,0,1);
	display:inline-block;
	padding:0.2em;
	border-radius:3px;
	height:2em;
	text-align:left;
	font-weight:500;
	color:#000;
}
.readonly{
	background-color:rgba(240,240,240,1);
	border:1px solid rgba(204,204,204,1);
	color:rgba(102,102,102,1);
}
input[type=checkbox],input[type=radio] {
	width:1em;
	margin:0.3em 0.5em auto 0;
	border:1px solid rgb(0,0,0,1);
	display:inline-block;
	padding:5px;
	border-radius:3px;
	height:1em;
}
.bt-form{
	margin:1em 0.5em 0.5em;
	display:inline-block;
	min-width:15em;
	height:3em;
	padding:0 1em;
	border:2px solid #000;
	font-weight:bold;
}
.top-capture{
	display:inline-block;
	font-weight:bold;
	font-size:24px;
	position:relative;
}
.top-capture:after {
	content:"";
	position:absolute;
	top:calc( 100% + 0.5em );
	left:50%;
	width:3em;
	height:0.3em;
	background-color:var(--accent_color);
	transform:translateX(-50%);
	border-radius:1em;
}
article table{
	border:0;
	width:100%;
}
article th{
	width:25%;
	padding:2% 1%;
	background-color:var(--theme_color);
	font-size:15px;
	text-align:center;
	border:0;
	border-bottom:1px solid rgba(204,204,204,1);
	font-weight:500;
	color:rgba(255,255,255,1);
}
article td{
	width:75%;
	padding:1% 2%;
	font-size:15px;
	text-align:left;
	border:0;
	border-bottom:1px solid rgba(204,204,204,1);
	font-weight:500;
}
.content h2,.editor-styles-wrapper h2,.content .style-h2,.editor-styles-wrapper .style-h2{
	font-size:20px;
	font-weight:bold;
	position:relative;
	padding:0.2em 1em 0.2em 0.8em;
	background-color:rgba(245,245,245,1);
	margin:0 0 0.7em;
	display:block;
	color:#000;
}
.content h2:before,.editor-styles-wrapper h2:before,.content .style-h2:before,.editor-styles-wrapper .style-h2:before{
	width:0.3em;
	height:100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	background-color:var(--theme_color);
	content:"";
}
.content h3,.editor-styles-wrapper h3,.content .style-h3,.editor-styles-wrapper .style-h3{
	font-size:18px;
	font-weight:bold;
	position:relative;
	padding:0.1em 1em 0.1em 0.3em;
	margin:0.5em 0;
	color:var(--theme_color);
	display:block;
	background-color:transparent;
	border-bottom:1px solid var(--theme_color);
	text-align:left;
	letter-spacing:0.1em;
}
.content h3:before,.editor-styles-wrapper h3:before,.content .style-h3:before,.editor-styles-wrapper .style-h3:before{
	position:absolute;
	background-color:var(--theme_color);
	content:"";
	left:0.4em;
	width:0.3em;
	top:50%;
	transform:translateY(-50%);
	height:0.3em;
	display:none;
}
.content h4,.editor-styles-wrapper h4,.content .style-h4,.editor-styles-wrapper .style-h4{
	font-size:16px;
	font-weight:bold;
	position:relative;
	padding:0.1em 1em 0.1em 0;
	margin:0.5em 0;
	display:block;
	background-color:transparent;
}
article ul{
	padding:0 0 0 1em;
}
article li{
	list-style-type:square;
}
.link_button{
	border:2px solid rgb(30,35,30);
	color:rgb(30,35,30);
	padding:0.5em 1.5em;
	min-width:9em;
	display:inline-block;
	font-size:18px;
	margin:0 1em 0.5em 0;
	font-weight:bold;
	background-color:rgba(255,255,255,1);
}
.fill.black button{
	background-color:#0b0000;
	color:rgba(255,255,255,1);
	border:1px solid #0b0000;
}
.fill.black button:hover{
	color:#0b0000;
	background-color:rgba(255,255,255,1);
}
.black button{
	background-color:transparent;
	color:#0b0000;
	border:1px solid #0b0000;
}
.black button:hover{
	color:rgba(255,255,255,1);
	background-color:#0b0000;
}
.link_button.orange {
	border:2px solid var(--accent_color);
	color:var(--accent_color);
	transition-duration:0.2s;
}
.link_button.orange:hover {
	color:var(--accent_color);
	background-color:rgba(255,255,255,1);
}
.link_button.fill.orange {
	border:2px solid var(--accent_color);
	color:rgba(255,255,255,1);
	background-color:var(--accent_color);
	transition-duration:0.2s;
}
.link_button.fill.orange:hover {
	color:var(--accent_color);
	background-color:rgba(255,255,255,1);
}
.link_button.theme_color {
	border:2px solid var(--theme_color);
	color:var(--theme_color);
	font-weight:bold;
	transition-duration:0.2s;
}
.link_button.theme_color:hover {
	color:rgba(255,255,255,1);
	background-color:var(--theme_color);
}
.fill.link_button.theme_color {
	border:2px solid var(--theme_color);
	color:rgba(255,255,255,1);
	background-color:var(--theme_color);
	transition-duration:0.2s;
}
.fill.link_button.theme_color:hover {
	color:var(--theme_color);
	background-color:rgba(255,255,255,1);
}
.fill.gray button , button.link_button.fill.gray{
	border:2px solid #8f8d88;
	color:rgba(255,255,255,1);
	background-color:#8f8d88;
}
.gray button , button.link_button.gray{
	border:1px solid #8f8d88;
	color:#8f8d88;
	background-color:rgba(255,255,255,0.7);
}
.gray button:hover{
	color:rgba(255,255,255,1);
	background-color:#8f8d88;
}
.gray-indigo button{
	border:1px solid #7c868c;
	color:#7c868c;
	background-color:transparent;
}
.gray-indigo button:hover{
	color:rgba(255,255,255,1);
	background-color:#7c868c;
}
.gray-brown button{
	border:1px solid #838270;
	color:#838270;
	background-color:transparent;
}
.gray-brown button:hover{
	color:rgba(255,255,255,1);
	background-color:#838270;
}
.block-top-menu button , .block-top-news button{
	position:relative;
	padding:1em 0;
	border-radius:0;
	font-size:14px;
	margin:0;
	transition-duration:0.2s;
	max-width:100%;
	width:100%;
}
.block-top-menu button:before , .block-top-news button:before {
	background-image:url(../img/arw_corner.svg);
	background-size:contain;
	background-position:center;
	width:0.5em;
	height:0.5em;
	position:absolute;
	right:2%;
	bottom:12%;
	content:"";
	background-repeat:no-repeat;
}
._block_top button:hover , button.arrow_link:hover{
	background-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);
	background-image:url(../img/arw_corner-w.svg);
}
._block_top button.reverse:hover{
	background-color:rgba(243,242,238,0.8);
	color:rgba(0,0,0,1);
	background-image:url(../img/arw_corner.svg);
}
.maryknoll-h2{
	display:inline-block;
	position:relative;
	font-weight:bold;
	font-size:26px;
	color:var(--base_color);
	margin:3em 0 0.5em;
	letter-spacing:0.1em;
}
.maryknoll-h2 span{
	background-color:rgba(255,255,255,1);
	position:relative;
	width:auto;
	height:100%;
	padding:0.2em 1em;
	min-width:6em;
	display:block;
	border:1px solid var(--base_color);
	text-shadow:0.03em 0.03em 0 var(--base_color);
}
.maryknoll-h2:before {
	content:"";
	background-color:var(--base_color);
	position:absolute;
	width:95%;
	height:100%;
	transform:translate(-50%,-50%)  rotate( -4deg );
	top:50%;
	left:50%;
}
.border-blue{
	text-align:center;
	background-repeat:repeat;
	background-size:0.4em;
	display:block;
	background-image:url(../img/bg_dot1.svg);
	overflow:hidden;
	margin:1em 0 0;
}
.border-green{
	text-align:center;
	background-repeat:repeat;
	background-size:0.4em;
	display:block;
	background-image:url(../img/bg_dot2.svg);
	overflow:hidden;
}
.maryknoll-h3{
	position:relative;
	display:inline-block;
	background-color:rgba(255,255,255,1);
	padding:0 0.5em;
	font-size:26px;
	vertical-align:;
	letter-spacing:0.1em;
}
.maryknoll-h3:before {
	content:"";
	background-color:rgba(255,255,255,1);
	position:absolute;
	height:200%;
	top:-50%;
	left:-1em;
	transform:rotate( 20deg );
	width:1.3em;
}
.maryknoll-h3:after {
	content:"";
	background-color:rgba(255,255,255,1);
	position:absolute;
	height:200%;
	top:-50%;
	left:auto;
	transform:rotate( 20deg );
	width:1.3em;
	right:-1em;
}
.poster1-base{
	margin:3em 0;
	position:relative;
	padding:1em 0;
}
.poster1-bg1{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,1);
	transform:rotate( -4deg );
	top:0;
}
.poster1-img1{
	float:left;
	width:35%;
	position:relative;
}
.poster1-box{
	float:left;
	padding:0 0 0 3%;
	width:65%;
	position:relative;
	margin:1em 0 0;
}
.poster1-img2{
	float:left;
	width:23%;
	position:absolute;
	top:-5vw;
	right:0;
}
.poster1-bg2{
	display:none;
}
.poster1-ttl{
	font-weight:bold;
	font-size:20px;
	color:rgba(255,255,255,1);
	background-color:var(--color1);
	padding:0em 1em;
	display:inline-block;
	margin:0 0 0.3em;
	z-index:2;
}
.poster1-text{
	font-size:15px;
	margin:0.5em 0;
	position:relative;
}
.poster2-img1{
	float:right;
	width:50%;
	position:absolute;
	top:-40px;
	right:0;
}
.poster2-box{
	float:left;
	padding:0 0 0 3%;
	width:70%;
	position:relative;
	margin:1em 0;
}
.breen-caption{
	color:#000;
	background-color:rgba(221,237,188,1);
	font-size:20px;
	font-weight:bold;
	padding:0.3em 1em 0.3em 1em;
	border-left:0.5em solid rgba(143,195,31,1);
	width:auto;
	display:inline-block;
}
.green-dot li{
	position:relative;
	padding:0 0 0 1.5em;
	font-size:13px;
}
.green-dot li:before{
	width:0.8em;
	height:0.8em;
	position:absolute;
	top:0.3em;
	left:0;
	background-color:rgba(143,195,31,1);
	border-radius:100%;
}
.poster1-ttl.green {
	background-color:var(--color2);
}
@media screen and (max-width: 768px){
	h2 {
		font-size:5vw;
	}
	h3 {
		font-size:4vw;
	}
	p {
		font-size:3.2vw;
	}
	.markTx li{
		padding-left:1.2em;
	}
	.mb_ratio_1-2 > div:nth-child(2n-1){
		width:33%;
	}
	.mb_ratio_1-2 > div:nth-child(2n){
		width:65%;
	}
	.column.mb_reset {
		width:100%;
		display:block;
	}
	.column.mb_reset > div{
		width:100%;
	}
	.block{
		padding:0 3vw;
	}
	.top-capture{
		font-size:4.5vw;
	}
	.content h2,.editor-styles-wrapper h2,.content .style-h2,.editor-styles-wrapper .style-h2{
		font-size:4.5vw;
	}
	.content h3,.editor-styles-wrapper h3,.content .style-h3,.editor-styles-wrapper .style-h3{
		font-size:4.2vw;
	}
	.content h4,.editor-styles-wrapper h4,.content .style-h4,.editor-styles-wrapper .style-h4{
		font-size:3.8vw;
	}
	.link_button{
		font-size:3.3vw;
		padding:0.5em 0;
	}
	.block-top-menu button , .block-top-news button{
		font-size:3.2vw;
		padding:1em 0;
		background-color:var(--bg_color);
	}
	.maryknoll-h2{
		font-size:5vw;
	}
	.maryknoll-h3{
		font-size:5vw;
	}
	.poster1-base{
		margin:1em 0;
	}
	.poster1-bg1{
		z-index:1;
		display:none;
	}
	.poster1-img1{
		width:65%;
		position:absolute;
	}
	.poster1-box{
		width:101%;
		z-index:2;
		float:right;
		margin:40vw 0 0;
		padding:3vw;
	}
	.poster1-img2{
		width:26%;
		top:-16vw;
		right:-2vw;
		z-index:1;
	}
	.poster1-bg2{
		position:absolute;
		background-color:rgba(255,255,255,0.8);
		width:100%;
		height:100%;
		display:block;
		top:0;
		left:0;
		transform:rotate( -5deg );
	}
	.poster1-ttl{
		font-size:4.5vw;
		position:relative;
	}
	.poster1-text{
		font-size:3.2vw;
		position:relative;
		z-index:1;
	}
	.poster2-img1{
		width:80%;
		position:absolute;
		top:-15vw;
		right:10vw;
	}
	.poster2-box{
		width:101%;
		z-index:2;
		float:right;
		margin:40vw 0 0;
		padding:3vw;
	}
	.breen-caption{
		font-size:4vw;
		width:70%;
	}
	.green-dot li{
		padding:0 0 0 1.2em;
		font-size:2.8vw;
	}
}