@charset "utf-8";

/* mainInfo ---------------------------------------------- */

/*.infoMain {
    width: calc(100% - 275px);
    float: left;
}*/
.infoSide {
    /*width: 260px;
    float: right;*/
	margin-bottom: 50px;
}
.infoSide li {
    margin-bottom: 10px;
}
.infoSide a::after {
    display: none!important;
}
.infoSide img {
    width: 100%;
    vertical-align: bottom;
}
@media only screen and (max-width:768px) {
    /*.infoMain, .infoSide {
        width: 100%;
        float: none;
    }*/
    .infoSide ul {
        margin-bottom: 30px;
    }
    .infoSide img {
       	width: 100%;
        height: auto;
    }
    .infoSide li {
        text-align: center;
    }
}

/* mainimage --------------------------------------------- */

.mainimage img { width: 100%; }

.mainimage .slide {
	display: block;
	width: auto;
	/*height: 540px;*/
	height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: auto 540px;*/
	background-size: cover;
}
.slick-slide img { /* 画像下の隙間削除 */
	/*width: auto;
	height: 540px;
	height: 400px;
	margin-left: 15%;
	vertical-align: bottom;
	display: inline!important;*/
	display: none!important;
}
.mainimage .slide1 { background-image: url(https://dummyimage.com/1600x500/ccc/fff); }
/*.mainimage .slide2 { background-image: url(https://dummyimage.com/2880x1080/b5e4ff/fff); }*/
/*.mainimage .slide3 { background-image: url(https://dummyimage.com/2880x1080/cae8a9/fff); }*/

.mainimage2 {
	background: url("../images/contents/index/mainimage.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	min-height: 600px;
	height: 600px;
	display: flex;
	align-items: center;
}
.mainimage2 div.mainText {
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	padding: 30px 0;
    text-align: center;
    color: #fff;
}
.mainText h2 {
    font-size: 3.2rem;
	font-weight: bold;
}
.mainText span {
    font-size: 2.2rem;
    font-weight: normal;
}
@media only screen and (max-width:768px) {
	.mainimage {
		margin-bottom: 10px;
	}
	.mainimage .slide {
		width: 100%;
		height: auto;
	}
	.mainimage .slide img {
		width: 100%;
		height: auto;
		display: block!important;
	}
	.mainimage2 {
		min-height: 250px;
        height: 450px;
	}
	.mainimage2 div.mainText {
		font-size: 2.2rem;
		padding: 30px 15px;
	}
    .mainText h2 {
        font-size: 2.8rem;
    }
    .mainText span {
        font-size: 2.0rem;
    }
}

/* main_pattern1 */

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

/* main_pattern2 */

.main_pattern2 {
	position: relative;
}
.main_pattern2 .topStage {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	padding: 50px;
    /*position: absolute;*/
	display: flex;
	align-items: center;
}
.main_pattern2 .topStage div {
	margin: 0 auto;
	text-align: center;
}
.main_pattern2 .topStage {
}
.main_pattern2 .topStage h2 {
	font-family: Shin Go Medium, '新ゴ M';
	font-size: 3.0rem;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
.main_pattern2 .topStage p {
	font-family: Shin Go Regular, '新ゴ R';
}
.main_pattern2 .topStage a {
}
.main_pattern2 .topStage a:hover {
}
@media only screen and (max-width:768px) {
	.main_pattern2 .topStage {
		padding: 10px;
		position: unset;
		display: block;
	}
	.main_pattern2 .topStage div {
	}
	.main_pattern2 .topStage h2 {
		margin-bottom: 5px;
		font-size: 2.2rem;
	}
	.main_pattern2 .topStage p {
		font-size: 1.2rem;
	}
	.main_pattern2 .topStage a {
		padding: 20px;
		font-size: 1.2rem;
        display: inline-block;
	}
	.main_pattern2 .topStage a:hover {
	}
}

/* main_pattern3 */

.main_pattern3 .mainimage {
	position: relative;
}
.main_pattern3 .topStage {
    position: relative;
}
.main_pattern3 .slideBox div {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	padding: 50px;
    position: absolute;
}
.main_pattern3 .slideBox div {
}
.main_pattern3 .slideBox div div {
	margin: 0 auto;
	text-align: center;
	
}
.main_pattern3 .topStage p {
}
.main_pattern3 .topStage a {
}
.main_pattern3 .topStage a:hover {
}
@media only screen and (max-width:768px) {
}

/* login form -------------------------------------------- */

#swpm-login-form {
    width: 300px;
    margin: 0 auto;
    padding-bottom: 30px;
}
#swpm-pw-reset-form {
    width: 300px;
}
.swpm-login-widget-form input[type=text],
.swpm-login-widget-form input[type=password],
#swpm-pw-reset-form input[type=text] {
    width: 100%;
}
.swpm-forgot-pass-link {
    text-align: right;
}
.swpm-login-form-register-link {
    display: none;
}
.swpm-partial-protection-text {
    display: none;
}
.swpm-forgot-pass-link {
    text-align: left!important;
}
.swpm-edit-profile-form table {
    width: 100%;
}

/* index ------------------------------------------------- */

.front #container {
	margin-top: 50px;
}
@media only screen and (max-width:768px) {
    .front #container {
        margin-top: 0px;
    }
}
/*.front #container h2 {
	border-bottom: 1px solid #ddd;
	font-family: Maru Folk Medium, '丸フォーク M';
	margin-bottom: 25px;
	padding: 0 0 10px 0;
	font-size: 2.6rem;
	font-weight: bold;
	position: relative;
}
.front h2 a {
	background: #fff;
	border-radius: 5px;
	padding: 4px 10px 3px 10px;
	font-size: 1.2rem;
	text-decoration: none;
	color: #000;
	position: relative;
	float: right;
	top: 3px;
}
.front h2 a:hover {
	background: #ccc;
}*/

