@charset "Shift_JIS";

/*====================================================================
Detail template style
prefix: k040_td_20230726_01_loopacp

/* IE11 *
_:-ms-lang(x)::-ms-backdrop, .class {}

/* Safari *
_::-webkit-full-page-media, _:future, :root .class {}
====================================================================*/


/*―――――――――――-―――――――――――-―――――――――――-―――――――――――-
    general
―――――――――――-―――――――――――-―――――――――――-―――――――――――-*/

        /* IE11 */
        _:-ms-lang(x)::-ms-backdrop, img { max-width:100% }

        /* border-box  */
        .k040_td_20230726_01_loopacp div {
            font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"ＭＳ ゴシック","メイリオ",Meiryo,sans-serif;
            position: relative;
            box-sizing: border-box;
        }
        .k040_td_20230726_01_loopacp svg {
          width: 100%;
        }


	/* container
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp {
            position: relative;
            min-width: 960px;
            margin: 0 auto;
        }

        /* section - loopa */
        .k040_td_20230726_01_loopacp .section_loopacp {
            padding: 0 0;
        }
        .k040_td_20230726_01_loopacp .article_wrap {
            width: 960px;
            margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp .bg_gray {
            background: #ebf0f0 !important;
        }
        .k040_td_20230726_01_loopacp .bg_lightgray {
            background: #f0f0f0 !important;
        }
        .k040_td_20230726_01_loopacp .bg_green {
            background: #e5f2f5 !important;
        }
        .k040_td_20230726_01_loopacp .bg_blue {
            background: #9ed2dd !important;
        }
        .k040_td_20230726_01_loopacp .bg_lightblue {
            background: rgb(228,242,246) !important;
        }

	/* text
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp .text {
            font-size: 112.5%;
            line-height: 1.6;
            text-align: justify;
            text-justify: inter-ideograph;
        }
        .k040_td_20230726_01_loopacp .text + .text {
            margin-top: 1.8em;
        }
        .k040_td_20230726_01_loopacp .read {
          margin: 30px 0 0;
          text-align: center;
          font-size: 1.2rem;
          font-feature-settings: "palt";
        }
        .k040_td_20230726_01_loopacp .find {
          margin: 0 0 5px;
          padding-top: 35px;
          font-size: 2.4rem;
          font-weight: 700;
          text-align: center;
          line-height: 1.3;
          font-feature-settings: "palt";
        }
        .k040_td_20230726_01_loopacp .find + .read {
            margin: 0;
            padding-top: 0;
            font-size: 1.4rem;
            font-weight: 700;
            text-align: center;
            line-height: 1.3;
            font-feature-settings: "palt";
        }
        .k040_td_20230726_01_loopacp .note {
            font-size: 90%
        }
        .k040_td_20230726_01_loopacp .super {
            vertical-align: super;
            font-size: 50%;
        }
        .k040_td_20230726_01_loopacp .text_center {
            text-align: center;
        }
        .k040_td_20230726_01_loopacp .text_white {
            color: #fff !important;
        }
        .k040_td_20230726_01_loopacp .text_blue {
            color: rgb(10,70,121) !important;
        }
        .k040_td_20230726_01_loopacp .text_green {
            color: #8fc21f !important;
        }
        .k040_td_20230726_01_loopacp .text_orange {
            color: #ff8160 !important;
        }
        .k040_td_20230726_01_loopacp .text_purple {
            color: #a587c2 !important;
        }


	/* column
	―――――――――――-―――――――――――-―――――――――――-――- */
        /* base */
        .k040_td_20230726_01_loopacp .column_outer {
            padding: 15px 0;
        }
        .k040_td_20230726_01_loopacp .column_outer + .column_outer {
            padding-top: 0;
        }
        .k040_td_20230726_01_loopacp .column {
        }
        /* column1 */
        .k040_td_20230726_01_loopacp .column1 .column {
            width: 100%;
        }
        /* column2 */
        .k040_td_20230726_01_loopacp .column2 .column {
            width: 50%;
        }
        /* flex */
        .k040_td_20230726_01_loopacp .flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;

            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;

            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }




