@charset "utf-8";

/* company under */

/** company-sec-inner **/
.company-sec-inner {
	padding: 100px 5% 60px 5%;
	background-color: #fff;
	Max-width:1040px;
	margin:10px auto 0 auto;
}

/* side-nav
----------------------------------------- */
.company-greeting .side-nav-btn.nav01,
.company-overview .side-nav-btn.nav02,
.company-csr .side-nav-btn.nav03 {
	background-color: #1CB3C4;
}
.company-greeting .side-nav-btn.nav01 .num,
.company-overview .side-nav-btn.nav02 .num,
.company-csr .side-nav-btn.nav03 .num {
	color: #fff;
}
.company-greeting .side-nav-btn.nav01 .nav-name,
.company-overview .side-nav-btn.nav02 .nav-name,
.company-csr .side-nav-btn.nav03 .nav-name {
	color: #fff;
}


/* contents
----------------------------------------- */
/* greeting */
/** greeting-sec **/
.greeting-sec {
	margin-bottom: 70px;
}
.greeting-sec .img-side {
	margin-bottom: 40px;
}
.greeting-sec-img {
	margin-bottom: 15px;
}
.greeting-sec-name {
}
.greeting-sec-illust {
	position: relative;
	height: 100px;
}
.greeting-illust01 {
	position: absolute;
	top: 30px;
	right: 30%;
	width: 29px;
}
.greeting-illust02 {
	position: absolute;
	top: 40px;
	right: 24%;
	width: 29px;
}
.greeting-illust03 {
	position: absolute;
	top: 30px;
	right: 0;
	width: 64px;
}
.greeting-sec .text-side {
}
.greeting-sec .sec-ttl {
	margin-bottom: 35px;
}
.greeting-sec-lead {
}
.greeting-sec-lead p {
	margin-bottom: 25px;
	font-size: 1.5rem;
	line-height: 2.4;
}
.greeting-sec-lead p:last-child {
	margin-bottom: 0;
}
/** career-sec **/
.career-sec {
}
.company-sec-ttl {
	margin-bottom: 30px;
	padding-bottom: 16px;
	border-bottom: 1px solid #333;
}
.company-sec-ttl .eng {
	font-family: termina, sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #999;
	vertical-align: top;
}
.company-sec-ttl .jpn {
	display: block;
	margin-top: 2px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.2;
}
.career-list {
}
.career-list li {
	position: relative;
	padding-bottom: 35px;
}
.career-list li:last-child {
	padding-bottom: 0;
}
.career-list .year {
	display: block;
	width: 5em;
	margin-bottom: 15px;
	padding: 3px 0 1px;
	border: 1px solid #333;
	background-color: #fff;
	font-family: din-2014, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0.01em;
}
.career-list .year::after {
	content: "";
	position: absolute;
	top: 16px;
	left: calc(5em + 30px);
	width: calc(100% - 5em - 30px);
	height: 1px;
	background-color: #333;
}
.career-list .career-text {
	font-size: 1.4rem;
	line-height: 2.0;
}
.career-list .career-text p {
}
.greeting-bottom-img {
}



/* overview */
/** company-profile-sec **/
.company-profile-sec {
	margin-bottom: 95px;
}
.p-index_department__info__item dt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    font-size: 1.8rem;
}
.p-index_department__info__item dt:before {
    background-color: #c91e24;
    border-radius: 9999px;
    content: "";
    display: block;
    height: .4em;
    margin-right: .4em;
    width: .4em;
}
.company-profile-list {
}
.company-profile-list li {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 1.3rem;
}
.company-profile-list li::after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 100%;
	height: 1px;
	margin: auto;
	background-image: linear-gradient(to right, #333, #333 1px, transparent 1px, transparent 3px);
	background-size: 3px 1px;
	background-repeat: repeat-x;
}
.company-profile-list .profile-ttl {
	margin-bottom: 5px;
	font-weight: 700;
}
.company-profile-list .profile-cont {
}
.company-profile-list .profile-cont p {
	margin-bottom: 10px;
}
.company-profile-list .profile-cont p:last-child {
	margin-bottom: 0;
}
/** corporate-history-sec **/
.corporate-history-sec {
	margin-bottom: 95px;
}
.corporate-recruit-sec {
	margin-bottom: 35px;
}

