html {
font-size: 62.5%;
}
body.fixed {
position: fixed;
width: 100%;
height: 100%;
left: 0;
overflow-y: scroll;
}
@media (max-width: 1079px) {
body.spfixed {
overflow: hidden;
}
}
.ccm-edit-mode .tab-contents-item,
.ccm-edit-mode .collapse {
display: block;
}
.ccm-toolbar-visible div.ccm-page .header-wrap {
top: auto;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
div.ccm-page {
font-family: 'Noto Sans JP', sans-serif;
}
.serif {
font-family: 'Georgia', 'Noto Serif JP', serif;
}
.sans {
font-family: 'Noto Sans JP', sans-serif;
}
div.ccm-page {
font-weight: 400;
font-size: 1.4rem;
line-height: 2.07;
-webkit-font-smoothing: antialiased;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
letter-spacing: 0.06em;
color: #1f3034;
word-wrap: break-word;
overflow: hidden;
/*################################################*/
/* ヘッダー */
/*################################################*/
/*################################################*/
/* フッター */
/*################################################*/
}
@media screen and (max-width: 919px) {
div.ccm-page {
font-size: 1.2rem;
line-height: 2.25;
}
}
div.ccm-page .midashi-bar {
padding-left: 1.7rem;
position: relative;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .midashi-bar:before {
display: block;
content: "";
width: .2rem;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #d4ccb8;
}
div.ccm-page .midashi-bar:after {
display: block;
content: "";
width: .2rem;
height: .8rem;
position: absolute;
top: 0;
left: 0;
background-color: #75502e;
}
@media screen and (max-width: 919px) {
div.ccm-page .midashi-bar {
padding-left: 1.3rem;
font-size: 1.5rem;
}
}
@keyframes loading-logo {
0% {
width: 44.6rem;
filter: blur(0);
}
64% {
width: 33.1rem;
filter: blur(0);
}
100% {
width: 27.6rem;
filter: blur(4px);
}
}
@keyframes loading-bg {
0% {
transform: translateY(100vh) translateY(23rem);
/* IE11 bugfix */
}
100% {
transform: translateY(-100vh) translateY(-23rem);
}
}
@keyframes process {
0% {
width: 0%;
opacity: 1;
}
100% {
width: 100%;
opacity: 1;
}
}
@keyframes process-reverse {
0% {
width: 100%;
opacity: 1;
}
100% {
width: 0%;
opacity: 0;
}
}
div.ccm-page .container,
div.ccm-page .container-s,
div.ccm-page .container-l {
margin-right: auto;
margin-left: auto;
padding-right: 9rem;
padding-left: 9rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .container,
div.ccm-page .container-s,
div.ccm-page .container-l {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
div.ccm-page .container {
max-width: 110rem;
}
div.ccm-page .container-s {
max-width: 92rem;
}
div.ccm-page .container-l {
max-width: 128rem;
}
div.ccm-page .container-n,
div.ccm-page .container-ln {
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 919px) {
div.ccm-page .container-n,
div.ccm-page .container-ln {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
div.ccm-page .container-n {
max-width: 110rem;
}
div.ccm-page .container-ln {
max-width: 128rem;
}
div.ccm-page .fl-box {
display: flex;
flex-wrap: wrap;
}
div.ccm-page .fl-box.col2 .item,
div.ccm-page .fl-box.col2 .fl-item {
width: 50%;
}
div.ccm-page .fl-box.col3 .item,
div.ccm-page .fl-box.col3 .fl-item {
width: 33.33333333%;
}
@media screen and (max-width: 919px) {
div.ccm-page .fl-box.fl-pc {
flex-direction: column;
}
div.ccm-page .fl-box.fl-pc.col2 .item,
div.ccm-page .fl-box.fl-pc.col3 .item,
div.ccm-page .fl-box.fl-pc.col2 .fl-item,
div.ccm-page .fl-box.fl-pc.col3 .fl-item {
width: 100%;
}
}
div.ccm-page input,
div.ccm-page button,
div.ccm-page select,
div.ccm-page textarea {
font: 400 1.4rem 'Noto Sans JP', sans-serif;
}
div.ccm-page h1,
div.ccm-page h2,
div.ccm-page h3,
div.ccm-page h4,
div.ccm-page h5,
div.ccm-page h6 {
margin: 0;
font-weight: 600;
line-height: 1.5;
}
div.ccm-page h1 {
font-size: 3rem;
line-height: 1.56;
}
div.ccm-page h1:not([class]) {
margin-bottom: 11.8rem;
padding-bottom: 3.7rem;
font-family: 'Georgia', 'Noto Serif JP', serif;
border-bottom: .1rem solid #ded7d2;
}
div.ccm-page h2 {
font-size: 2.6rem;
}
div.ccm-page h2:not([class]) {
margin-bottom: 5.3rem;
padding: 2.3rem 2.5rem;
font-family: 'Georgia', 'Noto Serif JP', serif;
line-height: 1.11;
color: #fff;
background-color: #75502e;
}
div.ccm-page h3 {
font-size: 2.1rem;
letter-spacing: 0.1em;
}
div.ccm-page h3:not([class]) {
margin-bottom: 4.5rem;
padding: .2rem 0 .2rem 2rem;
border-left: 0.4rem solid #75502e;
font-family: 'Georgia', 'Noto Serif JP', serif;
line-height: 1.71;
}
div.ccm-page h4 {
font-size: 1.6rem;
}
div.ccm-page h4:not([class]) {
margin-bottom: 4rem;
padding-bottom: 1.2rem;
border-bottom: 0.1rem solid #75502e;
font-family: 'Georgia', 'Noto Serif JP', serif;
line-height: 1.625;
}
div.ccm-page h5 {
font-size: 1.6rem;
}
div.ccm-page h6 {
font-size: 1.6rem;
}
div.ccm-page p {
margin: 0;
}
div.ccm-page img {
margin: 0;
padding: 0;
display: inline-block;
width: 100% \9;
max-width: 100%;
height: auto;
vertical-align: bottom;
}
div.ccm-page img.full-width {
width: 100%;
}
div.ccm-page figure {
margin: 0;
padding: 0;
}
div.ccm-page figure figcaption {
font-size: 1.2rem;
}
div.ccm-page hr {
border-top: 1px solid #ccc;
}
div.ccm-page a {
transition: all 0.3s ease;
color: #1f3034;
}
div.ccm-page a:hover {
color: #a01200;
}
div.ccm-page a:not([class]),
div.ccm-page a.pdf {
text-decoration: underline;
}
div.ccm-page a.pdf:after {
margin-left: 1rem;
content: "";
display: inline-block;
width: 1.4rem;
height: 1.8rem;
vertical-align: middle;
background-image: url(/application/themes/aplaw/images/icon-pdf.png);
background-size: contain;
background-repeat: no-repeat;
}
div.ccm-page a.pdf:hover:after {
background-image: url(/application/themes/aplaw/images/icon-pdf-r.png);
}
div.ccm-page a[target="_blank"]:not([class]):after {
margin-left: .7rem;
content: "";
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-image: url(/application/themes/aplaw/images/icon-external.png);
background-size: contain;
background-repeat: no-repeat;
}
div.ccm-page a[target="_blank"]:not([class]):hover:after {
background-image: url(/application/themes/aplaw/images/icon-external-r.png);
}
div.ccm-page b,
div.ccm-page strong {
font-weight: 700;
}
div.ccm-page ol,
div.ccm-page ul {
margin: 0;
padding: 0;
}
div.ccm-page ol:not([class]),
div.ccm-page ul:not([class]) {
margin: 3.3rem 0;
}
div.ccm-page ol:not([class]) li,
div.ccm-page ul:not([class]) li {
padding: .6rem 0;
}
div.ccm-page ol:not([class]) li ol:not([class]),
div.ccm-page ul:not([class]) li ol:not([class]),
div.ccm-page ol:not([class]) li ul:not([class]),
div.ccm-page ul:not([class]) li ul:not([class]) {
margin: 0;
}
div.ccm-page ul:not([class]) {
padding-left: 1em;
list-style: none;
}
div.ccm-page ul:not([class]) > li {
position: relative;
}
div.ccm-page ul:not([class]) > li:before {
content: "・";
display: inline-block;
width: 1em;
position: absolute;
left: -1em;
}
div.ccm-page ol:not([class]) {
padding-left: 1.29em;
counter-reset: item;
list-style-type: none;
}
div.ccm-page ol:not([class]) > li {
position: relative;
}
div.ccm-page ol:not([class]) > li:before {
counter-increment: item;
content: counter(item) '.';
display: inline-block;
width: 1.29em;
position: absolute;
left: -1.29em;
}
div.ccm-page table {
border: none;
}
div.ccm-page table thead tr th,
div.ccm-page table thead tr td {
padding: 2.2rem 2.5rem;
border: .1rem solid #fff;
background-color: #75502e;
color: #fff;
font-size: 1.6rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page table th,
div.ccm-page table td {
padding: 2.4rem 2.5rem;
vertical-align: middle;
border: .1rem solid #fff;
border-bottom-width: .2rem;
}
div.ccm-page table th {
background-color: #e3ddd7;
font-size: 1.6rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page table td {
background-color: #f6f6f6;
}
div.ccm-page table td ul:not([class]) {
margin: 0;
}
div.ccm-page table td ul:not([class]) li {
padding-top: 0;
padding-bottom: 0;
}
div.ccm-page .text-center {
text-align: center;
}
div.ccm-page .text-left {
text-align: left;
}
div.ccm-page .text-right {
text-align: right;
}
div.ccm-page .nav {
margin: 0;
padding: 0;
list-style: none;
}
div.ccm-page .collapse {
display: none;
}
div.ccm-page .collapse.in,
div.ccm-page .collapse.active {
display: block;
}
div.ccm-page .cover-image {
position: relative;
overflow: hidden;
}
div.ccm-page .cover-image-inner {
display: block;
top: 50%;
left: 50%;
position: absolute;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
}
div.ccm-page .cover-image img {
width: auto;
height: 100%;
position: absolute;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: none;
}
@media screen and (max-width: 919px) {
div.ccm-page h1 {
font-size: 1.7rem;
line-height: 1.7;
}
div.ccm-page h1:not([class]) {
margin-bottom: 3.6rem;
padding-bottom: 0;
border-bottom: none;
}
div.ccm-page h2 {
font-size: 1.8rem;
}
div.ccm-page h2:not([class]) {
margin-bottom: 3.9rem;
padding: 2rem;
}
div.ccm-page h3 {
font-size: 1.5rem;
}
div.ccm-page h3:not([class]) {
margin-bottom: 3rem;
padding: .6rem 0 .5rem 1.5rem;
line-height: 1.93;
}
div.ccm-page h4 {
font-size: 1.4rem;
}
div.ccm-page h4:not([class]) {
margin-bottom: 2.3rem;
line-height: 1.57;
}
div.ccm-page h5 {
font-size: 1.4rem;
}
div.ccm-page h6 {
font-size: 1.4rem;
}
div.ccm-page p {
margin: 0;
}
div.ccm-page a.pdf:after {
margin-left: .7rem;
width: 1.1rem;
height: 1.4rem;
}
div.ccm-page a[target="_blank"]:not([class]):after {
width: 1.3rem;
height: 1.3rem;
}
div.ccm-page ol:not([class]),
div.ccm-page ul:not([class]) {
margin: 1.5rem 0;
}
div.ccm-page ol:not([class]) li,
div.ccm-page ul:not([class]) li {
padding-top: 0;
padding-bottom: 0;
}
div.ccm-page ol:not([class]) li ol:not([class]),
div.ccm-page ul:not([class]) li ol:not([class]),
div.ccm-page ol:not([class]) li ul:not([class]),
div.ccm-page ul:not([class]) li ul:not([class]) {
margin: 0;
}
}
div.ccm-page .table-scroll {
overflow-x: scroll;
margin-bottom: 4rem;
}
div.ccm-page .container .table-scroll,
div.ccm-page .container-s .table-scroll,
div.ccm-page .container-l .table-scroll {
margin-right: -9rem;
}
div.ccm-page .lawyar-page-header-content-inner .table-scroll {
margin-right: -6.3rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .container .table-scroll,
div.ccm-page .container-s .table-scroll,
div.ccm-page .container-l .table-scroll {
margin-right: -1.5rem;
font-size: 1.4rem;
line-height: 2.07;
}
div.ccm-page .lawyar-page-header-content-inner .table-scroll {
margin-right: -3rem;
font-size: 1.4rem;
line-height: 2.07;
}
}
div.ccm-page .cbtn {
padding: 0;
background-color: transparent;
border: none;
}
div.ccm-page .cbtn:focus {
outline: none;
}
div.ccm-page .cbtn:hover {
cursor: pointer;
}
div.ccm-page .nav-toggle {
position: relative;
font-size: 1.6rem;
font-weight: 400;
}
div.ccm-page .nav-toggle[aria-expanded="true"]:after {
content: "\002212";
}
div.ccm-page .nav-toggle:before,
div.ccm-page .nav-toggle:after {
display: block;
position: absolute;
}
div.ccm-page .nav-toggle:before {
top: 0;
right: 0;
content: "";
width: 2.1rem;
height: 2.1rem;
border: .1rem solid;
border-radius: 1rem;
}
div.ccm-page .nav-toggle:after {
width: 2.1rem;
text-align: center;
top: .2rem;
right: 0;
content: "\00ff0b";
line-height: 1;
}
div.ccm-page .btnbg {
z-index: 1;
display: block;
position: relative;
background-color: #a01200;
color: #fff;
text-decoration: none;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .btnbg:after {
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: auto;
content: "";
display: block;
width: 0;
opacity: 0;
background-color: #7b1b0a;
transition: width 0.25s ease-out, opacity 0.2s ease-in;
}
div.ccm-page .btnbg:hover {
color: #fff;
cursor: pointer;
}
div.ccm-page .btnbg:hover:after {
right: auto;
left: 0;
width: 100%;
opacity: 1;
transition: width 0.25s ease-out, opacity 0.15s ease-out;
}
div.ccm-page .btn-bgd {
z-index: 1;
display: block;
position: relative;
background-color: #702011;
color: #fff;
text-align: center;
text-decoration: none;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .btn-bgd:after {
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: auto;
content: "";
display: block;
width: 0;
opacity: 0;
background-color: #651b0d;
transition: width 0.25s ease-out, opacity 0.2s ease-in;
}
div.ccm-page .btn-bgd:hover {
cursor: pointer;
}
div.ccm-page .btn-bgd:hover:after {
right: auto;
left: 0;
width: 100%;
opacity: 1;
transition: width 0.25s ease-out, opacity 0.15s ease-out;
}
div.ccm-page .btn-border-w {
display: block;
border: .1em solid #fff;
background-color: #a01200;
color: #fff;
text-align: center;
text-decoration: none;
font-family: 'Georgia', 'Noto Serif JP', serif;
transition: all 0.3s ease;
}
div.ccm-page .btn-border-w:hover {
background-color: #fff;
color: #a01200;
}
div.ccm-page .btn-border-plus {
display: block;
border: .1rem solid #cacaca;
padding: 2rem 4rem;
position: relative;
font-size: 1.4rem;
line-height: 1;
}
div.ccm-page .btn-border-plus:after {
margin: auto;
width: 1rem;
height: 1rem;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 2rem;
content: "\00ff0b";
line-height: 1rem;
}
div.ccm-page .btn-arrow {
padding: 2rem 5rem;
display: block;
position: relative;
background-color: #a01200;
color: #fff;
text-align: center;
text-decoration: none;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .btn-arrow:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 2rem;
height: 1rem;
transform: translate3d(-1rem, 0, 0);
transition: .3s;
background-image: url(/application/themes/aplaw/images/icon-arrow.png);
background-size: contain;
background-repeat: no-repeat;
right: 1.5rem;
}
div.ccm-page .btn-arrow:hover {
color: #fff;
}
div.ccm-page .btn-arrow:hover:before {
transform: translate3d(0, 0, 0);
transition: transform 0.4s, opacity 0.3s, -webkit-transform 0.4s;
}
div.ccm-page .btn-arrow-back:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 2rem;
height: 1rem;
transform: translate3d(1rem, 0, 0);
transition: .3s;
background-image: url(/application/themes/aplaw/images/icon-arrow-back.png);
background-size: contain;
background-repeat: no-repeat;
left: 1.5rem;
}
div.ccm-page .btn-arrow-back:hover {
color: #fff;
}
div.ccm-page .btn-arrow-back:hover:before {
transform: translate3d(0, 0, 0);
transition: transform 0.4s, opacity 0.3s, -webkit-transform 0.4s;
}
div.ccm-page .btn-arrow2 {
padding: 2rem 5rem;
display: block;
position: relative;
background-color: #a01200;
color: #fff;
text-align: center;
text-decoration: none;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .btn-arrow2:before,
div.ccm-page .btn-arrow2:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 2rem;
height: 1rem;
transform: translate3d(-1rem, 0, 0);
transition: .3s;
background-image: url(/application/themes/aplaw/images/icon-arrow.png);
background-size: contain;
background-repeat: no-repeat;
}
div.ccm-page .btn-arrow2:before {
right: 1.5rem;
}
div.ccm-page .btn-arrow2:after {
opacity: 0;
left: 2.5rem;
}
div.ccm-page .btn-arrow2:hover:before {
transform: translate3d(0, 0, 0);
opacity: 0;
transition: transform 0.4s, opacity 0.3s, -webkit-transform 0.4s;
}
div.ccm-page .btn-arrow2:hover:after {
transform: translate3d(0, 0, 0);
opacity: 1;
transition: transform 0.3s 0.1s cubic-bezier(0.79, 0.17, 0.15, 0.96), opacity 0.2s 0.2s, -webkit-transform 0.3s 0.1s cubic-bezier(0.79, 0.17, 0.15, 0.96);
}
div.ccm-page .btn-pdf {
text-align: center;
}
div.ccm-page .btn-pdf:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 2.5rem;
margin: auto;
width: 1.4rem;
height: 1.8rem;
vertical-align: middle;
background-image: url(/application/themes/aplaw/images/icon-pdf-w.png);
background-size: contain;
background-repeat: no-repeat;
}
div.ccm-page .btn-external {
text-align: center;
}
div.ccm-page .btn-external:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 2.5rem;
margin: auto;
width: 1.5rem;
height: 1.5rem;
vertical-align: middle;
background-image: url(/application/themes/aplaw/images/icon-external-w.png);
background-size: contain;
background-repeat: no-repeat;
}
div.ccm-page .btn-print {
padding: 1rem 2.3rem;
display: block;
position: relative;
font-family: 'Georgia', 'Noto Serif JP', serif;
font-size: 1.2rem;
font-weight: 500;
text-align: center;
line-height: 1;
color: #a01200;
text-decoration: none;
border: 0.1rem solid #a01200;
}
div.ccm-page .btn-print:after {
content: "";
display: block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: .8rem;
width: 1.3rem;
height: 1.5rem;
background-image: url(/application/themes/aplaw/images/icon-print.png);
background-size: contain;
background-repeat: no-repeat;
}
div.ccm-page .btn-print:hover {
background-color: #a01200;
color: #fff;
}
div.ccm-page .btn-print:hover:after {
background-image: url(/application/themes/aplaw/images/icon-print-w.png);
}
div.ccm-page .btn-bgtr-bw {
background-color: transparent;
color: #fff;
border: .1rem solid #fff;
}
div.ccm-page .btn-bgtr-bw:hover {
color: #fff;
}
div.ccm-page .checkbox input[type=checkbox] {
display: inline-block;
}
div.ccm-page .checkbox input[type=checkbox] + label {
position: relative;
display: inline-block;
cursor: pointer;
}
@media (min-width: 1px) {
div.ccm-page .checkbox input[type=checkbox] {
display: none;
margin: 0;
}
div.ccm-page .checkbox input[type=checkbox] + label {
padding: 0 3.2rem 0 0;
}
div.ccm-page .checkbox input[type=checkbox] + label::before {
margin: auto;
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: 1.9rem;
height: 1.9rem;
background: #fff;
border: .1rem solid #bbad88;
}
div.ccm-page .checkbox input[type=checkbox]:checked + label::after {
margin: auto;
content: "";
position: absolute;
top: -0.3rem;
bottom: 0;
right: .3rem;
display: block;
width: 1.2rem;
height: .6rem;
border-left: 0.2rem solid #a01200;
border-bottom: 0.2rem solid #a01200;
transform: rotate(-45deg);
}
}
@media screen and (max-width: 919px) {
div.ccm-page .checkbox input[type=checkbox] + label {
padding: 0 3rem 0 0;
}
div.ccm-page .checkbox input[type=checkbox] + label::before {
width: 1.5rem;
height: 1.5rem;
}
div.ccm-page .checkbox input[type=checkbox]:checked + label::after {
top: -0.2rem;
right: .2rem;
width: 1rem;
height: .4rem;
border-left: 0.1rem solid #a01200;
border-bottom: 0.1rem solid #a01200;
}
}
div.ccm-page .selectbox {
position: relative;
border: .1rem solid #cacaca;
}
div.ccm-page .selectbox:after {
margin: auto;
content: "";
display: inline-block;
width: .7rem;
height: .7rem;
border-left: 0.1rem solid #1f3034;
border-bottom: 0.1rem solid #1f3034;
transform: rotate(-45deg);
position: absolute;
top: 0;
bottom: 0;
right: 2rem;
pointer-events: none;
}
div.ccm-page .selectbox select {
padding: 2rem 3.5rem;
width: 100%;
height: 5.4rem;
outline: none;
appearance: none;
border: none;
cursor: pointer;
font-size: 1.4rem;
line-height: 1;
}
div.ccm-page .selectbox.center select {
position: relative;
z-index: 2;
opacity: 0;
}
div.ccm-page .selectbox.center select:focus {
opacity: 1;
z-index: -1;
}
div.ccm-page .selectbox.center .center-select-label {
padding: 2rem 3.5rem;
text-align: center;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
z-index: 1;
font-size: 1.4rem;
line-height: 1;
width: 100%;
pointer-events: none;
}
div.ccm-page .header-wrap {
z-index: 5;
position: fixed;
width: 100%;
top: 0;
}
div.ccm-page .header-wrap:not(.hide) {
transition: transform 0.4s cubic-bezier(0.1, 0.2, 0.3, 1);
}
div.ccm-page .header-wrap.hide {
transition: transform 0.3s cubic-bezier(0.1, 0.2, 0.3, 1);
transform: translateY(-13.4rem);
}
div.ccm-page .header-wrap.hide .globalnav-contact {
transition: transform 0.3s cubic-bezier(0.1, 0.2, 0.3, 1);
transform: translateY(9rem);
}
@media (min-width: 1080px) {
div.ccm-page .header-wrap .sp-only {
display: none;
}
div.ccm-page .header-wrap + .main-wrap {
padding-top: 13.4rem;
}
}
@media (max-width: 1079px) {
div.ccm-page .header-wrap .sp-only {
display: block;
}
div.ccm-page .header-wrap .pc-only {
display: none;
}
div.ccm-page .header-wrap + .main-wrap {
padding-top: 5.7rem;
}
}
div.ccm-page .header-top {
color: #fff;
font-weight: 500;
background-color: #75502e;
display: flex;
justify-content: space-between;
height: 4.4rem;
align-items: center;
}
div.ccm-page .header-top a {
color: #fff;
text-decoration: none;
}
div.ccm-page .header-top a:hover,
div.ccm-page .header-top a:focus {
opacity: .6;
}
div.ccm-page .header-top-left {
position: relative;
z-index: 1;
}
div.ccm-page .header-top-right {
display: flex;
justify-content: flex-end;
align-items: center;
}
div.ccm-page .header-top-item + .header-top-item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 4.4rem;
}
div.ccm-page .header-top-item + .header-top-item:before {
margin: auto;
display: block;
content: "";
border-left: 0.1rem solid #9a7552;
transform: skewX(-15deg);
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: .7rem;
height: 2.1rem;
}
div.ccm-page .header-top-offices {
margin: 0;
padding: 0;
font-size: 1.2rem;
}
div.ccm-page .header-top-offices li {
display: inline-block;
padding: 0 2.5rem;
}
div.ccm-page .header-top-offices li + li {
position: relative;
}
div.ccm-page .header-top-offices li + li:before {
margin: auto;
display: block;
content: "";
border-left: 0.1rem solid #9a7552;
transform: skewX(-15deg);
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: .7rem;
height: 2.1rem;
}
div.ccm-page .header-top-link {
margin: 0;
padding: 0;
font-size: 1.2rem;
}
div.ccm-page .header-top-link li {
display: inline-block;
margin-right: 2.5rem;
}
div.ccm-page .header-top-lang {
width: 9rem;
position: relative;
font-size: 1.1rem;
}
div.ccm-page .header-top-lang-hover {
height: 100%;
line-height: 4.4rem;
text-align: center;
}
div.ccm-page .header-top-lang-hover:after {
content: "";
display: inline-block;
width: .7rem;
height: .7rem;
border-left: .1rem solid #fff;
border-bottom: .1rem solid #fff;
transform: rotate(-45deg);
position: relative;
left: .6rem;
top: -0.3rem;
}
div.ccm-page .header-top-lang-hover:hover {
opacity: .6;
}
div.ccm-page .header-top-lang-hover:hover + .header-top-lang-list {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
div.ccm-page .header-top-lang-list {
z-index: 5;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 4.4rem;
width: 15.8rem;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
pointer-events: none;
}
div.ccm-page .header-top-lang-list:hover {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
div.ccm-page .header-top-lang-list li {
display: block;
border-top: 0.1rem solid #9a7552;
background-color: #75502e;
}
div.ccm-page .header-top-lang-list li a {
display: block;
padding: 1.1rem 1.9rem;
}
div.ccm-page .header-top-lang-list li a b {
display: inline-block;
margin-right: 1.4rem;
}
div.ccm-page .header-top-search {
position: relative;
width: 8.2rem;
}
div.ccm-page .header-top-search-toggle {
width: 1.7rem;
height: 1.6rem;
position: relative;
line-height: 1;
}
div.ccm-page .header-top-search-toggle:hover {
opacity: .6;
}
div.ccm-page .header-top-search-toggle:before,
div.ccm-page .header-top-search-toggle:after {
content: "";
display: block;
position: absolute;
width: .1rem;
height: 2rem;
background-color: #fff;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: all .5s ease;
opacity: 0;
}
div.ccm-page .header-top-search-toggle:before {
transform: rotate(-45deg);
}
div.ccm-page .header-top-search-toggle:after {
transform: rotate(45deg);
}
div.ccm-page .header-top-search-toggle[aria-expanded="true"] img {
display: none;
}
div.ccm-page .header-top-search-toggle[aria-expanded="true"]:before,
div.ccm-page .header-top-search-toggle[aria-expanded="true"]:after {
opacity: 1;
}
div.ccm-page .header-top-search-form {
position: absolute;
top: 0;
right: 6.4rem;
width: 100vw;
background-color: #75502e;
height: 100%;
transition: all 0.3s ease-in-out 0.5s;
transform-origin: left center;
transform: scaleX(0);
}
div.ccm-page .header-top-search-form.active {
transition: all 0.3s ease-in-out;
transform: scaleX(1);
}
div.ccm-page .header-top-search-form.active .header-top-search-form-inner {
opacity: 1;
transition: all 0.2s ease-in-out 0.4s;
}
div.ccm-page .header-top-search-form-inner {
margin: auto;
padding: 0 1.4rem;
width: 15.1rem;
height: 2.8rem;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-color: #fff;
border-radius: 1.4rem;
opacity: 0;
transition: all 0.1s ease-in-out;
display: flex;
flex-direction: row-reverse;
}
div.ccm-page .header-top-search-form-inner .search-block-text {
width: calc(100% - 1.5rem);
border: none;
font-size: 1rem;
line-height: 2.8rem;
}
div.ccm-page .header-top-search-form-inner .search-block-text:focus {
outline: none;
}
div.ccm-page .header-top-search-form-inner .search-submit {
width: 1.5rem;
line-height: 1;
}
div.ccm-page .header-global {
color: #75502e;
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
background-color: #fff;
}
div.ccm-page .header-global .logo-area {
width: 21.4rem;
margin-left: 3rem;
line-height: 1;
}
div.ccm-page .header-global .logo-area a {
display: block;
}
div.ccm-page .header-global .logo-area h1 {
margin: 0;
line-height: 1;
}
div.ccm-page .header-global .logo-area img {
vertical-align: baseline;
}
div.ccm-page .header-global .globalnav-list {
margin: 0;
margin-right: 22.9rem;
padding: 0;
font-size: 1.3rem;
}
div.ccm-page .header-global .globalnav-list a {
color: #75502e;
display: block;
text-decoration: none;
line-height: 1;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item {
display: inline-block;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item + .globalnav-list-item {
margin-left: 3rem;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item > .parent > a {
border-bottom: .3rem solid transparent;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .nav-toggle {
display: none;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent.hover > a,
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent:hover > a {
border-color: #75502e;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent.hover + .submenu-wrap,
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent:hover + .submenu-wrap {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap {
z-index: 3;
padding-top: 3.2rem;
padding-bottom: 1.6rem;
width: 100%;
visibility: hidden;
opacity: 0;
transition: opacity .2s linear,visibility .2s linear;
pointer-events: none;
position: absolute;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.8);
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap:hover {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap .submenu-inner {
display: flex;
align-items: flex-start;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap .parent-name {
padding-left: 1.7rem;
position: relative;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 2.5rem;
font-family: 'Noto Sans JP', sans-serif;
width: 24rem;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap .parent-name:before {
display: block;
content: "";
width: .2rem;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #d4ccb8;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap .parent-name:after {
display: block;
content: "";
width: .2rem;
height: .8rem;
position: absolute;
top: 0;
left: 0;
background-color: #75502e;
}
@media screen and (max-width: 919px) {
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap .parent-name {
padding-left: 1.3rem;
font-size: 1.5rem;
}
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap ul {
display: flex;
flex-flow: column wrap;
height: 10rem;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap ul .globalnav-list-item {
width: 21.3rem;
padding-top: .5rem;
padding-bottom: 1.5rem;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap ul .globalnav-list-item a {
color: #75502e;
font-size: 1.2rem;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap ul .globalnav-list-item a:hover {
opacity: .6;
}
div.ccm-page .header-global .globalnav-contact {
z-index: 4;
width: 16.1rem;
height: 16.1rem;
position: absolute;
top: 0;
right: 0;
font-size: 1.2rem;
line-height: 1;
font-weight: 400;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: transform 0.3s cubic-bezier(0.1, 0.2, 0.3, 1);
}
div.ccm-page .header-global .globalnav-contact:before {
content: "";
display: block;
margin-bottom: 1.5rem;
width: 3.4rem;
height: 2.4rem;
background-image: url(/application/themes/aplaw/images/icon-mail.png);
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 1079px) {
div.ccm-page .header-global {
height: 5.7rem;
}
div.ccm-page .header-global .logo-area {
width: 12.4rem;
margin-left: 1.5rem;
flex-shrink: 0;
}
div.ccm-page .header-global .sp-menu-btn {
margin-right: 1.5rem;
color: #75502e;
font-size: 1.4rem;
font-weight: 500;
width: 100%;
text-align: right;
}
div.ccm-page .header-global .sp-menu-btn-text {
padding-right: 3rem;
}
div.ccm-page .header-global .sp-menu-btn .toggle-icon {
position: relative;
}
div.ccm-page .header-global .sp-menu-btn .toggle-icon .icon-bar {
margin: auto;
position: absolute;
top: .5rem;
right: 0;
display: block;
height: .1rem;
width: 1.4rem;
background-color: #75502e;
}
div.ccm-page .header-global .sp-menu-btn .toggle-icon .icon-bar:nth-child(2) {
top: 1.1rem;
}
div.ccm-page .header-global .sp-menu-btn .toggle-icon .icon-bar:nth-child(3) {
top: 1.6rem;
}
div.ccm-page .header-global .sp-menu-btn[aria-expanded="true"] .toggle-icon .icon-bar {
top: 0;
bottom: 0;
}
div.ccm-page .header-global .sp-menu-btn[aria-expanded="true"] .toggle-icon .icon-bar:nth-child(1) {
display: none;
}
div.ccm-page .header-global .sp-menu-btn[aria-expanded="true"] .toggle-icon .icon-bar:nth-child(2) {
transform: rotate(45deg);
}
div.ccm-page .header-global .sp-menu-btn[aria-expanded="true"] .toggle-icon .icon-bar:nth-child(3) {
transform: rotate(-45deg);
}
div.ccm-page .header-global .globalnav {
z-index: 3;
position: absolute;
top: 5.7rem;
left: 0;
right: 0;
width: 100%;
visibility: hidden;
opacity: 0;
background-color: #fff;
}
div.ccm-page .header-global .globalnav.active {
visibility: visible;
opacity: 1;
overflow: scroll;
height: 100vh;
}
div.ccm-page .header-global .globalnav .sp-top-wrap {
padding: 6.2rem 2.2rem 6.5rem;
position: relative;
background-color: #75502e;
color: #fff;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-btn {
padding-bottom: 1.8rem;
width: 100%;
color: #fff;
text-align: left;
border-bottom: 0.1rem solid #9a7552;
position: relative;
font-size: 1.6rem;
font-weight: 400;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-btn[aria-expanded="true"] {
border-bottom-color: #fff;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-btn[aria-expanded="true"]:after {
content: "\002212";
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-btn:before,
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-btn:after {
display: block;
position: absolute;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-btn:before {
top: 0;
right: 0;
content: "";
width: 2.1rem;
height: 2.1rem;
border: .1rem solid;
border-radius: 1rem;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-btn:after {
width: 2.1rem;
text-align: center;
top: .2rem;
right: 0;
content: "\00ff0b";
line-height: 1;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list {
top: 10.7rem;
width: 100%;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list:hover {
visibility: hidden;
opacity: 0;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list.active,
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list.active:hover {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list li {
padding: 0 4.5rem;
border-top: none;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list li a {
padding: 1.6rem 1.9rem;
color: #fff;
text-decoration: none;
font-size: 1.4rem;
font-weight: 300;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list li a b {
font-weight: 700;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list li a:hover {
opacity: .6;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list li + li a {
border-top: 0.1rem solid #9a7552;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-lang-list li:last-child {
padding-bottom: 3rem;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-search {
margin-top: 3.7rem;
width: 100%;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-search .sp-header-top-search-form-inner {
padding: 2.3rem;
display: flex;
flex-direction: row-reverse;
border: .1rem solid #fff;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-search .sp-header-top-search-form-inner .search-block-text {
padding-left: 1.5rem;
width: calc(100% - 2.5rem);
border: none;
background-color: transparent;
color: #9a7552;
font-size: 1.4rem;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-search .sp-header-top-search-form-inner .search-block-text:focus {
outline: none;
}
div.ccm-page .header-global .globalnav .sp-top-wrap .header-top-search .sp-header-top-search-form-inner .search-submit {
width: 2.5rem;
line-height: 1;
}
div.ccm-page .header-global .globalnav .menu-wrap {
margin: 2.2rem;
}
div.ccm-page .header-global .globalnav-list {
margin-right: 0;
margin-bottom: 5.2rem;
font-size: 1.6rem;
font-weight: 400;
border-bottom: .1rem solid #dfdad6;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item {
display: block;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item + .globalnav-list-item {
margin-left: 0;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item > .parent > a {
padding: 2.5rem 0;
border-bottom: none;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu + .has-submenu {
border-top: .1rem solid #dfdad6;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent {
position: relative;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent .nav-toggle {
margin: auto;
width: 2.1rem;
height: 2.1rem;
display: block;
position: absolute;
right: 1.5rem;
top: 0;
bottom: 0;
color: #75502e;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent > a {
margin-right: 3.6rem;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent:hover + .submenu-wrap {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu > .parent:hover + .submenu-wrap.active {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap {
padding: 0;
height: 0;
position: static;
transition: all 0.5s ease-in-out;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap.active {
padding-top: 1.7rem;
padding-bottom: 6.7rem;
visibility: visible;
opacity: 1;
height: auto;
border-top: 0.2rem solid #75502e;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap .submenu-inner {
flex-flow: column;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap .parent-name {
display: none;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap .container-l {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap ul {
flex-flow: column;
width: 100%;
height: auto;
padding-left: 4rem;
padding-right: 0.7rem;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap ul .globalnav-list-item {
width: 100%;
padding: 0;
border-bottom: .1rem solid #dfdad6;
text-align: right;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item.has-submenu .submenu-wrap ul .globalnav-list-item a {
color: #75502e;
font-size: 1.4rem;
padding: 2.3rem .5rem;
}
div.ccm-page .header-global .globalnav-contact {
position: relative;
width: 100%;
height: 10.3rem;
font-size: 1.5rem;
font-weight: 500;
}
div.ccm-page .header-global .globalnav-contact:before {
margin-bottom: 1.1rem;
width: 3.2rem;
height: 2.3rem;
}
div.ccm-page .header-global .globalnav .header-bottom-links {
display: flex;
margin: 3.6rem 0;
}
div.ccm-page .header-global .globalnav .header-top-link {
width: 12.5rem;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: .02em;
}
div.ccm-page .header-global .globalnav .header-top-link li {
margin: 0;
padding: 1.5rem .5rem 1.5rem 0;
display: block;
line-height: 1;
}
div.ccm-page .header-global .globalnav .header-top-link li a {
color: #75502e;
text-decoration: none;
}
div.ccm-page .header-global .globalnav .header-top-link li a:hover {
opacity: .6;
}
div.ccm-page .header-global .globalnav .copy {
padding-bottom: 3.6rem;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .02em;
color: #bdb2aa;
}
}
@media (min-width: 1080px) {
div.ccm-page .header-global {
height: 9rem;
}
div.ccm-page .header-global .globalnav-list {
display: flex;
}
div.ccm-page .header-global .globalnav-list > .globalnav-list-item > .parent > a {
height: 9rem;
display: flex;
align-items: center;
}
}
div.ccm-page .footer-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-flex {
flex-direction: column;
}
}
div.ccm-page .footer-info-wrap {
background-color: #f6f4ef;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .footer-info-wrap .footer-flex {
height: 27.5rem;
}
}
div.ccm-page .footer-info-wrap .logo-area {
width: 38.5rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-info-wrap .logo-area {
margin-top: 7.9rem;
margin-bottom: 7.4rem;
padding: 0 2rem;
width: 100%;
text-align: center;
}
}
div.ccm-page .footer-info-wrap .button-area {
width: 28.3rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-info-wrap .button-area {
margin-bottom: 7.5rem;
padding: 0 2rem;
width: 100%;
}
}
div.ccm-page .footer-nav-wrap {
background-color: #75502e;
}
div.ccm-page .footer-nav-wrap .footer-nav {
padding: 4.7rem 0 4.2rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-nav-wrap .footer-nav {
padding: 6.5rem 0 6rem;
}
}
div.ccm-page .footer-nav-wrap .footer-nav-list {
margin: 0;
padding: 0;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .footer-nav-wrap .footer-nav-list {
display: flex;
flex-wrap: wrap;
margin-right: -3.5rem;
}
}
@media print, screen and (min-width: 920px) {
div.ccm-page .footer-nav-wrap .footer-nav-list > li {
width: 25%;
flex-shrink: 0;
padding-right: 3.5rem;
}
}
div.ccm-page .footer-nav-wrap .footer-nav-list li {
display: block;
font-size: 1.7rem;
line-height: 1.5;
letter-spacing: .02em;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-nav-wrap .footer-nav-list li {
font-size: 1.7rem;
font-weight: 300;
}
}
div.ccm-page .footer-nav-wrap .footer-nav-list li a {
color: #fff;
text-decoration: none;
}
div.ccm-page .footer-nav-wrap .footer-nav-list li a:hover {
text-decoration: underline;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-nav-wrap .footer-nav-list li + li {
margin-top: 4rem;
}
}
div.ccm-page .footer-nav-wrap .footer-nav-list li ul {
margin: 2.4rem 0 0;
padding: 0;
display: block;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-nav-wrap .footer-nav-list li ul {
margin-top: 2.1rem;
}
}
div.ccm-page .footer-nav-wrap .footer-nav-list li ul li {
font-size: 1.3rem;
font-weight: 400;
}
div.ccm-page .footer-nav-wrap .footer-nav-list li ul li a {
color: #f7e5d4;
}
div.ccm-page .footer-nav-wrap .footer-nav-list li ul li + li {
margin-top: 1rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-nav-wrap .footer-nav-list li ul li + li {
margin-top: 1.5rem;
}
}
div.ccm-page .footer-copy-wrap {
background-color: #63472d;
}
div.ccm-page .footer-copy-wrap .copy {
text-align: right;
color: #ae8c68;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: .02em;
line-height: 5.3rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-copy-wrap .copy {
text-align: center;
line-height: 6.1rem;
}
}
div.ccm-page .news-link {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1.5rem;
height: 9rem;
}
div.ccm-page .news-link span {
font-size: 1rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .news-link {
font-size: 1.8rem;
}
div.ccm-page .news-link span {
font-size: 1.1rem;
}
}
@media screen and (max-width: 919px) {
div.ccm-page .footer-wrap {
line-height: 2.07;
}
}
div.ccm-page .hero {
height: 46rem;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
div.ccm-page .hero .container-l {
height: 100%;
}
div.ccm-page .hero-inner {
width: 100%;
height: 100%;
position: relative;
}
div.ccm-page .hero-content {
height: 100%;
display: flex;
align-items: center;
}
div.ccm-page .hero-content-title {
padding-left: 14.8rem;
position: relative;
font-size: 4.5rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
color: #fff;
letter-spacing: 0;
}
div.ccm-page .hero-content-title:before {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
content: "";
display: inline-block;
width: 11rem;
height: .1rem;
background-color: #fff;
}
div.ccm-page .hero .breadcrumb {
color: #fff;
letter-spacing: 0;
font-family: 'Noto Sans JP', sans-serif;
}
div.ccm-page .hero .breadcrumb-wrap {
position: absolute;
right: 0;
bottom: 0;
max-width: 100%;
}
@media screen and (max-width: 919px) {
div.ccm-page .hero {
height: 17.5rem;
}
div.ccm-page .hero-content {
justify-content: center;
}
div.ccm-page .hero-content-title {
padding-left: 0;
font-size: 2rem;
font-weight: 500;
line-height: 1.56;
}
div.ccm-page .hero-content-title:before {
top: auto;
bottom: -.4rem;
width: 100%;
}
div.ccm-page .hero .breadcrumb-wrap {
padding: 1rem 0;
}
}
div.ccm-page .breadcrumb {
margin: 0;
padding: 0;
background-color: transparent;
font-size: 1.2rem;
font-weight: 500;
color: #1f3034;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
flex-wrap: nowrap;
}
div.ccm-page .breadcrumb a {
color: #919191;
text-decoration: none;
}
div.ccm-page .breadcrumb a:hover {
opacity: .5;
color: #919191;
}
div.ccm-page .breadcrumb-wrap {
padding: 2.4rem 0;
}
div.ccm-page .breadcrumb li {
display: block;
overflow: hidden;
text-overflow: ellipsis;
flex-shrink: 0;
}
div.ccm-page .breadcrumb li:last-child {
flex-shrink: 1;
}
div.ccm-page .breadcrumb li + li {
margin-left: 1.8rem;
padding-left: 2.3rem;
position: relative;
}
div.ccm-page .breadcrumb li + li:before {
margin: auto;
display: block;
content: "";
border-left: 0.1rem solid #bbafa6;
transform: skewX(-15deg);
position: absolute;
top: 0;
bottom: 0;
left: .3rem;
width: .7rem;
height: 2.1rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .breadcrumb {
font-size: .8rem;
}
div.ccm-page .breadcrumb-wrap {
padding: 1.4rem 0;
}
div.ccm-page .breadcrumb li + li {
margin-left: 1.1rem;
padding-left: 1.5rem;
}
div.ccm-page .breadcrumb li + li:before {
left: .2rem;
width: .6rem;
height: 1.5rem;
}
}
div.ccm-page .tabs {
display: flex;
justify-content: space-between;
}
div.ccm-page .tabs .tab {
padding: 3.3rem 0;
position: relative;
width: 33.3%;
font-size: 1.8rem;
font-weight: 500;
text-align: center;
line-height: 1;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .tabs .tab .tabtitle {
margin: 0;
font-size: inherit;
font-weight: 500;
letter-spacing: 0;
}
div.ccm-page .tabs .tab:after {
content: "";
display: block;
height: .4rem;
position: absolute;
bottom: 0;
right: 0;
left: 0;
background-color: #a01200;
transform: scaleX(0);
transition-duration: .4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
div.ccm-page .tabs .tab.active {
color: #a01200;
}
div.ccm-page .tabs .tab.active:after {
transform: scaleX(1);
}
div.ccm-page .tabs .tab:hover {
color: #a01200;
cursor: pointer;
}
div.ccm-page .tab-contents {
background-color: #fff;
}
div.ccm-page .tab-contents .tab-contents-item {
display: none;
}
div.ccm-page .tab-contents .tab-contents-item.show {
display: block;
}
@media screen and (max-width: 919px) {
div.ccm-page .tabs .tab {
padding: 1.5rem 0;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0;
}
}
div.ccm-page .modal {
display: none;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 5;
}
div.ccm-page .modal-bg {
position: absolute;
background: rgba(31, 48, 52, 0.8);
width: 100vw;
height: 100vh;
}
div.ccm-page .modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-height: 80vh;
pointer-events: none;
}
div.ccm-page .modal-content-inner {
position: relative;
background-color: #fff;
pointer-events: auto;
}
div.ccm-page .modal-close-btn {
z-index: 1;
position: absolute;
top: 3.7rem;
right: 3.2rem;
width: 2.7rem;
height: 4.5rem;
}
div.ccm-page .modal-close-btn:hover {
cursor: pointer;
}
div.ccm-page .modal-close-btn .icon-bar {
display: block;
width: 5rem;
height: .2rem;
background-color: #1f3034;
margin: auto;
position: absolute;
top: 2.2rem;
right: -1.3rem;
}
div.ccm-page .modal-close-btn .icon-bar:nth-child(1) {
transform: rotate(60deg);
}
div.ccm-page .modal-close-btn .icon-bar:nth-child(2) {
transform: rotate(-60deg);
}
@media screen and (max-width: 919px) {
div.ccm-page .modal-close-btn {
top: 2.8rem;
right: 1.9rem;
width: 1.7rem;
height: 2.7rem;
}
div.ccm-page .modal-close-btn .icon-bar {
width: 3rem;
height: .1rem;
top: 1.2rem;
right: -0.6rem;
}
}
div.ccm-page .contents-wrapper-border {
margin-bottom: 9rem;
padding-top: 10.8rem;
padding-bottom: 9rem;
border: 0.3rem solid #75502e;
}
@media screen and (max-width: 919px) {
div.ccm-page .contents-wrapper-border {
margin-bottom: 4.5rem;
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
}
div.ccm-page .notes {
display: flex;
margin-bottom: 3.5rem;
}
div.ccm-page .notes-icon {
flex-shrink: 0;
min-width: 2.8rem;
font-size: .9rem;
font-weight: 900;
}
div.ccm-page .notes-text {
padding-top: .5rem;
font-size: 1.2rem;
line-height: 2;
}
@media screen and (max-width: 919px) {
div.ccm-page .notes {
margin-bottom: 2.5rem;
}
div.ccm-page .notes-icon {
min-width: 2.2rem;
font-size: .8rem;
}
div.ccm-page .notes-text {
padding-top: .6rem;
font-size: 1rem;
line-height: 1.9;
}
}
div.ccm-page .link-list {
font-size: 1.1rem;
line-height: 2.27;
letter-spacing: 0;
}
div.ccm-page .link-list ul {
margin: 0;
}
@media screen and (max-width: 919px) {
div.ccm-page .link-list ul li {
padding-top: .6rem;
padding-bottom: .6rem;
}
}
div.ccm-page .textlink-list {
margin-bottom: 4rem;
}
div.ccm-page .textlink-list .fl-item {
display: block;
margin-bottom: 3rem;
padding-right: 17%;
}
@media screen and (max-width: 919px) {
div.ccm-page .textlink-list {
margin-bottom: 3.7rem;
flex-direction: column;
}
div.ccm-page .textlink-list .fl-item {
margin-bottom: 1.5rem;
padding-right: 0;
width: 100%;
}
}
div.ccm-page .btnlink-list {
margin-bottom: 5.2rem;
}
div.ccm-page .btnlink-list .item {
padding-bottom: 2.7rem;
display: flex;
}
div.ccm-page .btnlink-list .item .btnbg {
margin: auto;
padding: 1.5rem 5rem 1.4rem;
width: 33.5rem;
min-height: 7.3rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
line-height: 1.53;
}
div.ccm-page .btnlink-list.col2 {
margin-left: auto;
margin-right: auto;
max-width: 73.7rem;
}
div.ccm-page .btnlink-list.col2 .item {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
div.ccm-page .btnlink-list.col3 {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
div.ccm-page .btnlink-list.col3 .item {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .btnlink-list {
margin-bottom: 3rem;
}
div.ccm-page .btnlink-list .item {
padding-bottom: 2.2rem;
}
div.ccm-page .btnlink-list .item .btnbg {
padding: 1.5rem 5rem 1.4rem;
width: 100%;
font-size: 1.4rem;
line-height: 1.57;
}
div.ccm-page .btnlink-list.col2 {
max-width: 100%;
}
div.ccm-page .btnlink-list.col2 .item {
padding-left: 0;
padding-right: 0;
}
}
div.ccm-page .head-link-wrap.col2 {
margin-left: -2rem;
margin-right: -2rem;
}
div.ccm-page .head-link-wrap.col2 .fl-item {
padding-left: 2rem;
padding-right: 2rem;
}
div.ccm-page .head-link-wrap.col3 {
margin-left: -1.8rem;
margin-right: -1.8rem;
}
div.ccm-page .head-link-wrap.col3 .fl-item {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
div.ccm-page .head-link-item {
padding-bottom: 4rem;
}
div.ccm-page .head-link-item-content {
margin: .9rem 0;
}
div.ccm-page .head-link-item-title {
font-size: 1.9rem;
font-weight: 700;
}
div.ccm-page .image-link-item-image + .head-link-item-title {
margin-top: 1.5rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .head-link-item {
padding-bottom: 2rem;
}
div.ccm-page .head-link-item-content {
margin: .7rem 0;
}
}
div.ccm-page .image-link-wrap.col2 {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
div.ccm-page .image-link-wrap.col2 .fl-item {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
div.ccm-page .image-link-wrap.col3 {
margin-left: -1.2rem;
margin-right: -1.2rem;
}
div.ccm-page .image-link-wrap.col3 .fl-item {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
div.ccm-page .image-link-item {
padding-bottom: 4rem;
}
div.ccm-page .image-link-item-inner {
display: block;
text-decoration: none;
}
div.ccm-page .image-link-item-inner img {
width: 100%;
transition: all 0.3s ease;
}
div.ccm-page .image-link-item-inner:hover {
color: #1f3034;
}
div.ccm-page .image-link-item a:hover img {
transform: scale(1.1);
}
div.ccm-page .image-link-item-image {
width: 100%;
overflow: hidden;
}
div.ccm-page .image-link-item-content {
margin: .9rem 0;
}
div.ccm-page .image-link-item-title {
font-size: 1.3rem;
font-weight: 400;
line-height: 2.15;
}
@media screen and (max-width: 919px) {
div.ccm-page .image-link-item {
padding-bottom: 2.9rem;
}
div.ccm-page .image-link-item-content {
margin: .7rem 0;
}
div.ccm-page .image-link-item-title {
font-size: 1.2rem;
}
}
div.ccm-page .map-wrap iframe {
width: 100%;
height: 55.5rem;
}
div.ccm-page .youtube-wrap {
position: relative;
width: 100%;
padding-top: 56.25%;
}
div.ccm-page .youtube-wrap iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
div.ccm-page .image-text-wrap.col2 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
div.ccm-page .image-text-wrap.col2 .fl-item {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
div.ccm-page .image-text-wrap.col3 {
margin-left: -1.2rem;
margin-right: -1.2rem;
}
div.ccm-page .image-text-wrap.col3 .fl-item {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
div.ccm-page .image-text-wrap.col3 h3,
div.ccm-page .image-text-wrap.col3 h4 {
margin-bottom: 2.8rem;
}
div.ccm-page .image-text-wrap.col3 .image-text-item-text-content {
padding: 2.5rem 0;
}
@media screen and (max-width: 919px) {
div.ccm-page .image-text-wrap.col3 .image-text-item-text-content {
padding: 0;
}
}
div.ccm-page .image-text-item {
padding-bottom: 8rem;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .image-text-item.image-left,
div.ccm-page .image-text-item.image-right {
display: flex;
}
div.ccm-page .image-text-item.image-left .image-text-item-image,
div.ccm-page .image-text-item.image-right .image-text-item-image {
width: 50%;
}
div.ccm-page .image-text-item.image-left .image-text-item-image.map-wrap iframe,
div.ccm-page .image-text-item.image-right .image-text-item-image.map-wrap iframe {
height: 33.7rem;
}
div.ccm-page .image-text-item.image-left .image-text-item-text,
div.ccm-page .image-text-item.image-right .image-text-item-text {
width: 50%;
}
div.ccm-page .image-text-item.image-left .image-text-item-text-content,
div.ccm-page .image-text-item.image-right .image-text-item-text-content {
padding: 2rem 0;
}
div.ccm-page .image-text-item.image-left .image-text-item-text-btn,
div.ccm-page .image-text-item.image-right .image-text-item-text-btn {
margin: 2.3rem 0;
}
div.ccm-page .image-text-item.image-left .image-text-item-text {
padding-left: 4.7rem;
}
div.ccm-page .image-text-item.image-right {
flex-direction: row-reverse;
}
div.ccm-page .image-text-item.image-right .image-text-item-text {
padding-right: 4.7rem;
}
}
div.ccm-page .image-text-item-text-title {
margin-top: 4.9rem;
margin-bottom: 3.9rem;
font-size: 2rem;
font-weight: 700;
line-height: 1.45;
}
div.ccm-page .image-text-item-text-subtitle {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.78;
}
div.ccm-page .image-text-item-text-content {
padding: 3.3rem 0;
}
div.ccm-page .image-text-item-text-btn .item .btnbg {
margin-left: 0;
}
@media screen and (max-width: 919px) {
div.ccm-page .map-wrap iframe {
height: 19.1rem;
}
div.ccm-page .image-text-item {
padding-bottom: 3rem;
}
div.ccm-page .image-text-item.image-left .image-text-item-image.map-wrap iframe,
div.ccm-page .image-text-item.image-right .image-text-item-image.map-wrap iframe {
height: 19.1rem;
}
div.ccm-page .image-text-item.image-left .image-text-item-text-content,
div.ccm-page .image-text-item.image-right .image-text-item-text-content {
padding: 1rem 0;
}
div.ccm-page .image-text-item.image-left .image-text-item-text-btn,
div.ccm-page .image-text-item.image-right .image-text-item-text-btn {
margin: 1.1rem 0;
}
div.ccm-page .image-text-item-text {
margin-top: 2.4rem;
}
div.ccm-page .image-text-item-text-title {
margin-top: 0;
margin-bottom: 1.9rem;
font-size: 1.7rem;
line-height: 1.7;
}
div.ccm-page .image-text-item-text-subtitle {
font-size: 1.4rem;
}
div.ccm-page .image-text-item-text-content {
padding: 0;
}
}
div.ccm-page .pagination {
display: flex;
justify-content: center;
align-content: center;
}
div.ccm-page .pagination-wrap {
margin-top: 11.7rem;
}
div.ccm-page .pagination li {
margin: 0 .5rem;
display: block;
font-size: 1.5rem;
white-space: nowrap;
flex-shrink: 0;
}
div.ccm-page .pagination li.prev a,
div.ccm-page .pagination li.next a,
div.ccm-page .pagination li.prev.disabled,
div.ccm-page .pagination li.next.disabled {
width: 2rem;
height: 3rem;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
div.ccm-page .pagination li.prev {
margin-right: 1rem;
}
div.ccm-page .pagination li.prev a {
background-image: url(/application/themes/aplaw/images/icon-arrow-back-r.png);
}
div.ccm-page .pagination li.prev.disabled {
background-image: url(/application/themes/aplaw/images/icon-arrow-back-d.png);
}
div.ccm-page .pagination li.next {
margin-left: 1rem;
}
div.ccm-page .pagination li.next a {
background-image: url(/application/themes/aplaw/images/icon-arrow-r.png);
}
div.ccm-page .pagination li.next.disabled {
background-image: url(/application/themes/aplaw/images/icon-arrow-d.png);
}
div.ccm-page .pagination li.active {
color: #a69d96;
}
div.ccm-page .pagination li.disabled {
color: #a69d96;
}
div.ccm-page .pagination li.disabled:hover {
cursor: no-drop;
}
div.ccm-page .pagination li a {
padding: 0 1rem;
display: block;
text-decoration: none;
color: #a01200;
}
div.ccm-page .pagination li a:hover {
opacity: .5;
}
div.ccm-page .pagination li span {
padding: 0 1rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .pagination-wrap {
margin-top: 7rem;
}
div.ccm-page .pagination li {
margin: 0 .1rem;
font-size: 1.1rem;
}
div.ccm-page .pagination li.prev a,
div.ccm-page .pagination li.next a,
div.ccm-page .pagination li.prev.disabled,
div.ccm-page .pagination li.next.disabled {
height: 2.3rem;
}
div.ccm-page .pagination li.prev {
margin-right: .5rem;
}
div.ccm-page .pagination li.next {
margin-left: .5rem;
}
}
div.ccm-page .topics-list {
margin: 0;
padding: 0;
display: block;
}
div.ccm-page .topics-list-wrap {
padding-top: 12.1rem;
padding-bottom: 19rem;
}
div.ccm-page .topics-list-item {
margin-top: -0.1rem;
display: block;
border-top: .1rem solid #ded7d2;
border-bottom: .1rem solid #ded7d2;
}
div.ccm-page .topics-list-item-inner {
margin: -0.1rem 0;
padding: 2rem 0;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
text-decoration: none;
line-height: 2.8rem;
}
div.ccm-page .topics-list-item-inner .date {
padding: 0;
padding: 0 .8rem;
width: 9.5rem;
flex-shrink: 0;
color: #a69d96;
font-size: 1.2rem;
}
div.ccm-page .topics-list-item-inner .cate {
padding: 0 2.5rem;
min-width: 7.5rem;
flex-shrink: 0;
background-color: #75502e;
color: #fff;
font-size: 1.2rem;
font-weight: 200;
text-align: center;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .topics-list-item-inner .title {
padding-top: 1.2rem;
padding: 1.2rem .8rem 0;
width: 100%;
color: #1f3034;
font-size: 1.4rem;
}
div.ccm-page .topics-list-item-inner .title .name {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1rem;
}
div.ccm-page .topics-list-item-inner .title .author,
div.ccm-page .topics-list-item-inner .title .field {
font-size: 1.3rem;
line-height: 2.5rem;
}
div.ccm-page .topics-list-item-inner:before {
top: 0;
}
div.ccm-page .topics-list-item-inner:after {
bottom: 0;
}
div.ccm-page .topics-list-item-inner:before,
div.ccm-page .topics-list-item-inner:after {
content: '';
position: absolute;
z-index: 1;
left: 0;
height: 0.1rem;
width: 100%;
background-color: #75502e;
transform-origin: right;
transform: scaleX(0.5);
opacity: 0;
transition: transform 0.2s cubic-bezier(0.79, 0.17, 0.15, 0.96), opacity 0.2s;
}
div.ccm-page .topics-list-item-inner:hover {
background-color: #fafafa;
}
div.ccm-page .topics-list-item-inner:hover:before,
div.ccm-page .topics-list-item-inner:hover:after {
content: "";
transform: scaleX(1) !important;
opacity: 1;
transform-origin: left;
}
@media screen and (max-width: 919px) {
div.ccm-page .topics-list-wrap {
padding-top: 5rem;
padding-bottom: 15.6rem;
}
div.ccm-page .topics-list-item-inner {
padding: 3rem 0;
}
div.ccm-page .topics-list-item-inner .date {
width: 8.1rem;
font-size: 1.1rem;
line-height: 2rem;
}
div.ccm-page .topics-list-item-inner .cate {
min-width: 6.5rem;
height: 2rem;
font-size: 1rem;
line-height: 2rem;
}
div.ccm-page .topics-list-item-inner .title {
font-size: 1.3rem;
line-height: 1.92;
}
}
div.ccm-page .search-area-wrap {
background-color: #f6f4ef;
padding: 10.6rem 0 12rem;
}
div.ccm-page .search-area .from-terms {
padding: 7.5rem 1.5rem 6rem;
display: flex;
justify-content: center;
}
div.ccm-page .search-area .from-terms-item {
width: 30.2rem;
margin: 0 1.5rem;
}
div.ccm-page .search-area .from-terms .btn-border-plus {
width: 100%;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .search-area .from-terms.submit-row {
padding: 6.4rem 1.5rem;
}
div.ccm-page .search-area .from-terms.submit-row .selectbox select {
padding: 2.5rem 3.5rem;
height: 6.4rem;
}
div.ccm-page .search-area .from-terms.submit-row .selectbox.center .center-select-label {
padding: 2.5rem 3.5rem;
}
div.ccm-page .search-area .from-terms.submit-row .submit-wrap {
padding: 0;
border-top: none;
}
div.ccm-page .search-area .from-terms.submit-row .submit-wrap .btn-arrow {
height: 6.6rem;
}
}
div.ccm-page .search-area #catename {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
div.ccm-page .search-area .submit-wrap {
padding: 6rem 1.5rem;
border-top: .1rem solid #ededed;
}
div.ccm-page .search-area .submit-wrap .btn-arrow {
margin: auto;
width: 100%;
max-width: 30.3rem;
font-size: 1.5rem;
font-weight: 500;
letter-spacing: .02em;
}
div.ccm-page .search-area .from-alphabet {
margin: auto;
padding-top: 8rem;
padding-bottom: 7.8rem;
max-width: 74rem;
line-height: 1;
}
div.ccm-page .search-area .from-alphabet .col {
display: inline;
}
div.ccm-page .search-area .from-jp-syllabary {
margin: auto;
padding-top: 8.2rem;
max-width: 74rem;
display: flex;
flex-wrap: wrap;
line-height: 1;
}
div.ccm-page .search-area .from-jp-syllabary .col {
width: 25%;
margin-bottom: 3.8rem;
}
div.ccm-page .search-area .from-jp-syllabary + .from-alphabet {
padding-top: 2rem;
}
div.ccm-page .search-area .letter {
margin-right: 1.4rem;
font-size: 1.4rem;
color: #1f3034;
text-decoration: none;
letter-spacing: 0;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
}
div.ccm-page .search-area .letter.active,
div.ccm-page .search-area .letter:hover {
color: #a01200;
}
div.ccm-page .search-area .letter[disabled] {
color: #a69d96;
}
div.ccm-page .search-area .from-year {
margin: auto;
padding-top: 8rem;
padding-bottom: 4rem;
max-width: 60.5rem;
line-height: 1;
display: flex;
flex-wrap: wrap;
}
div.ccm-page .search-area .from-year .letter {
margin-right: 0;
margin-bottom: 4rem;
width: 12.5%;
text-align: center;
letter-spacing: 0.26em;
}
div.ccm-page .search-area .from-keyword {
padding: 8.6rem 1.5rem;
}
div.ccm-page .search-area .from-keyword-search-form-inner {
max-width: 43.7rem;
margin: auto;
padding: 3.1rem 3.5rem;
display: flex;
justify-content: space-between;
border: .1rem solid #e0e1e6;
}
div.ccm-page .search-area .from-keyword-search-form-inner .search-block-text {
border: none;
outline: none;
padding: 0;
width: calc(100% - 1.8rem);
font-size: 1.5rem;
letter-spacing: .02em;
}
div.ccm-page .search-area .from-keyword-search-form-inner .search-submit {
width: 1.8rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .search-area-wrap {
padding: 5.5rem 0 3rem;
}
div.ccm-page .search-area .from-terms {
padding-top: 5rem;
padding-bottom: 4rem;
flex-direction: column;
}
div.ccm-page .search-area .from-terms-item {
width: 100%;
margin: 0;
}
div.ccm-page .search-area .from-terms-item + .from-terms-item {
margin-top: 1.5rem;
}
div.ccm-page .search-area .from-terms-item.submit-col {
margin-top: 4rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
width: calc(100% + 3rem);
}
div.ccm-page .search-area .from-terms-item.submit-col .submit-wrap {
padding-bottom: 0;
}
div.ccm-page .search-area .submit-wrap {
padding: 4rem 1.5rem;
}
div.ccm-page .search-area .submit-wrap .btn-arrow {
padding-top: 2.7rem;
padding-bottom: 2.7rem;
max-width: none;
font-size: 1.4rem;
letter-spacing: 0;
}
div.ccm-page .search-area .from-jp-syllabary {
padding: 5rem 4rem 0;
}
div.ccm-page .search-area .from-jp-syllabary .col {
width: 100%;
margin-bottom: 2rem;
display: flex;
justify-content: space-between;
}
div.ccm-page .search-area .from-alphabet {
padding: 0 4rem 5rem;
}
div.ccm-page .search-area .from-alphabet .col {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
}
div.ccm-page .search-area .letter {
margin-right: 0;
width: 1em;
font-size: 1.3rem;
text-align: center;
}
div.ccm-page .search-area .from-keyword {
padding: 5rem 1.5rem;
}
div.ccm-page .search-area .from-keyword-search-form-inner {
max-width: none;
padding: 1.6rem 2rem;
}
}
div.ccm-page .modal .field-list-inner {
overflow-y: scroll;
max-height: calc(80vh - 12.5rem);
}
div.ccm-page .field-list {
position: relative;
border-top: 0.5rem solid #a01200;
}
div.ccm-page .field-list-inner {
padding-top: 10.5rem;
}
div.ccm-page .field-list-inner .catetitle {
padding-left: 1.7rem;
position: relative;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
color: #a01200;
}
div.ccm-page .field-list-inner .catetitle:before {
display: block;
content: "";
width: .2rem;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #d4ccb8;
}
div.ccm-page .field-list-inner .catetitle:after {
display: block;
content: "";
width: .2rem;
height: .8rem;
position: absolute;
top: 0;
left: 0;
background-color: #75502e;
}
@media screen and (max-width: 919px) {
div.ccm-page .field-list-inner .catetitle {
padding-left: 1.3rem;
font-size: 1.5rem;
}
}
div.ccm-page .field-list-topic-list {
display: block;
margin: 0;
padding: 0;
}
div.ccm-page .field-list-topic-list li {
list-style: none;
}
div.ccm-page .field-list-topic-list .category-parent {
margin-top: 5rem;
margin-bottom: 5rem;
padding-top: 5rem;
border-top: .1rem solid #e0e1e6;
}
div.ccm-page .field-list-topic-list .category-parent:after {
content: "";
display: block;
clear: both;
}
div.ccm-page .field-list-topic-list .category-parent .catetitle {
width: 16.6rem;
float: left;
}
div.ccm-page .field-list-topic-list .category-parent .cate-child {
margin-left: 16.6rem;
margin-bottom: 2rem;
font-family: 'Georgia', 'Noto Serif JP', serif;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0;
}
div.ccm-page .field-list-topic-list .category-parent .field-list-topic-list {
margin-left: 16.6rem;
margin-bottom: -1.5rem;
}
div.ccm-page .field-list-topic-list .category-parent .field-list-topic-list .category-child-item {
margin-right: calc(1rem - 0.5em);
margin-bottom: 1.5rem;
padding: 1.5rem 1.4rem;
display: inline-block;
background-color: #f7f3e9;
font-size: 1.3rem;
font-weight: 500;
line-height: 1;
letter-spacing: .02em;
}
div.ccm-page .field-list-submit-wrap {
padding: 3.4rem 3rem;
width: 100%;
height: 12.5rem;
background-color: #a01200;
color: #fff;
display: flex;
justify-content: center;
flex-direction: row-reverse;
}
div.ccm-page .field-list-submit-wrap .cbtn {
width: 21.1rem;
height: 5.7rem;
line-height: 5.7rem;
font-size: 1.4rem;
}
div.ccm-page .field-list-submit-wrap .btn-border-w {
margin-left: 4.8rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .modal .field-list-inner {
max-height: calc(80vh - 9.6rem);
}
div.ccm-page .field-list-inner {
padding-top: 4.5rem;
}
div.ccm-page .field-list-topic-list .category-parent {
margin-top: 3rem;
margin-bottom: 3rem;
padding-top: 3rem;
}
div.ccm-page .field-list-topic-list .category-parent .catetitle {
width: 100%;
float: none;
}
div.ccm-page .field-list-topic-list .category-parent .cate-child {
margin-top: 2.3rem;
margin-left: 0;
margin-bottom: 1.5rem;
font-size: 1.3rem;
}
div.ccm-page .field-list-topic-list .category-parent .field-list-topic-list {
margin-left: 0;
margin-bottom: -1rem;
}
div.ccm-page .field-list-topic-list .category-parent .field-list-topic-list .category-child-item {
margin-bottom: 1rem;
font-size: .9rem;
font-weight: 400;
}
div.ccm-page .field-list-submit-wrap {
padding: 1.7rem 1.5rem;
height: 9.6rem;
}
div.ccm-page .field-list-submit-wrap .cbtn {
width: 50%;
height: 6.2rem;
line-height: 6.2rem;
font-size: 1.3rem;
}
div.ccm-page .field-list-submit-wrap .btn-border-w {
margin-left: 1.2rem;
}
}
div.ccm-page .lawyers-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
div.ccm-page .lawyers-list.col2 .item,
div.ccm-page .lawyers-list.col2 .fl-item {
width: 50%;
}
div.ccm-page .lawyers-list.col3 .item,
div.ccm-page .lawyers-list.col3 .fl-item {
width: 33.33333333%;
}
@media screen and (max-width: 919px) {
div.ccm-page .lawyers-list.fl-pc {
flex-direction: column;
}
div.ccm-page .lawyers-list.fl-pc.col2 .item,
div.ccm-page .lawyers-list.fl-pc.col3 .item,
div.ccm-page .lawyers-list.fl-pc.col2 .fl-item,
div.ccm-page .lawyers-list.fl-pc.col3 .fl-item {
width: 100%;
}
}
div.ccm-page .lawyers-list:before,
div.ccm-page .lawyers-list:after {
display: block;
content: "";
width: 22.7rem;
}
div.ccm-page .lawyers-list:before {
order: 1;
}
div.ccm-page .lawyers-list-wrap {
padding: 15.7rem 0 8.6rem;
}
div.ccm-page .lawyers-list-item {
width: 22.7rem;
padding-bottom: 11rem;
}
div.ccm-page .lawyers-list-item-image {
width: 100%;
overflow: hidden;
}
div.ccm-page .lawyers-list-item-image-inner {
display: block;
}
div.ccm-page .lawyers-list-item-image-inner img {
width: 100%;
transition: all 0.3s ease;
}
div.ccm-page .lawyers-list-item-image-inner:hover img {
transform: scale(1.1);
}
div.ccm-page .lawyers-list-item-content {
position: relative;
padding-top: 2.5rem;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .lawyers-list-item-sub {
font-size: 1.3rem;
font-weight: 600;
line-height: 1.17;
}
div.ccm-page .lawyers-list-item-title {
margin: 1rem 0 0;
font-size: 1.7rem;
font-weight: 700;
line-height: 1.17;
letter-spacing: .1em;
}
div.ccm-page .lawyers-list-item-title .en-name {
font-size: 1rem;
font-weight: 400;
vertical-align: middle;
display: inline-block;
margin-left: 1.2rem;
}
div.ccm-page .lawyers-list-item-contact {
position: absolute;
top: -2.4rem;
right: 1.5rem;
width: 4.7rem;
height: 4.7rem;
border: .1rem solid #fff;
border-radius: 2.4rem;
overflow: hidden;
}
div.ccm-page .lawyers-list-item-contact img {
margin: auto;
width: 2.1rem;
height: 1.5rem;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .lawyers-call-list-wrap .lawyers-list:before,
div.ccm-page .lawyers-call-list-wrap .lawyers-list:after {
width: 20rem;
}
div.ccm-page .lawyers-call-list-wrap .lawyers-list-item {
width: 20rem;
padding-bottom: 5.3rem;
}
div.ccm-page .lawyers-call-list-wrap .lawyers-list-item-title .en-name {
display: block;
margin-top: 1rem;
margin-left: 0;
}
}
@media screen and (max-width: 919px) {
div.ccm-page .lawyers-list:before,
div.ccm-page .lawyers-list:after {
width: 50%;
}
div.ccm-page .lawyers-list-wrap {
padding: 5rem 0 6rem;
}
div.ccm-page .lawyers-list-item {
width: 50%;
padding-bottom: 5rem;
}
div.ccm-page .lawyers-list-item-content {
padding-top: 1.7rem;
}
div.ccm-page .lawyers-list-item-sub {
font-size: .9rem;
}
div.ccm-page .lawyers-list-item-title {
margin: .7rem 0 0;
font-size: 1.3rem;
}
div.ccm-page .lawyers-list-item-title .en-name {
font-size: .7rem;
}
div.ccm-page .lawyers-list-item-contact {
width: 3.6rem;
height: 3.6rem;
}
div.ccm-page .lawyers-list-item-contact img {
width: 1.6rem;
height: 1.1rem;
}
}
div.ccm-page .related-page-list {
padding: 13.1rem 0 10rem;
background-color: #fff;
}
div.ccm-page .related-page-list-title {
padding-bottom: 4rem;
font-size: 3rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .related-page-list-wrap {
margin-top: 18.5rem;
}
div.ccm-page .related-page-list .btnlink-list {
margin-top: 10rem;
margin-bottom: 0;
}
div.ccm-page .related-page-list .btnlink-list .item {
padding-bottom: 0;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .related-page-list .btnlink-list .item .btnbg {
width: 30.3rem;
}
}
@media screen and (max-width: 919px) {
div.ccm-page .related-page-list {
padding: 4.5rem 0 6rem;
background-color: #fff;
}
div.ccm-page .related-page-list-title {
padding-bottom: 2.5rem;
font-size: 1.7rem;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .related-page-list-wrap {
margin-top: 8.2rem;
}
div.ccm-page .related-page-list .btnlink-list {
margin-top: 6rem;
}
}
div.ccm-page .page {
padding-bottom: 15.1rem;
background-color: #f6f4ef;
border-bottom: .1rem solid #dbdbdb;
}
div.ccm-page .page-content {
margin-top: 6rem;
padding-top: 8.9rem;
padding-bottom: 13.5rem;
margin-right: auto;
margin-left: auto;
padding-right: 9rem;
padding-left: 9rem;
max-width: 110rem;
background-color: #fff;
}
@media screen and (max-width: 919px) {
div.ccm-page .page-content {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
div.ccm-page .page-content-header {
margin-bottom: 6.1rem;
}
div.ccm-page .page-content-header .print-wrap {
margin-left: auto;
width: 11.5rem;
}
div.ccm-page .page-content-header.detail-page-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
div.ccm-page .page-content-header.detail-page-header .meta-wrap {
display: flex;
align-items: flex-start;
line-height: 2.7rem;
}
div.ccm-page .page-content-header.detail-page-header .meta-wrap .date {
width: 9.4rem;
flex-shrink: 0;
color: #a69d96;
font-size: 1.2rem;
font-weight: 500;
}
div.ccm-page .page-content-header.detail-page-header .meta-wrap .cate {
padding: 0 2.5rem;
min-width: 7.5rem;
flex-shrink: 0;
background-color: #75502e;
color: #fff;
font-size: 1.2rem;
font-weight: 200;
text-align: center;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .page-content-header.detail-page-header .page-title-wrap {
order: 1;
width: 100%;
padding-top: 3.7rem;
padding-bottom: 3.7rem;
border-bottom: .1rem solid #ded7d2;
}
div.ccm-page .page-content-header.detail-page-header .page-title-wrap h1 {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
div.ccm-page .page-content-header.detail-page-header .page-title-wrap .page-thumbnail {
padding: 5rem 4.5rem 9.5rem ;
text-align: center;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap {
display: flex;
align-items: flex-start;
line-height: 2.7rem;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .facebook,
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .twitter,
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .linkedin {
display: flex;
align-items: center;
justify-content: center;
width: 9rem;
height: 2.7rem;
border-radius: .2rem;
color: #fff;
font-size: .9rem;
font-weight: 500;
letter-spacing: .02em;
text-align: center;
text-decoration: none;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .facebook:hover,
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .twitter:hover,
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .linkedin:hover {
opacity: .8;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .facebook:before,
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .twitter:before,
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .linkedin:before {
margin-right: .5rem;
display: block;
content: "";
height: 1.1rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .facebook {
background-color: #39568c;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .facebook:before {
width: .5rem;
background-image: url(/application/themes/aplaw/images/icon-fb-w.png);
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .twitter {
background-color: #5ba4d9;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .twitter:before {
width: 1.1rem;
background-image: url(/application/themes/aplaw/images/icon-tw-w.png);
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .linkedin {
background-color: #1873a2;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .linkedin:before {
width: 1.1rem;
background-image: url(/application/themes/aplaw/images/icon-in-w.png);
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item + .item {
margin-left: 1rem;
}
div.ccm-page .page-footer .btnlink-list {
margin-top: 10rem;
margin-bottom: 0;
}
@media screen and (max-width: 919px) {
div.ccm-page .page-footer .btnlink-list {
margin-top: 6rem;
}
}
div.ccm-page .page-footer .btnlink-list .item {
padding-bottom: 0;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .page-footer .btnlink-list .item .btnbg {
width: 30.3rem;
}
}
@media screen and (max-width: 919px) {
div.ccm-page .page {
padding-bottom: 8.9rem;
}
div.ccm-page .page .hero {
margin-bottom: 1.5rem;
}
div.ccm-page .page-content {
margin-top: 0;
padding-top: 2.2rem;
padding-bottom: 2.2rem;
}
div.ccm-page .page-content-header {
margin-bottom: 2.6rem;
}
div.ccm-page .page-content-header.detail-page-header .meta-wrap {
line-height: 2rem;
}
div.ccm-page .page-content-header.detail-page-header .meta-wrap .date {
font-size: 1.1rem;
}
div.ccm-page .page-content-header.detail-page-header .meta-wrap .cate {
padding: 0 2rem;
min-width: 6.5rem;
font-size: 1rem;
}
div.ccm-page .page-content-header.detail-page-header .page-title-wrap {
order: 0;
padding-top: 2.2rem;
padding-bottom: 3rem;
}
div.ccm-page .page-content-header.detail-page-header .page-title-wrap .page-thumbnail {
padding: 4rem 4.5rem 1rem;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap {
padding: 2.5rem 0;
border-bottom: .1rem solid #ded7d2;
justify-content: space-between;
width: 100%;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item {
width: 33.3%;
height: 2.9rem;
}
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .facebook,
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .twitter,
div.ccm-page .page-content-header.detail-page-header .share-wrap .item .linkedin {
width: 100%;
}
}
div.ccm-page .loading {
z-index: 10;
position: fixed;
width: 100vw;
height: 100vh;
display: flex;
}
div.ccm-page .loading-logo-wrap {
z-index: 10;
position: fixed;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-color: #f6f6f6;
}
div.ccm-page .loading-logo-wrap .loading-logo {
animation: loading-logo 1.5s ease-in-out forwards;
}
div.ccm-page .loading-bg {
position: absolute;
width: 100%;
height: 100vh;
background: #75502e;
transform: translateY(100vh) translateY(23rem);
/* IE11 bugfix */
}
div.ccm-page .loading-bg.loadend {
animation: loading-bg 1.5s ease-in-out forwards;
}
div.ccm-page .loading-bg:before,
div.ccm-page .loading-bg:after {
content: '';
position: absolute;
width: 120%;
height: 23rem;
background: #75502e;
transform-origin: center;
transform: rotate(-5deg);
}
div.ccm-page .loading-bg:before {
top: -11.5rem;
left: -10%;
}
div.ccm-page .loading-bg:after {
bottom: -11.5rem;
right: -10%;
}
div.ccm-page .home-mv {
height: 76.5rem;
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
div.ccm-page .home-mv .container {
height: 100%;
}
div.ccm-page .home-mv-wrap {
background-color: #f6f4ef;
}
div.ccm-page .home-mv-inner {
width: 100%;
height: 100%;
position: relative;
}
div.ccm-page .home-mv-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
font-family: 'Georgia', 'Noto Serif JP', serif;
color: #fff;
}
div.ccm-page .home-mv-content-title {
font-size: 8.5rem;
font-weight: 400;
letter-spacing: .02em;
line-height: 1;
}
div.ccm-page .home-mv-content p {
margin-top: 2rem;
margin-bottom: 6rem;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.83;
}
div.ccm-page .home-mv-content .btn-arrow {
border: none;
font-size: 1.4rem;
line-height: 1.2;
}
div.ccm-page .home-mv-content .btn-arrow.bw {
background-color: transparent;
border-left: .1rem solid #b99e8a;
border-right: .1rem solid #fff;
}
div.ccm-page .home-mv-content .btn-arrow.bw:hover {
background: linear-gradient(68deg, rgba(185, 158, 138, 0.4), rgba(206, 182, 165, 0.4));
}
div.ccm-page .home-mv-content .grd {
max-width: 27.7rem;
}
div.ccm-page .home-mv-content .grd:before,
div.ccm-page .home-mv-content .grd:after {
content: '';
display: block;
width: 100%;
height: .1rem;
background: linear-gradient(to right, #b99e8a 50%, #ffffff);
}
div.ccm-page .home-mv-content .grd:after {
background: linear-gradient(to right, #b99e8a 30%, #ffffff);
}
div.ccm-page .home-mv .home-important-list {
margin: 0;
padding: 0;
display: block;
}
div.ccm-page .home-mv .home-important-list-wrap {
position: absolute;
right: 1rem;
bottom: 0;
width: 74.3rem;
}
div.ccm-page .home-mv .home-important-list-item {
margin-bottom: 1rem;
display: flex;
height: 4.5rem;
line-height: 4.5rem;
position: relative;
}
div.ccm-page .home-mv .home-important-list-item-title {
width: 10.5rem;
flex-shrink: 0;
font-size: 1rem;
letter-spacing: .02em;
color: #fff;
text-align: center;
background-color: #a01200;
}
div.ccm-page .home-mv .home-important-list-item a {
padding-right: 5.6rem;
width: 100%;
display: flex;
color: #1f3034;
text-decoration: none;
background-color: #fff;
overflow: hidden;
}
div.ccm-page .home-mv .home-important-list-item a:hover {
opacity: .9;
}
div.ccm-page .home-mv .home-important-list-item .date {
display: block;
padding-left: 1.5rem;
width: 10rem;
flex-shrink: 0;
font-size: 1.1rem;
position: relative;
}
div.ccm-page .home-mv .home-important-list-item .date:before {
margin: auto;
display: block;
content: "";
border-left: .1rem solid #bebebe;
transform: skewX(-15deg);
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: .7rem;
height: 2.1rem;
}
div.ccm-page .home-mv .home-important-list-item .text {
padding-left: 1.5rem;
display: block;
font-size: 1.1rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
div.ccm-page .home-mv .home-important-list-item .close-btn {
width: 2.8rem;
height: 4.5rem;
position: absolute;
right: 0;
top: 0;
display: block;
pointer-events: auto;
}
div.ccm-page .home-mv .home-important-list-item .close-btn:before,
div.ccm-page .home-mv .home-important-list-item .close-btn:after {
margin: auto;
margin-left: -0.5rem;
content: "";
display: block;
width: 1.9rem;
height: .1rem;
background-color: #1f3034;
top: 0;
bottom: 0;
position: absolute;
}
div.ccm-page .home-mv .home-important-list-item .close-btn:before {
transform: rotate(60deg);
}
div.ccm-page .home-mv .home-important-list-item .close-btn:after {
transform: rotate(-60deg);
}
div.ccm-page .home-sec-title {
margin-bottom: 3.5rem;
padding-top: 2rem;
padding-left: 4.2rem;
position: relative;
color: #1f3034;
font-size: 4.5rem;
font-weight: 700;
letter-spacing: .02em;
line-height: 1;
min-height: 9rem;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .home-sec-title .jp-text {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
display: block;
color: #75502e;
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 0;
}
div.ccm-page .home-sec-title:before,
div.ccm-page .home-sec-title:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: .3rem;
}
div.ccm-page .home-sec-title:before {
height: 100%;
background-color: #d4ccb8;
}
div.ccm-page .home-sec-title:after {
height: 4rem;
background-color: #75502e;
}
div.ccm-page .home-sec-sub-title {
margin-bottom: 3.8rem;
padding-left: 3.9rem;
position: relative;
color: #75502e;
font-size: 3.3rem;
font-weight: 400;
letter-spacing: 0;
line-height: 1;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .home-sec-sub-title .jp-text {
margin-left: 1.7rem;
display: inline-block;
font-size: 1.3rem;
font-weight: 300;
vertical-align: middle;
}
div.ccm-page .home-sec-sub-title:before {
margin: auto;
content: "";
display: block;
position: absolute;
top: 2.2rem;
left: 0;
width: 2rem;
height: .3rem;
background-color: #75502e;
}
div.ccm-page .home-insights {
padding: 8.8rem 0;
background-color: #f6f4ef;
}
div.ccm-page .insight-slide-item {
/*
background-position: center;
background-size: cover;
*/
opacity: 0 !important;
pointer-events: none;
transition: opacity 0.4s ease-out;
}
div.ccm-page .insight-slide-item.swiper-slide-active {
opacity: 1 !important;
pointer-events: auto;
}
div.ccm-page .insight-slide-item-image img {
width: 100%;
}
div.ccm-page .insight-slide-item-image:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
background: linear-gradient(0deg, #000000, transparent 72%);
}
div.ccm-page .insight-slide-item-content {
padding: 0 4.6rem 7rem;
position: absolute;
left: 0;
bottom: 0;
color: #fff;
}
div.ccm-page .insight-slide-item-title {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
}
div.ccm-page .insight-slide-item-text {
margin-top: 2rem;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0;
}
div.ccm-page .insight-slide-pagination {
right: 4rem;
bottom: 3.3rem;
left: auto;
width: auto;
height: 1rem;
line-height: 1rem;
}
div.ccm-page .insight-slide-pagination .swiper-pagination-bullet {
width: 1rem;
height: 1rem;
border-radius: 100%;
background: transparent;
border: .1rem solid #fff;
opacity: 1;
}
div.ccm-page .insight-slide-pagination .swiper-pagination-bullet:hover {
background-color: #fff;
border: .1rem solid #fff;
transition: all .3s;
opacity: 1;
}
div.ccm-page .insight-slide-pagination .swiper-pagination-bullet-active {
background-color: #a01200;
border: 0.1rem solid #a01200;
}
div.ccm-page .insight-slide-status {
position: relative;
margin-right: 28.3rem;
margin-left: 4rem;
bottom: 3.8rem;
z-index: 1;
}
div.ccm-page .insight-slide-status:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 1px;
background: #fff;
}
div.ccm-page .insight-slide-status-bar {
position: relative;
display: block;
width: 0%;
height: 1px;
background: #a01200;
}
div.ccm-page .insight-slide-status.active .insight-slide-status-bar {
animation: process 5s ease-in-out forwards;
}
div.ccm-page .insight-slide-status.set .insight-slide-status-bar {
animation: process-reverse 50ms linear forwards;
}
div.ccm-page .home-topics {
padding: 8.8rem 0;
}
div.ccm-page .home-topics .topics-slide-wrap {
margin-bottom: 8.8rem;
}
div.ccm-page .home-topics-list-wrap + .btnlink-list {
margin-top: 5.2rem;
margin-bottom: -2.7rem;
}
div.ccm-page .topics-slide {
margin: 0;
padding: 0;
}
div.ccm-page .topics-slide-wrap {
overflow: visible;
}
div.ccm-page .topics-slide-item {
margin: 0;
padding: 0;
height: auto;
list-style: none;
}
div.ccm-page .topics-slide-item-inner {
height: 100%;
display: block;
background-color: #75502e;
text-decoration: none;
}
div.ccm-page .topics-slide-item-inner:hover .topics-slide-item-image img {
transform: scale(1.1);
}
div.ccm-page .topics-slide-item-inner:hover .topics-slide-item-title span {
background-position: 0 100%;
background-size: 100% 1px;
}
div.ccm-page .topics-slide-item-image {
overflow: hidden;
}
div.ccm-page .topics-slide-item-image img {
width: 100%;
transition: all 0.3s ease;
}
div.ccm-page .topics-slide-item-content {
padding: 2.2rem;
}
div.ccm-page .topics-slide-item-title {
color: #fff;
font-size: 1.4rem;
font-weight: 400;
line-height: 2;
letter-spacing: .04em;
}
div.ccm-page .topics-slide-item-title span {
background-image: linear-gradient(#ffffff, #ffffff);
background-position: 100% 100%;
background-size: 0% .1rem;
background-repeat: no-repeat;
transition: background-size 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
div.ccm-page .topics-button-wrap {
margin-top: 5.2rem;
display: flex;
justify-content: center;
}
div.ccm-page .topics-button-wrap .item {
width: 33.5rem;
margin: 0 3.3rem;
font-size: 1.5rem;
font-weight: 200;
}
div.ccm-page .topics-button-wrap .item a {
padding: 2.1rem 5rem;
}
div.ccm-page .home-contents {
position: relative;
min-height: 71.2rem;
color: #fff;
display: flex;
align-items: center;
}
div.ccm-page .home-contents > div {
width: 100%;
}
div.ccm-page .home-contents-bg {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
div.ccm-page .home-contents-title {
font-size: 4rem;
font-weight: 700;
line-height: 1.42;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .home-contents-text {
margin-top: 2.6rem;
margin-bottom: 4.8rem;
max-width: 58.2rem;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.93;
}
div.ccm-page .home-contents-btn-wrap .btn-arrow {
max-width: 27.3rem;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.9;
}
div.ccm-page .home-contents-border-btn-wrap {
display: flex;
justify-content: space-between;
max-width: 79rem;
}
div.ccm-page .home-contents-border-btn-wrap .item {
width: 23.5rem;
}
div.ccm-page .home-contents-border-btn-wrap .btn-arrow {
padding: 2rem 4rem;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.1;
letter-spacing: 0;
}
div.ccm-page .home-contents-border-btn-wrap .btn-arrow:before {
right: .5rem;
}
div.ccm-page .home-contents-border-btn-wrap p {
margin-top: 1.2rem;
font-size: 1.2rem;
font-weight: 300;
text-align: center;
}
@media screen and (max-width: 919px) {
div.ccm-page .home-page .container,
div.ccm-page .home-page .container-l {
padding-right: 2.2rem;
padding-left: 2.2rem;
}
div.ccm-page .home-mv {
height: 51rem;
}
div.ccm-page .home-mv-content {
padding-left: .8rem;
}
div.ccm-page .home-mv-content-title {
font-size: 4.7rem;
}
div.ccm-page .home-mv-content p {
margin-top: 1.2rem;
margin-bottom: 3rem;
font-size: 1.5rem;
font-weight: 400;
}
div.ccm-page .home-mv-content .btn-arrow {
padding: 1.6rem 5rem;
font-size: 1.2rem;
}
div.ccm-page .home-mv-content .grd {
max-width: 21.7rem;
}
div.ccm-page .home-mv .home-important-list-wrap {
right: 0;
bottom: auto;
width: 100%;
background-color: #f6f4ef;
}
div.ccm-page .home-mv .home-important-list-item {
margin-bottom: .8rem;
width: 100%;
height: auto;
line-height: 1.66;
background-color: #f6f4ef;
}
div.ccm-page .home-mv .home-important-list-item-title {
position: absolute;
top: -4.4rem;
right: 0;
width: 13.2rem;
height: 4.4rem;
font-size: 1.2rem;
font-weight: 500;
line-height: 4.4rem;
letter-spacing: .06em;
}
div.ccm-page .home-mv .home-important-list-item .home-important-list-item-title {
display: none;
}
div.ccm-page .home-mv .home-important-list-item a {
padding: 2.2rem 5.6rem 2.2rem 2.2rem;
flex-wrap: wrap;
}
div.ccm-page .home-mv .home-important-list-item .date {
margin-bottom: .8rem;
padding: 0;
width: 100%;
font-size: 1.3rem;
}
div.ccm-page .home-mv .home-important-list-item .date:before {
display: none;
}
div.ccm-page .home-mv .home-important-list-item .text {
padding: 0;
font-size: 1.2rem;
font-weight: 500;
white-space: normal;
}
div.ccm-page .home-mv .home-important-list-item .close-btn {
margin: auto;
bottom: 0;
}
div.ccm-page .home-sec-title {
margin-bottom: 4.1rem;
padding-top: 0.6rem;
padding-left: 2.5rem;
font-size: 4.5rem;
min-height: 7rem;
}
div.ccm-page .home-sec-title .jp-text {
padding-top: 1.1rem;
padding-bottom: 1.1rem;
font-size: 1.3rem;
}
div.ccm-page .home-sec-title:after {
height: 3.1rem;
}
div.ccm-page .home-sec-sub-title {
margin-top: 6rem;
margin-bottom: 3.7rem;
padding-left: 2.7rem;
font-size: 2.7rem;
}
div.ccm-page .home-sec-sub-title .jp-text {
margin-left: .8rem;
font-size: 1.1rem;
font-weight: 400;
}
div.ccm-page .home-sec-sub-title:before {
top: 1.2rem;
width: 1.5rem;
}
div.ccm-page .home-insights {
padding: 6rem 0;
}
div.ccm-page .insight-slide-wrap {
padding-bottom: 3.6rem;
}
div.ccm-page .insight-slide-item-content {
padding: 0 1.5rem 1.8rem;
}
div.ccm-page .insight-slide-item-title {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.56;
}
div.ccm-page .insight-slide-pagination {
right: auto;
bottom: .1rem;
left: auto;
width: 100%;
}
div.ccm-page .insight-slide-pagination .swiper-pagination-bullet {
border-color: #a01200;
}
div.ccm-page .insight-slide-status {
display: none;
}
div.ccm-page .home-topics {
padding: 6rem 0;
}
div.ccm-page .home-topics .topics-slide-wrap {
margin-bottom: 0;
}
div.ccm-page .home-topics-list-wrap + .btnlink-list {
margin-top: 3.8rem;
margin-bottom: -2.2rem;
}
div.ccm-page .topics-slide-item-content {
padding: 3rem 2rem;
}
div.ccm-page .topics-slide-item-title {
line-height: 1.78;
letter-spacing: 0;
}
div.ccm-page .topics-button-wrap {
margin-top: 1.6rem;
flex-direction: column;
}
div.ccm-page .topics-button-wrap .item {
width: 100%;
margin: 2.2rem 0 0;
font-size: 1.4rem;
font-weight: 500;
}
div.ccm-page .home-contents {
min-height: auto;
}
div.ccm-page .home-contents-bg {
height: 26.8rem;
}
div.ccm-page .home-contents-content {
padding-bottom: 7rem;
}
div.ccm-page .home-contents-title {
height: 26.8rem;
display: flex;
align-items: center;
font-size: 2.5rem;
font-weight: 600;
line-height: 1.44;
}
div.ccm-page .home-contents-text {
margin-top: 3rem;
margin-bottom: 3.5rem;
max-width: 100%;
color: #1f3034;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.92;
}
div.ccm-page .home-contents-btn-wrap .btn-arrow {
max-width: 100%;
font-size: 1.4rem;
font-weight: 500;
line-height: 2.3;
}
div.ccm-page .home-contents-border-btn-wrap {
flex-direction: column;
max-width: 100%;
}
div.ccm-page .home-contents-border-btn-wrap .item {
width: 100%;
color: #a01200;
}
div.ccm-page .home-contents-border-btn-wrap .item + .item {
margin-top: 3.6rem;
}
div.ccm-page .home-contents-border-btn-wrap .btn-arrow {
color: #a01200;
border-color: #a01200;
font-size: 1.4rem;
font-weight: 500;
line-height: 2.2;
}
div.ccm-page .home-contents-border-btn-wrap .btn-arrow:before {
background-image: url(/application/themes/aplaw/images/icon-arrow-r.png);
}
div.ccm-page .home-contents-border-btn-wrap p {
margin-top: .3rem;
margin-bottom: 2.3rem;
}
}
div.ccm-page .about-page section:nth-of-type(2n) {
background-color: #f6f4ef;
}
div.ccm-page .about-page .container {
padding-right: 6.6rem;
padding-left: 6.6rem;
}
div.ccm-page .about-sec-sub-title {
margin-bottom: 5.8rem;
padding-bottom: 3.4rem;
position: relative;
color: #75502e;
font-size: 2.3rem;
font-weight: 700;
font-family: 'Georgia', 'Noto Serif JP', serif;
letter-spacing: 0;
text-align: center;
}
div.ccm-page .about-sec-sub-title:before {
margin: auto;
content: "";
display: block;
width: 3.4rem;
height: .2rem;
background-color: #75502e;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
div.ccm-page .about-fs {
padding-top: 8rem;
padding-bottom: 8rem;
background-image: url(/application/themes/aplaw/images/bg-logo.png);
background-size: 102.1rem 90rem;
background-repeat: no-repeat;
background-position: calc(50% + 47rem) -2.3rem;
}
div.ccm-page .about-fs-title {
color: #75502e;
font-size: 4rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
letter-spacing: -0.04em;
line-height: 1.5;
}
div.ccm-page .about-fs-text {
margin-top: 2.6rem;
text-align: justify;
}
div.ccm-page .about-fs-text p + p {
margin-top: 1.9rem;
}
div.ccm-page .about-mission {
padding: 8.8rem 0;
}
div.ccm-page .about-mission-inner {
margin-right: calc(50% - 50vw);
padding: 6rem 8.4rem 5.4rem;
background-size: cover;
background-position: right;
font-size: 2.8rem;
font-weight: 600;
color: #fff;
font-family: 'Georgia', 'Noto Serif JP', serif;
letter-spacing: -0.04em;
line-height: 1.86;
}
div.ccm-page .about-philosophy {
padding: 8.8rem 0 6rem;
}
div.ccm-page .about-philosophy .home-sec-title {
margin-bottom: 5rem;
}
div.ccm-page .about-philosophy-item {
margin-bottom: 2rem;
}
div.ccm-page .about-philosophy-item-num {
color: #75502e;
font-size: 6rem;
font-weight: 700;
font-family: 'Georgia', 'Noto Serif JP', serif;
letter-spacing: 0.02em;
line-height: 1;
}
div.ccm-page .about-philosophy-item-contents {
margin-top: -0.4rem;
margin-left: 7.5rem;
font-size: 1.5rem;
line-height: 1.93;
}
div.ccm-page .about-philosophy-item-title {
margin-bottom: 1rem;
font-size: 2.5rem;
font-weight: 700;
font-family: 'Georgia', 'Noto Serif JP', serif;
letter-spacing: 0;
line-height: 1.66;
}
div.ccm-page .about-feature {
padding: 8.8rem 0 4rem;
}
div.ccm-page .about-feature-item {
margin-bottom: 4rem;
padding-left: 3.9rem;
padding-right: 3.9rem;
}
div.ccm-page .about-feature-item-wrap {
margin-left: -3.9rem;
margin-right: -3.9rem;
}
div.ccm-page .about-feature-item-text {
margin-top: 2rem;
}
div.ccm-page .about-feature-item-text-content {
text-align: justify;
}
div.ccm-page .about-feature-item-title {
margin-bottom: .5rem;
color: #75502e;
font-size: 2.8rem;
font-weight: 700;
font-family: 'Georgia', 'Noto Serif JP', serif;
letter-spacing: -0.04em;
}
div.ccm-page .about-feature-item .link-list {
margin-top: 1.5rem;
}
div.ccm-page .about-organization {
padding: 8.8rem 0 8rem;
}
div.ccm-page .about-organization-list {
margin: 0;
padding-right: 2.5rem;
display: flex;
justify-content: space-between;
border-top: .1rem solid #ded7d2;
border-bottom: .1rem solid #ded7d2;
}
div.ccm-page .about-organization-list dt,
div.ccm-page .about-organization-list dd {
margin: 0;
padding: 2.5rem;
font-size: 1.7rem;
line-height: 1.65;
color: #75502e;
}
div.ccm-page .about-organization-list + .about-organization-list {
margin-top: -0.1rem;
}
div.ccm-page .about-organization-caption {
margin-top: 2rem;
color: #75502e;
font-size: 1.3rem;
}
div.ccm-page .about-history {
padding: 8.8rem 0;
}
div.ccm-page .about-history-list {
padding-top: 5.5rem;
position: relative;
display: block;
}
div.ccm-page .about-history-list:before {
margin: auto;
content: "";
display: block;
width: .3rem;
height: 100%;
background-color: #d4ccb8;
position: absolute;
top: 0;
left: 0;
right: 0;
}
div.ccm-page .about-history-list-item {
display: flex;
font-size: 1.6rem;
line-height: 1.625;
color: #75502e;
position: relative;
}
div.ccm-page .about-history-list-item:before {
content: "";
display: block;
width: 2rem;
height: 2rem;
border-radius: 50%;
background-color: #75502e;
position: absolute;
top: .4rem;
right: -1rem;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .about-history-list-item {
padding-right: 7.3rem;
width: 50%;
min-height: 9rem;
flex-direction: row-reverse;
}
div.ccm-page .about-history-list-item:after {
content: "";
display: block;
width: 2.5rem;
height: .2rem;
background-color: #75502e;
position: absolute;
top: 1.3rem;
right: 2.7rem;
}
div.ccm-page .about-history-list-item:nth-child(2n) {
margin-left: auto;
padding-right: 0;
padding-left: 7.3rem;
flex-direction: row;
}
div.ccm-page .about-history-list-item:nth-child(2n):before {
right: auto;
left: -1rem;
}
div.ccm-page .about-history-list-item:nth-child(2n):after {
right: auto;
left: 2.7rem;
}
div.ccm-page .about-history-list-item:nth-child(2n-1) .about-history-list-item-text {
text-align: right;
}
div.ccm-page .about-history-list-item-year {
flex-shrink: 0;
}
div.ccm-page .about-history-list-item .separate {
flex-shrink: 0;
padding: 0 .7rem;
}
}
div.ccm-page .about-contents {
padding: 8.8rem 0;
}
div.ccm-page .about-contents-s {
padding: 8rem 0 8.8rem;
}
div.ccm-page .about-contents-text + .about-contents-image {
margin-top: 2.5rem;
}
div.ccm-page .about-contents-button-wrap {
margin-top: 3.5rem;
margin-bottom: -2.7rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .about-page .container,
div.ccm-page .about-page .container-l {
padding-right: 2.2rem;
padding-left: 2.2rem;
}
div.ccm-page .about-sec-sub-title {
margin-bottom: 5rem;
padding-bottom: 2.7rem;
font-size: 1.6rem;
}
div.ccm-page .about-sec-sub-title:before {
width: 2.7rem;
height: .1rem;
}
div.ccm-page .about-fs {
padding-top: 4rem;
padding-bottom: 5rem;
background-size: 42.1rem 36.2rem;
background-position: calc(50% + 13.5rem) bottom;
}
div.ccm-page .about-fs-title {
font-size: 2rem;
line-height: 1.8;
}
div.ccm-page .about-fs-text {
margin-top: 2.5rem;
line-height: 1.84;
}
div.ccm-page .about-fs-text p + p {
margin-top: 1.84em;
}
div.ccm-page .about-mission {
padding: 6rem 0;
}
div.ccm-page .about-mission-inner {
padding: 4.5rem 3rem 4.5rem 4.3rem;
font-size: 1.8rem;
line-height: 2.03;
}
div.ccm-page .about-philosophy {
padding: 6rem 0 3.7rem;
}
div.ccm-page .about-philosophy-item {
margin-bottom: 3.3rem;
}
div.ccm-page .about-philosophy-item-num {
font-size: 4.3rem;
margin-bottom: 1rem;
}
div.ccm-page .about-philosophy-item-contents {
margin-top: 0;
margin-left: 0;
font-size: 1.2rem;
}
div.ccm-page .about-philosophy-item-title {
margin-bottom: 1rem;
font-size: 1.5rem;
}
div.ccm-page .about-feature {
padding: 6rem 0 1.5rem;
}
div.ccm-page .about-feature-item {
margin-bottom: 4rem;
}
div.ccm-page .about-feature-item-text {
margin-top: 2.2rem;
}
div.ccm-page .about-feature-item-title {
margin-bottom: 1rem;
font-size: 1.5rem;
}
div.ccm-page .about-feature-item .link-list {
margin-top: 1rem;
}
div.ccm-page .about-organization {
padding: 6rem 0 4.4rem;
}
div.ccm-page .about-organization-list {
padding-right: 0;
}
div.ccm-page .about-organization-list dt,
div.ccm-page .about-organization-list dd {
padding: 2.4rem 2.5rem;
font-size: 1.3rem;
line-height: 1.6;
}
div.ccm-page .about-organization-caption {
margin-top: 1.5rem;
font-size: 1rem;
}
div.ccm-page .about-history {
padding: 6rem 0;
}
div.ccm-page .about-history-list {
padding-top: .5rem;
padding-bottom: 3rem;
}
div.ccm-page .about-history-list:before {
left: 0;
right: auto;
}
div.ccm-page .about-history-list-item {
margin-top: 3rem;
padding-left: 2.9rem;
display: block;
font-size: 1.5rem;
line-height: 1.93;
}
div.ccm-page .about-history-list-item:before {
width: 1.4rem;
height: 1.4rem;
top: .7rem;
left: -0.6rem;
}
div.ccm-page .about-contents {
padding: 6rem 0;
}
div.ccm-page .about-contents-s {
padding: 6rem 0;
}
div.ccm-page .about-contents-text + .about-contents-image {
margin-top: 3.3rem;
}
div.ccm-page .about-contents-button-wrap {
margin-top: 3.9rem;
margin-bottom: -2.2rem;
}
}
div.ccm-page .lawyar-page {
padding-bottom: 15.8rem;
border-bottom: .1rem solid #dbdbdb;
background-color: #f6f4ef;
}
div.ccm-page .lawyar-page-header {
margin-bottom: 19.5rem;
position: relative;
}
div.ccm-page .lawyar-page-header-image {
width: 43.5rem;
}
div.ccm-page .lawyar-page-header-image .btn-arrow {
width: 34.5rem;
margin: 2.5rem 2rem;
font-size: 1.5rem;
font-weight: 500;
}
div.ccm-page .lawyar-page-header-content {
z-index: 1;
position: absolute;
top: 8.5rem;
left: 38.5rem;
right: 0;
max-width: 80.5rem;
background-color: #fff;
}
@media (min-width: 1110px) and (max-width: 1279px) {
div.ccm-page .lawyar-page-header-content {
right: calc((100vw - 110rem) /2);
}
}
div.ccm-page .lawyar-page-header-content-inner {
padding: 8.8rem 6.3rem;
}
div.ccm-page .lawyar-page-header-content-top {
position: relative;
padding-bottom: 3.2rem;
}
div.ccm-page .lawyar-page-header-content-top .print-wrap {
position: absolute;
top: 3.2rem;
right: 0;
width: 11.5rem;
}
div.ccm-page .lawyar-page-header-content-top .en-name {
position: absolute;
top: 0;
left: 0;
font-size: 1.3rem;
font-weight: 700;
line-height: 1;
letter-spacing: .2em;
color: #bbafa6;
}
div.ccm-page .lawyar-page-header-content-top .title-wrap {
position: absolute;
top: 3.2rem;
left: 0;
right: 11.5rem;
}
div.ccm-page .lawyar-page-header-content-top .name {
margin: 0;
font-size: 3.5rem;
font-weight: 600;
line-height: 1;
font-family: 'Georgia', 'Noto Serif JP', serif;
letter-spacing: 0;
}
div.ccm-page .lawyar-page-header-content-top .position {
margin-top: 1.7rem;
color: #bbafa6;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.2;
font-family: 'Georgia', 'Noto Serif JP', serif;
letter-spacing: 0;
}
div.ccm-page .lawyar-page-header-content-main,
div.ccm-page .lawyar-page-header-content-bottom {
margin-top: 4.4rem;
border-top: .1rem solid #e0e1e6;
}
div.ccm-page .lawyar-page-header-content-main {
padding-top: 4.4rem;
}
div.ccm-page .lawyar-page-header-content-bottom {
padding-top: 3.5rem;
font-size: 1.3rem;
line-height: 2.07;
}
div.ccm-page .lawyar-page-header-content .lawyar-page-meta-list {
margin: 0;
letter-spacing: .02em;
}
div.ccm-page .lawyar-page-header-content .lawyar-page-meta-list dt {
width: 19.3rem;
font-size: 1.6rem;
font-weight: 600;
color: #75502e;
line-height: 1.2;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .lawyar-page-header-content .lawyar-page-meta-list dd {
margin-top: -2.3rem;
margin-left: 0;
padding-left: 19.3rem;
font-size: 1.3rem;
line-height: 2.07;
}
div.ccm-page .lawyar-page-header-content .lawyar-page-meta-list .field-link-item {
display: inline;
color: #1f3034;
}
div.ccm-page .lawyar-page-header-content .lawyar-page-meta-list .field-link-item:hover {
color: #a01200;
}
div.ccm-page .lawyar-page-header-content .lawyar-page-meta-list + .lawyar-page-meta-list {
margin-top: 3rem;
}
div.ccm-page .lawyar-page-content-inner {
padding: 10rem 9rem;
font-size: 1.3rem;
line-height: 2.46;
letter-spacing: .02em;
}
div.ccm-page .lawyar-page-content-item-title {
margin: 0 0 2rem;
color: #75502e;
padding-left: 1.7rem;
position: relative;
font-size: 1.7rem;
font-weight: 600;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .lawyar-page-content-item-title:before {
display: block;
content: "";
width: .2rem;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #d4ccb8;
}
div.ccm-page .lawyar-page-content-item-title:after {
display: block;
content: "";
width: .2rem;
height: .8rem;
position: absolute;
top: 0;
left: 0;
background-color: #75502e;
}
@media screen and (max-width: 919px) {
div.ccm-page .lawyar-page-content-item-title {
padding-left: 1.3rem;
font-size: 1.5rem;
}
}
div.ccm-page .lawyar-page-content-item + .lawyar-page-content-item {
margin-top: 4.8rem;
}
@media screen and (max-width: 919px) {
div.ccm-page .lawyar-page {
padding-bottom: 11.2rem;
}
div.ccm-page .lawyar-page-header {
margin-bottom: 7.5rem;
height: auto !important;
}
div.ccm-page .lawyar-page-header-image {
margin: 0 -1.5rem;
width: 100%;
text-align: center;
}
div.ccm-page .lawyar-page-header-content {
margin-top: -14.8rem;
position: relative;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
}
div.ccm-page .lawyar-page-header-content-inner {
padding: 1rem 3rem 5rem;
}
div.ccm-page .lawyar-page-header-content-top {
height: auto !important;
padding-bottom: .5rem;
}
div.ccm-page .lawyar-page-header-content-top .print-wrap {
position: static;
margin-left: auto;
margin-right: -2rem;
margin-bottom: 1.5rem;
}
div.ccm-page .lawyar-page-header-content-top .en-name {
position: static;
margin-bottom: 2rem;
}
div.ccm-page .lawyar-page-header-content-top .title-wrap {
position: static;
}
div.ccm-page .lawyar-page-header-content-main,
div.ccm-page .lawyar-page-header-content-bottom {
margin-top: 3.5rem;
}
div.ccm-page .lawyar-page-header-content-main {
padding-top: 4rem;
}
div.ccm-page .lawyar-page-header-content-bottom {
padding-top: 3.3rem;
font-size: 1.2rem;
}
div.ccm-page .lawyar-page-header-content .lawyar-page-meta-list dt {
width: 100%;
margin-bottom: 1.5rem;
}
div.ccm-page .lawyar-page-header-content .lawyar-page-meta-list dd {
margin: 0;
padding: 0;
font-size: 1.2rem;
}
div.ccm-page .lawyar-page-header .btn-arrow {
margin-top: 3.4rem;
}
div.ccm-page .lawyar-page-content-inner {
padding: 4.8rem 3rem;
font-size: 1.2rem;
line-height: 2.25;
}
div.ccm-page .lawyar-page-content-item-title {
margin: 0 0 1.5rem;
font-size: 1.6rem;
}
div.ccm-page .lawyar-page-content-item + .lawyar-page-content-item {
margin-top: 2.5rem;
}
}
div.ccm-page .news-search .search-area {
background-color: #fff;
}
div.ccm-page .publication-page {
padding-bottom: 17.6rem;
}
div.ccm-page .publication-page .page-content {
padding-bottom: 8rem;
}
div.ccm-page .publication-page .detail-page-header {
margin-bottom: 0;
}
div.ccm-page .publication-page .publication-detail-list {
margin: 0;
padding: 6rem 0;
letter-spacing: .02em;
display: flex;
}
div.ccm-page .publication-page .publication-detail-list dt {
flex-shrink: 0;
width: 18rem;
font-size: 1.5rem;
font-weight: 600;
color: #75502e;
line-height: 2.2;
font-family: 'Georgia', 'Noto Serif JP', serif;
}
div.ccm-page .publication-page .publication-detail-list dd {
margin: 0;
padding: 0;
width: 100%;
font-size: 1.4rem;
line-height: 2.42;
}
@media print, screen and (min-width: 920px) {
div.ccm-page .publication-page .publication-detail-list dd .lawyers-call-list-wrap .lawyers-list-item {
width: 16.6rem;
padding-bottom: 5rem;
}
div.ccm-page .publication-page .publication-detail-list dd .lawyers-call-list-wrap .lawyers-list:before,
div.ccm-page .publication-page .publication-detail-list dd .lawyers-call-list-wrap .lawyers-list:after {
width: 16.6rem;
}
div.ccm-page .publication-page .publication-detail-list dd .lawyers-list-item-contact {
right: .9rem;
width: 4.3rem;
height: 4.3rem;
}
div.ccm-page .publication-page .publication-detail-list dd .lawyers-list-item-contact img {
width: 2rem;
height: 1.3rem;
}
}
div.ccm-page .publication-page .publication-detail-list + .publication-detail-list {
border-top: .1rem solid #ded7d2;
}
div.ccm-page .publication-page .publication-detail-list:last-child {
padding-bottom: 0;
}
@media screen and (max-width: 919px) {
div.ccm-page .publication-page {
padding-bottom: 11.5rem;
}
div.ccm-page .publication-page .page-content {
padding-bottom: 1.6rem;
}
div.ccm-page .publication-page .publication-detail-list {
padding: 2.5rem 0;
flex-direction: column;
}
div.ccm-page .publication-page .publication-detail-list dt {
width: 100%;
margin-bottom: 1rem;
font-size: 1.4rem;
}
div.ccm-page .publication-page .publication-detail-list dd {
font-size: 1.2rem;
line-height: 2.25;
}
div.ccm-page .publication-page .publication-detail-list dd .lawyers-call-list-wrap .lawyers-list-item {
padding-bottom: 3.4rem;
}
}
@media print, screen and (min-width: 920px) {
div.ccm-page .sp-only {
display: none;
}
}
@media screen and (max-width: 919px) {
div.ccm-page .pc-only {
display: none;
}
}
@media print {
div.ccm-page .header-wrap {
position: absolute;
}
div.ccm-page .header-wrap.hide {
transform: translateY(0);
}
div.ccm-page .footer-info-wrap .logo-area,
div.ccm-page .footer-info-wrap .button-area {
width: 45%;
}
div.ccm-page .publication-page .container-l,
div.ccm-page .publication-page .page-content {
padding-right: 5%;
padding-left: 5%;
}
}