﻿



/*スマホサイト**********************************************************************/
@media screen and (max-width:680px) {



/*▼マークアップ関係--------------------------------------------------*/
h2 {
    font-size: 20px;
    line-height: 60px;
    width: 90vw;
    padding-left: 5vw;
    height: 60px;
	margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    border: 5px solid #CAE4E8;
    border-radius: 10px 10px 10px 10px;
}

.h3_type1_wrapper {
    width: 96vw;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
}

.h3_type1_w445_left {
    width: 33vw;
    height: 4px;
    margin: 8px 0px 8px 0px;
    float: left;
    background: linear-gradient(to right, rgba(39,144,147,0), rgba(39,144,147,1));
}
h3.h3_type1_w270 {
    width: 30vw;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    float: left;
}
.h3_type1_w445_right {
    width: 33vw;
    height: 4px;
    margin: 8px 0px 8px 0px;
    float: left;
    background: linear-gradient(to left, rgba(39,144,147,0), rgba(39,144,147,1));
}
/*▲マークアップ関係--------------------------------------------------*/



#items {
    margin-right: auto;
    margin-left: auto;
    width: 88vw;
    padding: 4vw 4vw 4vw 4vw;
    margin-top: 55px;
    border: 1px solid #C8C8C8;
    border-radius: 30px 30px 30px 30px;
}

p.item_left {
    padding: 2vw 2vw 0vw 2vw;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
}
p.item_left_last {
    padding: 2vw 2vw 0vw 2vw;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
}

p.item_right {
    padding: 2vw 2vw 2vw 2vw;
    margin-bottom: 0px;
    font-size: 14px;
}

hr.hr_item {
    border: none;
    border-top: 1px dashed #646464;
    width: 88vw;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
hr.hr_item_pc {
    display: none;
}

p#additional_fee {
    font-size: 14px;
    padding: 2vw 2vw 2vw 2vw;
    margin-bottom: 0px;
}

p#deposit {
    font-size: 14px;
    padding: 2vw 2vw 2vw 2vw;
    margin-bottom: 0px;
}



}










/*PCサイト**************************************************************************/
@media screen and (min-width:681px) {



/*▼マークアップ関係--------------------------------------------------*/
h2 {
    font-size: 32px;
    line-height: 160px;
    width: 1098px;
    padding-left: 48px;
    height: 160px;
	margin-top: 140px;
    margin-right: auto;
    margin-left: auto;
    border: 10px solid #CAE4E8;
    border-radius: 30px 30px 30px 30px;
}

.h3_type1_wrapper {
    width: 1160px;
    height: 36px;
    margin-right: auto;
    margin-left: auto;
}

.h3_type1_w445_left {
    width: 445px;
    height: 4px;
    margin: 16px 0px 16px 0px;
    float: left;
    background: linear-gradient(to right, rgba(39,144,147,0), rgba(39,144,147,1));
}
h3.h3_type1_w270 {
    width: 270px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    float: left;
}
.h3_type1_w445_right {
    width: 445px;
    height: 4px;
    margin: 16px 0px 16px 0px;
    float: left;
    background: linear-gradient(to left, rgba(39,144,147,0), rgba(39,144,147,1));
}
/*▲マークアップ関係--------------------------------------------------*/



#items {
    margin-right: auto;
    margin-left: auto;
    width: 970px;
    padding: 94px 94px 94px 94px;
    margin-top: 80px;
    border: 1px solid #C8C8C8;
    border-radius: 30px 30px 30px 30px;
}

p.item_left {
    width: 280px;
    padding: 16px 30px 16px 30px;
    float: left;
    background-color: #F2F2F2;
    margin-bottom: 0px;
}
p.item_left_last {
    width: 280px;
    height: 56px;
    padding: 16px 30px 16px 30px;
    float: left;
    background-color: #F2F2F2;
    margin-bottom: 0px;
}

p.item_right {
    width: 570px;
    padding: 16px 30px 16px 30px;
    float: left;
    margin-bottom: 0px;
}

hr.hr_item {
    border: none;
    border-top: 1px dashed #646464;
    width: 970px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}
hr.hr_item_pc {
    border: none;
    border-top: 1px dashed #646464;
    width: 970px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

p#additional_fee {
    padding: 50px 30px 0px 30px;
    margin-bottom: 50px;
}

p#deposit {
    padding: 50px 30px 16px 30px;
    margin-bottom: 0px;
}



}









