/* =======================================================
*
* 	研修コンセプト
*
* ======================================================= */

.mv_title{
	width: 90%;
}

.mv_title h2{
	margin:0 auto !important;
}

.required{
	font-size:12px;
	padding:0.2em 0.5em;
	margin-left:0.5em;
	color:#d6000f;
	background: #fff;
	border:solid 1px #d6000f;
}

.btn-submit{
	font-size:1.8rem;
	padding:0.5em 1em;
	color:#d6000f;
	background: #fff;
	border:solid 5px #d6000f;
	border-radius: 0;
	font-family: 'Noto Sans JP', sans-serif;
}

#fh5co-section .section_inner{
	margin:0 auto;
}

.program_table{
	display: table;
	margin-top: 2rem;
	width:100%;
	margin:0;
	 border-collapse: separate;  /* セルの間隔を空ける */
 border-spacing:0 1px ;  /* 左右 上下で記述 */
}

.program_table dt{
	display:table-cell;
	
	font-size:2.0rem;
	font-family: 'Noto Sans JP', sans-serif;
	background: #c7b295;
	color:#fff;
	width:30%;
	padding:1em;
	text-align: center;
	vertical-align: middle;
	
}

.program_table dd{
	display:table-cell;
	background: #f4efe8;
	font-size:1.6rem;
	line-height: 1.8;
	font-family: 'Noto Sans JP', sans-serif;
	width:70%;
	padding:1em;
}

.tab-box{
	margin:4em auto;
}
.tab-box2{
width:1000px;
margin: 4em auto 0;
display: flex;
}

.tab_wrap{
	width : calc(100% / 2);
	margin-right: 1px;
}

.tab-box h2{
	text-align: center;
	margin:0 auto 1em;
}

.tab-box ul {
    width: 1000px;
    margin: 0 auto 80px;
    display: flex;
    justify-content: space-between;
}
.tab-box li {
    width : calc(100% / 3);
    height: auto;
    display: block;
 border:solid 1px #d6000f;
border-left:none;
    background: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
	padding:1em 0;
}

.tab-box li:first-child {
border-left:solid 1px #d6000f;
}
.tab-box2 li {
    width : calc(100% / 3);
    height: auto;
    display: block;
    margin-right: 1px;
    background: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
	
}
.tab-box li::after {
    content: '';
    width: 16px;
    height: 16px;
    border: 0px;
    border-top: solid 1px #d6000f;
    border-right: solid 1px #d6000f;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 4%;
    margin-top: -7px;
}
.tab-box li a {
	font-family: 'Noto Sans JP', sans-serif;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.4;
    font-size: 16px;
    text-align: center;
    color: #d6000f;
    padding: 0.5em;
}
.tab-box li.active {
    height: auto;
    background: #eee;
    align-items: center;
    justify-content: center;
    display: flex;
}
.tab-box li.active span {
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
    justify-content: center;
    margin: auto;
    padding: 0.5em;
}
.tab-box li.active::after {
    content: '';
    width: 0px;
    height: 0px;
    border: 0px;
    border-top: solid 1px #d6000f;
    border-right: solid 1px #d6000f;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 4%;
    margin-top: -7px;
	
}

.cs-table1{
	display:flex;
	margin-top:2em;
}

.cs-table1 dd{
	display:flex;
	margin-top:2em;
	
}


.cs-table1 dt img{
	width:100%;
	margin:0.5em 0;
}

.cs-table1 dd img{
	width:100%;
}

.cs-table2{
	display: table;
	margin-top:2em;
}

.cs-table2 dt{
	width:25%;
	display: table-cell;
	padding:1em;
	vertical-align: middle;
}

.cs-table2 dd{
	display: table-cell;
	padding:0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	font-weight: 700;
	line-height: 1.8;
	vertical-align: middle;
}

.cs-table2 dd.image{
	width:30%;
}
.cs-table2 dt img{
	width:100%;
}

