@charset "UTF-8";

/*
Theme Name: TODA
Author: OFFICE NAKANO INDIVIDUAL LLC
Version: 1.0.1
*/

@font-face {
font-family: 'LINE Seed JP';
src: url('../font/LINESeedJP_OTF_Rg.woff')  format('woff');
font-weight: 400;
}
@font-face {
font-family: 'LINE Seed JP';
src: url('../font/LINESeedJP_OTF_Bd.woff')  format('woff');
font-weight: 600;
}

html, body, main, div, section, article,
header, footer, nav, h1, h2, h3, h4, h5, h6,
ul, li, ol, table, tbody, tr, th, td,
a, button, p, span, b, strong, small, blockquote,
canvas, figure, picture, img, audio, video,
form, label, input, select, textarea {
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
vertical-align: baseline;
}

html {
line-height: 1;
-webkit-text-size-adjust: 100%;
}

body {
margin: 0;
font-family: "LINE Seed JP", sans-serif;
font-weight: 400;
font-style: normal;
font-feature-settings: 'palt';
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;
}

/* header */
header.header {
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}

.head-inner .logo {
display: block;
padding: 8% 4%;
}

.header .logo figure {
max-width: 640px;
width: 100%;
display: block;
position: relative;
}

.info-title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f4b1b1;
  padding: 32px 4%;
}
.info-title h2 {
  font-size: 1.96rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
  color: #fff;
}

.concept {
  width: 100%;
  display: block;
  position: relative;
}
.inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column;
  padding: 128px 4%;
}
.title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin-bottom: 64px;
}
.title span.sub-title {
  font-size: 4rem;
  font-weight: 600;
  color: #f4b1b1;
  display: block;
  margin-bottom: 32px;
}
.title h2 {
  font-size: 1.6rem;
  font-weight: 600;
  display: block;
  color: #606461;
  letter-spacing: .25em;
}
.concept p {
  font-size: .96rem;
  line-height: 1.96em;
  display: block;
  text-align: center;
  color: #606461;
  margin: 0 auto 64px;
}
.concept h3 {
  font-size: 1.96rem;
  font-weight: 600;
  display: block;
  text-align: center;
  color: #606461;
  margin: 0 auto;
  letter-spacing: .05em;
  line-height: 1.6;
}

.about {
  width: 100%;
  background-color: #f9f9f9;
}
.about dl {
  max-width: 1000px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
  margin: 0 auto;
}
.about dl dt {
  width: 20%;
  padding: 24px 4%;
  background-color: #f4b1b1;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: .96rem;
  margin-bottom: 8px;
}
.about dl dd {
  width: 80%;
  padding: 24px 4%;
  background-color: #fff;
  color: #606461;
  font-size: .96rem;
  margin-bottom: 8px;
}
.foot-logo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin-bottom: 48px;
}
.foot-logo figure {
  max-width: 160px;
  width: 100%;
}
.footer p {
  font-size: .76rem;
  display: block;
  text-align: center;
  margin: 0 auto;
  line-height: 1.4em;
}

@media screen and (max-width: 480px) {
  .title span.sub-title {
    font-size: 3.2rem;
  }
  .concept p br {
display: none;
  }
.about dl dt {
    width: 100%;
    text-align: left;
}
.about dl dd {
    width: 100%;
    text-align: left;
    line-height: 1.6;
}

}