@charset "UTF-8";

/* メインイメージ */
.contentpage .m_img_area .m_img::before{
	background-image: url("../images/mouthpiece/m_img@2x.jpg");
}


/* mou_box
---------------------------------------------------------*/
.mou_box{
    padding: 60px 4% 70px;
    border:3px solid #EC9176;
}
.mou_box .title{
    text-align: center;
    margin-bottom: 50px;
    font-size:190%;
    letter-spacing: 0.15em;
    line-height: 1.6em;
    color: #DF6749;
}
.mou_box .col2{
    max-width: 1052px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.mou_box .col2 > div{
    width: 48.5%;
    max-width: 490px;
}
.mou_box .col2 .inbox{
    margin-bottom: 50px;
}
.mou_box .col2 .inbox:last-of-type{
    margin-bottom: 0;
}
.mou_box .col2 .inbox dt{
    background: #C0AACE;
    color: #fff;
    font-size:130%;
    text-align: center;
    line-height: 1em;
    letter-spacing: 0.1em;
    padding: .6em;
    box-sizing: border-box;
    margin-bottom: 1em;    
}
.mou_box .col2 .inbox dd{
    font-size:105%;
    letter-spacing: 0.15em;
}
.mou_box .col2 .inbox dd .type_col2{
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.mou_box .col2 .inbox dd .type_col2 li{
    width: 48%;
}
.mou_box .col2 .inbox dd li{
    position: relative;
    padding-left: 1.3em;
    box-sizing: border-box;
    line-height: 1.6em;
    margin-bottom: .5em;
}
.mou_box .col2 .inbox dd li::before{
    position: absolute;
    display: block;
    content: "";
    background: #C0AACE;
    background-size: 100% auto;
    width: .85em;
    height: .85em;
    top: .3em;
    left: 0;
    border-radius: 100px;
}
.mou_box .col2 .col2_r .inbox dt,
.mou_box .col2 .col2_r .inbox dd li::before{
    background: #86A7CD;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.mou_box{
    padding: 4% 3% 5%;
}
.mou_box .title{
    margin-bottom: 3%;
    font-size:160%;
}

.mou_box .col2 .inbox{
    margin-bottom: 8%;
}
.mou_box .col2 .inbox dt{
    font-size:110%;
    padding: .5em .5em .4em;
    margin-bottom: .8em;    
}
.mou_box .col2 .inbox dd{
    font-size:100%;
    letter-spacing:normal;
}
.mou_box .col2 .inbox dd li{
    padding-left: 1.2em;
    letter-spacing: normal;
    margin-bottom: .5em;
}
.mou_box .col2 .inbox dd li::before{
    width: .85em;
    height: .85em;
    top: .3em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.mou_box{
    padding: 6% 4% 6%;
}
.mou_box .title{
    margin-bottom: 4%;
    font-size:140%;
    line-height: 1.5em;
    letter-spacing: normal;
}
.mou_box .title div{
    margin: 0 auto .1em;
}
.mou_box .col2{
    display: block;
}
.mou_box .col2 > div{
    width: 100%;
    max-width: 100%;
}
.mou_box .col2 .col2_l .inbox,
.mou_box .col2 .inbox{
    margin-bottom: 8%!important;
}
.mou_box .col2 .col2_r .inbox:last-of-type{
    margin-bottom: 0!important;
}
.mou_box .col2 .inbox dt{
    font-size:110%;
    padding: .6em 1em .5em;
    margin-bottom: .8em;    
}
.mou_box .col2 .inbox dd{
    font-size:100%;
    letter-spacing: normal;
}
}