#main figure,
#main picture {
    display: block;
}

#main h2 {
    font-size: 20px;
}

#main h3 {
    font-size: 17px;
}

#main p {
    font-size: 14px;
}
#main{
    line-height: 2;
}

#in_top {
    background-size: cover;
    position: relative;
}

#in_top_wrapper {
    height: 30vh;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

#in_top_wrapper h1 {
    position: absolute;
    z-index: 2;
    margin: 0 20px;
    max-width: 700px;
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

#in_top_bmibh {
    opacity: 0.5;
}

#in_top_wrapper img {
    width: 100%;
}

#in_series_inner,
#in_series_logo {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-direction: row;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

#in_series_inner > div {
    width: 25%;
    padding: 20px 15px 0 15px;
}

#in_series_logo {
    padding-bottom: 30px;
}

#in_series_logo > div {
    width: 25%;
    margin: 0 10px;
}

#in_series_inner img,
#in_series_logo img {
    width: 100%;
}

#in_series_inner div:hover {
    filter: drop-shadow(3px 3px 30px rgba(255, 255, 255, 0.6));
}

#in_concept {
    margin: 50px auto;
    text-align: center;
}

/*ヒトデ↓*/
picture[id^="hitode"] {
    margin: 25px;
    text-align: center;
    display: block;
}

picture[id^="hitode"] img {
    width: 10%;
    max-width: 70px;
}

/*ヒトデ↑*/
/*コンセプト*/
div[id$="concept"] p {
    text-align: center;
}

#in_pro {
    margin: 50px auto;
    text-align: center;
}

#in_pro h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#in_pro_text {}

#in_pro_img {
    min-height: 300px;
    background-size: cover;
    background-position: center;
}

#in_pro #in_nayami {}

#in_nayami,
#in_nayami_1 div,
#in_nayami_3 div {
    display: inline-block;
}

#in_pro #in_nayami_2 {
    margin: 0 auto;
}

#in_pro #in_nayami_1 div,
#in_pro #in_nayami_2,
#in_pro #in_nayami_3 div {
    border: solid 2px #120F68;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    margin: 10px;
}

#in_pro #in_nayami_1 div span,
#in_pro #in_nayami_2 span,
#in_pro #in_nayami_3 div span {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    text-align: center;
    line-height: normal;
    font-size: 12px;
    color: #120F68;
}

#in_pro #in_nayami_2 {
    margin: 0 auto;
}

#in_pro_text_2 {
    margin-top: 50px;
}

#in_pro div {}

#in_pro div p {}

span[id*="text_br"] {
    display: block;
}

#in_about {
    margin: 50px auto;
    text-align: center;
}

#in_about h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#in_about div {}

#in_ab_1 {}

#in_ab_1 img {
    width: 100%;
    max-width: 1000px;
}

#in_ab_2,
#in_ab_4 {
    margin: 50px 20px;
}

#in_ab_2 #in_ab_2_media {
    max-width: 300px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    flex-direction: column;
}

#in_ab_2 #in_ab_2_media dt {
    font-size: 12px;
    float: left;
    width: 25%;
}

#in_ab_2 dd {
    font-size: 10px;
    float: right;
    width: 75%;
}

#in_ab_2 p {
    clear: both;
}

#in_about #in_ab_3 img,
#in_ab_5 img {
    width: 100%;
    max-width: 1000px;
}

.in_max {
    max-width: 950px;
    margin: 0 auto;
}

#in_point div {
    margin: 0;
}

#in_point_title {
    background-color: #120F68;
    padding-top: 50px;
    padding-bottom: 50px;
}

#in_point p,
#in_point h2 {
    text-align: center;
    color: #fff;
}

#in_point_1 img {
    max-width: 950px;
}

#in_point_2 img,
#in_point_3 img,
#in_point_4 img {
    max-width: 950px;
    width: 90%;
    margin: 20px auto;
}

#in_point_1,
#in_point_2,
#in_point_3,
#in_point_4 {
    text-align: center;
}

