@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 160px 0;
padding: 160px 0;
}

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

.content01_1 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 24px;
}

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

.content01_2 {
  text-align: left;
  margin-top: 20px;
  line-height: 160%;
}

.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 ul {
  display: block;
  margin-top: 20px;
}

.content01_1 ul li {
  width: 100%;
  margin-bottom: 20px;
}

.content01_1 ul li:last-child {
  margin-bottom: 0;
}

.content01_2 {
  margin-top: 20px;
  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: 33%;
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: 60%;
text-align: left;
border-left: 1px solid #2F6FF8;
margin-top: 60px;
padding-left: 30px;
}


/* 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 */

/*03--------------------------------------------------------------*/
.content03{
background-color: #EFEFEF;
border-radius: 160px 0 160px 0;
padding: 160px 0;
margin-top: 160px;
}

.content03_1 .title01{
position: relative;
}

.content03_1 .title01 .ty03{
position:absolute;
bottom: -30px;
right: 20%;
}

.content03_1 .title01 .ty03 img{
width: 360px;
height: auto;
}

.content03_1 ul {
  margin-top: 80px;
}

.content03_1 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
}

.content03_1 ul li {
  width: calc(50% - 20px);
  background-color: #FFF;
  border-radius: 20px;
  padding: 40px;
}

.content03_3{
padding-top: 20px;
font-size: 20px;
font-weight: bold;
}

.content03_4{
padding-top: 20px;
text-align: left;
line-height: 160%;
}

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

.content03_1 .title01 .ty03{
bottom: -30px;
right: 0;
}

.content03_1 .title01 .ty03 img{
width: 190px;
}

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

.content03_1 ul li {
  padding: 30px;
}

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

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

.content03_1 .title01 .ty03{
top: -90px;
right: 0;
}


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

.content03_1 ul li {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
}

.content03_3{
padding-top: 16px;
font-size: 16px;
}

.content03_1 ul li:last-child {
  margin-bottom: 0;
}


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


/* max-width: 622px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 622px){
.content03_1 .title01 .ty03{
top: -100px;
right: 0;
}

.content03_1 .title01 .ty03 img{
width: 120px;
}

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

/* max-width: 466px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 466px){
.content03_5{
display: none;
}

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

/*04 --------------------------------------------------------------*/
.content04{
margin-top: 160px;
font-size: 20px;
}

.content04_2{
margin-top: 80px;
}

.content04_3{
margin-top: 40px;
text-align: left;
font-size: 20px;
line-height: 160%;
padding-right: 400px;
position: relative;
}

.content04_4{
position: absolute;
top: -70px;
right:5%;
}

.content04_4 img{
width: 260px;
height: auto;
}

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

.content04_2{
margin-top: 40px;
}

.content04_3{
padding-right: 200px;
}

.content04_4{
right:0;
}

.content04_4 img{
width: 190px;
}

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


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

.content04_2{
margin-top: 20px;
}

.content04_3{
margin-top: 20px;
font-size: 14px;
line-height: 160%;
padding-right: 0;
}

.content04_4{
position: static;
text-align: right;
}

.content04_4 img{
width: 120px;
}

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

/*05--------------------------------------------------------------*/
.content05{
background-color: #EFEFEF;
border-radius: 160px 0 160px 0;
padding: 160px 0;
margin-top: 160px;
}

.content05_2{
margin-top: 80px;
}

.content05_3{
margin-top: 40px;
text-align: left;
font-size: 20px;
line-height: 160%;
padding-left: 400px;
position: relative;
}

.content05_4{
position: absolute;
top: -70px;
left:5%;
}

.content05_4 img{
width: 260px;
height: auto;
}

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

.content05_2{
margin-top: 40px;
}

.content05_3{
padding-left: 200px;
}

.content05_4{
left:0;
}

.content05_4 img{
width: 190px;
}

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

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

.content05_2{
margin-top: 20px;
}

.content05_3{
margin-top: 20px;
font-size: 14px;
padding-left: 0;
}

.content05_4{
position: static;
margin-top: 10px;
}

.content05_4 img{
width: 120px;
height: auto;
}

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

/* max-width: 466px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 466px){
.content05_5{
display: none;
}

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