/* ---------- ---------- 
why共通 
 ---------- ---------- */
section {
overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}
h2,h3,h4 {
font-family: "Ubuntu", "sans-serif";
}
.bg_Color01 {
    background: #F7F7F7;
}
.bg_Color02 {
    background: #F0F0F0;
}
.whySec_H3 {
    font-size: 2.6em;
    font-weight: bold;
    margin-bottom: 20px;
}
.why_Ttl {
    margin-bottom: 80px;
	letter-spacing: 0.08em;
}
.why_Ttl h2 {
    font-size: 5em;
    font-weight: bold;
    color: #1D5CAA;
}
.why_Ttl_Border {
    border-bottom: 10px solid #1D5CAA;
    width: 50px;
}
.whySec_Box02_Img {
    float: left;
    width: 45%;
}
.whySec_Box02_Text {
    float: right;
    width: 55%;
    box-sizing: border-box;
    padding-left: 20px;
}
.whySec_Box02_Text h4 {
    font-size: 2em;
    font-weight: bold;
    color: #1D5CAA;
	line-height: 1.2;
	margin-bottom: 20px;
}
.whySec_Box02_Text h4 i {
    padding-right: 0.5em;
}
.whySec_Box02_Text p {
    background: #fff;
    font-weight: bold;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
} 

.whySec_List ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.whySec_List li {
    width: 48%;
    margin-bottom: 60px;
}
.whySec_List li img {
    margin-bottom: 20px;
}
#sideBtn {
    position: fixed;
    top: 30%;
    right: 0;
	z-index: 10;
}
/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:1024px){

}
/* ---------- SP */
@media screen and (max-width: 739px) {
    section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
	p {
	font-size: 0.85em;
	}
    .whySec_H3 {
	font-size: 1.35em;
    }
	#whySec05  .whySec_H3 {
	font-size: 1em;
	}
    .why_Ttl h2 {
        font-size: 1.75em;
		line-height: 1.3;
		padding-top: 10px;
		padding-bottom: 10px;
    }
	.why_Ttl {
	margin-bottom: 20px;
	}
    .whySec_Box02_Img {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .whySec_Box02_Img img {
        width: 100%;
    }
    .whySec_Box02_Text {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .whySec_Box02_Text h4 {
        margin-bottom: 10px;
		font-size: 1.25em;
    }
    #whySec09 .whySec_List li {
        margin-bottom: 0;
        width: 100%;
    }
	.why_Ttl_Border {
		border-bottom: 5px solid #1D5CAA;
		width: 30px;
	}
}
/* ---------- ---------- 
トップ
 ---------- ---------- */
section#whySec01 {
    padding: 0;
}
#whySec01 {
    background-image: url("../img/why_main.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 400px;
}
#whySec01 .container {
    position: relative;
    height: 400px;
}
#whySec01 h1 {
    position: absolute;
    right: 0;
    bottom: 40px;
}
#whySec01 h1.SP{
display: none;
}

/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:1024px){

}
/* ---------- SP */
@media screen and (max-width: 739px) {
#whyWrapper {
padding-top: 59px;
}
#whySec01 {
height: auto;
}
#whySec01 .container {
position: relative;
height:auto;
padding: 0;
}
#whySec01 h1.PC{
display: none;
}
#whySec01 h1.SP{
display: block;
position: relative;
right:inherit;
bottom: inherit;
}
}
/* ---------- ---------- 
Why ESS YRW?!
 ---------- ---------- */
