@charset "utf-8";
/* CSS Document */

/* powerandit.co.jp
-----------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
    --header-height: 100px;
    --base-color: #000;
    --point-blue: #004da0;
    --point-green: #60c0bd;
    --point-orange: #f79b4a;
}

/* ==============================================
    universal reset
============================================== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* ==============================================
    html,body and base
============================================== */
html,body {
	height:100%;
}

/* general params
------------------*/
table {
	empty-cells: show;
	font-size: 100%;
	border-collapse: collapse;
}

img {
	border: none;
	height: auto;
	vertical-align: top;
    image-rendering: -webkit-optimize-contrast;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
ul { letter-spacing: -.40em; }
ul li { letter-spacing: normal; }

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr {
	cursor: help;
}

/* ==============================================
    clear
============================================== */
.cbox {
	zoom: 100%;
}
.cbox:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}

/* ==============================================
    body
============================================== */
body {
	text-align: center;
	line-height: 1.2;
	color: #3c3c3c;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 700px) {
	body {
		min-width: 300px;
	}
}
@media print {
	body {
		min-width: 950px;
	}
}
body,
input,
select,
textarea {
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 100%;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
}
strong {
    font-weight: 700;
}
form input[type="submit"],
form input[type="reset"],
form input[type="button"] {
	-webkit-appearance: none;
}
@media screen and (max-width: 900px) {
    body {
        font-size: 14px;
    }
}

/* ==============================================
    link
============================================== */
a {
	transition: all .4s;
	text-decoration: none;
    color: var(--base-color);
}
@media (hover: hover) {
	a:hover,
	#pagetop:hover {
		opacity: 0.6;
	}
}

/* ==============================================
    
============================================== */
.inner,
main {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
}
@media screen and (max-width: 1240px) {
    .inner,
    main {
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 800px) {
    .inner,
    main {
        width: calc(100% - 30px);
    }
}

.tab,
.sp {
	display: none;
}
.switch {}
.call {}

/* ==============================================
    container
============================================== */
#container {
	position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: var(--header-height);
    background: url("image/container.png") no-repeat center 1120px;
}
footer {
    margin-top: auto;
}

/* ==============================================
    contactBtn
============================================== */
.contactBtn a {
    border-radius: 11px 11px 0 0;
    background: url("image/icn_mail.png") no-repeat left 1em center #009a90;
    color: #fff;
}
header .contactBtn a {
    padding: 0.7em 1em 0.7em 3.5em;
    background-image: url("image/header_mail.png");
}

/* ==============================================
    link
============================================== */
.drop_contents li a,
#cornerLink li a,
footer nav > ul li a,
.link a,
.btn a {
    position: relative;
}
.drop_contents li a {
    padding: 0.4em 0 0.4em 1.3em;
}
#cornerLink li a,
.link a {
    display: inline-block;
    padding-left: 1em;
}
.drop_contents li a::before,
#cornerLink li a::before,
footer nav > ul li a::before,
.link a::before,
.btn a::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-40%);
    content: "";
    width: 0.625em;
    height: 0.75em;
    margin-right: 1em;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 100%, 50% 50%, 0% 0%);
}
footer nav > ul li a::before,
.btn a::before {
    background: var(--point-orange);
}
.drop_contents li a::before,
#cornerLink li a::before,
.link a::before,
.btn.right a::before {
    background: var(--point-green);
}
.link a::before {
    top: 0.45em;
    transform: none;
}
@media screen and (max-width: 900px) {
    footer nav > ul li a::before {
        width: 8px;
        height: 10px;
    }
}

/* ==============================================
    header
============================================== */
header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--header-height);
    /* background: rgba(255,255,255,0.8); */
    background: #fff;
    z-index: 100;
}


