@charset "UTF-8";

/* symposium */


/*===========================
 symposiumConnectVisual
===========================*/


@charset "UTF-8";

/* symposium */

/*===========================
 symposium
===========================*/
.symposium_mainVisual_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 100px;
}
/*技能職*/
.symposium_mainvisual_l{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    color: #ffffff;
    padding: 60px 60px 110px 60px;
    box-sizing: border-box;
    border-radius: 35px;
	background: url('/saiyou/plant/highschool/images/symposium/interView_mainVisual_bg_r.png') 0 0;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color:#1da3a3;
    position: relative;
	width: 47.7%;
	height: auto;
}
.symposium_mainvisual_l::before {
    display: block;
    content:'';
    position:absolute;
    border-radius: 35px;
    bottom: 0px;
    left: 0%;
	background: url('/saiyou/plant/highschool/images/symposium/person_manufacture.png') 0 0;
    background-size: 56%;
    background-position: bottom right -34px;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;
    z-index: 3;
}
.symposium_mainvisual_l::after{ 
	display: block;
    content:'';
    position:absolute;
    bottom: -34px;
    right: 66.5%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:35px 0 0 42px ;
    border-color: #1cadb1 transparent transparent transparent;
}

.symposium_manufacture_title {
    display: block;
    position:absolute;
    top: -20px;
    left: 10%;
    width: 113px;
    height: auto;
    border-radius: 25px;
    font-family: UD Shin Go Medium;
    font-size: 20px;
    color: #1da3a3;
    background-color: #ffffff;
    padding: 0.3% 1.58%;
    border: 4px solid #1da3a3;
    box-sizing: border-box;
    font-family: UD Shin Go Bold;
}
.symposium_mainvisual_l .title_block{
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 0;
}

.symposium_mainvisual_l h2{
	text-align: left;
    margin-bottom:  30px;
    font-size: 28px;
    line-height: 44px;
    z-index: 3;
    font-family: UD Shin Go Bold;
	color: #ffffff;
}
.symposium_mainvisual_l h3{
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1;
    z-index: 3;
    font-family: UD Shin Go Bold;
	color: #ffffff;

}  
.symposium_mainvisual_l p.subcaption {
	text-align: left;
    margin-bottom:  10px;
    font-size: 16px;
    line-height: 1.4em;
    z-index: 3;
    font-family: UD Shin Go Light;
	color: #ffffff;
}
.symposium_mainvisual_l p.caption{
	text-align: justify;
    margin-bottom:  15px;
    font-size: 12px;
    line-height: 1.6em;
    z-index: 3;
    font-family: UD Shin Go Light;
	color: #ffffff;
	letter-spacing: 1px;
	width: 55%;

}

.symposium_mainvisual_l_container{
    margin-top: 70px;
    margin-bottom: 75px;
    display: block;
}


/*保全職*/
.symposium_mainvisual_r{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    color: #ffffff;
    padding: 60px;
    box-sizing: border-box;
    border-radius: 35px;
    background: url('/saiyou/plant/highschool/images/symposium/interView_mainVisual_bg_l.png') 0 0;
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color:#0f73cf;
    position: relative;
	width: 47.7%;
	height: auto;
}
.symposium_mainvisual_r::before {
    display: block;
    content:'';
    position: absolute;
    border-radius: 35px;
    bottom: 0;
    left: 0;
    background: url('/saiyou/plant/highschool/images/symposium/person_maintenance.png') 0 0;
    background-size: 63%;
    background-position: bottom -1px left -43px;
    background-repeat: no-repeat;
	width: 100%;
	height: 100%;
    z-index: 3;
}
.symposium_mainvisual_r::after{ 
	display: block;
    content:'';
    position:absolute;
    bottom: -34px;
    left: 65%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 35px 42px ;
    border-color: transparent transparent transparent #0e79d3;
}

.symposium_maintenance_title {
    display: block;
    position:absolute;
    top: -20px;
    right: 10%;
    width: 113px;
    height: auto;
    border-radius: 25px;
    font-family: UD Shin Go Medium;
    font-size: 20px;
    color: #0f73cf;
    background-color: #ffffff;
    padding: 0.3% 1.58%;
    border: 4px solid #0f73cf;
    box-sizing: border-box;
    font-family: UD Shin Go Bold;
}
	.symposium_mainvisual_r .title_block{
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-end;
}

