@charset "utf-8";

@font-face {
font-family: "Lato Light";
src: url('../font/Lato-Light.ttf') format("truetype");
}
@font-face {
font-family: "Lato Regular";
src: url('../font/Lato-Regular.ttf') format("truetype");
}
@font-face {
font-family: "Noto Sans Light JP";
src: url("../font/NotoSansJP-Light.ttf") format("truetype");
}
@font-face {
font-family: "Noto Sans Regular JP";
src: url("../font/NotoSansJP-Regular.ttf") format("truetype");
}

/* =reset
--------------------------------------------------------- */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,form,fieldset,legend,a,em,address,img {
font-weight: normal;
font-size: 100%;
margin: 0;
padding: 0;
border: none;
text-align: left;
color:#333333;
line-height: 1;
list-style-type: none;
font-family: "Noto Sans Regular JP", sans-serif;
}
input,textarea {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

a {
opacity:1;
transition:.3s;
}
a:link {
color:#333333;
text-decoration: none;
}
a:visited {
color:#333333;
text-decoration: none;
}
a:hover {
/*color:#076291;*/
color:#cccccc;
text-decoration: none;
}

img {
width: 100%;
max-width: 100%;
height: auto;
}
/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
img {
width: auto;
/*max-width: none;*/
}
}

.brPc {display:none;}
.brSp {display:block;}
/* 画面サイズ 960px〜*/
@media (min-width: 960px){
.brPc {display:block;}
.brSp {display:none;}
}

/* =framework
--------------------------------------------------------- */
body {
font-size: 16px;
margin: 0px;
padding: 0px;
text-align: center;
background:#f3f7f9;
}
#skipNav {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
overflow: hidden;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
}

/* =object
--------------------------------------------------------- */
h1 {
font-size: 150%;/* 24px */
line-height:130%;
margin:0 0 20px;
letter-spacing: 0.05em;
word-break: keep-all;
}
h2 {
font-size: 138%;/* 22px */
line-height:130%;
margin:0 0 25px;
word-break: keep-all;
}
h3 {
font-size: 113%;/* 18px */
line-height:130%;
margin:0 0 10px;
}
p {
font-size: 82%;/* 13px */
line-height:200%;
margin:0 0 25px;
}
.english {
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
}

.break-keep-all {
word-break: keep-all;
}

.alignCenter {
text-align:center;
}
.alignRight {
text-align:right;
}
.alignCenter img {
margin:0 auto;
}
.alignRight img {
margin:0 0 0 auto;
}

.mgn0{
margin-bottom:0px !important;
}
.mgn10{
margin-bottom:10px !important;
}
.mgn20{
margin-bottom:20px !important;
}
.mgn30{
margin-bottom:30px !important;
}
.mgn40{
margin-bottom:40px !important;
}
.mgn50{
margin-bottom:50px !important;
}
.mgn60{
margin-bottom:60px !important;
}

/* imghover */
a.imghover img {
transition: .3s;
}
a.imghover img:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/* fade_in */
.fade_in {
transition: 1.5s ease-in-out;
transform: translateY(15px);
opacity: 0;
}
.fade_in.on {
transform: translateY(0);
opacity: 1;
}

/* fade_text */
.fade_text {
transition: 1s ease-in-out;
letter-spacing: -0.02em;
opacity: 0;
}
.fade_text.on {
letter-spacing: 0;
opacity: 1;
}

/* fade_in_img */
.fade_in_img {
transition: 1.5s ease-in-out;
transform: scale(0.9, 0.9);
opacity: 0;
}
.fade_in_img.on {
transform: scale(1, 1);
opacity: 1;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
h1 {
font-size: 175%;/* 28px */
margin:0 0 30px;
}
h2 {
font-size: 150%;/* 24px */
margin:0 0 30px;
}
h3 {
font-size: 125%;/* 20px */
margin:0 0 20px;
}

}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
h1 {
font-size: 150%;/* 24px */
margin:0 0 35px;
}
h2 {
font-size: 150%;/* 24px */
margin:0 0 35px;
}
p {
font-size: 88%;/* 14px */
line-height:200%;
margin:0 0 30px;
}

}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {

}









