@charset "utf-8";
/*=======================================================
==========================================================
　　　　　　　　　　　　　MAIN CSS
==========================================================
========================================================*/
section.sec1{
  margin:0;
}
div.sec1-1{
  background-color: #145CAD;
  height:182px;
  display: flex;
  justify-content: center;
  align-items:center;
  padding: 1em 5%;
}
div.sec1-2{
  position:relative;
  width:fit-content;
  max-width: 90%;
  margin:0 auto;
  padding:2rem 0;
}
div.sec1-2 img.sec1-2ab{
  position:absolute;
  top:0;
  left:0;
}
div.sec1-3{
  background-color: #145CAD;
  height:89px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.sec1-4{
  margin:4rem auto;
  width:fit-content;
  padding: 0 5%;
}
div.sec1-4 ul{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap:0 2rem;
}
div.sec1-4 p{
  font-size:1.5rem;
  font-weight: 500;
  color:#145CAD;
}

section.sec2{
  background-color: #145CAD;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 5% 3rem;
}
section.sec2 a{
  margin:2rem 0 1rem;
}
section.sec2 p{
  color:#fff;
}

section.sec3{
  background-color: #EEEEEE;
  padding:8rem 0;
}
section.sec3 .inner{
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.sec3 img:nth-child(2){
  margin:5rem 0;
}

section.sec4{
  background-image: linear-gradient(90deg, rgba(1, 17, 102, 1), rgba(4, 159, 233, 1));
}
section.sec4 .sec4-1{
  background-image:url(../img/sec4-1.png);
  background-position: center bottom;
  height:697px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
section.sec4 .sec4-1 img:nth-child(1){
  margin:85px 0 30px;
}

section.sec5 .sec5-title{
  background-image: linear-gradient(90deg, rgba(1, 17, 102, 1), rgba(4, 159, 233, 1));
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:0 0 80px;
}
section.sec5 .sec5-title img:nth-child(1){
  margin:50px 0 30px;
}

section.sec6{
  background-color: #EEEEEE;
  padding:5rem 0;
}
section.sec6 .inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:4rem 0;
}
section.sec6 .inner p{
  margin:2rem 0 0;
  font-size: 1.6rem;
  font-weight:600;
  color:#636363;
}

section.sec7{
  background-color: #FFD163;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:0 0 3rem;
}
section.sec7 a{
  margin:2rem 0 1rem;
}
section.sec7 p{
  color:#333333;
}

section.sec8{
  background-color: #145CAD;
  padding:10rem 0;
}
section.sec8 img{
  margin:0 auto;
}

section.sec9{
  background-color: #F6F6F6;
  padding:10rem 0;
}
section.sec9 ul{
  display: flex;
  flex-direction: row;
  gap:3%;
}
section.sec9 p{
  text-align: right;
  color:#878787;
  font-size: 1.5rem;
  margin:1rem 0 0;
}
section.sec9 .inner{
  width:fit-content;
  margin:0 auto;
}
section.sec9 .inner > img{
  width:fit-content;
  margin:0 auto 5rem;
}

section.sec10{
  background-color: #FFD163;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:0 0 3rem;
}
section.sec10 a{
  margin:2rem 0 1rem;
}
section.sec10 p{
  color:#333333;
}

section.sec11{
  background-image: linear-gradient(180deg, rgba(20, 92, 172, 1), rgba(245, 250, 255, 1));
  padding:10rem 0;
}
section.sec11 .inner{
  display: flex;
  align-items: center;
  flex-direction: column;
}
section.sec11 .inner > img{
  margin:0 0 5rem;
}
section.sec11 ul{
  max-width: 1216px;
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  gap:5rem 0;
  align-items: flex-start;
}
section.sec11 ul li{
  width:47%;
  display: flex;
  justify-content: center;
}
section.sec11 ul li:last-child{
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
section.sec11 ul li:last-child img{
  margin:0 0;
}

section.sec12 .sec5-title{
  padding: 3rem 0 7rem;
}
.sec12-main{
  background:#EEEEEE;
  padding:5rem 0 10rem;
}
.sec12-main .inner > img{
  margin:0 auto 5rem;
}
.sec12-main .inner ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 47px;
  justify-content: center;
}
.sec12-main .inner ul li{
  width:42%;
}

section.sec13{
  background-color: #145CAD;
  padding:12rem 0 10rem;
}
.sec13-img{
  margin:0 auto 4rem;
}
.qa-box{
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}

.accordion-001 {
  margin:0 auto;
  max-width: 985px;
  background-color: #3774b9;
  width: 100%;
}

.accordion-001:not([open]) {
    margin-bottom: 7px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1.3em 2em;
    background-color: #fff;
    color: #000;
    font-weight: 600;
    cursor: pointer;
  font-size:1.6rem;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}
.accordion-001 summary p{
  margin:0;
  display: flex;
    gap:4px;
}

.accordion-001 summary span:first-child{
  color:#145CAD;
  display: contents;
  font-weight:bold;
  font-size:1.5rem;
}

.accordion-001 summary::before,
.accordion-001 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #145CAD;
    content: '';
}

.accordion-001 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-001 summary::after {
    transition: rotate .3s;
}

.accordion-001[open] summary::after {
    rotate: 90deg;
}

.accordion-001 > p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1.3em 2em;
    color: #ffffff;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] > p {
    transform: none;
    opacity: 1;
  font-size:1.6rem;
  font-weight: 500;
    display: flex;
    letter-spacing: .05em;
    gap:4px;
    line-height: 1.7em;
}
.accordion-001[open] > p span:first-child{
  color:#FFD163;
  display: contents;
  font-weight:bold;
  font-size:1.6rem;
  margin-right: .4em;
}