.symposium_mainvisual_r h2{
	text-align: right;
    margin-bottom:  30px;
    font-size: 28px;
    line-height: 44px;
    z-index: 3;
    font-family: UD Shin Go Bold;
	color: #ffffff;
}
.symposium_mainvisual_r h3{
    text-align: left;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1;
    z-index: 3;
    font-family: UD Shin Go Bold;
	color: #ffffff;

}  
.symposium_mainvisual_r p.subcaption {
	text-align: right;
    margin-bottom:  10px;
    font-size: 16px;
    line-height: 1.4em;
    z-index: 3;
    font-family: UD Shin Go Light;
	color: #ffffff;
}
.symposium_mainvisual_r p.caption{
	text-align: justify;
    font-size: 12px;
    line-height: 1.6em;
    z-index: 3;
    font-family: UD Shin Go Light;
	color: #ffffff;
	letter-spacing: 1px;
	width: 55%;

}

.symposium_mainvisual_r_container{
    margin-top: 70px;
    margin-bottom: 75px;
    display: block;
}




.symposium_Pictureblock{
    text-align: left;
    padding: 0px 75px;
	margin: 75px auto;
}
.symposium_Pictureblock img {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}
.symposium_Pictureblock p.caption{
    margin: 25px 0 10px 0;
    font-size: 14px;
    line-height: 30px;
}
.InterviewVoice p {
    margin-bottom: 0px;
}
.symposium p{
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 20px;
}
.InterviewVoice p span.symposium_l {
    color: #0f73cf;
	position: relative;
	padding-right: 14px;
    font-family: UD Shin Go Bold;
}
.InterviewVoice p span.symposium_r {
    color: #1da3a3;
	position: relative;
	padding-right: 14px;
    font-family: UD Shin Go Bold;
}
.InterviewVoice p span.recruit {
    color: #333333;
	position: relative;
	padding-right: 14px;
    font-family: UD Shin Go Bold;
}
/* PC */
@media print,
screen and (min-width: 768px) and (max-width: 1279px) {
	.symposium_mainvisual_r,.symposium_mainvisual_l{
        padding: 6.637% 6.637% 13.274% 6.637%;
	}
	.symposium_manufacture,.symposium_maintenance{
        padding: 6.637% 6.637% 13.274% 6.637%;
        width: 47.7%;
        height: 100%;
    }
    .symposium_Pictureblock{
        text-align: left;
        padding: 0 8.824%;
    }
	.symposium_mainvisual_l .title_block{
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 0;
		}
	.symposium_Pictureblock p.caption{
		width: 50%;
		margin: 25px 0 10px 0;
		font-size: 14px;
		line-height: 30px;
	}
	.symposium_mainvisual_l p.caption{
		width: 50%;
		}

}
/* TABLET */
@media screen and (min-width: 768px) and (max-width: 979px) {
	
}


