@charset "UTF-8";
/*デスクトップ用CSS*/
@media screen and (min-width:768px){
/************************************
基本設定
************************************/
.pc{
	display: block;
}
.sp{
	display: none;
}
/************************************
共通設定
************************************/
body{
	font-size: 16px;
}
h1{
	font-size: 36px;
	font-weight: bold;
}
h2{
	font-size: 36px;
	font-weight: bold;
}
.header__in,.footer__in{
	max-width: 1280px;
	width: 90%;
	margin: 0 auto;
}
/************************************
header
************************************/
header{
	height: 94px;
}
.header__in {
	position: static;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1.5;
	padding: 20px 0;
}
.logo {
	margin: 0;
}
.logo__img{
	width: 100%;
}
.logo__img img {
	width: auto;
}
.nav{
	width: 90%;
	display: block;
	position: relative;
	background: #1A1A1A;
	padding: 0;
	top: 0;
	left: 0;
}
.nav__list{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.nav__item {
	position: relative;
	margin: 0 4% 0 0;
}
@media (max-width:1350px) {
	.nav__item {
		margin: 0 2% 0 0;
	}
}
@media (max-width:1200px) {
	.nav__list{
		flex-flow: row wrap;
		gap: .5em 0;
		margin-left: 2em;
	}
	.nav__item {
		font-size: 14px;
	}
}
.nav__item.last-child,
.nav__item:last-child {
	margin: 0;
}
.nav__item a {
	color: #fff;
}

.active:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px;
  display: inline-block;
  width: 50%;
  height: 2px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
}
/************************************
main
************************************/
main{
	padding-top: 94px;
}
.main__content{
	margin: 40px 0;
}

/************************************
footer
************************************/
footer{
	background: url('../images/common/footer_bg_sp.png');
	background-position: center;
	background-size: cover;
	padding: 100px 0 230px;
}
.footer__in{
	text-align: left;
}
.footer__l {
	margin: 0 0 30px;
}
.footer__b {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
}
.footer__info {
	margin: 0;
}

.copyright{
	font-size: 12px;
}
/************************************
component
************************************/
/** link_banner **/
.link__banner {
	background: url('../images/common/contact_bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto 50px;
}
.link__banner  .link__txt {
  z-index: 10;
	font-size: 24px;
}
.link__banner .link__txt_s {
	font-size: 16px;
}
.link__bannerWrap {
	display: flex;
}
.link__banner01,
.link__banner02 {
	width: 50%;
}
.link__banner01 a,
.link__banner02 a {
	font-size: 18px;
	width: 85%;
	height: 90px;
	line-height: 90px;
}
.link__banner01 a {
	margin: 0 auto;
}
.link__banner02 .b_txt {
	font-size: 14px;
}



/************************************
index
************************************/
/** 共通 **/
#index .section__headline {
	font-size: 42px;
	margin: 0 auto 70px;
}

/** main **/
#index .main {
	margin: 0 auto 140px;
}
#index .main__vis {
	width: 85%;
}
#index .main__copy {
}
#index .main__copy h2 {
}
#index .main__copy .main__copy_s {
	font-size: 18px;
}
/* #index .main__copy h2::after {
  height: 160px;
} */
#index .main__copy h2 img {
	width: 50%;
}

#index .ambassador__img {
	width: 80%;
	margin: 0 auto 140px;
}

/** section01 **/
#index .section01 {
	max-width: 940px;
	width: 90%;
	margin: 0 auto 300px;
}
#index .section01__wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#index .section01__img {
	width: 40%;
}
#index .section01__txtWrap {
	width: 55%;
	margin: 0;
	color: #e5e5e5;
}
#index .section01__txtWrap h2 {
	margin: 0 0 60px;
	padding: 0;
	letter-spacing: 0.2em;
}
#homecare .section01__txtWrap h2 {
	margin: 0 0 60px;
}
#index .section01__txtWrap p {
	padding: 0 0 0 5%;
}

/** section02~4共通 **/
#index .section02,
#index .section03,
#index .section04 {
	max-width: 1180px;
	width: 90%;
	margin: 0 auto 145px;
}
#index .section02__txtWrap h3,
#index .section03__txtWrap h3,
#index .section04 h3 {
	font-size: 34px;
	margin: 0 0 100px -5%;
}
#index .product__link a {
	width: 300px;
	padding: 15px 30px;
}
.arrow {
	margin: 0 0 0 80px;
}

/** section02 **/
/** section04 **/
#index .section02__content,
#index .section03__content,
#index .section04__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#index .section02__img,
#index .section04__img {
	width: 40%;
	margin: 100px 0 0;
}
#index .section02__txtWrap,
#index .section04__txtWrap {
	width: 55%;
	margin: 0 0 70px;
}

#index .section02__txtWrap p,
#index .section04__txtWrap p {
	padding: 0 0 0 15%;
}

#index .section04 {
	margin: 0 auto 230px;
}