.corporate-history-sec-illust-area {
	position: relative;
	height: 140px;
}
.corporate-history-sec-illust01 {
	width: 32px;
	position: absolute;
	top: 0;
	right: 115px;
}
.corporate-history-sec-illust02 {
	width: 110px;
	position: absolute;
	top: 30px;
	right: 0;
}
.corporate-history-list {
	position: relative;
}
.corporate-history-list::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 10px;
	width: 1px;
	height: calc(100% - 10px);
	background-color: #333;
}
.history-area {
	margin-bottom: 45px;
}
.history-area:last-child {
	margin-bottom: 0;
}
.history-area .text-side {
	margin-bottom: 30px;
}
.history-area .history-ttl {
	position: relative;
	margin-bottom: 15px;
	padding-left: 25px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
}
.history-area .history-ttl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -6px;
	background-color: #333;
	border-radius: 50%;
}
.history-area .date-list {
	padding-left: 25px;
}
.history-area .date-list li {
	margin-bottom: 15px;
}
.history-area .date-list li:last-child {
	margin-bottom: 0;
}
.history-area .date-list .date {
	position: relative;
	font-family: din-2014, sans-serif;
	font-weight: 400;
	font-size: 2.0rem;
}
.history-area .date-list .date::before {
	content: "";
	position: absolute;
	left: -22px;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 50%;
}
.history-area .date-list .date span {
	display: inline-block;
	margin: 0 2px 0 0;
	font-family: YakuHanJP_Noto, 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
}
.history-area .date-list .text {
	font-size: 1.4rem;
}
.history-area .illust-side {
	padding-left: 25px;
}



/* csr */
/** csr-intro-sec **/
.csr-intro-sec {
	margin-bottom: 70px;
}
.csr-intro-inner {
	margin-bottom: 40px;
}
.csr-intro-inner .img-side {
	margin-bottom: 30px;
}
.csr-intro-inner .text-side {
}
.csr-intro-ttl {
	margin-bottom: 20px;
}
.csr-intro-ttl .jpn {
	display: inline-block;
	padding-right: 14px;
	font-size: 2.4rem;
	font-weight: 700;
	vertical-align: middle;
	line-height: 1.8;
}
.csr-intro-ttl .eng {
	display: inline-block;
	padding-top: 3px;
	font-family: termina, sans-serif;
	font-weight: 700;
	font-size: 1.0rem;
	line-height: 1.2;
	letter-spacing: 0.01em;
	vertical-align: middle;
}
.csr-intro-lead {
	margin-bottom: 30px;
	line-height: 2.2;
}
.csr-intro-sign {
	text-align: right;
}
/** csr-sec **/
.csr-sec {
	margin-bottom: 60px;
}
.csr-sec:last-child {
	margin-bottom: 0;
}
.csr-sec-ttl {
	position: relative;
	margin-bottom: 25px;
	padding-left: 42px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.csr-sec-ttl span {
	position: absolute;
	top: 6px;
	left: 0;
	font-family: termina, sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.1;
	letter-spacing: 0.04em;
	color: #1CB3C4;
}
.csr-sec-lead {
	margin-bottom: 30px;
}
.csr-sec-box-wrapper {
}
.csr-sec-box {
	margin-bottom: 25px;
}
.csr-sec-box:last-child {
	margin-bottom: 0;
}
.csr-sec-box-ttl {
	position: relative;
	margin-bottom: 10px;
	padding-left: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
}
.csr-sec-box-ttl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	margin-top: -6px;
	height: calc(100% - 12px);
	background-color: #1CB3C4;
}
.csr-sec-box-lead p {
}
.csr-sec-ul-list {
	margin-top: 15px;
}
.csr-sec-ul-list li {
	position: relative;
	margin-bottom: 3px;
	padding-left: 16px;
}
.csr-sec-ul-list li:last-child {
	margin-bottom: 0;
}
.csr-sec-ul-list li::before {
	content: "";
	position: absolute;
	top: 11px;
	left: 2px;
	width: 4px;
	height: 4px;
	border: 1px solid #333;
	border-radius: 50%;
}

