@charset "UTF-8";


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

.smart { background: #fff8a5 !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: #80cce6; transform-origin: 50% 50%; transform: rotate(-5deg);}
.ttl h1 { font-size: 45px; color: #FFF; position: relative; z-index: 10;}
.ttl h1 span { color: #ffff00;}

.cont { padding: 0;}
.cont01 { padding: 0 0 50px;}
.cont01 h2 { font-size: 26px; text-align: center; color: #80cce6; margin: 0 auto 30px;}
.cont01 .txt01 { font-size: 17px; padding: 0 60px 40px;}
.cont01 .txt01 p { margin: 1em 0 0;}
.cont01 .txt01 p:nth-of-type(1) { margin-top: 0;}
.cont01 .txt02 { width: 404px; margin: auto; background: #FFF; position: relative;}
.cont01 .txt02::before { content: ""; width: 36px; height: 36px; position: absolute; top: 0; left: 0; border-top: solid 4px #80cce6; border-left: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02::after  { content: ""; width: 36px; height: 36px; position: absolute; top: 0; right: 0; border-top: solid 4px #80cce6; border-right: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in { width: 100%; background: #FFF; padding: 30px 0; position: relative;}
.cont01 .txt02 .in::before { content: ""; width: 36px; height: 36px; position: absolute; bottom: 0; left: 0; border-bottom: solid 4px #80cce6; border-left: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in::after  { content: ""; width: 36px; height: 36px; position: absolute; bottom: 0; right: 0; border-bottom: solid 4px #80cce6; border-right: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in p { font-size: 26px; text-align: center; color: #80cce6; position: relative;}

.cont02 { padding: 40px 60px 50px; background: #FFF; font-size: 17px;}
.cont02 dl {}
.cont02 dl dt { color: #80cce6; font-weight: 700;}
.cont02 dl dt:nth-of-type(1),
.cont02 dl dt:nth-of-type(3),
.cont02 dl dt:nth-of-type(3) { width: 3em; text-align: justify; text-align-last: justify;}
.cont02 dl dd {}


}



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



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

.smart { background: #fff8a5 !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: #80cce6; transform-origin: 50% 50%; transform: rotate(-5deg);}
.ttl h1 { font-size: 9.184vw; color: #FFF; position: relative; z-index: 10;}
.ttl h1 span { color: #ffff00;}

.cont { padding: 0;}
.cont01 { padding: 0 0 10.204vw;}
.cont01 h2 { font-size: 5.306vw; text-align: center; color: #80cce6; margin: 0 auto 6.122vw;}
.cont01 .txt01 { font-size: 3.469vw; padding: 0 12.245vw 8.163vw;}
.cont01 .txt01 p { margin: 1em 0 0;}
.cont01 .txt01 p:nth-of-type(1) { margin-top: 0;}
.cont01 .txt02 { width: 82.449vw; margin: auto; background: #FFF; position: relative;}
.cont01 .txt02::before { content: ""; width: 7.347vw; height: 7.347vw; position: absolute; top: 0; left: 0; border-top: solid 4px #80cce6; border-left: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02::after  { content: ""; width: 7.347vw; height: 7.347vw; position: absolute; top: 0; right: 0; border-top: solid 4px #80cce6; border-right: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in { width: 100%; background: #FFF; padding: 6.122vw 0; position: relative;}
.cont01 .txt02 .in::before { content: ""; width: 7.347vw; height: 7.347vw; position: absolute; bottom: 0; left: 0; border-bottom: solid 4px #80cce6; border-left: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in::after  { content: ""; width: 7.347vw; height: 7.347vw; position: absolute; bottom: 0; right: 0; border-bottom: solid 4px #80cce6; border-right: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in p { font-size: 5.306vw; text-align: center; color: #80cce6; position: relative;}

.cont02 { padding: 8.163vw 12.245vw 10.204vw; background: #FFF; font-size: 3.469vw;}
.cont02 dl {}
.cont02 dl dt { color: #80cce6; font-weight: 700;}
.cont02 dl dt:nth-of-type(1),
.cont02 dl dt:nth-of-type(3),
.cont02 dl dt:nth-of-type(3) { width: 3em; text-align: justify; text-align-last: justify;}
.cont02 dl dd {}


}



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

.smart { background: #fff8a5 !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: #80cce6; transform-origin: 50% 50%; transform: rotate(-5deg);}
.ttl h1 { font-size: 45px; color: #FFF; position: relative; z-index: 10;}
.ttl h1 span { color: #ffff00;}

.cont { padding: 0;}
.cont01 { padding: 0 0 50px;}
.cont01 h2 { font-size: 26px; text-align: center; color: #80cce6; margin: 0 auto 30px;}
.cont01 .txt01 { font-size: 17px; padding: 0 60px 40px;}
.cont01 .txt01 p { margin: 1em 0 0;}
.cont01 .txt01 p:nth-of-type(1) { margin-top: 0;}
.cont01 .txt02 { width: 404px; margin: auto; background: #FFF; position: relative;}
.cont01 .txt02::before { content: ""; width: 36px; height: 36px; position: absolute; top: 0; left: 0; border-top: solid 4px #80cce6; border-left: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02::after  { content: ""; width: 36px; height: 36px; position: absolute; top: 0; right: 0; border-top: solid 4px #80cce6; border-right: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in { width: 100%; background: #FFF; padding: 30px 0; position: relative;}
.cont01 .txt02 .in::before { content: ""; width: 36px; height: 36px; position: absolute; bottom: 0; left: 0; border-bottom: solid 4px #80cce6; border-left: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in::after  { content: ""; width: 36px; height: 36px; position: absolute; bottom: 0; right: 0; border-bottom: solid 4px #80cce6; border-right: solid 4px #80cce6; z-index: 10;}
.cont01 .txt02 .in p { font-size: 26px; text-align: center; color: #80cce6; position: relative;}

.cont02 { padding: 40px 60px 50px; background: #FFF; font-size: 17px;}
.cont02 dl {}
.cont02 dl dt { color: #80cce6; font-weight: 700;}
.cont02 dl dt:nth-of-type(1),
.cont02 dl dt:nth-of-type(3),
.cont02 dl dt:nth-of-type(3) { width: 3em; text-align: justify; text-align-last: justify;}
.cont02 dl dd {}


}