header h1 {
    font-size: 0.875em;
    color: var(--point-blue);
    text-align: left;
}
header h1 a {
    color: var(--point-blue);
}
header h1 img {
    width: 270px;
    margin-top: 0.8em;
}
header nav {
    position: absolute;
    padding-top: 47px;
}
header nav li {
	list-style: none;
}
header nav li a {
    position: relative;
    display: block;
    padding: 0.7em 0.75em;
}
header nav li a[href*="company/"]::after,
header nav li .drop_contents a::after {
    content: none;
}

.drop_contents {
    background: #f2f2f2;
    padding: 0.6em 1em;
    z-index: 100;
	transition: all .4s;
}
.drop_contents li {
    display: block;
    white-space: nowrap;
    text-align: left;
    border: none;
}
@media (hover: hover) {
    .drop:hover .drop_contents,
    .drop_contents:hover {
        opacity: 1;
        pointer-events: auto;
    }
    .drop_contents {
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }
}


@media screen and (min-width: 700px) {
    header h1 {
        position: absolute;
        left: 15px;
        bottom: 30px;
    }
    header nav {
        right: 18px;
        bottom: 0;
    }
    header nav li {
        display: inline-block;
        vertical-align: middle;
    }
    header nav li a::after {
        position: absolute;
        top: 50%;
        right: 0;
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 1em;
        margin-top: -0.5em;
        background: #42a9a1;
    }
    header .contactBtn {
        margin-left: 0.5em;
    }
    .drop {
        position: relative;
    }
    .drop_contents {
        opacity: 0;
        position: absolute;
        pointer-events: none;
    }
    header nav div {
        position: absolute;
        top: 0;
        right: 0;
    }
    header nav div p {
        display: inline-block;
        margin-left: 12px;    
    }
}


@media screen and (max-width: 1100px) {
    :root {
        --header-height: 90px;
    }
    header {
        font-size: 14px;
    }
    header h1 img {
        width: clamp(14.375rem, 3.125rem + 20vw, 16.875rem);
    }
    header nav {
        padding-top: 45px;
    }
}
@media screen and (max-width: 1000px) {
    header h1 {
        bottom: clamp(2.5rem, 4.167rem + -3.33vw, 1.875rem);
    }
}
@media screen and (max-width: 700px) {
    :root {
        --header-height: 50px;
    }
    header {
        display: flex;
        align-items: center;
    }
    header h1 {
        margin-left: 10px;
        font-size: 0.75em;
    }
    header h1 img {
        width: 200px;
        margin-top: 0.6em;
    }
    header nav {
        display: none;
        right: 0;
        top: var(--header-height);
        padding: 20px 15px;
        background: #fff;
        width: 100%;
        max-height: calc(100vh - var(--header-height));
        overflow-y: scroll;
    }
    header nav li {
        text-align: left;
        border-bottom: 1px solid var(--point-green);
    }
    
    header nav li .drop_contents li {
        border: none;
    }
    header .sp {
        display: block;
    }
    header .contactBtn a {
        padding: 1em 1em 1em 3.5em;
        border-radius: 0;
    }
    header nav div p {
        margin-top: 1em;
    }
}

/* ==============================================
    menuBtn span
============================================== */
#menuBtn {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: var(--header-height);
	height: var(--header-height);
	background: var(--point-blue);
	overflow: hidden;
	cursor: pointer;
	z-index: 101;
}
#menuBtn span,
#menuBtn:before,
#menuBtn:after {
	display: block;
	position: absolute;
	top: 24px;
	left: 10px;
	width: 30px;
	height: 4px;
	background: #fff;
	transition: all .4s;
	opacity: 1;
}
#menuBtn span {
	margin-top: -1px;
	transition: opacity 150ms 50ms;
}

#menuBtn:before,
#menuBtn:after {
	content: "";
}
#menuBtn:before { transform: translate(0, -10px); }
#menuBtn:after { transform: translate(0, 8px); }

#menuBtn.active span { opacity: 0; }
#menuBtn.active:before { transform: rotate(40deg) scale(1.2, 1) }
#menuBtn.active:after { transform: rotate(-40deg) scale(1.2, 1) }
@media screen and (max-width: 700px) {
    #menuBtn {
        display: block;
    }
}