/* =navigation　（完了）
--------------------------------------------------------- */
#navigationSp {
display:block;
}
#navigationSp .navToggle {
display: block;
position: absolute;
top: 20px;
right: 20px;
width: 35px;
height: 30px;
cursor: pointer;
z-index: 100;
}
#navigationSp .navToggle span {
display: block;
position: absolute;
width: 35px;
border-bottom: solid 2px #076291;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
#navigationSp .navToggle span:nth-child(1) {
top: 7px;
}
#navigationSp .navToggle span:nth-child(2) {
top: 23px;
}
/* 最初のspanを45度に */
#navigationSp .navToggle.active span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
/* 2番目のspanを-45度に */
#navigationSp .navToggle.active span:nth-child(2) {
top: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#navigationSp nav {
position: fixed;
width: 60vw;
height:100vh;
right:-20vw;
z-index: 99;
/*background:#f3f7f9;*/
background:#ffffff;
display: none; 
}
#navigationSp nav ul.main-menu {
padding:80px 20px 0;
}
#navigationSp nav ul.main-menu li {
font-size: 88%;/* 14px */
border-bottom: 1px solid #cccccc;
}
#navigationSp nav ul.main-menu li:first-child {
}
#navigationSp nav ul.main-menu li a {
display: block;
padding: 0.7em 0;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.05em;
}
#navigationSp .menu-bg {
position: fixed;
z-index: 98;
top: 0;
left: 0;
width: 100%;
height:100%;
/*background:#0d0d0d;*/
/*background:#076291;*/
/*background: linear-gradient(to right, #83b0c8, #076291);*/
background: linear-gradient(to right, #ffffff, #a0bcd3);
opacity: 0;
display: none; 
}

/* このクラスをjQueryで付与・削除する */
#navigationSp .navToggle.active {
position: fixed;
}
#navigationSp nav.active {
display: block; 
animation-name: fadeInMenu;
animation-fill-mode:forwards;
animation-duration:0.3s;
}
#navigationSp .menu-bg.active {
display: block; 
animation-name: fadeInBg;
animation-fill-mode:forwards;
animation-duration:0.3s;
}
/*フェードインアニメ*/
@keyframes fadeInMenu{
0% {opacity: 0;}
100% {opacity: 1; right:0;}
}
@keyframes fadeInBg{
0% {opacity: 0;}
100% {opacity: 0.9;}
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#navigationSp nav {
width: 50vw;
}
#navigationSp nav ul.main-menu li {
font-size: 100%;/* 16px */
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#navigationSp nav {
width: 25vw;
}