/* SP */
@media screen and (max-width: 767px) {
    .symposium_mainVisual_container{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-bottom: 35px;
    }
    /*技能職*/
	.symposium_mainvisual_l{
        padding: 45px 20px 40px 20px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        color: #ffffff;
        box-sizing: border-box;
        border-radius: 25px;
        background: url('/saiyou/plant/highschool/images/symposium/interView_mainVisual_bg_r_sp.png') 0 0;
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-color:#1da3a3;
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 50px;
    }
    .symposium_mainvisual_l::before{
        display: block;
        content:'';
        position:absolute;
        border-radius: 25px;
        background: url('/saiyou/plant/highschool/images/symposium/person_manufacture.png') 0 0;
        background-size: 49%;
        background-position: bottom left 7px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }
	.symposium_mainvisual_l::after{ 
        display: block;
        content:'';
        position:absolute;
        bottom: -23px;
        right: 6%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 24px 0 0 29px ;
        border-color: #1da3a3 transparent transparent transparent;
    }
    
    .symposium_manufacture_title,.symposium_maintenance_title {
        left: 6%;
        width: 90px;
        border-radius: 25px;
        font-size: 16px;
        padding: 0.7% 0.98%;
    }

    /*保全職*/
    .symposium_mainvisual_r{
        padding: 45px 20px 40px 20px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        color: #ffffff;
        box-sizing: border-box;
        border-radius: 25px;
        background: url('/saiyou/plant/highschool/images/symposium/interView_mainVisual_bg_l_sp.png') 0 0;
        background-size: cover;
        background-position: bottom left;
        background-repeat: no-repeat;
        background-color:#0f73cf;
        position: relative;
        width: 100%;
        height: auto;
    }
    .symposium_mainvisual_r::before {
        display: block;
        content:'';
        position:absolute;
        border-radius: 25px;
        background: url('/saiyou/plant/highschool/images/symposium/person_maintenance.png') 0 0;
        background-size: 62%;
        background-position: bottom -1px right -12px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }
    .symposium_mainvisual_r::after{ 
        display: block;
        content:'';
        position:absolute;
        bottom: -23px;
        left: 6%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 24px 29px ;
        border-color: transparent transparent transparent #0f73cf;
    }
    
    .symposium_mainvisual_r .title_block{
        align-items: flex-start;
    }
	.symposium_mainvisual_l .title_block{
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 0;
	}
	.symposium_mainVisual_container h2{
		text-align: left;
		margin-bottom:  20px;
		font-size: 18px;
		line-height: 28px;
		z-index: 3;
		font-family: UD Shin Go Bold;
		color: #ffffff;
	}
	.symposium_mainVisual_container h3{
		text-align: left;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 1;
		z-index: 3;
		font-family: UD Shin Go Bold;
		color: #ffffff;
	
	}  
	.symposium_mainVisual_container p.subcaption {
		text-align: left;
		margin-bottom:  3.3%;
		font-size: 12px;
		line-height: 1.4em;
		z-index: 3;
		font-family: UD Shin Go Light;
		color: #ffffff;
	}
	.symposymposium_mainVisual_container p.caption{
		text-align: justify;
		margin-bottom:  0px;
		font-size: 12px;
		line-height: 1.6em;
		z-index: 3;
		font-family: UD Shin Go Light;
		color: #ffffff;
		letter-spacing: 1px;
	}
   
    .symposium_mainvisual_l p.caption{
        text-align: justify;
        margin:0 0 0 45%;
        font-size: 12px;
        line-height: 1.6em;
        z-index: 3;
        font-family: UD Shin Go Light;
        color: #ffffff;
        letter-spacing: 1px;
        width: 55%;
    
    }
	.symposium_mainvisual_l_container{
		margin-top: 35px;
		margin-bottom: 40px;
		display: block;
	}

	.symposium_Pictureblock{
		text-align: left;
		padding: 0px;
		margin: 30px auto;
	}

    .symposium_Pictureblock p.caption{
        margin: 25px 0 10px 0;
        font-size: 14px;
        line-height: 30px;
    }
    .symposium p {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 15px;
    }
}


/* TABLET SP */
@media print,screen and (min-width: 480px) and (max-width: 767px) {
	  /*技能職*/
      .symposium_mainvisual_l{
        padding:6.637% 6.637% 13.274% 6.637%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        color: #ffffff;
        box-sizing: border-box;
        border-radius: 25px;
        background: url('/saiyou/plant/highschool/images/symposium/interView_mainVisual_bg_r_sp.png') 0 0;
        background-size: cover;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-color:#1da3a3;
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 50px;
    }
    .symposium_mainvisual_l::before{
        display: block;
        content:'';
        position:absolute;
        border-radius: 25px;
        background: url('/saiyou/plant/highschool/images/symposium/person_manufacture.png') 0 0;
        background-size: 30%;
        background-position: bottom left 7px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
	.symposium_mainvisual_l::after{ 
        display: block;
        content:'';
        position:absolute;
        bottom: -23px;
        right: 3%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 24px 0 0 29px ;
        border-color: #1da3a3 transparent transparent transparent;
    }
    
    .symposium_manufacture_title,.symposium_maintenance_title {
        left: 6%;
    }
    .symposium_mainvisual_l .title_block{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        }
    /*保全職*/
    .symposium_mainvisual_r{
        padding:6.637% 6.637% 13.274% 6.637%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        color: #ffffff;
        box-sizing: border-box;
        border-radius: 25px;
        background: url('/saiyou/plant/highschool/images/symposium/interView_mainVisual_bg_l_sp.png') 0 0;
        background-size: cover;
        background-position: bottom left;
        background-repeat: no-repeat;
        background-color:#0f73cf;
        position: relative;
        width: 100%;
        height: auto;
    }
    .symposium_mainvisual_r::before {
        display: block;
        content:'';
        position:absolute;
        border-radius: 25px;
        background: url('/saiyou/plant/highschool/images/symposium/person_maintenance.png') 0 0;
        background-size: 37%;
        background-position: bottom -1px right -10px;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }
    .symposium_mainvisual_r::after{ 
        display: block;
        content:'';
        position:absolute;
        bottom: -23px;
        left: 3%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 24px 29px ;
        border-color: transparent transparent transparent #0f73cf;
    }
    .no_Tb{display: none;}
}




/* TABLET SP */
@media print,screen and (min-width: 678px) and (max-width: 979px) {
    .no_Tb{display: none;}
}