@charset "UTF-8";


/*----------------------

*04

----------------------*/
.p04--02 { padding: 80px 0 10px; }
.p04--01 .row {
    max-width: 840px;
    height: 100%;
    min-height: 360px;
    margin: 0 auto;
    background: url(../../profile/images/bg-04-01-01.png) right bottom no-repeat;
    background-size: 520px 360px;
}
.p04--01 .ttlD {
	padding-top: 50px;
	margin-bottom: 15px;
}
.p04--01 p {
	margin-bottom: 25px;
    font-size: 20px;
    line-height: 1.8;
}
.p04--01 .btns li .btnC {
	height: 60px;
	border-radius: 30px;
}
.p04--02 .ttlB { margin: 25px 0 10px; }
.p04--02 .ttlB.small { font-size: 17px; }
.p04--02 .itemLinks li { margin-bottom: 10px; }
.p04--02 .itemLinks li a { padding-left: 28px; }


.p04--03 .itemPicLinks.typeA { margin: 0 -20px; }
.p04--03 .itemPicLinks.typeA > li {
    width: 25%;
    padding: 0 20px 60px;
}




/*----------------------

*04_1_1

----------------------*/
.p04_1_1--00.time {
	opacity: 0;
	animation: example 1s ease 1s 1 forwards;
}
@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}
.disnon { display: none; }
.p04_1_1--01 { padding-bottom: 20px; }
.p04_1_1--01 p,
.p04_1_1--01 .items { margin-bottom: 40px; }


/*----------------------

*04_1_2

----------------------*/
.p04_1_2--01 { padding-bottom: 40px; }
.p04_1_2--01 .map { padding-bottom: 40px; }


/*----------------------

*04_1_3_1

----------------------*/
.p04_1_3--01 { padding-bottom: 40px; }
.p04_1_3--01:last-child { padding-bottom: 80px; }
.p04_1_3--01 .ttlA { margin-bottom: 30px; }
.p04_1_3--01 .tableBox.typeC { margin-bottom: 40px; }
.p04_1_3--01 .tableBox.typeC p { margin: 10px 0 0; }


/*----------------------

*04_2

----------------------*/
.p04_2--02 { padding-bottom: 125px; }
.p04_2--01 .colR { width: 25.92%; }
.p04_2--01 .colL { width: 74.08%; }
.p04_2--01 .ttlB,
.p04_2--02 .ttlB { margin-bottom: 10px; }
.p04_2--01 .lead {
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
}
.p04_2--01 p,
.p04_2--02 p { margin-bottom: 50px; }
.p04_2--02 .colL { width: 18.52%; }
.p04_2--02 .colR { width: 81.48%; }



/*----------------------

*04_3

----------------------*/
.p04_3--01 { padding-bottom: 30px; }
.p04_3--01 p { margin-bottom: 50px; }


/*----------------------

*04_3_1

----------------------*/
.p04_3_1--01 { padding-bottom: 20px; }

.p04_3_1--01 .row { padding-bottom: 50px; }


/*----------------------

*04_3_2

----------------------*/
.p04_3_2--01 { padding-bottom: 25px; }
.p04_3_2--01 .itemPicLinks.typeA > li { padding: 0 30px 40px; }


/*----------------------

*04_3_3

----------------------*/
.p04_3_3--01 { padding-bottom: 30px; }
.p04_3_3--01 .colL { width: 27.77%; }
.p04_3_3--01 .colR { width: 72.23%; }
.p04_3_3--01 .items { margin-bottom: 40px; }


/*----------------------

*04_4

----------------------*/
.p04_4--01 { padding: 20px 0 20px; }
.p04_4--01 .itemPicLinks { margin: 0 60px; }
.p04_4--01 .itemPicLinks.typeA > li {
	padding: 0 80px 60px;
    width: 50%;
}


/*----------------------

*04_4_1

----------------------*/
.p04_4_1--01 { padding-bottom: 50px; }
.p04_4_1--01 .row { padding-bottom: 25px; }
.p04_4_1--01 .ttlB.dotLine { padding-top: 5px; }
.p04_4_1--01 .col2of3 p { margin-bottom: 30px; }


