@charset "utf-8";
#maincontents {
 background: url("../images/kaoruale/bg.jpg") no-repeat center top fixed;
 background-size: cover;
}
/* SP */
@media screen and (max-width: 767px) {
 #maincontents {
  background: url("../images/kaoruale/bg.jpg") repeat center top;
  background-size: 220% auto;
 }
 .contantsbody {
  padding: 5% 0 12% 0;
 }
 #mv .mvinner {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
 }
 #campaign {
  width: 90%;
  margin: 0 auto 10% auto;
 }
 #campaign a {
  display: block;
 }
 #lead .sectioninner {
  width: 90%;
  margin: 0 auto 15% auto;
  padding: 0 0 35% 0;
  position: relative;
  background: url("../images/kaoruale/lead_deco.png") no-repeat center bottom;
  background-size: contain;
 }
 #lead .pic {
  width: 54%;
  margin: 0 auto;
 }
 #lead .textbox {
  color: #fff;
  margin: 5% 0 0 0;
  text-align: center;
 }
 #lead .catch {
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 0 0 5% 0;
 }
 #lead .text {
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  line-height: 2;
  letter-spacing: 0.1em;
 }
 #lead .note {
  margin: 5% 0 0 0;
  font-size: 10px;
  font-family: 'Noto Serif JP', serif;
 }
 #point {
  margin: 0 0 15% 0;
  padding: 0 5%;
 }
 #point .title {
  margin: 0 auto 5% auto;
 }
 #point .sectionbox {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 8% 0;
 }
 #point .boxbody {
  padding: 8% 5% 10% 5%;
 }
 #point .pointlist li {
  margin: 0 0 10% 0;
 }
 #point .pointlist li:last-child {
  margin: 0;
 }
 #point .pointlist .pointlabel {
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  color: #001865;
  margin: 0 0 5% 0;
 }
 #point .pointlist .pointlabel .num {
  display: inline-block;
  width: 1.5em;
  font-size: 32px;
 }
 #point .pointlist .pointlabel .labeltext {
  vertical-align: middle;
  position: relative;
  top: 0.2em;
 }
 #point .pointlist .pic {
  margin: 0 0 5% 0;
 }
 #point .pointlist .label {
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  color: #001865;
  line-height: 1.8;
  margin: 0 0 5% 0;
 }
 #point .pointlist .text {
  font-size: 14px;
  line-height: 2;
 }
 #design {
  margin: 0 0 15% 0;
  padding: 0 5%;
 }
 #design .title {
  margin: 0 auto 5% auto;
 }
 #design .designbox {
  background: url("../images/kaoruale/design_bg_sp.jpg") no-repeat center top;
  background-size: cover;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  color: #004895;
  margin: 0 0 8% 0;
 }
 #design .designinner {
  padding: 115% 5% 10% 5%;
  text-align: center;
 }
 #design .designbox .catch {
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 0 0 5% 0;
 }
 #design .designbox .text {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 2;
 }
 #about {
  margin: 0 0 15% 0;
  padding: 0 5%;
 }
 #about .title {
  margin: 0 auto 5% auto;
 }
 #about .aboutbox {
  color: #fff;
  text-align: center;
  margin: 0 auto 15% auto;
 }
 #about .aboutbox .label {
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 0 0 5% 0;
 }
 #about .aboutbox .text {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 5% 0;
 }
 #about .aboutbox .name {
  max-width: 90%;
  margin: 0 auto;
 }
 #about .sectionbox {
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 80px 0;
  padding: 5% 5% 8% 5%;
 }
 #about .sectionbox .label {
  background: url("../images/kaoruale/about_ale.png") no-repeat center top;
  background-size: contain;
  font-size: 22px;
  font-family: 'Noto Serif JP', serif;
  color: #001865;
  text-align: center;
  padding: 8% 0 10% 0;
 }
 #about .sectionbox .text {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  line-height: 2;
  text-align: center;
  margin: 0 0 8% 0;
 }
 #about .pictitle {
  font-size: 14px;
  color: #fff;
  background: #001865;
  text-align: center;
  padding: 10px;
  margin: 0 0 5% 0;
 }
 #products {
  margin: 0 0 15% 0;
 }
 #products .title {
  margin: 0 auto 8% auto;
 }
 #products .productlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 10% 5% 10%;
 }
 #products .productlist li {
  text-align: center;
  margin: 0 0 8% 0;
 }
 #products .productlist li .pic {
  width: 80%;
  margin: 0 auto 5% auto;
 }
 #products .productlist li .label {
  font-size: 14px;
 }
 #products .productlist li.item_reg {
  width: 50%;
 }
 #products .productlist li.item_reg .pic {
  width: 70%;
 }
 #products .productlist li.item_long {
  width: 50%;
 }
 #products .productlist li.item_long .pic {
  width: 70%;
 }
 #products .productlist li.item_rpack {
  width: 100%;
 }
 #products .productlist li.item_rpack .pic {
  margin: -8% auto 5% auto;
 }
 #products .productlist li.item_lpack {
  width: 100%;
 }
 #products .productlist li.item_lpack .pic {
  margin: -3% auto 5% auto;
 }
 #products .product02 {
  padding: 0 5%;
 }
 #products .product02 .label {
  font-size: 16px;
  margin: 0 0 5% 0;
 }
 #products .productdata {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  padding: 5%;
 }
 #products .product02 .dataname {
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
  margin: 0 0 5% 0;
  line-height: 1.2;
 }
 #products .product02 .dataname strong {
  color: #001865;
  font-weight: normal;
 }
 #products .product02 .datalist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 #products .product02 .datalist li {
  background: #efefe7;
  padding: 5% 3%;
  text-align: center;
  width: 32%;
  margin: 0 0 3% 0;
 }
 #products .product02 .datalist .datalabel {
  margin: 0 0 8% 0;
  font-size: 12px;
 }
 #products .product02 .datalist .datanum {
  font-size: 15px;
  font-family: 'Noto Serif JP', serif;
 }
 #products .product02 .datanote {
  margin: 3% 0 0 0;
  font-size: 12px;
  text-align: right;
 }
 #products .btnset {
  width: 60%;
  margin: 0 auto 15% auto;
 }
 #products .btnset .searchbtn {
  margin: 0 0 10% 0;
 }
 #links {
  margin: 0 0 15% 0;
  padding: 0 5%;
 }
 #links .linklist.list01 {
  margin: 0 0 12% 0;
 }
 #links .linklist li {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 12% 0;
 }
 #links .linklist li:last-child {
  margin: 0;
 }
 #links .linklist li .text {
  padding: 8%;
  font-size: 13px;
  text-align: left;
  line-height: 1.5;
 }
}
/* PC */
@media screen and (min-width: 768px) {
 #mv {
  max-width: 1364px;
  margin: 0 auto;
 }
 #mv .mvinner {
  border-radius: 0 0 8px 8px;
  overflow: hidden;
 }
 .contantsbody {
  max-width: 1164px;
  margin: 0 auto;
  padding: 60px 0 160px 0;
 }
 #campaign {
  width: 960px;
  margin: 0 auto 60px auto;
 }
 #campaign a {
  display: block;
  transition: 0.2s;
 }
 #campaign a:hover {
  transform: scale(1.05);
 }
 #lead .sectioninner {
  width: 94%;
  margin: 0 auto 160px auto;
  display: flex;
  justify-content: space-between;
  position: relative;
 }
 #lead .pic {
  width: 48%;
  padding: 3% 5% 0 5%;
 }
 #lead .textbox {
  width: 50%;
  color: #fff;
  padding: 5% 0 60px 0;
  background: url("../images/kaoruale/lead_deco.png") no-repeat right bottom;
  background-size: 60% auto;
 }
 #lead .catch {
  font-size: 34px;
  font-family: 'Noto Serif JP', serif;
  line-height: 2;
  letter-spacing: 0.1em;
  margin: 0 0 20px 0;
 }
 #lead .text {
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  line-height: 2;
  letter-spacing: 0.1em;
 }
 #lead .note {
  margin: 20px 0 0 0;
  font-size: 14px;
  font-family: 'Noto Serif JP', serif;
 }
 #point {
  margin: 0 0 120px 0;
 }
 #point .title {
  max-width: 460px;
  margin: 0 auto 40px auto;
 }
 #point .sectionbox {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 80px 0;
 }
 #point .boxbody {
  padding: 70px;
 }
 #point .pointlist {
  display: flex;
  justify-content: space-between;
 }
 #point .pointlist li {
  width: 48%;
 }
 #point .pointlist .pointlabel {
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
  color: #001865;
  margin: 0 0 20px 0;
 }
 #point .pointlist .pointlabel .num {
  display: inline-block;
  width: 1.6em;
  font-size: 40px;
 }
 #point .pointlist .pointlabel .labeltext {
  vertical-align: middle;
  position: relative;
  top: 0.2em;
 }
 #point .pointlist .pic {
  margin: 0 0 20px 0;
 }
 #point .pointlist .label {
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  color: #001865;
  line-height: 2;
  margin: 0 0 20px 0;
 }
 #point .pointlist .text {
  font-size: 16px;
  line-height: 1.8;
 }
 #design {
  margin: 0 0 120px 0;
 }
 #design .title {
  max-width: 460px;
  margin: 0 auto 40px auto;
 }
 #design .designbox {
  background: url("../images/kaoruale/design_bg_pc.jpg") no-repeat center center;
  background-size: cover;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  color: #004895;
  margin: 0 0 80px 0;
 }
 #design .designinner {
  padding: 10% 5% 10% 53%;
 }
 #design .designbox .catch {
  font-size: 50px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 0 0 20px 0;
 }
 #design .designbox .text {
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 2;
 }
 #about {
  margin: 0 0 120px 0;
 }
 #about .title {
  max-width: 460px;
  margin: 0 auto 40px auto;
 }
 #about .aboutbox {
  color: #fff;
  text-align: center;
  margin: 0 auto 120px auto;
 }
 #about .aboutbox .label {
  font-size: 50px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin: 0 0 30px 0;
 }
 #about .aboutbox .text {
  font-family: 'Noto Serif JP', serif;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 0 0 50px 0;
 }
 #about .aboutbox .name {
  max-width: 520px;
  margin: 0 auto;
 }
 #about .sectionbox {
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 80px 0;
  padding: 30px 110px 80px 110px;
 }
 #about .sectionbox .label {
  background: url("../images/kaoruale/about_ale.png") no-repeat center top;
  background-size: 420px auto;
  font-size: 40px;
  font-family: 'Noto Serif JP', serif;
  color: #001865;
  text-align: center;
  padding: 40px 0 60px 0;
 }
 #about .sectionbox .text {
  font-family: 'Noto Serif JP', serif;
  font-size: 16px;
  line-height: 2;
  text-align: center;
  margin: 0 0 80px 0;
 }
 #about .pictitle {
  font-size: 20px;
  color: #fff;
  background: #001865;
  text-align: center;
  padding: 10px;
  margin: 0 0 40px 0;
 }
 #products {
  margin: 0 0 160px 0;
 }
 #products .title {
  max-width: 460px;
  margin: 0 auto 40px auto;
 }
 #products .productlist {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0 0 120px 0;
 }
 #products .productlist li {
  text-align: center;
 }
 #products .productlist li.item_reg {
  width: 17%;
 }
 #products .productlist li.item_long {
  width: 17%;
 }
 #products .productlist li.item_rpack {
  width: 31%;
 }
 #products .productlist li.item_lpack {
  width: 31%;
 }
 #products .productlist li .pic {
  margin: 0 0 30px 0;
 }
 #products .productlist li.item_reg .pic {
  padding: 0 11%;
 }
 #products .productlist li.item_long .pic {
  padding: 0 11%;
 }
 #products .productlist li .label {
  font-size: 16px;
 }
 #products .product02 {
  padding: 0 10%;
 }
 #products .product02 .label {
  font-size: 16px;
  margin: 0 0 20px 0;
 }
 #products .productdata {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  padding: 50px 5%;
 }
 #products .product02 .dataname {
  font-size: 16px;
  font-family: 'Noto Serif JP', serif;
  margin: 0 0 20px 0;
 }
 #products .product02 .dataname strong {
  color: #001865;
  font-weight: normal;
 }
 #products .product02 .datalist {
  display: flex;
  justify-content: space-between;
 }
 #products .product02 .datalist li {
  background: #efefe7;
  padding: 20px 10px;
  text-align: center;
  width: 15.8%;
 }
 #products .product02 .datalist .datalabel {
  margin: 0 0 20px 0;
  font-size: 14px;
 }
 #products .product02 .datalist .datanum {
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
 }
 #products .product02 .datanote {
  margin: 10px 0 0 0;
  font-size: 14px;
  text-align: right;
 }
 #products .btnset {
  width: 640px;
  margin: 0 auto 120px auto;
  display: flex;
  justify-content: space-between;
 }
 #products .btnset .productbtn {
  width: 47.5%;
 }
 #links .linklist li {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
  border-radius: 8px;
  overflow: hidden;
  transition: 0.3s;
 }
 #links .linklist li:hover {
  transform: scale(1.05);
 }
 #links .linklist li a {
  display: block;
 }
 #links .linklist.list01 {
  margin: 0 0 80px 0;
 }
 #links .linklist li .text {
  padding: 30px;
  font-size: 16px;
  text-align: center;
  line-height: 1.5;
 }
}