@charset "UTF-8";
html {
font-size: 62.5%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
}
body {
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 1.6;
background-color: #FFF;
padding-top: 0;
}
.container-fluid {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 992px) {
body {
padding-left: 0px;
}
.container-fluid {
padding-left: 270px;
padding-right: 0;
}
}
.preload::after {
content: "";
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2000;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
background-color: #FFF;
background-position: center;
background-repeat: no-repeat;
background-image: url(../assets/img/logo300.png);
}
a {
color: #212121;
outline: 0;
outline: none;
text-decoration: none;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a:hover {
color: #4E3A65;
outline: 0;
outline: none;
text-decoration: none;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a[href^="tel:"] {
cursor: default;
}
img {
vertical-align: middle;
border-style: none;
max-width: 100%;
height: auto;
}
img.img-fluid {
vertical-align: middle;
border-style: none;
max-width: 100%;
height: auto;
}
.container-100p {
width: 100%;
margin: 0 auto;
}
.row:before,
.row:after {
width: 0;
}
.row.no-margin {
margin-right: 0;
margin-left: 0;
}
.row.flex {
display: flex;
flex-wrap: wrap;
}
.no-padding {
padding-left: 0;
padding-right: 0;
}
.flex-center {
display: flex;
align-items: center;
}
ul {
display: block;
list-style-type: none;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
}
h1 {
margin: 0 0;
}
h1, h2, h3, h4, h5, h6 {
text-transform: none;
}
.fixed-top {
z-index: 1030;
}
dt {
font-weight: 600;
}
.navbar {
padding: 0rem 1rem;
}
#sideNav .navbar-nav .nav-item .nav-link {
font-size: 1.6rem;
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 1px;
text-align: left;
}
.navbar-dark .navbar-nav .nav-link {
position: relative;
color: #444;
-webkit-transition: color .25s;
transition: color .25s;
}
.navbar-dark .navbar-nav .nav-link:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: 2px solid #9579B4;
-webkit-transform-origin: left;
transform-origin: left;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all .25s;
transition: all .25s;
}
.nav-link {
display: inline-block;
padding: 0.6rem 0;
}
.navbar-toggler {
background-color: #B34B76;
border: 1px solid #B34B76;
}
.navbar-dark .navbar-toggler {
color: #B34B76;
border-color: #B34B76;
}
@media (max-width: 1480px){
#sideNav .navbar-nav .nav-item .nav-link {
font-size: 1.4rem;
letter-spacing: 1px;
}
.nav-link {
padding: 0.4rem 0;
}
}
@media (max-width: 990px){
#sideNav .navbar-nav .nav-item .nav-link {
display: block;
font-size: 1.4rem;
letter-spacing: 1px;
text-align: center !important;
}
.nav-link {
padding: 1.0rem 0;
}
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
color: #A05671;
}
.navbar-dark .navbar-nav .nav-link:hover:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #A05671;
}
@media (min-width: 992px) {
.navbar {
padding: 0.5rem 1rem;
}
.d-pc-none {
display: none !important;
}
#sideNav {
width: 270px;
height: 100vh;
text-align: left;
}
#sideNav .navbar-brand .img-profile {
max-width: 180px;
max-height: 200px;
border: none;
}
#sideNav .navbar-collapse .navbar-nav {
width: 140px;
margin: 10% auto 0;
}
#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
display: inline-block;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.1rem;
padding-left: 0.1rem;
}
}
section.resume-section {
max-width: 100%;
}
.bg-primary {
background-color: #FFF !important;
}
.movie-home-section {
position: relative;
overflow: hidden;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
background-color: #FFF;
background-image: url(../assets/img/home-bg-top.jpg);
}
.movie-home-section video {
position: absolute;
top: 0%;
left: 0%;
min-height: 100%;
min-height: 100vh;
min-width: 100%;
min-width: 100vw;
margin: auto;
background-attachment: fixed;
background-position: center center;
background-size: cover;
overflow: hidden;
}
/*!------------------------------------------------------------------
[Home Hero Section]
*/
.hero-text-section {
width: 50%;
height: 100%;
margin: 0 0 0 50%;
padding: 0;
}
.hero-section-content {
display: table;
width: 100%;
height: 100%;
text-align: center;
margin: 0 auto;
}
.hero-lead-wrap {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.75);
}
.hero-copy {
display: block;
font-size: 9.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 20px;
color: #4E3A65;
text-align: center;
margin: 0 auto 20px;
padding: 0 0 0 20px;
}
.hero-copy span {
font-size: 12.0rem;
color: #B34B76;
}
.hero-lead-wrapper {
display: table-cell;
vertical-align: middle;
}
.hero-lead-en {
display: block;
font-size: 4.8rem;
font-family: 'Roboto', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 0px;
color: #999;
text-align: center;
margin: 0 auto 50px;
padding: 0;
}
.hero-lead {
display: block;
width: 400px;
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-height: 2.0;
letter-spacing: 4px;
color: #444;
text-align: center;
margin: 0 auto;
padding: 0 0 0 20px;
}
@media (max-width: 1680px){
.hero-copy {
font-size: 8.4rem;
}
.hero-copy span {
font-size: 10.8rem;
}
.hero-lead-en {
font-size: 4.4rem;
margin: 0 auto 50px;
}
}
@media (max-width: 1480px){
.hero-copy {
font-size: 7.2rem;
}
.hero-copy span {
font-size: 9.6rem;
}
.hero-lead-en {
font-size: 4.0rem;
margin: 0 auto 40px;
}
.hero-lead {
width: 400px;
font-size: 1.5rem;
letter-spacing: 2px;
padding: 0 0 0 20px;
}
}
@media (max-width: 1380px){
}
@media (max-width: 1300px){
.hero-copy {
font-size: 6.0rem;
}
.hero-copy span {
font-size: 8.4rem;
}
}
@media (max-width: 1200px){
.hero-copy {
font-size: 4.8rem;
letter-spacing: 10px;
padding: 0 0 0 10px;
}
.hero-copy span {
font-size: 6.0rem;
}
.hero-lead {
width: 100%;
font-size: 1.4rem;
letter-spacing: 1px;
padding: 0 0 0 20px;
}
}
@media (max-width: 990px){
}
@media (max-width: 749px){
.hero-copy {
font-size: 5.4rem;
letter-spacing: 5px;
padding: 0 0 0 5px;
}
.hero-copy span {
font-size: 7.2rem;
}
.hero-lead-en {
font-size: 3.0rem;
margin: 0 auto 40px;
}
.hero-lead {
display: none;
}
}
@media (max-width: 499px){
.hero-text-section {
width: 100%;
height: 100vh;
margin: 0;
}
.hero-lead-wrap {
background-color: rgba(255, 255, 255, 0.75);
}
.hero-copy {
margin: 0 auto 15px;
}
.hero-lead-en {
font-size: 3.6rem;
margin: 0 auto 20px;
}
.hero-lead {
display: block;
}
.hero-lead {
width: 100%;
font-size: 1.4rem;
letter-spacing: 0px;
line-height: 1.6;
padding: 0 0 0 10px;
}
}
@media (max-width: 359px){
}
/*!------------------------------------------------------------------
[Home About Section]
*/
section.about-section {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, 1.0);
}
.about-copy-wrap01 {
display: flex;
flex-direction: row;
}
.about-copy-wrap02 {
display: flex;
flex-direction: row;
}
.about-copy-wrap01,
.about-copy-wrap02 {
margin: auto;
width: 100%;
height: 100%;
background-color: #FFFFFF;
background-image:
repeating-linear-gradient(to bottom, /* 横線 */
transparent 20px,
rgba(153, 153, 153, 0.10) 21px, rgba(153, 153, 153, 0.10) 21px,
transparent 22px, transparent 41px,
rgba(153, 153, 153, 0.10) 42px, rgba(153, 153, 153, 0.10) 42px,
transparent 43px, transparent 62px,
rgba(153, 153, 153, 0.10) 63px, rgba(153, 153, 153, 0.10) 63px,
transparent 64px, transparent 83px,
rgba(153, 153, 153, 0.10) 84px, rgba(153, 153, 153, 0.10) 84px,
transparent 85px, transparent 104px,
rgba(153, 153, 153, 0.10) 105px, rgba(153, 153, 153, 0.10) 105px),
repeating-linear-gradient(to right, /* 縦線 */
transparent 20px,
rgba(153, 153, 153, 0.10) 21px, rgba(153, 153, 153, 0.10) 21px,
transparent 22px, transparent 41px,
rgba(153, 153, 153, 0.10) 42px, rgba(153, 153, 153, 0.10) 42px,
transparent 43px, transparent 62px,
rgba(153, 153, 153, 0.10) 63px, rgba(153, 153, 153, 0.10) 63px,
transparent 64px, transparent 83px,
rgba(153, 153, 153, 0.10) 84px, rgba(153, 153, 153, 0.10) 84px,
transparent 85px, transparent 104px,
rgba(153, 153, 153, 0.10) 105px, rgba(153, 153, 153, 0.10) 105px);
}
.about-copy-wrapper-in {
padding: 15% 10% 0;
}
.about-subtitle01 {
display: block;
width: 90px;
height: 320px;
font-size: 3.0rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 4px;
color: #4E3A65;
text-align: left;
margin: 0;
padding: 20px 10px;
border-top: solid 1px #4E3A65;
border-right: solid 1px #4E3A65;
border-bottom: solid 1px #4E3A65;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical;
}
.about-subtitle01 span {
color: #B34B76;
}
.about-subtitle01 span.en {
display: block;
width: 16px;
height: 160px;
font-size: 1.5rem;
font-family: 'Roboto', sans-serif;
font-weight: 500;
line-height: 1.0;
letter-spacing: 0px;
color: #4E3A65;
text-align: left;
margin: 4px 0 0 10px;
padding: 0;
}
.about-lead-outwrap {
padding-left: 30px;
}
.about-lead01 {
display: block;
font-size: 3.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.3;
letter-spacing: 12px;
color: #4E3A65;
text-align: left;
margin: 4% 0 8%;
padding: 0;
}
.about-lead01 span {
display: block;
color: #B34B76;
letter-spacing: 10px;
}
.about-text01 {
display: block;
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 2.0;
letter-spacing: 1px;
color: #444;
text-align: left;
margin: 0 auto;
padding: 0;
}
.about-subtitle02 {
display: block;
width: 90px;
height: 220px;
font-size: 3.0rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 4px;
color: #4E3A65;
text-align: left;
margin: 0;
padding: 20px 10px;
border-top: solid 1px #4E3A65;
border-right: solid 1px #4E3A65;
border-bottom: solid 1px #4E3A65;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical;
}
.about-subtitle02 span {
color: #B34B76;
}
.about-subtitle02 span.en {
display: block;
width: 16px;
height: 160px;
font-size: 1.5rem;
font-family: 'Roboto', sans-serif;
font-weight: 500;
line-height: 1.0;
letter-spacing: 0px;
color: #4E3A65;
text-align: left;
margin: 2px 0 0 10px;
padding: 0;
}
.about-lead02 {
display: block;
font-size: 3.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.3;
letter-spacing: 12px;
color: #4E3A65;
text-align: left;
margin: 4% 0 10%;
padding: 0;
}
.about-lead02 span {
display: block;
color: #B34B76;
letter-spacing: 5px;
}
.about-text02 {
display: block;
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 2.0;
letter-spacing: 1px;
color: #444;
text-align: left;
margin: 0 auto;
padding: 0 0 4%;
}
#about #rev-1,
#about #rev-5,
#topics #rev-9 {
display: block;
width: 90px;
}
@media (max-width: 1680px){
.about-copy-wrapper-in {
padding: 12% 10% 0;
}
.about-subtitle01 {
width: 86px;
height: 280px;
font-size: 2.8rem;
letter-spacing: 2px;
padding: 16px;
}
.about-subtitle02 {
width: 86px;
height: 190px;
font-size: 2.8rem;
letter-spacing: 2px;
padding: 16px;
}
.about-lead-outwrap {
padding-left: 20px;
}
.about-lead01 {
font-size: 3.0rem;
line-height: 1.4;
letter-spacing: 10px;
margin: 4% 0 10%;
}
.about-text01 {
font-size: 1.5rem;
line-height: 2.0;
letter-spacing: 0px;
padding: 0 0 0;
}
.about-lead02 {
font-size: 3.0rem;
line-height: 1.4;
letter-spacing: 10px;
margin: 4% 0 10%;
}
.about-text02 {
font-size: 1.5rem;
line-height: 2.0;
letter-spacing: 0px;
padding: 0 0 0;
}
#about #rev-1,
#about #rev-5,
#topics #rev-9 {
width: 86px;
}
}
@media (max-width: 1480px){
.about-copy-wrapper-in {
padding: 14% 8% 0;
}
.about-subtitle01 {
width: 76px;
height: 250px;
font-size: 2.4rem;
letter-spacing: 2px;
padding: 16px;
}
.about-subtitle02 {
width: 76px;
height: 170px;
font-size: 2.4rem;
letter-spacing: 2px;
padding: 16px;
}
.about-lead-outwrap {
padding-left: 10px;
}
.about-lead01 {
font-size: 2.4rem;
line-height: 1.4;
letter-spacing: 8px;
margin: 4% 0 8%;
}
.about-text01 {
font-size: 1.4rem;
line-height: 1.8;
padding: 0;
}
.about-lead02 {
font-size: 2.4rem;
line-height: 1.4;
letter-spacing: 8px;
margin: 4% 0 8%;
}
.about-text02 {
font-size: 1.4rem;
line-height: 1.8;
padding: 0;
}
#about #rev-1,
#about #rev-5,
#topics #rev-9 {
width: 76px;
}
}
@media (max-width: 1380px){
.about-copy-wrapper-in {
padding: 12% 8% 0;
}
.about-text01 {
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: 0px;
padding: 0 0 0;
}
.about-text02 {
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: 0px;
padding: 0 0 0;
}
}
@media (max-width: 1300px){
.about-text01 br {
display: none;
}
.about-text02 br {
display: none;
}
}
@media (max-width: 1200px){
.about-copy-wrapper-in {
padding: 10% 5% 0;
}
.about-subtitle01 {
width: 72px;
height: 200px;
font-size: 2.0rem;
letter-spacing: 1px;
padding: 12px;
}
.about-subtitle01 span.en {
width: 14px;
height: 140px;
font-size: 1.4rem;
margin: 4px 0 0 10px;
}
.about-subtitle02 {
width: 72px;
height: 140px;
font-size: 2.0rem;
letter-spacing: 1px;
padding: 12px;
}
.about-subtitle02 span.en {
width: 14px;
height: 140px;
font-size: 1.4rem;
margin: 4px 0 0 10px;
}
.about-lead-outwrap {
padding-left: 20px;
}
.about-lead01 {
font-size: 2.0rem;
line-height: 1.4;
letter-spacing: 2px;
margin: 0% 0 8%;
}
.about-lead01 span {
letter-spacing: 2px;
}
.about-text01 {
font-size: 1.3rem;
line-height: 1.4;
}
.about-lead02 {
font-size: 2.0rem;
line-height: 1.4;
letter-spacing: 0px;
margin: 0% 0 8%;
}
.about-lead02 span {
letter-spacing: 2px;
}
.about-text02 {
font-size: 1.3rem;
line-height: 1.4;
}
}
@media (max-width: 990px){
.about-copy-wrapper-in {
padding: 10% 5% 8%;
}
#about #rev-1,
#about #rev-5,
#topics #rev-9 {
width: 100%;
}
.about-subtitle01 {
width: 100%;
height: auto;
font-size: 2.4rem;
letter-spacing: 1px;
margin: 0 auto 40px;
padding: 0;
text-align: center;
border-top: none;
border-right: none;
border-bottom: none;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
.about-subtitle01 span.en {
width: 100%;
height: auto;
font-size: 1.6rem;
text-align: center;
margin: 0 auto 10px;
}
.about-lead-outwrap {
padding-left: 0px;
}
.about-lead01 {
font-size: 3.0rem;
line-height: 1.4;
letter-spacing: 1px;
text-align: center;
margin: 0 0 40px;
}
.about-lead01 span {
letter-spacing: 1px;
}
.about-text01 {
font-size: 1.6rem;
line-height: 1.8;
}
.about-subtitle02 {
width: 100%;
height: auto;
font-size: 2.4rem;
letter-spacing: 1px;
margin: 0 auto 40px;
padding: 0;
text-align: center;
border-top: none;
border-right: none;
border-bottom: none;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
.about-subtitle02 span.en {
width: 100%;
height: auto;
font-size: 1.6rem;
text-align: center;
margin: 0 auto 10px;
}
.about-lead02 {
font-size: 3.0rem;
line-height: 1.4;
letter-spacing: 1px;
text-align: center;
margin: 0 0 40px;
}
.about-lead02 span {
margin: 0 0 0px;
}
.about-text02 {
font-size: 1.6rem;
line-height: 1.8;
}
}
@media (max-width: 749px){
.about-copy-wrapper-in {
padding: 15% 10% 15%;
}
}
@media (max-width: 499px){
.about-lead01 {
font-size: 2.6rem;
line-height: 1.4;
letter-spacing: 0px;
margin: 0 0 30px;
}
.about-lead02 {
font-size: 2.6rem;
line-height: 1.4;
letter-spacing: 0px;
margin: 0 0 30px;
}
.about-lead02 span {
letter-spacing: 0px;
}
}
@media (max-width: 359px){
.about-lead01 {
font-size: 2.4rem;
}
.about-lead02 {
font-size: 2.4rem;
}
}
/*!------------------------------------------------------------------
[Home Cover BG Section]
*/
section.cover-section {
width: 100%;
height: 100vh;
margin: 0;
padding: 0;
}
#cover-innerbg {
position: relative;
width: 100%;
height: 90vh;
background-color: rgba(255, 255, 255, 1.0);
background-image: url("../assets/img/about-bg-011.jpg");
background-size: cover;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}
.parallax {
background-attachment: fixed !important;
}
@media (max-width: 1200px){
.parallax {
background-attachment: scroll !important;
}
}
/*!------------------------------------------------------------------
[Home Company Section]
*/
section.company-section {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, 1.0);
}
/*!------------------------------------------------------------------
[Home Topics Section]
*/
section.topics-section {
width: 100%;
height: auto;
margin: 0;
padding: 8% 0 10%;
background-color: rgba(255, 255, 255, 1.0);
}
.topics-section-content {
width: 90%;
height: auto;
margin: 0 auto;
padding: 0;
}
.entry-wrapper {
padding: 0 0 0 0;
}
.entry-wrap {
padding: 5px 0;
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
}
.entry-wrap:hover {
background-color: #4E3A65;
border-bottom-color: #4E3A65;
padding-left: 30px;
padding-right: 30px;
}
.entry-wrap:hover dl.topics-features dt span,
.entry-wrap:hover dl.topics-features dt h3.home-topics-title a,
.entry-wrap:hover dl.topics-features dd a {
color: #bebebe;
}
.entry-wrap dl.topics-features {
width: 100%;
margin: 0;
padding: 0;
}
.entry-wrap dl.topics-features dt {
float: left;
width: 80%;
text-align: left;
padding: 10px 40px 10px 0;
margin: 0;
}
.entry-wrap dl.topics-features dt span {
display: block;
font-size: 1.2rem;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 1.0;
letter-spacing: 0;
color: #666;
padding-bottom: 10px
}
.entry-wrap dl.topics-features dt h4.home-topics-cate {
display: inline-block;
font-size: 1.2rem;
font-weight: 500;
font-family: 'Roboto', sans-serif;
line-height: 1.0;
letter-spacing: 1px;
color: #212121;
padding: 5px;
margin-bottom: 10px;
background-color: #FFF;
border: solid 1px #212121;
}
.entry-wrap dl.topics-features dt h3.home-topics-title {
margin-top: 10px;
margin-bottom: 10px;
}
.entry-wrap dl.topics-features dt h3.home-topics-title a {
display: block;
font-size: 1.6rem;
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.4;
letter-spacing: 1px;
color: #444;
}
.entry-wrap dl.topics-features dt h3.home-topics-title a:hover {
color: #F0F0F0;
}
.entry-wrap dl.topics-features dd {
margin-left: 80%;
width: 20%;
padding: 55px 0 0;
text-align: right;
}
.entry-wrap dl.topics-features dd a {
font-size: 2.0rem;
color: #666;
}
.entry-btn-wrap {
padding: 40px 0 0;
margin: 0;
}
@media (max-width: 499px){
.topics-home-section {
padding: 0 0 60px;
}
.entry-wrap dl.topics-features dt {
padding: 10px 0 10px 10px;
}
.entry-wrap dl.topics-features dt h3.home-topics-title a {
font-size: 1.6rem;
}
}
.linkbutton-w-wrap {
display: block;
position: relative;
width: 100%;
height: 65px;
text-align: left;
margin: 0;
padding: 0;
}
.linkbutton-w-wrap-t {
display: block;
position: relative;
width: 200px;
height: 58px;
text-align: left;
margin: 5rem 0 0;
padding: 0;
}
#about #rev-4,
#about #rev-8 {
display: block;
width: 200px;
height: 58px;
}
#topics #rev-14{
display: block;
width: 200px;
height: 58px;
}
@media (max-width: 1480px){
.linkbutton-w-wrap-t {
height: 48px;
margin: 4rem 0 0;
}
}
@media (max-width: 1300px){
.linkbutton-w-wrap-t {
margin: 3rem 0 0;
}
}
@media (max-width: 1200px){
.entry-wrap dl.topics-features dt h3.home-topics-title a {
font-size: 1.4rem;
letter-spacing: 1px;
}
}
@media (max-width: 990px){
#about #rev-4,
#about #rev-8 {
display: block;
width: 100%;
height: 48px;
}
#topics #rev-14 {
display: block;
width: 100%;
height: 48px;
}
}
@media (max-width: 749px){
}
@media (max-width: 499px){
}
@media (max-width: 359px){
}
/*!------------------------------------------------------------------
[Button a]
*/
.button-a {
position: relative;
display: inline-block;
width: 200px;
height: 58px;
font-size: 1.3rem;
font-family: 'Roboto', sans-serif;
font-weight: 600;
text-align: left;
text-decoration: none;
outline: none;
line-height: 1.0;
letter-spacing: 1px;
color: #4E3A65;
padding: 20px 20px;
background-color: transparent;
border: solid 1px #4E3A65;
overflow: hidden;
z-index: 2;
}
.button-a::before,
.button-a::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button-a,
.button-a::before,
.button-a::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button-a:before {
content: "";
display: block;
position: absolute;
z-index: 2;
top: 50%;
right: 0;
width: 3rem;
height: 1px;
background: #4E3A65;
-webkit-transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) -0.2s;
transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) -0.2s;
}
.button-a:hover {
color: #F1F1F1;
border-color: #4E3A65;
}
.button-a::after {
top: 0;
left: -100%;
width: 100%;
height: 100%;
}
.button-a:hover::before {
background: #F1F1F1;
-webkit-transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) -0.2s;
transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) -0.2s;
}
.button-a:hover::after {
left: 0;
background-color: #4E3A65;
}
@media (max-width: 1300px){
.button-a {
height: 48px;
font-size: 1.3rem;
padding: 15px 20px;
}
}
/*!------------------------------------------------------------------
[Button b]
*/
.button-b {
position: relative;
display: inline-block;
width: 100%;
font-size: 1.4rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 4px;
color: #4E3A65;
text-align: center;
text-decoration: none;
outline: none;
padding: 20px 20px;
background-color: transparent;
border: solid 1px #4E3A65;
overflow: hidden;
z-index: 2;
}
.button-b::before,
.button-b::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button-b,
.button-b::before,
.button-b::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button-b:before {
content: "";
display: block;
position: absolute;
z-index: 2;
top: 50%;
right: 0;
width: 3rem;
height: 1px;
background: #4E3A65;
-webkit-transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) -0.2s;
transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) -0.2s;
}
.button-b:hover {
color: #F1F1F1;
border-color: #4E3A65;
}
.button-b::after {
top: 0;
left: -100%;
width: 100%;
height: 100%;
}
.button-b:hover::before {
background: #F1F1F1;
-webkit-transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) -0.2s;
transition: .3s cubic-bezier(0.57, 0.15, 0.13, 0.97) -0.2s;
}
.button-b:hover::after {
left: 0;
background-color: #4E3A65;
}
@media (max-width: 1200px){
.button-a {
font-size: 1.3rem;
padding: 15px 20px;
}
.button-b {
width: 100%;
font-size: 1.2rem;
letter-spacing: 1px;
margin: 10px 0 0;
padding: 15px 0px;
}
}
@media (max-width: 990px){
.linkbutton-w-wrap-t {
width: 200px;
margin: 4rem auto 0;
}
.button-a {
margin: 0 auto;
margin-bottom: 0px;
}
}
@media (max-width: 499px){
.linkbutton-w-wrap {
display: block;
width: 200px;
margin: 0 auto;
}
.linkbutton-w-wrap-t {
width: 200px;
margin: 4rem auto 0;
}
}
/*!------------------------------------------------------------------
[Home Contact Section]
*/
section.contact-section {
width: 100%;
height: auto;
margin: 0;
padding: 0 0 10%;
background-color: rgba(255, 255, 255, 1.0);
}
.contact-section-content {
width: 80%;
height: auto;
margin: 0 auto;
padding: 2% 3%;
border: solid 1px #4E3A65;
}
.contact-wrap {
display: flex;
flex-direction: row;
align-items: center;
}
.contact-title-wrap {
border-right: solid 1px #4E3A65;
}
.contact-title {
display: block;
font-size: 3.0rem;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.0;
letter-spacing: 10px;
color: #4E3A65;
margin: 0;
padding: 0 0 6px;
}
.contact-title span {
color: #B34B76;
}
.contact-lead {
display: block;
font-size: 1.8rem;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.0;
letter-spacing: 2px;
text-align: center;
color: #4E3A65;
margin: 0;
padding: 0 0 25px;
}
.contact-lead br {
display: none;
}
.contact-tel-wrap {
display: block;
margin: 0;
padding: 0;
text-align: center;
}
a.contact-tel {
display: block;
font-size: 4.4rem;
font-weight: 500;
font-family: 'Roboto', sans-serif;
line-height: 1.0;
letter-spacing: 2px;
color: #4E3A65;
margin: 0;
padding: 0;
}
.contact-tel-uke {
display: block;
font-size: 1.5rem;
font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.0;
letter-spacing: 1px;
color: #4E3A65;
margin: 0;
padding: 10px 0 0 10px;
}
@media (max-width: 1680px){
.contact-section-content {
width: 90%;
padding: 2% 3%;
}
.contact-title {
font-size: 2.8rem;
letter-spacing: 6px;
padding: 0 0 15px;
}
.contact-lead {
font-size: 1.7rem;
letter-spacing: 1px;
}
}
@media (max-width: 1480px){
.contact-title {
font-size: 2.4rem;
letter-spacing: 8px;
padding: 0 0 10px;
}
.contact-lead {
font-size: 1.6rem;
}
a.contact-tel {
font-size: 4.0rem;
letter-spacing: 1px;
}
.contact-tel-uke {
font-size: 1.4rem;
letter-spacing: 0px;
padding: 5px 0 0 10px;
}
}
@media (max-width: 1380px){
.contact-title {
font-size: 2.4rem;
letter-spacing: 4px;
padding: 0 0 10px;
}
.contact-lead {
font-size: 1.6rem;
letter-spacing: 0px;
}
a.contact-tel {
font-size: 3.6rem;
letter-spacing: 1px;
}
.contact-tel-uke {
font-size: 1.3rem;
letter-spacing: 0px;
padding: 5px 0 0 10px;
}
}
@media (max-width: 1300px){
}
@media (max-width: 1200px){
.contact-lead {
font-size: 1.6rem;
line-height: 1.4;
letter-spacing: 0px;
}
.contact-lead br {
display: block;
}
.contact-title {
font-size: 2.0rem;
letter-spacing: 2px;
padding: 0 0 10px;
}
a.contact-tel {
font-size: 2.6rem;
letter-spacing: 1px;
}
.contact-tel-uke {
font-size: 1.1rem;
letter-spacing: 0px;
padding: 5px 0 0 0px;
}
}
@media (max-width: 990px){
.contact-lead {
font-size: 1.6rem;
line-height: 1.5;
padding: 0 0 20px;
}
.contact-title-wrap {
border-right: none;
}
.contact-title {
font-size: 2.0rem;
letter-spacing: 2px;
padding: 10px 0 20px;
text-align: center;
}
a.contact-tel {
font-size: 3.6rem;
letter-spacing: 1px;
}
.contact-tel-uke {
font-size: 1.4rem;
padding: 10px 0 20px;
text-align: center;
}
}
@media (max-width: 749px){
.contact-lead {
font-size: 1.6rem;
line-height: 1.5;
padding: 0 10% 20px;
text-align: center;
}
}
@media (max-width: 499px){
.contact-section-content {
width: 90%;
padding: 6% 5%;
}
.contact-lead {
font-size: 1.5rem;
line-height: 1.5;
padding: 0 8% 20px;
text-align: left;
}
.contact-lead br {
display: none;
}
a.contact-tel {
font-size: 3.0rem;
letter-spacing: 1px;
}
.contact-tel-uke {
font-size: 1.3rem;
}
}
@media (max-width: 359px){
}
/*!------------------------------------------------------------------
[Home Footer Section]
*/
section.footer-section {
width: 100%;
height: auto;
margin: 0;
padding: 0 0 2%;
background-color: rgba(255, 255, 255, 1.0);
}
.footer-section-content {
width: 98%;
height: auto;
margin: 0 auto;
padding: 0;
}
.footer-logo-wrapper {
margin: 0;
padding: 0 5%;
}
.footer-logo-wrap {
display: block;
width: 100%;
padding: 0 0 10px;
margin: 0 auto;
}
.footer-address {
display: block;
font-size: 1.6rem;/*font-size: 1.7rem;*/
font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.4;
letter-spacing: 1px;
color: #4E3A65;
text-align: center;
padding: 0 0 5px;
margin: 0;
}
.footer-address-inner {display: flex; text-align: left;margin: 0;}
.footer-address-inner span:first-child {margin-right: 1em}
.footer-address br {
display: none;
}
.footer-address br.br {
display: inline;
}
.footer-address span.footer-gmap {
display: block;
margin: 0;
padding: 1px 0 0;
}
.footer-address span.footer-gmap a {
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0px;
line-height: 1.0;
color: #4E3A65;
}
.footer-tel-wrapper {
padding: 0;
}
.footer-tel-wrap01 {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
text-align: center;
}
.footer-tel-wrap02 {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
text-align: center;
}
a.footer-tel {
display: block;
font-size: 1.8rem;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 1.0;
letter-spacing: 0px;
color: #4E3A65;
text-align: center;
margin: 0;
padding: 5px 0;
}
.footer-menu {
display: block;
width: 100%;
text-align: left;
margin: 0 auto;
padding: 80px 0;
}
.footer-menu li.menu-list {
display: inline-block;
color: #4E3A65;
text-align: left;
margin: 0;
padding: 4px 3%;
border-left: solid 0px #000;
}
.footer-menu li.menu-list-last {
display: inline-block;
color: #4E3A65;
text-align: left;
margin: 0;
padding: 4px 3%;
border-left: solid 0px #000;
border-right: solid 0px #000;
}
.footer-menu li a {
font-size: 1.5rem;
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
color: #4E3A65;
text-align: left;
margin: 0;
padding: 0;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.footer-menu li a:hover {
color: #B34B76;
}
.copyright {
font-size: 1.4rem;
font-weight: 600;
font-family: 'Roboto', sans-serif;
letter-spacing: 0px;
line-height: 1.0;
color: #4E3A65;
text-align: right;
margin: 0;
padding: 40px 10px 0 0;
}
@media (max-width: 1680px){
.footer-section-content {
width: 96%;
}
.footer-logo-wrapper {
padding: 0 2%;
}
.footer-menu li.menu-list {
padding: 10px 3%;
}
}
@media (max-width: 1480px){
.footer-section-content {
width: 90%;
}
.footer-logo-wrapper {
padding: 0 0%;
}
.footer-address {
font-size: 1.5rem;/* font-size: 1.5rem;*/
line-height: 1.4;
letter-spacing: 0px;
padding: 0 0 5px;
}
a.footer-tel {
font-size: 1.6rem;
letter-spacing: 0px;
padding: 5px 0;
}
.footer-menu li.menu-list {
padding: 10px 5%;
}
}
@media (max-width: 1380px){
a.footer-tel {
font-size: 1.7rem;
letter-spacing: 0px;
padding: 5px 0;
}
.footer-menu li.menu-list {
padding: 10px 4%;
}
}
@media (max-width: 1300px){
a.footer-tel {
font-size: 1.6rem;
}
.footer-address {
font-size: 1.4rem;/*font-size: 1.4rem;*/
line-height: 1.4;
letter-spacing: 0px;
padding: 0 0 5px;
}
}
@media (max-width: 1200px){
.footer-address br {
display: block;
}
.footer-menu li a {
font-size: 1.4rem;
}
.footer-address {
font-size: 1.2rem;/*font-size: 1.2rem;*/
}
a.footer-tel {
font-size: 1.2rem;
}
}
@media (max-width: 990px){
.footer-address-inner {justify-content: center;}
.footer-address br {
display: none;
}
.footer-menu {
padding: 0 0 50px;
}
.footer-menu li.menu-list {
width: 32%;
padding: 10px 0%;
text-align: center;
}
.footer-menu li a {
font-size: 1.6rem;
}
.footer-logo-wrap {
width: 50%;
padding: 0 0 10px;
margin: 0 auto;
}
.footer-address {
width: 50%;
font-size: 1.6rem;/*font-size: 1.6rem;*/
margin: 0 auto;
padding: 0 0 10px;
}
.row.no-margin.footer-tel-wrapper {
width: 50%;
margin: 0 auto;
margin-right: auto;
margin-left: auto;
}
a.footer-tel {
font-size: 1.6rem;
}
.copyright {
font-size: 1.4rem;
text-align: center;
padding: 30px 0 20px;
}
}
@media (max-width: 749px){
.footer-address {
width: 80%;
font-size: 1.6rem;/*font-size: 1.6rem;*/
margin: 0 auto;
padding: 0 0 10px;
}
.footer-address br {
display: block;
}
.row.no-margin.footer-tel-wrapper {
width: 80%;
margin: 0 auto;
margin-right: auto;
margin-left: auto;
}
.footer-tel-wrap01 {
display: block;
width: 100%;
}
.footer-tel-wrap02 {
display: block;
width: 100%;
}
a.footer-tel {
width: 100%;
font-size: 1.8rem;
}
}
@media (max-width: 499px){
.footer-menu li.menu-list {
width: 49%;
padding: 10px 0%;
text-align: center;
}
.footer-menu li a {
font-size: 1.3rem;
}
.footer-logo-wrap {
width: 80%;
padding: 0 0 10px;
margin: 0 auto;
}
.footer-address {
font-size: 1.4rem;
}
.copyright {
font-size: 1.4rem;
text-align: center;
padding: 30px 0 20px;
}
}
@media (max-width: 359px){
}
/*!------------------------------------------------------------------
[Scroll UP]
*/
.scroll-up {
position: fixed;
display: none;
bottom: 20px;
right: 20px;
z-index: 999;
}
.scroll-up a {
display: block;
height: 50px;
width: 52px;
text-align: center;
line-height: 50px;
font-size: 16px;
color: #000;
opacity: 1.0;
background-color: transparent;
}
.scroll-up a::after {
position: absolute;
bottom: calc(50% - 2px);
top: 1.6em;
right: 1.1em;
border-bottom: 1.5px solid #4E3A65;
border-right: 2.5px solid #4E3A65;
content: '';
display: block;
height: 8px;
transform: rotate(-90deg) skewX(45deg);
transition: .2s linear;
width: 30px;
}
.scroll-up a:hover, .scroll-up a:active {
opacity: 1;
}
@media (max-width: 1480px){
.scroll-up {
bottom: 20px;
right: 0px;
}
}
@media (max-width: 1200px){
.scroll-up {
bottom: 10px;
right: -10px;
}
}
@media (max-width: 749px){
.scroll-up {
bottom: 20px;
right: -10px;
}
.scroll-up a {
height: 40px;
width: 42px;
line-height: 40px;
font-size: 16px;
}
.scroll-up a::after {
top: 1.3em;
right: 0.8em;
}
}
/*!------------------------------------------------------------------
[About about.html]
*/
.second-top-section-a {
position: relative;
overflow: hidden;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
background-color: #FFF;
background-image: url(../assets/img/about-bg-top.jpg);
}
.second-top-section-c {
position: relative;
overflow: hidden;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
background-color: #FFF;
background-image: url(../assets/img/company-bg-top.jpg);
}
@media (max-width: 1200px){
.second-top-section-a {
background-attachment: scroll;
background-position: center center;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
background-image: url(../assets/img/about-bg-top-1200.jpg);
}
.second-top-section-c {
background-attachment: scroll;
background-position: center center;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
background-image: url(../assets/img/company-bg-top-1200.jpg);
}
}
@media (max-width: 990px){
.second-top-section-a {
background-image: url(../assets/img/about-bg-top-768.jpg);
}
.second-top-section-c {
background-image: url(../assets/img/company-bg-top-768.jpg);
}
}
@media (max-width: 749px){
.second-top-section-a {
background-image: url(../assets/img/about-bg-top-680.jpg);
}
.second-top-section-c {
background-image: url(../assets/img/company-bg-top-680.jpg);
}
}
@media (max-width: 499px){
.second-top-section-a {
background-image: url(../assets/img/about-bg-top-380.jpg);
}
.second-top-section-c {
background-image: url(../assets/img/company-bg-top-380.jpg);
}
}
.hero-text-section-left {
width: 50%;
height: 100%;
margin: 0 50% 0 0;
padding: 0;
}
.hero-copy-second {
display: block;
font-size: 4.0rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 5px;
color: #4E3A65;
text-align: center;
margin: 0 auto 20px;
padding: 0 0 0 5px;
}
.hero-copy-second span {
color: #B34B76;
}
.hero-lead-en-second {
display: block;
font-size: 2.4rem;
font-family: 'Roboto', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 0px;
color: #333;
text-align: center;
margin: 0 auto;
padding: 0;
}
section.about-second-section {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, 1.0);
}
.row.about-second-section-wrapper {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.second-title-wrapper {
display: table;
height: 100%;
}
.second-title-wrap {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
margin: 0;
padding-left: 15%;
padding-right: 15%;
}
.about-title-no {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
font-size: 1.5rem;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.0;
letter-spacing: 0px;
text-align: center;
color: #FFF;
margin: 0 0 10%;
padding: 30px 0 0;
background: -moz-linear-gradient(top, #9579B4,#B34B76);
background: -webkit-linear-gradient(top, #9579B4, #B34B76);
background: linear-gradient(to bottom, #9579B4, #B34B76);
border-radius: 0%;
box-sizing: border-box;
}
.about-title-no span {
display: block;
font-size: 9.6rem;
font-family: 'Roboto', sans-serif;
font-weight: 600;
letter-spacing: 0px;
margin-top: 10px;
}
.about-title-no:before {
content: "";
position: absolute;
bottom: -35px;
left: 50%;
margin-left: -20px;
border: 20px solid transparent;
border-top: 20px solid #B34B76;
z-index: 0;
}
.second-title-01 {
display: block;
font-size: 3.0rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.4;
letter-spacing: 10px;
color: #4E3A65;
text-align: left;
margin: 0 auto;
padding: 0 0 5% 0px;
}
.second-title-01 span {
color: #B34B76;
}
.second-text-01 {
display: block;
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 2.0;
letter-spacing: 1px;
color: #4E3A65;
text-align: left;
margin: 0 auto;
padding: 0;
}
section.about-third-section {
width: 100%;
height: auto;
margin: 0;
padding: 0 0 8%;
background-color: rgba(255, 255, 255, 1.0);
}
.about-third-wrapper {
display: table;
height: 100%;
}
.about-third-wrap {
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
margin: 0;
padding-left: 18%;
padding-right: 18%;
}
.about-third-lead {
display: block;
font-size: 3.0rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 10px;
color: #FFF;
text-align: left;
margin: 0 0 8%;
padding: 0;
}
.about-third-text {
display: block;
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 2.0;
letter-spacing: 1px;
color: #FFF;
text-align: left;
margin: 0 auto;
padding: 0;
}
.about-third-lead-b {
display: block;
font-size: 3.0rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 10px;
color: #4E3A65;
text-align: left;
margin: 0 0 8%;
padding: 0;
}
.about-third-lead-b span {
color: #B34B76;
}
.about-third-text-b {
display: block;
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 2.0;
letter-spacing: 1px;
color: #4E3A65;
text-align: left;
margin: 0 auto;
padding: 0;
}
.bg-lightgray {
background-image: linear-gradient(90deg,#FFFFFF,#F0F0F0);
}
.bg-purple {
background-image: linear-gradient(90deg,#9579B4,#B34B76);
}
@media (max-width: 1680px){
.hero-copy-second {
font-size: 3.6rem;
letter-spacing: 5px;
margin: 0 auto 15px;
padding: 0 0 0 5px;
}
.hero-lead-en-second {
font-size: 2.0rem;
}
.second-title-wrap {
padding-left: 12%;
padding-right: 12%;
}
.about-third-wrap {
padding-left: 15%;
padding-right: 15%;
}
.about-title-no {
width: 160px;
height: 160px;
font-size: 1.4rem;
font-weight: 600;
margin: 0 0 10%;
padding: 30px 0 0;
}
.about-title-no span {
font-size: 8.4rem;
margin-top: 10px;
}
.second-title-01 {
font-size: 3.0rem;
letter-spacing: 8px;
padding: 0 0 5% 0px;
}
.second-text-01 {
font-size: 1.5rem;
line-height: 2.0;
letter-spacing: 1px;
}
.about-third-lead-b {
font-size: 3.0rem;
letter-spacing: 8px;
margin: 0 0 8%;
}
.about-third-text-b {
font-size: 1.5rem;
line-height: 2.0;
letter-spacing: 1px;
}
}
@media (max-width: 1480px){
.hero-copy-second {
font-size: 3.0rem;
letter-spacing: 4px;
margin: 0 auto 15px;
padding: 0 0 0 4px;
}
.hero-lead-en-second {
font-size: 1.8rem;
}
.second-title-wrap {
padding-left: 10%;
padding-right: 10%;
}
.about-third-wrap {
padding-left: 10%;
padding-right: 10%;
}
.about-title-no {
width: 140px;
height: 140px;
font-size: 1.4rem;
font-weight: 600;
margin: 0 0 8%;
padding: 25px 0 0;
}
.about-title-no span {
font-size: 7.2rem;
margin-top: 5px;
}
.second-title-01 {
font-size: 3.0rem;
letter-spacing: 8px;
padding: 0 0 5% 0px;
}
.second-text-01 {
font-size: 1.4rem;
line-height: 1.8;
letter-spacing: 1px;
}
.about-third-lead-b {
font-size: 3.0rem;
letter-spacing: 4px;
margin: 0 0 7%;
}
.about-third-text-b {
font-size: 1.4rem;
line-height: 1.8;
letter-spacing: 1px;
}
}
@media (max-width: 1380px){
.hero-lead-en-second {
font-size: 1.6rem;
}
}
@media (max-width: 1300px){
.second-title-01 {
font-size: 2.4rem;
letter-spacing: 5px;
}
.about-third-lead-b {
font-size: 2.4rem;
letter-spacing: 4px;
}
}
@media (max-width: 1200px){
.hero-copy-second {
font-size: 2.8rem;
letter-spacing: 4px;
margin: 0 auto 15px;
padding: 0 0 0 4px;
}
.second-title-wrap {
padding-left: 8%;
padding-right: 8%;
}
.about-title-no {
width: 100px;
height: 100px;
font-size: 1.0rem;
font-weight: 600;
margin: 0 0 8%;
padding: 20px 0 0;
}
.about-title-no span {
font-size: 6.0rem;
margin-top: 1px;
}
.second-title-01 {
font-size: 2.0rem;
letter-spacing: 2px;
}
.second-text-01 {
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: 0px;
}
.second-text-01 br {
display: none;
}
.about-third-lead-b {
font-size: 2.0rem;
letter-spacing: 2px;
margin: 0 0 5%;
}
.about-third-text-b {
font-size: 1.4rem;
line-height: 1.6;
letter-spacing: 0px;
}
}
@media (max-width: 990px){
.row.about-second-section-wrapper {
display: flex;
flex-direction: row-reverse;
}
.second-title-wrap {
padding-top: 8%;
padding-left: 8%;
padding-right: 8%;
padding-bottom: 8%;
}
.about-third-wrap {
padding-top: 8%;
padding-left: 8%;
padding-right: 8%;
padding-bottom: 8%;
}
.second-title-01 {
font-size: 2.4rem;
letter-spacing: 2px;
}
.second-title-01 br {
display: none;
}
.second-text-01 {
font-size: 1.6rem;
line-height: 1.6;
letter-spacing: 1px;
}
.about-third-lead-b {
font-size: 2.4rem;
letter-spacing: 2px;
margin: 0 0 5%;
}
.about-third-text-b {
font-size: 1.6rem;
line-height: 1.6;
letter-spacing: 1px;
}
}
@media (max-width: 749px){
}
@media (max-width: 499px){
.hero-text-section-left {
width: 100%;
height: 100vh;
margin: 0;
}
.second-title-wrap {
padding-top: 8%;
padding-left: 9%;
padding-right: 9%;
padding-bottom: 8%;
}
.about-third-wrap {
padding-top: 8%;
padding-left: 9%;
padding-right: 9%;
padding-bottom: 8%;
}
.about-title-no {
display: block;
width: 100px;
height: 100px;
font-size: 1.0rem;
font-weight: 600;
margin: 0 auto 30px;
padding: 20px 0 0;
}
.second-title-01 {
font-size: 2.0rem;
letter-spacing: 1px;
text-align: center;
margin: 0 0 20px;
padding: 0 0 0% 0px;
}
.second-text-01 {
letter-spacing: 1px;
}
.about-third-lead-b {
font-size: 2.0rem;
letter-spacing: 1px;
text-align: center;
margin: 0 0 20px;
}
.about-third-text-b {
letter-spacing: 0px;
}
}
@media (max-width: 359px){
}
/*!------------------------------------------------------------------
[Company company.html]
*/
section.company-second-section {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, 1.0);
}
.company-second-textsection {
width: 100%;
height: auto;
margin: 0;
padding: 8% 10%;
}
.company-sub-title {
position: relative;
display: block;
width: 160px;
height: 160px;
font-size: 1.5rem;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.0;
letter-spacing: 0px;
text-align: center;
color: #FFF;
margin: 0 auto 6%;
padding: 30px 0 0;
background: -moz-linear-gradient(top, #9579B4,#B34B76);
background: -webkit-linear-gradient(top, #9579B4, #B34B76);
background: linear-gradient(to bottom, #9579B4, #B34B76);
border-radius: 0%;
box-sizing: border-box;
}
.company-sub-title span {
display: block;
font-size: 2.4rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
letter-spacing: 2px;
line-height: 1.2;
margin-top: 15px;
}
.company-sub-title span.view {
display: block;
font-size: 2.4rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
letter-spacing: 2px;
line-height: 1.2;
margin-top: 30px;
}
.company-sub-title:before {
content: "";
position: absolute;
bottom: -35px;
left: 50%;
margin-left: -20px;
border: 20px solid transparent;
border-top: 20px solid #B34B76;
z-index: 0;
}
.company-lead-01 {
display: block;
font-size: 2.4rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 2.0;
letter-spacing: 12px;
color: #4E3A65;
text-align: center;
margin: 0 auto;
padding: 0 0 7% 12px;
}
.company-lead-01 span {
color: #B34B76;
}
.company-text-01 {
display: block;
font-size: 1.8rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-height: 2.0;
letter-spacing: 1px;
color: #4E3A65;
text-align: left;
margin: 0 auto;
padding: 0 0 2%;
}
.company-text-name {
display: block;
font-size: 1.8rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 1px;
color: #4E3A65;
text-align: right;
margin: 0 auto;
padding: 0;
}
.company-text-name span {
font-size: 1.4rem;
}
/*!-----------------------------------------
[Cover company.html]
*/
section.cover-company-section {
width: 100%;
height: 100vh;
margin: 0;
padding: 0;
}
#cover-company-innerbg {
position: relative;
width: 100%;
height: 90vh;
background-color: rgba(255, 255, 255, 1.0);
background-image: url("../assets/img/company-bg-011.jpg");
background-size: cover;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}
/*!-----------------------------------------
[Overview company.html]
*/
section.company-third-section {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, 1.0);
}
.company-third-textsection {
width: 100%;
height: auto;
margin: 0;
padding: 8% 10%;
background-color: rgba(255, 255, 255, 1.0);
}
table.overvew {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 20px 0;
}
table.overvew th {
width: 20%;
font-size: 1.8rem;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
color: #4E3A65;
letter-spacing: 1px;
vertical-align: middle;
text-align: center;
padding: 1.5em 1.0em;
border-bottom: solid 1px #9579B4;
}
table.overvew td {
width: 75%;
text-align: left;
vertical-align: middle;
font-size: 1.8rem;
font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
color: #4E3A65;
letter-spacing: 1px;
line-height: 1.6;
padding: 1.5em 1.0em;
border-bottom: solid 1px #9579B4;
}
table.overvew td a {
display: block;
font-size: 1.8rem;
font-weight: 400;
color: #4E3A65;
letter-spacing: 0px;
line-height: 1.0;
padding: 5px 0 0;
}
table.overvew td a:hover {
color: #B34B76;
}
table.overvew td a.tel {
font-size: 1.8rem;
font-weight: 400;
color: #4E3A65;
letter-spacing: 1px;
line-height: 1.6;
padding: 0;
}
table.overvew td a.address-gm {
font-size: 1.4rem;
font-weight: 400;
color: #4E3A65;
letter-spacing: 0px;
line-height: 1.0;
padding: 10px 0 15px;
}
table.overvew td a.address-gm:hover {
color: #B34B76;
}
/*!-----------------------------------------
[Access company.html]
*/
section.company-forth-section {
width: 100%;
height: auto;
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, 1.0);
}
.company-forth-textsection {
width: 100%;
height: auto;
margin: 0;
padding: 0 10% 8%;
background-color: rgba(255, 255, 255, 1.0);
}
.gmap-textwrap {
display: block;
font-size: 1.8rem;
font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
color: #4E3A65;
letter-spacing: 1px;
line-height: 1.6;
text-align: center;
padding: 0 20px 40px;
}
.gmap-textwrap a.address-gm {
display: block;
font-size: 1.4rem;
font-weight: 400;
color: #4E3A65;
letter-spacing: 0px;
line-height: 1.0;
padding: 10px 0 15px;
}
.gmap-wrap {
position: relative;
width: 100%;
height: 500px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
overflow: hidden;
}
@media (max-width: 1680px){
.company-lead-01 {
font-size: 2.4rem;
line-height: 2.0;
letter-spacing: 2px;
margin: 0 auto;
padding: 0 0 7% 2px;
}
}
@media (max-width: 1480px){
.company-sub-title {
width: 140px;
height: 140px;
font-size: 1.5rem;
margin: 0 auto 6%;
padding: 20px 0 0;
}
.company-sub-title span {
font-size: 2.2rem;
font-weight: 600;
letter-spacing: 2px;
margin-top: 15px;
}
.company-lead-01 {
font-size: 2.2rem;
line-height: 2.0;
letter-spacing: 1px;
margin: 0 auto;
padding: 0 0 6% 1px;
}
.company-text-01 {
font-size: 1.7rem;
line-height: 2.0;
letter-spacing: 1px;
padding: 0 0 4%;
}
.company-third-textsection {
padding: 8% 8%;
}
.company-forth-textsection {
padding: 0 8% 8%;
}
}
@media (max-width: 1380px){
.company-lead-01 {
font-size: 2.0rem;
line-height: 2.0;
letter-spacing: 1px;
margin: 0 auto;
padding: 0 0 6% 1px;
}
.company-text-01 {
font-size: 1.6rem;
line-height: 2.0;
letter-spacing: 1px;
padding: 0 0 4%;
}
.company-second-textsection {
padding: 8% 6%;
}
.company-third-textsection {
padding: 8% 5%;
}
table.overvew th {
font-size: 1.6rem;
letter-spacing: 1px;
padding: 1.4em 1.0em;
}
table.overvew td {
font-size: 1.6rem;
letter-spacing: 1px;
padding: 1.4em 1.0em;
}
table.overvew td a.tel {
font-size: 1.6rem;
letter-spacing: 1px;
}
.company-forth-textsection {
padding: 0 5% 8%;
}
.gmap-textwrap {
font-size: 1.6rem;
}
}
@media (max-width: 1300px){
}
@media (max-width: 1200px){
table.overvew th {
font-size: 1.5rem;
letter-spacing: 1px;
padding: 1.4em 1.0em;
}
table.overvew td {
font-size: 1.5rem;
letter-spacing: 1px;
padding: 1.4em 1.0em;
}
table.overvew td a.tel {
font-size: 1.5rem;
letter-spacing: 1px;
}
}
@media (max-width: 990px){
}
@media (max-width: 749px){
}
@media (max-width: 499px){
.company-lead-01 {
font-size: 1.8rem;
line-height: 1.8;
letter-spacing: 1px;
text-align: left;
margin: 0 auto;
padding: 20px 0 30px 0px;
}
.company-lead-01 br {
display: none;
}
table.overvew {
width: 100%;
border-spacing: 0px 0;
margin-bottom: 30px;
}
table.overvew th {
display: block;
width: 100%;
font-size: 1.6rem;
letter-spacing: 0px;
padding: 1.5em 1.0em 0.5em;
border-bottom: none;
text-align: left;
}
table.overvew td {
display: block;
width: 100%;
font-size: 1.6rem;
letter-spacing: 0px;
padding: 0 1.0em 1.5em;
}
table.overvew td span {
display: block;
}
table.overvew td a.tel {
font-size: 1.6rem;
letter-spacing: 0px;
}
.gmap-textwrap {
display: block;
font-size: 1.6rem;
letter-spacing: 0px;
line-height: 1.4;
padding: 20px 0px 20px;
}
.gmap-textwrap span {
display: block;
}
}
@media (max-width: 359px){
}
/*!------------------------------------------------------------------
[topics.html Pagination]
*/
.topics-title-section {
width: 100%;
height: auto;
margin: 0;
padding: 5% 10% 5%;
background-image: linear-gradient(90deg,#FFFFFF,#F0F0F0);
}
.topics-second-section {
width: 100%;
height: auto;
margin: 0;
padding: 5% 10% 8%;
background-color: rgba(255, 255, 255, 1.0);
}
.topics-second-title {
display: block;
font-size: 3.6rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 5px;
color: #4E3A65;
text-align: center;
margin: 0 auto 15px;
padding: 0 0 0 5px;
}
.topics-second-title-en {
display: block;
font-size: 1.8rem;
font-family: 'Roboto', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 0px;
color: #333;
text-align: center;
margin: 0 auto;
padding: 0;
}
@media (max-width: 1480px){
.topics-second-section {
padding: 5% 7% 8%;
}
.topics-second-title {
font-size: 3.0rem;
letter-spacing: 4px;
margin: 0 auto 15px;
padding: 0 0 0 4px;
}
.topics-second-title-en {
font-size: 1.6rem;
}
}
@media (max-width: 1380px){
.topics-second-section {
padding: 5% 5% 8%;
}
}
@media (max-width: 1300px){
}
@media (max-width: 1200px){
}
@media (max-width: 990px){
.topics-title-section {
margin: 70px 0 0;
padding: 40px 10% 30px;
}
}
@media (max-width: 749px){
}
@media (max-width: 499px){
.topics-second-title {
font-size: 2.4rem;
letter-spacing: 2px;
padding: 0 0 0 2px;
}
.topics-second-section {
padding: 5% 9% 8%;
}
}
@media (max-width: 359px){
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 4px;
padding: 40px 0 10px;
}
.page-item.active .page-link {
font-family: 'Roboto', sans-serif;
color: white;
background: #4E3A65;
border-color: #4E3A65;
}
.page-link {
position: relative;
display: block;
font-family: 'Roboto', sans-serif;
line-height: 1.25;
color: #000;
margin: 4px;
padding: 0.5rem 1.0rem;
background-color: #fff;
background-size: 100% 90%;
border: 1px solid rgba(150, 150, 155, 0.5);
border-radius: 4px;
}
.page-link:hover {
z-index: 2;
color: rgba(255, 255, 255, 1.0);
text-decoration: none;
background-color: #4E3A65;
border-color: #4E3A65;
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
background-color: #4E3A65;
border-color: #4E3A65;
color: #FFF;
}
.linkbutton-topics-wrapper {
display: block;
text-align: center;
margin: 40px 0;
padding: 0;
}
.linkbutton-topics-wrapper a {
display: block;
width: 100%;
font-size: 1.8rem;
font-family: 'Roboto', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 0px;
color: #4E3A65;
text-align: center;
padding: 3rem 0;
background-color: #FFF;
border-radius: 8px;
border: solid 1px #4E3A65;
text-decoration: none;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.linkbutton-topics-wrapper a:hover {
color: #FFF;
background-color: #4E3A65;
border: solid 1px #4E3A65;
}
@media (max-width: 1200px){
.second-h1title-wrapper {
padding: 4rem 0 3rem;
}
.second-topics-section {
padding: 40px 0 20px;
}
.second-topics-section02 {
padding: 40px 0 20px;
}
}
@media (max-width: 990px){
}
@media (max-width: 749px){
.linkbutton-topics-wrapper a {
font-size: 1.6rem;
letter-spacing: 1px;
padding: 2rem 0;
}
}
@media (max-width: 499px){
.second-topics-section {
padding: 20px 0 40px;
}
.second-topics-section02 {
padding: 20px 0 40px;
}
.linkbutton-topics-wrapper {
margin: 10px 0 0;
}
}
@media (max-width: 359px){
}
.topics-item-wrap {
padding: 0 0 80px;
}
.topics-item-imgwrap {
width: 100%;
padding: 0 0 30px;
}
.topics-item-date {
font-size: 1.4rem;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 1.0;
letter-spacing: 1px;
color: #212121;
margin: 0;
padding: 0 0 15px 20px;
}
.topics-item-cate ul {
padding-left: 20px;
margin-top: 0;
margin-bottom: 20px;
list-style: none;
}
.topics-item-cate ul li a {
display: inline-block;
font-size: 1.2rem;
font-weight: 400;
font-family: 'Roboto', sans-serif;
line-height: 1.0;
letter-spacing: 1px;
color: #4E3A65;
padding: 5px;
margin-bottom: 10px;
background-color: #FFF;
border: solid 1px #4E3A65;
}
.topics-item-title {
font-size: 2.4rem;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.5;
letter-spacing: 1px;
color: #4E3A65;
margin: 0 0 50px;
padding: 0 0 40px 20px;
border-bottom: solid 1px #4E3A65;
}
.topics-item-txt {
font-size: 1.6rem;
font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
line-height: 2.0;
letter-spacing: 1px;
color: #4E3A65;
margin: 0;
padding: 0 20px;
}
.topics-item-txt img {
width: auto;
max-width: auto;
height: auto;
}
.btn.btn-t {
width: 100%;
font-size: 1.4rem;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: 1px;
text-align: center;
background: #FFF;
color: #4E3A65;
padding: 2rem 2rem;
border-radius: 8px;
border: solid 1px #4E3A65;
}
.btn.btn-t:hover,
.btn.btn-t:focus {
background: #4E3A65;
color: #FFF;
border: solid 1px #4E3A65;
}
@media (max-width: 499px){
.topics-item-wrap {
padding: 0 0 40px;
}
.topics-item-date {
letter-spacing: 0px;
padding: 0 0 10px 0px;
}
.topics-item-cate ul {
padding-left: 0px;
margin-bottom: 10px;
}
.topics-item-title {
font-size: 1.8rem;
letter-spacing: 1px;
margin: 0 0 20px;
padding: 0 0 20px 0px;
}
.topics-item-txt {
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0px;
padding: 0 0px;
}
.topics-btnwrap {
margin-bottom: 20px;
}
.btn-wrap-newsf {
margin-bottom: 15px;
}
.btn.btn-t {
letter-spacing: 1px;
padding: 1rem 2rem;
border-radius: 6px;
}
}
/*!------------------------------------------------------------------
[Contact Us ]
*/
.contact-second-section {
width: 100%;
height: auto;
margin: 0;
padding: 5% 15% 8%;
background-color: rgba(255, 255, 255, 1.0);
}
@media (max-width: 1480px){
.contact-second-section {
padding: 5% 10% 8%;
}
}
@media (max-width: 1200px){
.contact-second-section {
padding: 5% 5% 8%;
}
}
.contact-entitle {
display: block;
width: 100px;
font-size: 1.5rem;
font-family: 'Roboto', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 0px;
color: #FFF;
text-align: center;
margin: 0 auto 30px;
padding: 6px 0;
background-color: #004E2D;
}
.contact-title01-main {
display: block;
width: 260px;
font-size: 2.4rem;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
line-height: 1.0;
letter-spacing: 10px;
color: #121212;
text-align: center;
margin: 0 auto;
padding: 20px 0;
background-color: #FFF;
}
.contact-leads {
display: block;
width: 100%;
color: #4E3A65;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 1px;
line-height: 1.0;
padding: 0 0 70px;
margin: 0;
text-align: center;
}
.contact-leads br {
display: none;
}
p.contacts-txt-title {
display: block;
width: 100%;
color: #4E3A65;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 1px;
line-height: 2.0;
padding: 50px 0 20px;
margin: 0;
text-align: center;
border-top: solid 1px #CCC;
}
p.contacts-txt-title br {
display: none;
}
p.contacts-txt-titles {
display: block;
width: 100%;
color: #4E3A65;
font-size: 1.6rem;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.8;
padding: 0 0 50px;
margin: 0;
text-align: center;
border-bottom: solid 1px #CCC;
}
.download-title-box {
display: block;
width: 100%;
padding: 0 0 50px;
margin: 0;
text-align: center;
border-bottom: solid 1px #CCC;
}
p.contacts-txt-download {
display: block;
width: 100%;
color: #4E3A65;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 1px;
line-height: 2.0;
padding: 0 0 20px;
margin: 0;
text-align: center;
}
.btn-wrap-download {
display: block;
width: 300px;
padding: 0;
margin: 0 auto;
}
.contact-01-wrap {
width: 100%;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
background-color: #FFF;
}
.item-contacts-l {
font-size: 50px;
font-weight: 700;
letter-spacing: 1px;
line-height: 1.0;
color: #4E3A65;
margin: 0;
padding: 0 0 10px;
text-align: center;
}
.item-contacts-l a {
font-size: 48px;
font-weight: 700;
font-family: 'Roboto', sans-serif;
letter-spacing: 4px;
line-height: 1.0;
color: #4E3A65;
}
.item-contacts-l-teltime {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.0;
color: #4E3A65;
margin: 0;
padding: 0 0 40px;
text-align: center;
}
.item-contacts-r {
font-size: 30px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.0;
color: #212121;
margin: 0;
padding: 0 0 10px;
text-align: left;
}
p.contacts-address {
display: block;
width: 100%;
color: #109954;
font-size: 16px;
font-family: 'Noto Sans Japanese', sans-serif;
letter-spacing: 1px;
line-height: 1.5;
padding: 0;
margin: 0 0 30px;
}
p.contacts-address span {
display: block;
width: 100%;
color: #109954;
font-size: 16px;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 600;
letter-spacing: 1px;
line-height: 1.5;
padding: 0;
margin: 0;
}
@media (max-width: 1480px){
p.contacts-txt-title {
font-size: 16px;
line-height: 1.8;
}
p.contacts-address {
font-size: 14px;
}
}
@media (max-width: 1200px){
.contact-leads {
font-size: 1.8rem;
letter-spacing: 1px;
line-height: 1.5;
padding: 0 0 50px;
}
.contact-leads br {
display: block;
}
}
@media (max-width: 990px){
.contact-leads {
font-size: 16px;
letter-spacing: 1px;
padding: 0 0 50px;
}
p.contacts-txt-titles {
font-size: 16px;
letter-spacing: 1px;
padding: 0 0 50px;
}
}
@media (max-width: 749px){
.contact-title01-main {
width: 220px;
font-size: 20px;
letter-spacing: 10px;
padding: 10px 0;
}
.contact-leads {
font-size: 16px;
letter-spacing: 1px;
padding: 0 10% 50px;
}
p.contacts-txt-titles br {
display: none;
}
}
@media (max-width: 499px){
.contact-leads {
font-size: 16px;
line-height: 1.8;
letter-spacing: 0px;
padding: 0 5% 30px;
text-align: center;
}
.contact-leads br {
display: none;
}
p.contacts-txt-titles {
font-size: 16px;
letter-spacing: 0px;
padding: 0 0 40px;
text-align: left;
}
.item-contacts-l a {
font-size: 28px;
}
.item-contacts-l {
font-size: 24px;
padding: 0 0 10px;
text-align: center;
}
.item-contacts-l i {
font-size: 36px;
}
.item-contacts-l-teltime {
padding: 0 0 30px;
}
.item-contacts-r {
font-size: 24px;
padding: 0 0 20px;
text-align: center;
}
p.contacts-txt-title br {
display: none;
}
p.contacts-txt-title-name {
font-size: 16px;
}
p.contacts-txt-title-address {
font-size: 16px;
line-height: 1.4;
}
p.contacts-txt-title {
font-size: 16px;
letter-spacing: 0px;
line-height: 1.6;
padding: 30px 0;
}
p.contacts-txt-title br {
display: block;
}
p.contacts-txt-titles {
font-size: 15px;
letter-spacing: 0px;
line-height: 1.8;
padding: 0 0 30px;
text-align: left;
}
p.contacts-txt-titles br {
display: none;
}
p.contacts-address {
font-size: 14px;
letter-spacing: 0px;
}
p.contacts-address span {
font-size: 15px;
padding: 0 0 10px 0;
}
dl.item-contacts {
width: 100%;
padding: 30px 0;
}
dl.item-contacts dd {
font-size: 24px;
}
}
@media (max-width: 350px){
dl.item-contacts dt {
width: 40px;
font-size: 24px;
}
dl.item-contacts dd {
margin-left: 40px;
font-size: 24px;
}
p.contacts-address {
font-size: 12px;
}
}
/* --------------------------------------
section-contact
----------------------------------------*/
.contact-inner {
width: 100%;
font-size: 1.6rem;
color: #121212;
text-align: left;
margin: 0 auto;
padding: 60px 0 0;
}
/* txt */
.tell {
font-size: 16px;
line-height: 1.5;
margin-bottom: 50px;
}
.tell span.num {
font-size: 48px;
font-weight: 600;
}
.tell span.time {
font-size: 16px;
}
.contact-txt001 {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
.contact-txt001 br {
display: none;
}
.contact-txt01 {
margin-bottom: 2em;
}
.contact-txt02 {
font-size: 15px;
font-weight: 400;
margin-bottom: 2em;
}
.contact-txt02 span {
font-size: 18px;
display: block;
margin-bottom: 1em;
}
.contact-txt03 {
font-size: 14px;
font-weight: 400;
margin-bottom: 1.5em;
}
em {
color: #a40000;
font-style: normal;
}
em02 {
font-size: 12px;
font-weight: 400;
color: #212121;
font-style: normal;
}
/* --------------------------------------
itemBlock
----------------------------------------*/
.itemBlock {
margin-bottom: 30px;
line-height: 1;
font-size: 16px;
}
.itemBlock .title {
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
}
.itemBlock p {
margin-bottom: 15px;
font-size: 16px;
font-weight: 600;
}
.itemBlock label {
cursor: pointer;
display: block;
}
.itemBlock label:after {
content: "";
clear: both;
display: block;
}
.itemBlock label input {
float: left;
font-size: 18px;
}
.itemBlock label input[type="radio"] {
width: 18px;
height: 18px;
margin: 0 0 0 0;
}
.itemBlock label p {
float: left;
padding: 0 0 0 4px;
margin: 0;
width: calc(100% - 24px);
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}
/* --------------------------------------
contentsBlock
----------------------------------------*/
.contentsBlock {
line-height: 1.5;
margin-bottom: 30px;
}
.contentsBlock .title {
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
}
.contentsBlock .title span {
font-size: 18px;
}
/* --------------------------------------
addressBlock
----------------------------------------*/
.addressBlock {
line-height: 1.5;
font-size: 16px;
}
.addressBlock .title {
margin-bottom: 30px;
font-size: 18px;
font-weight: 600;
}
.addressBlock p {
margin-bottom: 15px;
font-size: 16px;
font-weight: 600;
}
.addressBlock input {
margin-bottom: 30px;
}
/* --------------------------------------
privacyBlock
----------------------------------------*/
.privacyBlock {
line-height: 2;
font-size: 16px;
margin-bottom: 60px;
}
.privacyBlock .title {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}
.privacyBlock label {
cursor: pointer;
display: block;
}
.privacyBlock label:after {
content: "";
clear: both;
display: block;
}
.privacyBlock label input {
float: left;
font-size: 16px;
}
.privacyBlock label input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0 0 0 0;
}
.privacyBlock p {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.privacyBlock label p {
float: left;
padding: 0 0 0 4px;
margin: 0;
width: calc(100% - 24px);
font-size: 16px;
line-height: 1.2;
}
.privacyBlock a {
text-decoration: underline;
font-size: 16px;
font-weight: 400;
color: #5C5E5D;
}
.privacyBlock a:hover {
text-decoration: none;
}
/* --------------------------------------
form
----------------------------------------*/
.form-control-w20p {
display: inline-block;
width: 10em;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #003366;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control-w20p:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.addressBlock input[type="text"] {
font-size: 16px;
font-weight: 400;
padding-right: 6px;
padding-left: 6px;
margin-right: 10px;
color: #000;
display: inline-block;
border-color: #CCC;
}
.contentsBlock textarea {
font-size: 16px;
font-weight: 400;
padding-right: 6px;
padding-left: 6px;
margin-right: 10px;
color: #000;
display: inline-block;
height: 8em;
border-color: #CCC;
}
.itemBlock select {
height: 38px;
font-size: 16px;
font-weight: 600;
padding: 6px 6px 10px 6px;
margin-right: 10px;
color: #000;
display: inline-block;
border-color: #CCC;
}
.itemBlock label {
font-weight: normal;
color: #121212;
font-size: 15px;
margin: 0;
padding: 0;
}
.itemBlock label input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0 0 0 0;
}
/* --------------------------------------
Left Side dl.contact-use-w
----------------------------------------*/
dl.contact-use-w {
width: 100%;
padding: 0;
margin: 0;
}
dl.contact-use-w dt {
float: left;
width: 20px;
font-size: 18px;
color: #000;
text-align: left;
line-height: 1.2;
padding: 0 0 10px 0;
margin: 0;
}
dl.contact-use-w dd {
margin-left: 24px;
font-size: 18px;
font-weight: 600;
color: #000;
text-align: left;
line-height: 1.2;
padding: 0 0 10px 0;
}
/* --------------------------------------
Left Side tel
----------------------------------------*/
.tell p.num {
font-size: 60px;
font-weight: 600;
padding: 0;
margin: 0;
}
.tell p.time {
font-size: 16px;
font-weight: 400;
padding: 0;
margin: 0;
}
.tell p.tel-txt {
font-size: 16px;
font-weight: 400;
padding: 10px 0 20px 0;
margin: 0;
}
a.telcall {
display: none;
}
/* --------------------------------------
confirmBlock
----------------------------------------*/
.confirmBlock {
text-align: center;
line-height: 1;
}
.confirmBlock ul.submit{
width: 100%;
font-size: 0;
margin: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-padding-start: 0px;
}
.confirmBlock ul.submit li{
width: 100%;
font-size: 18px;
display: inline-block;
}
.confirmBlock ul.submit li button.reset{
background-color: #c9c9c9;
color: #434343;
border: none;
text-decoration: none;
padding: 15px 40px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.confirmBlock ul.submit li button.reset:hover{
background-color: #000;
color: #FFF;
cursor: pointer;
}
.confirmBlock ul.submit li button.confirm{
display: inline-block;
position: relative;
border-radius: 2px;
border: none;
color: #f1f1f1;
font-size: 16px;
font-weight: 700;
letter-spacing: 4px;
margin: 0 auto;
padding: 30px 80px;
background: #004E2D;
text-transform: uppercase;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.confirmBlock ul.submit li button.confirm:hover{
background-color: #6F0601;
color: #FFF;
border: none;
cursor: pointer;
}
@media(max-width:1480px) {
.itemBlock .title {
font-size: 16px;
}
.contentsBlock .title {
font-size: 16px;
}
.addressBlock .title {
font-size: 16px;
}
}
@media(max-width:1300px) {
.headline-inline .headline-contact01 {
font-size: 16px;
}
.headline-inline .headline-contact02 {
font-size: 16px;
}
.itemBlock .title {
font-size: 16px;
}
.contentsBlock .title {
font-size: 16px;
}
.contentsBlock .title span {
font-size: 16px;
}
.addressBlock .title {
font-size: 16px;
}
.privacyBlock .title {
font-size: 16px;
}
}
@media( max-width:1200px) {
.contact-inner {
width: 100%;
padding: 5% 0 0;
}
.tell p.num {
font-size: 48px;
}
.tell p.time {
font-size: 14px;
}
.tell p.tel-txt {
font-size: 14px;
}
.contact-txt02 {
font-size: 14px;
}
}
@media(max-width:990px) {
.contact-inner {
font-size: 14px;
padding: 5% 0 0;
}
.headline-inline .headline-contact01 {
font-size: 20px;
text-align: center;
}
.headline-inline .headline-contact02 {
font-size: 20px;
text-align: center;
}
.tell {
margin-bottom: 2em;
}
.tell span.num {
font-size: 32px;
}
.tell span.time {
font-size: 14px;
}
.contact-txt01 {
margin-bottom: 1em;
}
.contact-txt02 {
font-size: 14px;
}
.contact-txt02 span {
font-size: 16px;
margin-bottom: 0.5em;
}
.itemBlock .title {
font-size: 16px;
margin-bottom: 10px;
}
.contentsBlock {
font-size: 16px;
}
.contentsBlock .title span {
font-size: 13px;
}
.privacyBlock {
margin-bottom: 20px;
}
.addressBlock .title {
font-size: 16px;
}
.privacyBlock .title {
font-size: 16px;
}
.privacyBlock {
line-height: 1.2;
font-size: 14px;
}
.privacyBlock label {
font-size: 16px;
margin-top: 10px;
}
.contact-inner .tell p.num {
font-size: 36px;
}
.confirmBlock ul.submit {
margin-top: 50px;
padding-bottom: 2%;
}
}
@media(max-width:740px) {
.headline-inline .headline-contact01 {
font-size: 17px;
text-align: left;
}
.headline-inline .headline-contact02 {
font-size: 17px;
text-align: left;
}
.addressBlock {
margin-bottom: 15px;
}
.addressBlock p {
margin-bottom: 5px;
}
.addressBlock input {
margin-bottom: 15px;
}
.addressBlock .title {
margin-bottom: 20px;
}
.addressBlock span {
font-size: 12px;
}
.contentsBlock .title {
font-size: 16px;
}
.privacyBlock .title {
margin-bottom: 15px;
}
}
@media(max-width:680px) { /* SP */
a.telcall {
display: block;
}
}
@media(max-width:499px) { /* SP */
.contact-inner {
padding: 5% 0 0;
}
.contact-txt001 {
font-size: 14px;
line-height: 1.4;
margin-top: 20px;
margin-bottom: 10px;
}
.contact-txt001 br {
display: block;
}
#staff.bussiness-about-company {
padding-top: 80px;
margin-top: -80px;
}
.headline-inline .headline-contact01 {
font-size: 15px;
padding: 10px 50px 10px 0;
}
.headline-inline .headline-contact02 {
font-size: 15px;
}
.itemBlock {
font-size: 14px;
}
.itemBlock p {
font-size: 15px;
}
.itemBlock .title {
font-size: 15px;
margin-bottom: 20px;
}
.itemBlock select {
font-size: 13px !important;
}
.contentsBlock {
font-size: 15px;
}
.contentsBlock .title {
font-size: 15px;
}
.contentsBlock .title span {
font-size: 15px;
}
.addressBlock .title {
font-size: 15px;
}
.addressBlock span.age {
display: block;
font-size: 12px;
}
.privacyBlock {
margin-bottom: 50px;
}
.privacyBlock .title {
font-size: 15px;
}
.addressBlock p {
font-size: 15px;
}
.itemBlock label p {
font-size: 15px;
}
.privacyBlock p {
font-size: 15px;
}
.privacyBlock label p {
font-size: 15px;
}
.tell p.time {
font-size: 12px;
}
.tell p.tel-txt {
font-size: 12px;
}
.contact-txt02 {
font-size: 12px;
}
.form-control-w20p {
width: 6em;
margin-right: 0px !important;
}
}
@media(max-width:360px) {
.headline-inline .headline-contact01 {
font-size: 15px;
padding: 10px 60px 10px 0;
}
.contact-inner .tell p.num {
font-size: 30px;
}
.tell p.time {
font-size: 12px;
}
.tell p.tel-txt {
font-size: 12px;
}
.contact-txt02 {
font-size: 12px;
}
.contents01 .titleBlock p.read {
font-size: 16px;
}
.business-service-2x h5 {
margin: 0 0 10px;
}
.business-service-2x p {
font-size: 10px;
}
.contents02 .titleBlock02 p.read {
font-size: 16px;
}
.about-company-left h2.about-copy {
font-size: 16px;
}
.about-company-left h2.recruit-copy {
font-size: 18px;
}
}
/*!------------------------------------------------------------------
[Contact Us ] confirm.html 確認画面
*/
.contact-inner .conbox-head {
width: 100%;
margin: 20px auto 80px;
text-align: center;
}
.contact-inner .conbox-head p {
font-size: 15px;
font-weight: 400;
line-height: 1.8;
color: #212121;
text-align: center;
margin: 0;
}
@media (max-width: 1200px) {
.contact-inner .conbox-head {
width: 100%;
}
.contact-inner .conbox-head p {
font-size: 14px;
}
}
@media (max-width: 499px){
.contact-inner .conbox-head p {
font-size: 15px;
text-align: left;
}
.contact-inner .conbox-head p br {
display: none;
}
}
.contact-inner .conbox01 {
width: 100%;
margin: 0 auto;
font-size: 18px;
}
/* --------------------------------------
conbox01 table
----------------------------------------*/
.contact-inner .conbox01 table {
width: 100%;
font-size: 18px;
border-collapse: collapse;
margin-bottom: 50px;
}
.contact-inner .conbox01 table th {
width: 35%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
font-size:16px;
font-weight: bold;
vertical-align: top;
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
color: #000;
}
.contact-inner .conbox01 table th.pt20 {
padding-top: 20px;
}
.contact-inner .conbox01 table th span {
margin-left: 25px;
}
.contact-inner .conbox01 table th span.ml0 {
margin-left: 0px;
}
.contact-inner .conbox01 table th span span{
margin-left: 0px;
}
.contact-inner .conbox01 table td {
width: 60%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
font-size:16px;
font-weight: 400;
line-height: 1.5;
vertical-align: top;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
text-align: left;
color: #000;
}
.contact-inner .conbox01 table th.conend,
.contact-inner .conbox01 table td.conend {
padding-top: 50px;
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
.contact-inner .conbox01 table td span {
font-size: 12pt;
}
.contact-inner .conbox01 table td.pt20 {
padding-top: 20px;
}
.contact-inner .conbox01 table td.pb20 {
padding-bottom: 20px;
}
.contact-inner .conbox01 table td.pt30 {
padding-top: 30px;
}
.contact-inner .conbox01 table td.pt35 {
padding-top: 35px;
}
.contact-inner .conbox01 table td.pt45 {
padding-top: 45px;
}
/* --------------------------------------
conbox01 table submit
----------------------------------------*/
.contact-inner .conbox01 table th ul.submit{
width: 30%;
font-size: 0;
display: block;
list-style-type: none;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
margin: 60px auto 0;
}
.contact-inner .conbox01 table th ul.submit li{
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
.contact-inner .conbox01 table th ul.submit li button.reset{
display: block;
width: 100%;
text-decoration: none;
padding: 25px;
font-size: 18px;
background-color: #CCC;
color: #212121;
border: 0px outset buttonface;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.contact-inner .conbox01 table th ul.submit li button.reset:hover{
background-color: #999;
color: #000;
cursor: pointer;
}
.contact-inner .conbox01 table th ul.submit li button.confirm{
display: block;
width: 100%;
text-decoration: none;
padding: 25px;
font-size: 18px;
background-color: #009FD5;
color: #FFF;
border: 0px outset buttonface;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.contact-inner .conbox01 table th ul.submit li button.confirm:hover{
background-color: #D71D3B;
color: #FFF;
cursor: pointer;
}
@media (max-width: 1200px) { /* SP */
.contact-inner .conbox01 {
width: 90%;
margin: 0 auto;
}
.contact-inner .conbox01 table th {
display: block;
width: 100%;
padding-bottom: 5px;
font-size: 14px;
}
.contact-inner .conbox01 table td {
display: block;
width: 100%;
border-top: none;
padding-top: 5px;
padding-bottom: 15px;
font-size: 14px;
padding-left: 0px;
margin-bottom: 15px;
}
.contact-inner .conbox01 table th ul.submit{
-webkit-padding-start: 0px;
}
.contact-inner .conbox01 table th ul.submit li{
display: block;
width: 100%;
margin-right: 0px;
margin-top: 20px;
}
.contact-inner .conbox01 table th ul.submit li button.reset {
width: 100%;
}
.contact-inner .conbox01 table th ul.submit li button.confirm {
width: 100%;
}
}
@media (max-width: 990px) { /* SP */
.contact-inner .conbox01 table th ul.submit{
width: 50%;
}
}
@media (max-width: 499px) { /* SP */
.contact-inner .conbox01 table th ul.submit{
width: 100%;
margin: 30px auto 0;
}
}
/*!------------------------------------------------------------------
[Privacy Policy ]
*/
.privacy-hero-bg {
background-size: cover;
background-image: url(../img/privacy-top-bg.jpg);
}
.privacy-entitle {
display: block;
width: 120px;
font-size: 15px;
font-family: 'Roboto', sans-serif;
font-weight: 600;
line-height: 1.0;
letter-spacing: 0px;
color: #FFF;
text-align: center;
margin: 0 auto 30px;
padding: 6px 0;
background-color: #004E2D;
}
.privacy-title01-main {
display: block;
width: 360px;
font-size: 24px;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
line-height: 1.0;
letter-spacing: 10px;
color: #121212;
text-align: center;
margin: 0 auto;
padding: 20px 0;
background-color: #FFF;
}
.privacy-inner {
margin: 0;
padding: 0;
text-align: left;
}
.privacy-title {
font-size: 15px;
font-weight: 400;
line-height: 1.8;
letter-spacing: 1px;
color: #4E3A65;
margin: 0;
padding: 50px 0 50px;
}
.privacy-subtitle {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
letter-spacing: 2px;
color: #4E3A65;
margin: 0;
padding: 0 0 20px;
}
.privacy-txt {
font-size: 15px;
font-weight: 400;
line-height: 1.8;
letter-spacing: 1px;
color: #4E3A65;
margin: 0;
padding: 0 0 50px;
}
.privacy-txt-last {
font-size: 15px;
font-weight: 400;
line-height: 1.8;
letter-spacing: 1px;
color: #4E3A65;
margin: 0;
padding: 0;
}
@media(max-width:1480px) {
.privacy-subtitle {
font-size: 16px;
}
.privacy-txt {
font-size: 14px;
}
}
@media (max-width: 1300px){
.privacy-inner {
padding: 0 15px;
}
}
@media (max-width: 1200px){
.privacy-title {
padding: 60px 0 40px;
}
}
@media (max-width: 990px){
.privacy-hero-bg {
background-size: cover;
background-image: url(../img/privacy-top-bgsp.jpg);
}
.privacy-title {
padding: 40px 0 40px;
}
.privacy-subtitle {
font-size: 15px;
}
}
@media (max-width: 749px){
.privacy-title01-main {
width: 260px;
font-size: 20px;
letter-spacing: 2px;
padding: 10px 0;
}
}
@media (max-width: 499px){
.privacy-inner {
padding: 0 0px;
}
.privacy-title {
font-size: 15px;
letter-spacing: 0px;
}
.privacy-subtitle {
font-size: 16px;
letter-spacing: 0px;
}
.privacy-txt {
font-size: 15px;
letter-spacing: 0px;
}
}