.csr-bottom-sign {
	margin-top: -15px;
	text-align: right;
}	

















































/* tablet 560px - 959px */
@media only screen and (min-width: 560px) {


/* contents
----------------------------------------- */
/* greeting */
/** greeting-sec **/
.greeting-sec {
	margin-bottom: 100px;
}
.greeting-sec .img-side {
	margin-bottom: 40px;
}
.greeting-sec-img {
	width: 50%;
	min-width: 250px;
	margin-bottom: 25px;
}
.greeting-sec-name {
}
.greeting-sec-illust {
	position: relative;
	height: 100px;
	margin-top: -70px;
}
.greeting-illust01 {
	position: absolute;
	top: 30px;
	right: calc(5% + 90px);
	width: 29px;
}
.greeting-illust02 {
	position: absolute;
	top: 40px;
	right: calc(5% + 70px);
	width: 29px;
}
.greeting-illust03 {
	position: absolute;
	top: 30px;
	right: 5%;
	width: 64px;
}
.greeting-sec .text-side {
}
.greeting-sec .sec-ttl {
	margin-bottom: 45px;
}
.greeting-sec-lead {
}
.greeting-sec-lead p {
	margin-bottom: 35px;
	font-size: 1.5rem;
	line-height: 2.4;
}
.greeting-sec-lead p:last-child {
	margin-bottom: 0;
}
/** career-sec **/
.career-sec {
}
.company-sec-ttl {
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #333;
}
.company-sec-ttl .eng {
	font-family: termina, sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #999;
	vertical-align: top;
}
.company-sec-ttl .jpn {
	display: block;
	margin-top: 2px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.2;
}
.career-list {
}
.career-list li {
	position: relative;
	padding-bottom: 35px;
}
.career-list li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50px;
	width: 1px;
	height: 100%;
	background-color: #333;
}
.career-list li:last-child {
	padding-bottom: 0;
}
.career-list .year {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100px;
	margin-bottom: 15px;
	padding: 3px 0 1px;
	border: 1px solid #333;
	background-color: #fff;
	font-family: din-2014, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0.01em;
}
.career-list .year::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 150px;
	width: 40px;
	height: 1px;
	background-color: #333;
}
.career-list .career-text {
	padding-top: 3px;
	padding-left: 240px;
	font-size: 1.4rem;
	line-height: 2.0;
}
.career-list .career-text p {
}
.greeting-bottom-img {
}



/* overview */
/** company-profile-sec **/
.company-profile-sec {
	margin-bottom: 55px;
}
.company-profile-list {
}
.company-profile-list li {
	display: flex;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 1.5rem;
}
.company-profile-list li::after {
	display: none;
}
.company-profile-list .profile-ttl {
	position: relative;
	width: 9em;
	margin-bottom: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
	font-weight: 700;
}
.company-profile-list .profile-ttl::after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 0;
	width: calc(100% - 20px);
	height: 1px;
	margin: auto;
	background-image: linear-gradient(to right, #333, #333 1px, transparent 1px, transparent 3px);
	background-size: 3px 1px;
	background-repeat: repeat-x;
}
.company-profile-list .profile-cont {
	position: relative;
	width: calc(100% - 9em);
	margin-bottom: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.company-profile-list .profile-cont::after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd;
}
.company-profile-list .profile-cont p {
	margin-bottom: 15px;
}
.company-profile-list .profile-cont p:last-child {
	margin-bottom: 0;
}
/** corporate-history-sec **/
.corporate-history-sec {
}
.corporate-history-sec-illust-area {
	position: relative;
	height: 140px;
}
.corporate-history-sec-illust01 {
	width: 32px;
	position: absolute;
	top: 0;
	right: 118px;
}
.corporate-history-sec-illust02 {
	width: 110px;
	position: absolute;
	top: 30px;
	right: 0;
}
.corporate-history-list {
	position: relative;
}
.corporate-history-list::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 10px;
	width: 1px;
	height: calc(100% - 30px);
	background-color: #333;
}
.history-area {
	display: flex;
	margin-bottom: 45px;
}
.history-area:last-child {
	margin-bottom: 0;
}
.history-area .text-side {
	width: 60%;
	padding-right: 20px;
	margin-bottom: 30px;
}
.history-area .history-ttl {
	position: relative;
	margin-bottom: 20px;
	padding-left: 30px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
}
.history-area .history-ttl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -7px;
	background-color: #333;
	border-radius: 50%;
}
.history-area .date-list {
	padding-left: 30px;
}
.history-area .date-list li {
	margin-bottom: 15px;
}
.history-area .date-list li:last-child {
	margin-bottom: 0;
}
.history-area .date-list .date {
	position: relative;
	font-family: din-2014, sans-serif;
	font-weight: 400;
	font-size: 2.0rem;
}
.history-area .date-list .date::before {
	content: "";
	position: absolute;
	left: -27px;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 50%;
}
.history-area .date-list .date span {
	display: inline-block;
	margin: 0 2px 0 0;
	font-family: YakuHanJP_Noto, 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
}
.history-area .date-list .text {
	font-size: 1.4rem;
}
.history-area .illust-side {
	width: 40%;
	padding-left: 25px;
}



