@charset "UTF-8";
/* Welcome to Compass. Use this file to define print styles.
* Import this file using the following HTML or equivalent:
* */
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
@import url(format.css);
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@700;900&display=swap");
/* line 5, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
/* line 22, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1;
}
/* line 24, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none;
}
/* line 26, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* line 28, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
/* line 30, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none;
}
/* line 103, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
/* line 32, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
border: none;
}
/* line 116, C:/Users/oohira/.local/share/gem/ruby/3.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/* line 8, ../sass/common.sass */
.clearfix, body#top.home .inner, #contentsArea, .unitBox, .unitBox .inner, .unitBox .narrow, #info .infoDetail, #info .diaryWrapper, #footer {
*zoom: 1;
}
/* line 10, ../sass/common.sass */
.clearfix:after, body#top.home .inner:after, #contentsArea:after, .unitBox:after, .unitBox .inner:after, .unitBox .narrow:after, #info .infoDetail:after, #info .diaryWrapper:after, #footer:after {
content: "";
display: table;
clear: both;
}
/* line 51, ../sass/common.sass */
html {
-webkit-text-size-adjust: 100%;
}
/* line 53, ../sass/common.sass */
strong {
font-weight: bold;
}
/* line 55, ../sass/common.sass */
body {
width: 100%;
height: 100%;
color: #000;
background: linear-gradient(180deg, #e3f2f5, #ffffff 60%, #e3f8f8);
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
position: relative;
overflow-x: hidden;
right: 0;
}
/* line 64, ../sass/common.sass */
a:link, a:visited {
text-decoration: none;
color: #000;
}
/* line 67, ../sass/common.sass */
a:hover, a:active {
text-decoration: none;
color: #b00;
}
/* line 71, ../sass/common.sass */
body#top.home .inner {
max-width: 1200px;
margin: 25px auto;
transition: width 0.75s cubic-bezier(0.8, 0, 0.2, 1);
}
/* line 76, ../sass/common.sass */
body#top.home .inner img {
max-width: 100%;
}
/* line 79, ../sass/common.sass */
body#top.second .inner {
background-color: transparent;
margin: 25px auto;
max-width: 1200px;
}
/* line 84, ../sass/common.sass */
body#top.second .inner .aboutInner h2 {
position: static;
text-align: center;
padding: 30px 0;
}
/* line 88, ../sass/common.sass */
body#top.second .inner .aboutInner p {
line-height: 30px;
}
/* line 93, ../sass/common.sass */
#merit .inner .aboutInner .graph-area, #merit .inner .aboutInner .text-area {
flex: 1;
}
/* line 96, ../sass/common.sass */
#merit .inner .aboutInner .graph-area .image-wrapper img, #merit .inner .aboutInner .text-area .image-wrapper img {
width: 100%;
height: auto;
display: block;
}
/* line 101, ../sass/common.sass */
#merit .inner .aboutInner .graph-area .highlight-box h3, #merit .inner .aboutInner .text-area .highlight-box h3 {
font-size: 1.8rem;
margin-top: 0;
line-height: 1.4;
color: #003E62;
font-weight: bold;
text-align: center;
}
/* line 108, ../sass/common.sass */
#merit .inner .aboutInner .graph-area .description, #merit .inner .aboutInner .text-area .description {
font-size: 1rem;
margin-bottom: 20px;
}
/* line 111, ../sass/common.sass */
#merit .inner .aboutInner .graph-area .description strong, #merit .inner .aboutInner .text-area .description strong {
font-size: 1.1rem;
}
/* line 113, ../sass/common.sass */
#merit .inner .aboutInner .graph-area .check-list, #merit .inner .aboutInner .text-area .check-list {
list-style: none;
padding: 0;
margin-top: 30px;
display: flex;
}
/* line 118, ../sass/common.sass */
#merit .inner .aboutInner .graph-area .check-list li, #merit .inner .aboutInner .text-area .check-list li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
margin-right: 20px;
font-size: 0.9rem;
font-weight: bold;
}
/* line 125, ../sass/common.sass */
#merit .inner .aboutInner .graph-area .check-list li::before, #merit .inner .aboutInner .text-area .check-list li::before {
content: "✔";
position: absolute;
left: 0;
color: #FB8600;
}
/* line 130, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 40px;
}
/* line 135, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card {
background: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
}
/* line 141, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card .card-inner {
padding: 40px 30px;
text-align: center;
display: flex;
flex-direction: column;
}
/* line 146, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card .card-inner .icon-wrap {
width: 100px;
height: 80px;
margin: 0 auto 25px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
}
/* line 155, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card .card-inner .icon-wrap img {
width: 100%;
height: auto;
}
/* line 158, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card .card-inner h3 {
font-size: 1.25rem;
}
/* line 160, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card .card-inner p {
font-size: 0.95rem;
color: #666;
text-align: left;
/*margin-bottom: 20px */
}
/* line 165, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card .card-inner .card-list {
text-align: left;
list-style: none;
padding: 0;
margin-top: auto;
border-top: 1px solid #eee;
padding-top: 20px;
}
/* line 172, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card .card-inner .card-list li {
font-size: 0.85rem;
font-weight: bold;
margin-bottom: 8px;
position: relative;
padding-left: 15px;
}
/* line 178, ../sass/common.sass */
#merit .inner .aboutInner .benefits-grid .benefit-card .card-inner .card-list li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
background-color: #FB8600;
border-radius: 50%;
}
/* line 188, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive {
width: 100%;
overflow-x: auto;
margin-top: 40px;
}
/* line 192, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table {
width: 100%;
min-width: 600px;
border-collapse: collapse;
border-spacing: 0;
font-size: 1rem;
}
/* line 198, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table th, #merit .inner .aboutInner .table-responsive .comparison-table td {
padding: 25px 20px;
border: 1px solid #e0e6ed;
text-align: center;
vertical-align: middle;
}
/* line 203, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table th {
background-color: #E4ECF3;
}
/* line 205, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table td {
background-color: #ffffff;
font-weight: bold;
}
/* line 208, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table td.label {
background-color: #FBFDFF;
font-weight: bold;
text-align: left;
width: 25%;
}
/* line 213, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table .highlight-col {
background-color: rgba(230, 126, 34, 0.03);
width: 37.5%;
}
/* line 216, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table th.general-col {
background-color: #9C9D9E;
color: #ffffff;
font-size: 1.2rem;
font-weight: bold;
}
/* line 221, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table th.highlight-col {
background-color: #003E62;
color: #ffffff;
font-size: 1.2rem;
font-weight: bold;
}
/* line 226, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table td.highlight-col {
background-color: #ffffff;
}
/* line 228, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table strong {
color: #FB8600;
}
/* line 230, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .comparison-table .price-focus {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
display: inline-block;
color: #FB8600;
font-size: 1.4rem;
font-weight: bold;
border: none;
}
/* line 237, ../sass/common.sass */
#merit .inner .aboutInner .table-responsive .table-note {
font-size: 0.8rem;
color: #888;
margin-top: 15px;
}
/* line 244, ../sass/common.sass */
#project_mirai .inner .aboutInner .flex-row, #project_children .inner .aboutInner .flex-row, #project_others .inner .aboutInner .flex-row {
display: flex;
gap: 40px;
align-items: center;
flex-wrap: wrap;
}
/* line 249, ../sass/common.sass */
#project_mirai .inner .aboutInner .flex-row .text-content, #project_children .inner .aboutInner .flex-row .text-content, #project_others .inner .aboutInner .flex-row .text-content {
flex: 1;
min-width: 300px;
}
/* line 252, ../sass/common.sass */
#project_mirai .inner .aboutInner .flex-row .image-gallery, #project_children .inner .aboutInner .flex-row .image-gallery, #project_others .inner .aboutInner .flex-row .image-gallery {
flex: 1;
display: flex;
gap: 10px;
min-width: 300px;
}
/* line 257, ../sass/common.sass */
#project_mirai .inner .aboutInner .flex-row .image-gallery img, #project_children .inner .aboutInner .flex-row .image-gallery img, #project_others .inner .aboutInner .flex-row .image-gallery img {
width: 50%;
border-radius: 8px;
object-fit: cover;
height: 200px;
}
/* line 262, ../sass/common.sass */
#project_mirai .inner .aboutInner .benefits-grid, #project_children .inner .aboutInner .benefits-grid, #project_others .inner .aboutInner .benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 20px;
}
/* line 267, ../sass/common.sass */
#project_mirai .inner .aboutInner .benefits-grid .benefit-card, #project_children .inner .aboutInner .benefits-grid .benefit-card, #project_others .inner .aboutInner .benefits-grid .benefit-card {
background: #fff;
padding: 30px;
border-radius: 12px;
text-align: center;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
/* line 273, ../sass/common.sass */
#project_mirai .inner .aboutInner .benefits-grid .benefit-card .icon-wrapper, #project_children .inner .aboutInner .benefits-grid .benefit-card .icon-wrapper, #project_others .inner .aboutInner .benefits-grid .benefit-card .icon-wrapper {
width: 80px;
height: 80px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
}
/* line 280, ../sass/common.sass */
#project_mirai .inner .aboutInner .benefits-grid .benefit-card .icon-wrapper img, #project_children .inner .aboutInner .benefits-grid .benefit-card .icon-wrapper img, #project_others .inner .aboutInner .benefits-grid .benefit-card .icon-wrapper img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* line 284, ../sass/common.sass */
#project_mirai .inner .aboutInner .benefits-grid .benefit-card h3, #project_children .inner .aboutInner .benefits-grid .benefit-card h3, #project_others .inner .aboutInner .benefits-grid .benefit-card h3 {
font-size: 1.25rem;
color: #003E62;
}
/* line 287, ../sass/common.sass */
#project_mirai .inner .aboutInner .benefits-grid .benefit-card p, #project_children .inner .aboutInner .benefits-grid .benefit-card p, #project_others .inner .aboutInner .benefits-grid .benefit-card p {
font-size: 0.95rem;
color: #666;
text-align: left;
}
/* line 291, ../sass/common.sass */
#project_mirai .inner .aboutInner .sdgs-container, #project_children .inner .aboutInner .sdgs-container, #project_others .inner .aboutInner .sdgs-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
max-width: 800px;
margin: 0 auto;
}
/* line 298, ../sass/common.sass */
#project_mirai .inner .aboutInner .sdgs-container img, #project_children .inner .aboutInner .sdgs-container img, #project_others .inner .aboutInner .sdgs-container img {
width: 80px;
height: auto;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.2s;
}
/* line 303, ../sass/common.sass */
#project_mirai .inner .aboutInner .floating-action, #project_children .inner .aboutInner .floating-action, #project_others .inner .aboutInner .floating-action {
position: relative;
text-align: center;
max-width: 400px;
margin: 50px auto;
}
/* line 308, ../sass/common.sass */
#project_mirai .inner .aboutInner .floating-action .btn-primary, #project_children .inner .aboutInner .floating-action .btn-primary, #project_others .inner .aboutInner .floating-action .btn-primary {
background-color: #FB8600;
color: #ffffff;
padding: 15px 40px;
text-decoration: none;
border-radius: 50px;
font-weight: bold;
transition: transform 0.3s;
display: block;
font-size: 25px;
}
/* line 318, ../sass/common.sass */
#project_mirai .inner .aboutInner .floating-action .btn-primary:hover, #project_children .inner .aboutInner .floating-action .btn-primary:hover, #project_others .inner .aboutInner .floating-action .btn-primary:hover {
transform: scale(1.05);
background-color: #80490A;
}
/* line 324, ../sass/common.sass */
#strategy .inner .aboutInner .card-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 100px;
}
/* line 329, ../sass/common.sass */
#strategy .inner .aboutInner .card-container .strategy-card {
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
/* line 334, ../sass/common.sass */
#strategy .inner .aboutInner .card-container .strategy-card .card-category {
font-size: 0.75rem;
color: #666;
text-align: center;
border-bottom: 0.5px solid #707070;
line-height: 18px;
}
/* line 340, ../sass/common.sass */
#strategy .inner .aboutInner .card-container .strategy-card .card-heading {
font-size: 1.2rem;
font-weight: bold;
text-align: center;
color: #FB8600;
}
/* line 345, ../sass/common.sass */
#strategy .inner .aboutInner .card-container .strategy-card .card-image {
width: 100%;
margin-bottom: 10px;
}
/* line 348, ../sass/common.sass */
#strategy .inner .aboutInner .card-container .strategy-card .card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 352, ../sass/common.sass */
#strategy .inner .aboutInner .card-container .strategy-card .card-text {
font-size: 0.9rem;
color: #000;
}
/* line 355, ../sass/common.sass */
#strategy .inner .aboutInner .goal-wrapper {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 900px;
margin: 0 auto 100px;
}
/* line 361, ../sass/common.sass */
#strategy .inner .aboutInner .goal-wrapper .goal-item {
display: flex;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
/* line 367, ../sass/common.sass */
#strategy .inner .aboutInner .goal-wrapper .goal-item .goal-number {
background: #003E62;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
min-width: 80px;
}
/* line 376, ../sass/common.sass */
#strategy .inner .aboutInner .goal-wrapper .goal-item .goal-body {
padding: 20px 25px;
}
/* line 378, ../sass/common.sass */
#strategy .inner .aboutInner .goal-wrapper .goal-item .goal-body h3 {
font-weight: bold;
font-size: 1.3rem;
color: #003E62;
padding: 10px 0px;
}
/* line 383, ../sass/common.sass */
#strategy .inner .aboutInner .goal-wrapper .goal-item .goal-body p {
margin: 0;
font-size: 0.85rem;
color: #000;
line-height: 25px;
}
/* line 390, ../sass/common.sass */
#form .pageHeader h1 {
color: #FB8600;
}
/* line 394, ../sass/common.sass */
#form .inner .aboutInner .text {
margin-bottom: 30px;
}
/* line 396, ../sass/common.sass */
#form .inner .aboutInner .text h2 {
font-size: 30px;
font-weight: bold;
color: #FB8600;
padding: 30px 0px 10px !important;
text-align: left !important;
}
/* line 402, ../sass/common.sass */
#form .inner .aboutInner .text hr {
border: none;
border-top: 1px solid #666;
}
/* line 405, ../sass/common.sass */
#form .inner .aboutInner .text p {
padding-top: 10px;
}
/* line 408, ../sass/common.sass */
#form .inner .aboutInner .text ul li {
margin-bottom: 20px;
font-size: 18px;
}
/* line 411, ../sass/common.sass */
#form .inner .aboutInner .form-card {
background-color: #FB8600;
color: #ffffff;
text-decoration: none;
width: 450px;
padding: 30px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 50px;
transition: all 0.3s;
}
/* line 423, ../sass/common.sass */
#form .inner .aboutInner .form-card .form-card-inner {
display: flex;
align-items: center;
text-align: left;
}
/* line 427, ../sass/common.sass */
#form .inner .aboutInner .form-card .form-card-inner .form-Webtext {
display: flex;
}
/* line 429, ../sass/common.sass */
#form .inner .aboutInner .form-card .form-card-inner .form-Webtext .form-icon {
width: 30px;
margin-right: 10px;
}
/* line 432, ../sass/common.sass */
#form .inner .aboutInner .form-card .form-card-inner .form-Webtext h3 {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
font-size: 18px;
color: #ffffff;
}
/* line 437, ../sass/common.sass */
#form .inner .aboutInner .form-card:hover {
transform: translateY(-5px);
}
/* line 439, ../sass/common.sass */
#form .inner .aboutInner .message {
text-align: center;
font-size: 18px;
}
/* line 445, ../sass/common.sass */
#privacy .inner .aboutInner h2 {
font-size: 35px;
text-align: left !important;
padding: 30px 0px 10px 0px !important;
}
/* line 449, ../sass/common.sass */
#privacy .inner .aboutInner p {
padding-top: 10px;
}
@media (max-width: 1000px) {
/* line 456, ../sass/common.sass */
body#top.second #merit .inner .aboutInner .benefits-grid {
display: block;
}
/* line 458, ../sass/common.sass */
body#top.second #merit .inner .aboutInner .benefits-grid .benefit-card {
margin-bottom: 20px;
}
/* line 461, ../sass/common.sass */
body#top.second #merit .inner .aboutInner .benefits-grid .benefit-card .card-inner .icon-wrap {
margin: 0 auto 10px;
}
/* line 466, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner .card-container {
display: block;
}
/* line 468, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner .card-container .strategy-card {
margin-bottom: 20px;
}
/* line 473, ../sass/common.sass */
body#top.second #form .inner .aboutInner .form-card {
width: auto;
margin-bottom: 20px;
}
/* line 476, ../sass/common.sass */
body#top.second #form .inner .aboutInner .message {
text-align: left;
}
}
@media (max-width: 800px) {
/* line 482, ../sass/common.sass */
body#top.second .inner .pageHeader h1 {
padding-top: 50px;
}
/* line 488, ../sass/common.sass */
body#top.second #merit .inner .aboutInner .text-area .check-list {
display: block;
}
/* line 493, ../sass/common.sass */
body#top.second #project_mirai .inner .aboutInner .flex-row, body#top.second #project_children .inner .aboutInner .flex-row {
display: block;
}
}
@media (max-width: 500px) {
/* line 499, ../sass/common.sass */
body#top.second .inner .pageHeader .leadText {
padding: 0px 50px;
}
/* line 502, ../sass/common.sass */
body#top.second .inner .aboutInner h2 {
padding: 50px 0 10px;
font-size: 24px;
}
/* line 505, ../sass/common.sass */
body#top.second .inner .aboutInner .flex-container, body#top.second .inner .aboutInner .benefits-grid, body#top.second .inner .aboutInner .table-responsive {
margin-top: 20px;
}
/* line 511, ../sass/common.sass */
body#top.second #project_mirai .inner .aboutInner .flex-row .image-gallery, body#top.second #project_children .inner .aboutInner .flex-row .image-gallery {
display: block;
}
/* line 513, ../sass/common.sass */
body#top.second #project_mirai .inner .aboutInner .flex-row .image-gallery img, body#top.second #project_children .inner .aboutInner .flex-row .image-gallery img {
width: 100%;
margin-bottom: 5px;
}
/* line 519, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner h2 {
padding: 50px 0px 30px;
}
/* line 521, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner .card-container {
margin-bottom: 50px;
}
/* line 524, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner .card-container .strategy-card .card-text {
font-size: 0.8rem;
line-height: 25px;
}
/* line 529, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner .goal-wrapper .goal-item .goal-number {
font-size: 1.5rem;
min-width: 60px;
}
/* line 532, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner .goal-wrapper .goal-item .goal-body {
padding: 15px 20px;
}
/* line 534, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner .goal-wrapper .goal-item .goal-body h3 {
font-size: 1.15rem;
}
/* line 536, ../sass/common.sass */
body#top.second #strategy .inner .aboutInner .goal-wrapper .goal-item .goal-body p {
font-size: 0.8rem;
}
/* line 542, ../sass/common.sass */
body#top.second #form .inner .aboutInner .text h3 {
text-align: center;
}
}
/* line 544, ../sass/common.sass */
#loading {
width: 100%;
height: 100%;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/loading.svg);
background-size: 30px 30px;
position: fixed;
background-color: #faf8f5;
top: 0;
left: 0;
z-index: 99999999;
}
/* header------------------------------------------------------- */
/* line 558, ../sass/common.sass */
#header {
width: 100%;
height: 0px;
background-color: #ffffff;
}
/* line 562, ../sass/common.sass */
#header #siteLogo {
width: 100px;
}
/* line 564, ../sass/common.sass */
#header #siteLogo a {
text-decoration: none;
color: #fff;
}
/* line 569, ../sass/common.sass */
#header #siteLogo a img {
width: 200%;
}
/* line 571, ../sass/common.sass */
ul.socialLink {
position: relative;
margin: 20px auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
width: 100px;
}
/* line 576, ../sass/common.sass */
ul.socialLink li {
width: 30px;
}
/* line 578, ../sass/common.sass */
ul.socialLink li i {
display: block;
width: 30px;
height: 30px;
background-color: #555;
background-size: 21px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center center;
}
/* line 587, ../sass/common.sass */
ul.socialLink li.instagram i {
background-image: url(../img/instagram.svg);
background-size: 16px;
}
/* line 590, ../sass/common.sass */
ul.socialLink li.facebook i {
background-image: url(../img/facebook.svg);
}
/* line 592, ../sass/common.sass */
ul.socialLink li.twitter i {
background-image: url(../img/twitter.svg);
background-size: 19px;
}
/* line 595, ../sass/common.sass */
ul.socialLink a {
text-decoration: none;
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 0.05em;
color: #bbb;
}
/* line 600, ../sass/common.sass */
#smToggle {
left: 0;
top: 0;
display: block;
width: 100%;
height: 100px;
background-color: #ffffff;
cursor: pointer;
z-index: 9999999;
}
/* line 613, ../sass/common.sass */
.nav-trigger {
color: transparent !important;
}
/* line 615, ../sass/common.sass */
.nav-trigger span {
/* hamburger icon in CSS */
position: absolute;
display: inline-block;
height: 30px;
width: 1px;
top: 35px;
background: #000;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
/* line 626, ../sass/common.sass */
.nav-trigger span.barT {
right: 40px;
}
/* line 629, ../sass/common.sass */
.nav-trigger span.barM {
right: 30px;
}
/* line 632, ../sass/common.sass */
.nav-trigger span.barB {
right: 50px;
}
/* line 634, ../sass/common.sass */
.nav-trigger span {
/* other 2 lines */
content: "";
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: all 0.3s;
opacity: 1;
}
/* open */
/* line 656, ../sass/common.sass */
.selected span.barM {
background: #000;
-webkit-transform: translateX(4px) translateY(-9px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-9px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-9px) rotate(45deg);
-o-transform: translateX(4px) translateY(-9px) rotate(45deg);
transform: translateX(4px) translateY(-9px) rotate(45deg);
opacity: 0;
}
/* line 664, ../sass/common.sass */
.selected span.barT {
right: 43px;
background: #000;
-webkit-transform: translateX(4px) translateY(-1px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-1px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-1px) rotate(45deg);
-o-transform: translateX(4px) translateY(-1px) rotate(45deg);
transform: translateX(4px) translateY(-1px) rotate(45deg);
}
/* line 672, ../sass/common.sass */
.selected span.barB {
right: 43px;
background: #000;
-webkit-transform: translateX(4px) translateY(0px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(0px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(0px) rotate(-45deg);
-o-transform: translateX(4px) translateY(0px) rotate(-45deg);
transform: translateX(4px) translateY(0px) rotate(-45deg);
}
/* line 680, ../sass/common.sass */
#globalNavigation {
clear: both;
background-color: #04649C;
position: fixed;
height: 100%;
width: 320px;
top: 0;
left: -320px;
z-index: 9999;
}
/* line 689, ../sass/common.sass */
#globalNavigation ul.mainMenu {
padding: 70px 0 30px;
}
/* line 691, ../sass/common.sass */
#globalNavigation ul.mainMenu a {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 1.1rem;
font-weight: normal;
padding: 20px 20px 20px 30px;
display: block;
color: #fff;
text-decoration: none;
letter-spacing: 0.07em;
}
/* line 700, ../sass/common.sass */
#globalNavigation ul.mainMenu a span {
color: #999;
font-size: 11px;
padding-top: 4px;
letter-spacing: 0;
display: block;
}
/* line 707, ../sass/common.sass */
#globalNavigation ul.mainMenu li.buy {
border-radius: 4px;
}
/* line 709, ../sass/common.sass */
#globalNavigation ul.mainMenu li.buy a {
padding: 10px 20px;
color: #ffffff;
}
/* line 713, ../sass/common.sass */
#globalNavigation ul.mainMenu li.form a {
color: #FFB867;
}
/* line 715, ../sass/common.sass */
#globalNavigation .gnaviSub {
display: none;
color: #fff;
}
@media (min-width: 1500px) {
/* line 719, ../sass/common.sass */
#header {
height: 100px;
background-color: #ffffff;
}
/* line 723, ../sass/common.sass */
#header #siteLogo img {
margin-left: 40px;
margin-top: 20px;
}
/* line 726, ../sass/common.sass */
#smToggle {
display: none;
}
/* line 728, ../sass/common.sass */
#globalNavigation {
background: transparent;
position: absolute;
width: auto;
height: auto;
top: 0px;
left: auto;
right: 25px;
}
/* line 736, ../sass/common.sass */
#globalNavigation ul.mainMenu {
padding: 32px 0 0;
}
/* line 738, ../sass/common.sass */
#globalNavigation ul.mainMenu li {
padding-left: 25px;
margin: 0;
display: inline-block;
}
/* line 742, ../sass/common.sass */
#globalNavigation ul.mainMenu li a {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 1rem;
font-weight: bold;
padding: 10px 0px 12px;
display: block;
color: #003E62;
text-decoration: none;
letter-spacing: 0.05em;
transition: all 0.3s;
}
/* line 752, ../sass/common.sass */
#globalNavigation ul.mainMenu li a span {
color: #999;
font-size: 11px;
padding-top: 4px;
letter-spacing: 0;
display: block;
}
/* line 759, ../sass/common.sass */
#globalNavigation ul.mainMenu li a:hover {
color: #2786BE;
}
/* line 761, ../sass/common.sass */
#globalNavigation ul.mainMenu li.buy {
background-color: #003E62;
border-radius: 4px;
padding-left: 0px;
margin-left: 20px;
}
/* line 766, ../sass/common.sass */
#globalNavigation ul.mainMenu li.buy a {
padding: 10px 20px;
color: #ffffff;
transition: all 0.3s;
}
/* line 770, ../sass/common.sass */
#globalNavigation ul.mainMenu li.buy a:hover {
background-color: #2786BE;
border-radius: 4px;
}
/* line 773, ../sass/common.sass */
#globalNavigation ul.mainMenu li.form {
background-color: #FB8600;
border-radius: 4px;
padding-left: 0px;
margin-left: 20px;
}
/* line 778, ../sass/common.sass */
#globalNavigation ul.mainMenu li.form a {
padding: 10px 20px;
color: #ffffff;
transition: all 0.3s;
}
/* line 782, ../sass/common.sass */
#globalNavigation ul.mainMenu li.form a:hover {
background-color: #FCAC50;
border-radius: 4px;
}
/* line 785, ../sass/common.sass */
#globalNavigation ul.socialLink {
position: absolute;
right: 0;
top: 0;
}
}
/* line 789, ../sass/common.sass */
#breadCrumb {
font-size: 90%;
padding: 12px 0;
color: #444;
z-index: -1;
clear: both;
}
/* line 795, ../sass/common.sass */
#breadCrumb ul {
width: 50%;
}
/* line 797, ../sass/common.sass */
#breadCrumb ul li {
line-height: 1.5em;
float: left;
font-size: 90%;
}
/* line 801, ../sass/common.sass */
#breadCrumb ul li a {
margin-right: 10px;
padding-right: 15px;
color: #777;
background: url(../img/arrow_s.png) no-repeat right center;
}
@media (max-width: 1500px) {
/* line 807, ../sass/common.sass */
#siteLogo {
position: fixed;
z-index: 9999;
}
/* line 810, ../sass/common.sass */
#siteLogo img {
margin-left: 40px;
margin-top: 20px;
}
/* line 815, ../sass/common.sass */
#globalNavigation ul.mainMenu li.buy {
background-position: 30px;
padding: 23px 0px 0px 12px;
}
/* line 818, ../sass/common.sass */
#globalNavigation ul.mainMenu li.buy a {
padding: 0px 12px 20px 18px;
}
/* line 820, ../sass/common.sass */
#globalNavigation .gnaviSub {
display: block;
padding: 30px;
}
/* line 823, ../sass/common.sass */
#globalNavigation .gnaviSub .menuName {
font-size: 1.1rem;
padding-bottom: 10px;
}
/* line 826, ../sass/common.sass */
#globalNavigation .gnaviSub .telNum {
font-size: 1.5rem;
padding: 10px 0 20px;
}
/* line 829, ../sass/common.sass */
#globalNavigation .gnaviSub .telNum small {
background-color: #fff;
font-size: 1rem;
padding: 4px;
color: #04649C;
font-weight: 700;
margin-right: 5px;
border-radius: 5px;
}
/* line 837, ../sass/common.sass */
#globalNavigation .gnaviSub address {
font-size: 0.9rem;
padding-bottom: 5px;
}
}
@media (max-width: 390px) {
/* line 844, ../sass/common.sass */
#siteLogo img {
margin-left: 20px;
}
}
/* unit------------------------------------------------------- */
/* line 847, ../sass/common.sass */
.unitBox {
position: relative;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
box-sizing: border-box;
clear: both;
padding: 30px;
line-height: 130%;
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
/* line 861, ../sass/common.sass */
.unitBox .inner img {
max-width: 100%;
}
/* line 863, ../sass/common.sass */
.unitBox .inner .pickUp {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
margin-bottom: 50px;
}
/* line 866, ../sass/common.sass */
.unitBox .inner .pickUp .item {
background-color: #ffffff;
border-radius: 9px;
box-shadow: 0 0 5px #717171;
padding: 30px 30px 50px 30px;
margin-bottom: 25px;
position: relative;
width: calc(50% - 75px);
}
/* line 874, ../sass/common.sass */
.unitBox .inner .pickUp .item p {
font-size: 1.1rem;
}
/* line 876, ../sass/common.sass */
.unitBox .inner .pickUp .item img {
max-width: 100%;
}
/* line 879, ../sass/common.sass */
.unitBox .inner .secondTitle {
padding-bottom: 30px;
}
/* line 881, ../sass/common.sass */
.unitBox .narrow {
width: 90%;
margin: 0 auto;
}
/* line 885, ../sass/common.sass */
.unitBox .narrow img {
max-width: 100%;
height: auto;
}
/* line 888, ../sass/common.sass */
.unitBox ul {
margin: 0 0 18px 20px;
}
/* line 890, ../sass/common.sass */
.unitBox ul li {
margin-bottom: 15px;
}
/* line 892, ../sass/common.sass */
.unitBox .pickupBox {
clear: both;
padding: 25px 25px 0;
border: solid 1px #777;
margin-bottom: 30px;
}
/* line 897, ../sass/common.sass */
.unitBox .halfBox {
width: -5%;
}
/* line 899, ../sass/common.sass */
.unitBox .halfUnit {
width: -1%;
}
/* line 901, ../sass/common.sass */
.unitBox .wColumn {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px;
margin-bottom: 30px;
}
/* line 909, ../sass/common.sass */
.unitBox table {
margin-bottom: 20px;
}
/* line 911, ../sass/common.sass */
.unitBox table td, .unitBox table th {
padding: 7px 15px;
}
/* line 913, ../sass/common.sass */
.unitBox table th {
font-weight: bold;
}
/* line 916, ../sass/common.sass */
.unitBox table.borderTable td, .unitBox table.borderTable th {
padding: 7px 15px;
border: solid 1px #ccc;
}
/* line 919, ../sass/common.sass */
.unitBox table.borderTable th {
text-align: center;
font-weight: bold;
}
/* line 922, ../sass/common.sass */
.unitBox table.dataTable {
width: 100%;
}
/* line 925, ../sass/common.sass */
.unitBox table.dataTable tr th, .unitBox table.dataTable tr td {
padding: 10px 5px 10px 0;
border-bottom: solid 1px #555;
font-size: 95%;
}
/* line 929, ../sass/common.sass */
.unitBox table.dataTable tr th {
font-weight: bold;
white-space: nowrap;
text-align: center;
background-color: #eee;
}
/* line 934, ../sass/common.sass */
.unitBox table.dataTable tr h4 {
font-size: 16px;
padding: 0;
}
/* line 937, ../sass/common.sass */
.unitBox ol {
padding-left: 18px;
}
/* line 939, ../sass/common.sass */
.unitBox ol li {
list-style-type: decimal;
padding: 3px 0;
}
/* line 942, ../sass/common.sass */
.unitBox dl {
line-height: 1.4em;
}
/* line 944, ../sass/common.sass */
.unitBox dl dt {
font-weight: bold;
padding-bottom: 7px;
font-size: 110%;
}
/* line 948, ../sass/common.sass */
.unitBox dl dd {
padding-bottom: 20px;
padding-left: 20px;
}
/* line 951, ../sass/common.sass */
h1, h2, h3 {
font-family: "Noto Serif JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.3em;
}
/* line 954, ../sass/common.sass */
h1 {
line-height: 1.3em;
text-align: center;
}
/* line 957, ../sass/common.sass */
.pageTitle {
font-family: "Noto Serif JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 2.5rem;
padding: 100px 0 60px;
line-height: 1.3em;
text-align: center;
}
/* line 963, ../sass/common.sass */
h2 {
text-align: center;
color: #000;
font-size: 45px;
}
/* line 967, ../sass/common.sass */
h3 {
font-size: 1.7rem;
padding: 20px 0px;
margin: 0 auto;
color: #000;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: horizontal-tb;
}
/* line 973, ../sass/common.sass */
p {
padding-bottom: 10px;
}
/* line 975, ../sass/common.sass */
p.en {
padding-bottom: 25px;
font-size: 80%;
line-height: 200%;
opacity: 0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
}
/* line 980, ../sass/common.sass */
.bottomLink {
clear: both;
padding: 30px 0 20px;
text-align: center;
}
/* line 984, ../sass/common.sass */
input.button, a.button, a.buttonS, h6 a, #searchsubmit {
padding: 15px 40px;
width: auto;
background-color: #003E62;
border: none;
color: #F3DC69;
text-decoration: none !important;
text-align: center;
cursor: pointer;
transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
/* line 994, ../sass/common.sass */
a.button:hover {
background-color: #C5E2FF;
color: #003E62;
transform: translateY(-5px);
}
/* line 998, ../sass/common.sass */
.detailButton a:hover::before,
.detailButton a:hover::after {
right: 0.5em;
}
/* line 1001, ../sass/common.sass */
.detailButton {
text-align: center;
position: relative;
font-size: 0.9rem;
max-width: 200px;
margin: 50px auto;
}
/* line 1007, ../sass/common.sass */
.detailButton a.btnForward:before, .detailButton a.btnBack:before {
content: "";
position: absolute;
height: 1px;
width: 15px;
background-color: #F3DC69;
}
/* line 1013, ../sass/common.sass */
.detailButton a.btnForward:before {
transform: rotate(45deg);
right: 0.8em;
bottom: 1.6em;
}
/* line 1017, ../sass/common.sass */
.detailButton a.btnForward:after, .detailButton a.btnBack:after {
content: "";
position: absolute;
top: 1.7em;
height: 1px;
width: 15px;
background-color: #F3DC69;
}
/* line 1024, ../sass/common.sass */
.detailButton a.btnForward:after {
transform: rotate(-45deg);
right: 0.9rem;
}
/* line 1027, ../sass/common.sass */
.detailButton a.btnForward:hover:before,
.detailButton a.btnForward:hover:after {
background-color: #003E62;
}
/* line 1030, ../sass/common.sass */
.detailButton a.button {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 18px;
display: block;
border-radius: 5px;
}
/* line 1035, ../sass/common.sass */
.aboutInner {
padding: 30px 50px;
}
/* line 1051, ../sass/common.sass */
.aboutInner span {
font-family: "Noto Serif JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
color: #003E62;
text-align: center;
border: 1px solid #003E62;
border-radius: 16px;
font-size: 13px;
padding: 0px 10px;
}
/* line 1059, ../sass/common.sass */
a.buttonS, #searchsubmit {
padding: 7px 30px 10px;
font-size: 0.95rem;
border-style: none;
line-height: 1.6em;
}
/* line 1064, ../sass/common.sass */
input#s {
margin-bottom: 2px;
padding: 4px 6px;
line-height: 1.4em;
}
/* line 1068, ../sass/common.sass */
input#s li {
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
list-style: none !important;
font-size: 90%;
line-height: 130%;
margin-bottom: 7px !important;
padding-left: 1em;
text-indent: -1em;
}
/* line 1076, ../sass/common.sass */
input#s li:before {
content: "※";
}
/* line 1078, ../sass/common.sass */
.pageHeader {
padding: 100px 60px 50px;
background-size: 30%;
background-repeat: no-repeat;
background-position: right center;
}
/* line 1083, ../sass/common.sass */
.pageHeader h1 {
font-size: 3rem;
font-weight: bold;
text-align: left;
color: #003E62;
}
/* line 1088, ../sass/common.sass */
.pageHeader h2 {
position: static;
}
/* line 1090, ../sass/common.sass */
.pageHeader .leadText {
font-family: "Noto Serif JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 1.1rem;
line-height: 2em;
margin-top: 10px;
}
@media (max-width: 1000px) {
/* line 1097, ../sass/common.sass */
.unitBox p {
padding-bottom: 30px;
}
/* line 1102, ../sass/common.sass */
.unitBox .inner .aboutInner .pickUp .item {
width: calc(50% - 75px);
}
/* line 1104, ../sass/common.sass */
.unitBox .inner .aboutInner .pickUp .item p {
font-size: 1rem;
}
}
@media (max-width: 800px) {
/* line 1108, ../sass/common.sass */
.unitBox p {
padding-bottom: 30px;
text-align: center;
}
/* line 1111, ../sass/common.sass */
.pageHeader {
background-size: 40%;
}
}
@media (max-width: 700px) {
/* line 1117, ../sass/common.sass */
.unitBox .inner .aboutInner .pickUp {
display: block;
}
/* line 1119, ../sass/common.sass */
.unitBox .inner .aboutInner .pickUp .item {
width: auto;
}
/* line 1121, ../sass/common.sass */
.pageHeader {
padding: 100px 30px 10px;
}
}
@media (max-width: 600px) {
/* line 1125, ../sass/common.sass */
.unitBox h3 {
padding: 40px 0 20px 0;
}
}
@media (max-width: 500px) {
/* line 1128, ../sass/common.sass */
.unitBox {
padding: 20px;
}
/* line 1130, ../sass/common.sass */
.unitBox h2 {
top: 20px;
font-size: 35px;
}
/* line 1134, ../sass/common.sass */
.detailButton a.button {
padding: 15px 40px;
}
/* line 1136, ../sass/common.sass */
.detailButton a.btnForward:after, .detailButton a.btnBack:after {
top: 1.6em;
}
/* line 1138, ../sass/common.sass */
.pageHeader {
margin-top: 20px;
background-size: 60%;
background-position: right bottom;
}
/* line 1142, ../sass/common.sass */
.pageHeader .leadText {
font-size: 1rem;
line-height: 1.5em;
}
/* line 1145, ../sass/common.sass */
.pageTitle {
font-size: 2rem;
}
/* line 1147, ../sass/common.sass */
.imgbox2 {
padding: 0;
}
/* line 1149, ../sass/common.sass */
.imgbox2 img {
width: 100%;
}
/* line 1153, ../sass/common.sass */
#contact .bottomLink a.button {
padding: 20px 50px 25px;
}
}
@media (max-width: 430px) {
/* line 1160, ../sass/common.sass */
.unitBox .inner .aboutInner .business .illust1 {
top: 60vw;
}
}
@media (max-width: 390px) {
/* line 1164, ../sass/common.sass */
.unitBox h2 {
font-size: 26px;
}
}
/* branding------------------------------------------------------- */
/* line 1168, ../sass/common.sass */
#branding .leadText {
float: none;
width: auto;
margin: 0 auto;
padding: 30px 80px 0;
font-size: 1.1rem;
}
/* line 1174, ../sass/common.sass */
#branding #slideShow {
position: relative;
right: 0;
top: 0px;
width: 100%;
height: 50vw;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
box-sizing: border-box;
}
/* line 1186, ../sass/common.sass */
#branding #slideShow .title-content {
margin-left: 50px;
padding-top: 440px;
}
/* line 1189, ../sass/common.sass */
#branding #slideShow .title-content p.title-sub {
font-family: "Noto Serif JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 20px;
color: #ffffff;
text-shadow: 0px 0px 7px #000000;
}
/* line 1194, ../sass/common.sass */
#branding #slideShow .title-content .title {
font-family: "Noto Serif JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 90px;
font-weight: bold;
margin: 10px 0px 20px;
line-height: 1.2em;
color: #ffffff;
text-shadow: 0px 0px 7px #000000;
}
/* line 1202, ../sass/common.sass */
#branding #slideShow .title-content p.title-end {
font-family: "Noto Serif JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 13px;
color: #ffffff;
text-shadow: 0px 0px 7px #000000;
}
/* line 1207, ../sass/common.sass */
#branding #slideShow .featured-project-card {
position: absolute;
top: 60%;
right: 5%;
transform: translateY(-50%);
width: 280px;
z-index: 20;
font-family: "Noto Sans JP", sans-serif;
background-color: #fff;
border-radius: 5px;
}
/* line 1217, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-inner {
/* オレンジのラベル */
}
/* line 1219, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-inner .card-label {
position: relative;
margin: 15px;
padding: 5px 15px;
border-radius: 8px;
background-color: #fb8600;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
color: #ffffff;
text-align: center;
}
/* line 1230, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-inner .card-label::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 15px 8px 0 8px;
border-color: #fb8600 transparent transparent;
translate: -50% 100%;
}
/* line 1239, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-inner .card-image {
padding: 15px;
}
/* line 1241, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-inner .card-image img {
width: 100%;
height: auto;
display: block;
}
/* line 1245, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body {
padding: 0px 15px 15px;
}
/* line 1247, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .category-tag {
font-size: 15px;
color: #000;
background-color: #C2C2C2;
border-radius: 3px;
padding: 5px;
display: inline-block;
margin-bottom: 10px;
}
/* line 1255, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .description {
font-size: 13px;
color: #000;
line-height: 1.2rem;
margin-bottom: 10px;
}
/* line 1260, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .btn-project-detail {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: #004466;
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: bold;
padding: 10px;
border-radius: 17px;
transition: background 0.3s;
}
/* line 1273, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .btn-project-detail:before {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;
transform: rotate(45deg);
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
margin: auto;
}
/* line 1286, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .btn-project-detail:hover {
background-color: #002b40;
}
@media (max-width: 1500px) {
/* line 1291, ../sass/common.sass */
#branding #slideShow .title-content {
padding-top: 300px;
}
}
@media (max-width: 1200px) {
/* line 1296, ../sass/common.sass */
#branding #slideShow .title-content {
padding-top: 200px;
}
/* line 1298, ../sass/common.sass */
#branding #slideShow .title-content p.title-sub {
font-size: 15px;
}
/* line 1300, ../sass/common.sass */
#branding #slideShow .title-content .title {
font-size: 70px;
}
}
@media (max-width: 1000px) {
/* line 1304, ../sass/common.sass */
#branding #slideShow {
height: 70vw;
}
/* line 1306, ../sass/common.sass */
#branding #slideShow .title-content {
padding-top: 300px;
}
/* line 1308, ../sass/common.sass */
#branding #slideShow .title-content .title {
font-size: 60px;
}
/* line 1310, ../sass/common.sass */
#branding #slideShow .featured-project-card {
width: 200px;
}
/* line 1313, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-inner .card-label {
font-size: 14px;
}
/* line 1316, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .description {
font-size: 12px;
}
/* line 1318, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .btn-project-detail {
font-size: 11px;
}
/* line 1320, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .btn-project-detail:before {
right: 0.7rem;
}
}
@media (max-width: 768px) {
/* line 1324, ../sass/common.sass */
#branding #slideShow {
height: 95vw;
}
/* line 1326, ../sass/common.sass */
#branding #slideShow .title-content {
text-align: left;
padding-top: 200px;
}
/* line 1329, ../sass/common.sass */
#branding #slideShow .featured-project-card {
position: relative;
display: flex;
top: 30%;
left: 0%;
width: 100%;
border-radius: 0px;
}
/* line 1337, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-inner .card-label {
font-size: 18px;
}
/* line 1339, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body {
padding: 15px;
}
/* line 1341, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .category-tag {
font-size: 18px;
}
/* line 1343, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .description {
font-size: 15px;
line-height: 1.6em;
}
/* line 1346, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .btn-project-detail {
font-size: 13px;
}
}
@media (max-width: 700px) {
/* line 1351, ../sass/common.sass */
#branding #slideShow .title-content {
padding-top: 150px;
}
/* line 1353, ../sass/common.sass */
#branding #slideShow .title-content .title {
font-size: 50px;
}
}
@media (max-width: 600px) {
/* line 1357, ../sass/common.sass */
#branding #slideShow {
height: 110vw;
}
}
@media (max-width: 500px) {
/* line 1361, ../sass/common.sass */
#branding #slideShow {
top: 0px;
height: 130vw;
}
/* line 1364, ../sass/common.sass */
#branding #slideShow .title-content {
padding-top: 150px;
margin-left: 15px;
}
/* line 1367, ../sass/common.sass */
#branding #slideShow .title-content .title-sub, #branding #slideShow .title-content .title-end {
font-size: 13px;
line-height: 1.3em;
}
/* line 1370, ../sass/common.sass */
#branding #slideShow .title-content .title {
font-size: 40px;
}
/* line 1374, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-inner .card-label {
font-size: 14px;
}
/* line 1377, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .category-tag {
font-size: 14px;
}
/* line 1379, ../sass/common.sass */
#branding #slideShow .featured-project-card .card-body .description {
font-size: 12px;
}
}
/* line 1381, ../sass/common.sass */
.topUnitTitle {
font-size: 30px;
padding: 0 0 40px;
position: relative;
text-align: center;
}
@media (max-width: 400px) {
/* line 1388, ../sass/common.sass */
#branding #slideShow {
height: 150vw;
}
/* line 1390, ../sass/common.sass */
#branding #slideShow .title-content {
padding-top: 140px;
}
/* line 1392, ../sass/common.sass */
#branding #slideShow .featured-project-card {
top: 25%;
}
}
/* advantage------------------------------------------------------- */
/* line 1398, ../sass/common.sass */
#advantage .inner .aboutInner .merit-grid {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
margin-top: 40px;
}
/* line 1404, ../sass/common.sass */
#advantage .inner .aboutInner .merit-grid .merit-item {
background: #004466;
color: #fff;
padding: 30px;
border-radius: 10px;
width: calc(30% - 50px);
}
/* line 1410, ../sass/common.sass */
#advantage .inner .aboutInner .merit-grid .merit-item img {
display: block;
margin: auto;
max-width: 30%;
}
/* line 1414, ../sass/common.sass */
#advantage .inner .aboutInner .merit-grid .merit-item p {
text-align: center;
padding-top: 10px;
padding-bottom: 0px;
font-weight: bold;
}
@media (max-width: 1100px) {
/* line 1424, ../sass/common.sass */
#advantage .inner .aboutInner .merit-grid .merit-item {
width: calc(36% - 80px);
padding: 15px;
}
}
@media (max-width: 800px) {
/* line 1431, ../sass/common.sass */
#advantage .inner .aboutInner .merit-grid {
justify-content: center;
align-items: center;
}
/* line 1434, ../sass/common.sass */
#advantage .inner .aboutInner .merit-grid .merit-item {
width: 80%;
margin-bottom: 20px;
}
/* line 1437, ../sass/common.sass */
#advantage .inner .aboutInner .merit-grid .merit-item img {
max-width: 20%;
}
}
/* pj------------------------------------------------------- */
/* line 1442, ../sass/common.sass */
#pj .aboutInner p {
padding: 10px 0px;
}
/* line 1444, ../sass/common.sass */
#pj .aboutInner .project-grid {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
margin-top: 40px;
}
/* line 1451, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card {
background: #fff;
border-radius: 12px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
width: calc(35% - 45px);
}
/* line 1456, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link {
display: block;
text-decoration: none;
color: inherit;
transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
/* line 1461, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-image {
position: relative;
height: 200px;
}
/* line 1464, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px 12px 0px 0px;
}
/* line 1469, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content {
padding: 20px;
}
/* line 1471, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content .category-tag {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
left: 10px;
background: #004466;
color: #fff;
font-size: 11px;
padding: 3px 10px;
border-radius: 14px;
}
/* line 1479, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content h3 {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 18px;
font-weight: bold;
color: #000;
}
/* line 1484, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content p {
font-size: 14px;
color: #000;
line-height: 1.8;
overflow: hidden;
padding: 0px;
}
/* line 1490, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content .card-status {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 15px;
}
/* line 1495, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content .card-status p {
font-size: 14px;
}
/* line 1497, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content .card-status .status-value {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 17px;
font-weight: bold;
border: none;
color: #000;
padding: 0px;
}
/* line 1504, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content .card-status .card-link {
font-size: 12px;
border-radius: 5px;
padding: 5px 10px;
color: #F3DC69;
background-color: #004466;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
}
/* line 1513, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content .card-status .card-link::after {
content: " >";
}
/* line 1515, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link .card-content .card-status .card-link:hover {
background-color: #C5E2FF;
color: #004466;
}
/* line 1518, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card a.project-card-link:hover {
transform: translateY(-5px);
}
@media (max-width: 1100px) {
/* line 1523, ../sass/common.sass */
#pj .aboutInner .project-grid {
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
}
/* line 1528, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card {
width: 70%;
margin-bottom: 20px;
}
/* line 1532, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card .card-content p {
text-align: left;
}
}
@media (max-width: 768px) {
/* line 1538, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card {
width: 100%;
}
}
@media (max-width: 390px) {
/* line 1543, ../sass/common.sass */
#pj .aboutInner p {
font-size: 13px;
}
/* line 1548, ../sass/common.sass */
#pj .aboutInner .project-grid .project-card .card-content h3 {
padding: 20px 0px;
}
}
/* aso-strategy------------------------------------------------------- */
/* line 1551, ../sass/common.sass */
#aso-strategy {
background-image: url(../img/strategy_bg.png);
position: relative;
background-repeat: no-repeat;
}
/* line 1556, ../sass/common.sass */
#aso-strategy .aboutInner h2 {
color: #ffffff;
}
/* line 1558, ../sass/common.sass */
#aso-strategy .aboutInner span {
color: #ffffff;
border: 1px solid #ffffff;
}
/* line 1561, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 40px;
/*.strategy-map
* margin-top: 28px
* img
* max-width: 100%
* height: auto */
}
/* line 1568, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .strategy-text {
flex: 1;
}
/* line 1570, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .strategy-text h3 {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 22px;
font-weight: bold;
color: #ffffff;
}
/* line 1575, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .strategy-text p {
font-size: 15px;
line-height: 1.6em;
color: #ffffff;
text-align: left;
}
/* line 1580, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card {
display: flex;
background-color: #ffffff;
padding: 20px;
margin-top: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
border-radius: 10px;
width: 600px;
}
/* line 1588, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card p {
color: #000;
text-align: left;
padding-bottom: 0px;
}
/* line 1592, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image {
align-content: center;
text-align: center;
}
/* line 1595, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image img {
object-fit: cover;
width: 60%;
}
/* line 1598, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image p {
text-align: center;
}
/* line 1600, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card h4 {
font-weight: bold;
font-size: 20px;
padding-bottom: 10px;
}
/* line 1604, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card p {
font-size: 14px;
line-height: 1.6em;
}
/* line 1612, ../sass/common.sass */
#aso-strategy .aboutInner a.button {
background-color: #ffffff;
color: #003E62;
}
/* line 1615, ../sass/common.sass */
#aso-strategy .aboutInner a.button:hover {
background-color: #C5E2FF;
}
/* line 1617, ../sass/common.sass */
#aso-strategy .aboutInner a.btnForward:before, #aso-strategy .aboutInner a.btnBack:before {
background-color: #003E62;
}
/* line 1619, ../sass/common.sass */
#aso-strategy .aboutInner a.btnForward:after, #aso-strategy .aboutInner a.btnBack:after {
background-color: #003E62;
}
@media (max-width: 1200px) {
/* line 1624, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex {
display: block;
/*.strategy-map
* text-align: center */
}
/* line 1627, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .strategy-text h3 {
text-align: center;
}
/* line 1629, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card {
width: auto;
}
/* line 1631, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image {
width: 150%;
text-align: center;
}
/* line 1634, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image img {
width: 60%;
}
/* line 1636, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-info {
align-content: center;
}
}
@media (max-width: 1000px) {
/* line 1645, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image {
width: 250%;
}
}
@media (max-width: 768px) {
/* line 1651, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card {
display: block;
}
/* line 1653, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image {
width: 100%;
}
/* line 1655, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image img {
width: 30%;
}
/* line 1657, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card h4 {
text-align: center;
margin-top: 20px;
}
}
@media (max-width: 500px) {
/* line 1666, ../sass/common.sass */
#aso-strategy .aboutInner .strategy-flex .mayor-card .mayor-image img {
width: 50%;
}
}
/* partners------------------------------------------------------- */
/* line 1671, ../sass/common.sass */
#partners .aboutInner .partner-logo {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: flex-start;
margin: 40px 0;
}
/* line 1677, ../sass/common.sass */
#partners .aboutInner .partner-logo img {
margin: 10px;
}
/* line 1679, ../sass/common.sass */
#partners .aboutInner .partner-voice {
display: flex;
gap: 20px;
}
/* line 1682, ../sass/common.sass */
#partners .aboutInner .partner-voice .voice-card {
flex: 1;
display: flex;
background: #fff;
padding: 25px;
border: 1px solid #eee;
border-radius: 8px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
}
/* line 1690, ../sass/common.sass */
#partners .aboutInner .partner-voice .voice-card h4 {
margin: 0px 0px 5px 10px;
}
/* line 1692, ../sass/common.sass */
#partners .aboutInner .partner-voice .voice-card p {
font-size: 14px;
text-align: left;
padding-bottom: 0px;
margin: 0px 0px 5px 10px;
}
@media (max-width: 768px) {
/* line 1700, ../sass/common.sass */
#partners .aboutInner .partner-voice {
display: block;
}
/* line 1702, ../sass/common.sass */
#partners .aboutInner .partner-voice .voice-card {
margin-bottom: 20px;
}
}
@media (max-width: 500px) {
/* line 1708, ../sass/common.sass */
#partners .aboutInner .partner-voice .voice-card {
display: block;
}
/* line 1710, ../sass/common.sass */
#partners .aboutInner .partner-voice .voice-card .voice-icon {
text-align: center;
}
}
/* news------------------------------------------------------- */
/* line 1715, ../sass/common.sass */
#info img {
max-width: 100%;
}
/* line 1717, ../sass/common.sass */
#info .infoDetail {
width: auto;
padding: 30px;
margin: 0 120px;
box-shadow: 0 0 5px #aaa;
position: relative;
background-color: #fff;
border-radius: 5px;
}
/* line 1726, ../sass/common.sass */
#info .infoDetail h1 {
padding: 0px 0 5px;
font-size: 28px;
text-align: left;
}
/* line 1730, ../sass/common.sass */
#info .infoDetail .infoDate {
text-align: right;
color: #bbb;
padding-bottom: 20px;
}
/* line 1734, ../sass/common.sass */
#info .infoDetail .infoContent {
line-height: 1.8em;
}
/* line 1736, ../sass/common.sass */
#info .infoDetail .infoContent .imgRight {
float: right;
width: 280px;
padding: 0 0 20px 30px;
}
/* line 1740, ../sass/common.sass */
#info .infoDetail .infoContent .imgRight img {
max-width: 100%;
height: auto;
display: block;
padding-bottom: 10px;
}
/* line 1746, ../sass/common.sass */
#info .listBottom span, #info .listBottom a.pageNation {
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, century;
font-size: 12px;
border: solid 1px #ccc;
padding: 4px 8px;
text-decoration: none;
}
/* line 1752, ../sass/common.sass */
#info .listBottom span {
color: #555;
}
/* line 1754, ../sass/common.sass */
#info .listBottom .allnum {
border: 0;
color: #777;
}
/* line 1757, ../sass/common.sass */
#info .diaryWrapper {
position: relative;
margin: 0 auto;
width: 80%;
padding: 30px 0px;
}
/* line 1763, ../sass/common.sass */
#info .diaryWrapper ul.recentList {
list-style: none;
margin: 0;
width: auto;
padding: 30px;
border: 1px solid #003E62;
border-radius: 10px 55px 55px 10px;
opacity: 1;
display: flex;
flex-shrink: 0;
}
/* line 1773, ../sass/common.sass */
#info .diaryWrapper ul.recentList img {
position: absolute;
top: 50px;
right: 20px;
width: 70px;
}
/* line 1778, ../sass/common.sass */
#info .diaryWrapper ul.recentList li {
display: flex;
list-style-type: none;
margin: 10px 0;
}
/* line 1782, ../sass/common.sass */
#info .diaryWrapper ul.recentList li a {
align-content: center;
}
/* line 1784, ../sass/common.sass */
#info .diaryWrapper ul.recentList li .itemImg {
display: none;
margin-bottom: 10px;
}
/* line 1787, ../sass/common.sass */
#info .diaryWrapper ul.recentList li .itemImg a {
width: 100%;
height: 200px;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #eee;
overflow: hidden;
background-image: url(../img/noimg.png);
}
/* line 1797, ../sass/common.sass */
#info .diaryWrapper ul.recentList li .itemImg a img {
width: 100%;
height: auto;
}
/* line 1800, ../sass/common.sass */
#info .diaryWrapper ul.recentList .info-btn-icon {
width: 44px;
height: 44px;
}
/* line 1803, ../sass/common.sass */
#info .diaryWrapper ul.recentList .info-btn-icon img {
width: 100%;
height: auto;
display: block;
}
/* line 1807, ../sass/common.sass */
#info .diaryWrapper h3 {
font-size: 17px;
margin-bottom: 10px;
padding: 10px 0;
font-weight: bold;
clear: both;
text-align: left;
letter-spacing: 0;
writing-mode: horizontal-tb;
background-color: transparent;
}
/* line 1817, ../sass/common.sass */
#info .diaryWrapper .upDate {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
color: #ffffff;
background-color: #81949E;
font-size: 0.9rem;
padding: 5px 15px;
margin-right: 10px;
letter-spacing: 2px;
border-radius: 5px;
text-align: center;
}
/* line 1827, ../sass/common.sass */
#info .diaryWrapper .itemTxt {
display: none;
font-size: 13px;
line-height: 22px;
letter-spacing: 0;
color: #555;
}
/* line 1833, ../sass/common.sass */
#info .diaryWrapper .itemTxt p.link-more {
padding: 10px 0 0;
line-height: 17px;
}
/* line 1836, ../sass/common.sass */
#info .diaryWrapper table.listArticle {
width: 100%;
font-size: 85%;
line-height: 130%;
color: #005c87;
margin-bottom: 0;
}
/* line 1842, ../sass/common.sass */
#info .diaryWrapper table.listArticle th {
width: 60px;
font-weight: bold;
padding: 6px 0;
vertical-align: top;
}
/* line 1847, ../sass/common.sass */
#info .diaryWrapper table.listArticle td {
padding: 6px 0;
}
/* line 1850, ../sass/common.sass */
body.second #info {
padding-top: 30px;
}
/* line 1853, ../sass/common.sass */
body.second ul.recentList h3 {
margin-bottom: 5px;
}
/* line 1855, ../sass/common.sass */
body.second ul.recentList .upDate {
color: #003E62;
}
/* line 1857, ../sass/common.sass */
.backNumber {
text-align: center;
position: relative;
font-size: 0.9rem;
max-width: 200px;
margin: 50px auto;
}
/* line 1863, ../sass/common.sass */
.backNumber a.btnForward:before, .backNumber a.btnBack:before {
content: "";
position: absolute;
height: 1px;
width: 15px;
background-color: #ffffff;
}
/* line 1869, ../sass/common.sass */
.backNumber a.btnForward:before {
transform: rotate(45deg);
right: 1em;
bottom: 2.4em;
}
/* line 1873, ../sass/common.sass */
.backNumber a.btnForward:after, .backNumber a.btnBack:after {
content: "";
position: absolute;
top: 2.5em;
height: 1px;
width: 15px;
background-color: #ffffff;
}
/* line 1880, ../sass/common.sass */
.backNumber a.btnForward:after {
transform: rotate(-45deg);
right: 0.9rem;
}
/* line 1883, ../sass/common.sass */
.backNumber a.button {
display: block;
}
@media (max-width: 1000px) {
/* line 1889, ../sass/common.sass */
#info .infoDetail .infoContent .imgRight {
float: none;
width: 100%;
padding: 0px;
}
/* line 1893, ../sass/common.sass */
#info .infoDetail .infoContent img {
margin: 0 auto;
}
}
@media (max-width: 800px) {
/* line 1897, ../sass/common.sass */
#info .diaryWrapper {
width: auto;
}
/* line 1899, ../sass/common.sass */
#info .diaryWrapper ul.recentList {
padding: 20px;
}
/* line 1901, ../sass/common.sass */
#info .diaryWrapper ul.recentList img {
top: 41px;
}
/* line 1903, ../sass/common.sass */
#info .diaryWrapper .topUnitTitle {
float: none;
width: auto;
padding: 15px 0;
}
}
@media (max-width: 500px) {
/* line 1910, ../sass/common.sass */
#info .diaryWrapper ul.recentList {
border-radius: 10px 60px 60px 10px;
}
/* line 1912, ../sass/common.sass */
#info .diaryWrapper ul.recentList img {
top: 64px;
width: 50px;
}
/* line 1915, ../sass/common.sass */
#info .diaryWrapper ul.recentList li {
display: block;
}
/* line 1917, ../sass/common.sass */
#info .diaryWrapper .upDate {
font-size: 0.7rem;
padding: 5px;
letter-spacing: 1px;
margin-bottom: 10px;
}
/* line 1923, ../sass/common.sass */
#info .backNumber a.btnForward:before {
bottom: 2.3em;
}
/* line 1925, ../sass/common.sass */
#info .backNumber a.btnForward:after, #info .backNumber a.btnBack:after {
top: 2.4em;
}
/* line 1928, ../sass/common.sass */
#info .infoDetail h1 {
font-size: 25px;
}
/* line 1930, ../sass/common.sass */
#info .infoDetail .infoDate {
font-size: 14px;
padding-bottom: 10px;
}
}
@media (max-width: 375px) {
/* line 1935, ../sass/common.sass */
#info .backNumber {
font-size: 14px;
}
/* line 1937, ../sass/common.sass */
#info .backNumber a.btnForward:before, #info .backNumber a.btnBack:before {
width: 15px;
}
/* line 1939, ../sass/common.sass */
#info .backNumber a.btnForward:before {
bottom: 2.4em;
}
/* line 1941, ../sass/common.sass */
#info .backNumber a.btnForward:after, #info .backNumber a.btnBack:after {
width: 15px;
top: 2.5em;
}
}
/* about------------------------------------------------------- */
/* line 1947, ../sass/common.sass */
#about .aboutInner .about-flex {
display: flex;
gap: 20px;
}
/* line 1950, ../sass/common.sass */
#about .aboutInner .about-flex h2 {
text-align: left;
}
/* line 1952, ../sass/common.sass */
#about .aboutInner .about-flex .about-text {
width: 100%;
}
/* line 1954, ../sass/common.sass */
#about .aboutInner .about-flex .about-text p {
margin-top: 20px;
line-height: 1.5rem;
}
/* line 1957, ../sass/common.sass */
#about .aboutInner .about-flex .about-text .detailButton {
margin: 30px 0px 0px;
}
/* line 1960, ../sass/common.sass */
#about .aboutInner .about-flex .about-image img {
width: 100%;
}
/* line 1962, ../sass/common.sass */
#about .aboutInner .about-flex .about-image .naikakuhu-kifuru {
display: flex;
}
/* line 1964, ../sass/common.sass */
#about .aboutInner .about-flex .about-image .naikakuhu-kifuru p {
font-size: 14px;
text-align: left;
}
/* line 1967, ../sass/common.sass */
#about .aboutInner .about-flex .about-image .naikakuhu-kifuru img {
width: 30%;
height: 100%;
}
@media (max-width: 1000px) {
/* line 1973, ../sass/common.sass */
#about .aboutInner .about-flex {
display: block;
}
/* line 1975, ../sass/common.sass */
#about .aboutInner .about-flex h2 {
text-align: center;
}
/* line 1978, ../sass/common.sass */
#about .aboutInner .about-flex .about-text p {
text-align: left;
}
/* line 1980, ../sass/common.sass */
#about .aboutInner .about-flex .about-text .detailButton {
margin: 0px auto 20px;
}
/* line 1982, ../sass/common.sass */
#about .aboutInner .about-flex .about-image {
text-align: center;
margin-top: 20px;
}
/* line 1985, ../sass/common.sass */
#about .aboutInner .about-flex .about-image img {
width: auto;
}
/* line 1988, ../sass/common.sass */
#about .aboutInner .about-flex .about-image .naikakuhu-kifuru p {
margin-right: 10px;
}
}
@media (max-width: 500px) {
/* line 1995, ../sass/common.sass */
#about .aboutInner .about-flex .about-image .naikakuhu-kifuru {
display: block;
}
/* line 1997, ../sass/common.sass */
#about .aboutInner .about-flex .about-image .naikakuhu-kifuru img {
width: 50%;
}
/* line 1999, ../sass/common.sass */
#about .aboutInner .about-flex .about-image .naikakuhu-kifuru p {
padding-bottom: 10px;
margin-right: 0px;
}
}
/* direct------------------------------------------------------- */
/* line 2003, ../sass/common.sass */
#direct {
background-color: #003E62;
}
/* line 2006, ../sass/common.sass */
#direct .aboutInner h2 {
color: #ffffff;
font-size: 40px;
}
/* line 2009, ../sass/common.sass */
#direct .aboutInner .direct-grid {
display: flex;
gap: 20px;
justify-content: center;
margin: 40px 0px 40px;
}
/* line 2014, ../sass/common.sass */
#direct .aboutInner .direct-grid a {
background-repeat: no-repeat;
background-size: 25px;
background-position: 18% 40%;
}
/* line 2018, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card {
position: relative;
background-color: #ffffff;
border-radius: 10px;
padding: 30px;
width: 100%;
transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
/* line 2026, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text {
text-align: center;
}
/* line 2028, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text h3 {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
color: #003E62;
font-size: 18px;
font-weight: bold;
padding: 10px 0px 5px;
}
/* line 2034, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text p {
color: #003E62;
font-size: 14px;
}
/* line 2037, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .opening-hours {
padding-top: 10px;
}
/* line 2039, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-Webtext, #direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-teltext {
display: inline-flex;
align-items: center;
}
/* line 2042, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-Webtext p, #direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-teltext p {
font-size: 25px;
padding: 0px;
}
/* line 2045, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-Webtext .web-icon, #direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-Webtext .tel-icon, #direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-teltext .web-icon, #direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-teltext .tel-icon {
width: 25px;
margin-right: 10px;
}
/* line 2048, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-Webtext .direct-web, #direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .direct-teltext .direct-web {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
position: static;
font-size: 12px;
width: auto;
padding: 0px;
border: none;
}
/* line 2055, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card:hover {
transform: translateY(-5px);
}
/* line 2057, ../sass/common.sass */
#direct .aboutInner .direct-grid .cta-btn-link {
position: relative;
align-items: center;
display: flex;
background-color: #ffffff;
border-radius: 10px;
padding: 30px;
width: 100%;
transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
/* line 2066, ../sass/common.sass */
#direct .aboutInner .direct-grid .cta-btn-link h3 {
font-family: Arial, "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
color: #003E62;
font-size: 18px;
font-weight: bold;
}
/* line 2072, ../sass/common.sass */
#direct .aboutInner .direct-grid .cta-btn-link:hover {
transform: translateY(-5px);
}
/* line 2074, ../sass/common.sass */
#direct .aboutInner .download-area {
text-align: center;
}
/* line 2076, ../sass/common.sass */
#direct .aboutInner .download-area .btn-download {
display: inline-flex;
align-items: center;
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
padding: 15px 60px;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
/* line 2086, ../sass/common.sass */
#direct .aboutInner .download-area .btn-download .download-icon {
width: 20px;
margin-left: 10px;
}
/* line 2089, ../sass/common.sass */
#direct .aboutInner .download-area .btn-download:hover {
transform: translateY(-5px);
}
@media (max-width: 1000px) {
/* line 2094, ../sass/common.sass */
#direct .aboutInner h2 {
font-size: 34px;
}
/* line 2096, ../sass/common.sass */
#direct .aboutInner .direct-grid {
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
}
/* line 2104, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text .opening-hours {
padding-bottom: 0px;
}
}
@media (max-width: 500px) {
/* line 2109, ../sass/common.sass */
#direct .aboutInner h2 {
font-size: 25px;
}
/* line 2115, ../sass/common.sass */
#direct .aboutInner .direct-grid .direct-card .direct-card-inner .direct-text h3 {
font-size: 16px;
}
/* line 2118, ../sass/common.sass */
#direct .aboutInner .download-area .btn-download {
padding: 15px 20px;
}
}
/* contact------------------------------------------------------- */
/* line 2122, ../sass/common.sass */
#contact h1 {
font-size: 3rem;
}
/* line 2124, ../sass/common.sass */
#contact h3 {
color: #000;
background-color: transparent;
}
/* line 2127, ../sass/common.sass */
#contact .att {
font-weight: bold;
color: #e00;
}
/* line 2130, ../sass/common.sass */
#contact .formTable {
width: 50%;
margin: 20px auto;
}
/* line 2133, ../sass/common.sass */
#contact .formTable th {
padding: 12px;
font-size: 16px;
line-height: 28px;
white-space: nowrap;
text-align: right;
vertical-align: top;
border: 0;
}
/* line 2141, ../sass/common.sass */
#contact .formTable td {
vertical-align: top;
padding: 12px 0;
font-size: 14px;
color: #888;
border: 0;
}
/* line 2147, ../sass/common.sass */
#contact .formTable td input, #contact .formTable td textarea, #contact .formTable td select {
padding: 5px 8px;
border-radius: 4px;
border: solid 1px #ccc;
background-color: #f9f9f9;
margin: 2px;
}
/* line 2153, ../sass/common.sass */
#contact .formTable td label {
display: block;
padding: 3px 0;
}
/* line 2157, ../sass/common.sass */
#contact .check tr {
border-bottom: solid 1px #0075C2;
}
/* line 2159, ../sass/common.sass */
#contact .check tr th, #contact .check tr td {
line-height: 1.3em;
padding: 20px;
}
/* line 2162, ../sass/common.sass */
#contact .check tr td {
font-weight: bold;
}
/* line 2164, ../sass/common.sass */
#contact input {
padding: 8px 20px;
border-radius: 5px;
}
/* line 2167, ../sass/common.sass */
#contact form.inq {
margin-bottom: 50px;
}
/* line 2172, ../sass/common.sass */
body.second #contact .unitBox h1 {
padding-top: 100px;
}
/* line 2174, ../sass/common.sass */
body.second #contact .unitBox h4 {
padding: 50px 0px 20px;
font-size: 20px;
font-weight: bold;
color: #003E62;
}
/* line 2179, ../sass/common.sass */
body.second #contact .unitBox h5 {
padding-bottom: 10px;
}
/* line 2181, ../sass/common.sass */
#buy {
padding-top: 40px;
}
@media (max-width: 1000px) {
/* line 2185, ../sass/common.sass */
#contact h3 {
padding-top: 100px;
}
/* line 2187, ../sass/common.sass */
#contact .formTable {
width: 70%;
}
}
@media (max-width: 800px) {
/* line 2193, ../sass/common.sass */
.unitBox .inner .alignCenter p {
text-align: center;
}
}
@media (max-width: 500px) {
/* line 2198, ../sass/common.sass */
#contact .unitBox h1 {
font-size: 2.5rem;
}
}
/* media------------------------------------------------------- */
/* line 2202, ../sass/common.sass */
#media {
background-color: #f6efee;
background-image: url(../img/media_bg.jpg);
}
/* line 2205, ../sass/common.sass */
#media .mediaList {
margin: 0;
padding: 0;
text-align: center;
}
/* line 2210, ../sass/common.sass */
#media .mediaList li {
vertical-align: top;
display: inline-block;
list-style-type: none;
margin: 0 3%;
}
/* line 2215, ../sass/common.sass */
#media .mediaList li a {
display: block;
}
/* line 2217, ../sass/common.sass */
#media .mediaList li img {
width: 100%;
height: auto;
}
/* line 2220, ../sass/common.sass */
#media .mediaList li p {
display: block;
padding: 3px 0 0;
line-height: 1.3em;
font-size: 13px;
color: #555;
}
/* banner------------------------------------------------------- */
/* line 2228, ../sass/common.sass */
#banner {
background-color: #e5e5e5;
}
/* line 2230, ../sass/common.sass */
#banner .bannerList {
margin: 0;
padding: 0;
text-align: center;
}
/* line 2235, ../sass/common.sass */
#banner .bannerList li {
vertical-align: top;
display: inline-block;
list-style-type: none;
margin: 0 1%;
}
/* line 2240, ../sass/common.sass */
#banner .bannerList li a {
display: block;
padding: 5px 0;
}
/* line 2243, ../sass/common.sass */
#banner .bannerList li img {
width: 100%;
height: auto;
}
/* line 2246, ../sass/common.sass */
#banner .bannerList li p {
display: block;
padding: 3px 0 0;
line-height: 1.3em;
font-size: 13px;
color: #555;
}
/* footer------------------------------------------------------- */
/* line 2254, ../sass/common.sass */
#footer {
background-color: #ffffff;
width: 100%;
clear: both;
position: relative;
}
/* line 2260, ../sass/common.sass */
#footer .footerbox {
padding: 0 40px;
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
}
/* line 2266, ../sass/common.sass */
#footer .footerbox p {
line-height: 2;
padding-top: 10px;
}
/* line 2269, ../sass/common.sass */
#footer .footerbox .Menubox {
padding: 0 30px;
}
/* line 2271, ../sass/common.sass */
#footer .footerbox .Menubox ul.siteMap {
justify-content: flex-end;
}
/* line 2273, ../sass/common.sass */
#footer .footerbox .Menubox li {
padding-right: 50px;
}
/* line 2276, ../sass/common.sass */
#footer .footerbox .Menubox a {
padding: 5px 0;
display: flex;
align-items: center;
font-size: 14px;
color: #000;
transition: all 0.3s;
}
/* line 2283, ../sass/common.sass */
#footer .footerbox .Menubox a:hover {
color: #2786BE;
}
/* line 2285, ../sass/common.sass */
#footer .footerbox .Menubox img {
width: 13px;
margin-right: 5px;
}
/* line 2288, ../sass/common.sass */
#footer .address {
right: 150px;
top: 150px;
text-align: right;
position: absolute;
}
/* line 2293, ../sass/common.sass */
#footer .address img {
margin-bottom: 20px;
}
/* line 2295, ../sass/common.sass */
#footer .address p.address-name {
bottom: 90px;
font-size: 12px;
}
/* line 2298, ../sass/common.sass */
#footer .address p {
color: #000;
font-size: 12px;
line-height: 1.3em;
text-align: right;
padding-bottom: 10px;
}
/* line 2304, ../sass/common.sass */
#footer .page-top-btn {
position: absolute;
right: 40px;
bottom: 20px;
}
/* line 2308, ../sass/common.sass */
#footer .page-top-btn a {
display: block;
width: 60px;
height: 60px;
transition: transform 0.3s ease;
}
/* line 2313, ../sass/common.sass */
#footer .page-top-btn a:hover {
transform: translateY(-5px);
}
/* line 2315, ../sass/common.sass */
#footer .page-top-btn img {
width: 100%;
height: 100%;
}
/* line 2318, ../sass/common.sass */
#copyright {
position: relative;
font-size: 11px;
padding: 15px 0;
text-align: center;
color: #000;
background-color: #ffffff;
}
@media (max-width: 800px) {
/* line 2327, ../sass/common.sass */
#footer .aboutInner {
padding: 30px 10px;
}
/* line 2329, ../sass/common.sass */
#footer .aboutInner .footerbox {
padding: 0px;
}
/* line 2331, ../sass/common.sass */
#footer .aboutInner .footerbox .Menubox {
padding: 0px;
}
/* line 2333, ../sass/common.sass */
#footer .aboutInner .address {
right: 50px;
}
/* line 2335, ../sass/common.sass */
#footer .aboutInner .address img {
width: 80%;
}
}
@media (max-width: 500px) {
/* line 2341, ../sass/common.sass */
#footer .aboutInner .footerbox .Menubox {
margin-bottom: 20px;
}
/* line 2343, ../sass/common.sass */
#footer .aboutInner .address {
position: static;
text-align: center;
}
/* line 2346, ../sass/common.sass */
#footer .aboutInner .address img {
width: 50%;
}
/* line 2348, ../sass/common.sass */
#footer .aboutInner .address p {
text-align: center;
}
}
/* responcive 1------------------------------------------------------- */
@media (max-width: 1500px) {
/* line 2354, ../sass/common.sass */
iframe {
max-width: 100%;
height: 300px;
}
/* line 2357, ../sass/common.sass */
#header {
padding: 0px;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
background: linear-gradient(white, transparent);
}
/* line 2365, ../sass/common.sass */
#about .inner {
transition: width 0.75s cubic-bezier(0.8, 0, 0.2, 1);
}
/* line 2367, ../sass/common.sass */
#about .imageWrapper {
position: relative;
width: 100%;
height: 400px;
margin: 0 0 40px;
background-color: transparent;
transition: all 0.75s cubic-bezier(0.8, 0, 0.2, 1);
}
}
@media (max-width: 700px) {
/* line 2375, ../sass/common.sass */
.photoRight, .photoLeft, .floatLeft, .floatRight {
float: none;
padding: 0;
}
/* line 2379, ../sass/common.sass */
#header ul.socialLink {
display: none;
}
/* line 2382, ../sass/common.sass */
#globalNavigation ul.socialLink {
display: block;
}
}
@media (max-width: 600px) {
/* line 2386, ../sass/common.sass */
.pageHeader h1 {
font-size: 2.2rem;
}
/* line 2388, ../sass/common.sass */
.pageHeader h3 {
font-size: 1.4rem;
}
/* line 2390, ../sass/common.sass */
.pageHeader h4 {
font-size: 1rem;
}
/* line 2392, ../sass/common.sass */
.inner {
transition: width 0.75s cubic-bezier(0.8, 0, 0.2, 1);
}
/* line 2394, ../sass/common.sass */
.aboutInner {
padding: 0 30px;
}
/* line 2396, ../sass/common.sass */
.imageWrapper {
position: relative;
width: 100%;
height: 300px;
margin: 0 0 40px;
background-color: transparent;
transition: all 0.75s cubic-bezier(0.8, 0, 0.2, 1);
}
/* line 2403, ../sass/common.sass */
.dataTable td {
font-size: 80% !important;
}
/* line 2406, ../sass/common.sass */
#info .infoDetail {
margin: 0 30px;
}
/* line 2410, ../sass/common.sass */
#contact .inner .alignCenter {
text-align: center;
}
/* line 2412, ../sass/common.sass */
#contact .inner h3 {
writing-mode: horizontal-tb;
}
/* line 2414, ../sass/common.sass */
#contact .formTable {
width: 100%;
margin: 20px auto;
}
/* line 2417, ../sass/common.sass */
#contact .formTable input, #contact .formTable textarea {
width: 90%;
max-width: 90%;
}
/* line 2420, ../sass/common.sass */
#contact .formTable input input[type="radio"], #contact .formTable textarea input[type="radio"] {
width: auto;
}
/* line 2422, ../sass/common.sass */
#contact .formTable td, #contact .formTable th {
text-align: left !important;
display: block;
}
/* line 2425, ../sass/common.sass */
#contact .formTable td {
padding: 10px 10px 30px 10px;
}
/* line 2427, ../sass/common.sass */
#contact .formTable th {
padding: 0 10px;
}
/* line 2430, ../sass/common.sass */
#footer .footerLink {
float: none;
padding-top: 30px;
padding-left: 0px;
}
/* line 2434, ../sass/common.sass */
#footer #footerIndex {
float: none;
padding-top: 30px;
}
/* line 2438, ../sass/common.sass */
#gallery .photo {
padding: 30px 50px;
}
}
@media (max-width: 500px) {
/* line 2441, ../sass/common.sass */
body {
font-size: 0.9rem;
}
/* line 2444, ../sass/common.sass */
#header .nav-trigger span.barT {
right: 30px;
}
/* line 2447, ../sass/common.sass */
#header .nav-trigger span.barM {
right: 20px;
}
/* line 2450, ../sass/common.sass */
#header .nav-trigger span.barB {
right: 40px;
}
/* line 2453, ../sass/common.sass */
#header .selected span.barT {
right: 33px;
}
/* line 2455, ../sass/common.sass */
#header .selected span.barB {
right: 33px;
}
}
/*# sourceMappingURL=common.css.map */