#in_media {
    margin: 50px auto;
    text-align: center;
}

#in_media h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#in_media p {
    text-align: center;
    margin-top: 50px;
}

#in_media video {
     max-width: 1000px;
    margin: 50px auto;
}

footer {
    font-size: 14px;
    background-color: #F3F3F3;
    padding-top: 40px;
    text-align: center;
}

footer .SNS {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

footer .SNS > div {
    width: 50px;
    margin: 20px;
}

footer .SNS img {
    max-width: 100%;
}

/*sp_shampooここから*/
#sp_text_br_2 {
    color: #fff;
}

#sp_top {
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#sp_top_wrapper {
    position: absolute;
    z-index: 2;
    max-width: 90%;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

div[id^="sp_top_text"] {
    width: 100%;
}

#sp_top_text1 img,
#sp_top_text3 img {
    width: 100%;
}

#sp_top_text2 {
    text-align: right;
}

#sp_top_bmibh {
    opacity: 0.5;
    position: relative;
    max-width: 800px;
}

#sp_top_bmibh img {
    width: 100%;
}

#sp_top_bottle {
    text-align: center;
}

#sp_top_bottle img {
    width: 30%;
}

#sp_merit h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sp_merit_1,
#sp_merit_2 {
    width: 60%;
    margin: 20px auto;
}

#sp_merit_1 img,
#sp_merit_2 img {
    width: 100%;
}

#sp_merit_bg {
    padding: 10px 20px;
    background-size: cover;
}

#sp_block_1,
#sp_block_2 {
    border-radius: 8px;
    /*角の丸み*/
    box-shadow: 0px 0px 5px silver;
    /*5px=影の広がり具合*/
    padding: 0.5em 0.5em 0.5em 2em;
    margin: 20px 0;
}

#sp_merit ol li {
    font-size: 90%;
    list-style-type: decimal;
}

.arrow {
    width: 0px;
    border-color: #120F68;
    border-style: solid;
    border-width: 10px;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    margin-top: 10px;
    display: inline-block;
}

#sp_me_center {
    text-align: center;
}

#sp_merit h3 {
    text-align: center;
    margin: 5% auto;
    font-family:
        "M PLUS 1p", sans-serif;
    padding: 50px 20px;
    border-top: 5px double #555;
    border-bottom: 5px double #555;
    display: inline-block;
    line-height: 2;
}

#sp_me_nayami {
    text-align: center;
    margin: 5% auto;
    width: 75%;
}

#sp_me_nayami p:nth-of-type(even) {
    text-align: left;
}

#sp_me_nayami p:nth-of-type(odd) {
    text-align: right;
}

#sp_me_nayami p {
    transform: rotate(-10deg);
}

#sp_me_messege {
    text-align: center;
    width: 90%;
    margin: 70px auto;
}

#sp_me_messege p {
    letter-spacing: 1px;
    line-height: 2;
    font-size: 1.2em;
}

#sp_me_messege div {
    width: 90%;
    max-width: 400px;
    margin: 20px auto;
}

#sp_me_messege img {
    width: 100%;
}

.sp_dot-text {
    padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.25em .3em;
    background-image: radial-gradient(.15em .15em at center center, pink, pink 100%, transparent);
}

#sp_seibun h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sp_seibun {
    text-align: center;
}

#sp_seibun > p {
    margin: 20px 13px;
}

#sp_seibun_wrap {
    position: relative;
}

#sp_seibun article {
    /*    width: 95%;*/
    margin: 50px auto;
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 5px silver;
    border-radius: 50%;
    padding: 40px;
}

#sp_seibun article h3 {
    margin-bottom: 5px;
    font-family:
        "M PLUS 1p", sans-serif;
}

#sp_seibun article p {
    font-size: .9em;
    color: #555;
}

#sp_se_kaori {
    width: 70%;
    max-width: 400px;
}

#sp_se_kaori img {
    width: 100%;
}

