@charset "utf-8";

@media only screen and (max-width: 480px) {
    main .p_patt ul.p_patt_link li {
        font-size: 107% !important;
    }

    main .p_col .col_content ul.col_cont li .date span {
        font-size: 100% !important;
    }
}

@media only screen and (max-width: 460px) {
    main .p_patt ul.p_patt_link li {
        font-size: 104% !important;
    }

    main .p_col .col_content ul.col_cont li .date span {
        font-size: 95% !important;
    }
}

@media only screen and (max-width: 414px) {
    main .p_patt ul.p_patt_link li {
        font-size: 100% !important;
    }

    main .p_col .col_content ul.col_cont li .date span {
        font-size: 90% !important;
    }
}

@media only screen and (max-width: 390px) {
    main .p_patt ul.p_patt_link li {
        font-size: 90% !important;
    }

    main .p_col .col_content ul.col_cont li .date span {
        font-size: 76% !important;
    }
}

@media only screen and (max-width: 370px) {
    main .p_patt ul.p_patt_link li {
        font-size: 90% !important;
    }

    main .p_col .col_content ul.col_cont li .date span {
        font-size: 76% !important;
    }
}

@media only screen and (max-width: 350px) {
    main .p_patt ul.p_patt_link li {
        font-size: 90% !important;
    }

    main .p_col .col_content ul.col_cont li .date span {
        font-size: 77% !important;
    }
}


@media only screen and (max-width: 320px) {
    main .p_patt ul.p_patt_link li {
        font-size: 84% !important;
    }

    main .p_col .col_content ul.col_cont li .date span {
        font-size: 67% !important;
    }
}

main .tt_pages {
    margin-bottom: 6%;
}

main .tt_pages .bg_tt_pages {
    width: 100%;
}

main .tt_pages h2 {
    width: 100%;
    margin-left: -100%;
    font-size: 179%;
    font-family: Yu Gothic;
    font-weight: bold;
    color: #3c372e;
}



/*Page News*/

main .p_news dl {
    margin-bottom: 7%;
    border-bottom: 1px solid #eee;
}

main .p_news dl dt {
    border-bottom: 1px dashed #fcc9be;
    padding: 0% 0% 1%;
}

main .p_news dl dt .news_date {
    background: #fcc9be;
    width: 26.5%;
    text-align: center;
    padding: 0.25% 0 0.25%;
}

main .p_news dl dt h3 {
    margin-top: 1.5%;
    font-size: 121%;
    font-weight: normal;
}

main .p_news dl dd {
    padding: 3%;
}

main .p_news dl dt .tt_top {
    color: #bce20c;
}

main .p_news .news_photo {
    width: 45%;
    margin-right: 3%;
    position: relative;
}

main .p_news .news_photo:after {
    content: "";
    position: absolute;
    /* background: url(../newinfo/images/ico-zoom.png) no-repeat; */
    background-size: 100% auto;
    width: 26px;
    height: 26px;
    bottom: 0;
    right: 0;
}



/*Page Contact*/

main .p_contact .contact_ban_top {
    background: #ffe3dd;
    padding: 3.25%;
    text-align: center;
}

main .p_contact .contact_ban_top .ct_txt {
    font-size: 114%;
    font-weight: bold;
    margin-bottom: 5%;
}

main .p_contact .contact_ban_top .ct_hour {
    letter-spacing: 1px;
    margin-top: 3%;
    margin-bottom: 3%;
}

main .p_contact .contact_ban_top ul li {
    width: 29%;
}

main .a_sp {
    color: #008bcb;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
select,
textarea {
    border: 1px solid #e0e0e0;
    padding: 3px 2% 2px;
}

#formEnd {
    text-align: center;
    margin-top: 3%;
}

main .tb_contact tr th {
    padding: 2% 0%;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #7ab3c3;
}

main .tb_contact tr th .ninni {
    width: 8.5%;
    margin-right: 2%;
}

main .tb_contact tr th .hissu {
    width: 8.5%;
    margin-right: 2%;
}

main .tb_contact tr th .p_th {
    margin-top: 1%;
}

main .tb_contact tr td {
    padding: 2% 0%;
    vertical-align: middle;
    border-bottom: 1px solid #7ab3c3;
}

main .tb_contact tr:last-child td {
    border-bottom: none;
}

main .pp_content {
    padding: 4% 3%;
    box-shadow: 0px 0px 6px 3px #f8f8f7;
    -moz-box-shadow: 0px 0px 6px 3px #f8f8f7;
    -webkit-box-shadow: 0px 0px 6px 3px #f8f8f7;
    border: 1px solid #eee;
}

main .pp_content h2.h2_ct {
    border-bottom: 1px solid #4bbbda;
    font-weight: normal;
    font-size: 135%;
    margin-bottom: 2%;
}

main .p_contact .pp_content ul.ul01 li {
    text-indent: -4%;
    padding-left: 5%;
}

main .p_contact .pp_content ul.ul02 li {
    text-indent: -3%;
    padding-left: 3%;
}



/*Page Pattern*/

main .p_patt ul.p_patt_link li {
    width: 48%;
    text-align: center;
    box-shadow: 0px 0px 4px 1px #eee;
    -moz-box-shadow: 0px 0px 4px 1px #eee;
    -webkit-box-shadow: 0px 0px 4px 1px #eee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #a6a6a6;
    font-size: 107%;
    margin-top: 2%;
}

main .p_patt ul.p_patt_link li a {
    text-align: center;
    display: block;
    color: blue;
    text-decoration: none;
    padding: 4.5% 0 3%;
}

main .p_patt .patt_content.bg01 {
    background: #fdfaf0;
    padding: 3% 0;
}

main .p_patt .patt_content.bg02 {
    background: #f7f4e9;
    padding: 3% 0;
}

main .p_patt .patt_content dl {
    width: 71.5%;
    box-shadow: 0px 0px 4px 1px #eee;
    -moz-box-shadow: 0px 0px 4px 1px #eee;
    -webkit-box-shadow: 0px 0px 4px 1px #eee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #FFF;
    padding: 2.5%;
}

main .p_patt .patt_content dl a {
    color: #333;
    text-decoration: none;
}

main .p_patt .patt_content dl dt {
    font-size: 107%;
    margin-bottom: 3%;
    font-weight: bold;
}

main .p_patt .patt_content dl dd a {
    color: #f99e8a;
    text-decoration: none;
}

main .p_patt .patt_content dl dd p.text_right {
    color: #f99e8a;
}

main .p_patt .patt_content .p_wm {
    width: 27.5%;
}



/*Page Column*/

main .p_col .col_content ul.col_cont {
    margin-bottom: 5%;
}

main .p_col .col_content ul.col_cont li {
    width: 49%;
}

main .p_col .col_content ul.col_cont li .date {
    border-bottom: 1px dashed #ccc;
    padding: 4% 0 4%;
    margin-bottom: 3%;
}

main .p_col .col_content ul.col_cont li .date span {
    padding: 0 2%;
    font-size: 100%;
    letter-spacing: -0.5px;
}

main .cate01 {
    background: #fcc9be;
}

main .cate02 {
    background: #e4d3ef;
}

main .cate03 {
    background: #dcef7b;
}



/*Column detail*/

main .p_coldt .p_coldt_content .date {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 2%;
}

main .p_coldt .p_coldt_content .date span {
    padding: 0 2%;
    margin-left: 2%;
    font-size: 100%;
    letter-spacing: -0.5px;
}

main .p_coldt .p_coldt_content .tt,
main .p_coldt .p_coldt_content .ttl-main {
    font-size: 114%;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    padding: 1% 0;
    margin-bottom: 3%;
}

main .p_coldt .p_coldt_content h3,
main .p_coldt .p_coldt_content .ttl-sub {
    font-size: 114%;
    font-weight: normal;
    border-left: 5px solid #fcc9be;
    padding-left: 2%;
    margin-top: 5%;
    margin-bottom: 3%;
    line-height: 1.3;
}

main .p_coldt .p_coldt_content .ttl-mid {
    margin-top: 10%;
    margin-bottom: 3%;
    padding: 2%;
    border-left: 5px solid #fc716a;
    background-color: rgba(252, 201, 190, .25);
    font-size: 114%;
    font-weight: normal;
    line-height: 1.3;
}

main .p_coldt .p_coldt_content .txt-sub {
    margin-top: 5%;
}



/*Pattern detail*/

main .p_patt .p_patt_dt h2 {
    font-size: 114%;
    font-weight: bold;
}

main .p_patt .p_patt_dt h3 {
    margin-top: 1.5%;
    text-align: right;
    font-size: 107%;
    font-weight: normal;
    padding-bottom: 0.5%;
    border-bottom: 1px dashed #ccc;
}

main .p_patt .p_patt_dt h4 {
    color: #ff7d76;
    font-size: 114%;
    padding: 2% 0px;
    font-weight: normal;
}

main .p_patt .p_patt_dt .patt_img {
    margin-bottom: 2%;
}



/*Page Company*/

main .h2_sp {
    background: #fcc9be;
    padding: 1.5% 2% 1.35%;
    font-size: 142%;
    font-weight: bold;
    color: #3c372e;
}

main .p_company .tb_company01 tr th {
    background: #f3f0e4;
    border-bottom: solid 1px #3c372e;
    border-top: solid 1px #3c372e;
    padding: 1.8% 2%;
    text-align: left;
    font-weight: normal;
}

main .p_company .tb_company01 tr td {
    border-bottom: solid 1px #3c372e;
    padding: 1.8% 2%;
}

main .p_company .tb_company02 tr th {
    padding: 2% 2%;
    border: solid 1px #fcc9be;
    text-align: center;
    vertical-align: middle;
}

main .p_company .tb_company02 tr td {
    padding: 2% 2%;
    border: solid 5px #FFF;
    text-align: center;
    vertical-align: middle;
    background: #f3f0e4;
}

main .p_company .tb_company02 tr td:nth-child(2n) {
    border-right: none;
}

main .p_company .tb_company02 tr td:nth-child(2n+1) {
    border-left: none;
}

main .co_sp {
    color: #fc716a;
}



/*Page Faq*/


/*main .h2_faq{
    font-size: 142%;
    color: #fc716a;
    border-bottom: 2px dashed #fc716a;
}
main .p_faq .faq_dl{
    margin-top: 3%;
}
main .p_faq .faq_dl dt{
    background: url(../faq/images/nQ.png) no-repeat top left;
    background-size: 8% auto;
    padding-top: 2%;
    padding-left: 10%;
    padding-bottom: 2%;
    font-size: 104%;
    font-weight: normal;
}
main .p_faq .faq_dl dd{
    background: url(../faq/images/nA.png) no-repeat top 10px left 2% #f7f4e9;
    background-size: 4.5% auto;
    margin-top: 2.5%;
    padding-top: 10px;
    padding-left: 10%;
    padding-bottom: 10px;
    padding-right: 2%;
}*/


/*Page Faq*/

main .p_faq h3 {
    margin-bottom: 30px;
    text-align: center;
}

main .p_faq h3 img {
    /* height: 70px!important; */
    max-width: 100%;
}

main .p_faq dl {
    margin-top: 3%;
    border-bottom: 2px dotted #ffc0b3;
    padding-bottom: 15px;
    margin-bottom: 6%;
}

main .p_faq dt {
    background: url(../faq/images/nQ.png) no-repeat top left, url(../faq/images/nCong.png) no-repeat top 8px right;
    background-size: 35px, 20px;
    padding: 7px 0;
    padding-left: 40px;
    font-size: 14px;
    font-weight: normal;
    padding-right: 20px;
    margin-bottom: 15px;
}

main .p_faq dt.opened {
    background: url(../faq/images/nQ.png) no-repeat top left, url(../faq/images/nTru.png) no-repeat top 17px right;
    background-size: 35px, 20px;
}

