/*スマホサイト**********************************************************************/
@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;
}



.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));
}



#pic {
    display: block;
    padding-top: -18px;
    margin-top: 18px;
}



#ceo_message {
    margin-right: auto;
    margin-left: auto;
    width: 84vw;
    padding: 6vw 6vw 6vw 6vw;
/*    margin-top: 55px;*/
    border: 1px solid #C8C8C8;
    border-radius: 30px 30px 30px 30px;
    margin-bottom: 0px;
    font-size: 14px;
}

img#ceo {
    width: 75vw;
    display: block;
    margin: 0 auto 0 auto;
    margin-bottom: 10px;
}
p#ceo_caption {
    text-align: center;
    margin-bottom: 20px;
}

p#message {
    margin-bottom: 40px;
}
p#additional_message {
    margin-top: 40px;
    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: 420px;
    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;
}



.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));
}



#pic {
    display: block;
    padding-top: -65px;
    margin-top: 65px;
}



#ceo_message {
    margin-right: auto;
    margin-left: auto;
    width: 912px;
    padding: 112px 123px 112px 123px;
    border: 1px solid #C8C8C8;
    border-radius: 30px 30px 30px 30px;
    margin-bottom: 0px;
}

img#ceo {
    width: 443px;
    height: 600px;
    display: block;
    margin: 0 auto 0 auto;
    margin-bottom: 20px;
}
p#ceo_caption {
    text-align: center;
    margin-bottom: 50px;
}

p#message {
    margin-bottom: 40px;
}
p#additional_message {
    margin-top: 40px;
    margin-bottom: 0px;
}



}