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

/*PC*/
@media print, screen and (min-width: 769px) {

/* main_img
------------------------- */
.slick-box {
	width:100%;
	min-width:1200px;
	margin:0 auto;
	position:relative;
}

.slick-box img {
	width:100%;
	height:auto;
}

.slick-box_txt {
	position:absolute;
	top:46%;
	left:50%;
	margin-left:-180px;
	z-index:30;
	width:360px;
}



/* index
------------------------- */
.idx_bg01 {
	background:url(../images/contents/bg_img01.jpg) top right no-repeat;
	background-size:cover;
	padding:7% 0;
	min-width:1200px;
	position:relative;
}

.idx_bg01 .com_contents {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.idx_bg01 .com_contents div {
	width:48%;
}

.idx_bg01 .com_contents div h3 {
	font-size:3em;
	line-height:1;
	margin:50px auto 30px;
	color:#FFFF;
	text-align:center;
}

.idx_bg01 .com_contents div h3 span {
	font-size:0.5em;
	letter-spacing:2px;
	display:block;
	padding:1% 0 0;
}

.idx_bg01 .com_contents div p {
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	line-height:1.8;
	margin:0 auto 40px;
}




.idx_bg02 {
    background: url(../images/contents/bg_img02.jpg) top right no-repeat;
    background-size: cover;
    padding: 7% 0;
    min-width: 1200px;
    position: relative;
    background-image: url(../images/contents/bg_img02.jpg);
}

.idx_bg02 .com_contents h3 {
	font-size:3em;
	line-height:1;
	margin:50px auto 30px;
	color:#0b4490;
	text-align:center;
}

.idx_bg02 .com_contents h3 span {
	font-size:0.5em;
	letter-spacing:2px;
	display:block;
	padding:1% 0 0;
}

.idx_bg02 .com_contents p {
	font-size:1em;
	font-weight:bold;
	line-height:1.8;
	margin:0 auto 40px;
}


.idx_bg03 {
	background:#333333;
	padding:1.5% 0;
	min-width:1200px;
}


.idx_bg03 .com_contents ul {
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.idx_bg03 .com_contents ul li {
	width:48%;
	margin:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

.idx_bg03 .com_contents ul li .office_img {
	width:50%;
}

.idx_bg03 .com_contents ul li .office_detail {
	width:50%;
	padding:3%;
	box-sizing:border-box;
}

.idx_bg03 .com_contents ul li h3 {
	font-size:1em;
	line-height:1;
	margin:10px auto;
	color:#FFFFFF;
}

.idx_bg03 .com_contents ul li p {
	font-size:0.8em;
	line-height:1.6;
	color:#FFFFFF;
	margin-bottom:20px;
}

.idx_bg03 .com_contents ul li h4 a{
	font-size:1em;
	color:#FFF;
}


.idx_bg04 {
	background:url(../images/contents/bg_img03.jpg) top right no-repeat;
	background-size:cover;
	padding:5% 0;
	min-width:1200px;
}

.idx_bg04 .com_contents h3 {
	font-size:3em;
	line-height:1;
	margin:50px auto 30px;
	color:#0b4490;
	text-align:center;
}

.idx_bg04 .com_contents h3 span {
	font-size:0.5em;
	letter-spacing:2px;
	display:block;
	padding:1% 0 0;
}

.idx_bg04 .com_contents p {
	font-size:1em;
	font-weight:bold;
	line-height:1.8;
	margin:0 auto 40px;
	text-align:center;
}


.msg { text-align: center; padding: 20px 0 20px; letter-spacing: normal;}
.msg p {}
.msg p a { display: inline-block; background: rgba(204,0,0,0.05); border: solid 1px #C00; color: #C00; padding: 0px 40px; font-weight: bold; border-radius: 3px;}
.msg p a:hover { background: #C00; border: solid 1px #C00; color: #FFF;}
.msg p a i { margin-right: 5px;}


}


/*sp*/
@media only screen and (max-width: 768px) {

/* main_img
------------------------- */
.slick-box {
	width:100%;
	margin:0 auto;
	position:relative;
}

.slick-box img {
	width:100%;
	height:auto;
}


.slick-box_txt {
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-60px;
	z-index:30;
	width:120px;
}



/* index
------------------------- */
.idx_bg01 {
	background:url(../images/contents/bg_img01.jpg) top center no-repeat;
	background-size:cover;
	padding:3% 0;
	box-sizing:border-box;
}

.idx_bg01 .com_contents {
}

.idx_bg01 .com_contents div {
	width:100%;
	margin-bottom:40px;
}

.idx_bg01 .com_contents div:nth-child(2) {
	margin-bottom:0;
}

.idx_bg01 .com_contents div h3 {
	font-size:2em;
	line-height:1;
	margin:50px auto 30px;
	color:#FFF;
	text-align:center;
}

.idx_bg01 .com_contents div h3 span {
	font-size:0.7em;
	letter-spacing:2px;
	display:block;
	padding:1% 0 0;
}

.idx_bg01 .com_contents div p {
	font-size:1em;
	font-weight:bold;
	line-height:1.8;
	margin:0 auto 30px;
	color:#FFF;
}



.idx_bg02 {
	background:url(../images/contents/bg_img02.jpg) top center no-repeat;
	background-size:cover;
	padding:3% 0;
}

.idx_bg02 .com_contents h3 {
	font-size:2em;
	line-height:1;
	margin:50px auto 30px;
	color:#0b4490;
	text-align:center;
}

.idx_bg02 .com_contents h3 span {
	font-size:0.7em;
	letter-spacing:2px;
	display:block;
	padding:1% 0 0;
}

.idx_bg02 .com_contents p {
	font-size:1em;
	font-weight:bold;
	line-height:1.8;
	margin:0 auto 30px;
}



.idx_bg03 {
	background:#333333;
	padding:3% 0;
}


.idx_bg03 .com_contents ul {
	width:90%;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.idx_bg03 .com_contents ul li {
	width:100%;
	margin:0 auto 30px;
}

.idx_bg03 .com_contents ul li .office_img {
	width:100%;
	margin:0 auto 10px;
}

.idx_bg03 .com_contents ul li .office_detail {
	width:100%;
	text-align:center;
}

.idx_bg03 .com_contents ul li h3 {
	font-size:1.2em;
	line-height:1;
	margin:10px auto;
	color:#FFFFFF;
}

.idx_bg03 .com_contents ul li p {
	font-size:1em;
	line-height:1.6;
	color:#FFFFFF;
	margin-bottom:20px;
}

.idx_bg03 .com_contents ul li h4 a{
	font-size:1em;
	color:#FFF;
}



.idx_bg04 {
	background:url(../images/contents/bg_img03_sp.jpg) top center no-repeat;
	background-size:cover;
	padding:3% 0;
}

.idx_bg04 .com_contents h3 {
	font-size:2em;
	line-height:1;
	margin:50px auto 30px;
	color:#0b4490;
	text-align:center;
}

.idx_bg04 .com_contents h3 span {
	font-size:0.7em;
	letter-spacing:2px;
	display:block;
	padding:1% 0 0;
}

.idx_bg04 .com_contents p {
	font-size:1em;
	font-weight:bold;
	line-height:1.8;
	margin:0 auto 30px;
	text-align:center;
}


.msg { text-align: center; padding: 10px 0 20px; letter-spacing: normal;}
.msg p {}
.msg p a { display: inline-block; background: rgba(204,0,0,0.05); border: solid 1px #C00; color: #C00; padding: 5px 20px; font-weight: bold; border-radius: 3px;}
.msg p a:hover { background: #C00; border: solid 1px #C00; color: #FFF;}
.msg p a i { margin-right: 5px;}


}