@charset "UTF-8";


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

.main { background: #fcf58e;}

.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 25px 50px;}
.cont .box { margin-top: 30px; padding: 30px 54px; border-top: solid 1px #000; font-size: 17px;}
.cont .box:nth-of-type(1) { margin-top: 0; border-top: none;}
.cont .box h2 { font-size: 26px; color: #ea6000; margin-bottom: 20px; font-weight: 500; text-align: center;}

.cont .box01 {}
.cont .box01 dl {}
.cont .box01 dl dt { width: 5em; float: left;}
.cont .box01 dl dd { margin-left: 5.6em;}

.cont .box02 {}
.cont .box02 dl {}
.cont .box02 dl dt { min-width: 5em; max-width: 7em; float: left;}
.cont .box02 dl dd { margin-left: 5.6em;}

.cont .box03 {}

.cont .box04 {}

.cont .box05 {}
.cont .box05 ul {}
.cont .box05 ul li { padding-left: 1.2em; position: relative;}
.cont .box05 ul li::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box05 ul li span { font-size: 12px;}

.cont .box06 {}
.cont .box06 h4 { color: #ea6000;}
.cont .box06 dl {}
.cont .box06 dl dt { padding-left: 1.2em; position: relative; color: #ea6000;}
.cont .box06 dl dt::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box06 dl dd {}

.cont .box07 {}
.cont .box07 p { padding-left: 1.2em; position: relative;}
.cont .box07 p::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box07 p span { font-size: 12px; letter-spacing: -0.5px;}

.cont .box08 {}
.cont .box08 p { padding-left: 1.2em; position: relative; margin: 0 0 5px; white-space: nowrap;}
.cont .box08 p::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box08 p span { font-size: 12px; white-space: nowrap; letter-spacing: -0.5px;}


}



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



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

.main { background: #fcf58e;}

.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 5.102vw 10.204vw;}
.cont .box { margin-top: 6.122vw; padding: 6.122vw 11.02vw; border-top: solid 1px #000; font-size: 3.469vw;}
.cont .box:nth-of-type(1) { margin-top: 0; border-top: none;}
.cont .box h2 { font-size: 5.306vw; color: #ea6000; margin-bottom: 4.082vw; font-weight: 500; text-align: center;}

.cont .box01 {}
.cont .box01 dl {}
.cont .box01 dl dt { width: 5em; float: left;}
.cont .box01 dl dd { margin-left: 5.6em;}

.cont .box02 {}
.cont .box02 dl {}
.cont .box02 dl dt { min-width: 5em; max-width: 7em; float: left;}
.cont .box02 dl dd { margin-left: 5.6em;}

.cont .box03 {}

.cont .box04 {}

.cont .box05 {}
.cont .box05 ul {}
.cont .box05 ul li { padding-left: 1.2em; position: relative;}
.cont .box05 ul li::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box05 ul li span { font-size: 2.449vw;}

.cont .box06 {}
.cont .box06 h4 { color: #ea6000;}
.cont .box06 dl {}
.cont .box06 dl dt { padding-left: 1.2em; position: relative; color: #ea6000;}
.cont .box06 dl dt::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box06 dl dd {}

.cont .box07 {}
.cont .box07 p { padding-left: 1.2em; position: relative;}
.cont .box07 p::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box07 p span { font-size: 2.449vw; letter-spacing: -0.102vw;}

.cont .box08 {}
.cont .box08 p { padding-left: 1.2em; position: relative; margin: 0 0 1.02vw; white-space: nowrap;}
.cont .box08 p::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box08 p span { font-size: 2.449vw; white-space: nowrap; letter-spacing: -0.102vw;}


}



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

.main { background: #fcf58e;}

.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 25px 50px;}
.cont .box { margin-top: 30px; padding: 30px 54px; border-top: solid 1px #000; font-size: 17px;}
.cont .box:nth-of-type(1) { margin-top: 0; border-top: none;}
.cont .box h2 { font-size: 26px; color: #ea6000; margin-bottom: 20px; font-weight: 500; text-align: center;}

.cont .box01 {}
.cont .box01 dl {}
.cont .box01 dl dt { width: 5em; float: left;}
.cont .box01 dl dd { margin-left: 5.6em;}

.cont .box02 {}
.cont .box02 dl {}
.cont .box02 dl dt { min-width: 5em; max-width: 7em; float: left;}
.cont .box02 dl dd { margin-left: 5.6em;}

.cont .box03 {}

.cont .box04 {}

.cont .box05 {}
.cont .box05 ul {}
.cont .box05 ul li { padding-left: 1.2em; position: relative;}
.cont .box05 ul li::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box05 ul li span { font-size: 12px;}

.cont .box06 {}
.cont .box06 h4 { color: #ea6000;}
.cont .box06 dl {}
.cont .box06 dl dt { padding-left: 1.2em; position: relative; color: #ea6000;}
.cont .box06 dl dt::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box06 dl dd {}

.cont .box07 {}
.cont .box07 p { padding-left: 1.2em; position: relative;}
.cont .box07 p::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box07 p span { font-size: 12px; letter-spacing: -0.5px;}

.cont .box08 {}
.cont .box08 p { padding-left: 1.2em; position: relative; margin: 0 0 5px; white-space: nowrap;}
.cont .box08 p::before { content: "●"; color: #ea6000; position: absolute; left: 0; top: 0;}
.cont .box08 p span { font-size: 12px; white-space: nowrap; letter-spacing: -0.5px;}


}