/*#navigationSp {
display:none;
}
#navigationPc {
display:block;
width:100%;
position:absolute;
top:0;
left:0;
z-index: 100;
min-height:80px;
}
body#index #navigationPc,
body.body-product-detail #navigationPc,
body.body-coordination-detail #navigationPc,
body#concept #navigationPc,
body#showroom #navigationPc {
background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
#navigationPc ul.main-menu {
width:900px;
padding:25px 0;
margin:0 auto;
text-align:center;
}
#navigationPc ul.main-menu li {
display:inline-block;
font-size: 94%;
line-height:100%;
margin:0 50px 0 0;
}
#navigationPc ul.main-menu li.logo {
margin:0 70px 0 0;
}
#navigationPc ul.main-menu li.logo h1 {
display:inline-block;
word-break: normal;
margin:0;
}
#navigationPc ul.main-menu li.logo h1 a {
width:120px;
height:28px;
background:url("lib/images/logo.svg") no-repeat 50% 50%;
background-size: cover;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
body#index #navigationPc ul.main-menu li.logo h1 a,
body.body-product-detail #navigationPc ul.main-menu li.logo h1 a,
body.body-coordination-detail #navigationPc ul.main-menu li.logo h1 a,
body#concept #navigationPc ul.main-menu li.logo h1 a,
body#showroom #navigationPc ul.main-menu li.logo h1 a {
background:url("lib/images/logo_white.svg") no-repeat 50% 50%;
background-size: cover;
}
#navigationPc ul.main-menu li:last-child {
margin:0 0 0 0;
}
#navigationPc ul.main-menu li a {
display:block;
font-family: "Lato Light", sans-serif;
letter-spacing: 0.05em;
}
#navigationPc ul.main-menu li a:link {
color:#555555;
}
body#index #navigationPc ul.main-menu li a:link,
body.body-product-detail #navigationPc ul.main-menu li a:link,
body.body-coordination-detail #navigationPc ul.main-menu li a:link,
body#concept #navigationPc ul.main-menu li a:link,
body#showroom #navigationPc ul.main-menu li a:link {
color:#e6e6e6;
}
#navigationPc ul.main-menu li a:visited {
color:#555555;
}
body#index #navigationPc ul.main-menu li a:visited,
body.body-product-detail #navigationPc ul.main-menu li a:visited,
body.body-coordination-detail #navigationPc ul.main-menu li a:visited,
body#concept #navigationPc ul.main-menu li a:visited,
body#showroom #navigationPc ul.main-menu li a:visited {
color:#e6e6e6;
}
#navigationPc ul.sub-menu {
position:absolute;
top:20px;
right:20px;
}
#navigationPc ul.sub-menu .info {
display:inline-block;
margin:0 10px;
}
#navigationPc ul.sub-menu .info a {
display:block;
width:22px;
height:22px;
background:url("lib/images/icon_info.svg") no-repeat 50% 50%;
background-size: cover;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
body#index #navigationPc ul.sub-menu .info a,
body.body-product-detail #navigationPc ul.sub-menu .info a,
body.body-coordination-detail #navigationPc ul.sub-menu .info a,
body#concept #navigationPc ul.sub-menu .info a,
body#showroom #navigationPc ul.sub-menu .info a {
background:url("lib/images/icon_info_white.svg") no-repeat 50% 50%;
background-size: cover;
}
#navigationPc ul.sub-menu .cart {
display:inline-block;
margin:0 10px;
}
#navigationPc ul.sub-menu .cart a {
display:block;
width:22px;
height:22px;
background:url("lib/images/icon_cart.svg") no-repeat 50% 50%;
background-size: cover;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
body#index #navigationPc ul.sub-menu .cart a,
body.body-product-detail #navigationPc ul.sub-menu .cart a,
body.body-coordination-detail #navigationPc ul.sub-menu .cart a,
body#concept #navigationPc ul.sub-menu .cart a,
body#showroom #navigationPc ul.sub-menu .cart a {
background:url("lib/images/icon_cart_white.svg") no-repeat 50% 50%;
background-size: cover;
}*/

}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
#navigationSp nav {
width: 20vw;
}


/*#navigationPc ul.main-menu {
width:1100px;
}
#navigationPc ul.main-menu li {
margin:0 70px 0 0;
}
#navigationPc ul.main-menu li.logo {
margin:0 90px 0 0;
}*/
}

/* =背景のグラデーション
--------------------------------------------------------- */
body#index, 
body#company-overview{
background: radial-gradient(#dce6f6 0%, #ffffff 50%, #a0bcd3 100%);
animation: gradationAnim 30s ease infinite;
}
@keyframes gradationAnim {
0% { background-position: 0% 50%; background-size: 400% 200%;}
50% { background-position: 100% 50%; background-size: 200% 100%; }
100% { background-position: 0% 50%; background-size: 400% 200%; }
}

/* =index（完了）
--------------------------------------------------------- */
#index #top-section{
width:84vw;
margin:0 auto;
padding:30px 0 60px;
}
#index #top-section .logo{
width:140px;
margin:0 0 60px;
}
#index #top-section .company-name{
font-size: 100%;/* 16px */
line-height:150%;
color:#076291;
margin:0 0 30px;
}
#index #top-section .company-name span{
display:block;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
}

#index #image-section{
width: 100%;
height: 100vw;
background:url("../../images/image_01_sp.jpg") no-repeat 50% 50%;
background-size: cover;
}