/*―――――――――――-―――――――――――-―――――――――――-―――――――――――-
    layout
―――――――――――-―――――――――――-―――――――――――-―――――――――――-*/

	/* common
	―――――――――――-―――――――――――-―――――――――――-――- */



	/* title
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp .ttl_loopacp {
          background: url(../../images/template/k040_td_20230726_loopacp_01_top_back.jpg) center bottom no-repeat;
          background-size: cover;
        }
        .k040_td_20230726_01_loopacp .ttl_inner {
            width: 960px;
            margin: 0 auto;
            overflow: hidden;
        }


	/* section - intro
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #intro_loopacp {
          padding: 40px 0 60px;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .flex {
          padding: 25px 0 30px;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .column:nth-child(1) {
            width: 400px;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .column:nth-child(2) {
            width: 160px;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .column:nth-child(2) .image {
            width: 100px;
            margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .column:nth-child(3) {
            width: 400px;
        }

        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap {
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap > span {
          display: block;
          margin: 0 auto;
          text-align: center;
          color: rgb(10,70,121);
          font-size: 1.4rem;
          font-weight: 700;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap .btn {
          display: block;
          position: relative;
          margin: 0 auto;
          width: 420px;
          overflow: hidden;
          outline: none;
          transition: ease .2s;
          background: rgb(247,236,36);
          border: 2px solid rgb(247,236,36);
          border-radius: 40px;
          color: rgb(10,70,121);
          font-size: 2rem;
          font-weight: 700;
          text-align: center;
          line-height: 65px;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap .btn_entry {
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap .btn span {
          position: relative;
        	z-index: 3;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap .btn:hover {
          text-decoration: none;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap .btn::before {
        	content: '';
        	position: absolute;
        	top: 0;
        	left: -130%;
        	background: #fff;
        	width:120%;
        	height: 100%;
        	transform: skewX(-25deg);
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap .btn:hover::before {
        	animation: skewanime .5s forwards;
        }
        @keyframes skewanime {
        	100% {
        		left:-10%;
        	}
        }


	/* section - flow
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #flow_loopacp {
            padding: 0 0 60px;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .find {
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .flex {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          padding-top: 30px;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .column {
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .image {
            width: 300px;
            margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .text {
          margin: 5px 0 0;
          font-size: .9rem;
          line-height: 1.8;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .text span {
          display: block;
          font-size: .75rem;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .column:nth-child(2) .text {
          padding: 0 30px;
        }

        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap {
          margin: 30px 0 0;
          background: #fff;
          border-radius: 30px;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .find {
          padding-top: 15px;
          font-size: 2.0rem;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .flex {
          padding: 15px 30px 0;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .text {
          margin: 5px 50px 0 0;
          font-size: 1.2rem;
          font-weight: 700;
          line-height: 1.55;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .image {
          margin: 0 15px;
          width: 340px;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .text span {
          font-size: .9rem;
        }


	/* section - what
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #what_loopacp {
            padding: 0 0 60px;
        }
        .k040_td_20230726_01_loopacp #what_loopacp .read + .image {
          margin-top: 30px;
        }


	/* section - kv
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #kv_loopacp {
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .find {
            margin: 0;
            padding: 35px 0 15px;
            font-size: 2.8rem;
            line-height: 1.4;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .find + .read {
            font-size: 1.8rem;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_wrap {
            margin: 40px 0 0;
            padding: 40px 0 40px;
            background: url(../../images/template/k040_td_20230726_loopacp_05_justice07_back_02.jpg) center bottom no-repeat;
            background-size: cover;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner {
            width: 960px;
            margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .item_text {
            position: relative;
            width: 883px;
            margin: 0 auto;
            left: 38px;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .item_bottle {
            position: absolute;
            width: 234px;
            top: -9px;
            left: calc(50% - 120px);
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .item_bottle img {
            filter: drop-shadow(6px 6px 12px rgba(12,59,108,0.4));
            mix-blend-mode: multiply;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .flex {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column {
            margin: 25px 0 0;
            width: 31%;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .head {
            background: #fff;
            color: rgb(10,70,121);
            font-size: 1.1rem;
            font-weight: 700;
            line-height: 2.2;
            text-indent: 1rem;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .text + .head {
            margin-top: 70px;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .text {
            margin: 5px 0 0;
            color: #fff;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column:last-child .head {
            background: rgb(10,70,121);
            color: #fff;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column:last-child .text {
            color: inherit;
        }

        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap {
            margin-top: 130px;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap > span {
          display: block;
          margin: 0 auto;
          text-align: center;
          color: rgb(10,70,121);
          font-size: 1.4rem;
          font-weight: 700;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap > span span {
            font-size: 70%;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap .btn {
          display: block;
          position: relative;
          margin: 0 auto;
          width: 320px;
          overflow: hidden;
          outline: none;
          transition: ease .2s;
          background: rgb(10,70,121);
          border-radius: 40px;
          color: #fff;
          font-size: 2rem;
          font-weight: 700;
          text-align: center;
          line-height: 65px;
          transition: .5s;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap .btn_entry {
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap .btn span {
          position: relative;
        	z-index: 3;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap .btn:hover {
          text-decoration: none;
          color: rgb(10,70,121);
          transition: .5s;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap .btn::before {
        	content: '';
        	position: absolute;
        	top: 0;
        	left: -130%;
        	background: #fff;
        	width:120%;
        	height: 100%;
        	transform: skewX(-25deg);
          transition: .5s;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap .btn:hover::before {
        	animation: skewanime .5s forwards;
        }
        @keyframes skewanime {
        	100% {
        		left:-10%;
        	}
        }


          /* section - slick  */
        .k040_td_20230726_01_loopacp #kv_loopacp .slick_wrap {
            margin: 0 auto;
            padding: 40px 0;
            width: 89vw;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .slick_wrap .shadow {
            position: absolute;
            width: 89vw;
            height: 50px;
            bottom: 32px;
            left: 0;
            background-color: rgba(10,70,121,.5);
            mix-blend-mode: multiply;
            filter: blur(7px);
            border-radius: 10px;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .slick_wrap .shadow2 {
            position: absolute;
            width: 89vw;
            height: 50px;
            top: 32px;
            left: 0;
            background-color: rgba(10,70,121,.5);
            mix-blend-mode: multiply;
            filter: blur(7px);
            border-radius: 10px;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .slick_wrap .slick-track {
          margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .slick_wrap .slick-slide {
            margin: 0;
        }



	/* section - att
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #att_loopacp {

        }
        .k040_td_20230726_01_loopacp #att_loopacp ul {
            margin: 40px 0 0;
        }
        .k040_td_20230726_01_loopacp #att_loopacp li {
            margin: 0 0 15px;
            margin-left: 25px;
            font-size: 1.2rem;
            line-height: 1.6;
            list-style: disc;
        }
        .k040_td_20230726_01_loopacp #att_loopacp li span {
            display: inline-block;
            position: relative;
        }
        .k040_td_20230726_01_loopacp #att_loopacp li span:before {
            content: "";
            position: absolute;
            bottom: 3px;
            width: 100%;
            height: 2px;
            background: #ff0000;
        }


	/* section - faq
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #faq_loopacp {
          padding: 35px 0 40px;
        }
        .k040_td_20230726_01_loopacp #faq_loopacp .text a {
          display: block;
          color: #333;
          text-align: center;
          font-size: 2rem;
          font-weight: 700;
          transition: .3s;
        }
        .k040_td_20230726_01_loopacp #faq_loopacp .text a span {
            display: inline-block;
        }
        .k040_td_20230726_01_loopacp #faq_loopacp .text a:hover {
          color: #00a1e8;
          text-decoration: none;
        }




        /* stickyBnr_loopacp
        ―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp {
            display: block;
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            left: 0;
            padding-top: 55px;
            border-bottom: 2px solid #ccc;
            z-index: 5;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp > a {
            display: block;
            width: 960px;
            background: #8fc21f;
            margin: 0 auto;
            padding: 5px 0;
            text-align: center;
            border-radius: 30px 30px 0 0;
            box-shadow: 0px -10px 16px -6px rgba(0,0,0,0.4);
            transition: all .6s;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp > a:hover {
            background: #00a1e8;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp .text {
            display: inline-block;
            position: relative;
            color: #fff;
            font-size: 2rem;
            font-weight: 700;
            text-indent: 60px;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp .text::before {
            display: block;
            content: "";
            position: absolute;
            top: calc(50% - 30px);
            left: 0;
            width: 60px;
            height: 60px;
            background: url(../../images/template/k040_td_20230726_loopacp_06_support.png) left top no-repeat;
            background-size: 60px;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp .text span {
            font-size: 63%;
        }





	/* hover - image
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp a:hover img {
            opacity: 0.7;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -ms-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }



/*―――――――――――-―――――――――――-―――――――――――-―――――――――――-
    navigation
―――――――――――-―――――――――――-―――――――――――-―――――――――――-*/

        .k040_td_20230726_01_loopacp .lnav_wrap {
          margin: 30px 0 0;
          height: 70px;
          position: -webkit-sticky;
          position: sticky;
          top: -1px;
          background: #fff;
          z-index: 5;
          box-shadow: 0px 20px 10px -10px rgb(10 10 10 / 10%);
        }
        .k040_td_20230726_01_loopacp .lnav_inner {
            max-width: 960px;
            margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp .lnav_wrap .logo {
          float: left;
          width: 320px;
          margin: 10px 0 0 0;
        }

        .k040_td_20230726_01_loopacp .menu_pc {
          float: right;
          width: calc(80% - 160px);
        }
        .k040_td_20230726_01_loopacp .menu_pc > ul {
          height: 70px;
          display: flex;
          justify-content: center;
          align-items: flex-end;
        }
        .k040_td_20230726_01_loopacp .menu_pc > ul li {
            position: relative;
        }
        .k040_td_20230726_01_loopacp .menu_pc > ul a {
          display: block;
          position: relative;
          margin: 2px 1px;
          padding: 15px 25px;
          color: inherit;
          text-align: center;
          font-size: .9rem;
          font-weight: 700;
          transition: .3s;
        }
        .k040_td_20230726_01_loopacp .menu_pc > ul a:hover {
            text-decoration: none;
            background: rgba(180, 180, 180, 0.3)
        }
        .k040_td_20230726_01_loopacp .menu_sub > a {
            pointer-events: none;
        }
        .k040_td_20230726_01_loopacp .menu_sub > ul {
            /*display: none;*/
            width: 100%;
            position: absolute;
            top: 58px;
            left: 0;
            opacity: 0;
            transform: scaleY(0);
            transform-origin: top;
            transition: .2s;
        }
        .k040_td_20230726_01_loopacp .menu_sub:hover > ul {
            display: block;
            transform: scaleY(1);
            opacity: 1;
        }
        .k040_td_20230726_01_loopacp .menu_sub > ul a {
          padding: 10px 0;
          background: rgba(230,230,230,.9);
          text-align: center;
          line-height: 1.4;
        }
        .k040_td_20230726_01_loopacp .menu_sub > ul li:nth-child(1) a {
            color: rgba(0,161,232,1);
        }
        .k040_td_20230726_01_loopacp .menu_sub > ul li:nth-child(2) a {
            color: rgba(255,129,96,1);
        }
        .k040_td_20230726_01_loopacp .menu_sub > ul li:nth-child(3) a {
            color: rgba(165,135,194,1);
        }
        .k040_td_20230726_01_loopacp .menu_sub > ul li:nth-child(1):hover a {
            background: rgba(0,161,232,.6);
            color: #fff;
        }
        .k040_td_20230726_01_loopacp .menu_sub > ul li:nth-child(2):hover a {
            background: rgba(255,129,96,.6);
            color: #fff;
        }
        .k040_td_20230726_01_loopacp .menu_sub > ul li:nth-child(3):hover a {
            background: rgba(165,135,194,.6);
            color: #fff;
        }

        .k040_td_20230726_01_loopacp #drawer {
            display: none;
        }
        .k040_td_20230726_01_loopacp .menu_drower {
            position: fixed;
            top: 0;
            right: 0;
            width: 100%;
            height: auto;
            transform: translateY(-100%);
        }





/*―――――――――――-―――――――――――-―――――――――――-―――――――――――-
    animation
―――――――――――-―――――――――――-―――――――――――-―――――――――――-*/

        .k040_td_20230726_01_loopacp .fade ,
        .k040_td_20230726_01_loopacp .fade2 {
          opacity : 0;
        }

        .k040_td_20230726_01_loopacp .fade.effect-scroll {
          animation: fadein .8s ease-out forwards;
        }
        .k040_td_20230726_01_loopacp .fade2.effect-scroll {
          animation: fadein 1.2s ease-out forwards .4s;
        }
        @keyframes fadein {
          0% { transform: translateY(20px) scale(1, 1); opacity: 0; }
          100% { transform: translateY(0) scale(1, 1); opacity: 1; }
        }






        /* 固定ナビのためのアンカーリンク位置ずらし */
        .k040_td_20230726_01_loopacp #intro_loopacp_link,
        .k040_td_20230726_01_loopacp #kv_loopacp_link
        {
            display: block;
            padding-top: 75px !important;
            margin-top: -75px !important;
            z-index: -1;
        }





/*―――――――――――-―――――――――――-―――――――――――-―――――――――――-
    home - lorcal
―――――――――――-―――――――――――-―――――――――――-―――――――――――-*/


        .k040_td_20230726_01_loopacp .loopa_back_btn_wrap {
            width: 97%;
            margin: 0 auto;
            margin-top: 40px;
        }
        .k040_td_20230726_01_loopacp .loopa_back_btn > a {
            position: relative;
            display: block;
            width: 190px;
            font-size: 114.3%;
            line-height: 1;
            padding: 10px 5px 10px 25px;
            text-align: center;
            color: #212121;
            text-decoration: none;
            background: #ececec;
            border: 1px solid #c5c5c5;
            border-radius: 2px;
            float: left;
        }
        .k040_td_20230726_01_loopacp .loopa_back_btn a:before {
                position: absolute;
                content: "";
                top: 50%;
                left: 10px;
                margin-top: -5px;
                width: 8px;
                height: 10px;
                background: url(../../images/template/k036_td_20190801_arrow_gray_l.png);
        }
        .k040_td_20230726_01_loopacp .loopa_back_btn a:hover {
            opacity: 0.7;
        }



/*―――――――――――-―――――――――――-―――――――――――-―――――――――――-
    breakpoint
―――――――――――-―――――――――――-―――――――――――-―――――――――――-*/


@media screen and (max-width: 699px) { /* SP可変 Liquid Layout */


        /* display
        ―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp .pc {
            display: none !important;
        }


        /* layout
        ―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp {
            width: auto;
            min-width: 0;
            font-size: calc(18px + (24 - 18)*(100vw - 600px)/(1200 - 600));
        }
        /* section - loopa */
        .k040_td_20230726_01_loopacp .section_loopacp {
            position: relative;
            padding: 0;
        }
        .k040_td_20230726_01_loopacp .article_wrap {
            width: auto;
            margin: 0 15px;
        }
        .k040_td_20230726_01_loopacp .find {
          padding-top: 45px;
          font-size: 7vw;
          line-height: 1.5;
        }


	/* column
	―――――――――――-―――――――――――-―――――――――――-――- */
        /* column1 */
        .k040_td_20230726_01_loopacp .column1 .column {
            width: 100%;
        }
        /* column2 */
        .k040_td_20230726_01_loopacp.drink .column2 .column {
            width: 100%;
        }





	/* title
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp .ttl_loopacp {
          background: none;
        }
        .k040_td_20230726_01_loopacp .ttl_inner {
            width: auto;
            margin: 0 auto;
            overflow: hidden;
        }


	/* section - intro
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #intro_loopacp {
          padding: 40px 0 60px;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .flex {
          padding: 20px 20px 30px;
          flex-wrap: wrap;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .column:nth-child(1) {
            width: 100%;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .column:nth-child(2) {
            width: 100%;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .column:nth-child(2) .image {
            width: 100px;
            margin: 10px auto;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .column:nth-child(3) {
            width: 100%;
        }

        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap > span {
            font-size: 5vw;
        }
        .k040_td_20230726_01_loopacp #intro_loopacp .btn_wrap .btn {
            width: 80vw;
            font-size: 7vw;
            line-height: 50px;
            text-decoration: none;
        }


	/* section - flow
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #flow_loopacp {
            padding: 0 0 60px;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .find {
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .flex {
          flex-wrap: wrap;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .column {
            width: 100%;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .image {
            width: auto;
            margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .text {
            margin: 5px 0 25px;
            font-size: 4vw;
            line-height: 1.6;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .text span {
          font-size: 90%;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .column:nth-child(2) .text {
          padding: 0;
        }

        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap {
          margin: 0;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .find {
          font-size: 7vw;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .flex {
          padding: 15px 30px 0;
          flex-wrap: wrap;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .column {
            width: 100%;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .text {
            margin: 0;
            font-size: 4.2vw;
            line-height: 1.6;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .image {
            margin: 20px auto;
            width: auto;
        }
        .k040_td_20230726_01_loopacp #flow_loopacp .trial_wrap .text span {
            font-size: 90%;
            text-indent: -1em;
            padding-left: 1em;
            padding-top: 0.5em;
        }


	/* section - what
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #what_loopacp {
            padding: 0 0 60px;
        }
        .k040_td_20230726_01_loopacp .find + .read {
            font-size: 5.5vw;
        }
        .k040_td_20230726_01_loopacp #what_loopacp .image + .image {
          margin-top: 30px;
        }


	/* section - kv
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #kv_loopacp .find {
            font-size: 8vw;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .find + .read {
            font-size: 5vw;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_wrap {
            margin: 40px 0 0;
            padding: 0 0 0;
            background: rgb(10,70,121);
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner {
            width: auto;
            margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .item_text {
            position: relative;
            width: 57vw;
            margin: 0;
            left: 15px;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .item_bottle {
            position: absolute;
            width: 234px;
            top: -9px;
            left: calc(50% - 120px);
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .flex {
            flex-wrap: wrap;
            padding: 0;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column {
            margin: 0;
            width: 100%;
        }
                    .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column:first-child {
                        padding: 0 0 35px;
                        background: url(../../images/template/k040_td_20230726_loopacp_05_justice07_back_02a_sp.jpg) center bottom no-repeat;
                        background-size: cover;
                    }
                    .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column:first-child .item_bottle {
                        width: 52vw;
                        top: -5px;
                        left: auto;
                        right: -13vw;
                    }
                    .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column:last-child {
                        padding: 0 0 35px;
                        background: url(../../images/template/k040_td_20230726_loopacp_05_justice07_back_02b_sp.jpg) center bottom no-repeat;
                        background-size: cover;
                    }
                    .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column:last-child .item_bottle {
                        width: 52vw;
                        top: 20px;
                        left: -14vw;
                    }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .head {
            margin: 20px 41vw 0 15px;
            padding: 0 .5em;
            font-size: 4.8vw;
            line-height: 2.1;
            text-indent: 0;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .some {
            padding: .3em .5em;
            line-height: 1.2;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .text + .head {
            margin-top: 25px;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .text {
            margin: 5px 41vw 0 15px;
            font-size: 3.5vw;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column:last-child .head {
            margin: 22vw 15px 0 41vw;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .kv_inner .column:last-child .text {
            margin: 10px 15px 0 41vw;
        }

        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap {
            margin-top: 30vw;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap > span {
            margin: 0 15px 20px 41vw;
            text-align: left;
            font-size: 5vw;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap > span span {
            font-size: 70%;
        }
        .k040_td_20230726_01_loopacp #kv_loopacp .btn_wrap .btn {
            display: block;
            position: relative;
            margin: 0 auto;
            width: 80vw;
            font-size: 7vw;
            text-decoration: none;
        }


          /* section - slick  */
        .k040_td_20230726_01_loopacp #kv_loopacp .slick_wrap {
            margin: 0 auto;
            padding: 40px 0;
            width: 100vw;
        }



	/* section - att
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #att_loopacp li {
            margin: 0 0 15px;
            margin-left: 25px;
            font-size: 4vw;
            line-height: 1.5;
            list-style: disc;
        }
        .k040_td_20230726_01_loopacp #att_loopacp li span {
            display: inline;
            position: relative;
            border-bottom: 2px solid red;
        }
        .k040_td_20230726_01_loopacp #att_loopacp li span:before {
            display: none;
        }


	/* section - faq
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #faq_loopacp .text a {
            font-size: 5vw;
        }
        .k040_td_20230726_01_loopacp #faq_loopacp .text a span {
            display: inline-block;
        }
        .k040_td_20230726_01_loopacp #faq_loopacp .text a:hover {
          color: #00a1e8;
          text-decoration: none;
        }




        /* stickyBnr_loopacp
        ―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp {
            display: block;
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            left: 0;
            padding-top: 25px;
            border-bottom: 2px solid #ccc;
            z-index: 5;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp > a {
            display: block;
            width: 85%;
            margin: 0 auto;
            padding: 10px 0;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp .text {
          display: inline-block;
          position: relative;
          font-size: 5vw;
          text-indent: 35px;
          line-height: 1.2;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp .text::before {
          display: block;
          content: "";
          position: absolute;
          top: calc(50% - 25px);
          left: -15px;
          width: 50px;
          height: 50px;
          background: url(../../images/template/k040_td_20230726_loopacp_06_support.png) left top no-repeat;
          background-size: 50px;
        }
        .k040_td_20230726_01_loopacp #stickyBnr_loopacp .text span {
            font-size: 63%;
            padding-left: 31px;
        }






/*―――――――――――-―――――――――――-―――――――――――-―――――――――――-
    navigation
―――――――――――-―――――――――――-―――――――――――-―――――――――――-*/

        .k040_td_20230726_01_loopacp .lnav_wrap {
            margin: 0;
        }
        .k040_td_20230726_01_loopacp .lnav_wrap .logo {
            position: absolute;
            width: 70%;
            margin: 0;
            text-align: right;
            top: 20px;
            right: 10px;
            transform: translate(0, -2vw);
        }
        .k040_td_20230726_01_loopacp .lnav_wrap .logo img {
            max-height: 50px;
        }


        /* :::::: toggle button :::::: */
        .k040_td_20230726_01_loopacp #drawer {
            display: none;
        }
        .k040_td_20230726_01_loopacp label {
            cursor: pointer;
            position: absolute;
        }
        .k040_td_20230726_01_loopacp .open {
            z-index: 3;
            top: 15px;
            left: 23px;
            width: 35px;
            height: 35px;
            transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .k040_td_20230726_01_loopacp .open::before,
        .k040_td_20230726_01_loopacp .open::after {
            content: "";
        }
        .k040_td_20230726_01_loopacp .open span,
        .k040_td_20230726_01_loopacp .open::before,
        .k040_td_20230726_01_loopacp .open::after {
            content: "";
            position: absolute;
            top: calc(50% - 0px);
            left: 0;
            width: 100%;
            height: 3px;
            border-radius: 6px;
            background: #402813;
            transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .k040_td_20230726_01_loopacp .open::before {
            transform: translateY(-12px);
        }
        .k040_td_20230726_01_loopacp .open::after {
            transform: translateY(12px);
        }
        .k040_td_20230726_01_loopacp .close {
            position: fixed;
            z-index: 1;
            inset: 0;
            pointer-events: none;
            transition: background .6s;
        }
        .k040_td_20230726_01_loopacp #drawer:checked + .open span {
                transform: scaleX(0);
        }
        .k040_td_20230726_01_loopacp #drawer:checked + .open::before {
                transform: rotate(135deg) scaleX(1.2);
        }
        .k040_td_20230726_01_loopacp #drawer:checked + .open::after {
                transform: rotate(-135deg) scaleX(1.2);
        }
        .k040_td_20230726_01_loopacp #drawer:checked ~ .close {
                pointer-events: auto;
                background: rgba(0,0,0,.3);
        }
        /* :::::: drawer menu :::::: */
        .k040_td_20230726_01_loopacp .menu_drower {
            z-index: 2;
            position: fixed;
            overflow: auto;
            top: 0;
            right: 0;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 15px;
            box-sizing: border-box;
            background: rgba(255,255,255,.9);
            transform: translateY(-100%);
            transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .k040_td_20230726_01_loopacp .menu_drower h2 {
            display: block;
            width: 400px;
            margin: 0 auto;
        }
        .k040_td_20230726_01_loopacp .menu_drower ul {
            margin: 0;
            padding: 0;
            padding-top: 60px;
        }
        .k040_td_20230726_01_loopacp .menu_drower li {
            text-align: center;
            line-height: 1.4;
            font-size: 1.2rem;
            font-weight: 700;
            color: #402813;
        }
        .k040_td_20230726_01_loopacp .menu_drower a {
            display: block;
            position: relative;
            padding: 1em 2em;
            color: #333;
            text-align: center;
            text-decoration: inherit;
            transition: all .6s;
        }
        .k040_td_20230726_01_loopacp .menu_drower a:hover {
            background: #fff;
        }
        .k040_td_20230726_01_loopacp .menu_drower li.drink a {
            color: rgba(0,161,232,1);
        }
        .k040_td_20230726_01_loopacp .menu_drower li.safe a {
            color: rgba(255,129,96,1);
        }
        .k040_td_20230726_01_loopacp .menu_drower li.mix a {
            color: rgba(165,135,194,1);
        }
        .k040_td_20230726_01_loopacp .menu_drower li.drink a:hover {
            background: rgba(0,161,232,.6);
            color: #fff;
        }
        .k040_td_20230726_01_loopacp .menu_drower li.safe a:hover {
            background: rgba(255,129,96,.6);
            color: #fff;
        }
        .k040_td_20230726_01_loopacp .menu_drower li.mix a:hover {
            background: rgba(165,135,194,.6);
            color: #fff;
        }
        .k040_td_20230726_01_loopacp .menu_drower li span {
            display: inline-block;
            position: relative;
            padding: 1em 2em;
        }
        .k040_td_20230726_01_loopacp .menu_drower li span::before ,
        .k040_td_20230726_01_loopacp .menu_drower li span::after {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
            width: 15px;
            height: 2px;
            background: #333;
        }
        .k040_td_20230726_01_loopacp .menu_drower li span::before {
            transform: translate(-15px, 0px) rotate(30deg);
        }
        .k040_td_20230726_01_loopacp .menu_drower li span::after {
            transform: translate(-2px, 0px) rotate(-30deg);
        }

        .k040_td_20230726_01_loopacp #drawer:checked ~ .menu_drower {
                transform: none;
        }



        /* 固定ナビのためのアンカーリンク位置ずらし */
        .k040_td_20230726_01_loopacp #mov_loopacp_link,
        .k040_td_20230726_01_loopacp #faq_drink_link,
        .k040_td_20230726_01_loopacp #faq_safe_link,
        .k040_td_20230726_01_loopacp #faq_mix_link,
        .k040_td_20230726_01_loopacp #merit_loopacp_link,
        .k040_td_20230726_01_loopacp #step_loopacp_link
        {
            display: block;
            padding-top: 75px !important;
            margin-top: -75px !important;
            z-index: -1;
        }




	/* home
	―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp .loopa_back_btn {
            width: 48.4%;
            float: none;
        }
        .k040_td_20230726_01_loopacp .loopa_back_btn > a {
            width: 100%;
            font-size: 100%;
            padding: 17px 2px 16px 12px;
        }

}
@media screen and (min-width: 490px) and (max-width: 699px) {
        .k040_td_20230726_01_loopacp .line.effect-line .line_left::after ,
        .k040_td_20230726_01_loopacp .line.effect-line .line_right::after {
            width: 35vw;
        }
}

@media screen and (min-width: 700px) {

        /* display
        ―――――――――――-―――――――――――-―――――――――――-――- */
        .k040_td_20230726_01_loopacp .sp {
            display: none !important;
        }

}

@media screen and (min-width: 700px) and (max-width: 959px) {
    /* 960pxで固定 fixed */
    .k040_td_20230726_01_loopacp {
        width: 960px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
}

@media screen and (min-width: 1280px) {
}



/*====================================================================
 clearfix
====================================================================*/
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	zoom: 1;
}

.clearfix:before, .clearfix:after{
	content:"";
	display:table;
}
.clearfix:after{
	clear:both;
}
.clearfix{
	zoom:1;
}