@charset "utf-8";

/*-----------------------------
	atlesscare_3つ折ページ
------------------------------*/
*{margin:0;padding:0;border:0;outline:0;font:inherit;font-size:100%;text-decoration:none;vertical-align:baseline}*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}ol,ul{list-style:none}

body {
	height: 100%;
	margin:0px;
  padding: 0;
  font-family: YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
  color: #3e3a39;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (min-width: 961px) {
  a {
    transition: 0.3s;
  }
  a:hover {
    opacity: 0.5;
  }
}

#header_lp .header_menu{
	width: 100%;
	height: 50px;
	margin:0 auto;
	padding:0;
	background-color:#cfde00;
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 97;
  transition: 0.3s;
}
.head_active #header_lp .header_menu{
  height: 40px;
  top: 60px;
}
#header_lp .header_menu .pc_nav{
	margin: 0 auto;
	width: 785px;
}
#header_lp .header_menu .pc_nav svg.pc_logo{
	width: 123px;
	height: 50px;
}
#header_lp .header_menu .pc_nav ul{
	line-height: 50px;
  transition: 0.3s;
}
.head_active #header_lp .header_menu .pc_nav ul{
  line-height: 40px;
}
#header_lp .header_menu .pc_nav ul li {
	display: inline-block;
	padding-left: 47px;
	font-size: 16px;
	font-weight: bold;
}
#header_lp .header_menu .pc_nav ul li a:link{
	color: #ffffff;
}
#header_lp .header_menu .pc_nav ul li a:visited{
	color: #ffffff;
}
#header_lp .header_menu .pc_nav ul li a:hover{
	color: #ffffff;
}
#header_lp .header_menu .pc_nav ul li a:active{
	color: #ffffff;
}
#header_lp .header_menu .pc_nav ul li.pc_logo{
	padding-left: 0;
}
#header_lp .header_menu .pc_nav ul li.top_head{
	padding-left: 145px;
}
#header_lp .header_menu .pc_nav ul li.pc_list{
	vertical-align: 25%;
	padding-right: 0;
	color: #ffffff;
}
.wrap {
	overflow: hidden;
}
#container-wrapper p{
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
#container-wrapper span{
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.netshop{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 95;
}
.netshop a{
	display: block;
	text-decoration: none;
}
.netshop:hover{
	opacity: 0.7;
}
.netshop img{
	width: 70px;
}

/*-----------------------------
2020.01.15 Kyowa add start 製品パッケージ追加
------------------------------*/

.ac_title{
 padding-top: 10px;
 font-size: 30px;
}
#pre-intro{
	width:100%;
	margin: 0 auto;
	padding: 150px 0 0;
	background-color:#cfde00;
	color: #ffffff;
}
@media screen and (max-width: 785px) {
  #pre-intro{
    padding-top: 65px;
  }
}
#pre-intro div.pre-intro_inner{
	margin: 0 auto;
	width: 785px;
	height: 785px;
	background: url(../img/lp-ac/pre-intro_back.png) repeat-y center top;
	text-align: center;
}
#pre-intro div.pre-intro_inner img{
	display: block;
	margin: auto;
}
#pre-intro div.pre-intro_inner div.txt_part{
	padding-top: 30px;
}
#pre-intro div.pre-intro_inner div.txt_part p.text_min_small_part{
	font-size: 34px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#pre-intro div.pre-intro_inner div.txt_part p.text_min_middle_part{
	font-size: 42px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#pre-intro div.pre-intro_inner div.txt_part p.text_min_big_part{
	font-size: 76px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#pre-intro div.pre-intro_inner div.txt_part h1{
	padding-top: 10px;
	font-size: 30px;
}
#pre-intro div.pre-intro_inner div.txt_part h1 img{
	padding: 15px auto 0;
	width: 475px;
}
#pre-intro div.pre-intro_inner div.txt_part .ac_title img{
	padding: 15px auto 0;
	width: 475px;
}
#pre-intro div.pre-intro_inner div.picture_part{
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pre-intro div.pre-intro_inner div.picture_part p{
	font-size: 24px;
}
#pre-intro div.pre-intro_inner div.picture_part img{
	margin: auto 20px;
}
#pre-intro div.pre-intro_inner div.picture_part p.ssize{
	display: inline-block;
}
#pre-intro div.pre-intro_inner div.picture_part p.ssize img{
	padding-top: 2px;
	width: 210px;
}
#pre-intro div.pre-intro_inner div.picture_part p.msize{
	display: inline-block;
}
#pre-intro div.pre-intro_inner div.picture_part p.msize img{
	padding-top: 10px;
	width: 150px;
}
/*-----------------------------
2020.01.15 Kyowa add end 製品パッケージ追加
------------------------------*/

