@charset "shift_jis";
img {
    width: 100%;
}
#header_etc {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #000000;
}
#header_etc .headerBox {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#header_etc h1 {
    width: 15%;
    float: left;
    margin-left: 3%;
    margin-top: 4%;
}
#header_etc .topBtn {
    width: 50%;
    float: right;
    margin-right: 3%;
    margin-top: 2%;
    margin-bottom: 2%;
}
.mainVisual {
    width: 100%;
    text-align: center;
    margin-top: 18%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: -13px;
}
.nav {
    background-image: url(../img/00_header_naviBG.png);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    background-size: 100%;
}
.nav ul {
    width: 97%;
    margin-left: 1.5%;
}
.nav ul li {
    float: left;
}
.nav ul .nav01, .nav ul .nav02, .nav ul .nav03 {
    line-height: 90%;
}
.nav ul .nav01 {
    width: 31%;
}
.nav ul .nav02 {
    width: 32%;
}
.nav ul .nav03 {
    width: 37%;
}
.nav ul .borderR {
    border-right: 1px solid #FFFFFF;
}
.nav ul .borderL {
    border-left: 1px solid #FFFFFF;
}
.freshers, .workstyle, .treatment {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5%;
}
.freshers {
    background-color: #171921;
}
.freshres_content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3%;
    color: #FFFFFF;
}
.freshers .freshres_content p {
    margin-bottom: 2%;
}
.freshers .freshres_content p em {
    color: #F3EF65;
    font-weight: normal;
}
.freshers .freshres_content .freshersSkill {
    background-color: #FFFFFF;
    width: 100%;
    padding-left: auto;
    padding-bottom: 5%;
    text-align: center;
}
.freshres_content .freshersSkill img {
    width: 93%
}
.workstyle_content .mb10 {
    margin-bottom: 10%;
}
.workstyle {
    background-color: #eef0ed;
}
.workstyle_content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    color: #000000;
}
.workstyle .workstyle_content p em {
    color: #dc2f88;
    font-weight: normal;
}
.workstyle .workstyle_content .workstyle_Figure {
    text-align: center;
}
.treatment {
    background-image: url(../img/03_tretment_bg.png);
    background-repeat: repeat-y;
    background-size: 100%;
}
.treatment h3 {
    margin-bottom: 8%;
}
.treatment_content {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
   line-height: 4.5rem;
}
.treatment_content .treatment_box {
    margin-bottom: 10%;
    color: #333333;
    width: 100%;
    border: 1px solid #21283a;
    background-color: #ffffff;
    padding-bottom: 2%;
}
.treatment_box .h4box {
    padding: 3%;
    background-color: #21283a;
}
.treatment_box h4 {
    color: #ffffff;
    font-size: 120%;
    font-weight: bold;
    line-height: 110%;
    border-left: 4px solid #ffffff;
    padding-left: 3%;
}
.treatment_box .merit {
    margin-top: 3%;
    margin-bottom: 2%;
    padding-left: 3%;
    font-size: 100%;
    font-weight: bold;
}
/*2018@12@12@add---------------------------------*/
.treatment_box .treatment_list {
    margin-top: 3%;
    margin-bottom: 2%;
    padding-left: 3%;
    padding-right: 3%;
    font-size: 100%;
    font-weight: bold;
}
.treatment_box .treatment_list li {
    line-height: 30px;
    padding-left: 1em;
    text-indent: -1em;
}
.treatment_list li p {
    padding-left: 0em;
    text-indent: 0em;
    line-height: 120%;
}
/*----------------------------------------------*/
.treatment_box p {
    padding-left: 3%;
    padding-right: 3%;
}
.treatment_box .areaDetail .newOpen {
    font-size: 70%;
    color: #ff0000;
    /* background-color: #ff0000; */
    border: 1px solid #FF0000;
    margin-left: 1%;
    padding: 5px;
    vertical-align: middle;
}
.treatment_box .comment {
    margin-bottom: 0%;
    /* padding-left: 3%; */
    /* padding-right: 3%; */
}
.treatment_box .comment2 {
    margin-bottom: 5%;
    color: #666666;
}
.treatment_box .comment2 em {
    color: #212020;
}
.treatment_box .allowance_box {
    color: #666666;
    width: 94%;
    margin-top: 3%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3%;
    box-sizing: border-box;
    border: 2px solid #c5c594;
}
.plus {
    font-size: 250%;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
    margin-bottom: 3%;
    margin-top: 3%;
}
.treatment_box .allowance_box .allowancetitle {
    font-size: 110%;
    line-height: 150%;
    color: #333333;
    font-weight: bold;
    margin-bottom: 3%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    background-color: #eef0ed;
    border-bottom: 1px dashed #c5c594;
}
.treatment_box .allowance_box .indent {
    text-indent: -2em;
    padding-left: 2.5em;
}
.treatment_box .classment {
    font-size: 120%;
    font-weight: bold;
    line-height: 160%;
    padding-left: 3%;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: #e8f0f4;
}
.treatment_box .incomeModel {
    margin-bottom: 8%;
    margin-top: 5%;
    padding-bottom: 3%;
    padding-top: 3%;
    background-color: #eef0ed;
}
.treatment_box .incomeModel p {
    color: #666666;
}
.treatment_box .incomeModel p em {
    color: #080808;
}
.treatment_box .item {
    padding-left: 3%;
}
.treatment_box .devine {
    width: 96%;
    font-size: 0;
    line-height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-bottom: 2px solid #cccccc;
}
.treatment_box .h4box h4 .sub {
    font-size: 80%;
}
.treatment_box .area {
    width: 94%;
    padding-bottom: 5%;
    font-size: 120%;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-image: url(../img/03_tretment_areaDevine.png);
    background-repeat: no-repeat;
    background-position: 0% 80%;
    background-size: 100%;
    padding-left: 0%;
    padding-right: 0%;
}
.treatment_box .areaDetail {
}
.treatment_content .message {
    margin-bottom: 50px;
    background-color: #ffffff;
    border: 1px solid #f44cab;
}
.treatment_content .message h3 {
    padding-left: 3%;
    margin-bottom: 2%;
    color: #FFFFFF;
    background-color: #f44cab;
    font-size: 130%;
    font-weight: bold;
}
.treatment_content .message h4 {
    width: 94%;
    color: #f44cab;
    font-size: 110%;
    margin-bottom: 4%;
    padding-bottom: 2%;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/03_treatment_massegeDevine.png);
    background-repeat: repeat-x;
    background-position: 0% 100%;
}
.treatment_content .message p {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    /*line-height: 180%;*/
}
.treatment .flow_content {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}
.flowCursol {
    width: 15%;
    padding-left: 5%;
    margin-bottom: 5%;
    margin-top: 5%;
}
.liaison {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    margin-top: 8%;
    padding: 3%;
    background-color: #e9f2f6;
}
.treatment .liaison h3 {
    color: #21283a;
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
}
.treatment .liaison p {
    font-size: 90%;
    line-height: 160%;
}