#index #concept-section{
padding:60px 0;
}
#index #concept-section .inner{
width:84vw;
margin:0 auto;
padding:40px 0;
background:#ffffff;
}
#index #concept-section .inner h1{
padding:0 8vw;
}
#index #concept-section .inner h2{
font-size: 175%;/* 28px */
color:#076291;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
padding:0 8vw;
text-align:center;
}
#index #concept-section .inner p{
padding:0 8vw;
}

#index #business-section .inner{
width:84vw;
margin:0 auto;
padding:60px 0;
border-top:1px solid #9cc0d3;
}
#index #business-section .inner h2{
font-size: 175%;/* 28px */
color:#076291;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
text-align:center;
}
#index #business-section .inner .business-contents{
/*background:#c1d8e3;*/
/*background:#cde0e9;*/
padding:0 4vw;
height:100%;
background-color:rgba(205, 224, 233, 0.4);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}
#index #business-section .inner .business-contents h3{
color:#076291;
text-align:center;
padding:20px 0;
margin:0;
}
#index #business-section .inner .business-contents dl{
}
#index #business-section .inner .business-contents dl div{
background:#ffffff;
margin:0 0 4vw;
padding:4vw;
}
#index #business-section .inner .business-contents dl div dt{
font-size: 100%;/* 16px */
line-height:150%;
margin:0 0 8px;
}
#index #business-section .inner .business-contents dl div dd{
font-size: 82%;/* 13px */
line-height:150%;
}

#index #musiksaal-section{
width:84vw;
margin:0 auto 60px;
background:#ffffff;
padding:40px 0;
}
#index #musiksaal-section .text{
padding:0 4vw;
}
#index #musiksaal-section .text .logo{
width:38vw;
margin:0 auto 20px;
}
#index #musiksaal-section .photo{
padding:0 4vw;
}
#index #musiksaal-section .photo ul{
}
#index #musiksaal-section .photo ul:after{
content: "";
display: block;
clear: both;
}
#index #musiksaal-section .photo ul li:nth-child(1){
margin: 0 0 4vw ;
}
#index #musiksaal-section .photo ul li:nth-child(2){
float:left;
width:36vw;
}
#index #musiksaal-section .photo ul li:nth-child(3){
float:right;
width:36vw;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#index #top-section{
width:74vw;
}
#index #top-section .company-name{
font-size: 113%;/* 18px */
}
#index #top-section .logo{
width:160px;
margin:0 0 90px;
}
#index #image-section{
height: 60vw;
}
#index #concept-section{
padding:80px 0;
}
#index #concept-section .inner{
width:74vw;
}
#index #business-section .inner{
width:74vw;
padding:60px 0 80px;
}
#index #business-section .inner .business-contents{
padding:0 3vw;
}
#index #business-section .inner .business-contents dl div{
margin:0 0 2vw;
padding:3vw;
}
#index #business-section .inner .business-contents dl div dt{
font-size: 113%;/* 18px */
}
#index #business-section .inner .business-contents dl div dd{
font-size: 88%;/* 14px */
}
#index #musiksaal-section{
width:74vw;
margin:0 auto 80px;
padding:60px 0;
}
#index #musiksaal-section .text{
padding:0 5vw;
}
#index #musiksaal-section .text .logo{
width:25vw;
margin:0 auto 20px;
}
#index #musiksaal-section .photo{
padding:0 5vw;
}
#index #musiksaal-section .photo ul li:nth-child(1){
margin: 0 0 2vw ;
}
#index #musiksaal-section .photo ul li:nth-child(2){
width:31vw;
}
#index #musiksaal-section .photo ul li:nth-child(3){
width:31vw;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#index #top-section{
width:70vw;
margin:0 auto;
padding:120px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
#index #top-section .left{
width:35vw;
}
#index #top-section .right{
width:35vw;
}
#index #top-section .logo{
width:210px;
margin:0 0 30px 3vw;
}
#index #top-section .company-name{
font-size: 94%;/* 15px */
margin:0 0 0 3vw;
}

#index #image-section{
width: 100%;
height: 50vh;
background:url("../../images/image_01_pc.jpg") no-repeat 50% 50%;
background-size: cover;
}

