@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@200..700,0..1&display=swap');

/* ============================================================================================
	variables
============================================================================================= */
#guideFrame {
	--color-body:#263432;
	--color-blue:#049edc;
	--color-lightblue:#ecf5f9;
	--color-palelightblue:#f0f8fb;
	--color-orange:#e3874b;

	--color-lightgray:#fafafa;
	--color-white:#ffffff;
	--modal-bg:rgba(0,0,0,0.5);
	--news-oddline:#eef6fd;
	--news-evenline:#ffffff;
}


/* ============================================================================================
	fonts
============================================================================================= */
@font-face {
	font-family:'LINESeedJP';
	font-weight:100;
	src:url('/wp-content/themes/recruit-ms-school/assets/fonts/LINESeedJP_OTF_Th.woff2') format('woff2');
}
@font-face {
	font-family:'LINESeedJP';
	font-weight:400;
	src:url('/wp-content/themes/recruit-ms-school/assets/fonts/LINESeedJP_OTF_Rg.woff2') format('woff2');
}
@font-face {
	font-family:'LINESeedJP';
	font-weight:700;
	src:url('/wp-content/themes/recruit-ms-school/assets/fonts/LINESeedJP_OTF_Bd.woff2') format('woff2');
}
@font-face {
	font-family:'LINESeedJP';
	font-weight:800;
	src:url('/wp-content/themes/recruit-ms-school/assets/fonts/LINESeedJP_OTF_Eb.woff2') format('woff2');
}


/* ============================================================================================
	common
============================================================================================= */
@media screen and (min-width:768px){ 
	.sp{
		display:none !important;
	}
}
@media screen and (max-width:767px){ 
	.pc{
		display:none !important;
	}
}
.noDisp{
	display:none;
}

img{
	max-width:100%;
}
ol ,ul ,li{
	list-style:none;
}

strong {
	color:var(--color-blue);
	font-size:105%;
	font-weight:800;
}

em {
	padding:0 0.2em;
	color:var(--color-blue);
	font-weight:700;
	font-style:inherit;
}

.bold {
	font-weight:700;
}

a.exlink {
	display:inline-block;
	padding:0 0.2em;
	line-height:1.4;
	color:var(--color-blue);
	font-weight:bold;
	border-bottom:1px dashed var(--color-blue);
}
a.exlink span {
	display:flex;
	align-items:center;
}
a.exlink span:after {
	content:"\f4c8";
	padding-left:0.2em;
	font-family:'Material Symbols Outlined';
	font-weight:600;
}




/* ==============================================
	title
=============================================== */
.section-title {
	color:var(--color-blue);
	text-align:center;
	padding-bottom:2em;
}
.section-title .en {
	display:block;
	line-height:1.6;
	font-size:250%;
	font-weight:700;
}
.section-title .ja {
	display:block;
	font-size:110%;
	font-weight:bold;
}

@media screen and (max-width:767px){ 
	.section-title .en {
		font-size:160%;
	}
	.section-title .ja {
		font-size:90%;
	}
}


/* ==============================================
	buttons
=============================================== */
.buttons {
	padding:2em 0;
	display:flex;
	align-items:center;
	gap:0.5em;
}
.buttons.center {
	justify-content:center;
}
.buttons.right {
	justify-content:flex-end;
}
.buttons.wrap {
	flex-wrap:wrap;
}
.buttons.pb0 {
	padding-bottom:0;
}
.buttons.p0 {
	padding:0;
}
.button {
	width:13em;
	height:2.4em;
	color:var(--color-white);
	font-size:110%;
	background:var(--color-orange);
	border:1px solid var(--color-white);
	border-radius:2em;
	display:flex;
	justify-content:center;
	align-items:center;
}
.buttons.small .button {
	height:1.8em;
	padding:0 0.5em;
}
.buttons.small .button span {
	font-size:75%;
}
.buttons.narrow .button {
	width:10em;
}

.button.blue {
	color:var(--color-white);
	background:var(--color-blue);
}

.button.white {
	color:var(--color-blue);
	background:var(--color-white);
	border-color:var(--color-blue);
	font-weight:bold;
}