/* csr */
/** csr-intro-sec **/
.csr-intro-sec {
	margin-bottom: 70px;
}
.csr-intro-inner {
	display: flex;
	margin-bottom: 40px;
}
.csr-intro-inner .img-side {
	width: 40%;
	margin: 0 10% 0 0;
}
.csr-intro-inner .text-side {
	width: 50%;
}
.csr-intro-ttl {
	margin-bottom: 20px;
}
.csr-intro-ttl .jpn {
	display: inline-block;
	padding-right: 14px;
	font-size: 2.4rem;
	font-weight: 700;
	vertical-align: middle;
	line-height: 1.8;
}
.csr-intro-ttl .eng {
	display: inline-block;
	padding-top: 3px;
	font-family: termina, sans-serif;
	font-weight: 700;
	font-size: 1.0rem;
	line-height: 1.2;
	letter-spacing: 0.01em;
	vertical-align: middle;
}
.csr-intro-lead {
	margin-bottom: 30px;
	line-height: 2.2;
}
.csr-intro-sign {
	text-align: right;
}
/** csr-sec **/
.csr-sec {
	margin-bottom: 60px;
}
.csr-sec:last-child {
	margin-bottom: 0;
}
.csr-sec-ttl {
	position: relative;
	margin-bottom: 25px;
	padding-left: 42px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.csr-sec-ttl span {
	position: absolute;
	top: 6px;
	left: 0;
	font-family: termina, sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.1;
	letter-spacing: 0.04em;
	color: #1CB3C4;
}
.csr-sec-lead {
	margin-bottom: 30px;
}
.csr-sec-box-wrapper {
}
.csr-sec-box {
	margin-bottom: 25px;
}
.csr-sec-box:last-child {
	margin-bottom: 0;
}
.csr-sec-box-ttl {
	position: relative;
	margin-bottom: 10px;
	padding-left: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
}
.csr-sec-box-ttl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	margin-top: -6px;
	height: calc(100% - 12px);
	background-color: #1CB3C4;
}
.csr-sec-box-lead p {
}
.csr-sec-ul-list {
	margin-top: 15px;
}
.csr-sec-ul-list li {
	position: relative;
	margin-bottom: 3px;
	padding-left: 16px;
}
.csr-sec-ul-list li:last-child {
	margin-bottom: 0;
}
.csr-sec-ul-list li::before {
	content: "";
	position: absolute;
	top: 11px;
	left: 2px;
	width: 4px;
	height: 4px;
	border: 1px solid #333;
	border-radius: 50%;
}

.csr-bottom-sign {
	margin-top: -15px;
	text-align: right;
}	


} /* tablet end */
























































