@charset "UTF-8";
/* CSS Document */

.top_bg01 {
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/top_img_procedure01.jpg");
    background-size: cover;
    float: left;
}

.page_link_menu01 {
    list-style-type: none;
    margin: 4% 0 1%;
    padding: 0;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

.page_link_menu01 li {
    width : calc(97% / 2) ;
    margin: 3% 3% 0 0; 
}

.page_link_menu01 li:nth-of-type(2n) {
    margin: 3% 0 0 0;
}

.page_link_menu01 li a {
    font-size: 22px;
    border-radius: 10px;
    font-weight: 500;
    color: #ffffff;
    padding: 1em 1em 1em 1em;
    display: block;
    width: 100%;
    background-position: right 0.7em center;
    background-repeat: no-repeat;
    background-size: auto 0.7em;
    background-image: url("../../common/img/ya_w01.png");
    background-color: #EB6D7B;
    overflow: visible;
    transition: all 500ms 0s ease;
}

.page_link_menu01 li a:hover {
    text-decoration: none;
    background-color: #E85868;
    background-position: right 0.5em center;
}

.page_bbox01 {
    border: 1px solid #B5B5B6;
    padding: 4% 3% 5%;
    margin: 1% 0 2%;
    display: block;
}

.title_page_sub01 {
    font-size: 24px;
    margin: 1.0em 0 0.3em;
    padding: 0;
}

.pg_type01 {
    padding: 0.8em 0 0.5em;
}

.pg_type02 {
    padding: 0.8em 0 0;
}

.pg_type03 {
    padding: 0 0 0.5em;
}


img.Unimarche_img {
    border: 1px solid #B5B5B6;
    height: auto;
    width: 84%;
    margin: 2% 0 0;
}

.top_web_cv {
    text-align: center;
    position: relative;
    width: 70%;
    margin: 3% auto;
}

a.top_web_cv_a {
    font-size: 28px;
    border-radius: 10px;
    font-weight: 600;
    color: #ffffff;
    padding: 1em 0 1em 1em;
    margin: 4% auto;
    display: inline-block;
    width: 100%;
    background-position: right 0.7em center;
    background-repeat: no-repeat;
    background-size: auto 0.7em;
    background-image: url("../../common/img/ya_w01.png");
    background-color: #EB6D7B;
    overflow: visible;
    transition: all 500ms 0s ease;
}

a.top_web_cv_a img.cv_top_unipoppo {
    position: absolute;
    width: 20%;
    left: 3%;
    top: 0;
}

a.top_web_cv_a:hover {
    text-decoration: none;
    background-color: #E85868;
    background-position: right 0.5em center;
}

.title_page_sub02 {
    font-size: 21px;
    border-bottom: 1px solid #B5B5B6;
    padding: 1em 0 0.4em;
    margin: 0;
}

.title_page_sub03 {
    font-size: 21px;
    padding: 1em 0 0.2em;
    margin: 0;
}

.kid_box_w {
    display: flex;
    flex-wrap: wrap;
}

.kid_box_in01{
    font-size: 18px;
    line-height: 1.8;
    width: 48.5%;
    margin: 3% 3% 3% 0;
    padding: 3%;
}

.kid_box_in01:last-of-type {
    margin: 3% 0 3% 0;
}

.kid_box_bg01 {
    background-color: #E4F3F4;
}

.kid_box_bg02 {
    background-color: #FADFDE;
}

.kid_box_in01 h5 {
    font-size: 19px;
    margin: 0;
    padding: 0 0 0.3em;
}

.kid_box_in01 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.kid_box_in01 ul li ul.li_disc {
    list-style-type: disc;
    margin: 0 0 0 2em
}

a.pdf_link {
    text-decoration: underline;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 1em;
    background-image: url("../img/pdf_icon01.png");
    padding: 0 1em 0 0;
}

a.pdf_link:hover {
    text-decoration: none;
}

.contact_tel_box01 {
    background-color: #FADFDE;
    text-align: center;
    padding: 5%;
    margin: 2.5% 0 0;
}

.contact_tel_box01 h6 {
    padding: 0;
    margin: 0;
}

.contact_tel_box01 h6 a {
    font-size: 50px;
    color: #E60047;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    line-height: 1;
}

.contact_tel_box01 .guide01 {
    font-size: 28px;
    color: #E60047;
    font-weight: 600;
    padding: 0.3em 0 0;
}

.contact_tel_box01 .e_jikan01 {
    font-size: 24px;
    font-weight: 600;
    padding: 0.3em 0 0;
}

@media screen and (max-width: 850px) { /*tablet*/

.top_web_cv {
    width: 80%;
}

}

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

.page_link_menu01 {
    margin: 3% 0 0%;
}

.page_link_menu01 li a {
    font-size: 16px;
}

.top_web_cv {
    margin: 3% auto 5%;
}

a.top_web_cv_a {
    font-size: 20px;
}

a.top_web_cv_a img.cv_top_unipoppo {
    position: absolute;
    width: 20%;
    left: 3%;
    top: 0;
}

.title_page_sub01 {
    font-size: 21px;
}

.title_page_sub02 {
    font-size: 19px;
}

.title_page_sub03 {
    font-size: 18px;
}

.kid_box_in01 h5 {
    font-size: 18px;
}

.kid_box_in01{
    font-size: 16px;
}

.contact_tel_box01 h6 a {
    font-size: 40px;
}

.contact_tel_box01 .guide01 {
    font-size: 22px;
}

.contact_tel_box01 .e_jikan01 {
    font-size: 20px;
}

}


@media screen and (max-width: 667px) { /*sp_w*/

.page_link_menu01 {
    margin: 3% 0 1%;
}

.page_link_menu01 li {
    width : 100%; ;
    margin: 3% 0 0 0;
}

.page_link_menu01 li a {
    font-size: 17px;
}

.page_bbox01 {
    padding: 4% 5% 6%;
    margin: 1% 0 4%;
    display: block;
}

.top_web_cv {
    width: 100%;
    margin: 2% auto;
}

a.top_web_cv_a {
    font-size: 18px;
    padding: 1em 0 1em 2.4em;
}

a.top_web_cv_a img.cv_top_unipoppo {
    position: absolute;
    width: 22%;
    left: 2%;
    top: 0;
}

.title_page_sub01 {
    font-size: 19px;
}

img.Unimarche_img {
    width: 100%;
    margin: 2% 0 0;
}

.title_page_sub02 {
    font-size: 18px;
}

.title_page_sub03 {
    font-size: 16px;
}

.kid_box_in01 h5 {
    font-size: 16px;
}

.kid_box_in01{
    font-size: 14px;
    line-height: 1.8;
    width: 100%;
    margin: 6% 0 3% 0;
    padding: 5%;
}

.kid_box_in01:last-of-type {
    margin: 3% 0 6% 0;
}


.contact_tel_box01 {
    padding: 6%;
    margin: 2.5% 0 0;
}

.contact_tel_box01 h6 a {
    font-size: 30px;
}

.contact_tel_box01 .guide01 {
    font-size: 18px;
}

.contact_tel_box01 .e_jikan01 {
    font-size: 16px;
}

}