@charset "UTF-8";
/*
Theme Name: about theme
Description: 協会概要
*/


/* about-page */
main .sec_cont:not(:first-of-type) {
	padding-top: 0;
}
/* intro */

#intro .layout_pattern_a .item {
	margin-bottom: 0;
}
#intro .imgarea {
	float: right;
	padding: 0 0 1em 1.5em;
}
#intro .btnarea a {
	line-height: 1.2;
	padding: 0.4em 1.5em 0.5em 1em;
	height: inherit;
	border-radius: 2.5em;
}
#intro .btnarea a .txt_slash {
	justify-content: center;
}
#intro .btnarea a .txt_slash:before,
#intro .btnarea a .txt_slash:after {
	border-color: #ffffff;
}

/* message */
#message #intro .txtarea {
	width: 100%;
}
#message .sns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 2em;
	border-top: 1px solid #e5730e;
	padding-top: 1.5em;
	
}
#message .layout_pattern_a .item .txtarea .sns .btnarea {
	margin-top: 0;
}
#message .sns ul {
	display: inline-block;
	margin-right: 1em;
	position: relative;
	z-index: 10;
}
#message .sns ul li {
	display: inline-block;
	margin-right: 0.5em;	
}
#message .sns ul li a {
    display: inline-block;
}

/* work */
.whitebox {
	max-width: 1080px;
	margin: 0 auto;
}
#work .contwrap .whitebox .themewrap:not(:last-of-type) {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #ffa971;
}
#work .whitebox .txtarea {
	width: calc(100% - 340px);
}
#work .whitebox .imgarea {
	width: 300px;
}
.whitebox .imgarea img {
	border-radius: 1.5em;
}

/* interview */
#interview .whitebox .imgarea {
	width: 180px;
}
#interview .whitebox .txtarea {
	width: calc(100% - 220px);
}
#interview h3 {
	font-size: 2.1rem;
	font-weight: 300;
	letter-spacing: 0.07em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#interview .whitebox .txtarea dl {
	font-size: 1.5rem;
	margin-top: 1.0em;
	padding-top: 1.0em;
	border-top: 1px solid #ffa971;
}

@media screen and (max-width: 768px) {
	.whitebox {
		padding: 1.5em 1.2em;
	}
	#intro .imgarea {
		float: none;
		padding: 0;
		margin-bottom: 1.5em;
	}
	#work .whitebox .txtarea {
		width: 100%;
	}
	#work .whitebox .imgarea {
		width: 100%;
		max-width: 300px;
    	margin: 1em auto 0;
	}
	#interview .whitebox .imgarea {
		width: 100%;
		max-width: 180px;
    	margin: 0 auto 1em;
	}
	#interview .whitebox .txtarea {
		width: 100%;
	}
	#interview h3 {
		font-size: 1.9rem;
		letter-spacing: 0.05em;
	}
	.whitebox .imgarea img {
		border-radius: 1em;
	}
	#message .sns {
		flex-direction: column;
	}
	#message .sns ul {		
		margin: 0 auto 1em;
	}
	#message .sns ul li a {
		display: inline-block;
		width: 36px;	
	}
	#message .layout_pattern_a .item .txtarea .sns .btnarea {
		width: 100%;
	}
}


/* message-page */
hr.clear {
	display: none;
}
#youth .midashi_bgorg {
	margin-bottom: 1.5em;
}


/* outline-page */
#outline .layout_pattern_a .item {
	margin-bottom: 3em;
}
#outline h3 {
	font-size: 2.1rem;
}
#outline .whitebox .themewrap {
	margin-bottom: 3em;
}
#outline .whitebox .txtarea {
	padding: 0 4%;
}

#organization .imgarea {
	text-align: center;
	margin-top: 1em;
}
#organization .imgarea img {
	background: #F9F9F9;
	padding: 3em;
}
@media screen and (max-width: 768px) {
	/*#outline .whitebox,
	#organization .whitebox {
		padding: 1.5em 1.2em;
	}*/
	#outline h3 {
		font-size: 1.9rem;
	}
	#organization .imgarea img {
		padding: 1em;
	}
}