/* post */

.postList ul {
	margin-bottom: 50px;
}
.postList ul li {
    margin-bottom: 50px;
}
.postList ul li .scBody {
	border-radius: 10px;
	margin-bottom: 0px;
	padding: 30px 30px 5px 30px;
	color: #000;
}
.scBlock {
    position: relative;
    overflow: hidden;
}
/*.scBlock::before {
    content: '';
    background: #ccc;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 195px;
}*/
.scBlock:nth-child(odd) .scBody {
	/*background: #d1e7ff;*/
    background: #efefef;
}
.scBlock:nth-child(even) .scBody {
	background: #eaeaea;
}
div.scTime {
    font-family: "ヒラギノ丸ゴ W4", Hiragino Maru Gothic W4 JIS2004;
    font-size: 2.4rem;
    width: 220px;
    position: relative;
    float: left;
    text-align: right;
    padding-right: 50px;
}
/*.scBody::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0d9";
    display: block;
    font-size: 5.0rem;
    position: absolute;
    left: -15px;
    top: -20px;
    color: #000;
}*/
.scBody ul, .scBody ol {
    margin-bottom: 15px!important;
}
.scBody li {
    margin-bottom: 10px!important;
}
/*.scBlock:nth-child(2n+1) .scBody::before { color: #b7cf39; }
.scBlock:nth-child(2n) .scBody::before { color: #074b33; }*/
/*.scBlock:nth-child(2n+1) a { color: #000; }
.scBlock:nth-child(2n) a { color: #fff; }*/
.scBlock:nth-child(2n+1) a:hover { color: #074b33; }
.scBlock:nth-child(2n) a:hover { color: #b7cf39; }
div.scBody, ul.scExp {
    /*width: calc(100% - 230px);
    margin-left: 230px;*/
    position: relative;
}
ul.scExp {
    margin-top: -15px;
    margin-bottom: 40px;
}
.scExp li {
    margin-bottom: 0!important;
}
.postTitle {
	border-bottom: 1px dotted #fff;
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	font-family: Shin Go Regular, '新ゴ R';
	font-size: 2.2rem;
}
.postList table {
	color: #000;
}
.postList table th {
	/*background: none;*/
	text-align: center;
    background: #0671e2;
	font-size: 1.8rem;
    color: #fff;
}
.postList table td {
	font-size: 1.8rem;
}
.postList table tr:nth-child(even) {
	background: #fff;
}
.postList table tr:nth-child(odd) {
	background: #e8f3ff;
}
@media only screen and (max-width:768px) {
    .scBlock::before {
        display: none;
    }
    .scTime::after {
        display: none;
    }
	div.scTime {
        width: 100%;
        float: none;
        text-align: left;
    }
    div.scBody {
        width: 100%;
        margin-left: 0;
    }
}

.footerContents .buttonLink2 {
    width: 500px;
    margin: 0 auto;
}
@media only screen and (max-width:768px) {
    .footerContents .buttonLink2 {
        width: 100%;
    }
}
.headerBtn {
	text-align: center;
	margin-bottom: 10px;
}
.headerBtn a {
    background: #0671e2;
    border-radius: 5px;
    padding: 10px 50px !important;
    font-size: 2.4rem;
    color: #fff!important;
    display: inline-block!important;
	text-decoration: none;
}
.headerBtn a:hover {
    opacity: 0.7;
    background: rgb(6,113,226,0.7);
}


/*--- バナー ------------------------------*/

.bnrHover a:hover {
	opacity: 0.8;
}
@media only screen and (max-width:768px) {
    .bnrHover a:hover {
		opacity: 1.0;
	}
}