/* Unchanged */
@charset "UTF-8";
/****************************************************************************
　sp_index.css
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2019.10.10
   Last up date   : 2019.10.10
****************************************************************************/

@media screen and (max-width:768px) {
	.pcLayer {
		display: none;
	}

	.spLayer {
		display: block;
	}

	/*--------------------------------------------------------
　slider
--------------------------------------------------------*/
	#slide {
		position: relative;
		padding-top: 0px;
	}

	ul.bxslider {
		width: 100%;
		position: relative;
		z-index: -1;
	}


	ul.bxslider li {
		width: 100%;
		height: 280px;
		position: absolute;
		top: 0;
		left: 0;
	}

	ul.bxslider li img {
		width: 100%;
	}

	ul.bxslider li.slide1 {
		background: url(../img/slide/slide01sp.jpg) no-repeat;
		background-size: cover;
		background-position: center bottom;
	}

	ul.bxslider li.slide2 {
		background: url(../img/slide/slide02sp.jpg) no-repeat;
		background-size: cover;
		background-position: center bottom;
	}

	ul.bxslider li p {
		width: 90%;
		max-width: 90%;
		margin: 125px auto;
	}

	ul.bxslider li p.right {
		text-align: right;
	}

	ul.bxslider li p.white {
		color: #FFF;
	}

	ul.bxslider li.slide1 p img {
		width: 28%;
	}

	ul.bxslider li.slide2 p img {
		width: 35%;
	}



	/*--------------------------------------------------------
@firstBlock
--------------------------------------------------------*/
	.firstBlock {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 0 50px 0;
	}

	.firstBlock ul {
		width: 100%;
		overflow: hidden;
	}

	.firstBlock ul li.block1,
	.firstBlock ul li.block2,
	.firstBlock ul li.block3,
	.firstBlock ul li.block4,
	.firstBlock ul li.block5 {
		border: 1px solid #CCC;
		overflow: hidden;
		margin-top: 25px;
	}

	.firstBlock ul li.block1 {
		width: 96%;
		float: none;
	}

	.firstBlock ul li.block2 {
		width: 96%;
		float: none;
	}

	.firstBlock ul li.block1 li.photo,
	.firstBlock ul li.block2 li.photo {
		width: 100%;
		padding: 0 0px 0 0;
		float: none;
		text-align: center;
	}

	.firstBlock ul li.block1 li.photo img,
	.firstBlock ul li.block2 li.photo img {
		width: 70%;
		text-align: center;
		margin: 20px auto;
	}

	.firstBlock ul li.block1 li.title,
	.firstBlock ul li.block2 li.title {
		width: 90%;
		color: #0071bc;
		padding: 20px 0 0 0;
		float: none;
		font-weight: bold;
		font-size: 36px;
		line-height: 36px;
		margin: 0 auto;
	}

	.firstBlock ul li.block1 li.catch,
	.firstBlock ul li.block2 li.catch {
		width: 90%;
		color: #0071bc;
		float: none;
		font-weight: normal;
		font-size: 16px;
		margin: 0 auto;
	}

	.firstBlock ul li.block1 li.text,
	.firstBlock ul li.block2 li.text {
		width: 90%;
		float: none;
		font-weight: normal;
		font-size: 14px;
		margin: 0 auto;
	}

	.firstBlock ul li.block1 li.btn,
	.firstBlock ul li.block2 li.btn {
		width: 90%;
		float: none;
		font-weight: normal;
		font-size: 14px;
		margin: 0 auto 20px auto;
	}


	.firstBlock ul li.block3 {
		width: 96%;
		float: none;
		margin: 15px 0 0 0;
		padding-bottom: 20px;
	}

	.firstBlock ul li.block4 {
		width: 96%;
		float: none;
		margin: 15px 0 0 0;
		padding-bottom: 20px;
	}

	.firstBlock ul li.block5 {
		width: 96%;
		float: none;
		margin: 15px 0px 0 0;
		padding-bottom: 20px;
	}

	.firstBlock ul li.block3 li.photo,
	.firstBlock ul li.block4 li.photo,
	.firstBlock ul li.block5 li.photo {
		width: 96%;
		margin: 5px auto 0 auto;
	}

	.firstBlock ul li.block3 li.title,
	.firstBlock ul li.block4 li.title,
	.firstBlock ul li.block5 li.title {
		width: 96%;
		margin: 0 auto;
		color: #0071bc;
		padding: 20px 0 0 0;
		font-weight: bold;
		font-size: 24px;
		line-height: 24px;
	}

	.firstBlock ul li.block3 li.text,
	.firstBlock ul li.block4 li.text,
	.firstBlock ul li.block5 li.text {
		width: 96%;
		margin: 0 auto;
		padding: 10px 0 0 0;
		font-weight: normal;
		font-size: 14px;
	}

	.firstBlock ul li.block3 li.photo img,
	.firstBlock ul li.block4 li.photo img,
	.firstBlock ul li.block5 li.photo img {
		width: 100%;
	}


	.firstBlock ul li.block1 li.btn a,
	.firstBlock ul li.block2 li.btn a,
	.firstBlock ul li.block3 li.btn a,
	.firstBlock ul li.block4 li.btn a,
	.firstBlock ul li.block5 li.btn a {
		width: 200px;
		display: block;
		margin: 15px auto 0 auto;
		font-weight: bold;
		text-align: center;
		color: #FFF;
		padding: 8px 0 8px 0;
		background: #4d4d4d;
		font-size: 14px;
		line-height: 14px;
		text-decoration: none;
	}

	.firstBlock ul li a:hover {
		opacity: 0.7;
		text-decoration: none;
	}

	.firstBlock ul li a:link {
		text-decoration: none;
	}

	.firstBlock ul li a:visited {
		text-decoration: none;
	}


	#contents ul.jNavi {
		width: 240px;
		min-width:unset;
		padding: 0px 0 50px 0px;
		display: block;
		overflow: hidden;
	}
	#contents ul.jNavi.jyosei_old{
		width: 280px;
		min-width: unset;
	}
	#contents ul.jNavi li {
		width: 100%;
		float: none;
		margin: 20px auto 0 auto;
		text-align: center;
	}
	#contents ul.jNavi.jyosei_old{
		margin-top: 30px;
	}
	#contents ul.jNavi.jyosei_old>li{
		margin-top: 20px;
	}

	#contents ul.jNavi li a {
		border: 1px solid #0071bc;
		padding: 10px 0 10px 0;
		cursor: pointer;
		font-weight: normal;
		font-size: 18px;
		display: block;
		position: relative;
	}



	#contents ul.jNavi li a:after {
		font-size: 18px;
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 21%;
		right: 10px;
	}
	#contents ul.jNavi .nest_nav .accordion_2 li a{
		font-size: 16px;
	}
	#contents ul.jNavi li:nth-child(4) a {
		border: 1px solid #0071bc;
		padding: 10px 0 10px 0;
		cursor: pointer;
		font-weight: normal;
		font-size: 18px;
		display: block;
		position: relative;
	}

	#contents ul.jNavi li:last-child {
		margin-right: auto;
	}

	/*--------------------------------------------------------
@news
--------------------------------------------------------*/
	#contents section.news {
		display: block;
		width: 90%;
		max-width: 90%;
		margin: 30px auto 0 auto;
	}

	#contents section.news p.titleimg {
		width: 60%;
		margin: 10px auto 0 auto;
	}

	#contents section.news p.titleimg img {
		width: 100%;
	}

	#contents section.news hr {
		width: 90%;
		border-top: none;
		border-right: none;
		border-left: none;
		border-bottom: 2px dotted #CCC;
		margin: 0 auto 0 auto;
	}

	#contents section.news_archive hr {
		width: 100%;
		border-top: none;
		border-right: none;
		border-left: none;
		border-bottom: 2px dotted #CCC;
		margin: 0 auto 0 auto;
	}

	#contents section.news img {
		width: 70%;
		display: block;
		margin: 0 auto 0 auto;
	}

	#contents section.news ul {
		width: 90%;
		overflow: hidden;
		margin: 0 auto 0 auto;
		border-bottom: 2px dotted #CCC;
		padding: 10px 0 10px 0;
	}

	#contents section.news_archive ul {
		width: 100%;
		overflow: hidden;
		margin: 0 auto 0 auto;
		border-bottom: 2px dotted #CCC;
		padding: 10px 0 10px 0;
	}

	#contents section.news ul li.days {
		float: none;
		width: 100%;
	}

	#contents section.news ul li.text {
		float: none;
	}

	.more_block a {
		width: 200px;
		display: block;
		margin: 35px auto 40px auto;
		font-weight: bold;
		text-align: center;
		color: #FFF;
		padding: 8px 0 8px 0;
		background: #4d4d4d;
		font-size: 14px;
		line-height: 14px;
		text-decoration: none;
	}
}

/**** END media screen *****/