/* CSS Document */

/* CSS Document */


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

img {
	vertical-align: bottom;
    max-width: 100%;
}


    section .mainw {
        max-width: 1000px;
    }

    hr.mk {
    	padding: 50px 0;
    }
    .cflex {
    	display: flex;
    }
    h3.ch3 {
    	margin: 0 0 35px;
	    text-align: center;
	    line-height: 35px;
    }
    h3.ch3 span {
	    font-size: 30px;
	    font-weight: bold;
	    letter-spacing: 1px;
	}

	section p {
		font-size: 15px;
    	line-height: 26px;
	}

    .text h4 {
        font-size: 18px;
        margin-bottom: 30px;
        color: #51b996;
    }

    .cp_btn {
        width: 300px;
        height: 60px;
        color: #fff;
        background-color: #51b996;
        line-height: 1.7;
        margin-top: 30px;
        position: relative;
        display: block;
	    text-align: center;
    }
    .cp_btn span {
        display: block;
        padding-top: 10px;
    }

    .cp_btn:hover {
        width: 300px;
        height: 60px;
        background-color: #4b4848;
    }

    .howto-btn, .howto-btn:hover {
        height: 50px;
        padding-top: 12px;
        margin-top: 18px;
        margin-left: 20px; 
    }

    .howto-list li {
        margin-bottom: 35px;
        padding-left: 30px;
        counter-increment: number;
        line-height: 1.7;
    }
    .howto-list li:last-child {
        margin-bottom: 0;
    }

    .howto-list li:before {
        font-size: 22px;
    }


    #p1 .finfo{
        display: block;
        border: 1px solid #D8D8D8;
        padding: 30px;
        margin: 30px auto 45px;
        border-collapse: collapse;
   		width: 100%;
    }
    #p1 .finfo.ctable th,
    #p1 .finfo.ctable td {
        width: 920px;
        display: block;
        border-bottom: none;
        padding: 5px 10px;
    	line-height: 30px;
    	text-align: left;
    	font-size: 16px;
    }
    #p1 .finfo.ctable th::before {
	    content: "●";
	    color: #51b996;
	    display: inline-block;
	    padding-right: 7px;
	    font-size: 16px;
    }


    section#p3 .mainw {
        margin-bottom: 120px;
    }

    .tel-box {
        width: 595px;
        height: 120px;
        display: flex;
        flex-wrap: wrap;
        padding: 20px;
        margin-top: 20px;
        margin-left: 20px; 
        background-color: #EFEFEF;
    }
    .tel-box .left {
        width: 260px;
        height: 90px;
        padding-right: 25px;
        border-right: 1px solid #D3D3D3;
    }
    /*.tel-box .left img { margin-top: 30px; }*/
    .tel-box .right {
        width: 270px;
        height: 90px;
        margin-left: 25px;
    }
    .tel-box .right .tel {
        margin-top: 20px;
    }
    .tel-box .right .tel img {
        width: 18px;
        position: relative;
        top: -5px;
    }
    .tel-box .right .tel span{
        font-size: 26px;
        padding-left: 5px;
    }
    .tel-box .right .tel span::before{
    	content: "\f095";
	    font-family: FontAwesome;
	    padding-right: 5px;
    }
    .tel-box .right p {
        font-size: 16px;
    }

    .waku { 
        border: 1px solid #D8D8D8;
        padding: 35px;
        margin-bottom: 30px;
        margin-top: 50px;
    }
    .waku.cflex {
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
    }
    .waku.cflex p {
    	text-align: center;
    	margin-bottom: 30px;
    }
    .waku.cflex h4 {
    	font-size: 22px;
    	margin-bottom: 15px;
    	text-align: center;
    }
    .waku.cflex p.camptel {
    	margin-bottom: 0;
    	display: flex;
    	align-items: center;
    	text-align: center;
    	 }
    .waku.cflex p.camptel a {
    	background-size: 15px auto;
		padding-left: 20px;
		font-size: 30px;
		pointer-events: none;
		display: inline-block;
	}
	.waku.cflex p.camptel a:before {
	    content: "\f095";
	    font-family: FontAwesome;
	    padding-right: 5px;
	}
    .waku.cflex p.camptel a img {
        width: 18px;
        margin-right: 5px;
    }
    .waku.cflex p.camptel span {
    	font-size: 16px; margin-left: 1em;
 	}

    .o_link {
    	flex-wrap: wrap;
    }
    .o_link li {
    	margin-right: 20px;
    }
    .o_link li:nth-child(3n) {
    	margin-right: 0;
    } 
    
    .o_link a.cbtn2 {
        width: 320px;
        height: 80px;
        line-height: 1.7;
        padding-top: 10px;
        position: relative;
        display: block;
	    text-align: center;
	    color: #fff;
    }
    .o_link li:last-child a.cbtn2 {
        padding-top: 25px;
        background-color: #51b996;
    }
    .o_link li:last-child a.cbtn2:hover {
        background-color: #4b4848;
    }
    .o_link li:nth-child(1) a.cbtn2 , .o_link li:nth-child(2) a.cbtn2 {
        background: url(../images/icon_pdf_white.svg) left 10px center no-repeat , url(../../images/icon_arrow.svg) right 15px center no-repeat #51b996;
    }
    .o_link li:nth-child(1) a.cbtn2:hover , .o_link li:nth-child(2) a.cbtn2:hover {
        background: url(../images/icon_pdf_white.svg) left 10px center no-repeat , url(../../images/icon_arrow_s.svg)right 10px center no-repeat #4b4848;
    }