/* アキルール：
PC　　       SP
80px        60px
60px        40px
40px　      30px
30px        20px
20px        15px
15px        10px
10px        5px
*/

/* ==============================
margin-bottom Set
============================== */
#main #behavioral-articles .behavioral-mb80 {
    margin-bottom: 80px;
}
#main #behavioral-articles .behavioral-mb60 {
    margin-bottom: 60px;
}
#main #behavioral-articles .behavioral-mb40 {
    margin-bottom: 40px;
}
#main #behavioral-articles .behavioral-mb30 {
    margin-bottom: 30px;
}
#main #behavioral-articles .behavioral-mb20 {
    margin-bottom: 20px;
}
#main #behavioral-articles .behavioral-mb15 {
    margin-bottom: 15px;
}
#main #behavioral-articles .behavioral-mb10 {
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
#main #behavioral-articles .behavioral-mb80 {
    margin-bottom: 60px;
}
#main #behavioral-articles .behavioral-mb60 {
    margin-bottom: 40px;
}
#main #behavioral-articles .behavioral-mb40 {
    margin-bottom: 30px;
}
#main #behavioral-articles .behavioral-mb30 {
    margin-bottom: 20px;
}
#main #behavioral-articles .behavioral-mb20 {
    margin-bottom: 15px;
}
#main #behavioral-articles .behavioral-mb15 {
    margin-bottom: 10px;
}
}
/* ==============================
margin-top Set
============================== */
#main #behavioral-articles .behavioral-mt80 {
    margin-top: 80px;
}
#main #behavioral-articles .behavioral-mt60 {
    margin-top: 60px;
}
#main #behavioral-articles .behavioral-mt40 {
    margin-top: 40px;
}
#main #behavioral-articles .behavioral-mt30 {
    margin-top: 30px;
}
#main #behavioral-articles .behavioral-mt20 {
    margin-top: 20px;
}
#main #behavioral-articles .behavioral-mt15 {
    margin-top: 15px;
}
#main #behavioral-articles .behavioral-mt10 {
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
#main #behavioral-articles .behavioral-mt80 {
    margin-top: 60px;
}
#main #behavioral-articles .behavioral-mt60 {
    margin-top: 40px;
}
#main #behavioral-articles .behavioral-mt40 {
    margin-top: 30px;
}
#main #behavioral-articles .behavioral-mt30 {
    margin-top: 20px;
}
#main #behavioral-articles .behavioral-mt20 {
    margin-top: 15px;
}
#main #behavioral-articles .behavioral-mt15 {
    margin-top: 10px;
}
}
/* ==============================
font Set
============================== */
.behavioral-txt36 {
    font-size: 36px;
    line-height: 1.4;
}
.behavioral-txt28 {
    font-size: 28px;
    line-height: 1.4;
}
.behavioral-txt23 {
    font-size: 23px;
    line-height: 1.4;
}
.behavioral-txt18 {
    font-size: 18px;
    line-height: 1.4;
}
.behavioral-txt16 {
    font-size: 16px;
    line-height: 1.4;
}
.behavioral-txt14 {
    font-size: 14px;
    line-height: 1.4;
}
.behavioral-txt12 {
    font-size: 12px;
    line-height: 1.4;
}
@media screen and (max-width: 767px){
#main .behavioral-txt28 {
    font-size: 18px;
}
#main .behavioral-txt23 {
    font-size: 17px;
}
#main .behavioral-txt18 {
    font-size: 16px;
}
}
/* font reset */
#main #behavioral-articles h2 {
    margin: 0;
    padding: 0;
    background: none;
}
#main #behavioral-articles p {
    margin: 0;
}
/* font color */
.behavioral-txt_blue {
    color: #00B0F0;
    font-weight: bold;
}
/* font style */
.behavioral-italic {
    font-style: italic !important;
}
#main #behavioral-articles .behavioral-txt_r {
    text-align: right;
}
/* require-confirm */
#behavioral-articles .require-confirm {
    color: #000;
    text-decoration: underline;
}
/* ==============================
flex layout
============================== */
.behavioral-flex {
    display: flex;
}
.behavioral-flex_between {
    display: flex;
    justify-content: space-between;
}
.behavioral-flex_center {
    display: flex;
    align-items: center;
}
.behavioral-flex_between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.behavioral-flex_center-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 767px) {
.behavioral-sp-block {
    display: block;
}
}
/* ==============================
behavioral-head-img
============================== */
#main .behavioral-head-img img {
    max-width: 100%;
}
/* ==============================
background color
============================== */
.behavioral-bg_yellow {
    background: #fff9d8;
}
.behavioral-bg_blue {
    background: #dff7f4;
    padding: 20px;
    position: relative;
}
.behavioral-bg_blue:before {
    content: "";
    background: url(../images/img_paper.png);
    background-size: contain;
    display: inline-block;
    width: 15px;
    height: 15px;
    bottom: 0;
    right: 0;
    position: absolute;
}
@media screen and (max-width: 767px){
.behavioral-bg_blue {
    padding: 16px;
}
}
/* ==============================
behavioral-sub-title
============================== */
.behavioral-sub-title {
    border-bottom: 2px solid #00B0F0;
}
.behavioral-sub-title img {
    width: 40px;
    margin-right: 15px;
}
#main #behavioral-articles .behavioral-sub-title h2 {
    padding: 10px 0;
}
@media screen and (max-width: 767px){
.behavioral-sub-title img {
    width: 35px;
    margin-right: 10px;
}
}