main .p_faq dd {
    background: url(../faq/images/nA.png) no-repeat top 10px left 2% #f7f4e9;
    background-size: 18px auto;
    margin-top: 2.5%;
    padding-top: 10px;
    padding-left: 10%;
    padding-bottom: 10px;
    padding-right: 2%;
    margin-bottom: 5%;
    display: none;
}





/*Page Staff*/

main .p_staff .staff_top {
    background: url(../staff/images/bg01.png) no-repeat bottom center;
    background-size: 100% auto;
    padding-bottom: 6%;
}

main .p_staff .staff_top p {
    padding: 0 30%;
    padding-right: 28%;
}

.pdotted_sp {
    border-top: dotted 1px #ffc0b3;
    padding-top: 6%;
    margin-top: 6%;
}

.dt_sp {
    background: #f3f0e4;
    padding: 8px;
    margin-bottom: 10px;
}



/* Page Philosophy */

main .h2_phy {
    background: url(../philosophy/images/bg_soc.png) no-repeat bottom left;
    background-size: 26% auto;
    padding-bottom: 1.5%;
    font-size: 143%;
    font-weight: bold;
    font-family: Yu Gothic;
    line-height: 1.3;
}

main .p_phy {
    padding: 0 3.9%;
}

main .h3_beau {
    border-bottom: dotted 1px #fc716a;
    color: #fc716a;
    font-size: 128%;
    font-family: Yu Gothic;
    font-weight: bold;
}

main .phy_cont dl.dl_phy {
    padding: 3%;
    position: relative;
    margin-top: 6%;
    margin-left: 3%;
}

main .phy_cont dl.dl_phy:nth-child(1) {
    background: #fdfff3;
    border: solid 1px #e4f0a8;
}

main .phy_cont dl.dl_phy:nth-child(1):after {
    content: "";
    position: absolute;
    background: url(../philosophy/images/1.png) no-repeat top left;
    background-size: 100% auto;
    width: 12%;
    height: 100%;
    top: -8px;
    left: -3%;
}

main .phy_cont dl.dl_phy:nth-child(2):after {
    content: "";
    position: absolute;
    background: url(../philosophy/images/2.png) no-repeat top left;
    background-size: 100% auto;
    width: 12%;
    height: 100%;
    top: -8px;
    left: -3%;
}

main .phy_cont dl.dl_phy:nth-child(3):after {
    content: "";
    position: absolute;
    background: url(../philosophy/images/3.png) no-repeat top left;
    background-size: 100% auto;
    width: 12%;
    height: 100%;
    top: -8px;
    left: -3%;
}

main .phy_cont dl.dl_phy:nth-child(2) {
    background: #fef7f6;
    border: solid 1px #fae1dc;
}

main .phy_cont dl.dl_phy:nth-child(3) {
    background: #f7fffe;
    border: solid 1px #d4f5f3;
}

main .phy_cont dl.dl_phy dt {
    font-size: 135%;
    font-weight: bold;
    margin-left: 8%;
}

main .phy_cont dl.dl_phy dd .phy_btn img {
    width: 37%;
    margin-top: 2%;
}

main .h3_tym {
    background: #f7f4e9;
    padding: 3% 0;
    text-align: center;
    font-size: 129%;
    font-weight: bold;
    position: relative;
    margin-top: 7%;
}

main .h3_tym:before {
    position: absolute;
    background: url(../staff/images/icon01.png) no-repeat left bottom;
    background-size: 100% auto;
    left: 0;
    bottom: 0;
    content: "";
    width: 30%;
    height: 100px;
}

main .h3_tym:after {
    position: absolute;
    background: url(../staff/images/icon01.png) no-repeat right bottom;
    background-size: 100% auto;
    right: 0;
    bottom: 0;
    content: "";
    width: 30%;
    height: 100px;
}

main .dl_tym dt {
    border: 1px solid #ccc;
    padding: 1%;
    border-bottom: none;
}

main .dl_tym dd {
    border: 1px solid #ccc;
    padding: 1%;
}

main .ul_tym li {
    margin-left: 12px;
    text-indent: -12px;
}

main .font114pc {
    font-size: 114%;
}

main .img_tel {
    position: relative;
}

main .img_tel .a_tel {
    position: absolute;
    bottom: 0;
    width: 45%;
    height: 17%;
}

main .img_tel .a_tel02 {
    position: absolute;
    bottom: 0;
    left: 47%;
    width: 45%;
    height: 17%;
    /* background: #000; */
    /* opacity:0.75; */
}


.ready {
    width: 80%;
    margin: 50px auto;
    border: 1px solid #fcc9be;
    padding: 10% 0;
    text-align: center;
}



/* Page Guide */

main .h2_guide {
    font-size: 129%;
    font-family: Yu Gothic;
    position: relative;
    padding-bottom: 5px;
}

main .h2_guide span {
    line-height: 1.0;
    /* padding-bottom: 1%; */
}

main .h2_guide span:before {
    content: "";
    background: #fc716a;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 2px;
}

main .h2_guide.green span:before {
    background: #e2e8a3;
}

main .h2_guide_center {
    position: relative;
    text-align: center;
    font-size: 129%;
    padding-bottom: 1%;
    font-family: Yu Gothic;
}

main .h2_guide_center:after {
    content: "";
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 40px);
    background: #fc716a;
}
main .h5_flow_center {
    position: relative;
    text-align: center;
    font-size: 129%;
    padding-bottom: 1%;
    font-family: Yu Gothic;
	font-weight: bold;
	padding: 77px 0 0 0;
	margin: -55px 0 20px 0;
	}

main .h5_flow_center:after {
    content: "";
    width: 80px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 40px);
    background: #fc716a;
}
.flow_sec1 li a {
	color: #242424;
	text-decoration: none;
}
.flow_sec1 li a:after {
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}
main .material_dt_box {
    text-align: center;
    padding: 5%;
    margin-bottom: 5%;
}

.material_photo01 {
    position: relative;
    padding-bottom: 30px;
}