/** section03 **/
#index .section03__wrap {
	position: relative;
}
#index .section03 .section__headline {
	text-align: center;
}
#index .section03__content {
	align-items: center;
}
#index .section03__txtWrap {
	width: 55%;
}
#index .section03__txtWrap h3 {
	margin: 0 0 100px;
}
#index .section03__txtWrap p {
	padding: 0 25% 0 0;
	margin: 0 0 70px;
}
#index .section03__img {
	/* position: absolute;
	top: 40%;
	right: 0; */
	width: 45%;
	order: 2;
}
#index .section03 .product__link a {
	margin: 0 0 0 auto;
}

#index .comingsoon {
	font-size: 22px;
}

/** top_img02 **/
#index .top_img02 {
	width: 85%;
	margin: 0 0 200px;
}

/** section05 **/
#index .section05 {
	margin: 0 auto 200px;
}
#index .section05__headline,
#index .section06__headline {
	font-size: 32px;
	margin: 0 auto 50px;
}
#index .section05__headtxt {
	font-size: 14px;
	margin: 0 auto 50px;
}
#index .section05__in {
	padding: 0 5%;
}
#index .section05__in ul {
	display: flex;
	flex-wrap: wrap;
}
#index .section05__in li {
	width: 45%;
	margin: 0 10% 80px 0;
}
#index .section05__in li:nth-child(2n) {
	margin: 0 0 80px;
}
#index .section05__in li:last-child {
	margin: 0 0 80px;
}
#index .section05__in li h3 {
	font-size: 18px;
	margin: 0 0 30px;
}
#index .section05__in li h3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: #707070;
}
#index .section05__in li p {
	font-size: 16px;
}

/** section06 **/
#index .section06 {
	margin: 0 auto 50px;
}
#index .homecare {
	padding: 90px;
	margin: 0 auto 25px;
}
#index .homecare__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#index .homecare__img {
	width: 45%;
	margin: 0;
}
#index .homecare__img img {
	width: 100%;
}
#index .homecare__txtWrap {
	width: 50%;
}
#index .homecare__txtWrap h3 {
	font-size: 26px;
	margin: 0 0 70px;
}
#index .homecare__txtWrap p {
	font-size: 18px;
	margin: 0 0 90px;
}

#index .homecare__link a {
	font-size: 16px;
}

/************************************
page共通
************************************/
#page .page__main {
	margin: 0 auto 140px;
}
#page .main__img {
	width: 85%;
}
#page .main__copy .main__copy_s {
	font-size: 18px;
	margin: 0 0 30px;
}
/* #page .main__copy h1::after {
  height: 160px;
} */

/** section共通 **/
#page .section__headline {
	font-size: 52px;
	margin: 0 auto;
}
#page .section__headline span {
	font-size: 46px;
}

/** product **/
#page .product__wrap {
	max-width: 940px;
	width: 90%;
	margin: 0 auto 120px;
}
#page .product__in {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#page .product__img {
	width: 40%;
	margin: 0;
}
#page .product__txtWrap {
	width: 55%;
	padding: 50px 0 0;
	margin: 0;
}
#page .product__txtWrap h3 {
	font-size: 34px;
	margin: 0 0 50px;
}
#page .product__txtWrap p {
	padding: 0 10%;
}

/** about **/
#page .about {
	margin: 0 auto 240px;
}
#page .about__img01 {
	margin: 0 auto 180px;
}
#page .about__content {
	max-width: 1180px;
	width: 90%;
	margin: 0 auto 140px;
}
#page .about__content h3 {
	font-size: 34px;
	margin: 0 0 30px;
	text-align: left;
}
#page .about__r h3 {
	text-align: right;
}
#page .about__in {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#page .about__r .about__img {
	order: -1;
}
#page .about__img {
	width: 48%;
	margin: 0;
}
#page .about__in p {
	width: 48%;
	padding-top: 20px;
}

/** detail **/
#page .detail {
	margin: 0 auto 220px;
}
#page .detail .section__headline {
	margin: 0 auto 100px;
}
#page .detail__wrap {
	max-width: 1180px;
	width: 90%;
}
#page .detail__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 180px;
}
#page .detail__txtWrap {
	width: 50%;
}
#page .detail__txtWrap h3 {
	font-size: 28px;
	padding: 0 0 10px;
	margin: 0 0 20px;
}
#page .detail__txtWrap p {
	font-size: 14px;
}
#page .detail__img {
	width: 45%;
	margin: 0;
}
#page .detail__item_r .detail__img {
	order: -1;
}

/** specification **/
#page .specification__wrap {
	margin: 0 auto 60px;
	padding: 150px 0;
}
#page .specification__wrap .section__headline {
	position: absolute;
    top: -50px;
    left: 50%;
		-ms-transform: translateX(-50%);
	  -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#page .specification__in {
	max-width: 940px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#page .specification__txtWrap {
	width: 55%;
}
#page .specification__txtWrap dl {
	display: flex;
	padding: 0 0 10px;
	margin: 0 0 30px;
}
#page .option dt {
	width: 85px;
}
#page .option dd {
	width: 80%;
}

#page .specification__img {
	width: 40%;
	margin: 0;
}