.button .icon {
	display:flex;
	justify-content:center;
	align-items:center;
}
.button .icon:before {
	content:"";
	width:1.1em;
	height:1.1em;
	margin-right:0.2em;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
.button .icon.icon-regist:before {
	background-image:url(/wp-content/uploads/2025/08/icon_regist.png);
}
.button .icon.icon-login:before {
	background-image:url(/wp-content/uploads/2025/08/icon_login.png);
}
.button .icon.icon-search:before {
	background-image:url(/wp-content/uploads/2025/08/icon_search.png);
}
.button .icon.icon-link:before {
	background-image:url(/wp-content/uploads/2025/08/icon_link.png);
}

@media screen and (min-width:768px){ 
	.button:not(.comingsoon):hover {
		filter:brightness(1.1);
	}
}
@media screen and (max-width:767px){ 
	.buttons:not(.narrow) {
		flex-direction:column;
	}
	.button {
		font-size:100%;
	}
	.buttons.small .button span {
		font-size:90%;
	}
}

.text-link {
	display:inline-block;
	color:var(--color-blue);
	border-bottom:1px dashed var(--color-blue);
}
.text-link .icon {
	display:flex;
	justify-content:center;
	align-items:center;
}
.text-link .icon:before {
	content:"";
	width:1.1em;
	height:1.1em;
	margin-right:0.2em;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
}
.text-link .icon.icon-link:before {
	background-image:url(/wp-content/uploads/2025/08/icon_link_b.png);
}


/* ==============================================
	explanation
=============================================== */
.explanation {
	text-align:center;
	line-height:2;
}
.explanation p + p {
	padding-top:0.5em;
}
@media screen and (max-width:767px){ 
	.explanation {
		padding:0 1em;
		text-align:justify;
		line-height:1.6;
	}
	.explanation p {
		font-size:90%;
	}
	.explanation p + p {
		padding-top:0.5em;
	}
	.explanation br {
		display:none;
	}
}



/* ============================================================================================
	basic style
============================================================================================= */
#guideFrame {
	margin:0 auto;
	font-size:18px;
	font-weight:500;
	line-height:1.8;
	color:var(--color-body);
	background:#fff;
	font-family:'LINESeedJP','Noto Sans JP',sans-serif;
}

#guideFrame nav {
	padding:4em 0;
}
#guideFrame > section {
	padding:8em 0;
}
.content-frame {
	width:1000px;
	margin:0 auto;
}


@media screen and (min-width:768px){ 
	#guideFrame {
		min-width:1200px;
	}
}
@media screen and (max-width:767px){ 
	body {
		font-size:16px;
	}
	#guideFrame {
		width:480px;
	}
	.content-frame {
		width:100%;
	}
}



/* ============================================================================================
	01.fv
============================================================================================= */
#fv {
	padding:12em 0 8em;
	color:var(--color-white);
	background:url(/wp-content/uploads/2025/08/fv-bg.png) calc(50% - 480px) 50% no-repeat var(--color-blue);
}
.fv-frame {
	display:flex;
	justify-content:space-evenly;
}


.fv-frame-left {
	padding-top:3em;
	display:flex;
	justify-content:center;
}
.fv-title {
}
.fv-title .en {
	display:block;
	line-height:1;
	font-size:550%;
	font-weight:bold;
	text-align:center;
}
.fv-title .en span.r1{
	font-size:135%;
	letter-spacing:-0.05em;
}
.fv-title .ja {
	display:block;
	padding-top:0.2em;
	line-height:1.4;
	font-size:190%;
	font-weight:bold;
}


.fv-frame-right {
	max-width:800px;
}

.fv-label {
	line-height:1.2;
	font-size:300%;
	font-weight:bold;
	color:var(--color-blue);
	-webkit-text-stroke:0.5px var(--color-white);
}

.fv-image {
	padding-top:2em;
}


@media screen and (max-width:767px){ 
	#fv {
		padding:8em 0 4em;
	}
	.fv-frame {
		flex-direction:column;
	}

	.fv-frame-left {
		width:100%;
		padding-bottom:3em;
	}

	.fv-title .en {
		font-size:300%;
	}
	.fv-title .ja {
		font-size:110%;
	}

	.fv-frame-right {
		width:100%;
		padding:0 1em;
	}
	.fv-label {
		font-size:200%;
	}
}