#sp_seibun div[class^="sp_se_awa"] img {
    width: 100%;
}

div[class^="sp_se_awa"] {
    position: absolute;
    z-index: 1;
}

.sp_se_awa-1 {
    width: 140px;
    top: 50px;
    right: 0;
    opacity: 0.3;
}

.sp_se_awa-2 {
    width: 20%;
    opacity: 0.5;
    top: -50px;
    left: 30px;
}

.sp_se_awa-3 {
    width: 170px;
    top: 15%;
    left: 50px;
    opacity: 0.9;
    transform: rotate(30deg);
}

.sp_se_awa-4 {
    width: 40%;
    max-width: 500px;
    top: 35%;
    right: 40px;
    opacity: .9;
    transform: rotate(100deg);
}

.sp_se_awa-5 {
    width: 50%;
    max-width: 380px;
    bottom: 10%;
    left: 50px;
    opacity: .7;
    transform: rotate(30deg);
}

.sp_se_awa-6 {
    width: 30%;
    max-width: 150px;
    bottom: 20%;
    right: 30px;
    opacity: .5;
    transform: rotate(60deg);
}

.sp_se_awa-7 {
    width: 50%;
    max-width: 150px;
    bottom: -50px;
    left: 80px;
    opacity: .5;
    transform: rotate(20deg);
}

.sp_se_awa-8 {
    width: 30%;
    max-width: 400px;
    bottom: -60px;
    right: 50px;
    opacity: .3;
    transform: rotate(80deg);
}

#sp_detail h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sp_detail .sp_detail_bg {
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vw;
    display: flex;
    align-items: center;
}

#sp_detail .sp_detail_title {
    width: 50%;
    margin-left: 30px;
}

#sp_detail .sp_detail_title img {
    width: 100%;
}

#sp_detail .sp_detail_hitode {
    display: block;
    text-align: center;
    margin: 20px;
}

#sp_detail .sp_detail_hitode img {
    width: 10%;
    max-width: 100px;
}

#sp_detail .sp_detail_box {
    border: 5px solid #120F68;
    margin: 40px 30px;
}

#sp_detail .sp_detail_box p {
    margin: 30px;
}

#sp_detail-pc {
    display: none;
}

#sp_detail-pc h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sp_detail-pc .sp_detail_bg {
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
    background-position: center;
    max-width: 1000px;
    min-height: 600px;
    margin: 0 auto;
}

#sp_detail-pc .sp_detail_title {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 2%;
    width: 50%;
}

#sp_detail-pc .sp_detail_title img {
    width: 100%;
}

#sp_detail-pc .sp_detail_hitode {
    display: block;
    text-align: center;
    margin: 20px;
}

#sp_detail-pc .sp_detail_hitode img {
    width: 10%;
    max-width: 100px;
}

#sp_detail-pc .sp_detail_box {
    background-color: rgba(255, 255, 255, 0.4);
    border: 5px solid #120F68;
    margin: 40px 10%;
    flex: 0 0 350px;
}

#sp_detail-pc .sp_detail_box p {
    margin: 15px 30px;
}

#sp_add {
    margin-top: 100px;
}

.sp_add_bg {
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vw;
    display: flex;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
}

.sp_add_box {
    border: 5px solid #120F68;
    margin: 40px 30px;
    /*    line-height: 2;*/
    font-size: 14px;
}

.sp_add_box picture {
    text-align: center;
    margin: 20px auto;
    max-width: 400px;
    display: block;
    padding: 20px 10px;

}

.sp_add_box img {
    width: 100%;
}

.sp_add_box ol {
    margin: 15px 30px;
}

.sp_add_box p {
    text-align: center;
    margin: 20px 10px;
}

.sp_add_kaori {
    width: 70%;
    max-width: 400px;
    margin-top: -20px;
    margin-left: auto;
}

.sp_add_kaori img {
    width: 100%;
}

#sp_add-pc {
    margin-top: 100px;
    display: none;
}

