@charset "UTF-8";


/*PC*/
@media print, screen and (min-width: 769px) {

.smart { background: #e6e6e6 !important;}

.ttl { text-align: center; position: relative; padding: 0; margin: 30px auto 50px; height: 162px; align-content: center; }
.ttl::before { content: ""; top: 0; bottom: 0; left: -100px; right: -100px; position: absolute; background: #FFF; transform-origin: 50% 50%;}
.ttl::after { content: ""; top: 0; bottom: 0; left: -100px; right: -100px; position: absolute; background: #004892; transform-origin: 50% 50%; transform: rotate(-5deg);}
.ttl p { font-size: 43px; color: #FFF; position: relative; z-index: 10; margin-bottom: 5px;}
.ttl h1 { font-size: 22px; color: #FFF; position: relative; z-index: 10;}

.cont { padding: 0 30px 50px;}
.cont .col { margin: 30px auto 0;}
.cont .col:nth-of-type(1) { margin-top: 0;}
.cont .col p { margin: 0 0 5px;}
.cont .col p span { display: inline-block; background: #ff0000; color: #FFF; padding: 0 5px; border-radius: 4px; font-size: 13px; margin-left: 10px;}
.cont .col .row { display: flex; justify-content: space-between; margin: 10px 0 0;}
.cont .col .row p { width: 130px; align-content: center;}
.cont .col .row .box { width: 400px;}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea { width: 100%; padding: 10px; font-size: 17px; border: 0;}
textarea { height: 20em;}

.cont .txt { margin: 24px auto 30px;}
.cont .txt p { text-align: center; font-size: 19px;}
.cont .txt p a { text-decoration: underline;}
.cont .btn { text-align: center;}
.cont .btn input { padding: 5px 50px; font-size: 26px; border: 0; border-radius: 50px; background: #004892; color: #FFF; cursor: pointer;}


}



/*PC*/
/*@media print, screen and (min-width: 769px) and ( max-width: 1919px) {}*/



/*sp*/
@media only screen and (max-width: 768px) {

.smart { background: #e6e6e6 !important;}

.ttl { text-align: center; position: relative; padding: 0; margin: 6.122vw auto 10.204vw; height: 33.061vw; align-content: center;}
.ttl::before { content: ""; top: 0; bottom: 0; left: -20.408vw; right: -20.408vw;  position: absolute; background: #FFF; transform-origin: 50% 50%;}
.ttl::after { content: ""; top: 0; bottom: 0; left: -20.408vw; right: -20.408vw;  position: absolute; background: #004892; transform-origin: 50% 50%; transform: rotate(-5deg);}
.ttl p { font-size: 8.776vw; color: #FFF; position: relative; z-index: 10; margin-bottom: 1.02vw;}
.ttl h1 { font-size: 4.49vw; color: #FFF; position: relative; z-index: 10;}

.cont { padding: 0 6.122vw 10.204vw;}
.cont .col { margin: 6.122vw auto 0;}
.cont .col:nth-of-type(1) { margin-top: 0;}
.cont .col p { margin: 0 0 1.02vw;}
.cont .col p span { display: inline-block; background: #ff0000; color: #FFF; padding: 0 1.02vw; border-radius: 0.816vw; font-size: 2.653vw; margin-left: 2.041vw;}
.cont .col .row { display: flex; justify-content: space-between; margin: 2.041vw 0 0;}
.cont .col .row p { width: 26.531vw; align-content: center;}
.cont .col .row .box { width: 81.633vw;}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea { width: 100%; padding: 2.041vw; font-size: 3.469vw; border: 0;}
textarea { height: 20em;}

.cont .txt { margin: 4.898vw auto 6.122vw;}
.cont .txt p { text-align: center; font-size: 3.878vw;}
.cont .txt p a { text-decoration: underline;}
.cont .btn { text-align: center;}
.cont .btn input { padding: 1.02vw 10.204vw; font-size: 5.306vw; border: 0; border-radius: 10.204vw; background: #004892; color: #FFF; cursor: pointer;}


}



/*sp*/
@media screen and (width: 490px) {

.smart { background: #e6e6e6 !important;}

.ttl { text-align: center; position: relative; padding: 0; margin: 30px auto 50px; height: 162px; align-content: center;}
.ttl::before { content: ""; top: 0; bottom: 0; left: -100px; right: -100px;  position: absolute; background: #FFF; transform-origin: 50% 50%;}
.ttl::after { content: ""; top: 0; bottom: 0; left: -100px; right: -100px;  position: absolute; background: #004892; transform-origin: 50% 50%; transform: rotate(-5deg);}
.ttl p { font-size: 43px; color: #FFF; position: relative; z-index: 10; margin-bottom: 5px;}
.ttl h1 { font-size: 22px; color: #FFF; position: relative; z-index: 10;}

.cont { padding: 0 30px 50px;}
.cont .col { margin: 30px auto 0;}
.cont .col:nth-of-type(1) { margin-top: 0;}
.cont .col p { margin: 0 0 5px;}
.cont .col p span { display: inline-block; background: #ff0000; color: #FFF; padding: 0 5px; border-radius: 4px; font-size: 13px; margin-left: 10px;}
.cont .col .row { display: flex; justify-content: space-between; margin: 10px 0 0;}
.cont .col .row p { width: 130px; align-content: center;}
.cont .col .row .box { width: 400px;}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea { width: 100%; padding: 10px; font-size: 17px; border: 0;}
textarea { height: 20em;}

.cont .txt { margin: 24px auto 30px;}
.cont .txt p { text-align: center; font-size: 19px;}
.cont .txt p a { text-decoration: underline;}
.cont .btn { text-align: center;}
.cont .btn input { padding: 5px 50px; font-size: 26px; border: 0; border-radius: 50px; background: #004892; color: #FFF; cursor: pointer;}


}