/* ============================================================================================
	02.navi
============================================================================================= */
.nav-menu {
	background:url(/wp-content/uploads/2025/08/03.navi_bg.png) 50% 100% repeat-x;
	display:flex;
	justify-content:center;
	gap:1px;
}
.nav-cell {
	width:210px;
	height:100px;
	padding-bottom:17px;
	background:url(/wp-content/uploads/2025/08/03.navi_cell.png) 50% 100% no-repeat;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.nav-cell a {
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	gap:0.5em;
	text-align:center;
}
.nav-cell a .en {
	line-height:1.2;
	font-size:150%;
	font-weight:bold;
	color:var(--color-blue);
	-webkit-text-stroke:0.5px var(--color-white);
}
.nav-cell a .ja {
	height:3em;
	line-height:1.2;
	color:var(--color-white);
	display:flex;
	justify-content:center;
	align-items:center;
}

@media screen and (min-width:768px){ 
	.nav-cell:hover {
		opacity:0.8;
	}
}
@media screen and (max-width:767px){ 
	.nav-menu {
		justify-content:space-between;
		flex-wrap:wrap;
		background:none;
	}
	.nav-cell {
		width:33%;
	}
	.nav-cell a .ja {
		font-size:90%;
	}
}



/* ============================================================================================
	03.instructors
============================================================================================= */
.instructors-frame {
	padding-top:2em;
}

.instructors-label {
	height:4em;
	padding-top:0.1em;
	line-height:1.4;
	color:var(--color-blue);
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.instructors-label:before ,
.instructors-label:after {
	content:"";
	width:2.4em;
	margin:0 0.3em 0 0;
	aspect-ratio:1/1;
	background:url(/wp-content/uploads/2025/08/icon_title_left.png) 50% 50% no-repeat;
	background-size:contain;
}
.instructors-label:after {
	margin:0 0 0 0.3em;
	background-image:url(/wp-content/uploads/2025/08/icon_title_right.png);
}

.instructors-label span {
	font-size:160%;
}


.instructors-list {
	padding-top:0.5em;
	padding-bottom:1em;
	display:flex;
	flex-wrap:wrap;
}
.instructors-list > * {
	width:calc(100% / 2);
	padding:0.8em;
}
.instructor-cell {
	position:relative;
	height:100%;
	padding:0.8em 0.8em 0.4em;
	color:var(--color-white);
	background:var(--color-blue);
	border-radius:0.8em;
	display:flex;
	flex-direction:column;
}


.instructor-information {
	display:flex;
	align-items:center;
}
.instructor-image {
	position:relative;
	width:4em;
	aspect-ratio:1/1;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	cursor:pointer;
}
.instructor-image:after {
	content:"";
	position:absolute;
	bottom:-0.3em;
	left:-0.3em;
	width:1.5em;
	aspect-ratio:1/1;
	background:url(/wp-content/uploads/2025/08/icon_plus.png) 50% 50% no-repeat;
	background-size:contain;
}

.instructor-image img {
	display:block;
	width:100%;
	aspect-ratio:1/1;
	border-radius:50%;
}
@media screen and (min-width:768px){ 
	.instructor-image:hover {
		opacity:0.8;
	}
}


.instructor-member {
	width:calc(100% - 4em);
	padding-left:0.8em;
}
.instructor-member p {
	font-size:75%;
	line-height:1.4;
}


.instructor-course {
	margin:auto 0;
	height:12em;
	padding:1em 0 0.5em;
	line-height:1.5;
	font-size:75%;
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.instructor-detail {
	padding-top:0.6em;
	line-height:1.4;
}
.instructor-detail a {
	display:block;
	height:4em;
	padding-left:1em;
	padding-right:4em;
	font-size:110%;
	color:var(--color-body);
	font-weight:bold;
	background:url(/wp-content/uploads/2025/08/icon_link_corner.png) 101% 101% no-repeat var(--color-white);
	background-size:auto 100%;
	border-radius:0.5em;
	display:flex;
	align-items:center;
}
@media screen and (min-width:768px){ 
	.instructor-detail a:hover {
		opacity:0.8;
	}
}


.instructor-profile {
	display:none;
}

.instructors-movie {
	padding:0 1em 0.3em;
}
.instructors-movie p {
	padding-left:0.5em;
	font-size:80%;
}

@media screen and (max-width:767px){ 
	.instructors-label span {
		font-size:120%;
		padding-top:0.2em;
	}
	.instructors-label:before ,
	.instructors-label:after {
		width:1.6em;
	}
	.instructors-list > * {
		width:100%;
	}
	.instructor-course {
		height:auto;
	}
	.instructors-movie p {
		padding:0.5em 0;
		font-size:60%;
	}
}


/* ==============================================
	modal
=============================================== */
body.instructor-modal-on {
	width:100%;
	height:100%;
	overflow:hidden;
}
body.instructor-modal-on #guideFrame {
	overflow-y:scroll;
}

#instructor-modal {
	position:fixed;
	z-index:100;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100% !important;
	height:100% !important;
	background:var(--modal-bg);
	backdrop-filter:blur(0.1em);
	display:none;
}
.instructor-modal-frame {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.instructor-modal-panel {
	position:relative;
	width:30em;
	max-height:90%;
	padding:0.5em 1.5em 1.5em;
	background:var(--color-white);
	border-radius:0.8em;
	overflow:auto;
}
.instructor-modal-panel:before {
	content:"\e5cd";
	position:absolute;
	right:0;
	top:0;
	line-height:1;
	color:var(--color-blue);
	font-size:300%;
	font-weight:100;
	font-family:'Material Symbols Outlined';
	cursor:pointer;
}


.instructor-modal-panel h2 {
	color:var(--color-blue);
	font-size:120%;
	font-weight:bold;
	text-align:center;
}
.instructor-modal-panel h3 {
	color:var(--color-blue);
	font-weight:bold;
}

.instructor-modal-member {
	display:flex;
	align-items:center;
}

.instructor-modal-member .image img {
	display:block;
	width:5em;
	aspect-ratio:1/1;
	border:1px solid var(--color-blue);
	border-radius:50%;
}
.instructor-modal-member .member {
	padding-left:1.5em;
	line-height:1.4;
	font-size:85%;
}

.instructor-modal-specialty ,
.instructor-modal-important {
	padding-top:1.5em;
	line-height:1.6;
	font-size:85%;
}

.instructor-modal-close {
	cursor:pointer;
	color:var(--color-white);
	display:flex;
	align-items:center;
}
.instructor-modal-close:before {
	content:"\e5cd";
	font-size:130%;
	font-family:'Material Symbols Outlined';
}


@media screen and (max-width:767px){ 
	.instructor-modal-panel {
		width:96%;
		padding:0.5em 1em 1.5em;
	}
	.instructor-modal-member .member {
		padding-left:0.8em;
		font-size:75%;
	}
}



/* ============================================================================================
	05.practice
============================================================================================= */
#s05 {
	background:var(--color-lightblue);
}


.practice-flow {
	padding-top:3em;
}
.practice-flow > * + * {
	padding-top:1.6em;
}

.practice-flow-cell {
	padding:0.6em 1em;
	background:url(/wp-content/uploads/2025/08/05.practice_cell.png) 0 50% no-repeat;
	border-radius:0.8em;
	display:flex;
	align-items:center;
}

.practice-flow-number {
	width:14em;
	padding:0.6em;
	color:var(--color-white);
	display:flex;
	align-items:center;
}

.practice-flow-number p {
	line-height:1.3;
	font-size:130%;
	font-weight:bold;
}
.practice-flow-number p span {
	font-size:120%;
}

.practice-flow-detail {
	width:calc(100% - 14em);
}
.practice-flow-detail p {
	line-height:1.4;
}

.practice-flow-detail .buttons {
	padding:0.8em 0 0.5em;
}
.practice-flow-detail .button {
	width:auto;
	min-width:13em;
}

@media screen and (max-width:767px){ 
	.practice-flow {
		padding-top:1em;
	}
	.practice-flow li {
		padding:1.6em 0.5em 0;
	}
	.practice-flow-cell {
		padding:0;
		flex-direction:column;
		background:var(--color-white);
		border-radius:0.5em;
		overflow:hidden;
	}
	.practice-flow-number {
		width:100%;
		padding:0 1em 17px;
		background:url(/wp-content/uploads/2025/08/05.practice_cell_sp.png) 50% 100% no-repeat;
		display:block;
		text-align:center;
	}
	.practice-flow-number p {
		padding:0.5em 0;
	}
	.practice-flow-detail {
		width:100%;
		padding:0.5em 1em;
		line-height:1.6;
		text-align:justify;
	}

}



/* ============================================================================================
	06.course
============================================================================================= */
.session-list {
	display:flex;
	flex-direction:column;
	gap:1em;
}

.session-cell {
	padding:0.8em;
	background:var(--color-palelightblue);
	border:1px solid var(--color-blue);
	border-radius:0.8em;
	display:flex;
}

.session-cell-title {
	width:37.5%;
	padding-left:2em;
	border-right:1px dashed var(--color-blue);
}
.session-cell-title .session-number {
	position:relative;
	line-height:1;
}
.session-cell-title .session-number span {
	font-size:350%;
	font-weight:bold;
	color:var(--color-blue);
}
.session-cell-title .session-number:after {
	content:"";
	position:absolute;
	left:-2em;
	bottom:0;
	display:block;
	width:3em;
	aspect-ratio:100/64;
	background:url(/wp-content/uploads/2025/08/icon_new.png) 50% 50% no-repeat;
	background-size:contain;
}
.session-cell-title h3 {
	padding:0.3em 0 1em;
	line-height:1.4;
	color:var(--color-blue);
}
.session-cell-title h3 span {
	font-size:110%;
}

.session-cell-information {
	position:relative;
	width:62.5%;
	padding-left:1em;
}
.session-cell-information p {
	line-height:1.4;
}
.session-cell-information em {
	padding:0;
}

.session-cell-details {
	margin-bottom:0;
	display:flex;
	flex-wrap:wrap;
}
.session-cell-details dt {
	margin-top:0.5em;
	width:8em;
	color:var(--color-white);
	background:var(--color-blue);
	border-radius:0.5em;
	text-align:center;
}
.session-cell-details dt span {
	line-height:1.4;
	font-size:85%;
}
.session-cell-details dd {
	width:calc(100% - 8em);
	margin:0.5em 0 0;
	padding-left:0.8em;
}

.session-cell-information .buttons {
	position:absolute;
	right:0;
	bottom:0;
	padding:0;
}

@media screen and (max-width:767px){ 
	.session-cell {
		display:block;
	}
	.session-cell-title {
		width:100%;
		padding:0 0 1em;
		border-right:0 none;
		border-bottom:1px dashed var(--color-blue);
		display:flex;
		align-items:center;
		flex-direction:column;
	}
	.session-cell-information {
		width:100%;
		padding:0.5em 0 0;
	}
	.session-cell-information p br {
		display:none;
	}
	.session-cell-details {
		font-size:95%;
	}
	.session-cell-details dt {
	    width: 6em;
	}
	.session-cell-details dd {
	    width:calc(100% - 6em);
	}
}



/* ============================================================================================
	07.campaign
============================================================================================= */
#s07 {
	color:var(--color-white);
	background:url(/wp-content/uploads/2025/08/fv-bg.png) calc(50% - 840px) 0 no-repeat var(--color-blue);
}