#index #concept-section{
padding:120px 0 70px;
}
#index #concept-section .inner{
width:74vw;
margin:0 auto;
padding:0;
background:none;
}
#index #concept-section .inner h1{
padding:40px 50px 0;
margin:0 0 30px;
}
#index #concept-section .inner h2{
font-size: 225%;/* 36px */
text-align:left;
border-bottom:1px solid #9cc0d3;
padding:0 0 10px;
margin:0;
}
#index #concept-section .inner p{
padding:0 50px 40px;
margin:0;
}
#index #concept-section .inner .text{
width:50vw;
background:#ffffff;
margin:0 0 0 auto;
position:relative;
top:-50px;
right:50px;
z-index:2;
}

#index #business-section .inner{
width:74vw;
margin:0 auto;
padding:0 0 120px;
border-top:0;
}
#index #business-section .inner h2{
font-size: 225%;/* 36px */
text-align:left;
border-bottom:1px solid #9cc0d3;
padding:0 0 10px;
margin:0 0 40px;
}
#index #business-section .inner .business-contents{
padding:0 2vw;
}
#index #business-section .inner .business-contents h3{
}
#index #business-section .inner .business-contents dl{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
#index #business-section .inner .business-contents dl div{
width:22vw;
margin:0 0 2vw;
padding:0;
}
#index #business-section .inner .business-contents dl div dt{
font-size: 113%;/* 18px */
line-height:130%;
margin:0 0 15px;
padding:25px 30px 0;
}
#index #business-section .inner .business-contents dl div dd{
font-size: 88;/* 14px */
line-height:150%;
padding:0 30px 25px;
}

#index #musiksaal-section{
width:auto;
margin:0 0 120px;
padding:40px 13vw;
display: flex;
justify-content: space-between;
align-items: center;
}
#index #musiksaal-section .text{
width:29vw;
padding:0;
}
#index #musiksaal-section .text .logo{
width:160px;
margin:0 auto 30px;
}
#index #musiksaal-section .photo{
width:37vw;
padding:0;
}
#index #musiksaal-section .photo ul li:nth-child(1){
width:37vw;
margin: 0 0 20px ;
}
#index #musiksaal-section .photo ul li:nth-child(2){
width:18vw;
}
#index #musiksaal-section .photo ul li:nth-child(3){
width:18vw;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {

}

/* =company-overview（完了）
--------------------------------------------------------- */
#company-overview #message-section{
padding:80px 0;
}
#company-overview #message-section .inner{
width:84vw;
margin:0 auto;
padding:40px 0;
background:#ffffff;
}
#company-overview #message-section .inner h1{
padding:0 8vw;
text-align:center;
}
#company-overview #message-section .inner h2{
font-size: 175%;/* 28px */
color:#076291;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
padding:0 8vw;
text-align:center;
}
#company-overview #message-section .inner p{
padding:0 8vw;
margin:0 0 15px;
}
#company-overview #message-section .inner p.name{
text-align:right;
margin:0;
}