/* PC 960px - */
@media only screen and (min-width: 960px) {


/* contents
----------------------------------------- */
/* greeting */
/** greeting-sec **/
.greeting-sec {
	display: flex;
	margin-bottom: 120px;
}
.greeting-sec .img-side {
	width: 35%;
	margin: 0 10% 0 0;
}
.greeting-sec-img {
	width: 100%;
	min-width: 100%;
	margin-bottom: 25px;
}
.greeting-sec-name {
}
.greeting-sec-illust {
	position: relative;
	height: 100px;
	margin-top: 80px;
}
.greeting-illust01 {
	position: absolute;
	top: 30px;
	right: 140px;
	width: 42px;
}
.greeting-illust02 {
	position: absolute;
	top: 50px;
	right: 110px;
	width: 43px;
}
.greeting-illust03 {
	position: absolute;
	top: 30px;
	right: 0;
	width: 94px;
}
.greeting-sec .text-side {
	width: 55%;
}
.greeting-sec .sec-ttl {
	margin-bottom: 50px;
}
.greeting-sec-lead {
}
.greeting-sec-lead p {
	margin-bottom: 35px;
	font-size: 1.5rem;
	line-height: 2.5;
}
.greeting-sec-lead p:last-child {
	margin-bottom: 0;
}
/** career-sec **/
.career-sec {
	margin-bottom: 180px;
}
.company-sec-ttl {
	margin-bottom: 60px;
	padding-bottom: 17px;
	border-bottom: 1px solid #333;
}
.company-sec-ttl .eng {
	padding-left: 3px;
	font-family: termina, sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #999;
	vertical-align: top;
}
.company-sec-ttl .jpn {
	display: block;
	margin-top: 2px;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.2;
}
.career-list {
}
.career-list li {
	position: relative;
	padding-bottom: 40px;
}
.career-list li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50px;
	width: 1px;
	height: 100%;
	background-color: #333;
}
.career-list li:last-child {
	padding-bottom: 0;
}
.career-list .year {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100px;
	margin-bottom: 15px;
	padding: 2px 0 0;
	border: 1px solid #333;
	background-color: #fff;
	font-family: din-2014, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	font-size: 2.1rem;
	letter-spacing: 0.01em;
}
.career-list .year::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 150px;
	width: 40px;
	height: 1px;
	background-color: #333;
}
.career-list .career-text {
	padding-top: 3px;
	padding-left: 240px;
	font-size: 1.5rem;
	line-height: 2.1;
}
.career-list .career-text p {
}
.greeting-bottom-img {
	width: 73.5%;
	margin-left: 26.5%;
}



/* overview */
/** company-profile-sec **/
.company-profile-sec {
	margin-bottom: 95px;
}
.company-profile-list {
}
.company-profile-list li {
	display: flex;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 1.4rem;
}
.company-profile-list li::after {
	display: none;
}
.company-profile-list .profile-ttl {
	position: relative;
	width: 25%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
	font-weight: 700;
}
.company-profile-list .profile-ttl::after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 0;
	width: calc(100% - 20px);
	height: 1px;
	margin: auto;
	background-image: linear-gradient(to right, #333, #333 1px, transparent 1px, transparent 3px);
	background-size: 3px 1px;
	background-repeat: repeat-x;
}
.company-profile-list .profile-cont {
	position: relative;
	width: 65%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
}
.company-profile-list .profile-cont::after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd;
}
.company-profile-list .profile-cont p {
	margin-bottom: 15px;
}
.company-profile-list .profile-cont p:last-child {
	margin-bottom: 0;
}
/** corporate-history-sec **/
.corporate-history-sec {
	margin-bottom: 95px;
}
.corporate-history-sec-illust-area {
	position: relative;
	height: 110px;
}
.corporate-history-sec-illust01 {
	width: 41px;
	position: absolute;
	top: 0;
	right: 160px;
}
.corporate-history-sec-illust02 {
	width: 124px;
	position: absolute;
	top: 30px;
	right: 20px;
}
.corporate-history-list {
	position: relative;
}
.corporate-history-list::before {
	content: "";
	position: absolute;
	left: 7px;
	top: 10px;
	width: 1px;
	height: calc(100% - 30px);
	background-color: #333;
}
.history-area {
	display: flex;
	margin-bottom: 45px;
}
.history-area:last-child {
	margin-bottom: 0;
}
.history-area .text-side {
	width: 65%;
	padding-right: 50px;
	margin-bottom: 30px;
}
.history-area .history-ttl {
	position: relative;
	margin-bottom: 20px;
	padding-left: 30px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.6;
}
.history-area .history-ttl::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 50%;
	width: 21px;
	height: 21px;
	margin-top: -10px;
	background-color: #333;
	border-radius: 50%;
}
.history-area .date-list {
	padding-left: 30px;
}
.history-area .date-list li {
	margin-bottom: 15px;
}
.history-area .date-list li:last-child {
	margin-bottom: 0;
}
.history-area .date-list .date {
	position: relative;
	font-family: din-2014, sans-serif;
	font-weight: 400;
	font-size: 2.2rem;
}
.history-area .date-list .date::before {
	content: "";
	position: absolute;
	left: -29px;
	top: 50%;
	width: 9px;
	height: 9px;
	margin-top: -7px;
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 50%;
}
.history-area .date-list .date span {
	display: inline-block;
	margin: 0 2px 0 0;
	font-family: YakuHanJP_Noto, 'Noto Sans JP', sans-serif;
	font-size: 1.7rem;
}
.history-area .date-list .text {
	font-size: 1.5rem;
}
.history-area .illust-side {
	width: 35%;
	padding-left: 25px;
}



