@charset "utf-8";
#comMainbgArea{
background-image : url(../images/bg01.png);
}

.contactArea{
margin-top: 160px;
}

.title01{
display: flex;
align-items: center;
text-align: left;
gap: 20px;
font-weight: bold;
}

.title01 .ty01 {
font-size: 120px;
line-height: 120px;
color: #2F6FF8;
font-weight: bold;
font-family: 'Oswald', sans-serif;
}

.title01 .ty02 {
font-size: 40px;
line-height: 50px;
}

.title01 .ty02 span {
color: #2F6FF8;
}

/* max-width: 894px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 894px){
.title01 .ty01 {
font-size: 80px;
line-height: 80px;
}

.title01 .ty02 {
font-size: 30px;
line-height: 40px;
}

}
/* max-width: 894px @end */

/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
.contactArea{
margin-top: 40px;
}

.title01{
gap: 10px;
}

.title01 .ty01 {
font-size: 62px;
line-height: 62px;
}

.title01 .ty02 {
font-size: 20px;
line-height: 30px;
}

}
/* max-width: 768px @end */


/*01--------------------------------------------------------------*/
.content01{
background-color: #EFEFEF;
border-radius: 160px 0;
padding: 160px 0;
}


.content01_1 .ty03{
  text-align: left;
  margin-top: 40px;
  line-height: 260%;
  font-size: 18px;
}

.content01_3{
padding-top: 20px;
}

/* max-width: 894px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 894px){
.content01{
padding: 120px 0;
}

.content01_1 ul {
  margin-top: 40px;
}

.content01_1 ul li {
  width: calc(50% - 16px);
}

}
/* max-width: 894px @end */

/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
.content01{
padding: 40px 0;
margin-top: 40px;
border-radius: 80px 0;
}

.content01_1 .ty03{
  margin-top: 20px;
  line-height: 240%;
  font-size: 14px;
}



}
/* max-width: 768px @end */



/*02 --------------------------------------------------------------*/
.content02{
margin-top: 160px;
font-size: 20px;
}

.content02_2{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}

.content02_3{
width: 23%;
text-align: left;
background-image : url(../../common/images/icon08.svg) ;
background-position : 0 5px;
background-size: 16px auto;
background-repeat: no-repeat;
padding-left: 25px;
font-weight: bold;
margin-top: 60px;
}

.content02_4{
width: 70%;
text-align: left;
border-left: 1px solid #2F6FF8;
margin-top: 60px;
padding-left: 30px;
line-height: 240%;
}


/* max-width: 894px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 894px){
.content02{
margin-top: 120px;
}

}
/* max-width: 894px @end */


/* max-width: 768px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 768px){
.content02{
margin-top: 40px;
font-size: 16px;
}

.content02_2{
display: block;
margin-top: 20px;
}

.content02_3{
width: 100%;
background-position : 0 center;
background-size: 8px auto;
padding-left: 15px;
margin-top: 20px;
}

.content02_4{
width: 100%;
border-left: 1px solid #2F6FF8;
margin-top: 10px;
padding-left: 30px;
font-size: 14px;
}


}
/* max-width: 768px @end */