#sp_add-pc .sp_add_bg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#sp_add-pc .sp_add_box {
    background-color: rgba(255, 255, 255, 0.4);
    margin: 40px 30px;
    flex: 0 0 350px;
}


#sp_howtouse h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sp_howtouse div {
    margin: 50px auto;
    text-align: center;
}

#sp_howtouse video {
    max-width: 1000px;
    margin: 50px auto;
}

#sp_about {
    text-align: center;
}

#sp_about h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sp_ab_1 img {
    width: 100%;
    max-width: 1000px;
}

#sp_ab_2,
#sp_ab_4 {
    margin: 50px 20px;
}

#sp_ab_2 #sp_ab_2_media {
    max-width: 300px;
    margin: 20px auto;
    text-align: left;
    display: flex;
    flex-direction: column;
}

#sp_ab_2 #sp_ab_2_media dt {
    font-size: 12px;
    float: left;
    width: 25%;
}

#sp_ab_2 dd {
    font-size: 10px;
    float: right;
    width: 75%;
}

#sp_ab_2 p {
    clear: both;
    font-size: 14px;
}

#sp_about #sp_ab_3 {}

#sp_about #sp_ab_3 img,
#sp_ab_5 img {
    width: 100%;
    max-width: 1000px;
}

.in_max {
    max-width: 950px;
    margin: 0 auto;
}

#users_voice h2{
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}
#users_voice article{
    width: 80%;
    margin: 30px auto;
    border: .5px solid #ccc;
    border-radius: 20px;
    box-shadow: 0px 3px 3px #ccc;
    padding: 2em 1.5em;
}
#users_voice .sedai{
    font-size: .8em;
    text-align: right;
}



#sp_series {
    background-size: cover;
    position: relative;
}

#sp_series h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#sp_series_inner,
#sp_series_logo {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: row;
    max-width: 1000px;
    margin: 0 auto;
}

#sp_series_logo {
    padding-bottom: 30px;
}

#sp_series_inner > div {
    width: 25%;
    padding: 20px 15px 0 15px;
}

#sp_series_logo > div {
    width: 25%;
    margin: 0 10px;
}

#sp_series_logo img {
    width: 100%;
}

#sp_series_inner div:hover {
    filter: drop-shadow(3px 3px 30px rgba(255, 255, 255, 0.6));
}

#sp_se_click {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.2em;
}

#sp_series_inner img {
    width: 100%;
    max-width: 150px;
}

/*sp_shampooここまで*/

/*amino_shampooここから*/
#am_top {
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#am_top_wrapper {
    position: absolute;
    z-index: 2;
    max-width: 90%;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

div[id^="am_top_text"] {
    width: 100%;
}

#am_top_text1 {
    width: 60%;
    max-width: 400px;
    transform: rotate(-20deg);
    margin-left: -30px;
}

#am_top_text1 img,
#am_top_text2 img {
    width: 100%;
}

#am_top_bmibh {
    opacity: 0.5;
    position: relative;
    max-width: 800px;
}

#am_top_bmibh img {
    width: 100%;
}

#am_top_bottle {
    text-align: center;
}

#am_top_bottle img {
    width: 30%;
}

#am_concept p {
    margin: 20px auto;
    text-align: center;
}

#am_why h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#am_wh_text,
#am_wh_text-2,
#am_wh_text-3 {
    text-align: center;
    margin: 50px auto;
    line-height: 2;
}

#am_wh_text-2 p,
#am_wh_text-3 {
    font-size: 16px;
}

#am_wh_img {
    min-height: 300px;
    background-size: cover;
    background-position: center;
}

.bold {
    font-weight: bold;
    color: #fff;
    text-shadow: black 0 0 3px, pink 0 0 6px;
}

.am_dot-text {
    padding-top: .6em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.25em .3em;
    background-image: radial-gradient(.15em .15em at center center, pink, pink 100%, transparent);
    font-size: 20px;
}

#am_seibun h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#am_seibun {
    text-align: center;
}