#atlesscare_p3{
	width:100%;
	margin:0 auto;
	padding:0 0 30px 0;
	background-color:#f5f8cc;
  position: relative;
}
#atlesscare_p3 div.intro{
	margin: 0 auto;
	width: 785px;
	background:url(../img/lp-ac/atlesscare_p3_n_01.jpg) no-repeat center top;
	background-position: center top;
	height:860px;
	position:relative;
	text-align: center;
}
#atlesscare_p3 div.intro p.basshiato{
	position:absolute;
	top:103px;
	left:108px;
	font-size: 18px;
	font-weight: 550;
	text-align: left;
	color: #2f2d2e;
	letter-spacing: 0.001px;
}
#atlesscare_p3 div.intro p.teio_sekkai{
	position:absolute;
	top:101px;
	left:545px;
	font-size: 18px;
	font-weight: 550;
	text-align: left;
	color: #2f2d2e;
	letter-spacing: 0.001px;
}
#atlesscare_p3 div.intro p.keroido{
	position:absolute;
	top:368px;
	left:450px;
	font-size: 18px;
	font-weight: 550;
	text-align: left;
	color: #2f2d2e;
	letter-spacing: 0.001px;
}
#atlesscare_p3 div.intro p.shinpai{
	position:absolute;
	margin: auto;
	top:464px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #cfde00;
	letter-spacing: 4.5px;
	line-height: 35px;
}
#atlesscare_p3 div.intro p.tanjo{
	position:absolute;
	margin: auto;
	top:559px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #88b83e;
	letter-spacing: 7px;
	line-height: 40px;
}
#atlesscare_p3 div.intro + p.last{
	background:url(../img/lp-ac/atlesscare_p3_n_01_1.jpg);
	background-repeat:repeat-x;
	position:absolute;
	margin: auto;
	top: 650px;
	left: 0;
	right: 0;
	height: 214px;
	padding-top:60px;
	padding-bottom:60px;
	vertical-align: bottom;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
 	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #4a444e;
	letter-spacing: 0.55px;
	line-height: 50px;
}
#atlesscare_p3 div.intro + p.last span.komoji{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #4a444e;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3 div.intro_add{
	margin: 0 auto;
	width: 785px;
	background:url(../img/lp-ac/atlesscare_p3_n_01_2.jpg) no-repeat center top;
	background-position: center top;
	height:310px;
	position:relative;
	text-align: center;
}
#atlesscare_p3 div.intro_add p.senshin{
	position:absolute;
	margin: auto;
	top:20px;
	left: 22px;
	right: 0;
	bottom: 0;
	font-size: 36px;
	font-weight: bold;
	color: #88b83e;
	letter-spacing: 4px;
	line-height: 40px;
}
#atlesscare_p3 div.intro_add p.collaborate{
	position:absolute;
	margin: auto;
	top:135px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
	letter-spacing: 0.001px;
	line-height: 36px;
}
#atlesscare_p3 div.intro_add p.attention{
	position:absolute;
	margin: auto;
	top:270px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 14px;
	font-weight: 550;
	color: #2f2d2e;
	letter-spacing: 0.001px;
}
#atlesscare_p3 div#feature01{
	margin: -20px auto 0;
	width: 785px;
	background:url(../img/lp-ac/atlesscare_p3_n_02.jpg) no-repeat center top;
	background-position: center top;
	height:986px;
	position:relative;
}
#atlesscare_p3 div#feature01 p.title_01{
	position:absolute;
	margin: auto;
	top: 62px;
	left: 210px;
	font-size: 50px;
	font-weight: bold;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #3992cc;
	letter-spacing: 0.005px;
}
#atlesscare_p3 div#feature01 p.title_01 span.komoji{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #3992cc;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3 div#feature01 p.title_02{
	position:absolute;
	margin: auto;
	top: 129px;
	left: 185px;
	font-size: 50px;
	font-weight: bold;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #3992cc;
	letter-spacing: 0.005px;
}
#atlesscare_p3 div#feature01 p.sub_title{
	position:absolute;
	margin: auto;
	top: 210px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
 	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #4a444e;
	letter-spacing: 0.5px;
	line-height: 32px;
}
#atlesscare_p3 div#feature01 p.sub_title span.komoji{
	font-size: 10px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #4a444e;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3 div#feature01 p.chuo{
	position:absolute;
	margin: auto;
	top: 330px;
	left: 106px;
	font-size: 30px;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #ffffff;
	letter-spacing: 0.005px;
	line-height: 34px
}
#atlesscare_p3 div#feature01 p.chuo_ex{
	position:absolute;
	margin: auto;
	top: 450px;
	left: 270px;
	right: 0;
	bottom: 0;
	font-size: 16px;
	text-align: center;
	color: #4a444e;
	letter-spacing: 0.01px;
	line-height: 27px;
}
#atlesscare_p3 div#feature01 p.trouble{
	position:absolute;
	margin: auto;
	top: 647px;
	left: 106px;
	font-size: 30px;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #ffffff;
	letter-spacing: 0.005px;
	line-height: 34px
}
#atlesscare_p3 div#feature01 p.trouble_ex{
	position:absolute;
	margin: auto;
	top: 765px;
	left: 270px;
	right: 0;
	bottom: 0;
	font-size: 16px;
	text-align: center;
	color: #4a444e;
	letter-spacing: 0.01px;
	line-height: 27px;
}
#atlesscare_p3 div.feature02_1{
	margin: 0 auto;
	width: 785px;
	background:url(../img/lp-ac/atlesscare_p3_n_03_1.jpg) no-repeat center top;
	background-position: center top;
	height:858px;
	position:relative;
}
#atlesscare_p3 div.feature02_1 p.title_02_1{
	position:absolute;
	margin: auto;
	top: 9px;
	left: 220px;
	font-size: 50px;
	font-weight: bold;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #f47890;
	letter-spacing: 0.005px;
}
#atlesscare_p3 div.feature02_1 p.title_02_2{
	position:absolute;
	margin: auto;
	top: 69px;
	left: 132px;
	font-size: 50px;
	font-weight: bold;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #f47890;
	letter-spacing: 0.005px;
}
#atlesscare_p3 div.feature02_1 p.sub_title{
	position:absolute;
	margin: auto;
	top:160px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 21px;
	font-weight: normal;
	text-align: center;
 	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #4a444e;
	letter-spacing: 0.5px;
	line-height: 35px;
}
#atlesscare_p3 div.feature02_1 p.murenai{
	position:absolute;
	margin: auto;
	top: 462px;
	left: 106px;
	font-size: 30px;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #ffffff;
	letter-spacing: 0.005px;
}
#atlesscare_p3 div.feature02_1 p.murenai_ex{
	position:absolute;
	margin: auto;
	top: 600px;
	left: 360px;
	right: 0;
	bottom: 0;
	font-size: 16px;
	text-align: center;
	color: #4a444e;
	letter-spacing: 0.01px;
	line-height: 27px;
}
#atlesscare_p3 div.feature02_2{
	margin: 0 auto;
	width: 785px;
	background:url(../img/lp-ac/atlesscare_p3_n_03_2.jpg) no-repeat center top;
	background-position: center top;
	height:474px;
	position:relative;
}
#atlesscare_p3 div.feature02_2 p.tsupparanai{
	position:absolute;
	margin: auto;
	top: 10px;
	left: 106px;
	font-size: 30px;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #ffffff;
	letter-spacing: 0.005px;
}
#atlesscare_p3 div.feature02_2 p.tsupparanai_ex{
	position:absolute;
	margin: auto;
	top: 150px;
	left: 270px;
	right: 0;
	bottom: 0;
	font-size: 16px;
	text-align: center;
	color: #4a444e;
	letter-spacing: 0.01px;
	line-height: 27px;
}