.material_photo01::before {
    position: absolute;
    content: '';
    display: block;
    right: 0;
    bottom: 0;
    width: 33.05vw;
    height: 33.05vw;
    background-image: url(../material/images/pict_clover.png);
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (min-width: 736px) {
    .material_photo01::before {
        width: 154px;
        height: 143px;
    }
}

.material_dt_box .ballon {
    background-image: url(../material/images/bg_intro.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 30px 0 60px;
}

main .material_dt_box h2 {
    font-size: 129%;
    text-align: center;
    padding: 2%;
    margin-bottom: 5%;
    color: #FD7170;
    border-bottom: 1px dotted #fc716a;
    font-weight: normal;
    font-family: Yu Gothic;
}

main .material_dt_box p {
    line-height: 2.0;
}

main .material_dt_box p span {
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
}

main .material_dt_sec02,
main .material_dt_sec03,
main .material_dt_sec04 {
    margin-bottom: 50px;
}

main .material_dt_sec02 h4 {
    margin-bottom: 20px;
}

main .material_dt_sec02 h4,
main .material_dt_sec03 h4,
main .material_dt_sec04 h4 {
    font-size: 16px;
    color: #FD7170;
    position: relative;
    font-weight: normal;
}

main .material_dt_sec02 h4::after,
main .material_dt_sec03 h4::after,
main .material_dt_sec04 h4::after {
    position: absolute;
    display: block;
    content: "";
    background: url(../material/images/ico_ttl.png);
    width: 45px;
    height: 49px;
    top: -15px;
}

main .material_dt_sec02 h4::after,
main .material_dt_sec04 h4::after {
    left: 5em;
}

main .material_dt_sec03 h4::after {
    left: 9em;
}

main .material_dt_sec02 p,
main .material_dt_sec03 p {
    line-height: 1.8;
}

main .material_dt_sec03 h4 {
    margin-bottom: 0;
}

main .material_dt_sec03 h5 {
    margin: 20px 0 20px;
    font-family: "Yu Gothic";
    font-size: 14px;
    line-height: 1.5;
    color: #fc716a;
    font-weight: normal;
    border-bottom: 1px dotted #fc716a;
}

.material_dt_sec04 .material_dt_box {
    background-image: url(../material/images/bg_material.png);
    background-size: contain;
    min-height: 41.45vw;
    background-repeat: no-repeat;
}

.material_dt_sec04 .board {
    position: relative;
    width: 53vw;
    height: 40vw;
    background-image: url(../material/images/bg_board.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.material_dt_sec04 .board .comment {
    width: 100%;
    height: 100%;
    padding: 30px 0;
}

main .material_dt_sec04 .material_dt_box p {
    font-size: 3vw;
    font-weight: bold;
    line-height: 1.3;
}

main .material_dt_box {
    overflow: hidden;
}

main .material_dt_box_l {
    float: left;
    width: 60%;
    text-align: center;
    display: table-cell;
    padding-top: 5%;
}

main .material_dt_box_r {
    float: right;
    width: 40%;
}

main .material_dt_box_r img {
    object-fit: cover;
}

main .p_guide .guide__dl {
    border-radius: 10px;
    margin-top: 4%;
}

main .p_guide .guide__dl.guide--luc {
    border: solid 1px #e4f0a8;
    background: #bddc1f;
}

main .p_guide .guide__dl.guide--luc dd {
    background: #fdfff3;
}

main .p_guide .guide__dl.guide--lam {
    border: solid 1px #a0dfda;
    background: #a0dfda;
}

main .p_guide .guide__dl.guide--lam dd {
    background: #f1fffe;
}

main .p_guide .guide__dl.guide--tim {
    border: solid 1px #cdb4de;
    background: #cdb4de;
}

main .p_guide .guide__dl.guide--tim dd {
    background: #fbf5ff;
}

main .p_guide .guide__dl dt {
    text-align: center;
    font-size: 129%;
    font-weight: bold;
    color: #FFF;
    width: 50%;
    line-height: 1.3;
    font-family: Yu Gothic;
}

main .p_guide .guide__dl dd {
    padding: 3%;
    width: 50%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

main .p_guide .dl_num {
    background: #fef7f6;
    margin-left: 3%;
    margin-top: 40px;
    position: relative;
    padding: 15px 10px;
}

main .p_guide .dl_num:after {
    content: "";
    position: absolute;
    background: url(../guide/images/1.png) no-repeat top left;
    background-size: 100% auto;
    top: -25px;
    left: -3%;
    width: 62px;
    height: 63px;
}

main .p_guide .dl_num.dl_num--1:after {
    background: url(../guide/images/1.png) no-repeat top left;
    background-size: 100% auto;
}

main .p_guide .dl_num.dl_num--2:after {
    background: url(../guide/images/2.png) no-repeat top left;
    background-size: 100% auto;
}

main .p_guide .dl_num.dl_num--3:after {
    background: url(../guide/images/3.png) no-repeat top left;
    background-size: 100% auto;
}

main .p_guide .dl_num dt {
    font-family: Yu Gothic;
    font-size: 129%;
    font-weight: bold;
    padding-left: 50px;
}

main .p_guide .dl_num dt .ico_num {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
}

main .p_guide .dl_num dd {
    margin-top: 2%;
}

main .p_mate .list_mate {
    padding: 7px;
    background: #fcfaf5;
    border-bottom: solid 1px #dedede;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(50% - 3px);
    margin-top: 20px;
}

main .p_mate .list_mate:nth-child(1),
main .p_mate .list_mate:nth-child(2) {
    margin-top: 0;
}

main .img_sp {
    /* border: solid 2px #eadfbe; */
}

main .p_mate .list_mate dt {
    width: 100%;
}

main .p_mate .list_mate dt a {
    display: block;
    position: relative;
}

main .p_mate .list_mate dt a:before {
    content: "";
    background: url(../material/images/nZoom.png) no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 22px;
    height: 22px;
}

main .p_mate .list_mate dd {
    width: 100%;
}

main .p_mate .list_mate dd h3 {
    font-size: 114%;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: -1px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
}

main .p_mate .list_mate dd p.price {
    /* margin-top: 1%; */
}

main .p_mate .list_mate dd p.xbtn {
    text-align: center;
    margin-top: 2%;
}

main .p_mate .list_mate dd p.xbtn img {
    width: 94%;
}

main .p_mate .list_mate dd p.price .co_price {
    color: #ff0000;
    font-weight: bold;
    font-size: 128%;
}

main .bg_YL {
    background: url(../material/images/nbg04.png) no-repeat top 15px center, url(../material/images/nbg05.png) no-repeat bottom center #fff7cc;
    background-size: 100%, 100%;
    padding-top: 30%;
    padding-bottom: 21%;
    padding-left: 3%;
    padding-right: 3%;
}

main .bg_pink0c5 {
    background: #fef7f6;
    padding: 2%;
}

main .bg_pink0c5 h3 {
    color: #fc716a;
    /* text-align: center; */
    font-size: 129%;
    font-family: Yu Gothic;
    margin-bottom: 2%;
}

main .green_ab {
    background: #f6fcfc;
    padding: 2%;
}

main .green_ab h3 {
    font-size: 129%;
    font-family: Yu Gothic;
    color: #11a79a;
    margin-bottom: 1%;
}

main .dl_ab {
    margin-top: 4%;
}

main .dl_ab dt {
    font-size: 129%;
    font-family: Yu Gothic;
    background: #ffddd6;
    border-radius: 5px;
    border-bottom: solid 1px #b2b2b2;
    padding: 1.76% 3%;
    font-weight: bold;
    line-height: 1.0;
}

main .dl_ab dt.green {
    background: #e3e9a7;
}

main .dl_ab dd {
    margin-top: 3%;
}

main .about_sec04 {
    margin-top: 3%;
}

main .about_sec04 dt {
    background: url(../about/images/icon06.png) no-repeat left center;
    padding: 3px 5px 3px 45px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.tt_kiyaku {
    background-color: #f4fad7;
    font-weight: normal;
    padding: 1% 3%;
}

.tt_kiyaku span {
    color: #bddc1f;
}

.p_kiya ul.cp_list {
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 15px 0 25px 1em;
}

.p_kiya ul.cp_list li {
    padding: 0.5em 0.5em 0.6em 0.5em;
    margin-bottom: 5px;
    line-height: 1.5;
    vertical-align: middle;
    text-indent: -1.2em;
}

.p_kiya ul.cp_list li::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    margin-right: 5px;
    width: 0.8em;
    height: 0.8em;
    background: #bddc1f;
    border-radius: 50%;
}

.p_kiya a {
    color: #000;
    text-decoration: underline;
}



/* Page Checklist */

main .check_content {
    background: url(../checklist/images/nbg01.jpg) no-repeat top center, url(../checklist/images/nbg03.jpg) no-repeat bottom center, url(../checklist/images/nbg02.png) repeat-y center;
    background-size: 100%, 100%, 100%;
    padding: 2%;
    padding-top: 15%;
}

main .check_content .check_cont {
    padding: 2%;
}

main .check_content .check_cont>h2 img {
    margin-top: -10%;
}

main .p_checklist .tb_checklist tr th {
    text-align: left;
    font-family: Yu Gothic;
    padding-top: 5%;
}

main .p_checklist .tb_checklist tr th .cloud {
    background: url(../checklist/images/ncloud.png) no-repeat top center;
    background-size: 100%;
    width: 46px;
    height: 30px;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin-top: -5px;
    margin-right: 5px;
}

main .p_checklist .tb_checklist {
    margin-left: 3%;
    margin-right: 3%;
}

main .p_checklist .tb_checklist tr td {
    padding: 1% 0;
}

main .q3_list li {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    display: -moz-flex;
    /* Firefox */
    display: -ms-flex;
    /* IE */
    margin-bottom: 5px;
}

main .check_content02 {
    background: #f7f5e9;
    padding: 3% 5%;
}

main .h2_check {
    font-size: 18px;
    text-align: center;
    font-family: Yu Gothic;
}

main .h2_check span {
    font-size: 27px;
    font-weight: bold;
    color: #ff6570;
    margin-left: 2%;
    margin-right: 2%;
    position: relative;
}

main .h2_check span:after {
    content: "";
    position: absolute;
    bottom: -3px;
    width: 100%;
    height: 3px;
    background: #ff6570;
    left: 0;
}

main .check_btm {
    font-family: Yu Gothic;
}

main .check_btm h2 {
    font-size: 20px;
    text-align: center;
    font-family: Yu Gothic;
    line-height: 1.3;
}

.flex_bg {
    width: 100%;
    margin-right: -100%;
}

.flex_content {
    width: 100%;
    position: relative;
}

main .check_btm .check_btm_list li:nth-child(1),
main .check_btm .check_btm_list li:nth-child(2) {
    margin-top: 0;
}

main .check_btm .check_btm_list>li {
    width: 47%;
    margin-top: 20px;
    background: #e4f7f5;
    padding: 2%;
}

.flex-container {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

main .check_btm .check_btm_list>li .note {
    text-align: center;
    font-weight: bold;
    margin-top: 6%;
    font-size: 107%;
}

main .check_btm .check_btm_list>li p.text {
    text-align: center;
    font-weight: bold;
    margin-top: 6%;
}

main .check_btm .check_btm_list>li .price {
    text-align: center;
    font-weight: bold;
    margin-top: 5%;
}

main .check_btm .check_btm_list>li .price span {
    color: #ff6570;
    font-size: 137%;
}

main .check_btm .check_btm_list>li ul.xbtn {
    margin-top: 4%;
}

main .check_btm .check_btm_list>li ul.xbtn li {
    width: 49%;
}

main .check_btm .check_btm_list>li .t03 {
    font-size: 95%;
    margin-top: 4%;
    font-weight: bold;
}

main .check_ban_btm {
    margin-top: 5%;
}

main .check_ban_btm li {
    width: 47%;
    margin-top: 20px;
}

main .check_ban_btm li:nth-child(1),
main .check_ban_btm li:nth-child(2) {
    margin-top: 0;
}



/* Page Guide */

main .h2_guide_sp {
    font-size: 129%;
    font-family: Yu Gothic;
    position: relative;
}

main .h2_guide_sp:after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 36%;
    height: 2px;
    left: 0;
    background: #fc716a;
}

main .gui_content {
    border: 2px solid #ffddd6;
    padding: 3%;
    margin-top: 4%;
}

main .gui_content dl:first-child {
    margin-top: 0;
}

main .gui_content dl {
    margin-top: 5%;
}

main .gui_content dl dt {
    background: #ffddd6;
    padding: 1.5% 0;
    text-align: center;
    font-weight: bold;
    font-family: Yu Gothic;
    border-radius: 5px;
}

main .gui_content dl dd {
    margin-top: 2%;
}

main .p_gui .gui_nhay {
    margin-top: -2px;
    text-align: center;
    position: relative;
    z-index: 9;
    margin-bottom: -3%;
}

main .p_gui .gui_pink {
    padding: 4% 3%;
    background: #ffddd6;
    margin-top: 5%;
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

main .p_gui .gui_pink ul li {
    background: url(../guide/images/check.png) no-repeat top 2px left;
    background-size: 15px auto;
    padding-left: 20px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin-bottom: 1%;
    font-family: Yu Gothic;
}

main .p_gui .gui_btm {
    border: 4px solid #ffddd6;
    margin-top: 10%;
    padding: 3%;
}

main .p_gui .gui_btm h2 img {
    margin-left: -7%;
    margin-top: -9%;
}

main .p_gui .gui_btm h4 {
    color: #a7e3de;
    font-family: Yu Gothic;
    font-size: 128%;
    margin-bottom: 1%;
}

main .v2_color li {
    width: 47%;
    margin-top: 5%;
}

.co_red {
    color: #fc716a;
}

main .tb_flv2 tr th {
    padding: 2.5% 2%;
    text-align: center;
    background-color: #ffddd6;
    border: 1px solid #fff;
    font-family: Yu Gothic;
}

main .tb_flv2 tr td {
    padding: 5% 4%;
    background-color: #fef7f6;
    border: 1px solid #fff;
}

main .p_follow .box1 dl dt span {
    background-color: #ffddd6;
    font-size: 20px;
    font-weight: bold;
    font-family: YuGothic, '游ゴシック', sans-serif;
    padding: 1% 4%;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

main .p_follow .box1 dl dd {
    background-color: #fef7f6;
    padding: 3%;
    font-size: 16px;
}

main .p_follow .box1 dl dd ul {
    background-color: #fff;
    margin-top: 2%;
    padding: 2%;
}

main .font18pc {
    font-size: 129%;
}

main .p_prof .prof_pink {
    padding: 3%;
    background: #FEF1EF;
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}









#profile {
    width: 100%;
    margin-top: 7%;
}

#profile h3 {
    text-align: center;
    margin-bottom: 40px;
}

#profile.greeting .inner {
    position: relative;
}

#profile.greeting .inner .photo {
    xposition: absolute;
    xtop: -20px;
    right: 30px;
    margin: -20px 30px 0 30px;
    float: right;
}

#profile.greeting .inner .photo img {
    border: 8px solid #FFBFB3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#profile.greeting .inner .photo span {
    margin: 5px auto 10px;
    display: block;
    font-weight: bold;
}

#profile.greeting .inner .txt {
    overflow: hidden;
    zoom: 1;
}

#profile.greeting .inner h4 {
    margin: 0 0 30px 25px;
    font-size: 20px;
    text-align: left;
}

#profile.greeting .inner p {
    padding: 25px;
    font-size: 16px;
    line-height: 2;
    background: #FEF1EF;
    xborder: 1px solid #fc716a;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}



#profile.digest h4 {
    padding: 2%;
    font-size: 129%;
    background: #fcc9be;
    color: #3c372e;
    text-align: center;
}

#profile.digest p {
    font-size: 14px;
    text-align: center;
}

#profile.digest .inner {
    height: 500px;
    margin: 0 auto 15px;
    padding: 0;
    border: 1px solid #fcc9be;
    overflow: auto;
}

#profile.digest .inner table {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
}

#profile.digest .inner table th {
    background: #f7f5ee;
    font-weight: normal;
    padding: 3%;
    border-bottom: 1px solid #fcc9be;
    white-space: nowrap;
    vertical-align: middle;
}

#profile.digest .inner table td {
    width: 100%;
    padding: 3%;
    border-bottom: 1px solid #fcc9be;
}

#profile.digest .inner table tr.line th,
#profile.digest .inner table tr.line td {
    border-bottom: 5px solid #fcc9be;
}



#profile.history .inner {
    padding: 2%;
    box-shadow: 0px 0px 6px 3px #f8f8f7;
    -moz-box-shadow: 0px 0px 6px 3px #f8f8f7;
    -webkit-box-shadow: 0px 0px 6px 3px #f8f8f7;
    border: 1px solid #eee;
    /* height: 500px; */
    /* overflow: auto; */
}

#profile.history .inner p {
    margin: 0 auto 22px;
    font-size: 14px;
    line-height: 22px;
}

#profile.history .inner ul.photo {
    margin: 50px auto 0;
    text-align: center;
}

#profile.history .inner ul.photo li {
    margin: 0 10px;
    display: inline-block;
}



#profile.list h4 {
    padding: 2%;
    font-size: 129%;
    color: #3c372e;
    text-align: center;
    background: #DFD3B5;
}

#profile.list p {
    font-size: 14px;
    text-align: center;
}

#profile.list .inner {
    height: 800px;
    margin: 0 auto 15px;
    padding: 15px;
    border: 1px solid #DFD3B5;
    overflow: auto;
}

#profile.list .inner h5 {
    margin: 0 auto 2%;
    padding: 2%;
    color: #B59A53;
    font-size: 114%;
    text-align: left;
    background: #F4F0E5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#profile.list .inner h5 span {
    color: #3c372e;
    font-size: 14px;
    display: block;
}