/* ==============================================
    title
============================================== */
#title {
    padding: 30px 0 8px;
    background: #fee7d3;
}
#title .titBottomLine {
    font-size: 36px;
}
#title .titBottomLine::before {
    width: 9em;
}
@media screen and (max-width: 1100px) {
    #title .titBottomLine {
        font-size: clamp(1.5rem, 1.071rem + 1.71vw, 2.25rem);
    }
}

/* ==============================================
    breadcrumb
============================================== */
#breadcrumb {
    padding: 30px 0 43px;
}
#breadcrumb ol {
	list-style: none;
    color: var(--point-blue);
}
#breadcrumb li {
	display: inline-block;
    margin-right: 1.5em;
}
#breadcrumb li a {
	color: #0d0d0d;
	text-decoration: none;
}
#breadcrumb li + li {
    padding-left: 1.5em;
    border-left: 1px solid var(--point-green)
}
@media screen and (max-width: 1100px) {
    #breadcrumb {
        padding-top: clamp(0.938rem, 0.402rem + 2.14vw, 1.875rem);
        padding-bottom: clamp(1.563rem, 0.92rem + 2.57vw, 2.688rem);
    }
}
@media screen and (max-width: 600px) {
    #breadcrumb li {
        font-size: 0.875em;
        margin-right: 1em;
    }
    #breadcrumb li + li {
        padding-left: 1em;
    }
}

/* ==============================================
    main
============================================== */
.titBottomLine {
    --point-width: 6px;
    position: relative;
    margin-bottom: 1em;
    padding-bottom: calc(0.5em + var(--point-width));
    font-size: 34px;
}
.titBottomLine span {
    display: block;
    margin-top: 0.3em;
    font-size: 0.7em;
}
.titBottomLine::before,
.titBottomLine::after {
    position: absolute;
    content: "";
    display: block;
    height: var(--point-width);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.titBottomLine::before {
    width: 10em;
    background: var(--point-orange);
}
.titBottomLine::after {
    width: var(--point-width);
    background: var(--point-blue);
}
@media screen and (max-width: 1100px) {
    .titBottomLine {
        font-size: clamp(1.25rem, 0.75rem + 2vw, 2.125rem);
    }
}
@media screen and (max-width: 600px) {
    .titBottomLine {
        --point-width: 5px;
    }
}

.titBox {
    position: relative;
    margin-right: 0.3em;
    margin-bottom: 1.5em;
    padding: 0.6em;
    font-size: 30px;
    color: var(--point-blue);
    background: #a5e1e2;
    text-align: center;
}
.titBox span {
    display: block;
    margin-top: 0.3em;
    font-size: 0.7em;
}
.titBox,
.titBox::after {
    border-radius: 0.65em 0.65em 0 0;
}
.titBox::after {
    position: absolute;
    top: 0.3em;
    left: 0.3em;
    content: "";
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #60c0bd;
    pointer-events: none;
}
@media screen and (max-width: 1100px) {
    .titBox {
        font-size: clamp(1.375rem, 1.125rem + 1vw, 1.875rem);
    }
}

.titDotLine {
    margin-bottom: 1em;
    padding-left: 0.2em;
    padding-bottom: 0.5em;
    font-size: 24px;
    color: var(--point-blue);
    border-bottom: 1px dotted var(--base-color)
}
.titDotLine span {
    font-size: 0.666em;
    color: var(--base-color);
}
@media screen and (max-width: 1100px) {
    .titDotLine {
        font-size: clamp(1.125rem, 0.911rem + 0.86vw, 1.5rem);
    }
}

.listDot,
.listDotGray {
    margin-left: 0.5em;
}
.listDot + .memo {
    margin-left: 0.65em;
}
li .listDotGray,
td .listDotGray {
    margin-left: 0;
}
li .listDotGray {
    margin: 0.5em 0;
}
ol.listNum {
    margin-left: 1.8em;
}

.listDot li,
.listDotGray li {
    list-style: none;
    margin-bottom: 0.2em;
    padding-left: 1em;
	line-height: 1.5;
}
.listDot li + li,
.listDotGray li + li,
.listNum li + li {
    margin-top: 0.5em;
}

.listDot dt {
    margin-bottom: 0.4em;
    font-size: 1.125em;
    color: var(--point-blue);
}
.listDot li::before,
.listDotGray li::before,
.listDot dt::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: -0.8em;
    margin-right: 0.3em;
    border-radius: 5px;
}
.listDot li::before,
.listDot dt::before {
    width: 10px;
    height: 10px;
    background: var(--point-green);
}
.listDotGray li::before {
    width: 5px;
    height: 5px;
    margin-right: 0.5em;
    background: #aaa;
}
.listDot dd {
    margin-bottom: 1.7em;
}