#atlesscare_p3_white{
	width:100%;
	margin:0 auto;
	padding:0;
	background-color: #FFF;
}
#atlesscare_p3_white div.jitakude{
	margin: 0 auto;
	width: 785px;
	background:url(../img/lp-ac/atlesscare_p3_n_04.jpg) no-repeat center top;
	background-position: center top;
	height:685px;
	position:relative;
	margin-bottom: 35px;
}
#atlesscare_p3_white div.jitakude p.title{
	position:absolute;
	margin: auto;
	top:46px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	color: #88b83e;
	letter-spacing: 1px;
}
#atlesscare_p3_white div.jitakude p.title span.komoji{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #6fba19;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3_white div.jitakude p.sub_title{
	position:absolute;
	margin: auto;
	top:140px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #cfde00;
	letter-spacing: 3.5px;
	line-height: 30px;
}
#atlesscare_p3_white div.jitakude p.jibunde{
	position:absolute;
	margin: auto;
	top: 428px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 36px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fd9939;
	letter-spacing: 0.1px;
}
#atlesscare_p3_white div.jitakude p.jibunde span.komoji{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fd9939;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3_white div.jitakude p.jibunde_ex{
	position:absolute;
	margin: auto;
	top: 498px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 20px;
	text-align: center;
	color: #4a444e;
	letter-spacing: 0.01px;
	line-height: 30px;
}
#atlesscare_p3_itemcolor{
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#e9f08c;
}
#atlesscare_p3_itemcolor_bottom{
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:rgba(198,219,0,0.5);
}
div.goto_netshop{
	margin: auto;
	width: 785px;
	height:900px;
	background:url(../img/lp-ac/atlesscare_p3_n_05.png) no-repeat center center;
	background-size: 100%;
	position:relative;
}
div.goto_netshop p{
	position:absolute;
	margin: auto;
	text-align: left;
	font-weight: normal;
}
div.goto_netshop p.sub_title{
	padding-top: 70px;
	padding-left: 50px;
	font-size: 26px;
	color: #88b83e;
	letter-spacing: 1.5px;
}
#contents div.goto_netshop p.big_title{
	position: absolute;
	padding-top: 103px;
	padding-left: 55px;
	font-size: 50px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #ffffff;
	letter-spacing: 1px;
}
div.goto_netshop p.size_25mm{
	padding-top: 195px;
	padding-left: 204px;
	font-size: 22px;
	color: #000000;
	letter-spacing: 0;
}
div.goto_netshop p.size_50mm{
	padding-top: 195px;
	padding-left: 558px;
	font-size: 22px;
	color: #000000;
	letter-spacing: 0;
}
div.goto_netshop img{
	position: absolute;
	border-style:none;
	width: 315px;
}
div.goto_netshop img:hover {
	opacity: 0.7; /* 30％ほど透過させる */
}

