@charset "utf-8";

/*-----------------------------------------------
 *	Acting
-----------------------------------------------*/
ul.acting-list{color: #009db3;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 4%;}
ul.acting-list li{background: #fff;border: #009db3 4px solid;display: flex;align-items: center;font-size: 18px;font-weight: bold;margin-bottom: 10px;width: calc(95%/3);}
ul.acting-list li span{padding-left: .5em;}
ul.acting-list li img{width: 100px;object-fit: cover;}
@media only screen and (max-width: 768px) {
ul.acting-list li {font-size: 15px;}
ul.acting-list li img {width: 90px;}
ul.acting-list li span {padding-left: .5em;}
}
@media only screen and (max-width: 568px) {
ul.acting-list li {font-size: 13px;border: #009db3 2px solid;box-sizing: border-box;width: calc(98%/2);}
ul.acting-list li span {padding-left: .25em;}
ul.acting-list li img {width: 65px;}
}
@media only screen and (max-width: 375px) {
ul.acting-list li img {width: 80px;}
}
@media only screen and (max-width: 320px) {
ul.acting-list li {font-size: 11px;}
ul.acting-list li img {width: 70px;}
}

/*===============================================
 *	Option
===============================================*/
.ttl-main_option{max-width: 893px;margin:0 auto;}
.girl-box{position: relative;}
img.photo-girl{position: absolute;right: 10px;bottom: 0;}
img.girl-procedure{max-width: 320px;}
/*table.revival-size{max-width: 570px;margin-bottom: 3%;}*/
table.revival-size{margin-bottom: 3%;}
.procedure-list{max-width: 900px;margin: 0 auto;}
.procedure-list li{margin-bottom: 1.5em;max-width: 395px;}
.procedure-list dt{font-size: 18px;text-align: center;margin-bottom: 10px;}
.procedure-list dt span{font-size: 22px;font-weight: bold;background:linear-gradient(transparent 60%, #ff6 60%);padding: 0 5px;}
.procedure-list li dd p {margin-bottom: 1em;}
@media only screen and (max-width: 768px) {
.ttl-main_option {margin: 0 2%;}
img.girl-procedure {max-width: 270px;}
.procedure-list li {font-size: 18px;width: 100%;max-width: 325px;margin-bottom: 1em;}
.procedure-list li img {margin: 0 auto 10px;width: 100%;}
.procedure-list dt span{display: inline-block;}
.procedure-list li dd p {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
img.girl-procedure{max-width: 130px;}
.procedure-list li {max-width: initial;padding: 10px;}
.procedure-list dt {font-size: 16px;line-height: 1.4;}
.procedure-list dt span {font-size: 18px;}
.procedure-list li dd p {margin-left: 0;padding-top: 0;font-size: 14px;}
table.revival-size {margin-bottom: 5%;}
}
@media only screen and (max-width: 375px) {
img.girl-procedure{max-width: 145px;}
img.photo-girl{right: 0;}
}