/* CSS Document */

/* CSS Document */


.howto-list li:before {
    content: counter(number)".";
    color: #51b996;
}

img {
	vertical-align: bottom;
    max-width: 100%;
}
section p {
    font-size: 4vw;
    line-height: 1.7;
}

section .mainw {
    max-width: 88vw;
    margin: 9vw auto;
}

h3.ch3 {
    line-height: 8vw;
    text-align: center;
    margin: 0 0 4vw;
}

h3.ch3 span {
    font-size: 6vw;
}

.text h4 {
    font-size: 5vw;
    margin-bottom: 6vw;
    line-height: 1.7;
    color: #51b996;
}


.cp_btn {
    width: 88vw;
    height: 13vw;
    color: #fff;
    background-color: #51b996;
    line-height: 1.7;
    margin-top: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1.5;
}
.cp_btn span {
    display: block;
}


.howto-list li {
    margin-bottom: 6vw;
    text-indent: -1em;
    padding-left: 1em;
    counter-increment: number;
    line-height: 1.5;
}

.howto-list li:before {
    font-size: 5.2vw;
}
.howto-list li:last-child {
    margin-bottom: 0;
}
.howto-list li:before {
    color: #51b996;
    font-size: 22px;
    padding-right: 10px;
}

.howto-list li a.cp_btn {
    max-width: 100%;
}

#p1 .finfo{
    display: block;
    border: 1px solid #D8D8D8;
    padding: 4vw;
    margin: 6vw auto 8vw;
}

#p1 .finfo.ctable th,
#p1 .finfo.ctable td {
    width: 80vw;
    display: block;
    border-bottom: none;
    padding: 2vw 2vw;
    line-height: 6vw;
    text-align: left;
}
table.ctable th {
    font-size: 4.5vw;
}
table.ctable th::before {
    content: "●";
    color: #51b996;
    display: inline-block;
    padding-right: 7px;
    font-size: 4.5vw;
}

#p2 {
    
    padding: 5vw 0;
}

.tel-box {
    width: 80vw;
    height: 45vw;
    display: flex;
    flex-wrap: wrap;
    padding: 2vw;
    margin-top: 6vw; 
    background-color: #EFEFEF;
}
.tel-box .left {
    width: 100%;
    border-bottom: 1px solid #D3D3D3;
}
.tel-box .left img {
    max-width: 100%;
    display: block;
    margin: 3vw auto;
}
.tel-box .right {
    max-width: 100%;
    display: block;
    margin: 3vw auto;
}
.tel-box .right .tel { 
    width: 100%;
    margin: auto;
}
.tel-box .right .tel img {
    width: 5vw;
}
.tel-box .right .tel span{
    font-size: 6vw;
    padding-left: 5vw;
}
.tel-box .right p {
    margin-top: 2vw;
    font-size: 4.2vw;
}
.tel-box .right .tel span::before{
    content: "\f095";
    font-family: FontAwesome;
    padding-right: 2vw;
}

.waku {
    border: 1px solid #D8D8D8;
    padding: 4vw;
    margin-top: 10vw;
    margin-bottom: 8vw;
}

.waku.cflex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.waku.cflex p {
    font-size: 4.2vw;
    line-height: 6.5vw;
    margin-bottom: 6vw;
}
.waku.cflex h4 {
    font-size: 4.5vw;
    margin-bottom: 4vw;
    text-align: center;
}
.waku.cflex p.camptel {
    margin-bottom: 0;
    text-align: center;
}
.waku.cflex p.camptel a {
    background-size: 4vw auto;
    padding-left: 5vw;
    font-size: 6vw;
}
.waku.cflex p.camptel a:before {
    content: "\f095";
    font-family: FontAwesome;
    padding-right: 2vw;
}

.waku.cflex p.camptel a img {
    width: 5vw;
    margin-right: 2vw;
    margin-bottom: 1vw; 
}

.cbtn2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1.5;
}
.o_link li { 
    margin-bottom: 4vw;
}
.o_link li a.cbtn2 { 
    background-color: #51b996;
    color: #fff;
    position: relative;
    text-align: center;
    width: 100%;
    height: 15vw;
}
.o_link li:nth-child(1) a.cbtn2,
.o_link li:nth-child(2) a.cbtn2 {
    background: url(../images/icon_pdf_white.svg) left 4vw center no-repeat , url(../../images/icon_arrow.svg) right 6vw center no-repeat #51b996;
}
.o_link li:last-child {
    margin-bottom: 0;
}


}/* end @media(max-width750px)*/