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

/***MEDICAL***/

.target-intro {
    width: 90%;
    margin: 0 auto 60px;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.target-intro .ti-name{
    width: 90%;
    margin: 0 auto 60px;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dp {
    width: 90%;
    margin: 0 auto 60px;
    padding: 20px 0;
    border: solid 6px #FFC1D9;
    border-radius: 15px;
}

.target-intro .ti-img {
    width: 20%;
    margin: 0 5% 0 0;
}

.target-intro h2 {
    width: 60%;
    color: #00ADA0;
    font-size: 300%;
    font-weight: bold;
    line-height: 160%;
}

.target-intro h2.pink {    
    color: #EC4B88;

}


h3.hajime-mds {
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 240%;
    font-weight: bold;
    line-height: 160%;
    color: #00ADA0;
}

.medical-txt {    
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 120%;
    line-height: 240%;
}

.vaccine-btn {
    width: 50%;
    max-width: 500px;
    margin: 0 auto 100px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #FFF;
    border: solid 2px #00B9AC;
    border-radius: 50px;
    font-size: 180%;
    font-weight: bold;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    transition: all 0.3s;
}

.vaccine-btn:hover {
    background-color: #00B9AC;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
}

.vaccine-btn a {
    width: 88%;
    margin: 0 auto;
    padding: 30px 6%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #00B9AC;
    text-decoration: none;
    transition: all 0.3s;
}

.vaccine-btn:hover a {
    width: 90%;
    padding: 30px 5%;
    color: #FFF;
}

.vaccine-btn a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../img/medical/btn-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s;
}

.vaccine-btn:hover a:after {
    background-image: url("../img/medical/btn-arr-w.svg");
}

.icon-arr {
    width: 30%;
    max-width: 200px;
    margin: 60px auto 80px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

h3.med-submds {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

h2.med-mds {
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 260%;
    font-weight: bold;
    line-height: 180%;
    color: #00B9AC;
    text-align: center;
}

.med-nav {
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #00B9AB;
    border-radius: 50px;
}

.med-nav ul.mn-list {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.med-nav ul.mn-list li {
    font-size: 130%;
    font-weight: bold;
}

.med-nav ul.mn-list li a {
    color: #FFF;
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.med-nav ul.mn-list li a:before {
    content:"";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 10px 0 0;
    background-image: url("../img/medical/mednav-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

section.med-sec {
    width: 100%;
    margin: 0 0 100px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

section.med-sec:last-child {
    margin: 0;
}

.ms-title {
    width: 89%;
    margin: 0 auto 60px;
    padding: 30px 5%;
    position: relative;
    overflow: hidden;
    border: solid 5px #00B9AB;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ms-title-p{
    width: 89%;
    margin: 0 auto 60px;
    padding: 30px 5%;
    position: relative;
    overflow: hidden;
    border: solid 5px #FC8DBB;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ms-title .ms-mds {
    width: 40%;
    font-size: 200%;
    font-weight: bold;
}

.ms-title .ms-mds:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 10px 0 0;
    background-image: url("../img/medical/ms-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.ms-title .ms-desc {
    width: 55%;
    font-size: 100%;
}

.ms-title .ms-bnr-l {
    width: 30%;
    max-width: 250px;
    margin: 0 auto;
}

.ms-title-p .ms-bnr-l {
    width: 30%;
    max-width: 250px;
    margin: 0 auto;
}

.ms-title .ms-bnr-r {
    width: 60%;
}

.ms-title-p .ms-bnr-r {
    width: 60%;
}

.ms-title .ms-bnr-r .ms-bnr-title {
    width: 100%;
    margin: 0 0 10px;
    font-size: 180%;
    font-weight: bold;
}

.ms-title-p .ms-bnr-r .ms-bnr-title {
    width: 100%;
    margin: 0 0 10px;
    font-size: 180%;
    font-weight: bold;
}

.ms-title .ms-bnr-r .ms-bnr-txt {
    width: 100%;
}

.ms-bnr-btn {
    width: 60%;
    max-width: 500px;
    margin: 30px 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    /*background-color: #00ADA0;*/
    background-color: #EC4B88;
    border-radius: 10px;
    text-align: center;
    font-size: 140%;
    font-weight: bold;
}

.ms-bnr-btn.b-g{
    background-color: #00ADA0;
}

.ms-bnr-btn a {
    width: 100%;
    padding: 20px 0;
    display: block;
    color: #FFF;
    text-decoration: none;
}

.ms-bnr-r hr {
    border: dotted 1px #707070; 
}

.med-info {
    width: 95%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

h4.medcontact-title {
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 140%;
    line-height: 180%;
}

.scroll-memo {
    display: none;
}

ul.medcontact-list {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    list-style: none;
}
 
ul.medcontact-list li {
    padding: 20px 0;
    display: flex;
    justify-content: flex-start;
    border-bottom: dotted 1px #707070;
}
 
ul.medcontact-list li.mc-title {
    font-size: 120%;
    font-weight: bold;
    border-bottom: solid 5px #00B9AC;
}

ul.medcontact-list li .pref {
    width: 15%;
}

ul.medcontact-list li .dept {
    width: 30%;
}

ul.medcontact-list li .txt {
    width: 65%;
}

/**NEWS**/

ul.news-list {
    width: 100%;
    max-width: 1000px;
    min-height: 500px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    list-style: none;
}

ul.news-list li {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #C3C3C3;
}

ul.news-list li a {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: #414141;
}

ul.news-list li .nl-date {
    width: 8%;
}

ul.news-list li .nl-cat {
    width: 15%;
    text-align: center;
    padding: 5px 0;
    font-size: 80%;
    font-weight: bold;
    line-height: 120%;
    letter-spacing: 0.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00B9AC;
    color: #FFF;
}

.nl-cat {
    font-weight: bold;
}
.nl-news {    background-color: #00B9AC;}
.nl-seminar {    background-color: #0065A4 !important;}
.nl-kenshu {    background-color: #fa5a6c !important;}


ul.news-list li .nl-title {
    width: 70%;
}

.news-info {
    width: 100%;
    margin: -20px 0 60px;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
}

.news-info .nl-date { 
    width: 15%;
}

.news-info .nl-cat { 
    width: 15%;
    text-align: center;
    padding: 5px 0;
    font-size: 80%;
    line-height: 120%;
    letter-spacing: 0.3em;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-area {
	width: 80%;
	max-width: 300px;
	margin:60px auto;
	padding: 0;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.pagination-area .pagination {
	width: 14%;
	height: 40px;
	margin: 0;
	text-align: center;
	color: #0065A4;
	border: solid 1px #0065A4;
	font-size: 100%;
	line-height: 240%;
}

.pagination-area .pagination:first-child {
	margin: unset;
}

.pagination-area .pagination a {
	width: 100%;
	height: 100%;
	display: block;
	color:#0065A4;
    text-decoration: none;
}

.pagination-area a.page-here {
	background-color: #0065A4;
	color: #FFF;
}

.news-contents {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}

.news-img {
    width: 80%;
    max-width: 500px;
    margin: 0 auto 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    line-height: 70%;
    border: solid 1px #bcbcbc;
}

.news-btn {
    width: 40%;
    max-width: 400px;
    margin: 0 auto 100px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #00B9AC;
    border-radius: 50px;
    font-size: 140%;
    font-weight: bold;
}

.news-btn a {
    width: 100%;
    padding: 30px 0;
    color: #FFF;
    display: block;
    text-decoration: none;
    text-align: center;
}

/***研修会・講習会***/
/**EVENTS**/

ul.ts-box{
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    gap: calc(20%/8);
}

li.ts-list {
    width: 22%;
    margin: 0 0 60px;
    padding: 0 0.5%;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
}
li.ts-list:hover {
    opacity: 0.5;    
}

li.ts-list a {
    width: 100%;
    display: block;
    margin: 0;
    line-height: 100%;
    text-decoration: none;
    color: #000;
}

li.ts-list img {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    overflow: hidden;
    line-height: 100%;
    border: solid 1px #bcbcbc;
}

li.ts-list .date-area{
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

li.ts-list .ts-date{
    font-size: 14px; 
}

li.ts-list .ts-cat {
    width: 30%;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    color: #ffffff;
    background-color: grey;
    font-size: 60%;
    line-height: 100%;
}
.cat-kochi {    background-color: #F84444 !important;}
.cat-ehime {    background-color: #FFB031 !important;}
.cat-tokushima {    background-color: #866FE6 !important}
.cat-kagawa {    background-color: #53BAFA !important;}

li.ts-list .st-title {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 90%;
    line-height: 180%;
}

.ts-page h2 {
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 180%;
    font-weight: bold;
    line-height: 180%;
    color: #00B9AC;
    background-color: transparent;
    border-bottom: solid 5px #00B9AC;
}

.ts-info{
    width: 100%;
    margin: -20px 0 60px;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
}

.ts-info .ts-date {
    width: 15%;
}

.ts-info .ts-cat {
    width: 15%;
    text-align: center;
    padding: 5px 0;
    font-size: 80%;
    line-height: 120%;
    font-weight: bold;
    letter-spacing: 0.3em;
    color: #FFF;
    background-color: grey;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ts-img {
    width: 80%;
    max-width: 500px;
    margin: 0 auto 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    line-height: 70%;
    border: solid 1px #bcbcbc;
}

.ts-btn {
    width: 40%;
    max-width: 400px;
    margin: 0 auto 100px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #0065A4;
    border-radius: 50px;
    font-size: 140%;
    font-weight: bold;
}

.ts-btn a {
    width: 100%;
    padding: 30px 0;
    color: #FFF;
    display: block;
    text-decoration: none;
    text-align: center;
}

.ts-contents {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: block;
}

.ts-page h4 {
    width: 96%;
    margin: 0 0 30px 2.5%;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 180%;
    font-weight: bold;
    line-height: 180%;
    color: #0065A4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ts-page h4:before {
    content: "";
    width: 20px;
    height: 30px;
    display: inline-block;
    background-color: #0065A4;
    margin: 0 10px 0 0;
}

.ts-page a {
    word-wrap:break-word;
}


/***連絡会議・報告***/
.login-page{
    width: 90%;
    min-height: 600px;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0;
    position: relative;
    overflow: hidden; 
}

.id-password{
    display: flex;
    justify-content: space-around;
    margin: 60px 0;
}

.form-item{
    margin: 0 0 10px;
    color: #00B9AC;
    font-size: 18px;
    font-weight: bold;
}

.login-input{
    width: 600px;
    padding: 20px 10px;
    margin:  0 0 50px;
    font-size: 18px;
}

.login-bt{
    width: 60%;
    max-width: 500px;
    margin: 30px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #00ADA0;
    border-radius: 10px;
    text-align: center;
    font-size: 140%;
    font-weight: bold;
}

.login-bt:hover{
    opacity: 0.5;
    transition: all 0.3s;
}

.login-bt a{
    width: 100%;
    padding: 20px 0;
    display: block;
    color: #FFF;
    text-decoration: none;
}

.login-error{
    margin: 0;
    text-align: center;
    color: #FA0000;
}

.report-page{
    width: 90%;
    min-height: 600px;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.report-page li{
    font-size: 20px;
    list-style: none;
}


/***お問い合わせ***/
.contact-page {
    width: 90%;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.contact-form{
    display: block;
    margin: 70px 35px;
}

.contact-page .form-item{
    width: 20%;
}

.contact-item{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.required-tag{
    width: 8%;
    text-align: center;
    color: #fff;
    background-color: #FF4848;
}

.contact-input{
    width: 70%;
    padding: 20px 10px;
    margin:  0 0 50px 30px;
    font-size: 18px;
}

.contact-text{
    width: 70%;
    height: 350px;
    padding: 20px 10px;
    margin:  0 0 50px 30px;
    font-size: 18px;
    overflow-y: scroll;
}

.contact-confirmation{
    display: flex;
    justify-content: space-around;
}

.confirmation-bt{
    display: flex;
    width: 35%;
    max-width: 500px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #00ADA0;
    border-radius: 10px;
    text-align: center;
    font-size: 140%;
    font-weight: bold;
}

.confirmation-bt a {
    width: 100%;
    padding: 20px 0;
    display: block;
    color: #FFF;
    text-decoration: none;
}

.contact-completion{
    text-align: center;
    margin: 100px 0;
}

.completion-text{
    width: 100%;
    color: #00ADA0;
    font-size: 300%;
    font-weight: bold;
    line-height: 250%;
}

/***HPVワクチンについて***/
.cc-title{
    margin: 0 auto 40px;
    text-align: center;
    color: #EC4B88;
    font-size: 220%;
    font-weight: bold;
    line-height: 160%;
}

.vaccine-txt {
    width: 90%;
    margin: 0px auto 80px;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 120%;
    line-height: 240%;
}

.about-cc{
    width: 80%;
    max-width: 1000px;
    margin: 0 auto 60px;
    padding: 60px 5%;
    background-color: #FFF7FB;
    border-radius: 15px;
}

.cc-txt {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 120%;
    line-height: 240%;
}

.current-icon{
    margin: 100px auto 5px;
    width: 60px;
}

.cc-current ul{
    width: 80%;
    margin: 0 auto 100px;
    padding: 0;
    position: relative;
    overflow: visible;
    list-style: none;
}

.cc-current ul li{
    width: 90%;
    margin: 0 auto 50px;
    padding: 20px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 140%;
    font-weight: bold;
    border-radius: 15px;
    box-shadow: 0px 0px 8px rgba(0, 0, 10, .16);
}

.cc-current ul li .img{
    width: 25%;
}

.cc-text{
    width: 50%;
}

.seat-txt{
    text-align: center;
    font-size: 120%;
}

.seat-cc img{
	margin: 20px auto;
    width: 40%;
	display: block;
}

.about-vaccine{
	padding: 1px 0;
	background-color: #F5F5F5;
}

.about-content{
	width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

h3.about-title{
    width: 100%;
    margin: 0 0 60px;
    padding: 0 0 10px;
    position: relative;
    overflow: hidden;
	text-align: left;
    color: #EC4B88;
    font-size: 220%;
    font-weight: bold;
    border-bottom: solid 5px #EC4B88;
}

.about-content h3.about-title {
    border-bottom: none;
}

.about-vaccine ul{
	margin: 0 0 50px 0;
    list-style: none;
	display: flex;
	justify-content: space-between;
}

.about-vaccine ul li{
	margin: 0;
	width: 45%;
	display: flex;
	padding: 30px 1%;
	list-style: none;
	border-radius: 8px;
    border: solid 2px #FC8DBB;
	background-color: #fff;
}

.about-vaccine ul li img{
	margin: 0 0 0 5%;
	width: 70px;
}

ul.about-list .about-text{
	margin: 0 10px;
	padding: 0 20px;
	font-weight: bold;
	font-size: 125%;
}

.about-vaccine-btn{
	margin: 70px auto;
}

.sesshu-btn {
    width: 100%;
    max-width: 500px;
    margin: 100px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #FFF;
    border: solid 2px #FB8DBA;
    border-radius: 50px;
    font-size: 160%;
    font-weight: bold;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    transition: all 0.3s;
}

.sesshu-btn:hover {
    background-color: #EC4B88;
	border: solid 2px #EC4B88;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
}

.sesshu-btn a {
    width: 80%;
    margin: 0 auto;
    padding: 30px 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #EC4B88;
    text-decoration: none;
    transition: all 0.3s;
}

.sesshu-btn:hover a {
    width: 82%;
    padding: 30px 11%;
    color: #FFF;
}

.sesshu-btn a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../img/vaccine/btn-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s;
}

.sesshu-btn:hover a:after {
    background-image: url("../img/medical/btn-arr-w.svg");
}

/***接種方法について***/
.sesshu-muryou{
    width: 90%;
    margin: 0 auto 30px;
    padding: 0;
    position: relative;
    overflow: hidden;
    font-size: 140%;
    line-height: 210%;
    font-weight: bold;
    text-align: center;
}

.taishou-nennrei{
    font-size: 150%;
    color: #EB4C88;
}

.taishou-gakunen{
    margin: 60px auto;
    width: 60%;
}

.sesshu-txt{
    margin: 0 auto;
    max-width: 550px;
    font-size: 120%;
    line-height: 210%;
    font-weight: bold;
}

.sesshu-p{
    font-size: 140%;
    color: #EC4B88;
}

section.about-sec {
    width: 100%;
    margin: 0 0 100px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

section.about-sec:last-child {
    margin: 0;
}

.Inner {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.List {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

p{
  margin: 0;
  padding: 0;
}
li{
  list-style: none;
}

.List-Item {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible;
}

.List-Item:nth-of-type(1) {
  border-top: 0;
}
.List-Item-Content {
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 1100px;
  display: flex;
  align-items: center;
}

.List-Item-Content.one {
  padding-top: 0px;
}

.List-Item-Content-Number {
    position: relative;
    margin-top: -100px;
    margin-right: 40px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #EC4B88;
    color: #fff;
    font-size: 36px;
}

.List-Item-Content-Number-Line {
    position: absolute;
    top: -135%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 4px;
    height: 240px;
    background: #EC4B88;
}

.List-Item-Content-Title {
    margin-top: 40px;
    margin-right: 48px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

.List-Item-Content-Description{
    display: flex;
    height: 170px;
    align-items: center;
    font-size: 120%;
    font-weight: bold;
}

.nagare-image{
    margin: 0 50px;
    width: 200px;
}

.List-Item-Content-Num{
    display: flex;
    width: 80%;
    flex-direction: column;
}

.nagare-caption{
    display: flex;
    flex-direction: column;
}

.nagare-text{
    margin: 0 auto;
}

ul.sesshudot {
    width: 100%;
    margin: 5px 0 0 20px;
    padding: 0;
    position: relative;
    overflow: hidden;
    list-style: none;
    font-weight: normal;
}

ul.sesshudot li:before {
    content: "●";
    font-size: 100%;
    color: #FC95C0;
    display: inline;
    width: 0.4em;
    margin: 0 0.5em 0 0.5em;
}

.sesshu-shurui{
    margin: 60px auto;
    width: 70%;
}

.sesshu-supplement{
    width: 70%;
    margin: 0 auto 100px;
}

.sesshu-kankaku{
    width: 80%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sesshu-kankaku img{
    margin: 0 60px 0 0;
    width: 250px;
}

.sesshu-soudan{
    font-size: 120%;
    font-weight: bold;
    color: #EC4B88;
}


/***ワクチン接種された方へ***/
.medical-button{
    margin: 0 0 60px;
}

.medical-button ul{
    margin: 0 auto 100px auto;
    display: flex;
    justify-content: space-between;
    font-size: 140%;
    font-weight: bold;
    list-style: none;
}

.medical-button li{
    margin: 0 0 0 -40px;
    display: inline-block;
    border-bottom: 3px solid #FC8DBB;
}

.medical-button li:after{
    margin: 0 0 0 20px;
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url("../img/vaccine/btn-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s;

}

.medical-button a{
    color: #FC8DBB;
    text-decoration: none;
}

.medical-prefecture{
    max-width: 900px;
}

.reference-link{
    display: flex;
    align-items: center;
    font-size: 150%;
    font-weight: 600;
    border-bottom: 3px solid #EC4B88;
}

.reference-link img{
    width: 80px;
}

.reference-link a{
    margin: 0 0 0 40px;
    color: #EC4B88;
    text-decoration: none;
}

.reference-link a:after{
    margin: 0 0 0 20px;
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url("../img/vaccine/reference-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s;

}

.vaccine-list{
    margin: 100px 0 0 0;
    display: flex;
    justify-content: space-between;
}

.prefecture-btn {
    width: 50%;
    max-width: 500px;
    margin: 0 15px 100px 15px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background-color: #FFF;
    border: solid 2px #FB8DBA;
    border-radius: 50px;
    font-size: 180%;
    font-weight: bold;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
    transition: all 0.3s;
}

.prefecture-btn:hover {
    background-color: #EC4B88;
    border: solid 2px #EC4B88;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0);
}

.prefecture-btn a {
    margin: 0 auto;
    width: 88%;
    padding: 30px 6%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FB8DBA;
    text-decoration: none;
    transition: all 0.3s;
}

.prefecture-btn:hover a {
    width: 90%;
    padding: 30px 5%;
    color: #FFF;
}

.prefecture-btn  a:after{
    margin: 0 0 0 20px;
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url("../img/vaccine/btn-arr.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s;
}

.prefecture-btn:hover a:after {
    background-image: url("../img/medical/btn-arr-w.svg");
}

.prefecture-btn:hover a {
    width: 90%;
    padding: 30px 5%;
    color: #FFF;
}