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

.mainImg{
background-image:url(/about/img/main_img.jpg);
}

.contsBox .column2 .column2-1.wdt42{
width: 42%;
padding-right: 8%;
}

.ttl .notoSan .tryTxt{
font-size: 60px;
color: #1a5ba7;
font-weight: 600;
}

/*-----------------------------------------
pc newTryWrap
--------------------*/
.newTryWrap{
position: relative;
background-image: url(/about/img/newtry_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
min-height: 730px;
}

.newTryWrap .tagline{
position: absolute;
top:0;
right:0;
z-index: 5;
}

.newTryWrap .contArea{
padding: 130px 0 0 0;
position: relative;
z-index: 6;
}
.newTryWrap h2{
margin-bottom: 120px;
}

.newTryWrap h2 .ralewayF{
display: block;
font-size: 70px;
color: #ffffff;
margin-bottom: 10px;
line-height: 1.1;
}
.newTryWrap h2 .ralewayF .sm{
font-size: 50px;
}

.newTryWrap h2 .notoSan{
display: inline-block;
font-size: 20px;
color: #fefe08;
line-height: 1.2;
}

.newTryWrap .linkBox{
width: 45%;
margin: 0 auto;
}
.newTryWrap .linkBox p{
text-align: left;
color: #ffffff;
margin-bottom: 20px;
}
.newTryWrap .linkBox .btnW{
margin: 0 auto;
}

/*--Policy----------------------------*/
.polArea{
}
.polArea li{
position: relative;
width: 100%;
display: table;
margin-bottom: 110px;
background-repeat: no-repeat;
background-position: center center;
height: 270px;
}
.polArea li .polL{
position: relative;
display: table-cell;
}
.polArea li .polL p{
top:80%;
padding: 20px 10px 0 0;
position: absolute;
background-color: #ffffff;
}

.polArea li h3{
display: table-cell;
width: 30%;
vertical-align: middle;
text-align: center;
color: #ffffff;
text-shadow: 0px 1px 4px rgba(0,0,0,0.4);
}
.polArea li h3 .notoSan{
font-size: 48px;
display: block;
text-align: center;
color: #ffffff;
line-height: 1.2;
}
.polArea li h3 .ralewayF{
font-size: 16px;
display: block;
text-align: center;
color: #ffffff;
line-height: 1.2;
}
.polArea .pol01{
background-image: url(/about/img/polarea01_bg.jpg);
}
.polArea .pol02{
background-image: url(/about/img/polarea02_bg.jpg);
}

.polArea .pol03{
background-image: url(/about/img/polarea03_bg.jpg);
}

.polArea .pol04{
background-image: url(/about/img/polarea04_bg.jpg);
}


@media screen and (max-width:1560px){
.newTryWrap{
background-size: auto 100%;
}
 }

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

/*-----------------------------------------
TB newTryWrap
--------------------*/

.newTryWrap{
position: relative;
background-image: url(/about/img/newtry_bg.jpg);
background-position: center center;
background-size: auto 100%;
min-height: 500px;
}
.newTryWrap .tagline{
width:150px;
}

.newTryWrap .contArea{
padding: 7% 3% 0 3%;
}

.newTryWrap h2{
margin-bottom: 50px;
}


.newTryWrap h2 .ralewayF{
font-size: 60px;
}

.newTryWrap h2 .ralewayF .sm{
font-size: 40px;
}
.newTryWrap h2 .notoSan{
font-size: 18px;
}

.newTryWrap .linkBox{
width: 80%;
margin: 0 auto;
}

.newTryWrap .btnW {
width: 200px;
}

}

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

.contsBox .column2 .column2-1.wdt42{
width: 100%;
padding:0;
margin: 0 auto 10px;
}
.ttl .notoSan .tryTxt{
font-size: 50px;
line-height: 1.3;
}
.contsBox .column2 .column2-2 h3{
width: 80px;
margin: 0 auto;
}

.polArea li{
height: 180px;
margin-bottom: 50px;
}
.polArea li .polL{
display: block;
margin-top: 90px;
width: 100%;
}
.polArea li .polL p{
margin: 10px 3%;
padding: 10px 3%;
position: relative;
}
.polArea li h3{
position: absolute;
top:10px;
display: block;
width: 100%;
}
.polArea li h3 .notoSan{
font-size: 40px;
}


/*-----------------------------------------
sp newTryWrap
--------------------*/

.newTryWrap {
position: relative;
background-size: auto 100%;
min-height: 360px;
}

.newTryWrap .contArea{
padding: 5% 3% 4% 3%;
}

.newTryWrap  .tagline{
width:120px;
}

.newTryWrap h2{
margin-bottom: 30px;
}

.newTryWrap h2 .ralewayF{
font-size: 36px;
}

.newTryWrap h2 .ralewayF .sm{
font-size: 24px;
}
.newTryWrap h2 .notoSan{
font-size: 16px;
}
.newTryWrap .linkBox{
width: 100%;
margin: 0 auto;
}

.newTryWrap  .btnW {
width: 80%;
margin: 0 auto;
}

}