/*----------------------

*04_4_2

----------------------*/
.p04_4_2--02 { padding-bottom: 20px; }
.p04_4_2--01 .row { padding-bottom: 25px; }
.p04_4_2--01 .enclose,
.p04_4_2--02 .enclose {
	margin-bottom: 60px;
	padding-bottom: 0;
}
.p04_4_2--01 .enclose .colR { width: 24%; }
.p04_4_2--01 .enclose .colL { width: 76%; }
.p04_4_2--01 .ttlB.dotLine + .enclose,
.p04_4_2--02 .ttlB.dotLine + .enclose { margin-top: 20px; }
.p04_4_2--02 .enclose .row { padding-bottom: 10px; }
.p04_4_2--02 .enclose .w700 { max-width: 700px; }
.p04_4_2--02 .enclose p { margin-bottom: 55px; }
.p04_4_2--02 .enclose .colL { width: 48%; }
.p04_4_2--02 .enclose .colR { width: 52%; }
.p04_4_2--02 .colR .col2of4 {
	box-sizing: border-box;
	padding-left: 20px;
}
.p04_4_2--02 .row { padding-bottom: 25px; }
.p04_4_2--02 .colL { width: 51.85%; }
.p04_4_2--02 .colR { width: 48.14%; }


/*----------------------

*04_4_3

----------------------*/
.p04_4_3--01,
.p04_4_4--01 { padding-bottom: 50px; }
.p04_4_3--01 .colL,
.p04_4_4--01 .colL { width: 51.85%; }
.p04_4_3--01 .colR,
.p04_4_4--01 .colR { width: 48.14%; }
.p04_4_3--01 .colR .col2of4,
.p04_4_4--01 .colR .col2of4 {
	box-sizing: border-box;
	padding-left: 20px;
}
.p04_4_3--01 .row,
.p04_4_4--01 .row { padding-bottom: 15px; }


/*----------------------

*04_4_4

----------------------*/
.p04_4_4--02 { padding-bottom: 120px; }
.p04_4_4--02 .enclose .ttlC { margin-bottom: 10px; }
.p04_4_4--02 .enclose .time strong {
	padding-right: 0.5em;
	font-size: 30px;
}
.p04_4_4--02 .enclose + p { margin: 30px 0; }
.p04_4_4--02 .tableBox { margin-bottom: 60px; }


/*----------------------

*04_5_1

----------------------*/
.p04_5_1--01 { padding-bottom: 30px; }
.p04_5_1--02 { padding-bottom: 40px; }
.p04_5_1--01 .ttlA { margin-bottom: 35px; }
.p04_5_1--01 p { margin-bottom: 30px; }
.p04_5_1--01 .ttlE,
.p04_5_1--02 .ttlE { margin-bottom: 5px; }
.p04_5_1--02 .ttlK + .ttlE { margin-bottom: 30px; }
.p04_5_1--02 p { margin: 0 0 35px 1.3em; }


/*----------------------

*04_5_2

----------------------*/
.p04_5_2--01 { padding-bottom: 80px; }
.p04_5_2--01 .row .col2of4 { box-sizing: border-box; }
.p04_5_2--01 .row .col2of4:first-child { padding-right: 20px; }
.p04_5_2--01 .row .col2of4:last-child { padding-left: 20px; }


/*----------------------

*04_5_3

----------------------*/
.p04_5_3--01 { padding-bottom: 80px; }
.p04_5_3--01 figure { max-width: 890px; }





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


/*----------------------

*04

----------------------*/
.p04--02 { padding: 40px 0 10px; }
.p04--01 .row {
	min-height: 400px;
	margin-top: 0;
	background-size: contain;
}
.p04--01 .ttlD { padding-top: 0; }
.p04--01 p {
    font-size: 16px;
}
.p04--01 .btns li .btnC {
	min-width: 140px;
	height: 40px;
	border-radius: 20px;
}
.p04--02 .ttlB { margin: 15px 0 10px; }
.p04--02 .itemLinks li { margin-bottom: 0; }
.p04--02 .itemLinks li a { padding-left: 20px; }

.p04--03 .itemPicLinks.typeA { margin: 0 -5px; }
.p04--03 .itemPicLinks.typeA > li {
    width: 50%;
    padding: 0 5px 30px;
}


/*----------------------

*04_1_1

----------------------*/
.p04_1_1--01 { padding-bottom: 20px; }


/*----------------------

*04_1_2

----------------------*/
.p04_1_2--01 { padding-bottom: 0; }
.p04_1_2--01 .map { padding-bottom: 10px; }


/*----------------------

*04_1_3_1

----------------------*/
.p04_1_3--01 { padding-bottom: 0; }
.p04_1_3--01:last-child { padding-bottom: 20px; }
.p04_1_3--01 .tableBox.typeC p { margin: 10px 0 0; }
.p04_1_3--01 .tableBox.typeC.spTypeA th { padding: 14px 20px 7px; }
.p04_1_3--01 .tableBox.typeC.spTypeA td { padding: 0 20px 14px; }



/*----------------------

*04_2

----------------------*/
.p04_2--02 { padding-bottom: 20px; }
.p04_2--01 .colR,
.p04_2--01 .colL { width: 100%; }
.p04_2--01 .lead {
	margin: 0 0 30px;
	font-size: 20px;
}
.p04_2--01 figure,
.p04_2--02 figure {
	margin: 0 0 30px;
	text-align: center;
}
.p04_2--01 figure img,
.p04_2--02 figure img {
	max-width: 280px;
}
.p04_2--02 .colL,
.p04_2--02 .colR { width: 100%; }