section.sec14{
  background-color: #F6F6F6;
  padding:10rem 0;
}
section.sec14 ul{
  display: flex;
  flex-direction: row;
  gap:5%;
  justify-content: center;
  align-items: center;
}
section.sec14 ul li:nth-child(2){
  display: flex;
  flex-direction: column;
  gap:1.5em;
}

section.sec15{
  background-color: #145CAD;
  padding:10rem 0;
}
section.sec15 .inner{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 2em;
}


section.company-tel{
  max-width: 880px;
  width:90%;
  margin:0 auto;
  padding:8rem 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.companybox{
  width:50%;
}
.telbox{
  width:55%;
}
.companybox h3{
  font-weight:bold;
  font-size:3rem;
  margin:0 0 1em;
  letter-spacing: .1em;
}
.companybox p{
  font-weight:500;
  font-size:1.6rem;
  margin:0 0;
  line-height: 1.7em;
}
.telbox a{
  transition:.3s;
  opacity:.9;
}
.telbox a:hover{
  opacity:1;
}





















/*=======================================================
==========================================================
  　　　　　　　　　　　　SP only
==========================================================
========================================================*/
@media screen and (max-width:768px) {
.sec1-1 img{
  width: 80%;
  margin: 0;
}
div.sec1-2 {
    position: relative;
    width: fit-content;
    max-width: 94%;
    margin: 2em auto;
    padding: 0rem 0;
}
div.sec1-3 {
  padding: 0 6%;
}
div.sec1-4 {
    margin: 4rem auto;
    width: fit-content;
    padding: 0 5%;
}
div.sec1-4 ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2em;
    flex-wrap: wrap;
}
div.sec1-4 ul li{
    width:45%;
}
section.sec2 {
    background-color: #145CAD;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 5% 3rem;
}
section.sec2 p {
    color: #fff;
    font-size: 1.35rem;
}

section.sec4 .sec4-1 img:nth-child(1) {
    margin: 5rem 0 2rem;
}
section.sec4 .sec4-1 {
    padding: 0rem 0 14rem;
    margin: 0 0 -2px;
    height: auto;
}
section.sec5 .sec5-title {
    padding: 1rem 7% 7rem;
}
section.sec6 .inner {
    gap: 2rem 0;
}
section.sec7 {
    padding: 0 5% 3rem;
}
section.sec7 p {
    font-size: 1.35rem;
}
section.sec8 {
    padding: 6rem 0;
}
section.sec9 {
    padding: 5rem 0;
}
section.sec9 ul {
    display: flex;
    flex-direction: column;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
}
section.sec9 ul li{
  width: 94%;
  margin: 0 auto 0;
  padding-left: 10px;
}
section.sec10 {
  padding: 0 5% 3rem;
}
section.sec10 p {
  font-size: 1.35rem;
}
section.sec11 ul {
  gap: 3rem;
}
section.sec11 ul li {
  width: 100%;
}
section.sec11 ul li:last-child img {
  margin: 25px 0 0;
  width: 80%;
}
section.sec5 .sec5-title img:nth-child(1) {
  margin: 50px 0 30px;
  width: 80%;
}
.sec12-main .inner ul li {
    width: 100%;
}
.sec12-main .inner > img {
    margin: 0 auto 2rem;
}
.sec12-main .inner ul {
    gap: 3rem;
}
section.sec13 {
    background-color: #145CAD;
    padding: 8rem 1rem 10rem;
}
.accordion-001 summary {
    padding: 1.3em 2em;
}
.accordion-001 summary p {
    margin: 0 1em 0 0;
    display: flex;
    gap: 4px;
}
section.sec13 {
  padding: 7rem 1rem 8rem;
}
section.sec14 {
  padding: 6rem 0;
}
section.sec14 ul {
    gap: 27px;
}
section.sec14 ul {
    gap: 27px;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}
section.sec15 .inner {
  gap: 0em;
}
section.sec15 {
    padding: 3rem 0;
}

.contact {
    max-width: 900px;
    margin: 1rem auto;
    border: none;
    padding: 3% 5%;
}
section.company {
    padding: 5rem 0;
}
section.company-tel {
  max-width: 880px;
  width: 84%;
  margin: 0 auto;
  padding: 6rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}
.companybox {
    width: 100%;
}
.telbox {
    width: 100%;
}

















}/*====================================================
  　　　　　　　　　　　　さらに細かく480以下
=======================================================*/
@media screen and (max-width:480px) {
}/*=======================================================
==========================================================
  　　　　　　　　　　　　Ipad only
==========================================================
========================================================*/
@media screen and (min-width:768px) and ( max-width:1190px) {


}/*=======================================================
==========================================================
==========================================================
========================================================*/