/*====================================================
////id |  overview
====================================================*/
.overview-item-wrapper {
 display: grid;
 grid-gap: 32px 20px;
 margin-top: 32px;
}

.overview-item {
 background: #fff;
 border-radius: 16px;
 box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
 display: grid;
 grid-gap: 16px;
 grid-template-rows: subgrid;
 grid-row: span 2;
 padding: 40px 20px;
}

.overview-item-main {
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.overview-item-img {
 display: flex;
 justify-content: center;
 margin-bottom: 4px;
}

.overview-item img {
 width: 80px;
}

.overview-item-title {
 font-size: 1.8rem;
 font-weight: 700;
 text-align: center;
}

.overview-item-text {
 font-size: 1.5rem;
}

.overview-item-detail-wrapper {
 display: grid;
 grid-gap: 10px;
}

.overview-detail {
 font-size: 1.5rem;
 border-radius: 12px;
 padding: 20px 24px;
}

.overview-detail dt {
 display: flex;
 align-items: center;
 gap: .5em;
 font-size: 1.6rem;
 font-weight: 700;
 margin-bottom: .5em;
}

.overview-detail dt::before {
 background: transparent url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 18 18"><path fill="%23013188" d="M9,18c-.8,0-1.59-.11-2.37-.32-1.98-.54-3.73-1.76-4.93-3.42C.5,12.6-.1,10.55.01,8.5c.11-2.05.93-4.02,2.31-5.54C3.7,1.44,5.57.43,7.6.11c2.03-.32,4.12.07,5.9,1.1.39.23.53.73.3,1.12-.23.39-.73.53-1.12.3-1.45-.84-3.17-1.16-4.83-.9-1.66.26-3.19,1.09-4.32,2.34-1.13,1.25-1.8,2.85-1.89,4.53s.4,3.35,1.38,4.71,2.41,2.36,4.03,2.8c1.62.44,3.36.31,4.9-.36,1.54-.67,2.81-1.86,3.58-3.35.77-1.49,1.01-3.22.68-4.86-.09-.44.2-.87.64-.96.44-.09.87.19.96.64.41,2.01.11,4.12-.83,5.94-.95,1.82-2.5,3.28-4.38,4.1-1.14.5-2.38.75-3.61.75ZM9.58,11.22L17.76,3.04c.32-.32.32-.84,0-1.16-.32-.32-.84-.32-1.16,0l-7.6,7.6-1.88-1.88c-.32-.32-.84-.32-1.16,0-.32.32-.32.84,0,1.16l2.45,2.45c.16.16.37.24.58.24s.42-.08.58-.24Z" /></svg>') no-repeat center / contain;
 content: '';
 top: .1em;
 width: 1.125em;
 height: 1.125em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {
 .overview-text {
  text-align: center;
 }

 .overview-item-wrapper {
  grid-template-columns: 1fr 1fr;
 }
}

@media print,
screen and (min-width: 960.1px) {
 .overview-item-wrapper {
  grid-gap: 32px;
 }

 .overview-item {
  padding: 40px;
 }
}

@media (hover: hover) {}


/*====================================================
////id |  contact
====================================================*/

.contact-head {
 color: #fff;
 font-size: 2.4rem;
 font-weight: 700;
 line-height: 1.4;
 text-align: center;
}

.contact-text {
 color: #fff;
 text-align: center;
}

.contact-form {
 background: #fff;
 border-radius: 16px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
 margin: 24px auto 0;
 max-width: 600px;
 overflow: hidden;
 /* padding: 32px; */
}

.contact-form-inner {
 overflow: hidden;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
 #contact {
  background: url('../img/cmn/contact-bg.webp') no-repeat center / cover;
 }

 .contact-form-inner {
  height: 1266px;
 }

 .contact-form iframe {
  height: 1266px;
 }
}

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

 .contact-form-inner {
  height: 1345px;
 }

 .contact-form iframe {
  height: 1345px;
 }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {
 .contact-inner {
  padding-top: 0;
 }

 .contact-wrapper {
  background: url('../img/cmn/contact-bg.webp') no-repeat center / cover;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, .2);
  padding: 48px;
 }

 .contact-text {
  text-align: center;
 }

 .contact-form-inner {
  height: 1266px;
 }

 .contact-form iframe {
  height: 1266px;
 }
}

@media screen and (min-width: 960.1px) {
 .contact-head {
  font-size: 2.8rem;
 }
}

@media (hover: hover) {}