ol.listHalfBrackets {
	list-style: none;
}
ol.listHalfBrackets li {
	counter-increment: cnt;
}
ol.listHalfBrackets li + li {
    margin-top: 0.3em;
}
ol.listHalfBrackets li:before {
    content: counter(cnt) ")";
	display: inline-block;
	width: 1.2em;
    padding-right: 0.5em;
	text-align: right;
}

sup,
sub {
    font-size: 0.75em;
}
sub {
    vertical-align: baseline;
}

/* Youtube レスポンシブ用 */
.movie_wrap {
	position: relative;
	padding-top: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

main p {
	line-height: 1.666;
}
main dt,
main dd,
main th,
main td,
main li {
	line-height: 1.5;
}

.right,
.sign {
    text-align: right;
}
.center {
    text-align: center;
}
.center img {
    max-width: 100%;
}
.memo {
    padding-left: 1em;
    text-indent: -1em;
}

table {
    width: 100%;
}
th, td {
    padding: 1em;
    border: 1px solid #ccc;
    font-weight: 400;
}
th {
    background: #fee7d3;
    text-align: center;
    white-space: nowrap;
}
td {
    background: #fff;
}
@media screen and (max-width: 700px) {
    th, td {
        padding: 0.7em 0.5em;
    }
}

a[href$=".pdf"][target="_blank"],
a[href$=".doc"][target="_blank"],
a[href$=".docx"][target="_blank"],
a[href$=".xls"][target="_blank"],
a[href$=".xlsx"][target="_blank"],
a[href$=".ppt"][target="_blank"],
a[href$=".pptx"][target="_blank"],
a[href$=".zip"][target="_blank"] {
    display: inline-block;
    padding-left: 1.7em;
}
a[href$=".pdf"][target="_blank"]::before,
a[href$=".doc"][target="_blank"]::before,
a[href$=".docx"][target="_blank"]::before,
a[href$=".xls"][target="_blank"]::before,
a[href$=".xlsx"][target="_blank"]::before,
a[href$=".ppt"][target="_blank"]::before,
a[href$=".pptx"][target="_blank"]::before,
a[href$=".zip"][target="_blank"]::before {
	content: "";
	display: inline-block;
    vertical-align: top;
    margin-top: 0.2em;
    margin-left: -1.7em;
    margin-right: 0.6em;
	background: no-repeat 0 0;
	background-size: contain;
	width: 1.2em;
	height: 1.2em;
}
a[href$=".pdf"][target="_blank"]::before { background-image: url("image/file_pdf.svg"); }
a[href$=".doc"][target="_blank"]::before,
a[href$=".docx"][target="_blank"]::before { background-image: url("image/file_word.svg"); }
a[href$=".xls"][target="_blank"]::before,
a[href$=".xlsx"][target="_blank"]::before { background-image: url("image/file_excel.svg"); }
a[href$=".ppt"][target="_blank"]::before,
a[href$=".pptx"][target="_blank"]::before { background-image: url("image/file_ppt.svg"); }
a[href$=".zip"][target="_blank"]::before{ background-image: url("image/file_zip.svg"); }

/* ==============================================
    contactGuide
============================================== */
#contactGuide {
    margin-top: 70px;
    padding: 2.5em 1em;
    border-radius: 1.25em 1.25em 0 0;
    background: #d5dff4;
}
#contactGuide > p:first-of-type {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 20px;
    line-height: 1.4;
}
#contactGuide div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 620px;
    margin: 2em auto 0;
}
#contactGuide p.call,
#contactGuide p.call a {
    color: var(--point-blue);
}
#contactGuide p.call {
    padding: 0.8em 0 0.8em 1.8em;
    font-size: 30px;
    font-weight: 700;
    background: url("image/icn_tel.png") no-repeat left center;
}
#contactGuide p.contactBtn {
    font-size: 22px;
}
#contactGuide p.contactBtn a {
    padding: 0.8em 1.7em 0.8em 88px;
}
@media screen and (max-width: 1100px) {
    #contactGuide {
        margin-top: clamp(1.875rem, 0.446rem + 5.71vw, 4.375rem);
    }
    #contactGuide > p:first-of-type {
        font-size: clamp(1rem, 0.857rem + 0.57vw, 1.25rem);
    }
    #contactGuide div {
        width: clamp(21.25rem, 12.38rem + 38.36vw, 38.75rem);
    }
    #contactGuide p.call,
    #contactGuide p.contactBtn a {
        background-size: clamp(1.5rem, 0.93rem + 2.47vw, 2.625rem) auto;
    }
    #contactGuide p.call {
        font-size: clamp(1.25rem, 0.933rem + 1.37vw, 1.875rem);
    }
    #contactGuide p.contactBtn {
        font-size: clamp(1rem, 0.786rem + 0.86vw, 1.375rem);
    }
    #contactGuide p.contactBtn a {
        padding-left: clamp(2.625rem, 1.421rem + 5.21vw, 5rem);
    }
}
@media screen and (max-width: 800px) {
    #contactGuide p.contactBtn a {
        padding-right: 1em;
        background-position: left 0.7em center;
    }
}
@media screen and (max-width: 600px) {
    #contactGuide p.call {
        padding-left: 1.6em;
    }
}
@media screen and (max-width: 370px) {
    #contactGuide div {
        display: block;
        width: 170px;
        margin-top: 0;
    }
    #contactGuide p.call {
        margin-bottom: 0.7em;
    }
}