#company-overview #profile-section .inner{
width:84vw;
margin:0 auto;
padding:60px 0;
border-top:1px solid #9cc0d3;
}
#company-overview #profile-section .inner h2{
font-size: 175%;/* 28px */
color:#076291;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
text-align:center;
}
#company-overview #profile-section .inner .profile-contents{
/*background:#cde0e9;*/
padding:0 4vw;
height:100%;
background-color:rgba(205, 224, 233, 0.4);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}
#company-overview #profile-section .inner .profile-contents h3{
/*color:#076291;*/
color:#076291;
text-align:center;
padding:20px 0;
margin:0;
}
#company-overview #profile-section .inner .profile-contents dl{
background:#ffffff;
padding:15px 4vw 0;
}
#company-overview #profile-section .inner .profile-contents dl div{
margin:0 0 15px;
padding:0 0 15px;
border-bottom:1px solid #e6e6e6;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#company-overview #profile-section .inner .profile-contents dl div:last-child{
border-bottom:0;
margin:0 0 4vw;
}
#company-overview #profile-section .inner .profile-contents dl div dt{
width:18vw;
font-size: 82%;/* 13px */
line-height:150%;
}
#company-overview #profile-section .inner .profile-contents dl div dd{
width:50vw;
font-size: 82%;/* 13px */
line-height:150%;
}
#company-overview #profile-section .inner .profile-contents dl div dd span{
display:block;
text-indent:-1em;
padding-left:1em;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#company-overview #message-section{
padding:80px 0;
}
#company-overview #message-section .inner{
width:74vw;
}
#company-overview #profile-section .inner{
width:74vw;
}
#company-overview #profile-section .inner .profile-contents{
padding:0 6vw;
}
#company-overview #profile-section .inner .profile-contents dl{
padding:15px 6vw 0;
}
#company-overview #profile-section .inner .profile-contents dl div:last-child{
margin:0 0 6vw;
}
#company-overview #profile-section .inner .profile-contents dl div dt{
width:13vw;
}
#company-overview #profile-section .inner .profile-contents dl div dd{
width:37vw;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#company-overview #message-section{
padding:120px 0 70px;
}
#company-overview #message-section .inner{
width:74vw;
margin:0 auto;
padding:0;
background:none;
}
#company-overview #message-section .inner h1{
padding:0 50px;
margin:0 0 30px;
}
#company-overview #message-section .inner h2{
font-size: 225%;/* 36px */
text-align:left;
border-bottom:1px solid #9cc0d3;
padding:0 0 10px;
margin:0;
}
#company-overview #message-section .inner p{
padding:0 50px;
margin:0 0 20px;
}
#company-overview #message-section .inner p.name{
margin:0;
}
#company-overview #message-section .inner .text{
width:50vw;
background:#ffffff;
padding:40px 0;
margin:0 0 0 auto;
position:relative;
top:-50px;
right:50px;
z-index:2;
}
#company-overview #profile-section .inner{
padding:0 0 120px;
border-top:0;
}
#company-overview #profile-section .inner h2{
font-size: 225%;/* 36px */
text-align:left;
border-bottom:1px solid #9cc0d3;
padding:0 0 10px;
margin:0 0 40px;
}
#company-overview #profile-section .inner .profile-contents{
/*padding:0 8vw;*/
}
#company-overview #profile-section .inner .profile-contents h3{
/*padding:20px 0;*/
}
#company-overview #profile-section .inner .profile-contents dl{
padding:25px 6vw 0;
}
#company-overview #profile-section .inner .profile-contents dl div{
}
#company-overview #profile-section .inner .profile-contents dl div:last-child{
margin:0 0 5vw;
padding:0 0 25px;
}
#company-overview #profile-section .inner .profile-contents dl div dt{
font-size: 88%;/* 14px */
width:14vw;
}
#company-overview #profile-section .inner .profile-contents dl div dd{
font-size: 88%;/* 14px */
width:36vw;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
}

/* =footer（完了）
--------------------------------------------------------- */
#footer {
width:84vw;
margin:0 auto;
padding:40px 0 20px;
border-top:1px solid #9cc0d3;
}
#footer .text {
}
#footer .text .logo {
width:140px;
margin:0 0 40px;
}
#footer .text .company-name {
font-size: 100%;/* 16px */
line-height:150%;
color:#076291;
margin:0 0 20px;
}
#footer .text .company-name span {
display:block;
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
}
#footer .text .address {
font-size: 75%;/* 12px */
line-height:150%;
}
#footer .copyright p {
font-family: "Lato Light", "Noto Sans Light JP", sans-serif;
letter-spacing: 0.1em;
margin:0;
}

/* 画面サイズ 480px〜*/
@media (min-width: 480px) {
}

/* 画面サイズ 600px〜*/
@media (min-width: 600px) {
#footer {
width:90vw;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
#footer .text {
width:45vw;
}
#footer .text .logo {
width:160px;
}
#footer .text .address {
font-size: 82%;/* 13px */
margin:0;
}
#footer .copyright p {
width:45vw;
text-align:right;
}
}

/* 画面サイズ 960px〜*/
@media (min-width: 960px) {
#footer {
width:94vw;
}
}

/* 画面サイズ 1400px〜*/
@media (min-width: 1400px) {
}