/*************************/
/*Webページ開設の支援
/*************************/
/*.download-section {
    margin-bottom: 44.8438vw;
}*/
.webtool_terms{
	padding: 0 20px;
	font-size: 0.8em;
	line-height: 140%;
}
.webtool_terms li{
	margin-bottom: 10px;
}
.download-box{
	display: flex;
}
.web_template > .download-section_area{
	width: 60%;
}
.download-list{
	width: 40%;
	border: 3px solid #f5f5f5;
    justify-content: center;
}
.download-list ul{
	list-style: none;
}
.download-list li{
	margin-bottom: 0;
    font-size: 0.9em;
}
.pdf_icon::before {
    font-family: "FontAwesome";
    content: '\f1c1';
	margin-right: 5px;
	color: #FF6666;
}
.folder_icon::before {
    font-family: "FontAwesome";
    content: '\f07b';
	margin-right: 5px;
	color: #ffd700;
}
.zip_a_icon::after {
    font-family: "FontAwesome";
    content: '\f1c6';
	margin-right: 5px;
	color: #4169e1;
}

.web-support .study-section_lead {
    margin-bottom: 7.28125vw;
}
.download-section_area {
    width: 100%;
    padding: 7.03vw 6.25vw 9.375vw;
	background-color: #f5f5f5;
}
.download-section_text {
    margin-bottom: 5.4688vw;
    font-size: 4.375vw;
    line-height: 1.57;
    text-align: center;
}
.download-section_text p {
    margin-bottom: 0;
}
.download-section_text img {
    width: 4.6875vw;
    vertical-align: -7px;
}
.download-section_button {
    width: 62.5vw;
    height: 12.5vw;
    padding: 0;
    margin: 0 auto;
    border-radius: 8px;
    border: none;
    background-color: #cb0f48;
    overflow: hidden;
    display: block;
    transform: none !important;
}
.download-section_button a {
    width: 100%;
    height: 100%;
    font-size: 4.375vw;
    color: #fff;
    line-height: 1;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.download-section_button a:link,
.download-section_button a:visited,
.download-section_button a:hover,
.download-section_button a:focus {
    color: #fff;
}
.download-section_button a:hover {
    background-color: #da6287;
}
.download-section_button a:hover img {
    opacity: 1;
}
.download-section_button a img {
    width: 5.3125vw;
    margin-right: 3.125vw;
}
.download-section_button a .on {
    display: none;
}
.download-last-update {
    padding-top: 4.6875vw;
    margin: 0;
    font-size: 3.75vw;
    line-height: 1;
    text-align: right;
}
@media (min-width: 768px) {
    .web-support .download-section,
    .guidebook .download-section {
        margin-bottom: 11.6304vw;
    }
    .pamphlet .download-section {
        margin-bottom: 16.3043vw;
    }
    .web-support .study-section_lead {
        margin-bottom: 3.6957vw;
    }
    .download-section_area {
        padding: 3.2609vw 2.1739vw;
    }
    .download-section_text {
        margin-bottom: 1.9565vw;
        font-size: 1.522vw;
    }
    .download-section_text img {
        width: 1.957vw;
    }
    .download-section_text br {
        display: none;
    }
    .download-section_button {
        width: 19.565vw;
        height: 4.3478vw;
        border-radius: 4px;
    }
    .download-section_button a {
        font-size: 1.739vw;
    }
    .download-section_button a img {
        width: 1.9565vw;
        margin-right: 1.087vw;
    }
    .download-section_button a:hover .off {
        display: none;
    }
    .download-section_button a:hover .on {
        display: inline;
        opacity: 1;
    }
    .download-last-update {
        padding-top: 2.0652vw;
        font-size: 1.30435vw;
    }
}
@media (min-width: 920px) {
    .web-support .download-section,
    .guidebook .download-section {
        margin-bottom: 7.6429vw;
    }
    .pamphlet .download-section {
        margin-bottom: 10.7143vw;
    }
    .web-support .study-section_lead {
        margin-bottom: 3.4rem;
    }
    .download-section_area {
        padding: 2.1429vw 1.4286vw;
    }
    .download-section_text {
        margin-bottom: 1.2857vw;
        font-size: 1.4rem;
    }
    .download-section_text img {
        width: 1.8rem;
    }
    .download-section_button {
        width: 12.857vw;
        height: 2.857vw;
    }
    .download-section_button a {
        font-size: 1.14286vw;
    }
    .download-section_button a img {
        width: 1.2857vw;
        margin-right: 0.7143vw;
    }
    .download-last-update {
        padding-top: 1.357vw;
        font-size: 0.8571vw;
    }
}
@media (min-width: 1400px) {
    .web-support .download-section,
    .guidebook .download-section {
        margin-bottom: 10.7rem;
    }
    .pamphlet .download-section {
        margin-bottom: 15rem;
    }
    .download-section_area {
        padding: 3rem 2rem;
    }
    .download-section_text {
        margin-bottom: 1.8rem;
    }
    .download-section_text img {

    }
    .download-section_button {
        width: 18rem;
        height: 4rem;
    }
    .download-section_button a {
        font-size: 1.6rem;
    }
    .download-section_button a img {
        width: 1.8rem;
        margin-right: 1rem;
    }
    .download-last-update {
        padding-top: 1.9rem;
        font-size: 1.2rem;
    }
}


/*----------------------------*/
/*印刷用*/
/*----------------------------*/
@media print {   

	.download-section_text {
        margin-bottom: 10px;
        font-size: 1em;
    }
    .download-section_button {
        width: 300px;
        height: 60px;
    }
    .download-section_button a {
        font-size: 1.25em;
    }
    .download-section_area {
        padding: 10px 10px 30px;
    }
}


.pdf_icon::before {
    font-family: "FontAwesome";
    content: '\f1c1';
	margin-right: 5px;
	color: #FF6666;
}
.folder_icon::before {
    font-family: "FontAwesome";
    content: '\f07b';
	margin-right: 5px;
	color: #ffd700;
}
.zip_a_icon::after {
    font-family: "FontAwesome";
    content: '\f1c6';
	margin-right: 5px;
	color: #4169e1;
}

/*----------------------------*/
/*アイコンの表示*/
/*----------------------------*/
.fa-folder:before {
  content: "\f07b"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-zip-o:before {
  content: "\f1c6"; }

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: FontAwesome;
  /*content: "\f081"; */
  font-weight: 900; }