div.goto_netshop img.s10{
	top: 670px;
	left: 87px;
}
div.goto_netshop img.s30{
	top: 734px;
	left: 87px;
}
div.goto_netshop img.m10{
	top: 670px;
	left: 432px;
}
div.goto_netshop img.m30{
	top: 734px;
	left: 432px;
}
@keyframes flash {
  0% { opacity: 0; }
  14.9% { opacity: 0; }
  15% { opacity: 1; }
  100% { opacity: 1; }

}
#atlesscare_p3_white{
	margin-top: 20px;
}
#atlesscare_p3_white div#howto_harikata{
	margin: 0 auto;
	width: 785px;
	padding-top: 60px; /* 固定ヘッダーをつけたため */
	background-position: center top;
}
#atlesscare_p3_white div#howto_harikata span.big_title{
	margin: auto;
	padding-top: 0px;
	padding-left: 30px;
	font-size: 36px;
	font-weight: bold;
	color: #88b83e;
	letter-spacing: 7px;
}
#atlesscare_p3_white div#howto_harikata p.big_title_black{
	margin: -35px 10px auto 250px;
	padding-top: -250px;
	font-size: 18px;
	text-align: left;
	color: #000000;
	letter-spacing: 3px;
}
#atlesscare_p3_white div#howto_harikata p.m_size_attention{
	margin: 31px 50px;
	font-size: 16px;
	text-align: left;
	color: #000000;
}
#atlesscare_p3_white div.youtube{
	text-align: center;
	font-size: 16px;
}
#atlesscare_p3_white div#howto_harikata{
	margin: 0 auto;
	width: 785px;
}
#atlesscare_p3_white div#howto_harikata span.sub_title{
	margin: auto;
	padding-left: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #88b83e;
	letter-spacing: 3px;
}
#atlesscare_p3_white div#howto_harikata .main__block07--row{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 8px;
}
#atlesscare_p3_white div#howto_harikata .main__block07--cell{
	width: 245px;
	margin-right: 16px;
	margin-bottom: 25px;
}
#atlesscare_p3_white div#howto_harikata .main__block07--cell03{
	margin-right: 0;
}
#atlesscare_p3_white div#howto_harikata .main__block07--cell img{
	width: 245px;
}
#atlesscare_p3_white div#howto_harikata .main__block07--cell .txt__block{
	margin-top: 5px;
	font-size: 18px;
	letter-spacing: 0.001px;
	line-height: 25px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