#s07 .section-title {
	padding-bottom:1em;
	color:var(--color-white);
}
.campaigns {
	padding:3em 0.5em 0;
	display:flex;
	justify-content:center;
	gap:0.5em;
}

@media screen and (min-width:768px){ 
	.campaigns a:hover{
		opacity:0.8;
	}	
}
@media screen and (max-width:767px){ 
	#s07 {
		background-position:100% 15em;
		background-size: 200%;
	}
	#s07 .explanation {
		text-align:center;
	}
	#s07 .explanation br {
		display:initial;
	}
	.campaigns {
		flex-direction:column;
		align-items:center;
		gap:1em;
	}
	.campaigns > a {
		width:80%;
	}
	.campaigns > a img {
		width:100%;
	}
}



/* ============================================================================================
	08.step
============================================================================================= */
.step-list {
}


.step-frame {
	position:relative;
	padding:24px 0;
}
.step-frame:before ,
.step-frame:after {
	position:absolute;
	content:"";
	left:0;
	display:block;
	width:100%;
	height:24px;
}
.step-frame:before {
	top:0;
	background:url(/wp-content/uploads/2025/08/10.steps_frame1.png) 0 100% no-repeat;
}
.step-frame:after {
	bottom:0;
	background:url(/wp-content/uploads/2025/08/10.steps_frame3.png) 0 0 no-repeat;
}
.step-list > :last-child .step-frame:after {
	content:none;
}

