@charset "utf-8";
.header-bg1 img {
 width:90%;
 max-width:720px;
 height: auto;
}
.header-bg1 div:nth-of-type(2) {
 margin: 30px 0 0 0;
 text-align: right;
}
.header-bg1 div:nth-of-type(3) {
 margin: 30px 0 0 0;
 text-align: left;
}
.box1 {
 margin: 30px 0;
 padding: 100px 30px;
 background-color: #2D4472;
 color: #fff;
 clip-path: polygon(0 30px, 100% 0, 100% calc(100% - 30px), 0 100%);
}
h2 {
 font-size: 1.2em;
 margin: 0 0 12px 0;
 padding: 0 0 10px 0;
 border-bottom: 1px solid #fff;
 text-align: center;
}
.box2 {
 margin: 30px 0;
 padding: 30px 30px;
}
h3 {
 position: relative;
 margin: 0 0 30px 0;
 padding: 1em 0;
 text-align: center;
 font-size: 1.2em;
}
h3:before {
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #2D4472;
}
.box2-img img {
 margin: 10px 0;
 width: 100%;
 max-width: 1024px;
 height: auto;
 border-radius: 10px;
}
article dl,article dd {
 margin: 0;
}
article dt {
 margin: 10px 0;
 font-size: 1.2em;
 font-weight: bold;
 text-align: center;
}
/*ボタン*/
.btn {
 margin: 30px auto 0 auto;
 background-color: #fff;
 text-align: center;
 border-radius: 10px;
 max-width: 300px;
}
.btn a {
 display: inline-block;
 width: 100%;
 padding: 8px 0;
 font-size: 1.2em;
 font-weight: bold;
}
.btn a:hover {
 text-decoration: none;
 background-color: #5D74a2;
 border-radius: 10px;
 color: #fff;
}
.btn2 {
 margin: 30px auto 50px auto;
 background-color: #2D4472;
 text-align: center;
 border-radius: 10px;
 max-width: 300px;
}
.btn2 a {
 display: inline-block;
 width: 100%;
 padding: 8px 0;
 font-size: 1.2em;
 font-weight: bold;
 color: #fff;
}
.btn2 a:hover {
 text-decoration: none;
 background-color: #5D74a2;
 border-radius: 10px;
 color: #fff;
}