#atlesscare_p3_white div#howto_harikata .main__block07--cell .txt__block span.komoji{
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	color: #28292b;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3_white div.knowhow{
	margin: 0 auto;
	width: 785px;
	background:url(../img/lp-ac/atlesscare_p3_n_07.jpg) no-repeat center top;
	background-position: center top;
	height:757px;
	position:relative;
	text-align: center;
}
#atlesscare_p3_white div.knowhow p.howto_midashi{
	position:absolute;
	top:110px;
	left:38px;
	font-size: 32px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #e69e54;
	letter-spacing: 7px;
	line-height: 38px;
}
#atlesscare_p3_white div.knowhow p.howto_a{
	width: 250px;
	position:absolute;
	top:105px;
	left:400px;
	font-size: 18px;
	text-align: left;
	color: #2f2d2e;
	letter-spacing: 0.001px;
	line-height: 25px;
}
#atlesscare_p3_white div.knowhow p.howto_b{
	width: 250px;
	position:absolute;
	top:330px;
	left:405px;
	font-size: 18px;
	text-align: left;
	color: #2f2d2e;
	letter-spacing: 0.001px;
	line-height: 25px;
}
#atlesscare_p3_white div.knowhow p.howto_c{
	width: 250px;
	position:absolute;
	top:565px;
	left:412px;
	font-size: 18px;
	text-align: left;
	color: #2f2d2e;
	letter-spacing: 0.001px;
	line-height: 25px;
}
#atlesscare_p3_white div.knowhow p.howto_a span.komoji,
#atlesscare_p3_white div.knowhow p.howto_c span.komoji{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #2f2d2e;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3_white div#question_answer{
	margin: 0 auto;
	width: 900px;
	background:url(../img/lp-ac/atlesscare_p3_sp08.jpg) no-repeat center top;
	background-position: center top;
	height:832px;
	position:relative;
	text-align: left;
}
#atlesscare_p3_white div#question_answer span.komoji{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #6e6d6b;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3_white div#question_answer p.question_answer_midashi{
	position:absolute;
	top:75px;
	left:110px;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	color: #cfde00;
	letter-spacing: 1.5px;
}
#atlesscare_p3_white div#question_answer p.question{
	position:absolute;
	left:102px;
	font-size: 24px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #f29838;
}
#atlesscare_p3_white div#question_answer p.answer{
	position:absolute;
	left:102px;
	font-size: 18px;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #6e6d6b;
	line-height: 27px;
}
#atlesscare_p3_white div#question_answer p.q01{
	top:154px;
	letter-spacing: -0.75px;
}
#atlesscare_p3_white div#question_answer p.a01{
	width:800px;
	top:190px;
	letter-spacing:0.75px;
	line-height: 27px;
}
#atlesscare_p3_white div#question_answer p.q02{
	top:280px;
	letter-spacing: 0px;
}
#atlesscare_p3_white div#question_answer p.a02{
	width:700px;
	top:325px;
	letter-spacing: 0px;
	line-height: 27px;
}
#atlesscare_p3_white div#question_answer p.q03{
	top:402px;
	letter-spacing: -0.5px;
}
#atlesscare_p3_white div#question_answer p.a03{
	width:600px;
	top:446px;
	letter-spacing: 0px;
	line-height: 23px;
}
#atlesscare_p3_white div#question_answer p.q04{
	top:550px;
	letter-spacing: -0.5px;
}
#atlesscare_p3_white div#question_answer p.a04{
	width:780px;
	top:596px;
	letter-spacing: 0.75px;
	line-height: 25px;
}
#atlesscare_p3_white div#question_answer p.q05{
	top:675px;
	letter-spacing: -0.5px;
}
#atlesscare_p3_white div#question_answer p.a05{
	width:550px;
	top:717px;
	letter-spacing: 0.25px;
	line-height: 23px;
}
#atlesscare_p3_white div.attention{
	width: 785px;
	margin: 10px auto 50px;
	padding: 10px 50px;
	background-position: center top;
	font-size: 14px;
	text-align: left;

}
#atlesscare_p3_white div.attention p,
#atlesscare_p3_white div.attention span{
    font-family: YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
    font-weight: 300;
    font-feature-settings: "palt";
}
#atlesscare_p3_white div.attention div.attention_black span.midashi{
	color: #6e6d6b;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3_white div.attention span.attention_black{
	margin: -20px 0 0 0;
	color: #6e6d6b;
	letter-spacing: 0.001px;
}
#atlesscare_p3_white div.attention span.komoji{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #6e6d6b;
	letter-spacing: 0.5px;
	vertical-align: super;
}
#atlesscare_p3_white div.attention p.attention_blue{
	color: #55c2e9;
	letter-spacing: 0.001px;
}

/* skinixピンクロゴ対応 */
#footer p.logo, p.info_txt {
    margin:0;
}