.step-cell {
	padding-left:2em;
	background:url(/wp-content/uploads/2025/08/10.steps_frame2.png) 0 0 repeat-y;
}

.step-cell-label {
	color:var(--color-blue);
}
.step-cell-label {
	line-height:1;
	display:flex;
	align-items:center;
}
.step-cell-label > span {
	font-size:80%;
}
.step-cell-label > span.step-cell-number {
	font-size:300%;
	font-weight:bold;
}
.step-cell-label h3 {
	padding-left:1em;
	font-size:110%;
	font-weight:bold;
}

.step-cell-information {
	margin-top:-0.5em;
	padding:0 1em 0 4.5em;
	line-height:1.6;
}

.step-cell-information p {
	padding-left:1em;
	text-indent:-1em;
	font-size:85%;
}
.step-cell-information .indent {
	padding-left:1em;
	font-size:85%;
}
.step-cell-information .buttons {
	padding:1em 0 0;
}
.step-cell-information .buttons .button {
	width:12em;
}

.step-cell-information .memo {
	font-size:80%;
}


@media screen and (max-width:767px){ 
	.step-cell {
	}
	.step-cell-information {
		margin-top:0.5em;
		padding-left:0.3em;
	}
	.step-cell-information p ,
	.step-cell-information .indent {
		font-size:90%;
	}	
	.step-cell .buttons {
		width:100%;
		padding-top:1em;
		justify-content:center;
	}
}