/* csr */
/** csr-intro-sec **/
.csr-intro-sec {
	margin-bottom: 110px;
}
.csr-intro-inner {
	display: flex;
	margin-bottom: 55px;
}
.csr-intro-inner .img-side {
	width: 45%;
	margin: 0 12% 0 0;
}
.csr-intro-inner .text-side {
	width: 43%;
	padding-top: 30px;
}
.csr-intro-ttl {
	margin-bottom: 25px;
}
.csr-intro-ttl .jpn {
	display: inline-block;
	padding-right: 22px;
	font-size: 3.4rem;
	font-weight: 700;
	vertical-align: middle;
	line-height: 1.8;
}
.csr-intro-ttl .eng {
	display: inline-block;
	padding-top: 3px;
	font-family: termina, sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2;
	letter-spacing: 0.01em;
	vertical-align: middle;
}
.csr-intro-lead {
	margin-bottom: 40px;
	line-height: 2.3;
	font-size: 1.5rem;
}
.csr-intro-sign {
	text-align: right;
	line-height: 2.0;
	font-size: 1.5rem;
}
/** csr-sec **/
.csr-sec {
	margin-bottom: 90px;
}
.csr-sec:last-child {
	margin-bottom: 0;
}
.csr-sec-ttl {
	position: relative;
	margin-bottom: 45px;
	padding-left: 60px;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.csr-sec-ttl span {
	position: absolute;
	top: 8px;
	left: 0;
	font-family: termina, sans-serif;
	font-weight: 500;
	font-size: 2.2rem;
	line-height: 1.1;
	letter-spacing: 0.04em;
	color: #1CB3C4;
}
.csr-sec-lead {
	margin-bottom: 45px;
	font-size: 1.5rem;
	line-height: 2.2;
}
.csr-sec-box-wrapper {
}
.csr-sec-box {
	margin-bottom: 35px;
}
.csr-sec-box:last-child {
	margin-bottom: 0;
}
.csr-sec-box-ttl {
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.6;
}
.csr-sec-box-ttl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	margin-top: -7px;
	height: calc(100% - 16px);
	background-color: #1CB3C4;
}
.csr-sec-box-lead p {
	font-size: 1.5rem;
	line-height: 2.2;
}
.csr-sec-ul-list {
	margin-top: 15px;
}
.csr-sec-ul-list li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 16px;
	font-size: 1.5rem;
}
.csr-sec-ul-list li:last-child {
	margin-bottom: 0;
}
.csr-sec-ul-list li::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 2px;
	width: 4px;
	height: 4px;
	border: 1px solid #333;
	border-radius: 50%;
}

.csr-bottom-sign {
	margin-top: -15px;
	text-align: right;
}	


} /* PC end */





















































/* PC:1201px - */
@media only screen and (min-width: 1201px) {


} /* PC end */






/* PC:1601px - */
@media only screen and (min-width: 1601px) {



} /* PC end */