/* ハンバーガーメニューPC版非表示 */
@media screen and ( min-width:785px ){
	.drawer_nav, #header_lp button.drawer_hamburger{
		display: none;
	}
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:800px ){
	.netshop img{
		width: 50px;
	}
}
@media screen and ( max-width:785px ){
	#header_lp .header_menu{
		display: none;
	}
	#atlesscare_p3 img { width: 100vw; }
	/*-----------------------------
	2020.01.15 Kyowa add start 製品パッケージ追加
	------------------------------*/
	#pre-intro div.pre-intro_inner{
		margin: 0 auto;
		width: 100%;
		height: auto;
		padding-bottom: 6vw;
	}
	#pre-intro div.pre-intro_inner div.txt_part p.text_min_small_part{
		padding-top: 3.5vh;
		font-size: 5vw;
	}
	#pre-intro div.pre-intro_inner div.txt_part p.text_min_middle_part{
		margin-top: -2.5vh;
		font-size: 7vw;
	}
	#pre-intro div.pre-intro_inner div.txt_part p.text_min_big_part{
		margin-top: -4vh;
		font-size: 9.25vw;
	}
	#pre-intro div.pre-intro_inner div.txt_part h1{
		margin-top: -2.5vh;
		font-size: 4vw;
	}
	#pre-intro div.pre-intro_inner div.txt_part .ac_title{
		margin-top: -2.5vh;
		font-size: 4vw;
	}
	#pre-intro div.pre-intro_inner div.txt_part h1 img{
		padding-top: 1vh;
		width: 90vw;
	}
	#pre-intro div.pre-intro_inner div.txt_part .ac_title img{
		padding-top: 1vh;
		width: 90vw;
	}
	#pre-intro div.pre-intro_inner div.picture_part{
		position: relative;
		margin: 10px auto 0;
		padding: 1vh 0;
		width: 100%;
		text-align: center;
	}
	#pre-intro div.pre-intro_inner div.picture_part p{
		font-size: 3vw;
	}
	#pre-intro div.pre-intro_inner div.picture_part img.ssize{
		width: 22vw;
	}
	#pre-intro div.pre-intro_inner div.picture_part img.msize{
		width: 20vw;
	}
	#pre-intro div.pre-intro_inner div.picture_part img.package_s30{
		margin-top: -210px;
		margin-left: 24vw;
		width: 17vw;
	}
	/*-----------------------------
	2020.01.15 Kyowa add end 製品パッケージ追加
	------------------------------*/

	#atlesscare_p3 div.intro{
		width: 100%;
		height:auto;
	}
	#atlesscare_p3 h1{
		display:none;
	}
	#atlesscare_p3 p{
		display:none;
	}
	#atlesscare_p3 div.intro_add{
		width: 100%;
		height: 0;
		padding-bottom: 50%;
		background:url(../img/lp-ac/atlesscare_p3_n_01_sp3.jpg) no-repeat center top;
  		background-size: 100% auto;
		position:relative;
	}
	#atlesscare_p3 div.intro_add p.senshin{
		display:block;
		position:absolute;
		top:-2vw;
		left: 2vw;
		font-size: 4.75vw;
		letter-spacing: 0.5vw;
	}
	#atlesscare_p3 div.intro_add p.collaborate{
		display:block;
		position:absolute;
		top:15vw;
		font-size: 3vw;
	}
	#atlesscare_p3 div.intro_add p.attention{
		display:block;
		position:absolute;
		top:35vw;
		left: 2vw;
		font-size: 2vw;
		font-weight: normal;
	}
	#atlesscare_p3 div#feature01{
		width: 100%;
		height:auto;
	}
	#atlesscare_p3 div.feature02_1{
		width: 100%;
		height:auto;
	}
	#atlesscare_p3 div.feature02_2{
		width: 100%;
		height:auto;
	}
	#atlesscare_p3_white div.jitakude{
		width: 100%;
		height:auto;
	}
	#atlesscare_p3_white div.jitakude img { width: 100vw; }
	#atlesscare_p3_white div.jitakude p{
		display:none;
	}
	div.goto_netshop{
		width: 100%;
		height: 0;
		padding-bottom: 103%;
		background:url(../img/lp-ac/atlesscare_p3_n_05_sp.png) no-repeat center center;
  		background-size: 95% auto;
		position:relative;
	}
	div.goto_netshop p{
		display:none;
	}
	div.goto_netshop img{
		position: absolute;
		border-style:none;

	}
	div.goto_netshop img.s10{
		left: 13%;
		top: 75%;
		width: 38%;
	}
	div.goto_netshop img.s30{
		left: 13%;
		top: 82.5%;
		width: 38%;
	}
	div.goto_netshop img.m10{
		left: 54.8%;
		top: 75%;
		width: 38%;
	}
	div.goto_netshop img.m30{
		left: 54.8%;
		top: 82.5%;
		width: 38%;
	}
	#atlesscare_p3_white div#howto_harikata{
		margin: 0 auto;
		padding-top: 10px;
		width: 100%;
		height:auto;
		background-position: center top;
	}
	#atlesscare_p3_white div#howto_harikata p.m_size_attention{
		margin: 30px;
		font-size: 16px;
		text-align: left;
		color: #000000;
	}

	#atlesscare_p3_white div.youtube{
		margin: 0 5%;
		text-align: center;
		position: relative;
		width: 90%;
		padding-top: 56.25%;
	}
	#atlesscare_p3_white div.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	#atlesscare_p3_white div#howto_harikata span.sub_title{
		padding-left: 20px;
	}
	#atlesscare_p3_white div#howto_harikata .main__block07--cell{
		width: 45%;
		margin-left: 3%;
		margin-right: 3%;
	}
	#atlesscare_p3_white div#howto_harikata .main__block07--cell02{
		margin-left: 0;
	}
	#atlesscare_p3_white div#howto_harikata .main__block07--cell .img-responsive{
		width: 100%;
	}
	#atlesscare_p3_white div.knowhow{
		width: 100%;
		height: auto;
		padding-bottom: 98%;
		background:url(../img/lp-ac/atlesscare_p3_n_07_1.jpg) no-repeat center top;
  		background-size: 100% auto;
		position:relative;
	}
	#atlesscare_p3_white div.knowhow p.howto_midashi{
		display:none;
	}
	#atlesscare_p3_white div.knowhow p.howto_a{
		left: 54%;
		top: 14.3%;
		width: 40%;
		letter-spacing: 0.001px;
		line-height: 25px;
	}
	#atlesscare_p3_white div.knowhow p.howto_b{
		left: 54%;
		top: 42%;
		width: 40%;
		letter-spacing: 0.001px;
		line-height: 25px;
	}
	#atlesscare_p3_white div.knowhow p.howto_c{
		left: 54%;
		top: 75.1%;
		width: 40%;
		letter-spacing: 0.001px;
		line-height: 25px;
	}
	#atlesscare_p3_white div.knowhow p.howto_c span.komoji{
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		color: #2f2d2e;
		letter-spacing: 0.5px;
		vertical-align: super;
	}
	#atlesscare_p3_white div#question_answer{
		width: 100%;
		height: 0;
		padding-bottom: 125%;
		background:url(../img/lp-ac/atlesscare_p3_sp08_1.jpg) no-repeat center top;
  		background-size: 100% auto;
	}
	#atlesscare_p3_white div#question_answer span.komoji{
		font-size: 1vw;
		letter-spacing: 0.01vw;
	}
	#atlesscare_p3_white div#question_answer p.question_answer_midashi{
		top:9%;
		left:14%;
		font-size: 3.5vw;
	}
	#atlesscare_p3_white div#question_answer p.question{
		width: 100%;
		left:15%;
		font-size: 3vw;
	}
	#atlesscare_p3_white div#question_answer p.answer{
		width: 100%;
		left:15%;
		font-size: 3vw;
		line-height: 27px;
	}
	#atlesscare_p3_white div#question_answer p.q01{
		top:15.7%;
		letter-spacing: 0.01vw;
	}
	#atlesscare_p3_white div#question_answer p.a01{
		width:81%;
		top:19.7%;
		letter-spacing: 0.08vw;
		line-height: 3.5vw;
	}
	#atlesscare_p3_white div#question_answer p.q02{
		top:31.5%;
		letter-spacing: 0.01vw;
	}
	#atlesscare_p3_white div#question_answer p.a02{
		width:83%;
		top:36.2%;
		letter-spacing: 0.08vw;
		line-height: 3.5vw;
	}
	#atlesscare_p3_white div#question_answer p.q03{
		top:45.5%;
		letter-spacing: -0.04vw;
	}
	#atlesscare_p3_white div#question_answer p.a03{
		width:60%;
		top:50.5%;
		letter-spacing: 0.08vw;
		line-height: 3.5vw;
	}
	#atlesscare_p3_white div#question_answer p.q04{
		top:64.3%;
		letter-spacing: -0.04vw;
	}
	#atlesscare_p3_white div#question_answer p.a04{
		width:83%;
		top:69.2%;
		letter-spacing: 0.08vw;
		line-height: 3.5vw;
	}
	#atlesscare_p3_white div#question_answer p.q05{
		top:78.5%;
		letter-spacing: -0.04vw;
	}
	#atlesscare_p3_white div#question_answer p.a05{
		width:56%;
		top:83.2%;
		letter-spacing: 0.08vw;
		line-height: 3.5vw;
	}
	#atlesscare_p3_white div.attention{
		width: 100%;
		height:auto;
		padding: 10px 25px;
		font-size: 12px;
	}
}