.cs-table2 dd img{
	width:100%;
}
.cs-table3{
	display: table;
	margin-top:2em;
}

.cs-table3 dt{
	width:60%;
	display: table-cell;
	padding:1em;
	vertical-align: top;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.8;
	font-size:16px;
}

.cs-table3 dd{
	display: table-cell;
	padding:1em;
	
	font-weight: 700;
	line-height: 1.8;
	vertical-align: middle;
}

.cs-table3 dd.image{
	width:40%;
}
.cs-table3 dt img{
	width:100%;
}

.cs-table3 dd img{
	width:100%;
}


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



#fh5co-section .awaji-island_bg1-1.section_inner{
	width:100%;
	padding-top:0%;
	margin:1em auto 1em;
}
	
	#fh5co-section .section_inner{
	width:100%;
	//padding-top:60%;
	margin:1em auto 1em;
}

.section_inner p{
	margin:1em auto 0;
	color:#000 !important;	
	width:90%;
}
	
	#fh5co-section h2{
		width:100%;
		font-size:2.8rem;
		margin:0 auto;
	}
	
	
.tab-box ul {
	width:100%;
    display: block;
}
.tab-box li {
    width: 100%;
	border: solid 1px #d6000f;
    border-top: none;
}
	
	.tab-box li:first-child{
    width: 100%;
    border-top: solid 1px #d6000f;
}
	
	
.tab-box li a {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    color: #d6000f;
    padding: 1em;
}
.tab-box li.active {
    border-top: none;
    width: 100%;
    padding: 1em;
    background: #eee;
}
	


	
		.tab-box li{
	text-align: center;
}
	.tab-box li a {
    display: block;
    width: 100%;
    height: auto;
    background: none;
    padding: 0 25% 0 25%;
	text-align: rleft;
}
	
		.tab-box li.tab0 a {
    display: block;
    width: 100%;
    height: auto;
    background: none;
    color: #fff;
    padding: 0 10% 0 10%;
	text-align: left;
}
	.tab-box{
	margin:2em auto;
}
.tab-box2{
width:100%;
margin: 2em auto 0;
display:block;
}
	
	.tab-box2 ul{
margin-bottom: 2em;
}

.tab_wrap{
	width : calc(100%);
	margin-right:0;
}

	.tab-box h2{
	text-align: center;
	margin:0 auto 0.5rem;
}
	
	
.program_table{
	display: block;	
	margin-top: 2rem;
	width:100%;
	margin:0;
	 border-bottom:solid 2px #fff;
}

.program_table dt{
	display:block;	
	font-size:2.0rem;
	font-family: 'Noto Sans JP', sans-serif;
	background: #c7b295;
	color:#fff;
	width:100%;
	padding:0.5em;
	text-align: center;
	vertical-align: middle;
	
}

.program_table dd{
	display:block;	
	background: #f4efe8;
	font-size:1.6rem;
	line-height: 1.8;
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	padding:1em;
}

	
.cs-table2{
	display:flex;
	flex-wrap: wrap;
	margin-top:2em;
}

.cs-table2 dd{
	margin-top:2em;
	
}

.cs-table2 dt{
	width:40%;
	margin:0;
}

.cs-table2 dt img{
	width:100%;
	margin:0;
}
	
	
.cs-table2 dd{
	width:60%;
	font-size:14px;
}

.cs-table2 dd:last-child{
	width:100%;
}
	
	
.cs-table3{
	display: flex;
	flex-wrap:wrap;
	margin-top:2em;
}

.cs-table3 dt{
	width:100%;
	padding:0;
	vertical-align: middle;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
}

.cs-table3 dd{
	width:100%;
	padding:0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	font-weight: 700;
	line-height: 1.8;
	vertical-align: middle;
}

.cs-table3 dd img{
	margin-top: 1em;
	width:100%;
}

		
	
}