/*----------------------

*04_3

----------------------*/
.p04_3--01 { padding-bottom: 20px; }
.p04_3--01 p { margin-bottom: 40px; }


/*----------------------

*04_3_1

----------------------*/
.p04_3_1--01 .row { padding-bottom: 30px; }


/*----------------------

*04_3_2

----------------------*/
.p04_3_2--01 .itemPicLinks.typeA > li { padding: 0 5px 15px; }


/*----------------------

*04_3_3

----------------------*/
.p04_3_3--01 { padding-bottom: 20px; }
.p04_3_3--01 .colL,
.p04_3_3--01 .colR { width: 100%; }
.p04_3_3--01 .colL figure { text-align: center; }
.p04_3_3--01 .colL figure img {
	max-width: 200px;
	margin-bottom: 20px;
}


/*----------------------

*04_4

----------------------*/
.p04_4--01 { padding: 0 0 20px; }
.p04_4--01 .itemPicLinks { margin: 0; }
.p04_4--01 .itemPicLinks.typeA > li { padding: 0 5px 30px; }


/*----------------------

*04_4_1

----------------------*/
.p04_4_1--01 { padding-bottom: 20px; }
.p04_4_1--01 .row { padding-bottom: 10px; }


/*----------------------

*04_4_2

----------------------*/
.p04_4_2--02 { padding-bottom: 0; }
.p04_4_2--01 .enclose,
.p04_4_2--02 .enclose { margin-bottom: 40px; }
.p04_4_2--01 .enclose .colR,
.p04_4_2--01 .enclose .colL,
.p04_4_2--02 .enclose .colR,
.p04_4_2--02 .enclose .colL,
.p04_4_2--02 .colR,
.p04_4_2--02 .colL { width: 100%; }
.p04_4_2--02 .enclose p { margin-bottom: 30px; }
.p04_4_2--02 .colR { margin: 0 -5px; }
.p04_4_2--02 .colR .col2of4 {
	float: left;
	width: 50%;
	padding: 0 5px;
}


/*----------------------

*04_4_3

----------------------*/
.p04_4_3--01,
.p04_4_4--01 { padding-bottom: 20px; }
.p04_4_3--01 .colL,
.p04_4_3--01 .colR,
.p04_4_4--01 .colL,
.p04_4_4--01 .colR {
	width: 100%;
	margin: 0 -5px;
}
.p04_4_3--01 .colR .col2of4,
.p04_4_4--01 .colR .col2of4 {
	float: left;
	width: 50%;
	padding: 0 5px;
}


/*----------------------

*04_4_4

----------------------*/
.p04_4_4--02 { padding-bottom: 40px; }
.p04_4_4--02 .enclose .ttlC { margin-bottom: 10px; }
.p04_4_4--02 .enclose .time {
    margin-bottom: 15px !important;
}
.p04_4_4--02 .enclose .time strong {
    font-size: 24px;
    padding-right: 0;
}
.p04_4_4--02 .enclose + p { margin: 15px 0; }
.p04_4_4--02 .tableBox { margin-bottom: 40px; }
.p04_4_4--02 .tableBox.typeC td:nth-child(1) { padding: 14px 20px 7px; }
.p04_4_4--02 .tableBox.typeC td:nth-child(2) {
	padding: 0 20px;
	font-size: 16px;
	font-weight: bold;
}
.p04_4_4--02 .tableBox.typeC td:nth-child(3) { padding: 0 20px 14px; }
.p04_4_4--02 table td:nth-child(3) {
    font-size: 18px;
    text-align: right;
    white-space: nowrap;
}
.p04_4_4--02 .btns { justify-content: center; }
.p04_4_4--02 .btns li { margin: 0 10px 20px; }


/*----------------------

*04_5_1

----------------------*/
.p04_5_1--01,
.p04_5_1--02 { padding-bottom: 20px; }
.p04_5_1--01 .ttlA { margin-bottom: 20px; }
.p04_5_1--02 .ttlK + .ttlE { margin-bottom: 20px; }
.p04_5_1--02 p { margin: 0 0 20px 1.3em; }


/*----------------------

*04_5_2

----------------------*/
.p04_5_2--01 { padding-bottom: 40px; }
.p04_5_2--01 .row .col2of4:first-child,
.p04_5_2--01 .row .col2of4:last-child { padding-left: 0; }


/*----------------------

*04_5_3

----------------------*/
.p04_5_3--01 { padding-bottom: 40px; }





}/*--spEND*/