@media screen and ( max-width:600px ){
	/*-----------------------------
	2020.01.15 Kyowa add start 製品パッケージ追加
	------------------------------*/
	#pre-intro div.pre-intro_inner div.txt_part{
		padding-top: 5vh;
	}
	#pre-intro div.pre-intro_inner div.picture_part{
		margin: 3vh auto;
	}
	#pre-intro div.pre-intro_inner div.picture_part p.ssize img{
		width: 35vw;
	}
	#pre-intro div.pre-intro_inner div.picture_part p.msize img{
		width: 25vw;
	}
    #pre-intro div.pre-intro_inner div.picture_part img {
        margin: auto 3vw;
    }
	/*-----------------------------
	2020.01.15 Kyowa add end 製品パッケージ追加
	------------------------------*/

	#atlesscare_p3 div.intro_add p.collaborate{
		line-height: 5vw;
	}
	#atlesscare_p3 div.intro_add p.attention{
		line-height: 10px;
	}
	#atlesscare_p3_white div#howto_harikata span.big_title{
		font-size: 28px;
		letter-spacing: 3px;
	}
	#atlesscare_p3_white div#howto_harikata img{
		width: 32%;
	}
	#atlesscare_p3_white div#howto_harikata p.big_title_black{
		margin: 0 3% auto 4%;
		padding-top: 10px;
		font-size: 14px;
		letter-spacing: 1px;
	}
	#atlesscare_p3_white div#howto_harikata p.m_size_attention{
		margin: 5% 3%;
		font-size: 14px;
	}
	#atlesscare_p3_white div#howto_harikata .main__block07--cell .txt__block{
		font-size: 12px;
		line-height: 15px;
	}
	#atlesscare_p3_white div.knowhow{
		width: 100%;
		height: auto;
		padding-bottom: 126%;
		background:url(../img/lp-ac/atlesscare_p3_n_07_sp.jpg) no-repeat center top;
  		background-size: 100% auto;
		position:relative;
	}
	#atlesscare_p3_white div.knowhow p.howto_a{
		left: 33%;
		top: 29%;
		width: 65%;
		font-size: 12px;
		letter-spacing: 0.001px;
		line-height: 25px;
	}
	#atlesscare_p3_white div.knowhow p.howto_b{
		left: 33%;
		top: 51%;
		width: 65%;
		font-size: 12px;
		letter-spacing: 0.001px;
		line-height: 25px;
	}
	#atlesscare_p3_white div.knowhow p.howto_c{
		left: 33%;
		top: 79%;
		width: 65%;
		font-size: 12px;
		letter-spacing: 0.001px;
		line-height: 25px;
	}
    #atlesscare_p3_white div.knowhow p.howto_a span.komoji,
	#atlesscare_p3_white div.knowhow p.howto_c span.komoji{
		font-size: 8px;
		font-weight: bold;
		text-align: center;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		color: #2f2d2e;
		letter-spacing: 0.5px;
		vertical-align: super;
	}
}