/* ============================================================================================
	09.faq
============================================================================================= */
#s09 {
	background:var(--color-lightblue);
}

#s09 .section-title {
	padding-bottom:0.5em;
}

.faq-link {
	padding-bottom:2em;
	text-align:center;
}
.faq-link a {
	font-size:90%;
}

.faq-list {
	width:45em;
	margin:0 auto;
}
.faq-list > * {
	padding-top:1em;
	font-size:95%;
}

.faq-q ,
.faq-a {
	position:relative;
	padding:0 3em 0 1em;
	line-height:1.6;
	display:flex;
}
.faq-q {
	font-weight:bold;
	background:var(--color-white);
	border:1px solid var(--color-blue);
	border-radius:0.5em;
	align-items:center;
	cursor:pointer;
}
.faq-q:before ,
.faq-a:before {
	content:"Q";
	width:1.6em;
	padding-right:0.3em;
	color:var(--color-blue);
	font-size:140%;
	font-weight:bold;
	text-align:center;
}
.faq-a:before {
	content:"A";
	color:var(--color-orange);
}
.faq-q p ,
.faq-a p {
	width:calc(100% - 1.6em);
	text-align:justify;
}
.faq-a {
	width:100%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	overflow:hidden;
}
.faq-q p {
	padding-top:0.3em;
	padding-bottom:0.3em;
}
.faq-a p {
	padding-top:0.3em;
}


#faq .content-frame + .content-frame {
	padding-top:3em;
}

.faq-q:after {
	content:"\e147";
	position:absolute;
	right:0.5em;
	top:50%;
	transform:translateY(-50%);
	color:var(--color-blue);
	font-family:'Material Symbols Outlined';
	font-weight:400;
	font-variation-settings:'FILL' 1;
	font-size:150%;
}
.faq-q.open:after {
	content:"\e644";
}

.faq-a-frame {
	display:none;
	width:100% !important;
}

@media screen and (max-width:767px){ 
	.faq-list {
		width:100%;
		padding:0 0.5em;
	}
	.faq-title span {
		padding:0;
	}
}



/* ============================================================================================
	10.news
============================================================================================= */
.news-list {
}
.news-cell {
	padding:0.8em 1em;
	display:flex;
	align-items:center;
}
.news-cell:nth-child(odd) {
	background:var(--news-oddline);
}

.news-date {
	width:10em;
	color:var(--color-blue);
	text-align:center;
}
.news-title {
	width:calc(100% - 10em);
}
.news-title .exlink{
	color:var(--color-body);
	font-weight:normal;
	border-bottom:0 none;
}

@media screen and (max-width:767px){ 
	.news-cell {
		padding:0.8em 0.3em;
	}
	.news-date {
		width:8em;
	}
	.news-title {
		width:calc(100% - 8em);
	}
	.news-cell a.exlink span {
		display:block;
	}
}