#profile.list .inner h6 {
    color: #fc716a;
    font-size: 18px;
    text-align: left;
    border-bottom: 1px dotted #fc716a;
    padding-left: 3%;
    padding-bottom: 1%;
}

#profile.list .inner h6 span {
    font-size: 14px;
    color: #3c372e;
    font-weight: normal;
    display: block;
}

#profile.list .inner dl.t01 {
    margin: 0 auto 15px;
    font-size: 14px;
}

#profile.list .inner dl.t01 dt {
    margin: 0 auto 10px;
    font-weight: bold;
}

#profile.list .inner dl.t01 dd {
    line-height: 22px;
}

#profile.list .inner table {
    width: 100%;
    margin: 0 auto 2%;
    font-size: 14px;
}

#profile.list .inner table th,
#profile.list .inner table td {
    padding: 2% 0;
    vertical-align: top;
    float: right;
    width: 100%;
}

#profile.list .inner table th {
    font-weight: normal;
    width: 100%;
    text-align: left;
    float: left;
}

#profile.list .inner table td span {
    color: #0099FF;
    display: block;
    text-align: right;
}

#profile.list .inner table.box01 td {
    /* width: 80% !important; */
}

#profile.list .inner table.box01 td.t01 {
    color: #FF0000;
}

#profile.list .inner table.box02 th {
    width: 30%;
}

#profile.list .inner table.box02 td.t02 {
    /* width: 20%; */
    color: #0099FF;
}

#profile.list .inner table.box02 td.t03 {
    color: #0099FF;
}




/* 20170314 */


/* Page Profile */

.colorPink {
    color: #ff6570;
}

.listDotGreen li {
    text-indent: -15px;
    margin-left: 15px;
}

.listDotGreen li span {
    color: #b4ede8;
}

.nProfile_content01 {
    padding: 3%;
    background-color: #fef1ef;
    border-radius: 10px;
}

.font19pc {
    font-size: 136%;
}

.profile01_sec3 {
    background-color: #d9f6f3;
    padding: 3%;
    margin-top: 40px;
    border-radius: 5px;
}

.profile01_sec3 h4 {
    text-align: center;
    color: #2bc4b7;
    font-size: 129%;
    margin-bottom: 15px;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.profile01_sec3 ul li {
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #fff;
    padding: 8px 20px;
}

.profile01_sec4 {
    background: url(../profile/images/nfbg01.png) no-repeat top center;
    background-size: 100% 100%;
    font-size: 107%;
    font-weight: bold;
    color: #000000;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    padding: 5%;
}

.profile01_sec5 {
    background: url(../profile/images/nfbg02.png) no-repeat top center;
    background-size: 100% 100%;
    font-size: 107%;
    font-weight: bold;
    color: #000000;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    padding: 3%;
}

.profile01_sec6 {
    background: url(../profile/images/nfbg03.png) no-repeat top center;
    background-size: 100% 100%;
    font-size: 107%;
    font-weight: bold;
    color: #000000;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    padding: 3%;
}

.bg_yelow {
    /* background-color: #fef7f6; */
    /* padding: 40px 0; */
    margin-bottom: 40px;
}

.bg_yelow .container {
    background: #ffebe8;
    border-radius: 10px;
    padding: 3%;
}

.profile_sec01 .pr_msg1 .img {
    float: left;
    text-align: left;
}

.profile_sec01 .pr_msg .txt {
    border: 1px solid #ff717b;
    width: 72.75%;
    position: relative;
    border-radius: 5px;
    padding: 3%;
    background-color: #ffffff;
    font-weight: bold;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.profile_sec01 .pr_msg1 .txt:after {
    right: 0;
}

.profile_sec01 .pr_msg2 .txt:after {
    left: 0;
    background: url(../profile/images/icon16.png) no-repeat;
}

.profile_sec01 .pr_msg .txt:before {
    position: absolute;
    width: 29px;
    height: 56px;
    background: url(../profile/images/nmt02.png) no-repeat;
    top: 15px;
    content: "";
}

.profile_sec01 .pr_msg1 .txt:before {
    left: -27px;
}

.profile_sec01 .pr_msg2 .txt:before {
    background: url(../profile/images/nmt03.png) no-repeat;
    right: -29px;
}

.profile_sec01 .pr_msg2 .txt {
    float: left;
}

.profile_sec01 .pr_msg1 .txt {
    /* margin-right: 30px; */
    float: right;
}

.profile_sec01 .pr_msg1 .img {
    float: left;
    text-align: left;
    width: 19.25%;
}

.profile_sec01 .pr_msg1 .img p {
    text-align: center;
}

.profile_sec01 .pr_msg2 .img {
    float: right;
    text-align: right;
    width: 19.25%;
}

.profile_sec01 .pr_msg2 .img p {
    text-align: center;
}



/* Page Counseling */

.counTop .btm {
    background: url(../counseling/images/bg02.png) no-repeat top center #e4c689;
    padding: 3%;
    background-size: 100% auto;
}

.counTop .btm .content {
    background: rgba(255, 255, 255, 0.7);
    padding: 3%;
}

.counTop .btm .content h3 {
    font-size: 17px;
    color: #ff6570;
    position: relative;
    padding-bottom: 5px;
    letter-spacing: -0.5px;
}

.counTop .btm .content h3:before {
    width: 50px;
    height: 2px;
    background: #a7e3de;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

.counTop .btm .content .txt {
    margin-top: 3%;
}

.counbgPink {
    background: #fff6f7;
    padding-top: 8%;
    padding-bottom: 10%;
    margin-top: 8%;
}

.counbgPink .listBanRed li {
    width: calc(50% - 7.5px);
    margin-top: 15px;
}

.counbgPink .listBanRed li:nth-child(1),
.counbgPink .listBanRed li:nth-child(2) {
    margin-top: 0;
}

.chimCoun {
    margin-top: -5px;
    margin-bottom: -5px;
}

.counseling_sec03 {}

.counseling_sec03 .box {
    border: 1px dotted #ff717b;
    padding: 3%;
    border-radius: 5px;
    margin-bottom: 40px;
}

.counseling_sec03 .box#c01 {
    background: url(../counseling/images/xbg01.png) no-repeat top center;
    background-size: 100% auto;
}

.counseling_sec03 .box#c02 {
    background: url(../counseling/images/xbg02.png) no-repeat bottom center;
    background-size: 100% auto;
}

.counseling_sec03 .box#c03 {
    background: url(../counseling/images/xbg03.png) no-repeat bottom center;
    background-size: 100% auto;
}

.counseling_sec03 .box#c04 {
    background: url(../counseling/images/xbg04.png) no-repeat top center;
    background-size: 100% auto;
}

.counseling_sec03 .box#c05 {
    background: url(../counseling/images/xbg05.png) no-repeat top center;
    background-size: 100% auto;
}

.counseling_sec03 .box#c06 {
    background: url(../counseling/images/xbg05.png) no-repeat top center, url(../counseling/images/xbg06.png) no-repeat bottom center;
    background-size: 100%, 100%;
}

.counseling_sec03 .box#c07 {
    background: url(../counseling/images/xbg05.png) no-repeat top center, url(../counseling/images/xbg07.png) no-repeat bottom center;
    background-size: 100%, 100%;
}

.counseling_sec03 .box#c08 {
    background: url(../counseling/images/xbg08.png) no-repeat top center;
    background-size: 100% auto;
}