/* ==============================================
    footer
============================================== */
footer {
    margin-top: 100px;
    padding-top: 2.2em;
    border-radius: 1.25em 1.25em 0 0;
    background: #fee7d3;
}
@media screen and (max-width: 1100px) {
    footer {
        margin-top: clamp(3.125rem, 1.509rem + 6.9vw, 6.25rem);
    }
}
footer ul {
	list-style: none;
}
footer .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2.5em;
}
footer #footer_logo {
    width: 12em;
    text-align: center;
}
footer #footer_logo img + img {
    margin-top: 2em;
}
footer #footer_logo p + p {
    margin-top: 3em;
}
footer #footer_logo p + p img {
    width: 125px;
}
footer nav {
    display: grid;
    grid-template-columns: repeat(3, auto) 7.5em;
    grid-template-rows: repeat(3, auto);
    grid-gap: 1.5em 0;
    width: calc(100% - 17em);
    max-width: 875px;
}
footer nav dl:nth-of-type(1) {
    grid-row: 1 / 3;
}
footer nav > ul {
    width: 100%;
    text-align: right;
    grid-column: 1 / 5
}
footer nav > ul li {
    display: inline-block;
}
footer nav > ul li + li {
    margin-left: 3.75em;
}
@media screen and (max-width: 1100px) {
    footer {
        font-size: 14px;
    }
    footer #footer_logo {
        text-align: center;
    }
    footer #footer_logo img + img {
        margin-top: 1.5em;
    }
    footer #footer_logo p + p {
        margin-top: 2em;
    }
    footer #footer_logo p + p img {
        width: 7em;
    }
    footer nav {
        width: calc(100% - 15em);
        max-width: 800px;
    }
}
@media screen and (max-width: 900px) {
    footer {
        font-size: 12px;
    }
}
@media screen and (max-width: 800px) {
    footer .inner {
        display: block;
        margin-bottom: 2.5em;
    }
    footer #footer_logo,
    footer nav {
        margin-left: auto;
        margin-right: auto;
    }
    footer #footer_logo {
        width: 16em;
    }
    footer nav {
        width: 100%;
        max-width: 650px;
        margin-top: 3em;
    }
}
@media screen and (max-width: 600px) {
    footer nav {
        grid-template-columns: repeat(2, auto) 7.5em;
        grid-template-rows: repeat(4, auto);
        max-width: 500px;
    }
    footer nav dl:nth-of-type(1) { grid-row: 1 / 2; }
    footer nav dl:nth-of-type(2) { grid-row: 2 / 3; }
    footer nav dl:nth-of-type(3) { grid-row: 1 / 3; }
    footer nav dl:nth-of-type(4) { grid-row: 1 / 3; }
    footer nav > ul { grid-column: 1 / 4 }
}
@media screen and (max-width: 480px) {
    footer nav {
        grid-template-columns: auto 13.5em;
        grid-template-rows: repeat(7, auto);
        grid-gap: 0 1em;
        max-width: 400px;
    }
    footer nav dl {
        margin-bottom: 2em;
    }
    footer nav dl:nth-of-type(1) { grid-row: 1 / 2; }
    footer nav dl:nth-of-type(2) { grid-row: 2 / 4; }
    footer nav dl:nth-of-type(3) { grid-row: 1 / 3; }
    footer nav dl:nth-of-type(4) { grid-row: 3 / 7; }
    footer nav > ul {
        grid-column: 1 / 3;
        margin-top: 1em;
        text-align: left;
    }
    footer nav > ul li {
        display: block;
    }
    footer nav > ul li + li {
        margin-top: 1em;
        margin-left: 0;
    }
}
@media screen and (max-width: 370px) {
    footer nav {
        grid-template-columns: repeat(2, 1fr);
    }
}

