@charset "UTF-8";

.main_example_title_grid {
	display: grid;
	grid-template-columns: auto 1fr;
}
.main_example_title_grid > div {
	min-width: 400px;
	height: 140px;
	display: -webkit-box;
	-webkit-box-align: center;
    -webkit-box-pack: end;
}
.bk_grey {
	background-color: #DBDBDB;
}
.main_example_title {
	position: relative;
	background-color: #005BAC;
	font-size: 2.2rem;
	color: #FFFFFF;
	padding: 0px 15px;
}
.main_example_title:after {
	position: absolute;
	content: '';
	top: 0px;
	right: -49px;
	border-top: 70px solid #005BAC;
    border-right: 25px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 25px solid #005BAC;
    z-index: 1;
}
.main_example_grid {
	max-width: 1400px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-column-gap: 30px;
	margin: 100px auto 0px auto;
}
.main_example_grid img {
	display: block;
	width: 100%;
}
.main_example_grid > div {
	display: -webkit-box;
	-webkit-box-align: center;
}
.example_text {
	line-height: 2rem;
}
.sub_example_grid {
	max-width: 1400px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	margin: 0 auto;
}
.sub_example_grid img {
	display: block;
	width: 100%;
}
.example_title {
	background-color: #005BAC;
	font-size: 1.4rem;
	color: #FFFFFF;
	padding: 20px 30px;
}
.construction_case_border {
	border-top: solid 2px grey;
	margin-top: 100px;
}

.example_box img {
	height: 370px;
	object-fit: cover;
}

.contents .title {
	background-image:url(../images/gaiyou.png);
	background-size: 100% auto;
	height: 300px;
	background-position-y: -148px;
}
.contents .title h1 {
	text-align: center;
	color: #005BAC;
	padding: 120px 0px;
	font-size: 44px;
}
.contents .title h1 span {
	display: block;
	font-size: 20px;
	font-weight: 100;
	margin: 5px;
}
.contents .main {
	background-image:url(../images/gaiyou_main.png);
	background-size: cover;
	margin-top: 60px;
	height: 1000px;
}
.contents .main h2 {
	font-size: 36px;
	font-weight: 100;
    padding: 25px 0px 50px 100px;
	color: #005BAC;
}
.contents .main .sp {
	display: none;
}
.contents .main p .pc {
	display: block;
}
.contents .main p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
	font-size: 22px;
    font-weight: 600;
	line-height: 60px;
}
.contents .main p .name {
	margin: 205px;
} 
.contents .main p .seturitu {
	margin: 0px 227px 0px 205px;
}
.contents .main .text {
	padding-left: 21.5em;
    text-indent: -21.9em;
	line-height: 40px;
    margin-top: 20px;
}
.contents .main p .jigyou {
	margin: 0px 184px 0px 211px;
}
.contents img {
	width: 100%;
    margin-bottom: 60px;
}
.contents p {
	color: #005BAC;
	font-weight: 500;
    font-size: 33px;
	margin: 0px 58px
}
.contents a {
	color: #ffffff;
    background-color: #005BAC;
    display: block;
    width: 395px;
    margin: 0 auto;
    font-size: 25px;
    padding: 20px 0;
    border-radius: 4px;
    letter-spacing: 3px;
    margin-bottom: 44px;
}
.contents a:hover {
	background-color: #20489dc4;
}
.contents .rink {
	background-color: #c0dbf3;
	height: 214px;
}
.contents .rink p {
	font-weight: 200;
	width: 100%;
    margin: 0px;
    text-align: center;
    padding: 10px 0px;
    color: #005bacc7;
    margin-bottom: 16px;
}

.contents_bl .title {
	background-image:url(../images/gyoumu.jpg);
	background-size: 100% auto;
	height: 300px;
}
.contents_bl .title h1 {
	text-align: center;
	color: #005BAC;
	padding: 120px 0px;
	font-size: 44px;
}
.contents_bl .title h1 span {
	display: block;
	font-size: 20px;
	font-weight: 100;
	margin: 5px;
}
.contents_bl .main{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}
.contents_bl .doboku {
	background-image:url(../images/gyoumu_doboku.jpg);
	background-size: contain;
	background-position: right;
	margin-top: 60px;
	height: 500px;
}
.contents_bl .doboku h2 {
	color: #005BAC;
	font-size: 37px;
    font-weight: 500;
    margin-left: 81px;
	padding-top: 50px;
}
.contents_bl .doboku p {
	margin: 17px 0px 70px 100px;
    font-size: 23px;
    font-weight: 500;
}
.contents_bl .doboku h3 {
	margin-left: 85px;
	font-size: 23px;
	color: #005BAC;
	padding-bottom: 20px;
}
.contents_bl .doboku h3 span {
	color: #000000;
	margin-left: 10px;
	font-size: 29px;
}
.contents_bl .doboku .text {
	font-size: 20px;
	margin: 0px 0px 5px 123px;
	letter-spacing: 3px;
    line-height: 2.5rem;
}
.contents_bl .doboku .text2 {
	font-size: 20px;
	margin: 0px 0px 5px 123px;
	letter-spacing: 3px;
    line-height: 2.5rem;
}
.contents_bl .doboku .text3 {
	font-size: 20px;
	margin: 0px 0px 15px 123px;
	letter-spacing: 3px;
    line-height: 2.5rem;
}
.contents_bl .sokuryou {
	background-image:url(../images/gyoumu_sokuryou.jpg);
	background-size: contain;
	background-position: left;
	margin-top: 100px;
	height: 650px;
}
.contents_bl .sokuryou a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
.contents_bl .sokuryou h2 {
	color: #005BAC;
	font-size: 37px;
    font-weight: 500;
    padding: 80px 0px 0px 435px;
}
.contents_bl .sokuryou p {
	margin: 17px 0px 70px 445px;
    font-size: 21px;
    font-weight: 500;
	line-height: 2.5rem;
}
.contents_bl .sokuryou h3 {
	margin-left: 440px;
	font-size: 23px;
	color: #005BAC;
	padding-bottom: 20px;
}
.contents_bl .sokuryou h3 span {
	color: #000000;
	margin-left: 10px;
	font-size: 29px;
}
.contents_bl .sokuryou .text2 {
	font-size: 20px;
    line-height: 2.3rem;
    margin: 0px 0px 65px 485px;
}

.contents_recruit .title {
	background-image:url(../images/kyuujin.jpg);
	background-size: 100% auto;
	height: 300px;
}
.contents_recruit .title h1 {
	text-align: center;
	color: #005BAC;
	padding-top: 120px;
	font-size: 44px;
}
.contents_recruit .title h1 span {
	display: block;
	font-size: 20px;
	font-weight: 100;
	margin: 5px;
}
.contents_recruit .main h2 {
	color: #005BAC;
    font-size: 31px;
    margin: 71px 0px 30px 118px;
    font-weight: 100;
    letter-spacing: 2px;
}
.contents_recruit .main p{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
    margin-left: 126px;
    font-size: 22px;
    font-weight: 500;
	}

.map {
	margin: 50px;
	text-align: center;
}