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

* {
	margin: 0px;
	padding: 0px;
}
.pc_hide{ display:none; }
/*@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Medium");
}
@font-face {
	font-family: "Yu Gothic M";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}*/
body {
	font: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", serif,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.tax_note{
	text-align: right;
	font-size: 15px;
	margin-bottom: 10px;
}
/*共通ヘッダー個別カラー指定*/
#header{
	border-color: #227bca;
	/*border-color: #36cea6;*/
}
.header_wrapper .top_navi li a{
	color: #227bca;
	border-color: #227bca;
	
	/*color: #36cea6;
	border-color: #36cea6;*/
}
.header_wrapper .tel .st0{
	fill:#227bca;
	/*fill:#36cea6;*/
}
.header_wrapper .tel span{
	color: #227bca;
	/*color: #36cea6;*/
}
#hamburger .inner_line {
	background-color: #227bca;
	/*background-color: #36cea6;*/
}
#hamburger .text {
	color: #227bca
	/*color: #36cea6;*/
}
#hamburger .line_1,
#hamburger .line_3{
	background: #fff;
}
/*共通ヘッダー個別カラー指定ここまで*/
.spe-pc-mv {
    height: 360px;
    width: 100%;
    background-image: url("../../images/special/rental_pc/main-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.spe-pc-mv .mv-wrap {
    width: 100%;
    max-width: 950px;
    margin-inline:auto;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    height: 100%;
}
.spe-pc-mv .mv-wrap .mv-archive {
    margin-bottom: 4px;
    z-index: 10;
}
.spe-pc-mv .mv-wrap .mv-archive .h2-mv {
    font-size: clamp(36px, 2vw, 40px);
    font-weight: bolder;
    color: #fff;
    line-height: 1.2em;
    padding-left: 8px
}
.spe-pc-mv .mv-wrap .mv-archive .h2-mv span {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.spe-pc-mv .mv-wrap .mv-archive ul {
    margin-top: 14px;
    padding-left: 8px;
}
.spe-pc-mv .mv-wrap .mv-archive ul li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    gap:8px;
}
.spe-pc-mv .mv-wrap .mv-archive ul li i {
    color: #FFF257;
    font-size: 22px;
    margin-top: 2px;
}
.spe-pc-mv .mv-wrap .mv-archive img {
    width: 100%;
    max-width: 465px;
}
.spe-pc-mv .mv-wrap .mv-icon {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 55%;
    z-index: 10;
}
.spe-pc-mv .mv-wrap .mv-icon img {
    width: 160px;
    height: auto;
}
.spe-pc-mv .mv-wrap .mv-icon img:nth-child(1) {
    margin-top: auto;
}
.spe-pc-mv .mv-wrap .mv-pc {
    position: absolute;
    bottom:0;
    right: 0;
    z-index: 5;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 90%;
}
.spe-pc-mv .mv-wrap .mv-pc img:nth-child(1) {
    width: clamp(120px, 50%, 205px);
    position: absolute;
    left: 42%;
    bottom: 0;
}
.spe-pc-mv .mv-wrap .mv-pc img:nth-child(2) {
    width: clamp(200px, 40%, 350px);
}
.special_pc-wrap {
    width: 100%;
    max-width: 980px;
    padding-inline:15px;
    box-sizing: border-box;
    margin-inline:auto;
}
.special_pc-wrap,
.special_pc-wrap p
{
    color: #142937;
}
.special_pc-wrap .h2-top {
    margin: 48px auto 32px auto;
    text-align: center;
    line-height: 1.2em;
    font-size: 30px;
    color: #142937;
}
.special_pc-wrap .h2-top p {
    display: block;
    color: #ED5053;
}
.marker {
    background: linear-gradient(transparent 50%, #FFF8B3 50%);
}
.marker-wrap {
    background-color: #FFF8B3;
}
.special_pc-wrap .scenes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    column-gap:8px
}
.special_pc-wrap .scenes li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% / 3 - 10px);
    padding: 13px 15px;
    box-sizing: border-box;
    border: 1px solid #005584;
    border-radius: 3px;
    gap:15px;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: bold;
}
.special_pc-wrap .scenes li img {
    width: 130px;
}
.special_pc-wrap .scenes li p {
    width: 100%;
    text-align: center
}
.special_pc-wrap .problem-sec {
    background-image: url("../../images/special/rental_pc/troubled-bg.jpg");
    position: relative;
    margin-top: 98px;
}
.special_pc-wrap .problem-sec .problem-ttl {
    position: absolute;
    background: #ffffff;
    top: -25%;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    text-align: center;
    padding: 15px 40px 10px;
    border-radius: 100px;
}
.special_pc-wrap .problem-sec .problem-ttl small {
    font-size: clamp(14px, 2vw, 18px);
}
.special_pc-wrap .problem-sec .problem-ttl p {
    font-size: clamp(20px, 2vw, 26px);
    margin-top: -5px;
}
.special_pc-wrap .problem-sec .problem-ttl p span {
    font-size: clamp(28px, 2vw, 34px);
    color: #ED5053;
}
.special_pc-wrap .problem-sec img {
    position: absolute;
    left: 0;
    bottom: 0;
}
.special_pc-wrap .problem-sec .problem-txt {
    color: #ffffff;
    margin-left: auto;
    display: flex;
    justify-content: center;
    flex-flow: column;
    gap:5px;
    width: clamp(500px, 70%, 610px);
    max-width: 610px;
    padding: 60px 15px 30px 15px;
    position: relative;
}
.special_pc-wrap .problem-sec .problem-txt li {
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: bold;
    gap:5px;
}
.special_pc-wrap .problem-sec .problem-txt li i {
    color: #FFF799;
    font-size: 20px;
}
.special_pc-wrap .problem-sec .problem-txt li p {
    color: #ffffff;
}
.special_pc-wrap .problem-sec .problem-txt li p span {
    color: #ED5053;
}
.special_pc-wrap .feature-sec {
    padding-top: 24px;
    padding-bottom: 40px;
    background-color: #F5FAFF;
    max-width: 850px;
    padding-inline: 16px;
    box-sizing: border-box;
    margin-inline:auto;
}
.special_pc-wrap .feature-sec img.arrow-svg {
    width: 60px;
    margin-inline: auto;
    display: block;
}
.special_pc-wrap .feature-sec .h2-feature {
    text-align: center;
    margin-top: 24px;
}
.special_pc-wrap .feature-sec .h2-feature small {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    border-bottom: 4px solid #FFF200;
}
.special_pc-wrap .feature-sec .h2-feature small::before {
    position: absolute;
    bottom: -50%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #FFF200 transparent transparent transparent;
}
.special_pc-wrap .feature-sec .h2-feature small::after {
    position: absolute;
    bottom: calc(-50% + 5px);
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #F5FAFF transparent transparent transparent;
}
.special_pc-wrap .feature-sec .h2-feature p {
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
}
.special_pc-wrap .feature-sec .h2-feature p span {
    color: #ED5053;
}
.special_pc-wrap .feature-sec .feature-sec_contents ul {
    display: flex;
    justify-content: center;
    gap:40px;
    margin-top: 40px;
    list-style: none;
    position: relative;
    flex-wrap: wrap;
}
.special_pc-wrap .feature-sec .feature-sec_contents ul li {
    width: clamp(310px, 45%, 320px);
    max-width: 320px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    align-items: center;
}
.special_pc-wrap .feature-sec .feature-sec_contents ul li img {
    width: auto;
    max-height: 140px;
}
.special_pc-wrap .feature-sec .feature-sec_contents ul li .feature-ttl {
    font-size: 20px;
    font-weight: bold;
}
.special_pc-wrap .feature-sec .feature-sec_contents ul li .feature-ttl span {
    color: #ED5053;
}
.special_pc-wrap .feature-sec .feature-sec_contents ul li .feature-txt {
    margin-top: 16px;
    line-height: 1.3em;
    font-weight: 500; 
}
.special_pc-wrap .achieve-sec .h2-achieve{
    font-size: 26px;
    line-height: 1.2em;
    text-align: center;
    margin: 56px 0 32px;
}
.special_pc-wrap .achieve-sec .h2-achieve span {
    display: inline-block;
}
.special_pc-wrap .achieve-sec .achieve-img {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10%;
}
.special_pc-wrap .achieve-sec .achieve-ttl {
    font-size: 18px;
    font-weight: 600;
    color: #B08F29;
    text-align: center;
    margin-top: 24px;
    padding: 8px 0 10px;
    border-bottom: 4px solid;
    border-top: 4px solid;
    margin-inline:auto;
    width: fit-content;
    border-image: linear-gradient(to right, #EEC673, #B29018,#EFE191,#B29018,#EEC673) 1;
}
.special_pc-wrap .achieve-sec .achieve {
    padding: 24px 24px 16px;
    box-sizing: border-box;
    list-style: none;
    margin-top: 24px;
    background: #FFFDF0;
    border-radius: 3px;
}
.special_pc-wrap .achieve-sec .achieve li {
    display: flex;
    justify-content: flex-start;
    gap:16px;
    align-items: center;
}
.special_pc-wrap .achieve-sec .achieve li:not(:last-child) {
    margin-bottom: 15px;
}
.special_pc-wrap .achieve-sec .achieve li .achieve-group {
    text-align: left;
    width: 100%;
    max-width: 215px;
    font-weight: 500;
}
.special_pc-wrap .achieve-sec .achieve li .achieve-list {
    width: calc(100% - 231px);
    font-weight: 400;
    line-height: 1.3em;
}
.special_pc-wrap .achieve-sec .achieve li .achieve-list small {
    display: block;
    text-align: right;
}
.special_pc-wrap .p-mark-sec {
    background: #F5FAFF;
    border-radius: 3px;
    padding: 24px;
    box-sizing: border-box;
    margin-top: 48px;
}
.special_pc-wrap .p-mark-sec .p-mark-ttl {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.special_pc-wrap .p-mark-sec .p-mark-content {
    display: flex;
    justify-content: center;
    gap:5%;
    margin-top: 24px;
}
.special_pc-wrap .p-mark-sec .p-mark-content .p-mark-image {
    width: 125px;
    height: 125px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.special_pc-wrap .p-mark-sec .p-mark-content > p {
    display: flex;
    justify-content: space-around;
    flex-flow: column;
    padding: 8px 0;
    box-sizing: border-box;
}
.special_pc-wrap .p-mark-sec .p-mark-content .marker-wrap {
    display:inline-block;
    width: fit-content;
}
.special_pc-wrap .p-mark-sec .p-mark-content .p-mark-image img {
    width: 115px;
    height: auto;
}
.special_pc-wrap .p-mark-sec .p-mark-content .addtxt {
    font-size: 14px;
    margin-top: auto;
    display: block;
}
.special_pc-wrap .p-mark-sec .p-mark-content .addtxt a {
    color: #ED5053;
    padding-inline:3px;
}
.special_pc-wrap .p-mark-sec .p-mark-content .addtxt a i{
    font-size: 11px;
    position: relative;
    bottom: 2px;
    padding-left: 2px;
}
.items-sec .h2-item {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-top: 64px;
    margin-bottom: 32px;
}
.items-sec .item-sub {
    font-size: 28px;
    margin-top: 32px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 24px;
}
.items-sec .item-sub img {
    width: 20px;
}
.items-sec .item-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:20px;
    list-style: none;
}
.items-sec .item-list li {
    border: 1px solid #005584;
    border-radius: 4px;
    width: clamp(350px, 45%, 415px);
    max-width: 415px;
    padding: 16px;
    box-sizing:border-box; 
    box-shadow: 0px 0px 16px -15px #000338;
}
.items-sec .item-list li .item-content {
    display: flex;
    justify-content: center;
    flex-flow: column;
    gap:clamp(8px, 1.2vw, 16px);
    height: 100%;
}
.items-sec .item-list li .item-content .item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:15px;
}
.items-sec .item-list li .item-content .item-top .item-txt .item-ttl {
    font-size: 18px;
    font-weight: bold;
    color: #3745A5;
    margin-bottom: 6px;
    line-height: 1.2em;
}
.items-sec .item-list li .item-content .item-top .item-txt .item-desc {
    font-size: clamp(13px, 1.2vw, 14px);
    letter-spacing: -1px;
    line-height: 1.4em;
}
.item-content .item-spec {
    display: flex;
    justify-content: flex-start;
    font-size: clamp(12px, 1.2vw, 13px);
    gap:5px;
}
.item-content .item-spec .spec-list-left {
    width: 100%;
    max-width: 146px;
}
.item-content .item-spec .spec-list-left .spec-list-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1px;
}
.item-content .item-spec .spec-list-left .spec-list-item dt {
    background: #62B2E9;
    color: #ffffff;
    padding: 2px 6px;
    box-sizing: border-box;
    width: clamp(60px, 54%, 82px);
}
.item-content .item-spec .spec-list-left .spec-list-item dd {
    background: #EFF3F4;
    padding: 2px 6px;
    box-sizing: border-box;
    width: clamp(60px, 40%, 70px);
}
.item-content .item-spec .spec-list-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    gap:5px;
}
.item-content .item-spec .spec-list-right .spec-icon {
    display: flex;
    justify-content: flex-start;
    gap:4px;
}
.item-content .item-spec .spec-list-right .spec-icon img {
    width: clamp(20px, 18%, 40px);
}
.item-content .item-spec .spec-list-right .item-accessories {
    display: flex;
    justify-content: flex-start;
}
.item-content .item-spec .spec-list-right .item-accessories dt {
    background: #62B2E9;
    color: #ffffff;
    padding: 4px 6px;
    box-sizing: border-box;
    width: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-content .item-spec .spec-list-right .item-accessories dd {
    background: #EFF3F4;
    padding: 4px 6px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.2em;
    width: calc(100% - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-content .item-price-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-content .item-price-wrap .item-price {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    font-size: 13px;
}
.item-content .item-price-wrap .item-price .day {
    background: #62B2E9;
    color: #ffffff;
    padding: 4px 6px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-content .item-price-wrap .item-price .price {
    background: #f7f7f7;
    padding: 4px 6px;
    box-sizing: border-box;
    font-size: clamp(16px, 2vw, 20px);
    font-weight: bold;
    color: #ED5053;
}
.item-content .item-price-wrap .item-price .price span {
    font-size: clamp(11px, 1.2vw, 13px);
    font-weight: normal;
    color: #0A0F35;
    padding-left: 2px;
}
.item-content .item-price-wrap .option-fee {
    width: 100%;
}
.item-content .item-price-wrap .option-fee .day,
.item-content .item-price-wrap .option-fee .price{
    width: 50%;
}
.item-content .item-price-wrap .option-fee .price {
    background: #ffffff;
    text-align: right;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.item-content .item-link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    background: #ED5053;
    border-radius: 4px;
    padding: 4px 0 6px;
    color: #ffffff;
    margin-inline:auto;
    gap:8px;
    box-shadow: 0px 0px 16px -15px #000338;
    transition: all .3s;
    margin-top: auto;
}
.item-content .item-link:hover {
    background-color: #f57b7d;
    transition: all .3s;
}
.item-content .item-link i {
    font-size: 14px;
    margin-top: 2px;
}
.item-content .item-option {
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    background: #F7F7F7;
    border-radius: 3px;
    padding: 15px;
    box-sizing: border-box;
}
.item-content .item-option .icons {
    width: 30px;
}
.item-content .item-option .untivirus,
.item-content .item-option .office-wrap{
    display: flex;
    justify-content: center;
    gap:15px;
    align-items: center;
}
.item-content .item-option .untivirus p {
    color: #2A60A1;
    font-weight: bold;
    align-self: center;
    line-height: 1.2em;
    width: 100%;
    max-width: 275px;
}
.item-content .item-option .office-wrap p {
    color: #E65100;
    font-weight: bold;
    line-height: 1.2em;
    width: 100%;
    max-width: 275px;
}
.item-content .item-option .office-icons {
    display: block;
    margin-inline:auto;
}
.items-sec .item-list li .item-content .item-top .item-txt .item-plus {
    padding: 1px 10px 2px;
    background: #62B2E9;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 5px;
    display: inline-block;
    line-height: 1.2em;
}
.items-sec .item-list.item_apple li {
    border-color: #555555;
}
.items-sec .item-list.item_apple li .item-content .item-top .item-txt .item-ttl {
    color: #555555;
}
.item-list.item_apple .item-content .item-spec .spec-list-left .spec-list-item dt {
    background: #A5A5A5;
}
.item-list.item_apple .item-content .item-spec .spec-list-left .spec-list-item dd,
.item-list.item_apple .item-content .item-spec .spec-list-right .item-accessories dd,
.item-list.item_apple .item-content .item-price-wrap .item-price .price{
    background-color: rgba(0,0,0,.05);
}
.item-list.item_apple .item-content .item-spec .spec-list-right .item-accessories dt,
.item-list.item_apple .item-content .item-price-wrap .item-price .day{
    background: #A5A5A5;
}
.items-sec .item-list.item_apple li .item-content .item-top .item-txt .item-desc {
    color: #474747;
}
.h3-item {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 24px;
}
.h3-item .pink {
    color: #ED5053;
}
.h3-item .marker {
    background: linear-gradient(transparent 50%, #FFF8B3 50%);
}
.item-other {
    background-image: url("../../images/special/rental_pc/other-item-bg.png");
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 850px;
    margin-inline:auto;
}
.item-other_sp {
    display: none;
}
.item-other img {
    width: 100%;
    max-width: 360px;
}
.item-other .item-other-txt {
    display: flex;
    justify-content: space-around;
    flex-flow: column;
    padding: 16px 24px;
    gap:8px;
    align-self: center;
}
.item-other .item-other-txt .other-lead{
    color: #fff;
    font-size: clamp(16px, 1.2vw, 20px);
    font-weight: 500;
    line-height: 1.2em;
}
.item-other .item-other-txt .other-lead .marker {
    color: #ED5053;
    background: #FFF8B3;
    line-height: 1.8em;
}
.item-other .item-other-txt .linkto-form {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    background: #ED5053;
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    max-width: 350px;
    align-self: center;
    transition: all .3s;
}
.item-other .item-other-txt .linkto-form:hover {
    background: #ff7a7d;
    transition: all .3s;
}
.item-other .item-other-txt .linkto-form p {
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.5px;
}
.h3-option {
    margin: 32px 0 24px;
    text-align:center;
    font-size: 22px;
}
.option-sec {
    display: flex;
    justify-content: center;
    gap:8px;
}
.option-sec .compensation,
.option-sec .datareset {
    border-radius: 8px;
    padding: 24px;
    box-sizing: border-box;
    width: calc(100% / 2 - 2px)
}
.option-sec .compensation {
    background: #FFF8FA;
    box-shadow: 0px 0px 12px -6px #cccccc;
}
.option-sec .datareset {
    background: #F5FAFF;
    box-shadow: 0px 0px 12px -6px #cccccc;
}
.option-sec .compensation .compe-ttl,
.option-sec .datareset .reset-ttl{
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
    padding-bottom: 2px;
    margin-bottom: 16px;
}
.option-sec .compensation .compe-ttl p,
.option-sec .datareset .reset-ttl p{
    display: flex;
    flex-flow: column;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    color: #ED5053;
}
.option-sec .datareset .reset-ttl p {
    color: #1C509B;
}
.option-sec .compensation .compe-ttl p small,
.option-sec .datareset .reset-ttl p small{
    font-size: 13px;
}
.option-sec .compensation .comp-content {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.option-sec .compensation .comp-fee,
.option-sec .compensation .comp-content .comp-join,
.option-sec .compensation .comp-content .comp-notjoin{
    display: flex;
    justify-content: center;
}
.option-sec .compensation .comp-content .comp-join ,
.option-sec .compensation .comp-content .comp-notjoin{
    width: 100%;
}
.option-sec .compensation .comp-fee p:nth-child(1){
    background: #ED5053;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px 0 0 4px;
}
.option-sec .compensation .comp-join p:nth-child(1) {
    border-radius: 4px 0 0 0;
    border-bottom: 1px solid #fff;
    background: #ED5053;
    color: #fff;
}
.option-sec .compensation .comp-notjoin p:nth-child(1){
    border-radius: 0 0 0 4px;
    background: #ED5053;    
    color: #fff;
}
.option-sec .compensation .comp-content .comp-join p:nth-child(1),
.option-sec .compensation .comp-content .comp-notjoin p:nth-child(1) {
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.option-sec .compensation .comp-fee p:nth-child(2){
    background: #fff;
    color: #ED5053;
    padding: 4px 8px;
    border-radius: 0 4px 4px 0;
    border: 1px solid #ED5053;
    font-weight: bold;
}
.option-sec .compensation .comp-content .comp-join p:nth-child(2),
.option-sec .compensation .comp-content .comp-notjoin p:nth-child(2) {
    width: calc(100% - 65px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ED5053;
    font-size: 14px;
    font-weight: bold;
}
.option-sec .compensation .comp-content .comp-join p:nth-child(2) {
    border-radius: 0 4px 0 0;
    padding: 4px 8px;
    box-sizing: border-box;
    border: solid 1px #ED5053;
    border-bottom: none;
}
.option-sec .compensation .comp-content .comp-notjoin p:nth-child(2) {
    border-radius: 0 0 4px 0;
    padding: 4px 8px;
    box-sizing: border-box;
    border: solid 1px #ED5053;
}
.option-sec .compensation .comp-subject {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    width: 100%;
    max-width: 300px;
    margin: 16px auto;
}
.option-sec .compensation .comp-subject > p {
    padding: 4px;
    background: #ED5053;
    color: #fff;
    width: 100%;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.option-sec .compensation .comp-subject ul {
    background: #fff;
    border-radius: 0 0 4px 4px;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content:center;
    padding:16px 8px 12px;
    gap:16px;
    box-sizing: border-box;
}
.option-sec .compensation .comp-subject ul li {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
}
.option-sec .compensation .comp-subject ul li small {
    font-size: 16px;
    color: #ED5053;
    font-weight: bold;
    margin-top: 3px;
}
.option-sec .datareset .reset-lead {
    font-size: 14px;
    line-height: 1.2em;
    color: #1C509B;
    font-weight: 500;
}
.option-sec .datareset .reset-certificate,
.option-sec .datareset .reset-hdd{
    width: 100%;
    max-width: 300px;
    margin: 16px auto;
}
.option-sec .datareset .reset-hdd {
    margin-bottom: 0;
}
.option-sec .datareset .reset-certificate > p,
.option-sec .datareset .reset-hdd > p{
    padding: 4px;
    box-sizing: border-box;
    background: #1C509B;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
}
.option-sec .datareset .reset-certificate .cer-txt,
.option-sec .datareset .reset-hdd .reset-txt{
    background: #fff;
    padding: 8px 16px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 4px 4px;
    gap:16px;
}
.option-sec .datareset .reset-certificate .cer-txt p {
    gap:4px;
}
.option-sec .datareset .reset-certificate .cer-txt p,
.option-sec .datareset .reset-hdd .reset-txt p{
    text-align: center;
    flex-flow: column;
    font-size: 14px;
    color: #1C509B;
    line-height: 1em;
    font-weight: bold;
    display: flex;
}
.flow-sec {
    max-width: 850px;
    margin:64px auto 0 auto;
}
.flow-sec .h2-flow {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 32px;
    text-align: center;
}
.flow-sec .flow-lead {
    text-align: center;
    font-weight: 500;
}
.flow-sec .flow-necessary {
    padding: 24px 16px;
    background: #F7F7F7;
    border-radius: 8px;
    margin: 24px 0 40px;
}
.flow-sec .flow-necessary > p {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}
.flow-sec .flow-necessary .flow-todo {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 30px; 
}
.flow-sec .flow-necessary .flow-todo p {
    padding: 12px;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #005584;
    border-radius: 8px;
    width: 100%;
    max-width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin: 24px 0;
}
.flow-sec .h3-flow {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 32px 0 24px;
}
.flow-sec .flow-image,
.flow-sec .flow-image img{
    width: 100%;
}
.flow-sec .flow-eg {
    margin: 32px 0 56px;
    padding: 24px;
    background: #f7f7f7;
    border-radius: 4px;
}
.flow-sec .flow-eg .flow-eg-ttl {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
}
.flow-sec .flow-eg .flow-eg-txt {
    line-height: 1.4em;
    text-align: center;
    margin-bottom: 16px;
}
.flow-sec .flow-eg .flow-eg-image {
    width: 100%;
    max-width: 770px;
    margin-inline:auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    gap:10px;
    background: #fff;
    padding: 16px;
    box-sizing: border-box;
    border: solid 1px #005584;
    border-radius: 4px;
}
.flow-sec .flow-eg .flow-eg-image span {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #ED5053;
    padding: 3px 10px 4px;
}
.flow-sec .flow-eg .flow-eg-image img {
    width: 100%;
    max-width: 680px;
}
.qa-sec {
    width: 100%;
    background: #f5faff;
    padding: 56px 16px;
    box-sizing: border-box;
}
.qa-sec .h2-qa {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 32px;
}
.qa-sec .qa-topic {
    max-width: 850px;
    display: flex;
    justify-content: center;
    gap:16px;
    margin-inline:auto;
}
.qa-sec .qa-topic a {
    padding: 10px 16px;
    box-sizing: border-box;
    background: #fff;
    border: solid 1px #005584;
    border-radius: 4px;
    color: #005584;
    font-size: 18px;
    font-weight: 600;
    max-width: 225px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:4px;
    box-shadow: 0px 2px 13px -14px #003A38;
}
.qa-sec .qa-topic a:last-child {
    font-size: 16px;
    font-weight: 700;
}
.qa-sec .qa-topic a .arrow-svg {
    width: 18px;
    height: auto;
    margin-top: 3px;
}
.qa-sec .qa-topic a i {
    margin-top: 3px;
}
.qa-sec .qa-content {
    width: 100%;
    max-width: 850px;
    margin-inline:auto;
    color: #005584;
}
.qa-sec .qa-content #about-contract,
.qa-sec .qa-content #about-shipping,
.qa-sec .qa-content #about-device {
    font-size: 22px;
    font-weight: 800;
    margin: 48px 0 32px;
}
.qa-sec .qa-content #about-contract img,
.qa-sec .qa-content #about-shipping img,
.qa-sec .qa-content #about-device img
{
    width: 22px;
    height: auto;
    transform: rotate(-90deg);
}
.qa-sec .qa-content .qa-items {
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    gap: 4px;
    margin-bottom: 24px;
}
.qa-sec .qa-content .qa-items dt,
.qa-sec .qa-content .qa-items dd{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:8px;
}
.qa-sec .qa-content .qa-items dt span,
.qa-sec .qa-content .qa-items dd span {
    font-weight: 800;
    font-size: 20px;
}
.qa-sec .qa-content .qa-items dd span {
    color: #ED5053;
}
.qa-sec .qa-content .qa-items dt p {
    font-weight: 600;
    margin-top: 2px;
    font-size: 18px;
}
.qa-sec .qa-content .qa-items dd p {
    color: #0A0F35;
    margin-top: 2px;
}
.qa-sec .qa-content .qa-items dd p a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 6px 8px 8px;
    background: #ED5053;
    border-radius: 4px;
    max-width: 210px;
    gap:3px;
    margin-top: 8px;
    transition:all .3s;
    box-shadow: 0px 0px 16px -15px #003A38;
}
.qa-sec .qa-content .qa-items dd p a:hover {
    transition:all .3s;
    background: #f57b7d;
}
.qa-sec .qa-content .qa-items dd p a i {
    margin-top: 2px;
}
.banner-bottom {
    width: fit-content;
    display: block;
    text-align: center;
    margin: 48px auto 56px auto;
    transition: all .3s;
}
.banner-bottom:hover {
    opacity: 0.7;
    transition: all .3s;
}
.banner-bottom img {
    width: 100%;
    max-width: fit-content;
}
.contact-sec {
    width: 100%;
    max-width: 882px;
    margin-inline:auto;
    padding-inline:16px;
    box-sizing: border-box;
}
.contact-sec .h2-contact {
    text-align: center;
    font-size: 30px;
}
.contact-sec .contact-wrap {
    display: flex;
    justify-content: space-around;
    padding: 20px 15px;
    border:1px solid #005584;
    border-radius:8px;
    margin: 32px auto 64px;
    gap:16px;
    align-items: center;
}
.contact-sec .contact-wrap .c-phone {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.contact-sec .contact-wrap .c-phone > span{
    font-size: 16px;
    font-weight: bold;
}
.contact-sec .contact-wrap .c-phone .phone-wrap .phone-ttl {
    display: flex;
    justify-content: center;
    gap:2px;
    color: #005584;
    font-size: 38px;
    font-weight: 900;
    align-items: center;
}
.contact-sec .contact-wrap .c-phone .phone-wrap .phone-ttl i {
    font-size: 28px;
    transform: rotate(20deg);
    margin-top: 6px;
}
.contact-sec .contact-wrap .c-phone .phone-wrap .phone-ttl p {
    line-height: 1em;
}
.contact-sec .contact-wrap .c-phone .phone-wrap span {
    font-size: 14px;
    font-weight: 500;
    color: #ED5053;
}
.contact-sec .contact-wrap .c-mail {
    display: flex;
    align-items: center;
    background: #ED5053;
    padding: 10px 24px;
    border-radius: 4px;
    flex-flow: column;
    justify-content: center;
    color: #fff;
    transition:all .3s;
    box-shadow: 0px 0px 16px -15px #000338;
}
.contact-sec .contact-wrap .c-mail:hover {
    transition:all .3s;
    background: #f57b7d;
}
.contact-sec .contact-wrap .c-mail .mail-ttl {
    display: flex;
    justify-content:center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1em;
    gap:4px;
}
.contact-sec .contact-wrap .c-mail img {
    width: 20px;
}
.contact-sec .contact-wrap .c-mail small {
    font-size: 13px;
}
@media screen and (max-width: 1024px) {
    .special_pc-wrap .scenes {
        align-items: stretch;
    }
    .special_pc-wrap .scenes li {
        flex-flow: column;
        gap:8px;
    }
    .item-content .item-option {
        gap:4px;
    }
    .item-content .item-option .untivirus p,
    .item-content .item-option .office-wrap p{
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .spe-pc-mv {
        background-image: url("../../images/special/rental_pc/mv-sp-bg.jpg");
        height: auto;
    }
    .spe-pc-mv .mv-wrap {
        flex-flow: column;
        max-width: none;
        justify-content: center;
        align-items: center;
    }
    .spe-pc-mv .mv-wrap .mv-pc {
        position: inherit;
        justify-content: center;
        display: none;
    }
    .spe-pc-mv .mv-wrap .mv-pc img:nth-child(1) {
        position: static;
        max-width: 180px;
        margin-right: -16px;
    }
    .spe-pc-mv .mv-wrap .mv-pc img:nth-child(2) {
       width: clamp(180px, 35%, 260px);
    }
    .spe-pc-mv .mv-wrap .mv-icon {
        height: auto;
        width: 100%;
        align-items: center;
    }
    .spe-pc-mv .mv-wrap .mv-archive .h2-mv {
        text-align: center;
        padding-left: 0;
    }
    .spe-pc-mv .mv-wrap .mv-archive ul {
        width: fit-content;
        margin-inline:auto;
        padding-left: 0;
    }
    .spe-pc-mv .mv-wrap .mv-archive img {
        max-width: 400px;
    }
    .spe-pc-mv .mv-wrap .mv-icon {
        gap:16px;
    }
    .special_pc-wrap .h2-top {
        margin: 32px auto 24px auto;
        font-size: clamp(20px, 2vw, 28px);
    }
    .special_pc-wrap .problem-sec img {
        opacity: 0.5;
        height: 100%;
    }
    .special_pc-wrap .scenes li {
        font-size: clamp(14px, 1.2vw, 16px);
    }
    .special_pc-wrap .scenes li img {
        width: 100%;
        max-width: 130px;
    }
    .special_pc-wrap .problem-sec {
        margin-top: 64px;
    }
    .special_pc-wrap .problem-sec .problem-ttl {
        padding:15px 24px 10px;
        min-width: 300px;
        box-sizing: border-box;
        z-index: 5;
        top: -29%;
    }
    .special_pc-wrap .problem-sec .problem-ttl p {
        font-size: clamp(16px, 2vw, 20px)
    }
    .special_pc-wrap .problem-sec .problem-ttl p span {
        font-size: clamp(22px, 2vw, 26px);
    }
    .special_pc-wrap .problem-sec .problem-txt {
        max-width: 100%;
        padding: 32px 16px 24px;
        box-sizing: border-box;
        gap: 8px;
    }
    .special_pc-wrap .problem-sec .problem-txt li p {
        font-size: 15px;
    }
    .special_pc-wrap .problem-sec .problem-txt li i {
        font-size: 14px;
        margin-top: 6px;
    }
    .special_pc-wrap .feature-sec {
        padding-top: 16px;
        padding-bottom: 32px;
    }
    .special_pc-wrap .feature-sec img.arrow-svg {
        width: 40px;
    }
    .special_pc-wrap .feature-sec .h2-feature {
        margin-top: 8px;
    }
    .special_pc-wrap .feature-sec .h2-feature p {
        font-size: clamp(20px, 2vw, 28px)
    }
    .special_pc-wrap .feature-sec .h2-feature small{
        font-size: clamp(16px, 1.2vw, 18px);
        z-index: 10;
    }
    .special_pc-wrap .feature-sec .h2-feature small::before {
        bottom: -60%;
        z-index: -2;
    }
    .special_pc-wrap .feature-sec .h2-feature small::after {
        bottom: calc(-60% + 5px);
        z-index: -1;
    }
    .special_pc-wrap .feature-sec .feature-sec_contents {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        position: relative;
    }
    .special_pc-wrap .feature-sec .feature-sec_contents ul li .feature-ttl {
        font-size: 18px;
    }
    .special_pc-wrap .feature-sec .feature-sec_contents ul li .feature-txt {
        margin-top: 8px;
        font-size: 14px;
    }
    .special_pc-wrap .feature-sec .feature-sec_contents ul::before {
        height: 24px;
    }
    .special_pc-wrap .achieve-sec .h2-achieve,
    .items-sec .h2-item{
        font-size: clamp(20px, 2vw, 28px);
        margin-top: 32px;
    }
    .special_pc-wrap .achieve-sec .achieve {
        padding: 16px;
    }
    .special_pc-wrap .achieve-sec .achieve-img {
        gap:16px;
    }
    .special_pc-wrap .achieve-sec .achieve-img img {
        max-width: 200px;
        width: calc(50% - 8px);
    }
    .special_pc-wrap .achieve-sec .achieve li {
        flex-flow: column;
    }
    .special_pc-wrap .achieve-sec .achieve li .achieve-group {
        width: 100%;
        text-align: center;
        position: relative;
        z-index: 10;
    }
    .special_pc-wrap .achieve-sec .achieve li .achieve-group::after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background: #FFFDF0;
        position: absolute;
        top: 0;
        right: 50%;
        transform: translate(50%);
        z-index: -1;
    }
    .special_pc-wrap .achieve-sec .achieve li .achieve-group::before {
        display: block;
        content: "";
        width: 65vw;
        height: 1px;
        background: #B29018;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%);
        z-index: -2;
    }
    .special_pc-wrap .achieve-sec .achieve li .achieve-list {
        width: 100%;
    }
    .special_pc-wrap .p-mark-sec {
        padding: 16px;
        margin-top: 32px;
    }
    .special_pc-wrap .p-mark-sec .p-mark-ttl {
        font-size: clamp(16px, 2vw, 20px);
    }
    .special_pc-wrap .p-mark-sec .p-mark-content {
        flex-flow: column;
        align-items: center;
    }
    .items-sec .item-list li {
        width: 100%;
        max-width: 330px;
    }
    .item-content .item-price-wrap {
        flex-flow: column;
        gap:4px;
    }
    .item-content .item-price-wrap .item-price {
        width: 100%;
    }
    .item-content .item-price-wrap .item-price .day {
        width: 20%;
    }
    .item-content .item-price-wrap .item-price .price {
        width: 80%;
        text-align: center;
        font-size: clamp(18px, 2vw, 26px);
    }
    .item-content .item-price-wrap .item-price .price span{
        font-size: clamp(14px, 1.2vw, 16px);
    }
    .item-content .item-price-wrap .option-fee {
        flex-flow: column;
    }
    .item-content .item-price-wrap .option-fee .day,
    .item-content .item-price-wrap .option-fee .price {
        width: 100%;
    }
    .items-sec .item-list li .item-content .item-top {
        justify-content: center;
        gap:16px;
    }
    .items-sec .item-list li .item-content {
        max-width: 385px;
        height: 100%;
    }
    .item-content .item-option .untivirus p {
        font-size: clamp(14px, 1.2vw, 16px);
    }
    .items-sec .h3-item {
        font-size: clamp(18px, 2vw, 22px)
    }
    .item-other {
        /*flex-flow: column;
        background-repeat: repeat;*/
    }
    .item-other img {
        max-width: 40%;
    }
    .item-other .item-other-txt {
        padding: 8px 16px; 
        box-sizing: border-box;
    }
    .item-other {
        display: none;
    }
    .item-other_sp {
        display: block;
        width: 100%;
        line-height: 0;
    }
    .item-other_sp img {
        width: 100%;
    }
    .items-sec .h3-option {
        margin: 24px 0 16px;
        font-size: clamp(18px, 2vw, 22px);
    }
    .option-sec {
        flex-wrap: wrap;
    }
    .option-sec .compensation, .option-sec .datareset {
        width: calc(100% / 2 - 4px);
        padding: 16px;
    }
    .option-sec .compensation .compe-ttl p, .option-sec .datareset .reset-ttl p {
        font-size: clamp(16px, 2vw, 20px);
    }
    .option-sec .compensation .comp-fee p:nth-child(2) {
        font-size: clamp(12px, 2vw, 14px);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .option-sec .compensation .comp-subject ul {
        gap:8px;
    }
    .option-sec .compensation .comp-subject ul li img{
        width: 100%;
        max-width: 50px;
    }
    .flow-sec {
        margin-top: 48px;
    }
    .flow-sec .h2-flow,
    .qa-sec .h2-qa{
        font-size: clamp(20px, 2vw, 28px);
        margin-bottom: 24px;
    }
    .flow-sec .flow-necessary {
        padding: 16px;
        margin-bottom: 32px;
    }
    .flow-sec .flow-necessary > p {
        font-size: clamp(18px, 2vw, 22px);
    }
    .flow-sec .flow-necessary .flow-todo {
        gap:16px;
    }
    .flow-sec .flow-necessary .flow-todo p {
        padding: 8px;
        font-size: clamp(14px, 2vw, 16px);
        margin: 16px 0;
    }
    .flow-sec .h3-flow {
        font-size: clamp(18px, 2vw, 22px);
        margin-bottom: 16px;
    }
    .flow-sec .flow-eg {
        margin: 24px 0 48px;
        padding: 16px;
    }
    .flow-sec .flow-eg .flow-eg-ttl {
        font-size: clamp(18px, 2vw, 20px);
    }
    .qa-sec {
        padding-top: 32px;
    }
    .qa-sec .qa-topic {
        gap:8px;
    }
    .qa-sec .qa-topic a {
        padding: 8px 24px;
        font-size: 14px;
        justify-content: space-between;
    }
    .qa-sec .qa-topic a:last-child {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.2em;
    }
    .qa-sec .qa-content #about-contract,
    .qa-sec .qa-content #about-shipping,
    .qa-sec .qa-content #about-device {
        font-size: clamp(18px, 2vw, 24px);
        margin: 32px 0 16px;
    }
    .qa-sec .qa-content #about-contract img,
    .qa-sec .qa-content #about-shipping img,
    .qa-sec .qa-content #about-device img {
        width: 18px;
    }
    .qa-sec .qa-content .qa-items dt p {
        font-size: 16px;
    }
    .qa-sec .qa-content .qa-items dd p {
        font-size: 14px;
    }
    .qa-sec .qa-content .qa-items {
        margin-bottom: 16px;
    }
    .banner-bottom {
        padding-inline:16px;
        box-sizing: border-box;
        margin:32px 0;
    }
    .contact-sec .h2-contact {
        font-size: clamp(20px, 2vw, 28px);
    }
    .contact-sec .contact-wrap {
        margin: 24px 0 48px;
        flex-flow: column;
        gap:8px;
        padding: 16px;
    }
    .contact-sec .contact-wrap .c-phone .phone-wrap .phone-ttl {
        font-size: clamp(26px, 2vw, 38px);
    }
    .contact-sec .contact-wrap .c-phone .phone-wrap .phone-ttl i {
        font-size: clamp(20px, 2vw, 28px);
    }
    .contact-sec .contact-wrap .c-mail .mail-ttl {
        font-size: clamp(15px, 2vw, 18px);
    }
    .contact-sec .contact-wrap .c-phone .phone-wrap span {
        font-size: clamp(12px, 2vw, 14px)
    }
}
@media screen and (max-width: 480px) {
    .spe-pc-mv .mv-wrap .mv-archive .h2-mv {
        font-size: clamp(28px, 2vw, 34px);
    }
    .spe-pc-mv .mv-wrap .mv-archive ul li {
        font-size: clamp(18px, 2vw, 20px);
    }
    .spe-pc-mv .mv-wrap .mv-icon img {
        width: 130px;
    }
    .special_pc-wrap .scenes {
        gap:8px;
    }
    .special_pc-wrap .scenes li {
        padding: 8px;
        width: calc(50% - 4px);
    }
    .special_pc-wrap .problem-sec .problem-ttl {
        top: -22%;
    }
    .special_pc-wrap .problem-sec img {
        display: none;
    }
    .special_pc-wrap .problem-sec .problem-txt {
        padding: 40px 16px 16px;
    }
    .special_pc-wrap .problem-sec .problem-txt li p {
        font-size: 14px;
    }
    .option-sec {
        flex-flow: column;
        gap:16px;
    }
    .option-sec .compensation, .option-sec .datareset {
        width: 100%;
    }
    .qa-sec .qa-topic {
        flex-flow: column;
        align-items: center;
    }
    .items-sec .item-list li {
        max-width: 100%;
    }
    .special_pc-wrap .feature-sec .feature-sec_contents {
        gap:40px;
        margin-top: 32px;
    }
    .special_pc-wrap .feature-sec .feature-sec_contents ul {
        gap:40px;
        margin-top: 0;
        flex-wrap: wrap;
    }
}
/*　フロートメニュースペシャルページ色変更　*/
@media screen and (min-width: 1450px) {
	.special .float_menu.sp_none {
		background: #227bca;
		border: 2px solid #fff;
		/*background: #36cea6;*/
	}
	.float_menu .tel .tel_num,
	.float_menu .tel .time{
		color: #227bca;
		/*color: #36cea6;*/
	}
	.mail svg .cls-1, .mail svg .cls-2, .mail svg .cls-3 {
		fill:#227bca;
	}
}
@media screen and (min-width: 481px) and (max-width: 1450px) {
	.float_menu.pc_none {
		background: #227bca;
		z-index: 10;
	/*	background: #36cea6;*/
	}
	.float_menu .tel, .float_menu .mail, .float_menu .ext {
		background: #227bca;
		/*background: #36cea6;*/
	}
}
@media screen and (max-width: 480px) {
    #header h1 {
        background: #227bca;
    }
	.float_menu {
		background: #227bca;
		/*background: #36cea6;*/
	}
	.header_wrapper {
		padding-top: 40px;
	}
	#hamburger {
		top: 53px;
	}
}