footer nav dt a,
footer nav p a,
footer nav > ul li a {
    color: var(--point-blue);
}
footer nav dt,
footer nav p {
    margin-bottom: 1em;
    padding-left: 1em;
    border-left: 2px solid var(--base-color);
}
footer nav dd {
    padding-left: 1em;
}
footer nav dd li {
    margin-bottom: 0.7em;
}

footer nav > ul li a {
    padding-left: 1.25em;
    line-height: 1;
}

#copyright {
    padding: 1em;
    background: var(--point-blue);
	text-align: center;
    color: #fff;
}
@media screen and (max-width: 480px) {
    footer nav dt,
    footer nav p {
        border-left-width: 1px;
    }
}

/* ==============================================
    pagetop
============================================== */
#pagetop {
    position: fixed; /*固定表示*/
    bottom: 5.5em;
    right: 0;
    display: none; /*通常は非表示に*/
    width: 70px;
    height: 70px;
	cursor: pointer;
    text-indent: -1000px;
    background: var(--point-blue);
    text-align: left;
    overflow: hidden;
}
#pagetop::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 18px;
    height: 16px;
    clip-path: polygon(50% 0, 100% 50%, 100% 100%, 50% 50%, 0 100%, 0 50%);
    background: #fff;
}

/* ==============================================
    news
============================================== */
#newsList {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#newsList dt,
#newsList dd {
    line-height: 1.4;
}
#newsList dt {
    padding-left: 1em;
}
#newsList dd {
    margin-top: -1.4em;
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 17em;
    border-bottom: 1px dotted #000;
}
@media screen and (max-width: 660px) {
    #newsList dt,
    #newsList dd {
        padding-left: 0.5em;
    }
    #newsList dd {
        margin-top: 0.5em;
    }
}