.treatment .liaison p red{
    color:#ff0000;
}

.treatment .CVbtn {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
}
#video {
	text-align: center;
	margin: 10px auto 5px;
}

/*footer
==================================================================================*/
#footer {
    background: #21283a;
    padding: 5% 0 20%;
    text-align: center;
}
#footer .footerBox {
    width: 100%;
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
}
#footer .leftContent {
    width: 50%;
    float: left;
}
#footer .rightContent {
    width: 40%;
    float: right;
    text-align: right;
    margin-right: 3%;
}
#footer .rightContent img {
    width: 50%;
}
#footer ul {
    margin-left: 3%;
}
#footer ul li {
    font-size: 0.8rem;
    line-height: 1.8;
    list-style-type: disc;
    list-style-position: inside;
    color: #ffffff;
    text-align: left;
}
#footer ul li a {
    color: #ffffff;
}

#footer .copy {
    font-size: 0.8em;
    width: 100%;
    padding-top: 3%;
    /* margin-top: 3%; */
    color: #FFFFFF;
    clear: both;
}

.treatment p {
    line-height: 1.8;
}
#footer .leftContent ul {
    list-style-position: inside
}

/*//20190219///////////////////////////*/
.redBorder {
    color: #ff0000;
    font-size: 60%;
    padding: 1%;
    /* margin-left: 10px; */
    border: #ff0000 solid 1px;
    vertical-align: bottom;
}
/*//20210225///////////////////////////*/
	.floating {
	position:fixed;
	bottom:0;
	top:auto;
	width:100%;
	height:19.11vw;

	}
	
	.floating a:hover{
	opacity: 1
}