.counseling_sec03 .box h4 {
    font-size: 23px;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.counseling_sec03 .box h4 span {
    color: #ff4e45;
}

.counseling_sec03 .box .list li {
    background: url(../counseling/images/arr1.png) no-repeat top 5px left;
    background-size: 10px auto;
    padding-left: 15px;
    line-height: 1.8;
}

.counseling_sec03 .coounBtn {
    margin-top: 3%;
}

.counseling_sec03 .coounBtn img {
    width: 38%;
}

.counseling_sec03 figure {
    display: none;
}

.counbgYellow {
    background: #f7f4e9;
    padding-top: 4%;
    padding-bottom: 8%;
    margin-top: 8%;
}

.counseling_sec05_l {
    background: url(../counseling/images/nfbg.png) no-repeat top center #e4d3ef;
    background-size: cover;
    border-radius: 5px;
    padding: 3%;
    margin-top: 8%;
}

.counseling_sec05_l .msg {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 2% 0;
}

.font17pc {
    font-size: 121%;
}



/* Ranking */

.ranking .rankingTop {
    background: url(../ranking/images/bg01.png) no-repeat top center;
    background-size: cover;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 2%;
    padding-bottom: 3%;
}

.ranking .rankingTop h3 {
    background-color: #ffd9d1;
    font-weight: bold;
    width: 190px;
    line-height: 22px;
    padding-left: 10px;
}

.ranking .rankingTop h4 {
    color: #fc716a;
    font-size: 20px;
    line-height: 1.3;
    margin-top: 7px;
}

.ranking .rankingTop ul {
    /* margin-left: 2%; */
    /* margin-right: 2%; */
    margin-top: 4%;
}

.ranking .rankingTop ul li {
    margin-top: 10px;
}

.ranking .rankingTop ul li:nth-child(2n+1) {
    width: calc(48.5% - 5px);
}

.ranking .rankingTop ul li:nth-child(2n) {
    width: calc(51.5% - 5px);
}

.ranking .rankingTop ul li:nth-child(1),
.ranking .rankingTop ul li:nth-child(2) {
    margin-top: 0;
}

.ranking_sec3 {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ranking_sec3 .tt {
    background: url(../ranking/images/bg02.png) no-repeat center top;
    background-size: 100% auto;
    margin-top: 8%;
    text-align: center;
    font-size: 20px;
    padding: 19px 0;
}

.ranking_sec3 .tt.green {
    background: url(../ranking/images/bg02_green.png) no-repeat center top;
    background-size: 100% auto;
}

.ranking_sec3 .tt h3 {
    color: #ff6570;
}

.ranking_sec3 .tt_other {
    background-color: #f5f5f5;
    border-radius: 10px;
    margin-top: 8%;
    text-align: center;
    padding: 0 3%;
    padding-top: 5%;
    padding-bottom: 4%;
    font-size: 14px;
}

.ranking_sec3 .tt_other h3 {
    color: #333333;
    font-family: YuGothic, '游ゴシック', sans-serif;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1.3;
}

.ranking_sec3 .box {
    background: #fefbf0;
    padding: 2%;
    padding-top: 5%;
    padding-bottom: 10%;
}

.ranking_sec3 .lst .icon,
.ranking_sec3 .box .icon {
    font-weight: bold;
    background: url(../ranking/images/king.png) no-repeat left top;
    background-size: 100% auto;
    float: left;
    color: #ff6570;
    line-height: 1.2;
    width: 41px;
    text-align: center;
    height: 42px;
    padding-top: 19px;
    padding-left: 5px;
    font-size: 14px;
    margin-right: 5px;
}

.ranking_sec3 .box .icon span {
    font-size: 10px;
}

.ranking_sec3 .box .msg_txt {
    margin-top: 10px;
}

.ranking_sec3 .lst strong,
.ranking_sec3 .box h4 {
    display: block;
    font-size: 136%;
    padding-top: 10px;
}

.ranking_sec3 .box .msg_txt ul {
    margin-top: 12px;
}

.ranking_sec3 .box .msg_txt ul li {
    text-indent: -20px;
    margin-left: 20px;
}

.ranking_sec3 .box .msg_txt ul li span {
    color: #dcef7b;
}

.ranking_sec3 .box figure {
    float: right;
    width: 30%;
    padding-top: 15px;
}



/* Hoshi */

.hoshi_content {
    background: #fffdf0;
    margin-top: 8%;
    padding: 3%;
    font-family: "Yu Gothic";
    padding-top: 6%;
    padding-bottom: 6%;
}

.hoshi_content h4 {
    font-size: 21px;
    color: #fd9994;
    line-height: 1.3;
}

.hoshi_content dl {
    border: solid 1px #fff7cc;
    border-radius: 5px;
    font-family: "Meiryo";
    margin-top: 30px;
    &:nth-child(1);

    {
        margin-top: 0;
    }
}

.hoshi_content dl dt {
    background: url(../hoshi/images/ngb01.png) no-repeat bottom center #fff7cc;
    background-size: 100% auto;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 0 4px;
    padding-left: 25px;
    padding-right: 25px;
}

.hoshi_content dl dd {
    padding: 3%;
}



/* FAQ */

.linkFaq li {
    width: calc(50% - 7.5px);
    margin-top: 15px;
}

.linkFaq li:nth-child(1),
.linkFaq li:nth-child(2) {
    margin-top: 0;
}

.linkFaq li a {
    text-decoration: none;
    color: #000;
    text-align: center;
    display: block;
    padding-left: 18%;
    line-height: 1.3;
    padding-top: 8px;
    padding-bottom: 4px;
    background-color: #ffc0b3;
    background-repeat: no-repeat;
    background-position: -8px center;
}

.linkFaq li:nth-child(1) a {
    background-image: url(../faq/images/nIco01.png);
    background-size: 100% auto;
    border-bottom: solid 2px #f7a391;
    border-radius: 3px;
}

.linkFaq li:nth-child(2) a {
    background-image: url(../faq/images/nIco02.png);
    background-size: 100% auto;
    border-bottom: solid 2px #f7a391;
    border-radius: 3px;
}

.linkFaq li:nth-child(3) a {
    background-image: url(../faq/images/nIco03.png);
    background-size: 100% auto;
    border-bottom: solid 2px #f7a391;
    border-radius: 3px;
}

.linkFaq li:nth-child(4) a {
    background-image: url(../faq/images/nIco04.png);
    background-size: 100% auto;
    border-bottom: solid 2px #f7a391;
    border-radius: 3px;
}

.linkFaq li:nth-child(5) a {
    background-image: url(../faq/images/nIco05.png);
    background-size: 100% auto;
    border-bottom: solid 2px #f7a391;
    border-radius: 3px;
}



/* Pattem */

.linkPattem li {
    width: calc((100% - 30px)/3);
}

.linkPattem li a {
    text-decoration: none;
    color: #000;
    font-size: 107%;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px rgba(0, 0, 0, .3);
    display: block;
    line-height: 1.0;
    padding: 12px 0 8px;
    font-weight: bold;
}

.linkPattem li a.color01 {
    background: #bddc1f;
}

.linkPattem li a.color02 {
    background: #fdaa98;
}

.linkPattem li a.color03 {
    background: #a0dfda;
}

.linkPattem li a.color04 {
    background: #cdb4de;
}

.linkPattem li a.color05 {
    background: #fac96b;
}

.pattemTop {
    background: url(../pattern/images/bg02.png) no-repeat top center #fff6bf;
    background-size: 100% auto;
    border-radius: 5px;
}

.pattemTop .think {
    margin-left: 3%;
    margin-right: 30%;
    padding-top: 4%;
}

.pattemTop .think .flex_content {
    text-align: left;
}

.pattemTop .think .flex_content h2 {
    text-align: center;
    font-size: 130%;
    color: #fc716a;
    margin-top: 4%;
    margin-left: -6%;
    line-height: 1.3;
}

.pattemTop .think .flex_content ul {
    margin-left: 6%;
    margin-top: 2%;
    font-size: 93%;
    font-weight: bold;
    padding-right: 8%;
}

.pattemTop .think .flex_content ul li:first-child {
    margin-top: 0;
}

.pattemTop .think .flex_content ul li {
    margin-top: 2%;
    text-indent: -30%;
    margin-left: 30%;
}

.pattemTop .think .flex_content ul li span {
    background: url(../pattern/images/gach.png) no-repeat bottom center;
    background-size: 100% auto;
    width: 30%;
}

.pattemTop .flex_content {
    text-align: right;
}

.pattemTop .flex_content .wm {
    width: 100%;
    text-align: right;
}

.pattemTop .flex_content .wm img {
    width: 27%;
    padding-top: 3%;
}

.pattemTop .flex_content .wm_btm {
    background: url(../pattern/images/bg01.png) no-repeat top left #dcef7b;
    background-size: 100% auto;
    margin-left: 61%;
    text-align: left;
    font-size: 87%;
    padding: 3%;
    padding-top: 5%;
    padding-bottom: 3%;
}

.pattemTop .flex_content .wm_btm .text_id {
    text-indent: -12px;
    margin-left: 12px;
}

.pattemTop .xbtn {
    width: 43%;
    margin: 20px;
    margin-left: 9%;
    position: relative;
    z-index: 99;
}

.pattemContent {
    background: url(../pattern/images/bg04.png) #f7f4e9;
    background-size: 100% auto;
    margin-top: 8%;
    padding: 3%;
    padding-top: 8%;
    padding-bottom: 4%;
}

.pattemContent .topContent {
    align-items: flex-start;
    padding-top: 15%;
    position: relative;
}

.pattemContent .topContent .pTxt {
    width: 52%;
    margin-right: 2%;
    background: url(../pattern/images/bg03.png) top center;
    background-size: 110%;
    padding: 2%;
    border-radius: 10px;
    text-align: center;
}

.pattemContent .topContent .pImg {
    width: 46%;
    position: absolute;
    right: 0;
    top: -4%;
}

.pattemContent .btm {
    margin-top: 18%;
}

.pattemContent .btm li {
    background: url(../pattern/images/bg05.png) no-repeat top center;
    background-size: 100% 100%;
    padding: 10% 8%;
    padding-top: 12%;
    margin-top: 10%;
    position: relative;
    padding-bottom: 15%;
    font-size: 14px;
}

.pattemContent .btm li time {
    background: url(../pattern/images/line.png) repeat-x center bottom;
    background-size: 120% auto;
    padding-bottom: 1%;
    float: right;
    font-weight: bold;
    font-family: YuGothic, '游ゴシック', sans-serif;
    margin-top: 3%;
    font-size: 17px;
}

.pattemContent .btm li:before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    margin: 0 auto;
}

.pattemContent .btm li.boy:before {
    background: url(../pattern/images/duc.png);
    background-size: 100% auto;
}

.pattemContent .btm li.girl:before {
    background: url(../pattern/images/cai.png);
    background-size: 100% auto;
}

.pattemContent .btm li h2 {
    text-align: center;
    font-size: 136%;
    font-family: YuGothic, '游ゴシック', sans-serif;
    margin-bottom: 20px;
}

.pattemContent .btm li.boy h2 {
    color: #35b4d9;
}

.pattemContent .btm li.girl h2 {
    color: #ff6570;
}

.list_checkMate {
    position: relative;
    font-size: 93%;
    margin-top: 4%;
}

.mateTop {
    background: url(../material/images/nbg01.png) no-repeat top center, url(../material/images/nbg03.png) no-repeat bottom center, url(../material/images/nbg02.png) repeat-y center;
    background-size: 100%, 100%, 100%;
    margin-left: -5%;
    margin-right: -5%;
}

.mateTop .mateTopContent {
    padding: 0 8%;
    padding-top: 21%;
    padding-bottom: 14%;
}

.mateTop .mateTopContent ul {
    width: 48%;
}

.mateTop .mateTopContent ul li {}

.mateTop .mateTopContent ul li a {
    color: #000;
    background: url(../material/images/arrow2.png) no-repeat top 6px left;
    background-size: 10px auto;
    padding-left: 15px;
    display: block;
}

.mateFAQ {
    background: url(../material/images/nbg06.png) no-repeat top center, url(../material/images/nbg07.png) no-repeat bottom center #fff8f7;
    background-size: 100%, 100%;
    margin-top: 8%;
    padding-top: 10%;
    padding-bottom: 20%;
    padding-left: 3%;
    padding-right: 3%;
}

.mateFAQ dl {
    border-bottom: none !important;
}

.fuStaff01 {
    font-size: 135%;
    margin-bottom: 20px;
    color: #ff6570;
    font-family: Yu Gothic;
    background: #ffddd6;
    padding: 5px 10px;
    letter-spacing: -0.5px;
}

.fuStaff02 {
    font-size: 135%;
    margin-bottom: 20px;
    color: #ff6570;
    font-family: Yu Gothic;
    background: #f7f4e9;
    padding: 5px 10px;
    letter-spacing: -0.5px;
    display: block;
}

.fuStaff02 span {
    float: right;
    color: #000;
    font-weight: normal;
    font-size: 80%;
    padding-top: 1%;
    letter-spacing: -1px;
}

.color-pink {
    color: #ff6570;
}



/* 20170321 */

.dtMate_top {
    margin-left: -2%;
    margin-right: -2%;
    margin-top: 4%;
}

.dtMate_top .left {
    width: 40%;
}

.dtMate_top .left .flex_content {
    padding-left: 17%;
}

.dtMate_top .left .txt {
    margin-top: 9%;
    line-height: 1.3;
}

.dtMate_top .left .price {
    line-height: 1.3;
}

.dtMate_top .left .price span {
    font-size: 114%;
    color: #ff0000;
    font-weight: bold;
}

.dtMate_top .right {
    width: 57%;
    margin-top: 15px;
    position: relative;
}

.dtMate_top .right:before {
    content: "";
    background: url(../material/images/dt_flowe.png) no-repeat bottom center;
    background-size: 100% auto;
    width: 33%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: -3%;
}

.dtMate_top .right img {
    border: solid 2px #fcc9be;
}

.dtH201 {
    font-size: 22px;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.dtH201 img {
    height: 27px;
    margin-right: 10px;
}

.dtContent01 {
    background: #f7f4eb;
    margin-top: 4%;
    padding: 3%;
}

.dtContent01 .content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #ff6570;
    padding: 3%;
    font-size: 14px;
    /* background: #FFF; */
}

.dtContent01 .content p.bor {
    background: url(../material/images/mpl_bor.png) no-repeat bottom -50% center;
    background-size: 100% auto;
    letter-spacing: -0.5px;
    text-align: center;
}

.dtContent01 .content ul {
    margin-top: 3%;
}

.dtContent01 .content ul li {
    text-indent: -15px;
    margin-left: 15px;
}

.dtContent01 .content ul li span {
    color: #ff6772;
}

.dtH202 {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    color: #ff6772;
    position: relative;
}

.dtH202 span {
    position: relative;
    margin-right: 20px;
}

.dtH202:after {
    content: url(../material/images/dt_ico02.png);
    position: absolute;
    top: -3px;
}

.dtLink li {
    width: calc(50% - 5px);
    margin-top: 10px;
    -webkit-box-shadow: 0 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.dtLink li a {
    text-align: center;
    display: block;
    text-decoration: none;
    color: #000;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 107%;
    background: url(../material/images/dt_arr01.png) no-repeat right 3% center;
    background-size: 5% auto;
    padding: 10px 0;
    font-weight: bold;
    letter-spacing: -1px;
}

.dtLink li:nth-child(1),
.dtLink li:nth-child(2) {
    margin-top: 0;
}

.dtLink li:nth-child(1) {
    background: #dcef7b;
}

.dtLink li:nth-child(2) {
    background: #ffcdd1;
}

.dtLink li:nth-child(3) {
    background: #b4ede8;
}

.dtLink li:nth-child(4) {
    background: #cdb4de;
}

.dtLink li:nth-child(5) {
    background: #fdf3a0;
}

.dtLink li:nth-child(6) {
    background: #b9c9fc;
}

.dtContent02 dl {
    margin-top: 8%;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.dtContent02 dl:nth-child(1) dt {
    background: #dcef7b;
}

.dtContent02 dl:nth-child(2) dt {
    background: #ffcdd1;
}

.dtContent02 dl:nth-child(3) dt {
    background: #b4ede8;
}

.dtContent02 dl:nth-child(4) dt {
    background: #cdb4de;
}

.dtContent02 dl:nth-child(5) dt {
    background: #fdf3a0;
}

.dtContent02 dl:nth-child(6) dt {
    background: #b9c9fc;
}

.dtContent02 dl dt {
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    font-size: 19px;
}

.dtContent02 dl dd {
    margin-top: 4%;
}

.dtContent02 dl dd .img {
    border: solid 2px #fcc9be;
    width: 49%;
    margin-right: 3%;
    float: left;
}

.dtContent03 {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.dtContent03 dl {
    background: url(../material/images/dt_top.png) no-repeat top center, url(../material/images/dt_btm.png) no-repeat bottom center, url(../material/images/dt_ver.png) repeat-y top center;
    background-size: 100%, 100%, 100%;
    padding: 8%;
    font-size: 14px;
    margin-top: 4%;
}

.dtContent03 dl dt {
    font-size: 16px;
    text-align: center;
    border-bottom: solid 2px #d6f284;
    padding-bottom: 1%;
    font-weight: bold;
}

.dtContent03 dl dt span {
    color: #b5df3f;
}

.dtContent03 dl dd {
    margin-top: 4%;
    font-size: medium !important;
}

.dtContent04 {
    background: url(../material/images/dt_bg02.png) no-repeat bottom 10% center;
    background-size: 100% auto;
    margin-left: -3%;
    margin-right: -3%;
    margin-top: 8%;
}

.dtContent04 h3 {
    font-size: 16px;
    color: #ff6772;
    margin-left: 10%;
}

.dtContent04 h3 span {
    color: #000;
}

.dtContent04 .content {
    position: relative;
    padding-bottom: 19%;
}

.dtContent04 .content:before {
    content: "";
    background: url(../material/images/dt_ico03.png) no-repeat bottom center;
    background-size: 100% auto;
    position: absolute;
    width: 38%;
    height: 100%;
    bottom: 0;
    right: 5%;
}

.dtContent04 .content .flex_content {
    padding: 0 11%;
}

.dtContent04 .content .flex_content .txt {
    line-height: 1.3;
}

.dtContent04 .content .flex_content .price {
    color: #ff0000;
    font-weight: bold;
}

.dtContent05 .yellow {
    background: url(../material/images/dt_bg03.png) no-repeat bottom center #fdf3a0;
    background-size: 100% auto;
    border-radius: 5px;
    padding: 3%;
    margin-top: 5%;
    font-weight: bold;
    font-size: 14px;
}

.dtContent05 .yellow ul li {
    text-indent: -18px;
    margin-left: 18px;
    font-size: medium;
}

.dtContent05 .content {
    background-color: #fcfaf5;
    -webkit-box-shadow: 0 2px rgba(0, 0, 0, .13);
    -moz-box-shadow: 0 2px rgba(0, 0, 0, .13);
    box-shadow: 0 2px rgba(0, 0, 0, .13);
    padding: 4%;
    margin-top: 8%;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.dtContent05 .content .img {
    width: 42%;
    float: right;
    border: solid 2px #fcc9be;
    margin-left: 2%;
}

.dtContent05 .content .txt h3 {
    font-size: 17px;
    color: #fc716a;
}

.dtContent05 .content .txt h4 {
    font-size: 16px;
}

.dtContent05 .content .txt .ptxt {
    margin-top: 3%;
}

.dtContent05 .content .txt .price {
    margin-top: 1%;
}

.dtContent05 .content .txt .price span {
    font-size: 21px;
    color: #ff0000;
    font-weight: bold;
}

.dtContent05 .content .pBtn {
    text-align: center;
    margin-top: 4%;
}

.dtContent05 .content .pBtn img {
    width: 59%;
}

.pattern_detail .case {
    text-align: right;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 1%;
}

.pattern_detail .content {
    margin-top: 4%;
}

.pattern_detail .content .ximg {
    float: left;
    margin-right: 3%;
    width: 42%;
}

.staff_yellow {
    background-color: #fefbf0;
    padding: 5% 3%;
    margin-left: -3%;
    margin-right: -3%;
}




/* Regist */

.btn_submit {
    font-size: 100%;
    font-weight: bold;
    color: #2D2D2D;
    background-color: #d3e864;
    border: none;
    cursor: pointer;
    width: 260px;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 5px;
    padding: 3.5% 0;
}

.btn_submit.pink {
    background-color: #ffc0b3;
}

.step-jump {
    margin-top: 3%;
    text-align: center;
}

main table.tb_sp {}

main table.tb_sp tr th {
    padding: 2% 2%;
    text-align: left;
    vertical-align: middle;
    word-break: break-all;
    background-color: #dddddd;
    border: 1px solid #cccccc;
}

main table.tb_sp tr td {
    padding: 2% 2%;
    border: 1px solid #e0dfdf;
    background: #FFF;
    word-break: break-all;
}

.hidden {
    display: none !important;
}

.p_regist .step_cont li {
    width: 47%;
    text-align: center;
    background: #ffc1b5;
    border-radius: 5px;
    font-weight: bold;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 50px;
}

.p_regist .step_cont li.active {
    background: #cdeb70;
    color: #FFF;
}

.p_regist .step_cont li.skip {
    background-color: #F8F8F8;
    color: #cccccc;
}

.p_regist .step_cont li:nth-child(2) {
    width: 2.5%;
    background: none;
}

.p_regist .step_cont li:nth-child(2) img {
    width: 100%;
}

.p_regist .bg_regist {
    border: 5px solid #fad8d1;
    padding: 3%;
}

.p_regist .bg_regist h3 {
    position: relative;
    font-size: 129%;
    font-weight: bold;
    text-align: center;
}

.p_regist .bg_regist h3:before {
    position: absolute;
    background: #fc716a;
    content: "";
    width: 30%;
    height: 3px;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#error-disp p {
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    padding: 10px;
}

.tb_login tr th {
    border-bottom: 1px dotted #feb2a2;
    color: #fc716a;
    text-align: right;
    padding: 5px 0;
    width: 40%;
}

.tb_login tr td {
    border-bottom: 1px dotted #feb2a2;
    padding: 2% 0;
}

.tb_login tr td input {
    border: 1px solid #fad8d1;
    /* padding: 5px; */
}

.color-red {
    color: #ff0000;
}


main .tb_regist tr th {
    padding: 2% 0%;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px dotted #feb2a2;
    color: #fc716a;
}

main .tb_regist tr th .ninni {
    width: 8.5%;
    margin-right: 2%;
}

main .tb_regist tr th .hissu {
    width: 8.5%;
    margin-right: 2%;
}

main .tb_regist tr th .p_th {
    margin-top: 1%;
}

main .tb_regist tr td {
    padding: 2% 0%;
    vertical-align: middle;
    border-bottom: 1px dotted #feb2a2;
}

main .tb_regist tr td input,
main .tb_regist tr td select,
main .tb_regist tr td textarea {
    border: 1px solid #fad8d1;
}

.content_page {
    padding: 4% 2%;
    padding-top: 0;
}

.lst-price__items {
  margin-top: 30px;
  margin-bottom: 15px;
  padding: 10px;
  border: 5px solid #ebe7d7;
}
.lst-price__item {
  font-size: 120%;
  font-family: Arial, Helvetica, "Yu Gothic", "sans-serif";
  font-weight: bold;
  text-align: center;
}
.lst-price__item em {
  font-size: 150%;
  font-weight: bold;
  font-style: normal;
}
.lst-price__item:nth-of-type(1) em {
  color: #41bd64;
}
.lst-price__item:nth-of-type(2) em {
  color: #a372c5;
}
.lst-price__item strong {
  color: #111;
  font-size: 150%;
}

.course_sec1 {
  margin-top: 30px;
}

.course_sec1 h3 {
    background: url(../course/images/icon1.png) no-repeat left center;
    padding: 15px 0 15px 70px;
    font-family: YuGothic, '游ゴシック', sans-serif;
    font-size: 22px;
    float: left;
    letter-spacing: -2px;
}

.course_sec1 h3.icon2 {
    background: url(../course/images/icon2.png) no-repeat left center;
    padding: 18px 0 18px 70px;
    margin-top: 15px;
}

.course_sec1 .msg {
    margin-top: 5px;
}

.course_sec2 {
    margin-top: 30px;
    padding: 15px;
    background-color: #fff;
    border: 5px solid #ebe7d7;
}

.course_sec2 h4 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.course_sec2 h4 span {
    color: #fc716a;
}

.course_sec2 .msg {}

.course_sec2 .msg .txt {
    margin-top: 15px;
}

.course_sec2 .box2 {}

.course_sec2 .box2>div {}

.course_sec2 .box2>p {}

.course_sec2 .box2 h5 {
    margin-top: 20px;
    font-size: 16px;
    color: #fc716a;
    margin-bottom: 10px;
}

.course_sec2 .txt_in li {
    text-indent: -15px;
    margin-left: 15px;
}

.course_list li {
    font-weight: bold;
}

.course_list li span {
    color: #fc716a;
}

.course_sec3 {
    margin: 0 10%;
}

.course_sec3 .inner {
    margin-top: 20px;
}

.course_sec3 .inner .box1 {
    background-color: #a0dfda;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

.course_sec3 .inner .box1 h4 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.course_sec3 .inner .box1 h4 span {
    font-size: 30px;
}

.course_sec3 .inner .box1.bg2 {
    background-color: #cdb4de;
}

.course_sec3 .inner .box2 {
    border-radius: 0 0 5px 5px;
    border: 5px solid #e6e2c9;
    border-top: 0;
    padding: 20px;
    text-align: center;
}

.course_sec3 .inner .box2 .price {
    font-size: 25px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 15px;
}

.course_sec3 .inner .box2 .price span {
    font-size: 30px;
}

.course_sec4 {}

.course_sec4 ul li {
    margin-top: 50px;
    background: url(../course/images/icon3.png) no-repeat left 7px;
    padding-left: 20px;
}

.course_sec4 ul li h4 {
    font-size: 18px;
    margin-bottom: 10px;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.tit_h3,
.tit_h3_2 {
    margin: 30px 0 20px;
    font-family: "Yu Gothic";
    font-size: 18px;
    line-height: 1.5;
}

.tit_h3:after {
    content: "";
    display: block;
    width: 136px;
    margin: 5px 0 0;
    background: #fc716a;
    height: 3px;
}

.tit_h3_2:after {
    content: "";
    display: block;
    width: 136px;
    margin: 5px 0 0;
    background: #E3E9A7;
    height: 3px;
}

.img_cou {
    float: left;
    width: calc(100% - 140px);
}

.bnt_cou {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 120px;
}
.bnt_cou dt {
  font-weight: bold;
}
.bnt_cou dd {
  margin-top: 5px;
}
.btn-pink {
  display: inline-block;
  position: relative;
  padding: 1em 3em .9em;
  border-radius: 5px;
  font-family: YuGothic, '游ゴシック', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  border-bottom: 2px solid rgba(0,0,0,.30);
  background-color: #fcc9be;
  color: #000;
}
.btn-pink::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  width:  8px;
  height: 8px;
  border-top:   1px solid #666;
  border-right: 1px solid #666;
  transform: rotate(45deg);
}

.relative {
    position: relative;
}

.flow_sec2 {
    margin-top: 40px;
}

.flow_sec2 li {
    margin-top: 10px;
}

.flow_sec1 h3 {
    background-color: #eae5cf;
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.flow_sec1 .inner {
    padding: 20px;
    background-color: #f3f0e4;
    position: relative;
    z-index: 9;
}

.flow_sec1 .inner .box1:before {
    position: absolute;
    /*background: url(../flow/images/bg1.png);*/
    width: 22px;
    height: 30px;
    left: 20%;
    top: 100%;
    content: "";
}

.flow_sec1 .inner .box1:after {
    position: absolute;
    /*background: url(../flow/images/bg1.png);*/
    width: 22px;
    height: 30px;
    right: 20%;
    top: 100%;
    content: "";
}

.flow_sec1 .inner .box2:before,
.flow_sec1 .inner .box3:before {
    position: absolute;
    /*background: url(../flow/images/bg1.png);*/
    width: 22px;
    height: 30px;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    content: "";
}

.flow_sec1 .inner .box1 {
    position: relative;
    z-index: 999;
}

.flow_sec1 .inner .box1 li {
    background-color: #a0dfda;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
	margin-bottom: 10px;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.flow_sec1 .inner .box1 li h4 {
    font-size: 20px;
}

.flow_sec1 .inner .box2 {
    position: relative;
    z-index: 999;
	margin-bottom: 1px;
}
.flow_sec1 .inner .box2 .rec01{
    position: absolute;
    top: 21px;
    font-size: 22px;
    margin-left: 10px;
	color: grey;
}
.flow_sec1 .inner .sec02 {
	margin-top: 20px;
}
.flow_sec1 .inner .box2 h4 {
    font-family: YuGothic, '游ゴシック', sans-serif;
    font-size: 21px;
    background-color: #d3e864;
    text-align: center;
    padding: 19px 10px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.flow_sec1 .inner .box2 h4 span {
    display: inline-block;
    width: 220px;
    padding-left: 55px;
    -webkit-background-size: auto 100% !important;
    background-size: auto 100% !important;
    backface-visibility: hidden;
}

.flow_sec1 .inner .box2 h4 span.icon1 {
    background: url(../flow/images/icon1.png) no-repeat left center;
}

.flow_sec1 .inner .box2 h4 span.icon2 {
    background: url(../flow/images/icon2.png) no-repeat left center;
}

.flow_sec1 .inner .box2 h4 span.icon3 {
    background: url(../flow/images/icon3.png) no-repeat left center;
    padding-left: 40px;
}

.flow_sec1 .inner .box2 h4 span.icon4 {
    background: url(../flow/images/icon4.png) no-repeat left center;
    padding-left: 0px;

}

.flow_sec1 .inner .box2 h4 span.icon5 {
    background: url(../flow/images/icon5.png) no-repeat left center;
    padding-left: 0px;
}

.flow_sec1 .inner .box2 h4.bg2 {
    background-color: #a0dfda;
}

.flow_sec1 .inner .box2 .msg {
    background-color: #fff;
    padding: 20px;
	display: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.flow_sec1 .inner .box2 a {
    color: #333;
}

.flow_sec1 .inner .w420 {
    width: 48%;
    position: relative;
    z-index: 999;
}

.flow_sec1 .inner .box3 {
    background-color: #fcc9be;
    border-radius: 5px;
    padding: 20px;
    position: relative;
    z-index: 999;
}

.flow_sec1 .inner .box3 h4 {
    font-family: YuGothic, '游ゴシック', sans-serif;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.flow_sec1 .inner .box3 h4 span {
    background: url(../flow/images/icon6.png) no-repeat left center;
    padding-left: 55px;
}

.flow_sec2 {
    margin-top: 30px;
}

.p_flow {
    position: relative;
    z-index: 99;
}

header {
    position: relative;
    z-index: 99;
}

.bf_none:before {
    display: none;
}

.img_flow {
    text-align: center;
    margin-top: 30px;
    position: relative;
    z-index: 99;
}


.checklist_sec2 .box1 {
    position: relative;
}

.checklist_sec2 .box1 .txt {
    text-align: center;
    top: 0;
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
}

.checklist_sec2 .box1 .txt.t1 {
    top: 34px;
}

.checklist_sec2 .box1 .txt.t2 {
    top: 37px;
}

.checklist_sec2 .box1 .tt1 {
    margin-bottom: 15px;
}

.checklist_sec2 .box1 .tt1 .tt_txt {
    font-size: 18px;
    color: #ff6570;
    line-height: 1.3;
    margin-bottom: 15px;
    font-weight: bold;
    font-family: YuGothic, '游ゴシック', sans-serif;
    margin-bottom: -10%;
}

.checklist_sec2 .box1 .txt2 {
    font-size: 19px;
    color: #ff6570;
    font-weight: bold;
    font-family: YuGothic, '游ゴシック', sans-serif;
    position: absolute;
    top: 8%;
    left: 14%;
    width: 49%;
}

.checklist_sec2 .box1 .txt3 {
    color: #ff6570;
    font-weight: bold;
    font-family: YuGothic, '游ゴシック', sans-serif;
    position: absolute;
    top: 54%;
    left: 5%;
    width: 67%;
}

.checklist_sec2 .box1 .txt3 span {
    background: url(../checklist/images/line.png) repeat-x left bottom;
    padding: 0 5px 10px;
    font-weight: bold;
    color: #3c372e;
    line-height: 2;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.checklist_sec2 .box2 {
    font-family: "Meiryo", "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;
}

.checklist_sec2 .box2 dl {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.checklist_sec2 .box2 dt {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    padding-right: 5px;
}


.checklist_sec2 .box2 dd {
    overflow: hidden;
    color: #3c372e;
    font-weight: bold;
    font-size: 18px;
    font-family: YuGothic, '游ゴシック', sans-serif;
}

.checklist_sec2 .box3 {
    text-align: center;
    position: relative;
}

.checklist_sec2 .box3 p {
    position: absolute;
    top: 54px;
    left: 60px;
    letter-spacing: -2px;
    color: #ff4e45;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}

.checklist_sec2 .box4 {
    background: url(../checklist/images/banner1_1.png) no-repeat center top, url(../checklist/images/banner1_4.png) no-repeat center bottom, url(../checklist/images/banner1_3.png) repeat-y center;
    background-size: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    color: #3c372e;
    font-weight: bold;
    padding-top: 28px;
    padding-right: 36px;
    padding-bottom: 39px;
    padding-left:  36px;
}
.checklist_sec2 .box4 + .bnt_mizu {
    margin-top: 0;
}
.checklist_sec2 .box5 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.checklist_sec2 .box5 p {
  text-align: left;
}
.checklist_sec2 .box5 a {
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    width: 80%;
    margin-top: 20px;
    padding: .5em 1em;
    -webkit-box-shadow: 0px 2px #888888;
    border-radius: 5px;
    box-shadow: 0px 2px #888888;
    border: 1px solid #d3e864;
    background: #d3e864 url(../../mizusawa/images/icon1.png) no-repeat right 15px center;
    color: #3c372e;
    font-weight: bold;
    font-size: 24px;
    font-family: YuGothic, '游ゴシック', sans-serif;
    text-decoration: none;
}

#checklist .check_area #formEnd {
    text-align: center;
}

#checklist .check_area #formEnd input {
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}


#checklist .check_result {
    margin: 0 auto 30px;
    padding: 56px 0;
    background: #f7f5e9;
    position: relative;
}

#checklist .check_result::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin: 0 0 0 -45px;
    width: 0;
    height: 0;
    border-top: 30px solid #f7f5e9;
    border-right: 45px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 45px solid transparent;
}

#checklist .check_result h4 {
    position: relative;
    font-size: 24px;
    text-align: center;
}

x#checklist .check_result h4 span:after {
    position: absolute;
    background: #fc716a;
    content: "";
    width: 128px;
    height: 4px;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#checklist .check_result h4 span {
    position: relative;
    margin: 0 5px;
    padding-bottom: 5px;
    font-size: 32px;
    color: #ff6570;
    border-bottom: 4px solid #fc716a;
}

#checklist .check_result .inner {
    width: 980px;
    margin: 30px auto 0;
}

#checklist .check_result .inner .photo {
    margin: 0 20px 0 0;
    float: left;
}

#checklist .check_result .inner .photo img {
    width: 266px;
}

#checklist .check_result .inner .photo {
    margin: 0 20px 0 0;
    float: left;
}

#checklist .check_result .inner .txt_area {
    font-size: 16px;
    overflow: hidden;
    zoom: 1;
}

.check_suggested {
    margin-bottom: 30px;
}

.check_suggested h4 {
    margin: 0 auto 20px;
    font-size: 32px;
    text-align: center;
}

.check_suggested .inner {
    padding: 0 3%;
}

.check_suggested .inner .box01 {
    margin-bottom: 15px;
    padding: 15px;
    font-weight: bold;
    text-align: center;
    background: #e4f7f5;
    box-sizing: border-box;
}

.check_suggested .inner .box01 .photo {
    float: left;
    width: 50%;
    margin-right: 10px;
    text-align: center;
}

.check_suggested .inner .box01 .photo img {
    width: 100%;
}

.check_suggested .inner .box01 .txt_area {
    padding: 15px 5px;
    font-size: 16px;
    background: #FFFFFF;
    margin-bottom: 20px;
    border: 2px solid #a7e3de;
    border-radius: 10px;
    position: relative;
}

.check_suggested .inner .box01 .txt_area:before {
    content: "";
    width: 10px;
    height: 16px;
    transform: translateY(-50%) rotate(-90deg);
    position: absolute;
    right: 0;
    bottom: -21px;
    left: 0;
    margin: auto;
    background: url(../checklist/images/arr01.png) no-repeat;
}

.check_suggested .inner .box01 .t01 {
    margin: 15px auto 0;
    font-size: 14px;
    text-align: left;
}

.check_suggested .inner .box01 .t02 {
    margin: 5px auto 0;
    font-size: 14px;
    text-align: left;
}

.check_suggested .inner .box01 .t03 {
    margin: 5px auto 0;
    font-size: 12px;
    text-align: left;
}

.check_suggested .inner .box01 .t03 i {
    margin: 0 3px;
    font-size: 14px;
}

.check_suggested .inner .box01 .t03 input {
    vertical-align: sub;
}

.check_suggested .inner .box01 .price {
    margin: 10px auto 0;
    font-size: 14px;
    text-align: left;
}

.check_suggested .inner .box01 .price span {
    font-size: 20px;
    color: #ff6570;
}

.check_suggested .inner .box01 ul.btn01 {
    margin: 10px auto 0;
}

.check_suggested .inner .box01 ul.btn01 li.detail {
    width: 90px;
    float: left;
}

.check_suggested .inner .box01 ul.btn01 li.buy {
    width: 90px;
    float: right;
}

.check_suggested .inner .box01 ul.btn01 li a,
.check_suggested .inner .box01 ul.btn01 li input,
.check_suggested .cart input {
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}

.check_suggested .inner .box01 ul.btn01 li a:hover,
.check_suggested .inner .box01 ul.btn01 li input:hover,
.check_suggested .cart input:hover {
    margin-right: -5px;
}

.check_suggested .cart {
    margin: 15px auto 0;
    text-align: center;
}

.check_suggested .cart input {
    width: 100%;
}

#checklist ul.link {
    width: 1020px;
    margin: 60px auto 0;
}

#checklist ul.link li {
    width: 300px;
    margin: 0 20px;
    float: left;
}

.checklist_sec2 {
    margin-top: 30px;
}

.mg_t2 {
    margin: 0 -2%;
}

.ov_hide {
    overflow: hidden;
}

.c_bnt1 {
    background: url(../checklist/images/arr.png) no-repeat center right 10px #d3e864;
    background-size: 5px;
    border-radius: 10px;
    padding: 7px 0;
    margin-top: 10px;
    position: relative;
    margin: 10px 10%;
    border-bottom: 1px solid #9facab;
}

.c_bnt1 a {
    text-decoration: none;
    font-family: "游ゴシック medium", "yu gothic medium", "游ゴシック体", "yu gothic", "ヒラギノ角ゴシック pron", "hiragino kaku gothic pron", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;
    color: #3c372e;
    font-size: 15px;
}

.c_bnt1 a:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
}



