@charset "utf-8";
/* CSS Document */

/* =======================================
共通
=========================================*/



section .heading02 {
	margin-bottom: 2.0em;
	text-align: center;
	color: #00A0E8;
	font-size: 157.1%; /* 22px */
	font-weight: 500;
}

/* intro_section */

/* list_section */

#edit-area .list_section {
	margin-bottom: 40px;
}

.list_section .heading02 {
	margin-bottom: 3.0em;
}
	
#edit-area .list_section .flex_box .heading_part {
	background: #00A0E8;
	text-align: center; 
	color: #fff;
}
	
#edit-area .list_section .flex_box .heading_part p.heading {
	font-weight: 600;
}

/* table_section */

.table_section {
	
}

.table_section .skill-list h4 {
	color: #F09400;
	font-weight: 600;
}

.table_section .skill-list li {
    margin-left: 1em;

}

.table_section .skill-list li::before {
    content: "◆";
    color: #F09400;
}

/* industry_section */

.industry_section .list_cont a {
	display: block;
	text-decoration: none;
}

.industry_section .list_cont a:hover {
	opacity: 0.6;
}

.industry_section .list_cont {
	height: 80px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
	padding-right: 2em;
	text-align: center;
	background: #D0EAF8;
	font-weight: 600;
}

.industry_section .list_cont::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    height: 100%;
    background: #bce4f8;
}

.industry_section .list_cont .strong {
    font-size: 128.6%; /* 18px */
}

.industry_section .list_cont .small {
    font-size: 80%; 
}

.industry_section .list_cont::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 1em;
    border-width: 6px 0 6px 10px;
    border-style: solid;
    border-color: transparent;
    border-left-color: transparent;
    border-left-color: #0099E2;
    transform: translate(50%, -50%);
}

/* support_section */

#edit-area .support_section h2 span.font_l {
	font-size: 171.4%;
}

/* interview_section */

#edit-area .interview_section a:hover {
	opacity: 0.8;
}

.interview_section {
	text-align: center;
}

.interview_section .hgroup {
	margin-bottom: 2.0em;
	width: 100%;
}

.interview_section .heading02 {
}

.interview_section .heading02 {
	display: flex;
	align-items: center;
}

.interview_section .heading02::before {
	margin-right: .8em;
}

.interview_section .heading02::after {
	margin-left: .8em;
}

.interview_section .heading02::before,
.interview_section .heading02::after {
	content: "";
	flex-grow: 1;
	height: 4px;
	background: #00a0ee;
	display: block;
}

.interview_section .link_part {
	text-align: right;
}

.interview_section .list_cont {
	position: relative;
}

.interview_section .list_cont .interview-list-num{
	position: absolute;
	top: 0;
	left: -17px;
	width: 72px;
}

.interview_section .list_cont .interview-list-num img {
	width: 100%;
}

.interview_section .interview-list-image {
    border-radius: 50%;
    background: #ccc;
    overflow: hidden;
}

.interview_section .interview-list-image img {
	width: 100%;
}

/* xxx_section */


/* =======================================
スマホ向けのスタイル：0px〜599px
=========================================*/

@media only screen and (max-width: 599px) {

	/* intro_section */

	/* list_section */

	.list_section .heading02 {
	}
	
	.list_section .flex_box .heading_part {
		margin-bottom: 1.0em;
		padding: 0.5em 0;
	}

	/* table_section */

	.table_section .skill-list li {
}

	/* industry_section */

	/* support_section */
	

	#edit-area .support_section h2 span.font_l {
		font-size: 142.9%;
	}

	/* interview_section */

	.interview_section .list_cont .interview-list-num{
		top: -5px;
		left: 0;
		width: 60px;
	}
}

/* =======================================
タブレット向けのスタイル：600px ～ 899px
=========================================*/

@media only screen and (min-width: 600px) {

	/* intro_section */

	/* list_section */
	
	.list_section .flex_box {
		display: flex; 
		justify-content: space-between;
	}
	
	.list_section .flex_box .heading_part {
		padding: 8.0em 0;
		flex-basis: 120px;
		max-width: 120px;
	}
	
	.list_section .flex_box .list_part {
		flex-basis: calc(100% - 140px);
		max-width:  calc(100% - 140px);
	}

	/* table_section */

	/* industry_section */

	/* support_section */

	/* interview_section */
}

/* =======================================
PC向けのスタイル：960px以上
=========================================*/

@media only screen and (min-width: 960px) {

	/* intro_section */

	/* list_section */
	
	.list_section .flex_box {
		margin-left: 30px;
		margin-right: 30px;
	}

	/* table_section */

	.table_section .skill-list,
	.table_section .skill-list ul {
		display: flex;
	}

	/* industry_section */

	/* support_section */

	/* interview_section */
}