.category {
    display: inline-block;
    vertical-align: middle;
    width: 9em;
    margin-left: 2em;
    padding: 0.2em 0;
    border-radius: 1em;
    color: var(--point-blue);
    text-align: center;
    font-size: 0.875em;
}
.category.release {
    background: #c2edec;
}
.category.notice {
    background: #d9e2f5;
}
.category.financial {
    background: #f7ead3;
}

.poster a[href$=".pdf"][target="_blank"]::before {
    content: none;
}

/* ==============================================
    pickup
============================================== */
#pickupList.slider {
    width: 1180px;
    margin: 0 auto;
    text-align: left;
}
#pickupList.slider a {
    display: block;
    margin: 0 15px;
    border: 1px solid #d9d9d9;
    background: #fff;
}
#pickupList.slider a img,
#pickupList.slider a dl {
    display: inline-block;
    vertical-align: top;
}
#pickupList.slider a img {
    width: auto;
    height: 214px;
    border-right: 1px solid #d9d9d9;
}
#pickupList.slider a dl {
    width: 280px;
    margin-top: 30px;
    margin-left: 15px;
}
#pickupList.slider a dt {
    padding: 0.6em 0.3em;
    border-radius: 2em;
    color: #fff;
    background: #f49140;
    text-align: center;
}
#pickupList.slider a dd {
    padding: 1em 1.2em 0;
    font-size: 14px;
}
@media screen and (max-width: 1250px) {
    #pickupList.slider {
        width: 940px;
    }
    #pickupList.slider a img {
        height: 160px;
    }
    #pickupList.slider a dl {
        width: 235px;
        margin-top: 20px;
        margin-left: 10px;
    }
    #pickupList.slider a dt {
        font-size: 14px;
    }
}
@media screen and (max-width: 1000px) {
    #pickupList.slider {
        width: 600px;
    }
    #pickupList.slider a {
        text-align: center;
    }
    #pickupList.slider a img,
    #pickupList.slider a dl {
        display: block;
        margin: 1em auto;
    }
    #pickupList.slider .slick-slide dd {
        text-align: left;
    }
}
@media screen and (max-width: 680px) {
    #pickupList.slider {
        width: 290px;
    }
}


/* ==============================================
    slick style
============================================== */
.slick-dots li button::before {
	font-size: 12px;
	color: #bbb;
	opacity: 1;
	transition: .4s;
}
.slick-dots li.slick-active button::before {
	color: #000;
}
.slick-dots li button:hover::before {
	opacity: 0.8;
}

.slick-prev,
.slick-next,
.slick-prev:before,
.slick-next:before {
    width: 18px;
    height: 18px;
}
.slick-prev,
.slick-next {
	/*margin-top: -9px;*/
	z-index: 10;
}
.slick-prev:before,
.slick-next:before {
	content: "";
	display: inline-block;
    clip-path: polygon(40% 0%, 100% 50%, 40% 100%, 0% 100%, 60% 50%, 0% 0%);
    background: var(--point-orange);
	transition: .4s;
}
.slick-prev:before {
	transform: rotate(180deg);
}
.slick-prev {
    left: -15px;
}
[dir='rtl'] .slick-prev {
    right: -15px;
    left: auto;
}
.slick-next {
    right: -15px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -15px;
}


/* ==============================================
    スクロールアニメーション
============================================== */
.scrollin {}
.fadein {}
.slidein {}

.scrollin {
	opacity : 0;
	visibility: hidden;
	transition: 0.5s;
}
.scrollin.active {
	opacity: 1;
	visibility: visible;
}
.scrollin.fadein { transform: translateY(100px); }
.scrollin.fadein.active { transform: translateY(0); }
.scrollin.slidein { transform: translateX(300px); }
.scrollin.slidein.active { transform: translateX(0); }