#am_seibun > p {
    margin: 20px 13px;
}

#am_seibun_wrap {
    position: relative;
}

#am_seibun_wrap article {
    /*    width: 95%;*/

    margin: 50px auto;
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 5px silver;
    border-radius: 50%;
    padding: 40px;
}

#am_seibun article h3 {
    margin-bottom: 5px;
    font-family:
        "M PLUS 1p", sans-serif;
}

#am_seibun article p {
    font-size: .9em;
    color: #555;
}

#am_se_kaori {
    width: 70%;
    max-width: 400px;
}

#am_se_kaori img {
    width: 100%;
}

#am_seibun div[class^="am_se_awa"] img {
    width: 100%;
}

div[class^="am_se_awa"] {
    position: absolute;
    z-index: 1;
}


#am_se_amino_left {
    margin-bottom: 30px;
}

.am_se_amino_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.am_se_amino_flex div {
    border: solid 2px #120F68;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    margin: 3px;
}

.am_se_amino_flex span {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    text-align: center;
    line-height: normal;
    font-size: 12px;
    color: #120F68;
}

#am_se_ect {
    width: 85%;
    max-width: 430px;
    margin: 0 auto;
}

#am_se_ect_bg {
    display: none;
}

.balloon {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 15px;
    border: #fff0c6 solid 3px;
    border-radius: 30px;
}

.balloon:before {
    content: "";
    position: absolute;
    left: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    border: #fff0c6 solid 3px;
    border-radius: 50%;
}

.balloon:after {
    content: "";
    position: absolute;
    left: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    border: #fff0c6 solid 3px;
    border-radius: 50%;
}

.balloon p {
    margin: 0;
    padding: 0;
}

#am_se_amino,
#am_se_ect {
    display: inline-block;
    position: relative;
    margin: 50px auto;
}

#am_se_amino:before,
#am_se_ect:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -50px;
    /*下線の上下位置調整*/
    display: inline-block;
    width: 50px;
    /*下線の幅*/
    height: 2px;
    /*下線の太さ*/
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    /*位置調整*/
    background-color: #aaa;
    /*下線の色*/
}

#am_se_free ul {
    text-align: left;
    max-width: 200px;
    margin: 0 auto;
}

.am_se_awa-1 {
    width: 140px;
    top: 50px;
    right: 0;
    opacity: 0.3;
}

.am_se_awa-2 {
    width: 20%;
    opacity: 0.5;
    top: -50px;
    left: 30px;
}

.am_se_awa-3 {
    width: 170px;
    top: 15%;
    left: 50px;
    opacity: 0.9;
    transform: rotate(30deg);
}

.am_se_awa-4 {
    width: 40%;
    max-width: 500px;
    top: 35%;
    right: 40px;
    opacity: .9;
    transform: rotate(100deg);
}

.am_se_awa-5 {
    width: 50%;
    max-width: 380px;
    bottom: 10%;
    left: 50px;
    opacity: .7;
    transform: rotate(30deg);
}

.am_se_awa-6 {
    width: 30%;
    max-width: 150px;
    bottom: 20%;
    right: 30px;
    opacity: .5;
    transform: rotate(60deg);
}

.am_se_awa-7 {
    width: 50%;
    max-width: 150px;
    bottom: -50px;
    left: 80px;
    opacity: .5;
    transform: rotate(20deg);
}

.am_se_awa-8 {
    width: 30%;
    max-width: 400px;
    bottom: -60px;
    right: 50px;
    opacity: .3;
    transform: rotate(80deg);
}

#am_detail h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#am_detail .am_detail_bg {
    background-size: cover;
    background-repeat: no-repeat;
    height: 70vw;
    display: flex;
    align-items: center;
    width: 100%;
}

.am_white {
    position: relative;
    background-color: rgba(225, 225, 225, 0.8);
    width: 45%;
    height: 100%;
}