.c_bnt2 {
    background: url(../checklist/images/arr.png) no-repeat center right 10px #fcc9be;
    background-size: 5px;
    border-radius: 10px;
    padding: 7px 0;
    margin-top: 10px;
    position: relative;
    margin: 10px 10%;
    border-bottom: 1px solid #9facab;
}

.c_bnt2 a {
    text-decoration: none;
    font-family: "游ゴシック medium", "yu gothic medium", "游ゴシック体", "yu gothic", "ヒラギノ角ゴシック pron", "hiragino kaku gothic pron", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;
    color: #3c372e;
    font-size: 15px;
}

.c_bnt2 a:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
}

.tb_info {
    width: 100%;
}

.tb_info tr td {
    vertical-align: middle;
    width: 50%;
}

.tb_info tr td:first-child {
    vertical-align: middle;
}

@media only screen and (max-width: 376px) {
    .checklist_sec2 .box1 .tt1 .tt_txt {
        font-size: 15px;
    }
}

.box_mizu {
    background: url(../mizusawa/images/br1.png) no-repeat center bottom, url(../mizusawa/images/br3.png) no-repeat center top, url(../mizusawa/images/br2.png) repeat-y center;
    padding: 7%;
    background-size: 100%;
}

.box_mizu h4 {
    font-size: 20px;
    color: #fc716a;
    margin-bottom: 15px;
}