@media screen and ( max-width:425px ){
	/*-----------------------------
	2020.01.15 Kyowa add start 製品パッケージ追加
	------------------------------*/
	#pre-intro div.pre-intro_inner div.txt_part{
		font-weight: bold;
	}
	#pre-intro div.pre-intro_inner div.txt_part p.text_min_middle_part{
		padding-top: 3vh;
	}
	#pre-intro div.pre-intro_inner div.txt_part p.text_min_big_part{
		padding-top: 4vh;
	}
	#pre-intro div.pre-intro_inner div.txt_part h1{
		padding-top: 4vh;
	}
	#pre-intro div.pre-intro_inner div.txt_part .ac_title{
		padding-top: 4vh;
	}
	#pre-intro div.pre-intro_inner div.txt_part h1 img{
		padding-top: 1vh;
	}
	/*-----------------------------
	2020.01.15 Kyowa add end 製品パッケージ追加
	------------------------------*/
	#atlesscare_p3_white div#howto_harikata .main__block07--cell .txt__block{
		line-height: 15px;
	}
	#atlesscare_p3_white div.knowhow p.howto_a{
		left: 33%;
		top: 29%;
		width: 65%;
		font-size: 12px;
		letter-spacing: 0.001px;
		line-height: 15px;
	}
	#atlesscare_p3_white div.knowhow p.howto_b{
		left: 33%;
		top: 50%;
		width: 65%;
		font-size: 12px;
		letter-spacing: 0.001px;
		line-height: 15px;
	}
	#atlesscare_p3_white div.knowhow p.howto_c{
		left: 33%;
		top: 79%;
		width: 65%;
		font-size: 12px;
		letter-spacing: 0.001px;
		line-height: 15px;
	}
	#atlesscare_p3_white div#question_answer p.question_answer_midashi{
		font-size: 12px;
	}
	#atlesscare_p3_white div.attention{
		margin-bottom: 5vh;
		font-size: 10px;
	}
	#atlesscare_p3_white div.attention span.komoji{
		font-size: 6px;
	}
}



p.btns {
    display: block;
    width: 300px;
    margin: 50px  auto;
}
p.btns img{
    width: 100%;
}


#footer .pagetop {
    margin: 30px auto 30px !important;
}
@media screen and (max-width: 960px){
#footer .pagetop {
    margin: 25px auto 25px !important;
}
}