html.navopen .news {
z-index: 1;
position: relative;
}
.acco_contents {
display: none;
}
.page-title {
width: 128px;
margin: 26px auto 40px;
}
@media print, screen and (max-width: 959px) {
.page-title {
width: 13.33333vw;
margin: 2.70833vw auto 4.16667vw;
}
}
@media only screen and (max-width: 768px) {
.page-title {
margin-top: 6.25vw;
}
}
@media only screen and (max-width: 480px) {
.page-title {
width: 22.13333vw;
margin: 5.86667vw auto;
}
}
.download-heading {
background: #f7f7f7;
}
.download-heading__inner {
position: relative;
padding: 52px 0 55px;
}
@media print, screen and (max-width: 959px) {
.download-heading__inner {
padding: 5.41667vw 0 5.72917vw;
}
}
@media only screen and (max-width: 480px) {
.download-heading__inner {
padding: 6.26667vw 0 32.66667vw;
}
}
.download-heading__inner::before {
position: absolute;
top: 50px;
left: 100px;
width: 119px;
height: 145px;
background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/download/images/heading_left png") no-repeat center top;
background-size: 100% 100%;
content: "";
}
@media print, screen and (max-width: 959px) {
.download-heading__inner::before {
top: 5.20833vw;
left: 10.41667vw;
width: 12.39583vw;
height: 15.10417vw;
}
}
@media only screen and (max-width: 480px) {
.download-heading__inner::before {
top: auto;
bottom: 3.33333vw;
left: 13.33333vw;
width: 19.06667vw;
height: 23.06667vw;
}
}
.download-heading__inner::after {
position: absolute;
top: 36px;
right: 0;
width: 216px;
height: 159px;
background: url("/-/media/Project/Daikin/ac_daikin_co_jp/pichonkun/download/images/heading_right png") no-repeat center top;
background-size: 100% 100%;
content: "";
}
@media print, screen and (max-width: 959px) {
.download-heading__inner::after {
top: 3.75vw;
width: 22.5vw;
height: 16.5625vw;
}
}
@media only screen and (max-width: 480px) {
.download-heading__inner::after {
top: auto;
right: 16.26667vw;
bottom: 3.33333vw;
width: 28.8vw;
height: 21.2vw;
}
}
.download-heading__text {
width: 407px;
margin: auto;
color: #0099cc;
text-align: center;
}
@media print, screen and (max-width: 959px) {
.download-heading__text {
width: 42.39583vw;
}
}
@media only screen and (max-width: 480px) {
.download-heading__text {
width: 81.46667vw;
}
}
.download-box-wrap {
position: relative;
padding: 40px 47px;
border: 3px solid #0099cc;
border-radius: 20px;
background: #e6f5fa;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap {
padding: 4.16667vw 4.89583vw;
}
}
@media only screen and (max-width: 480px) {
.download-box-wrap {
padding: 6.66667vw 4vw;
}
}
.download-box-wrap + .download-box-wrap {
margin-top: 40px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap + .download-box-wrap {
margin-top: 4.16667vw;
}
}
@media only screen and (max-width: 480px) {
.download-box-wrap + .download-box-wrap {
margin-top: 5.33333vw;
}
}
.download-box-wrap--two {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.download-box-wrap--four {
display: flex;
flex-wrap: wrap;
}
.download-box-wrap__title {
width: 100%;
margin-bottom: 25px;
text-align: center;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap__title {
margin-bottom: 2.60417vw;
}
}
.download-box-wrap__title--backnumber {
font-size: 20px;
color: #009ad7;
text-align: center;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap__title--backnumber {
font-size: 16px;
margin-bottom: 2.60417vw;
}
}
.download-box-wrap__title--desktop img {
width: 144px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap__title--desktop img {
width: 15.72917vw;
}
}
.download-box-wrap__title--smartphone {
margin-bottom: 22px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap__title--smartphone {
margin-bottom: 2.5vw;
}
}
.download-box-wrap__title--smartphone img {
width: 151px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap__title--smartphone img {
width: 15.72917vw;
}
}
@media print, screen and (max-width: 480px) {
.download-box-wrap__title--smartphone img {
display: none;
}
}
.download-box-wrap__title--wall-paper img {
width: 82px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap__title--wall-paper img {
width: 8.54167vw;
}
}
.download-box-wrap__title--screen-saver img {
width: 215px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap__title--screen-saver img {
width: 22.39583vw;
}
}
.download-box {
position: relative;
}
@media only screen and (max-width: 480px) {
.download-box {
width: 70.66667vw;
}
}
.download-box-wrap--two .download-box {
width: 303px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap--two .download-box {
width: 31.5625vw;
}
}
@media only screen and (max-width: 480px) {
.download-box-wrap--two .download-box {
width: 70.66667vw;
}
}
.download-box-wrap--two .download-box + .download-box {
margin-left: 30px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap--two .download-box + .download-box {
margin-left: 3.125vw;
}
}
@media only screen and (max-width: 480px) {
.download-box-wrap--two .download-box + .download-box {
margin-left: 0;
}
}
.download-box-wrap--four .download-box {
display: flex;
flex-direction: column;
width: 19.76744%;
}
.download-box-wrap--four .download-box:nth-child(n+2) {
margin-left: 6.97674%;
}
.download-box-wrap--four .download-box:nth-child(4n+1) {
margin-left: 0;
}
.download-box-wrap--four .download-box:nth-child(n+5) {
margin-top: 50px;
}
@media print, screen and (max-width: 959px) {
.download-box-wrap--four .download-box:nth-child(n+5) {
margin-top: 5.20833vw;
}
}
.download-box-wrap--four .download-box:last-child {
margin-right: auto;
}
.download-more__contents .download-box {
width: 22.07792%;
}
.download-more__contents .download-box:nth-child(n+2) {
margin-left: 3.8961%;
}
.download-more__contents .download-box:nth-child(4n+1) {
margin-left: 0;
}
.download-more__contents .download-box:nth-child(n+5) {
margin-top: 40px;
}
@media print, screen and (max-width: 959px) {
.download-more__contents .download-box:nth-child(n+5) {
margin-top: 4.16667vw;
}
}
.download-more__contents .download-box:last-child {
margin-right: auto;
}
.download-box--screen-saver {
display: flex;
justify-content: center;
width: 100%;
}
.download-box__title {
margin: 0 auto 30px;
}
@media print, screen and (max-width: 959px) {
.download-box__title {
margin-bottom: 3.125vw;
}
}
.download-box--desktop .download-box__title {
width: 150px;
}
@media print, screen and (max-width: 959px) {
.download-box--desktop .download-box__title {
width: 15.625vw;
}
}
.download-box--smartphone .download-box__title {
width: 143px;
}
@media print, screen and (max-width: 959px) {
.download-box--smartphone .download-box__title {
width: 14.89583vw;
}
}
.download-box--pconly .download-box__title {
width: 51px;
margin-bottom: 10px;
}
@media print, screen and (max-width: 959px) {
.download-box--pconly .download-box__title {
width: 5.3125vw;
margin-bottom: 1.04167vw;
}
}
.download-box--sptabonly .download-box__title {
width: 197px;
margin-bottom: 10px;
}
@media print, screen and (max-width: 959px) {
.download-box--sptabonly .download-box__title {
width: 20.52083vw;
margin-bottom: 1.04167vw;
}
}
.download-box__image {
margin: 0 auto;
}
.download-box--desktop .download-box__image {
width: 300px;
}
@media print, screen and (max-width: 959px) {
.download-box--desktop .download-box__image {
width: 31.25vw;
}
}
.download-box--smartphone .download-box__image {
width: 135px;
}
@media print, screen and (max-width: 959px) {
.download-box--smartphone .download-box__image {
width: 14.0625vw;
}
}
@media only screen and (max-width: 480px) {
.download-box--smartphone .download-box__image {
width: 33.33333vw;
}
}
.download-box--pconly .download-box__image {
width: 300px;
}
@media print, screen and (max-width: 959px) {
.download-box--pconly .download-box__image {
width: 31.25vw;
}
}
.download-box--sptabonly .download-box__image {
width: 107px;
}
@media print, screen and (max-width: 959px) {
.download-box--sptabonly .download-box__image {
width: 11.14583vw;
}
}
@media only screen and (max-width: 480px) {
.download-box--sptabonly .download-box__image {
width: 33.33333vw;
}
}
.download-box--screen-saver .download-box__image {
width: 300px;
margin: 0;
}
@media print, screen and (max-width: 959px) {
.download-box--screen-saver .download-box__image {
width: 31.25vw;
}
}
.download-box__season {
margin-bottom: 10px;
color: #0099cc;
font-size: 15px;
line-height: 1.2;
text-align: center;
}
@media print, screen and (max-width: 959px) {
.download-box__season {
margin-bottom: 1.04167vw;
}
}
@media only screen and (max-width: 768px) {
.download-box__season {
font-size: 14px;
}
}
.download-box__btn-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
@media print, screen and (max-width: 959px) {
.download-box__btn-list {
margin-top: 2.08333vw;
}
}
@media only screen and (max-width: 480px) {
.download-box__btn-list {
margin-top: 5.33333vw;
}
}
.download-box--screen-saver .download-box__btn-list {
margin-top: 0;
}
.download-box__btn-list--small {
justify-content: center;
margin-top: auto;
padding-top: 20px;
}
@media print, screen and (max-width: 959px) {
.download-box__btn-list--small {
padding-top: 2.08333vw;
}
}
.download-box__btn {
width: 149px;
}
@media print, screen and (max-width: 959px) {
.download-box__btn {
width: 15.52083vw;
}
}
@media only screen and (max-width: 480px) {
.download-box__btn {
width: 33.86667vw;
}
}
.download-box__btn:nth-child(n+3) {
margin-top: 5px;
}
@media print, screen and (max-width: 959px) {
.download-box__btn:nth-child(n+3) {
margin-top: 0.52083vw;
}
}
@media only screen and (max-width: 480px) {
.download-box__btn:nth-child(n+3) {
margin-top: 3.73333vw;
}
}
.download-box__btn-list--small .download-box__btn:nth-child(n+2) {
margin-top: 10px;
}
@media print, screen and (max-width: 959px) {
.download-box__btn-list--small .download-box__btn:nth-child(n+2) {
margin-top: 1.04167vw;
}
}
@media print, screen and (min-width: 481px) {
.download-box__btn a {
transition: opacity 0.3s;
}
.download-box__btn a:hover {
opacity: 0.8;
}
}
.download-box__btn.disabled {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.download-box__btn.disabled a {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.download-box__notes {
width: 100%;
margin-top: 35px;
margin-left: 1em;
font-feature-settings: "palt";
font-size: 14px;
line-height: 1.71429;
text-indent: -1em;
}
@media print, screen and (max-width: 959px) {
.download-box__notes {
margin-top: 3.64583vw;
}
}
@media only screen and (max-width: 768px) {
.download-box__notes {
font-size: 13px;
}
}
.download-box__caution {
width: 100%;
margin-top: 40px;
margin-left: 1em;
color: #0099cc;
font-feature-settings: "palt";
font-size: 14px;
line-height: 1.71429;
text-indent: -1em;
}
@media print, screen and (max-width: 959px) {
.download-box__caution {
margin-top: 4.16667vw;
}
}
@media only screen and (max-width: 768px) {
.download-box__caution {
font-size: 13px;
}
}
.download-box__detail {
width: 303px;
margin-left: 30px;
}
@media print, screen and (max-width: 959px) {
.download-box__detail {
width: 31.5625vw;
margin-left: 3.125vw;
}
}
@media print, screen and (max-width: 959px) {
.download-thismonth {
background: #54C3F1;
}
}
@media only screen and (max-width: 480px) {
.download-thismonth {
/* display: none; */
}
}
.download-thismonth__title {
padding: 30px 0;
background: #0099cc;
text-align: center;
}
@media print, screen and (max-width: 959px) {
.download-thismonth__title {
padding: 3.125vw 0;
}
}
.download-thismonth__title img {
height: 30px;
}
@media print, screen and (max-width: 959px) {
.download-thismonth__title img {
width: auto;
height: 3.17708vw;
}
}
@media only screen and (max-width: 480px) {
.download-thismonth__title {
padding: 4vw 0;
}
.download-thismonth__title img {
height: 5.33333vw;
}
}
.download-thismonth__main {
padding: 40px 0 60px;
background-image: linear-gradient(-54deg, #54C3F1, #54C3F1 35%, transparent 31%, transparent), linear-gradient(126deg, #54C3F1, #54C3F1 24.5%, transparent 24.5%, transparent);
background-position: 100% 100%, 0% top;
background-repeat: no-repeat;
background-size: 53vw 100vw, 40vw 100vw;
}
@media print, screen and (max-width: 959px) {
.download-thismonth__main {
padding: 4.16667vw 0 6.25vw;
background-image: linear-gradient(-54deg, transparent 24.1%, #fff 24%, #fff 75%, transparent 75.1%);
background-position: calc(50% - 95px) top;
background-repeat: no-repeat;
background-size: 161.45833vw 100%;
}
}
@media only screen and (max-width: 480px) {
.download-thismonth__main {
padding: 5.33333vw 0 6.66667vw;
}
}
.download-daipichonkun {
background: #54C3F1;
}
.download-daipichonkun__title {
padding: 21px 0 20px;
background: #0099cc;
text-align: center;
}
.download-daipichonkun__title img {
height: 49px;
margin: auto;
}
@media print, screen and (max-width: 959px) {
.download-daipichonkun__title {
padding: 2.1875vw 0 2.08333vw;
}
.download-daipichonkun__title img {
width: auto;
height: 5.10417vw;
}
}
@media only screen and (max-width: 480px) {
.download-daipichonkun__title {
padding: 3.06667vw 0 3.2vw;
}
.download-daipichonkun__title img {
height: 8.53333vw;
}
}
.download-daipichonkun__main {
padding: 40px 0 60px;
background-image: linear-gradient(-128deg, transparent 32.1%, #fff 24%, #fff 72%, transparent 72.1%);
background-position: calc(50% - 25px) top;
background-repeat: no-repeat;
background-size: 1990px 100%;
}
@media print, screen and (max-width: 959px) {
.download-daipichonkun__main {
padding: 4.16667vw 0 6.25vw;
background-image: linear-gradient(-124deg, transparent 33.1%, #fff 24%, #fff 70%, transparent 70.1%);
background-position: calc(50% + 45px) top;
background-size: 207.29167vw 100%;
}
}
@media only screen and (max-width: 480px) {
.download-daipichonkun__main {
padding: 5.33333vw 0 11.06667vw;
background-position: calc(50% - 30px) top;
}
}
.download-other__title {
padding: 31px 0 29px;
background: #0099cc;
text-align: center;
}
.download-other__title img {
height: 30px;
margin: auto;
}
@media print, screen and (max-width: 959px) {
.download-other__title {
padding: 3.22917vw 0 3.02083vw;
}
.download-other__title img {
width: auto;
height: 3.125vw;
}
}
.download-other__main {
padding: 40px 0 60px;
background-image: linear-gradient(-54deg, #54C3F1, #54C3F1 80%, transparent 80%, transparent), linear-gradient(126deg, #54C3F1, #54C3F1 32%, transparent 32%, transparent);
background-position: calc(50% + 440px) top, calc(50% - 400px) top;
background-repeat: no-repeat;
background-size: 195vw 560vw, 80vw 100vw;
}
@media print, screen and (max-width: 959px) {
.download-other__main {
padding: 4.16667vw 0 6.25vw;
background-image: linear-gradient(-54deg, #54C3F1, #54C3F1 30%, transparent 30%, transparent), linear-gradient(126deg, #54C3F1, #54C3F1 33%, transparent 26%, transparent);
background-position: calc(50% + 190px) top, calc(50% - 29vw) top;
background-size: 100vw 300vw, 50vw 100vw;
}
}
@media only screen and (max-width: 480px) {
.download-other__main {
padding: 5.33333vw 0 6.66667vw;
}
}
.download-more {
width: 100%;
margin-top: 87px;
}
.download-more--screen {
margin-top: 60px;
}
@media print, screen and (max-width: 959px) {
.download-more {
margin-top: 9.0625vw;
}
}
@media print, screen and (max-width: 480px) {
.download-more {
margin-top: 14.9334vw;
}
}
.download-more__link {
position: relative;
cursor: pointer;
}
.download-more__link:hover .download-more__link-icon {
transform: translate(50%,-50%);
}
.download-more__link-text {
position: relative;
display: block;
padding: 21px 15px;
border-radius: 30px;
background: #0099cc;
text-align: center;
}
.download-more__link-icon {
position: absolute;
top: 50%;
right: 20px;
width: 19px;
height: 15px;
transform: translate(0,-50%);
content: "";
transition: transform 0.3s ease-in-out;
}
.download-acco__trigger {
position: relative;
cursor: pointer;
}
.download-acco__trigger-text {
position: relative;
display: block;
padding: 21px 15px;
border-radius: 30px;
background: #0099cc;
text-align: center;
}
@media print, screen and (max-width: 959px) {
.download-acco__trigger-text {
padding: 2.1875vw 1.5625vw;
}
}
@media print, screen and (max-width: 480px) {
.download-acco__trigger-text {
padding: 3.467vw 1.5625vw;
}
}
.download-acco__trigger-text .img_past {
width: 167px;
pointer-events: none;
}
@media print, screen and (max-width: 959px) {
.download-acco__trigger-text .img_past {
width: 17.39583vw;
}
}
@media print, screen and (max-width: 480px) {
.download-acco__trigger-text .img_past {
width: 33.6vw;
}
}
.download-more__link-text .img_past {
width: 167px;
pointer-events: none;
}
@media print, screen and (max-width: 959px) {
.download-more__link-text .img_past {
width: 17.39583vw;
}
}
@media print, screen and (max-width: 480px) {
.download-more__link-text .img_past {
width: 33.6vw;
}
}
.download-more__link-text .img_other {
width: 324px;
pointer-events: none;
}
@media print, screen and (max-width: 959px) {
.download-more__link-text .img_other {
width: 33.75vw;
}
}
@media print, screen and (max-width: 480px) {
.download-more__link-text .img_other {
width: 65.188vw;
}
}
.download-acco__trigger-text .img_open {
width: 84px;
pointer-events: none;
}
@media print, screen and (max-width: 959px) {
.download-acco__trigger-text .img_open {
width: 64px;
}
}
.download-acco__trigger-text .img_close {
width: 52px;
pointer-events: none;
}
@media print, screen and (max-width: 959px) {
.download-acco__trigger-text .img_close {
width: 5.41667vw;
}
}
@media print, screen and (max-width: 480px) {
.download-acco__trigger-text .img_close {
width: 10.4vw;
}
}
.download-acco__trigger-text.toggle {
border-radius: 30px 30px 0 0;
}
@media print, screen and (max-width: 959px) {
.download-acco__trigger-text.toggle {
border-radius: 20px 20px 0 0;
}
}
@media print, screen and (max-width: 480px) {
.download-acco__trigger-text.toggle {
border-radius: 15px 15px 0 0;
}
}
.download-acco__trigger-text.toggle .download-acco__trigger-icon::after {
transform: translate(-50%, -50%) rotate(0deg);
transition: transform 0.3s;
}
.download-acco__trigger-text.toggle .img_open, .download-acco__trigger-text.toggle .img_past {
display: none;
}
.download-acco__trigger-text.toggle .img_close {
display: inline-block;
}
.download-acco__trigger-text .img_open, .download-more__link-text .img_past {
display: inline-block;
}
.download-acco__trigger-text .img_close {
display: none;
}
.download-acco__trigger-icon {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 30px;
height: 30px;
margin-top: -15px;
border-radius: 50%;
background: #fff;
pointer-events: none;
}
@media print, screen and (max-width: 959px) {
.download-acco__trigger-icon {
right: 2.08333vw;
width: 3.125vw;
height: 3.125vw;
margin-top: -1.5625vw;
}
}
@media print, screen and (max-width: 480px) {
.download-acco__trigger-icon {
right: 2.08333vw;
width: 6.67vw;
height: 6.67vw;
margin-top: -3.335vw;
}
}
.download-acco__trigger-icon::before, .download-acco__trigger-icon::after {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
transform: translate(-50%, -50%);
background: #0099cc;
content: "";
}
@media print, screen and (max-width: 959px) {
.download-acco__trigger-icon::before, .download-acco__trigger-icon::after {
width: 1.25vw;
height: 0.20833vw;
}
}
@media print, screen and (max-width: 480px) {
.download-acco__trigger-icon::before, .download-acco__trigger-icon::after {
width: 2.67vw;
height: 0.3vw;
}
}
.download-acco__trigger-icon::after {
transform: translate(-50%, -50%) rotate(-90deg);
transition: transform 0.3s;
}
.download-acco__contents {
display: flex;
flex-wrap: wrap;
padding: 40px 43px;
border: 2px solid #0099cc;
border-top: none;
border-radius: 0 0 20px 20px;
background: #fff;
}
@media print, screen and (max-width: 959px) {
.download-acco__contents {
padding: 4.16667vw 4.47917vw;
}
}
.download-acco-box {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.download-acco-box + .download-acco-box {
margin-top: 60px;
}
@media print, screen and (max-width: 959px) {
.download-acco-box + .download-acco-box {
margin-top: 9.7vw;
}
}
.download-acco__close {
width: 100%;
margin-top: 60px;
}
@media print, screen and (max-width: 959px) {
.download-acco__close {
margin-top: 6.25vw;
}
}
.download-acco__close .btn-close {
width: 254px;
margin: 0 auto;
cursor: pointer;
}
@media print, screen and (max-width: 959px) {
.download-acco__close .btn-close {
width: 26.45833vw;
}
}
@media print, screen and (max-width: 480px) {
.download-acco__close .btn-close {
width: 37.334vw;
}
}
.download-box-pichonkun {
position: absolute;
}
.download-box-pichonkun--01 {
top: 60px;
right: 75px;
width: 54px;
}
@media print, screen and (max-width: 959px) {
.download-box-pichonkun--01 {
top: 6.25vw;
right: 7.8125vw;
width: 5.625vw;
}
}
@media only screen and (max-width: 480px) {
.download-box-pichonkun--01 {
top: 9.86667vw;
right: 9.33333vw;
width: 9.2vw;
}
}
.download-box-pichonkun--02 {
bottom: -40px;
left: 110px;
width: 48px;
}
@media print, screen and (max-width: 959px) {
.download-box-pichonkun--02 {
bottom: -4.16667vw;
left: 11.45833vw;
width: 5vw;
pointer-events: none;
}
}
@media only screen and (max-width: 480px) {
.download-box-pichonkun--02 {
top: 50.66667vw;
left: 9.06667vw;
width: 8.66667vw;
}
}
.download-box-pichonkun--03 {
top: 70px;
left: 60px;
width: 48px;
}
@media print, screen and (max-width: 959px) {
.download-box-pichonkun--03 {
top: 7.29167vw;
left: 6.25vw;
width: 5vw;
}
}
@media only screen and (max-width: 480px) {
.download-box-pichonkun--03 {
display: none;
}
}
.download-box-pichonkun--04 {
top: 180px;
right: 80px;
width: 53px;
}
@media print, screen and (max-width: 959px) {
.download-box-pichonkun--04 {
top: 18.75vw;
right: 8.33333vw;
width: 5.52083vw;
}
}
@media only screen and (max-width: 480px) {
.download-box-pichonkun--04 {
display: none;
}
}
.download-box-pichonkun--05 {
bottom: 10px;
left: 105px;
width: 48px;
}
@media print, screen and (max-width: 959px) {
.download-box-pichonkun--05 {
bottom: 1.04167vw;
left: 10.9375vw;
width: 5vw;
}
}
@media only screen and (max-width: 480px) {
.download-box-pichonkun--05 {
display: none;
}
}
.download-box-pichonkun--06 {
right: 50px;
bottom: 125px;
width: 43px;
}
@media print, screen and (max-width: 959px) {
.download-box-pichonkun--06 {
right: 5.20833vw;
bottom: 14vw;
width: 4.47917vw;
}
}
.download-acco-pichonkun {
position: absolute;
top: -61px;
left: 217px;
width: 44px;
cursor: auto;
pointer-events: none;
}
@media print, screen and (max-width: 959px) {
.download-acco-pichonkun {
top: -6.35417vw;
left: 22.60417vw;
width: 4.58333vw;
}
}
@media print, screen and (max-width: 480px) {
.download-acco-pichonkun {
top: -11.35417vw;
left: 7.60417vw;
width: 8.27vw;
}
}
.howto-box-pichonkun {
position: absolute;
}
.howto-box-pichonkun--01 {
top: -25px;
left: 40px;
width: 50px;
}
@media print, screen and (max-width: 959px) {
.howto-box-pichonkun--01 {
top: -2.60417vw;
left: 4.16667vw;
width: 5.20833vw;
}
}
@media only screen and (max-width: 480px) {
.howto-box-pichonkun--01 {
top: -6.4vw;
left: 16vw;
width: 8.8vw;
}
}
.howto-box-pichonkun--02 {
top: -30px;
right: 11px;
width: 48px;
}
@media print, screen and (max-width: 959px) {
.howto-box-pichonkun--02 {
top: -3.125vw;
right: 1.14583vw;
width: 5vw;
}
}
.howto-box-pichonkun--03 {
right: 106px;
bottom: 44px;
width: 54px;
}
@media print, screen and (max-width: 959px) {
.howto-box-pichonkun--03 {
right: 11.04167vw;
bottom: 4.58333vw;
width: 5.625vw;
}
}
@media only screen and (max-width: 480px) {
.download-box--desktop, .download-box-wrap__title--wall-paper,
.download-box--pconly, .download-box--sptabonly .download-box__title,
.download-box--smartphone .download-box__title,
.download-box-wrap--screen-saver, .howto-box--white {
display: none;
}
}
.howto {
background: linear-gradient(90deg, #0099cc 0%, #0099cc 50%, #e6f5fa 50%, #e6f5fa 100%);
background-size: auto 100%;
}
@media only screen and (max-width: 480px) {
.howto {
background: #0099cc;
}
}
.howto.howto--blue {
background: #0099cc;
}
.howto.howto--white {
background: #e6f5fa;
}
.howto__inner {
display: flex;
}
.howto-box {
position: relative;
width: 50%;
padding-top: 40px;
padding-bottom: 45px;
font-size: 14px;
line-height: 1.71429;
}
@media print, screen and (max-width: 959px) {
.howto-box {
padding-top: 4.16667vw;
padding-bottom: 4.6875vw;
}
}
@media only screen and (max-width: 480px) {
.howto-box {
width: 100%;
padding-top: 4vw;
padding-bottom: 6vw;
font-size: 12px;
line-height: 1.41667;
}
}
.howto-box--blue {
padding-right: 38px;
border-color: #fff;
color: #fff;
}
@media print, screen and (max-width: 959px) {
.howto-box--blue {
padding-right: 3.95833vw;
}
}
@media only screen and (max-width: 480px) {
.howto-box--blue {
padding-right: 0;
}
}
.howto-box--white {
padding-left: 38px;
border-color: #0099cc;
color: #0099cc;
}
@media print, screen and (max-width: 959px) {
.howto-box--white {
padding-left: 3.95833vw;
}
}
@media only screen and (max-width: 480px) {
.howto-box--white {
padding-left: 0;
}
}
.howto-box--full {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.howto-box--full .howto-box__main {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
}
.howto-box--full .howto-box__type + .howto-box__type {
margin-top: 0;
}
@media print, screen and (max-width: 959px) {
.howto-box--full .howto-box__main {
display: block;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
}
.howto-box--full .howto-box__type + .howto-box__type {
margin-top: 5.20833vw;
}
}
.howto-box__main {
margin-top: 25px;
}
@media print, screen and (max-width: 959px) {
.howto-box__main {
margin-top: 2.60417vw;
}
}
.howto-box__type + .howto-box__type {
margin-top: 50px;
}
@media print, screen and (max-width: 959px) {
.howto-box__type + .howto-box__type {
margin-top: 5.20833vw;
}
}
@media only screen and (max-width: 480px) {
.howto-box__type--pc {
display: none;
}
}
.howto-box__os + .howto-box__os {
margin-top: 25px;
}
@media print, screen and (max-width: 959px) {
.howto-box__os + .howto-box__os {
margin-top: 2.60417vw;
}
}
.howto-box__title {
padding-bottom: 22px;
border-bottom: 1px solid;
font-size: 22px;
font-weight: bold;
line-height: 1.22727;
text-align: center;
}
@media print, screen and (max-width: 959px) {
.howto-box__title {
padding-bottom: 2.29167vw;
}
}
@media only screen and (max-width: 768px) {
.howto-box__title {
font-size: 18px;
}
}
@media only screen and (max-width: 480px) {
.howto-box__title {
font-size: 16px;
}
}
.howto-box__subtitle {
font-size: 18px;
font-weight: bold;
line-height: 1.55556;
}
@media only screen and (max-width: 768px) {
.howto-box__subtitle {
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
.howto-box__subtitle {
display: none;
}
}
.howto-box__list {
margin-left: 1em;
text-indent: -1em;
}
.disclaimer {
padding: 25px 0;
}
@media print, screen and (max-width: 959px) {
.disclaimer {
padding: 2.60417vw 0;
}
}
@media only screen and (max-width: 480px) {
.disclaimer {
padding: 4.66667vw 0;
}
}
.disclaimer__title {
font-size: 14px;
font-weight: bold;
line-height: 1.71429;
text-align: center;
}
@media only screen and (max-width: 768px) {
.disclaimer__title {
font-size: 13px;
}
}
@media only screen and (max-width: 480px) {
.disclaimer__title {
font-size: 12px;
line-height: 1.83333;
}
}
.disclaimer__text {
font-size: 14px;
line-height: 1.71429;
}
@media only screen and (max-width: 768px) {
.disclaimer__text {
font-size: 13px;
}
}
@media only screen and (max-width: 480px) {
.disclaimer__text {
font-size: 12px;
line-height: 1.41667;
}
}
.box_inner--acco {
justify-content: center;
}