.box_mizu h4 span {
    font-weight: normal;
    color: #3c372e;
}

.box_mizu p {
    width: 60%;
}

.box_mizu2 {
    padding: 3%;
    margin: 4% 0;
}

.tt2 {
    text-align: center;
    font-size: 21px;
    margin: 15px 0;
    margin-bottom: 5px;
    font-family: "游ゴシック medium", "yu gothic medium", "游ゴシック体", "yu gothic", "ヒラギノ角ゴシック pron", "hiragino kaku gothic pron", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;
}

.hoa {
    background: url(../mizusawa/images/box_1.png) no-repeat center top, url(../mizusawa/images/box_2.png) no-repeat center bottom, url(../mizusawa/images/box_3.png) repeat-y center;
    padding: 5% 4%;
    background-size: 100%;
    padding-top: 11%;
}

.bong {
    background: url(../mizusawa/images/br4.png) no-repeat center top, url(../mizusawa/images/br5.png) repeat-y center center;
    background-size: 100%;
    margin-left: -3%;
    padding: 30% 6% 4% 9%;
}

.vit {
    background: url(../mizusawa/images/br6.png) no-repeat center top, url(../mizusawa/images/br8.png) no-repeat center bottom, url(../mizusawa/images/br7.png) repeat-y center;
    background-size: 100%;
    padding: 15% 9% 20% 10%;
}