#whySec02 .whySec02_H2 {
    font-size: 5.5em;
    font-weight: bold;
    color: #1D5CAA;
    padding-bottom: 30px;
	letter-spacing: 0.08em;
}
#whySec02 .whySec_Box01 {
    margin-bottom: 30px;
}
#whySec02 .whySec_Box01_Img {
    float: left;
    width: 50%;
}
#whySec02 .whySec_Box01_Text {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 20px;
}
#whySec02 .whySec02_Bottom i {
    padding-right: 1em;
	color: #222;
}
#whySec02 .whySec02_Bottom ul {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
	font-size: 1.6em;
}
#whySec02 .whySec02_Bottom li {
    width: 50%;
}
#whySec02 .whySec02_Bottom li a {
    font-family: "Ubuntu", "sans-serif";
    font-weight: bold;
    color: #1D5CAA;
}
/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:1024px){

}
/* ---------- SP */
@media screen and (max-width: 739px) {
#whySec02 .whySec02_H2 {
    font-size: 1.6em;
	text-align: center;
}
#whySec02 .whySec_Box01_Img {
    float: none;
    width: 80%;
	margin: auto;
	display: block;
}
#whySec02 .whySec_Box01_Text {
    float: none;
    width: 100%;
    padding-left: 0;
}
#whySec02 .whySec02_Bottom ul {
    padding-left: 20px;
	padding-bottom: 15px;
	font-size: 1.25em;
}
#whySec02 .whySec02_Bottom li {
    width: 100%;
	line-height: 1.3;
	padding-bottom: 10px;
	text-indent: -0.5em;
	margin-left: 1em;
}
#whySec02 .whySec02_Bottom i {
    padding-right: 0.5em;
}
.whySec_List li p {
font-size: 0.7em;
line-height: 1.5;
}
}

/* ---------- ---------- 
Experience
 ---------- ---------- */
.whySec08_Contents h3 {
    margin-bottom: 20px;
	font-size: 2em;
}
.whySec08_Contents h3 i {
    padding-right: 1em;
	color: #1D5CAA;
}
.whySec08_Box {
    margin-bottom: 50px;
}
.whySec08_Box_Img {
    float: left;
    width: 35%;
}
.whySec08_Box_Img img {
    width: 90%;
	display: block;
	padding-top: 10px;
}
.whySec08_Box_Text {
    float: right;
    width: 65%;
}
.whySec08_Box_Text h4 {
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 10px;
}
.whySec08_Box_Text p {
    margin-bottom: 20px;
	font-size: 0.9em;
	line-height: 1.5;
}
.whySec08_Box_Text  table{
    font-family: "Ubuntu", "sans-serif";
    text-align: left;
    font-size: 1.4em;
    width: 100%;
	line-height: 1.5;
}
.whySec08_Box_Text th {
    width: 35%;
    background: #DEDEDE;
    border-bottom: 1px solid #F7F7F7;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.whySec08_Box_Text td {
    width: 65%;
    border-bottom: 1px solid #F7F7F7;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
	background: #FFF;
}
/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:1024px){

}
/* ---------- SP */
@media screen and (max-width: 739px) {
.whySec08_Box_Img {
float: none;
width: 100%;
}
.whySec08_Box_Img img{
width: 100%;
}
.whySec08_Box_Text {
float: none;
width: 100%;
}
.whySec08_Box_Text  table{
font-size: 0.8em;
}
.whySec08_Box_Text th {
width: 50%;
}
.whySec08_Box_Text td {
width: 50%;
}
.whySec08_Contents h3 {
font-size: 1.25em;
}
.whySec08_Contents h3 i {
padding-right: 0.5em;
}
.whySec08_Contents h4 {
padding-top: 1em;
font-size: 1em;
}
}

@media screen and (max-width: 375px) {
.whySec08_Box_Text  table{
font-size: 2.6vw;
line-height: 1.3;
}
}

/* ---------- ---------- 
Others
 ---------- ---------- */