/************************************
dio1
************************************/
/************************************
dio2
************************************/
#dio2 .about__img02 {
	width: 85%;
	margin: 0 0 140px auto;
}
/************************************
dio3
************************************/
/************************************
diotesla
************************************/
#diotesla .main__copy h1 img {
	width: 100%;
}

/************************************
dioepi
************************************/
#dioepi .about__txtWrap {
	width: 48%;
	padding-top: 20px;
}
#dioepi .about__in p {
  width: 100%;
  padding-top: 0;
}

#dioepi .product__in {
	margin: 0 0 70px;
}
#dioepi .product_pointImg {
	margin: 0 0 70px;
}
#dioepi .product_pointImg img {
	width: 100%;
}
#dioepi .product_pointWrap h4 {
	font-size: 34px;
	margin: 0 0 50px;
}
#dioepi .product_pointWrap ul {
	display: flex;
	justify-content: space-between;
}
#dioepi .product_pointWrap li {
	width: 19%;
	padding: 20px;
	margin: 0;
}
#dioepi .product_pointWrap li:nth-child(3n) {
	margin: 0;
}
#dioepi .product_pointWrap img {
	max-width: 65px;
	width: 50%;
	margin: -50px auto 20px;
}
#dioepi .product_pointWrap h5 {
	font-size: 20px;
	margin: 0 0 25px;
}
#dioepi .product_pointWrap p {
	font-size: 14px;
}

/************************************
homecare_top
************************************/
/** 共通 **/
#homecare .section__headline {
	text-align: center;
}

/** section02 **/
#homecare .section02__txtWrap h3 {
	margin: 0 0 50px;
}

/** homecare_img01 **/
#homecare .homecare_img01 {
	width: 85%;
	margin: 0 0 200px;
}

/** section03 **/
#homecare .section03 {
	margin: 0 auto 50px;
}
#homecare .section03__headline {
	margin: 0 auto 90px;
}
#homecare .saloncare {
	padding: 90px;
	margin: 0 auto 25px;
}
#homecare .saloncare__wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#homecare .saloncare__img {
	position: static;
	width: 50%;
	height: 480px;
	margin: 0;
}
#homecare .saloncare__txtWrap {
	width: 45%;
}
#homecare .saloncare__txtWrap h3 {
	font-size: 32px;
	margin: 0 0 70px;
}
#homecare .saloncare__txtWrap p {
	font-size: 18px;
	margin: 0 0 90px;
}

#homecare .saloncare__link a {
	font-size: 16px;
}

/************************************
brush
************************************/

/** section共通 **/
#brush .section__headline {
	margin: 0 auto 120px;
}

/** product **/
#brush .product__txtWrap {
	padding: 70px 0 0;
	margin: 0;
}

/** about__img02 **/
#brush .about__img02 {
	margin: 0 0 120px;
}

/** detail **/
#brush .detail__wrap {
	padding: 80px 5%;
}

#brush .detail__item {
	margin: 0 auto 100px;
}
#brush .detail__txtWrap {
	width: 65%;
}

#brush .detail__img {
	width: 30%;
}

#brush .detail__in ul {
	display: flex;
}
#brush .detail__in li {
	display: block;
	width: 22%;
	margin: 0 4% 0 0;
}
#brush .detail__in li:last-child {
	margin: 0;
}
#brush .detail__in li .detail__img,
#brush .detail__in li .detail__txtWrap {
	width: 100%;
}
#brush .detail__in li .detail__img img {
	width: 70%;
	display: block;
	margin: 0 auto 20px;
}
#brush .detail__in li h3 {
	font-size: 22px;
	line-height: 1.8;
	text-align: center;
}
#brush .detail__in li p {
	line-height: 1.5;
}

/************************************
contact
************************************/
#contact .contact__txtWrap,
#thanks .thanks__txtWrap {
	margin: 0 auto 170px;
}
#contact .contact__txtWrap:after,
#thanks .thanks__txtWrap:after {
  width: 50%;
}

#contact .contact__flow,
#thanks .thanks__flow {
	justify-content: space-around;
	margin: 0 auto 100px;
}
#contact .contact__step,
#thanks .contact__step {
	width: 200px;
}
#contact .contact__step p,
#thanks .contact__step p {
	font-size: 16px;
}
.flow__icon {
	margin: 0 auto 20px;
	width: auto;
}

#contact .form__item {
	display: flex;
	justify-content: space-between;
	margin: 0 0 80px;
}
#contact .form__term {
	display: block;
	font-size: 18px;
	width: 35%;
	margin: 0;
}
#contact .req {
	margin: 0;
}
#contact .form__description {
	width: 65%;
}

#contact .action {
	display: flex;
}

input[type="button"] {
	margin: 0 auto;
}


/************************************
thanks
************************************/

#thanks .back__link {
	width: 820px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
#thanks .back__link a {
	margin: 0;
}

/************************************
privacypolicy
************************************/
#privacypolicy .privacypolicy__in {
	margin: 0 auto 100px;
}
#privacypolicy h2 {
	margin: 50px 0 10px;
	font-size: 32px;
}




/*END*/
}