.rank { background: #fff;padding: 40px;}
.rank .sub_ttl2{color:#000; font-size:19px; text-align: center;margin-bottom: 30px; font-weight:bold;}
.five_link{display: flex;justify-content: space-between;white-space: nowrap;margin: 0; padding: 0;margin-bottom: 60px;}
.five_link li{display: block;width: 23%;position: relative;}
.five_link li a:hover {opacity: 0.8;}
.five_link li img.img{width:100%; border-radius:10px;box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);}
.five_link li span {width: 15%;position: absolute;top: -15px;left: -15px;z-index: 1;}
.five_link li span img{width: 100%;}
.rank .btn a {font-size:12px;color: #303030;font-weight: bold;letter-spacing: 0.05em;background:#D0F941;padding: 5px 50px;border-radius: 25px;transition: all 0.4s ease-out;position: relative;text-align: center;margin: 0 auto;display: block;width: 200px;text-decoration: none;}
.rank .btn a:hover {background:#00FFF6;}

.mb20{margin-bottom:20px;}
.forcms_block.dl_left ul.text {background:#ededed;padding: 10px 20px; border-radius: 10px;}
.forcms_block.dl_left ul.text li:before {content: "\02714";margin-right: 10px;color: #226b6e;}
.forcms_block.dl_left ul.text.b li:before {content: "\02714";margin-right: 10px;color: #0b04a2;}
.forcms_block.dl_left ul.text li{font-size: 15px;font-weight: bold; line-height: 2.0em;letter-spacing: 0.05em;}


.sh {position: absolute; right: 10%;}
.sh a.sh_fb{background:#0367E3;color:#fff; font-weight:bold; font-size:11px; padding:10px 10px 10px 30px;border-radius:20px;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);position: relative; transition: all 0.2s cubic-bezier(0.6, 0.01, 0.32, 0.99);display: inline-block;line-height: 1em;top:0px;}
.sh a.sh_tw{background:/*#03ACEE*/#080707;color:#fff; font-weight:bold; font-size:11px; padding: 10px 10px 10px 30px;border-radius:20px;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);margin-left: 5px;position: relative; transition: all 0.2s cubic-bezier(0.6, 0.01, 0.32, 0.99); display:inline-block;line-height: 1em;top:0px;}
.sh a.sh_fb:hover,.sh a.sh_tw:hover{top:2px;box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);text-decoration: none;position: relative;opacity:1;}
.sh a.sh_tw:before{content: ""; background: url(/cms/images/headline/sh_tw_x.png) no-repeat;display: block;position: absolute; top:23%;left:9%; background-size: 100%; width: 15px; height: 15px;}
.sh a.sh_fb:before{content: ""; background: url(/cms/images/headline/sh_fb.png) no-repeat;display: block;position: absolute; top:26%;left:7%; background-size: 100%; width: 15px; height: 15px;}


.forcms_block.dl_ttl .tag{color:#fff;padding:5px 20px;line-height:1.7em;letter-spacing:0.05em;font-weight:bold;border-radius:5px;font-size:13px;display: inline-block;margin-bottom:10px;}
.forcms_block.dl_ttl .tag.mo{background:#d0143b;}
.forcms_block.dl_ttl .tag.shi{background:#00A8D8;}
.forcms_block.dl_ttl .list_link a{font-size:12px;line-height:1.7em;letter-spacing:0.05em;color:#717574;position:relative;font-weight: bold;}
/*.forcms_block.dl_ttl .list_link a:after {content: "";border-top: solid 1.5px #07b49a;border-right: solid 1.5px #07b49a;width: 5px;height: 5px;transform: rotate(45deg);display: block;position: absolute;top: 25%;right: -15px;}*/
.forcms_block.dl_ttl .list_link a:before {content: "\025c0";display: block;position: absolute;top: -9%;left: -20px;font-size: 8px;}
.forcms_block.dl_ttl .list_link{margin-bottom:10px;padding-left:20px;}
.forcms_block.dl_ttl .day{font-size:19px;line-height:1.7em;letter-spacing:0.05em;color:#000;margin-bottom:10px;}
#mainContents .forcms_block.dl_ttl h3{font-size:30px;line-height:1.4em;letter-spacing:0.05em;color:#000;margin-bottom:30px;font-weight:bold; text-indent: 0px;border-left:0px;margin-top: 10px;}
#mainContents .forcms_block.dl_ttl h3 span{font-size:24px;}
#mainContents .forcms_block.dl_ttl h1{font-size:30px;line-height:1.4em;letter-spacing:0.05em;color:#000;margin-bottom:30px;font-weight:bold; text-indent: 0px;border-left:0px;margin-top: 10px;}
#mainContents .forcms_block.dl_ttl h1 span{font-size:24px;}
.downtext2022 {font-size: 12px;font-weight: bold;line-height: 1.7em;letter-spacing: 0.05em;margin-bottom: 30px;}
.downtext2022 span{color:#cc0000;}

#mainContents {float: none !important;width: auto;display: flex;flex-wrap: wrap;}
div.container_ {width: 65%;}
.forcms_block.dl_left{width:49%;margin-right:3%;}
.forcms_block.dl_left .img {margin-bottom:40px;}
.forcms_block.dl_left .img img{width:100%;border:1px solid #000;}
.forcms_block.dl_left .text_ttl {font-size:20px;font-weight:bold;margin-bottom:5px;}
.forcms_block.dl_left .text_ttl.c{color:#226b6e;}
.forcms_block.dl_left .text_ttl.b{color:#0b04a2;}
.forcms_block.dl_left .text {font-size:15px;font-weight:bold;line-height: 1.6em;letter-spacing: 0.05em;}
.forcms_block.dl_left .text span{color:#cc0000;}
.forcms_block.dl_right{width:48%;}
.forcms_block.dl_ttl{width:100%;}

/*form*/
/*.form_list-wrap:before{content: "ダウンロードは、以下の入力をお願い致します。"; font-weight: bold; font-size: 14px; color: #000;}*/
#mainContents form h3{margin-top:10px;}

#mainContents .questionnaire_box_content_ input[type="text"] {position: initial;margin-left: 0px;}
#mainContents form table#table_mail th{display:none;}
#mainContents form table#table_tel th{display:none;}
#mainContents form table#table_name{display:block;}
#mainContents form table#table_name tr{display:block;}
#mainContents form table#table_name tr th{display:block;}
#mainContents form table th {background-color: inherit;}
#mainContents form table th, #mainContents form table td {border: 0px solid #c9c2c4;}
form {background:#ddd;margin-bottom:20px;border-radius:10px;padding:10px 30px;}
form#form01 {background:#ededed;}
#mainContents input[type="text"] { height: 25px;}
#mainContents .questionnaire_box_content_ input[type="text"] {border: 1px solid #000; border-radius: 5px;}
#mainContents .questionnaire_box_ input[type="text"] {border: 1px solid #000; border-radius: 5px;}
#mainContents .questionnaire_box_ input[type="tel"] {border: 1px solid #000; border-radius: 5px;}
#mainContents #table_tel input[type="tel"] {height: 30px;width: 400px;padding: 5px;}
#mainContents #table_name input[type="text"] {width: 180px;}

@media screen and (max-width: 1610px){
#mainContents .submit_ li {float: none;}
div.container_ {width: 80%;}
}

@media screen and (max-width: 640px){
.forcms_block.dl_left ul.text li{font-size: 13px;}
body.sub-page.page-voice #mainContents h3 { border-left: 0px solid #3fbe0d;}
.forcms_block.dl_ttl .tag {font-size: 12px;margin-bottom: 10px;}
.forcms_block.dl_ttl .day { font-size: 18px;margin-bottom: 10px;}
body.sub-page.page-voice2 .container_ #mainContents h3 { font-size: 18px;}
body.sub-page.page-voice2 .container_ #mainContents h1 { font-size: 18px;}
.forcms_block.dl_left .img {margin-bottom: 10px;}
.forcms_block.dl_left .text_ttl {font-size: 15px;margin-bottom: 10px;}
.forcms_block.dl_left .text {font-size: 13px; line-height: 1.6em;margin-bottom:20px;}
#mainContents {display:block;}
#form01 { padding: 15px 10px;}
#mainContents input[type="text"] { height: 20px;}
#mainContents #table_tel input[type="tel"] {height: 30px;}
#mainContents form table#table_mail th{display:none!important;}
#mainContents form table#table_tel th{display:none!important;}
body.sub-page.page-voice2 .container_ #mainContents form h3{ font-size: 14px;}
body.sub-page #mainContents form td span{display:none;}
#mainContents .submit_#btnSingle {width:280px;}
.downtext2022 {font-size: 13px;}
.five_link {flex-wrap: wrap;}
.five_link li {width: 49%;margin-bottom: 30px;}
.flex2 a .text {text-align: left;font-size: 10px;}
.rank .btn a {padding: 5px 0px;width: 100%;}
.rank .sub_ttl2 {font-size: 15px;}
.rank {padding: 10px;}
.sh {right: 4%;}
}