.whySec09_TopText {
    margin-bottom: 50px;
}
.whySec09_TopText h3 {
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 20px;
}
.whySec09_Spec_Box {
    margin-bottom: 50px;
}
#whySec09 .why_Ttl h3 {
font-size: 2.4em;
}
.whySec09_Spec_Box h4 {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.4em;
}
#whySec09 table {
    text-align: left;
    width: 100%;
    font-size: 1.2em;
}
#whySec09 table th {
    background: #DEDEDE;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: middle;
}
#whySec09 table td {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: 5px solid #F0F0F0;
    border-right: 5px solid #F0F0F0;
    vertical-align: middle;
}
.whySec09_Table01_Th01 {
    width: 20%;
    margin-left: 10px;
    border-right: 5px solid #F0F0F0;
	box-sizing: border-box;
}
.whySec09_Table01_Th02 {
    width: 50%;
    border-right: 5px solid #F0F0F0;
	box-sizing: border-box;
}
.whySec09_Table02_Th02 {
    border-right: 5px solid #F0F0F0;
	box-sizing: border-box;
}
.whySec09_Table02_Th03 {
    border-right: 5px solid #F0F0F0;
	box-sizing: border-box;
}
.whySec09_Table01_Th03 {
    width: 30%;
}
.whySec09_Dimensions_Box_Ttl {
    margin-bottom: 20px;
}
.whySec09_Dimensions_Box_Ttl h4 {
font-size: 1.6em;
}
.whySec09_Dimensions_Box_Ttl span {
font-size: 1.4em;
}
.whySec09_Dimensions_Box_Ttl_Left {
    float: left;
    margin-right: 4%;
    width: 48%;
}
.whySec09_Dimensions_Box_Ttl_Right {
    float: left;
    width: 48%;
}
/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:1024px){

}
/* ---------- SP */
@media screen and (max-width: 739px) {
.whySec09_TopText {
margin-bottom: 20px;
}
.whySec09_Dimensions_Box_Ttl {
margin-bottom: 10px;
font-size: 2vw;
}
.whySec09_Dimensions_Box_Ttl_Left {
margin-right: 4%;
width: 48%;
}
.whySec09_Dimensions_Box_Ttl_Right {
float: left;
width: 48%;
}
#whySec09 .why_Ttl h3 {
font-size: 1em;
}
.whySec09_TopText h3 {
font-size: 1em;
}
.whySec09_Spec_Box h4 {
font-size: 1em;
}
#whySec09 table {
font-size: 0.7em;
}
#whySec09 table th {
padding: 5px;
}
#whySec09 table td {
padding: 5px;
border-bottom: 2px solid #F0F0F0;
border-right: 2px solid #F0F0F0;
}
#whySec09 table td.last {
border-right: 0;
}
.whySec09_Table01_Th01 {
border-right: 2px solid #F0F0F0;
}
.whySec09_Table01_Th02 {
border-right: 2px solid #F0F0F0;
}
.whySec09_Table02_Th02 {
border-right: 2px solid #F0F0F0;
}
.whySec09_Table02_Th03 {
border-right: 2px solid #F0F0F0;
}
}

/* ---------- ---------- 
WORK WITH US!
 ---------- ---------- */
#whySec10 {
    text-align: center;
}
.whySec10_Top {
    margin-bottom: 30px;
}
.whySec10_Top h2 {
    font-size: 3.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
.whySec10_Top i {
    font-size: 8em;
    margin-bottom: 20px;
	color: #1D5CAA;
}
.whySec10_Btn {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.6em;
	font-weight: 700;
}
.whySec10_Btn a {
    background: #1D5CAA;
    box-sizing: border-box;
    color: #FFEE00;
    border: 2px solid #1D5CAA;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    width: 240px;
    margin: 0 auto;
    transition: 0.3s;
	font-family: "Ubuntu", "sans-serif";
	letter-spacing: 0.05em;
}
.whySec10_Btn a:hover {
    background-color: #fff;
    color: #1D5CAA;
    border: 2px solid #1D5CAA;
}

.whySec10_Btn a i {
padding-right: 10px;
}

.whySec10_Bottom a {
    font-size: 1.8em;
    font-weight: bold;
    color: #1D5CAA;
	font-family: "Ubuntu", "sans-serif";
}
.whySec10_Bottom i {
    padding-right: 1em;
}
/* ---------- TAB */
@media screen and (min-width:739px) and ( max-width:1024px){

}
/* ---------- SP */
@media screen and (max-width: 739px) {
.whySec10_Top h2 {
font-size: 1.5em;
}
.whySec10_Btn {
font-size: 0.8em;
}
.whySec10_Btn a {
border: 1px solid #1D5CAA;
padding: 10px;
display: block;
margin: 0 auto;
transition: 0.3s;
width: 70%;
}
.whySec10_Btn a:hover {
border:1px solid #1D5CAA;
}
.whySec10_Bottom a {
font-size: 0.9em;
}
.whySec10_Bottom img {
padding-right: 0.5em;
height: 0.7em;
position: relative;
top: -1px;
}
.whySec10_Top i {
font-size: 4em;
}
}