.vit h4 {
    font-size: 20px;
    color: #fc716a;
    margin-bottom: 15px;
    padding-left: 10%;
}

.vit h4 span {
    color: #3c372e;
}

.bnt_mizu li {
    margin-top: 10px;
}

.bnt_mizu {
    margin-top: 20px;
}

.btn_miz {
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    color: #aaaaec;
}

.dt_miz {
    display: none;
}

.font-medium {
    font-size: medium;
}

.f19 {
    font-size: 19px !important;
}

.b_mizu {
    margin-bottom: 30px;
}

.b_mizu dl {
    margin-bottom: 20px;
    background: #fff8f7;
}

.b_mizu dd {
    padding: 20px;
    padding-top: 0;
    display: none;
}

.b_mizu dt {
    background: url(../mizusawa/images/hoa.png) no-repeat center left 20px, url(../mizusawa/images/cong.png) no-repeat center right 20px;
    font-size: 18px;
    padding: 20px 60px;
    color: #fc716a;
    font-family: "游ゴシック medium", "yu gothic medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック pron", "hiragino kaku gothic pron", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    cursor: pointer;
}

.b_mizu dt.opened {
    background: url(../mizusawa/images/hoa.png) no-repeat center left 20px, url(../mizusawa/images/tru.png) no-repeat center right 20px;
}


@charset "UTF-8";
.t3g_cd .container {
    width: 93.75%;
    margin: auto;
    padding: 0;
}

.t3g_cd .sec1 {
    padding: 0% 0% 6.25% 0%;
}

.t3g_cd .sec1 .container {
    padding: 6.25% 0% 5.20833% 5.20833%;
    background: url(../mizusawa/images/br1.png) no-repeat center bottom, url(../mizusawa/images/br3.png) no-repeat center top, url(../mizusawa/images/br2.png) repeat-y center;
    background-size: 100%;
}

.t3g_cd .sec1 .container h3 {
    max-width: 300px;
}

.t3g_cd .sec1 .container .spc span {
    display: inline-block;
    height: 32px;
    font-size: 15px;
    color: #fff;
    line-height: 34px;
    border-radius: 32px;
    padding: 0% 3.33333% 0% 3.33333%;
}

.t3g_cd .sec1 .container .spc span:first-child {
    background: #ff7d9f;
    margin: 3.52941% 0% 0% 0%;
}

.t3g_cd .sec1 .container .spc span:last-child {
    background: #f4a720;
    position: relative;
    margin: 7.05882% 0% 0% 0%;
}

.t3g_cd .sec1 .container .spc span:last-child:before {
    content: "×";
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
    color: #000;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -100%;
}

@media only screen and (max-width: 375px) {
    .t3g_cd .sec1 .container .spc span:last-child:before {
        font-size: 25px;
        line-height: 25px;
        top: -70%;
    }
}

.t3g_cd .sec1 .container p {
    margin: 3.52941% 0% 0% 0%;
    font-size: 13.5px;
}

@media only screen and (max-width: 375px) {
    .t3g_cd .sec1 .container p {
        font-size: 12px;
        letter-spacing: -1px;
        margin: 3.52941% 24% 0% 0%;
    }
}

.t3g_cd .sec2 .container h3 {
    padding: 0% 0% 3.33333% 0%;
}

.t3g_cd .sec2 .container p {
    padding: 0% 0% 5.33333% 0%;
    letter-spacing: -0.5px;
}

.t3g_cd .sec2 .container p:last-child {
    font-size: 13px;
}

.t3g_cd .sec2 .container .t3g_cl1 {
    color: #ec0d20;
}

.t3g_cd .sec2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4.16667% 0% 7.29167% 0%;
}

.t3g_cd .sec2 ul li {
    display: inline-block;
}

.t3g_cd .sec2 ul li a {
    display: inline-block;
    color: #fc716a;
    font-size: 16px;
}

.t3g_cd .sec3 .item1,
.t3g_cd .sec3 .item2,
.t3g_cd .sec3 .item3,
.t3g_cd .sec3 .item4 {
    margin: 0% 0% 6.66667% 0%;
    background: #ffe7e3;
    border-top: 6px solid #ff9595;
    padding: 0% 0% 4.16667% 0%;
}

.t3g_cd .sec3 .item1 .img,
.t3g_cd .sec3 .item2 .img,
.t3g_cd .sec3 .item3 .img,
.t3g_cd .sec3 .item4 .img {
    width: 77.77778%;
    margin: auto;
    padding: 3.33333% 0% 3.33333% 0%;
}

.t3g_cd .sec3 .item1 .text,
.t3g_cd .sec3 .item2 .text,
.t3g_cd .sec3 .item3 .text,
.t3g_cd .sec3 .item4 .text {
    padding: 0% 3.33333% 0% 3.33333%;
}

.t3g_cd .sec3 .item1 .text p,
.t3g_cd .sec3 .item2 .text p,
.t3g_cd .sec3 .item3 .text p,
.t3g_cd .sec3 .item4 .text p {
    font-size: 14px;
    padding: 0% 0% 3.57143% 0%;
    line-height: 25px;
    height: 145px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.t3g_cd .sec3 .item1 .text .t3g_link,
.t3g_cd .sec3 .item2 .text .t3g_link,
.t3g_cd .sec3 .item3 .text .t3g_link,
.t3g_cd .sec3 .item4 .text .t3g_link {
    text-align: right;
    color: #ff6570;
}

.t3g_cd .sec3 .item1 .text .t3g_link a,
.t3g_cd .sec3 .item2 .text .t3g_link a,
.t3g_cd .sec3 .item3 .text .t3g_link a,
.t3g_cd .sec3 .item4 .text .t3g_link a {
    color: #ff6570;
    font-size: 16px;
}

.t3g_cd .sec3 .item2 {
    background: #ffeed5;
    border-top: 6px solid #ffbd52;
}

.t3g_cd .sec3 .item3 {
    background: #e4f4e3;
    border-top: 6px solid #6cd382;
}

.t3g_cd .sec3 .item4 {
    background: #f5e7f7;
    border-top: 6px solid #be7ed0;
}

.t3g_cd .sec3 .ht1 {
    width: 36.45833%;
    margin: auto;
    margin: 0;
}

.t3g_cd .sec3 .ht2 {
    width: 36.45833%;
    margin: auto;
    margin: 0;
}

.t3g_cd .sec3 .ht3 {
    width: 36.45833%;
    margin: auto;
    margin: 0;
}

.t3g_cd .sec3 .ht4 {
    width: 62.5%;
    margin: auto;
    margin: 0;
}

.t3g_cd .sec3>p {
    width: 87.5%;
    margin: auto;
    padding: 0% 0% 8.33333% 0%;
}

.t3g_cd .sec4 {
    width: 96.875%;
    margin: auto;
    background: url(../mizusawa/images/bg-mizusawa.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
}

.t3g_cd .sec4 .container {
    position: relative;
    width: 100%;
    padding: 5.37634% 3.22581% 5.37634% 3.22581%;
}

@media only screen and (max-width: 375px) {
    .t3g_cd .sec4 .container h3 {
        text-align: center;
    }
    .t3g_cd .sec4 .container h3 img {
        width: 80%;
    }
}

.t3g_cd .sec4 .container p {
    text-align: center;
    padding: 6.89655% 0% 0% 0%;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.9px;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 375px) {
    .t3g_cd .sec4 .container p {
        padding: 2.29885% 0% 0% 0%;
        font-size: 12px;
    }
}

.t3g_cd .sec4 .container p span {
    color: transparent;
}

.t3g_cd .sec4 .container .cls {
    display: none;
}

.t3g_cd .sec4 .container .t3g_link {
    text-align: right;
    margin: 4.5977% 0% 0% 0%;
    right: 0;
    color: #ff6570;
}

.t3g_cd .sec4 .container .t3g_link a {
    color: #ff6570;
}

.t3g_cd .sec4 .container .abs1 {
    position: absolute;
    width: 16.77778%;
    top: 10px;
    right: 0;
}

.t3g_cd .sec4 .container .abs2 {
    position: absolute;
    width: 27%;
    bottom: 0.15%;
    left: -1%;
    z-index: 0;
}

.t3g_cd .sec5 {
    padding: 6.25% 0% 0% 0%;
    width: 93.75%;
    margin: auto;
}

.t3g_cd .sec5 h3 {
    width: 77.77778%;
    margin: auto;
    padding: 0% 0% 4.44444% 0%;
}

.t3g_cd .sec5>p {
    text-align: center;
    padding: 5% 0% 0% 0%;
    font-size: 15px;
    letter-spacing: -0.5px;
}

.t3g_cd .sec5 .text {
    width: 100%;
    background-size: 100%;
    padding: 3.88889% 5.55556% 3.88889% 5.55556%;
    border: 1px dashed #ff717b;
    border-radius: 10px;
    position: relative;
}

.t3g_cd .sec5 .text p {
    text-align: justify;
    letter-spacing: -0.7px;
    font-size: 13px;
}

.t3g_cd .sec5 .text p:last-child {
    padding: 0% 0% 0% 16.66667%;
}

.t3g_cd .sec5 .text:before {
    content: "";
    position: absolute;
    top: -30px;
    right: -10px;
    width: 25.33333%;
    height: 150px;
    background: url("../mizusawa/images/bf1.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.t3g_cd .sec5 .text:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 5px;
    width: 17.11111%;
    height: 150px;
    background: url("../mizusawa/images/bf2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}