@charset "UTF-8";


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

.smart { background: #fadce2 !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: #eb6d9a; transform-origin: 50% 50%; transform: rotate(-5deg);}
.ttl p { font-size: 43px; color: #FFF; position: relative; z-index: 10; margin-bottom: 5px;}
.ttl p span { color: #ffff00;}
.ttl h1 { font-size: 22px; color: #FFF; position: relative; z-index: 10;}
.ttl h1 span { color: #ffff00;}

.cont { margin-top: -50px}
.cont01 { padding: 44px 0 56px;  background: url("../images/our-workday/cont01_bg.png") 0 0;}
.cont01 h2 { text-align: center; margin-bottom: 25px; font-size: 24px; font-weight: 500; color: #FFF;}
.cont01 h2 span { display: inline-block; width: 352px; height: 50px; border-radius: 30px; background: #eb6d9a; align-content: center;}
.cont01 ul {}
.cont01 ul li { padding-top: 40px; display: flex; justify-content: flex-end; position: relative;} 
.cont01 ul li:nth-of-type(1) { padding-top: 0;} 
.cont01 ul li::after { content: ""; width: 4px; background: #eb6d9a; position: absolute; top: 0; bottom: 0; left: 124px; margin: 0;}
.cont01 ul li:nth-of-type(1)::after { content: ""; width: 4px; background: #eb6d9a; position: absolute; top: 50%; bottom: 0; left: 124px; margin: 0;}
.cont01 ul li:nth-of-type(7)::after { content: ""; width: 4px; background: #eb6d9a; position: absolute; top: 0; bottom: 34%; left: 124px; margin: 0;}
.cont01 ul li .time { font-size: 26px; font-weight: 500; color: #eb6d9a; text-align: right; line-height: 1.0; align-content: center; padding: 0 10px 0 0;}
.cont01 ul li .time span { font-size: 18px; font-weight: 500; color: #eb6d9a;}
.cont01 ul li .txt { width: 342px; border-radius: 80px 0 0 80px; background: #FFF; padding: 10px 0 10px 40px; margin-left: 36px; position: relative;}
.cont01 ul li .txt::before { content: ""; width: 20px; height: 20px; border-radius: 50%; background: #eb6d9a; position: absolute; top: 0; bottom: 0; left: -32px; margin: auto 0;}
.cont01 ul li .txt h3 { font-size: 32px; font-weight: 500; color: #eb6d9a;}


.cont02 { padding: 50px 0 56px;  background: url("../images/our-workday/cont02_bg.png") 0 0;}
.cont02 h2 { text-align: center; margin-bottom: 25px; font-size: 24px; font-weight: 500; color: #FFF;}
.cont02 h2 span { display: inline-block; width: 352px; height: 50px; border-radius: 30px; background: #00b9ef; align-content: center;}
.cont02 ul {}
.cont02 ul li { padding-top: 40px; display: flex; justify-content: flex-end; position: relative;} 
.cont02 ul li:nth-of-type(1) { padding-top: 0;} 
.cont02 ul li::after { content: ""; width: 4px; background: #00b9ef; position: absolute; top: 0; bottom: 0; left: 124px; margin: 0;}
.cont02 ul li:nth-of-type(1)::after { content: ""; width: 4px; background: #00b9ef; position: absolute; top: 50%; bottom: 0; left: 124px; margin: 0;}
.cont02 ul li:nth-of-type(7)::after { content: ""; width: 4px; background: #00b9ef; position: absolute; top: 0; bottom: calc( 50% - 20px ); left: 124px; margin: 0;}
.cont02 ul li .time { font-size: 26px; font-weight: 500; color: #00b9ef; text-align: right; line-height: 1.0; align-content: center; padding: 0 10px 0 0;}
.cont02 ul li .time span { font-size: 18px; font-weight: 500; color: #00b9ef;}
.cont02 ul li .txt { width: 342px; border-radius: 80px 0 0 80px; background: #FFF; padding: 10px 0 10px 40px; margin-left: 36px; position: relative;}
.cont02 ul li .txt::before { content: ""; width: 20px; height: 20px; border-radius: 50%; background: #00b9ef; position: absolute; top: 0; bottom: 0; left: -32px; margin: auto 0;}
.cont02 ul li .txt h3 { font-size: 32px; font-weight: 500; color: #00b9ef;}


}



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



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

.smart { background: #fadce2 !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: #eb6d9a; 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 p span { color: #ffff00;}
.ttl h1 { font-size: 4.49vw; color: #FFF; position: relative; z-index: 10;}
.ttl h1 span { color: #ffff00;}

.cont { margin-top: -10.204vw;}
.cont01 { padding: 8.98vw 0 11.429vw;  background: url("../images/our-workday/cont01_bg.png") 0 0;}
.cont01 h2 { text-align: center; margin-bottom: 5.102vw; font-size: 4.898vw; font-weight: 500; color: #FFF;}
.cont01 h2 span { display: inline-block; width: 71.837vw; height: 10.204vw; border-radius: 6.122vw; background: #eb6d9a; align-content: center;}
.cont01 ul {}
.cont01 ul li { padding-top: 8.163vw; display: flex; justify-content: flex-end; position: relative;} 
.cont01 ul li:nth-of-type(1) { padding-top: 0;} 
.cont01 ul li::after { content: ""; width: 0.816vw; background: #eb6d9a; position: absolute; top: 0; bottom: 0; left: 25.306vw; margin: 0;}
.cont01 ul li:nth-of-type(1)::after { content: ""; width: 0.816vw; background: #eb6d9a; position: absolute; top: 50%; bottom: 0; left: 25.306vw; margin: 0;}
.cont01 ul li:nth-of-type(7)::after { content: ""; width: 0.816vw; background: #eb6d9a; position: absolute; top: 0; bottom: 34%; left: 25.306vw; margin: 0;}
.cont01 ul li .time { font-size: 5.306vw; font-weight: 500; color: #eb6d9a; text-align: right; line-height: 1.0; align-content: center; padding: 0 2.041vw 0 0;}
.cont01 ul li .time span { font-size: 3.673vw; font-weight: 500; color: #eb6d9a;}
.cont01 ul li .txt { width: 69.796vw; border-radius: 16.327vw 0 0 16.327vw; background: #FFF; padding: 2.041vw 0 2.041vw 8.163vw; margin-left: 7.347vw; position: relative;}
.cont01 ul li .txt::before { content: ""; width: 4.082vw; height: 4.082vw; border-radius: 50%; background: #eb6d9a; position: absolute; top: 0; bottom: 0; left: -6.531vw; margin: auto 0;}
.cont01 ul li .txt h3 { font-size: 6.531vw; font-weight: 500; color: #eb6d9a;}


.cont02 { padding: 10.204vw 0 11.429vw;  background: url("../images/our-workday/cont02_bg.png") 0 0;}
.cont02 h2 { text-align: center; margin-bottom: 5.102vw; font-size: 4.898vw; font-weight: 500; color: #FFF;}
.cont02 h2 span { display: inline-block; width: 71.837vw; height: 10.204vw; border-radius: 6.122vw; background: #00b9ef; align-content: center;}
.cont02 ul {}
.cont02 ul li { padding-top: 8.163vw; display: flex; justify-content: flex-end; position: relative;} 
.cont02 ul li:nth-of-type(1) { padding-top: 0;} 
.cont02 ul li::after { content: ""; width: 0.816vw; background: #00b9ef; position: absolute; top: 0; bottom: 0; left: 25.306vw; margin: 0;}
.cont02 ul li:nth-of-type(1)::after { content: ""; width: 0.816vw; background: #00b9ef; position: absolute; top: 50%; bottom: 0; left: 25.306vw; margin: 0;}
.cont02 ul li:nth-of-type(7)::after { content: ""; width: 0.816vw; background: #00b9ef; position: absolute; top: 0; bottom: calc( 50% - 4.082vw ); left: 25.306vw; margin: 0;}
.cont02 ul li .time { font-size: 5.306vw; font-weight: 500; color: #00b9ef; text-align: right; line-height: 1.0; align-content: center; padding: 0 2.041vw 0 0;}
.cont02 ul li .time span { font-size: 3.673vw; font-weight: 500; color: #00b9ef;}
.cont02 ul li .txt { width: 69.796vw; border-radius: 16.327vw 0 0 16.327vw; background: #FFF; padding: 2.041vw 0 2.041vw 8.163vw; margin-left: 7.347vw; position: relative;}
.cont02 ul li .txt::before { content: ""; width: 4.082vw; height: 4.082vw; border-radius: 50%; background: #00b9ef; position: absolute; top: 0; bottom: 0; left: -6.531vw; margin: auto 0;}
.cont02 ul li .txt h3 { font-size: 6.531vw; font-weight: 500; color: #00b9ef;}


}



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

.smart { background: #fadce2 !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: #eb6d9a; transform-origin: 50% 50%; transform: rotate(-5deg);}
.ttl p { font-size: 43px; color: #FFF; position: relative; z-index: 10; margin-bottom: 5px;}
.ttl p span { color: #ffff00;}
.ttl h1 { font-size: 22px; color: #FFF; position: relative; z-index: 10;}
.ttl h1 span { color: #ffff00;}

.cont { margin-top: -50px}
.cont01 { padding: 44px 0 56px;  background: url("../images/our-workday/cont01_bg.png") 0 0;}
.cont01 h2 { text-align: center; margin-bottom: 25px; font-size: 24px; font-weight: 500; color: #FFF;}
.cont01 h2 span { display: inline-block; width: 352px; height: 50px; border-radius: 30px; background: #eb6d9a; align-content: center;}
.cont01 ul {}
.cont01 ul li { padding-top: 40px; display: flex; justify-content: flex-end; position: relative;} 
.cont01 ul li:nth-of-type(1) { padding-top: 0;} 
.cont01 ul li::after { content: ""; width: 4px; background: #eb6d9a; position: absolute; top: 0; bottom: 0; left: 124px; margin: 0;}
.cont01 ul li:nth-of-type(1)::after { content: ""; width: 4px; background: #eb6d9a; position: absolute; top: 50%; bottom: 0; left: 124px; margin: 0;}
.cont01 ul li:nth-of-type(7)::after { content: ""; width: 4px; background: #eb6d9a; position: absolute; top: 0; bottom: 34%; left: 124px; margin: 0;}
.cont01 ul li .time { font-size: 26px; font-weight: 500; color: #eb6d9a; text-align: right; line-height: 1.0; align-content: center; padding: 0 10px 0 0;}
.cont01 ul li .time span { font-size: 18px; font-weight: 500; color: #eb6d9a;}
.cont01 ul li .txt { width: 342px; border-radius: 80px 0 0 80px; background: #FFF; padding: 10px 0 10px 40px; margin-left: 36px; position: relative;}
.cont01 ul li .txt::before { content: ""; width: 20px; height: 20px; border-radius: 50%; background: #eb6d9a; position: absolute; top: 0; bottom: 0; left: -32px; margin: auto 0;}
.cont01 ul li .txt h3 { font-size: 32px; font-weight: 500; color: #eb6d9a;}


.cont02 { padding: 50px 0 56px;  background: url("../images/our-workday/cont02_bg.png") 0 0;}
.cont02 h2 { text-align: center; margin-bottom: 25px; font-size: 24px; font-weight: 500; color: #FFF;}
.cont02 h2 span { display: inline-block; width: 352px; height: 50px; border-radius: 30px; background: #00b9ef; align-content: center;}
.cont02 ul {}
.cont02 ul li { padding-top: 40px; display: flex; justify-content: flex-end; position: relative;} 
.cont02 ul li:nth-of-type(1) { padding-top: 0;} 
.cont02 ul li::after { content: ""; width: 4px; background: #00b9ef; position: absolute; top: 0; bottom: 0; left: 124px; margin: 0;}
.cont02 ul li:nth-of-type(1)::after { content: ""; width: 4px; background: #00b9ef; position: absolute; top: 50%; bottom: 0; left: 124px; margin: 0;}
.cont02 ul li:nth-of-type(7)::after { content: ""; width: 4px; background: #00b9ef; position: absolute; top: 0; bottom: calc( 50% - 20px ); left: 124px; margin: 0;}
.cont02 ul li .time { font-size: 26px; font-weight: 500; color: #00b9ef; text-align: right; line-height: 1.0; align-content: center; padding: 0 10px 0 0;}
.cont02 ul li .time span { font-size: 18px; font-weight: 500; color: #00b9ef;}
.cont02 ul li .txt { width: 342px; border-radius: 80px 0 0 80px; background: #FFF; padding: 10px 0 10px 40px; margin-left: 36px; position: relative;}
.cont02 ul li .txt::before { content: ""; width: 20px; height: 20px; border-radius: 50%; background: #00b9ef; position: absolute; top: 0; bottom: 0; left: -32px; margin: auto 0;}
.cont02 ul li .txt h3 { font-size: 32px; font-weight: 500; color: #00b9ef;}


}