@charset "utf-8";
.dl02,.dl_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 15px;
}
.dl02 > dt {
    background: #fff;
    color: #231815;
    font-weight: bold;
    position: relative;
    border: solid 2px #fff;
    padding: 10px;
}
.dl02 > dd {
    margin-left: 0;
    border: solid 2px #fff;
    padding: 10px 10px 10px 20px;
}
.dl02 > dt:after {
    content: "";
    position: absolute;
    right: -17px;
    color: #fff;
    top: 50%;
	border-top: 15px solid transparent;
	border-right: 15px solid #fff;
	border-bottom: 15px solid transparent;
	top: 50%;
	transform: translateY(-50%) translateX(-50%) rotate(180deg);
	-webkit- transform: translateY(-50%) translateX(-50%) rotate(180deg);
}
#sec_screen .dl02 > dt{
    width: 260px;
}
#sec_screen .dl02 > dd{width:calc(100% - 260px);}
#art_staff .ul_prof li{
    width: 25%;
}
cargraph .im_oscar02 {
    max-width: 542px;
    width: 100%;
    display: block;
    margin: auto auto 30px auto;
}
.im_plan01 {
    max-width: 550px;
    width: 95%;
    margin: auto auto 30px;
    display: block;
}
.ul04 > li {
    counter-increment: num 1;
    background: rgba(255,255,255,1);
    border: 3px solid #D8BA75;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #10442e;
    font-size: 18px;
    min-width: 200px;
    padding: 10px 10px 10px 60px;
    font-weight: bold;
    position: relative;
}
.dl_flex li {
    width: calc(33.3% - 22px);
}
.dl_flex > li:not(:last-child):after {
    transform: translateY(-50%);
    top: 50%;
    right: -30px;
}
.dl_flex > li:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/common/ic_arrow03.svg)no-repeat left center / contain;
    width: 25px;
    height: 25px;
}
.dl_flex > li:before {
    content: "STEP"counter(num);
    display: block;
    padding: 3px;
    position: absolute;
    width: 45px;
    font-size: 12rem;
    top: 0px;
    left: 0px;
    background: #D8BA75;
    color: #10442e;
}
.dl_flex li {
    font-size: 12rem;
}
.im_definitive01{
    display: block;
    margin: 15px auto;
}



.div_h1{
background: url(../img/common/h1_backimge.jpg) no-repeat center /140%;
}
#art_step .im_prenatal01,#art_step .im_prenatal02,#art_breakdown .im_oscar02,#art_step .im_definitive01{
display: block;
max-width: 650px;
margin:auto auto  30px auto;
}
#art_screening .im_oscar01{
max-width: 542px;
display: block;
margin:auto auto  30px auto;
}
#art_breakdown .im_oscar02{
margin: auto auto 15px auto;
}
.div_oscarcon .headline{
background: #a2bbd9;
font-weight: bold;
padding: 5px 0 5px  10px;
}
.div_oscarcon div {
border: solid 3px #a2bbd9;
}
#art_breakdown .div_oscarcon div .dl05,#art_breakdown .div_oscarcon div .text_notice01{
margin: 0 10px;
}
#art_amniotic .im_amniotic,#art_tomentose .im_tomentose{
margin: auto  auto 15px auto;
display: block;
width: 300px;
}
#art_actual .dl04 dd{
width: 50px;
text-align: right;
}
#art_staff .ul_staff{
display: flex;
flex-wrap: wrap;
}
#art_staff .ul_staff li{
width: 200px;
}
#art_staff .ul_staff li img{
display: block;
margin: auto;
width: 130px;
}

#art_staff .ul_staff li .prof{
    color: #B3984F;
    font-family: "Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
				 font-size: 14rem;
					text-align: center;
}
#art_staff .ul_staff li .name{
	display: block;
	font-size: 18rem;
}
#art_seminar .link01{
width: 200px;
display: block;
margin: auto;
}

@media (min-width: 769px) {
#art_plan .ul04 li {
        width: calc(33.3% - 22px);
    }
#art_plan .ul04 li {
        font-size: 12rem;
    }
.ul04 > li:not(:last-of-type) {
        margin: 0 32px 0 0;
    }
.dl01 > dt{
width: 200px;
}
.dl01 > dd{
margin-left:210px;
}
#art_definitive .im_definitive01{
float: right;
margin-left: 15px;
width: 208px;
}
#art_staff .ul_staff li:not(:last-of-type){
margin-right: 30px;
}
#art_staff .ul_staff li:nth-child(1) .prof{
margin-top: 23px;
}
#art_breakdown .dl05 dt{
width:30%;
}
#art_breakdown .dl05 dd{
width: 70%;
}
    .dl_flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: stretch;
        counter-reset: num 0;
    }
}

@media (max-width: 768px) {
#art_step .im_prenatal01,#art_breakdown .im_oscar02,#art_amniotic .im_amniotic,#art_tomentose .im_tomentose{
width:80%;
margin: auto auto 15px auto;
}
#art_step .im_prenatal02,#art_screening .im_oscar01{
width: 100%;
}
#art_fmf h3{
text-align: left;
}
#art_definitive .im_definitive01{
display: block;
margin: auto auto 15px auto;
width: 200px;
}
#art_staff .ul_staff li{
width: 50%;
}
.dl_flex li {
    width: 100%;
}
.dl_flex dt{
    width: 30%
}
.dl_flex dd{
    width: 70%;
}
}