/*コンディショナーここだけ*/
#am_detail .am_detail_bg_cond {
    background-size: cover;
    background-repeat: no-repeat;
    height: 70vw;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.am_white_cond {
    position: absolute;
    background-color: rgba(225, 225, 225, 0.8);
    width: 45%;
    height: 100%;
    top: 0;
    right: 0;
}

/*コンディショナーここまで*/

#am_detail .am_detail_title {
    position: absolute;
    top: 50%;
    margin: 0 10px;
}

#am_detail .am_detail_title img {
    width: 100%;
}

#am_detail .am_detail_hitode {
    display: block;
    text-align: center;
    margin: 20px;
}

#am_detail .am_detail_hitode img {
    width: 10%;
    max-width: 100px;
}

#am_detail .am_detail_box {
    border: 5px solid #120F68;
    margin: 40px 30px;
}

#am_detail .am_detail_box p {
    margin: 30px;
}

#am_detail-pc {
    display: none;
}

#am_detail-pc h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}
#am_detail-pc .am_detail_bg {
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
    background-position: center;
    max-width: 1000px;
    min-height: 600px;
    margin: 0 auto;
}
#am_detail-pc .am_detail_bg_cond {
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*  ↑  コンディショナー対応*/
    position: relative;
    background-position: center;
    max-width: 1000px;
    min-height: 600px;
    margin: 0 auto;
}

#am_detail-pc .am_detail_title {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 2%;
    width: 50%;
}

#am_detail-pc .am_detail_title img {
    width: 100%;
}

#am_detail-pc .am_detail_hitode {
    display: block;
    text-align: center;
    margin: 10px;
}

#am_detail-pc .am_detail_hitode img {
    width: 10%;
    max-width: 100px;
}

#am_detail-pc .am_detail_box {
    background-color: rgba(255, 255, 255, 0.4);
    border: 5px solid #120F68;
    margin: 40px 10%;
    flex: 0 0 330px;
}

#am_detail-pc .am_detail_box p {
    margin: 30px 30px;
    line-height: 2;
}

#am_howtouse h2 {
    background-color: #120F68;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

#am_howtouse div {
    margin: 50px auto;
    text-align: center;
}

#am_howtouse video {
    max-width: 1000px;
    margin: 50px auto;
}

/*aminoここまで*/

/*------------メディアクエリここから--------------*/

