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


@media screen and (max-width: 767px) {

    
.l-mainimg .item__txt {
    padding-bottom: 16px;
}

.p-di .l-mainimg .item__txt {
    padding-bottom: 0px;
    margin-bottom: -4px;
}

.l-mainimg h2 {
    font-size: 26px;
}

    
/* p-di */  
    
.p-di .l-wrapper--page section {
	padding-bottom: 60px;
}

.p-di .layout-whiteback {
	padding: 30px 6%;
}

.p-di .layout-whiteback > div:not(:last-child) {
	margin-bottom: 40px;
}
    
    
/* p-di-content01 */

.p-di-content01 {
  justify-content: center;
    flex-direction: column;
    gap:30px;
}

.p-di-content01 .item__img {
    width: 100%;
    text-align: center;
}
    
.p-di-content01 .item__img img {
    max-width: 350px;
}

.p-di-content01 .item__txt {
    width: 100%;
}

/* p-di-content02 */

.p-di-content02 .item__img {
   padding-top: 30px;
}

.p-di-content02 .item__img img {
   width: 100%;
    max-width: 400px;
}

/* p-di-content03 */

.p-di-content03 .item01 {
	width: 90%;
	margin-bottom: 15px;
}

.p-di-content03 .item02 {
	width: 100%;
	height: 130px;
	padding-top: 75px;
	background-size: auto 100%;
}

.p-di-content03 .item03 {
	width: 100%;
	height: auto;
	gap:30px 0px;
	margin-bottom: 40px;
	padding: 30px 20px;
}

.p-di-content03 .item03 ul {
	gap:15px 4%;
}
	
.p-di-content03 .item03 ul li {
	width: 48%;
}
	
.p-di-content03 .item03 ul li img {
	width: 100%;
height: auto;
}

.p-di-content03 h3 {
	padding: 12px;
}

.p-di-content03 h4 {
letter-spacing: 0em;
	padding: 10px 10px;
}

.p-di-content03 h5 {
    font-size: 16px;
	padding: 15px 0px;
	width: 100%;
}


/* p-di-section04 */

.p-di-section04::before {
	background-size: 150% auto;
}

.p-di-section04__inner {
    padding: 50px 0px 60px;
}

.p-di-section04 .item {
    padding-bottom: 0px;
}

.p-di-section04 .item:not(:last-child) {
    margin-bottom: 40px;
}

.p-di-section04 .item:nth-child(even) a {
  display: block;
}
	
.p-di-section04 .item img {
	min-height: 165px;
}

.p-di-section04 .item__img {
	width: 100%;
}

.p-di-section04 .item__detail {
	position: static;
}

.p-di-section04 .item:nth-child(odd) .item__inner {
	display: block;
}

.p-di-section04 .item__caption {
	width: 100%;
	padding: 25px 8%;
}

.p-di-section04 .item__caption::before {
	width: 5px;
}

.p-di-section04 h5 {
letter-spacing: 0.1em;
	margin-bottom: 15px;
}
    
.p-di-section04 p {
letter-spacing: 0em;
    line-height: 1.6;
}

    
/* p-divercity */  
    
.p-divercity .l-wrapper--page section {
	padding-bottom: 60px;
}

.p-divercity .layout-whiteback {
	padding: 30px 8%;
}

.p-divercity .layout-whiteback > div:not(:last-child) {
	margin-bottom: 40px;
}


/* p-divercity-content03 */

.p-divercity-content03 {
  justify-content: center;
    flex-direction: column;
    gap:30px;
}

.p-divercity-content03 .item__img {
    width: 100%;
    text-align: center;
}
    
.p-divercity-content03 .item__img img {
    max-width: 400px;
}

.p-divercity-content03 .item__txt {
    width: 100%;
}

/* p-divercity-content04 */

.p-divercity-content04 {
   padding: 30px 8%;
}

.p-divercity-content04 h6 {
letter-spacing: 0em;
    margin-bottom: 20px;
}
    
    
/* p-wl */

/* p-wl-section01 */

.p-wl-content01 .item__img a::before {
	height: 16px;
    margin-bottom: -35px;
}

.p-wl-content01 .item__img {
    margin-top: 40px;
    text-align: center;
}

/* p-wl-section02 */

.p-wl-content02 {
    padding: 40px 4% 40px;
}

.p-wl-content02:not(:last-child) {
    margin-bottom: 40px;
}
    
.p-career .item-wrap--career01, .p-career .item-wrap--career02 {
  justify-content: center;
    flex-direction: column;
    margin-bottom: 30px;
}
    
.p-career .item-wrap--career01:last-child {
    margin-bottom: 0px;
}

.p-wl-content02 .item {
    padding: 35px 8% 30px;
  justify-content: center;
    flex-direction: column;
gap:30px;
}

.p-wl-content02 .item:not(:last-child) {
    margin-bottom: 30px;
}

.p-career .p-wl-content02 .item {
    gap:30px;
    padding: 35px 8% 30px;
}

.p-career .p-wl-content02 .item-wrap--career01 .item {
    width: 100%;
}

.p-career .p-wl-content02 .item-wrap--career02 .item {
    width: 100%;
}


.p-wl-content02 .item__txt {
    width: 100%;
}

.p-wl-content02 .item__img {
     width: 100%;
    text-align: center;
}
    
.p-wl-content02 .item__img img {
     max-width: 400px;
}

.p-wl-content02 h4 {
    margin-bottom: 30px;
}

.p-wl-content02 h5 {
    margin-bottom: 18px;
}

.p-wl-content02 .c-item__link a {
    width: 100%;
    min-width: auto;
}



    .pc-view {
        display: none;
    }
    .sp-view {
        display: inline-block;
    }
   
}