@media(min-width:768px) {
    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }

    #in_top {
        background-attachment: fixed;
    }

    #in_top_wrapper {
        height: 60vh;
    }

    #in_top_wrapper {
        height: 100vh;
    }

    #in_series_inner,
    #in_series_logo {
        justify-content: space-around;
    }

    #in_series_inner > div {
        padding: 20px;
        max-width: 150px;
    }

    #in_pro_flex {
        display: flex;
    }

    #in_pro_img {
        flex: 1;

    }

    #in_pro_text {
        flex: 1;
    }

    /*    sp_shampooここから*/
    span[id*="text_br"] {
        display: inline;
        color: inherit;
    }

    #sp_top_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70%;
        max-width: 1000px;
    }

    #sp_top_text {
        flex: 1 0 60%;
        max-width: 400px;
        margin-left: 5%;
    }

    #sp_top_bottle {
        flex: 1 0 40%;
        margin-left: 5%;
    }

    #sp_top_bottle img {
        width: 60%;
        max-width: 100px;
    }

    #sp_flex {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        max-width: 1000px;
        margin: 0 auto;
    }

    #sp_block_1,
    #sp_block_2 {
        flex: 1 0 300px;
        margin: 30px;
        max-width: 300px;
    }

    #sp_me_nayami {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }

    #sp_me_nayami p {
        text-align: inherit;
    }

    #sp_seibun article {
        max-width: 430px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #sp_seibun article:nth-of-type(odd) {
        float: left;
        margin-left: 30px;
    }

    #sp_seibun article:nth-of-type(even) {
        float: right;
        margin-right: 30px;
    }

    /* micro clearfx */
    .sp_cf:before,
    .sp_cf:after {
        content: "";
        display: table;
    }

    .sp_cf:after {
        clear: both;
    }

    .sp_cf {
        zoom: 1;
        /* For IE 6/7 */
        max-width: 85%;
        margin: 0 auto;
    }

    #sp_detail {
        display: none;
    }

    #sp_detail-pc {
        display: block;
    }

    #sp_add {
        display: none;
    }

    #sp_add-pc {
        display: block;

    }

    .sp_add_box {
        font-size: 16px;
    }

    .sp_add_box ol {
        margin: 15px 30px;
        text-align: right;
    }

    #sp_series_inner,
    #sp_series_logo {
        justify-content: space-around;
    }

    #sp_series_inner > div {
        padding: 20px;
        max-width: 150px;
    }

    /*am_shampooここから*/
    span[id*="text_br"] {
        display: inline;
        color: inherit;
    }

    #am_top_wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70%;
        max-width: 1000px;
    }

    #am_top_text {
        flex: 1 0 60%;
        max-width: 400px;
        margin-left: 5%;
    }

    #am_top_bottle {
        flex: 1 0 40%;
        margin-left: 5%;
    }

    #am_top_bottle img {
        width: 60%;
        max-width: 100px;
    }

    #am_wh_flex {
        display: flex;
    }

    #am_wh_img {
        flex: 1;
    }

    #am_why_text-2 {
        flex: 1;
    }

    #am_wh_text-2 p,
    #am_wh_text-3 {
        font-size: 18px;
    }

    .am_dot-text {
        font-size: 22px;
    }

    #am_se_amino {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 900px;
    }

    #am_se_ect {
        display: flex;
        justify-content: space-between;
        max-width: 900px;
        width: 100%;
    }

    #am_se_ect > div {
        flex: 0 0 400px;
    }

    #am_se_ect_bg {
        display: block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        transform: rotate(90deg) scale(1, -1);
    }

    #am_seibun_wrap article:nth-of-type(odd) {
        float: left;
        margin-left: 30px;
    }

    #am_seibun_wrap article:nth-of-type(even) {
        float: right;
        margin-right: 30px;
    }

    #am_seibun_wrap article {
        max-width: 430px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* micro clearfx */
    .am_cf:before,
    .am_cf:after {
        content: "";
        display: table;
    }

    .am_cf:after {
        clear: both;
    }

    .am_cf {
        zoom: 1;
        /* For IE 6/7 */
        max-width: 1000px;
        margin: 50px auto;
    }

    #am_detail {
        display: none;
    }

    #am_detail-pc {
        display: block;
    }

}


@media(min-width:1024px) {
    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }

    p {
        font-size: 18px;
    }

    #in_about > div,
    #in_ab_4 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #in_ab_1,
    #in_ab_2,
    #in_ab_3,
    #in_ab_4 {
        flex: 1;
    }

    #in_ab_flex_re {
        flex-direction: row-reverse;
    }

    /*indexここまで*/

    /*sp_shampooここから*/
    #sp_top_bottle img {
        max-width: 150px;
    }

    #sp_detail-pc .sp_detail_box {
        margin: 40px 10%;
        flex: 0 0 400px;
    }

    #sp_detail-pc .sp_detail_title {
        max-width: 500px;
        bottom: 20px;
        right: 5%;
    }

    #sp_add-pc .sp_add_box {
        margin: 40px 5%;
        flex: 0 0 450px;
    }

    #sp_about > div,
    #sp_ab_4 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #sp_ab_1,
    #sp_ab_2,
    #sp_ab_3,
    #sp_ab_4 {
        flex: 1;
    }

    #sp_ab_flex_re {
        flex-direction: row-reverse;
    }


    /*sp_shampooここまで*/
    /*am_shampooここから*/
    #am_top_bottle img {
        max-width: 150px;
    }

    #am_wh_text-2 p,
    #am_wh_text-3 {
        font-size: 20px;
    }

    .am_dot-text {
        font-size: 24px;
    }
}

/*メディアクエリここまで*/