@charset "UTF-8";
/* CSS Document */
h1, h2, h3 {
	font-weight: 500 !important;
}

@media only screen and (max-width:960px) {
	/*スマホ*/
	h1 {
		margin-top: 60px;
		margin-bottom: 40px;
		text-align: center;
		font-size: 2rem;
	}
	.main {
		width: 100%;
		height: 250px;
		object-fit: cover;
		margin-bottom: 1.5em;
	}

	
	.page_navi {
		width: 95%;
		text-align: center;
		margin: 0 auto;
		padding: 40px 0;
	}
	.page_navi a {
		color: #666;
		text-decoration: none;
		display: block;
		width: calc((100% - 1.5em) / 4);
		font-size: 0.8rem;
		border: 1px solid #CCC;
		float: left;
		margin-right: 0.5em;
		margin-bottom: 0.5em;
		text-align: center;
		padding: 0.5em 0;
	}
	.page_navi a:nth-child(4n) {
		margin-right: 0;
	}
	.page_navi a:last-child {
		margin-bottom: 1.5em;
	}
	.vision {
		width:85%;
		margin: 0 auto 2em;
	}
	
	
	
	
	.con_txt {
		width: 85%;
		margin: 0 auto 1.5em;
	}
	
	.jigyo {
		display:flex;
		flex-wrap: wrap;
		width: 85%;
		margin: 0 auto 3em;
	}
	
	.content {
		display:block;
		width: 85%;
		margin: 0 auto 3em;
	}
	
	.jigyo li {
		display: block;
		margin-right: 1em;
		margin-bottom: 1em;
	}
	
	.jigyo li,
	.content li {
		display: block;
	}
	
	
	.jigyo li:nth-child(even) {
		margin-right: 0;
	}
	
	.jigyo li img,
	.content li img {
		width: 100%;
	}
	
	.jigyo li {
		width: calc((100% - 1em) / 2);
	}
	.content li {
		width: 100%;
		text-align: center;
		background: #FFF;
		margin-bottom: 1.5em;
		padding-bottom: 1em;
	}
	
	
	.content li a {
		padding: 5px;
		display: block;
		text-decoration: none;
		color: #666;
		margin-bottom: 1em;
	}


	
	.cont_back {
		background: #EFEFEF;
		padding-top: 3em;
		padding-bottom: 2em;
		margin-bottom: 3em;
	}
	
	.content span {
		display: block;
	}
	
	.sc, .no {
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: 900;
		font-style: normal;
		font-variation-settings:
		"wdth" 900;
	}
	.sc {
		font-size: 1.2rem;
	}
	.no {
		font-size: 58px;
		line-height: 1em;
	}
	.bu {
		font-size: 32px;
		font-weight: 600;
	}
	.ka {
		font-size: 16px;
		font-weight: 600;
	}
	
	
	
	

	.int_cont {
		width: 85%;
		margin: 0 auto 4em;
	}
	.int_cont li {
		width: 100%;
	}
	.int_cont li img {
		margin-top: 1em;
		width: 100%;
		object-fit: cover;
		height: 250px;
	}
	.title_h2 {
		font-size: 1.8rem;
		margin-bottom: 1.5em;
		text-align: center;
	}
	
	.title_h2 img {
		width: 70%;
	}
	.r_link {
		width: 85%;
		margin: 0 auto 110px;
	}
	.r_link li {
		display: block;
		width: 100%;
		margin-bottom: 1em;
	}
	.r_link li img {
		width: 100%;
		
	}
	.link_btn {
		margin-bottom: 110px;
	}
}

@media screen and (min-width:961px) {
	/*PC*/
	h1 {
		margin-top: 150px;
		margin-bottom: 30px;
		text-align: center;
		font-size: 3.2rem;
	}
	.main {
		width: 100%;
		height: 580px;
		object-fit: cover;
		margin-bottom: 80px;
	}
	section {
		min-width: 1100px;
	}
	
	.page_navi {
		width: 100%;
		min-width: 1100px;
		text-align: center;
		padding: 40px 0;
		border-bottom: 1px solid #666;
		margin-bottom: 100px;
	}
	.page_navi a {
		color: #666;
		text-decoration: none;
	}
	.page_navi a:first-child::before,
	.page_navi a::after {
		content: "　｜　"
	}
	


	.title_h2 {
		font-size: 2.2rem;
		margin-bottom: 60px;
		text-align: center;
	}
	
	.con_txt {
		text-align: center;
		margin-bottom: 60px;
	}
	
	.jigyo,
	.content {
		display:flex;
		flex-wrap: wrap;
		max-width: 1420px;
		min-width: 1100px;
		margin: 0 auto 110px;
	}
	
	.jigyo li,
	.content li {
		display: block;
		margin-right: 30px;
	}
	
	
	.jigyo li:last-child {
		margin-right: 0;
	}
	
	.jigyo li img,
	.content li img {
		width: 100%;
		padding: 10px;
		margin-bottom: 30px;
	}
	
	.jigyo li {
		width: calc((100% - 90px) / 4);
	}
	.content li {
		width: calc((100% - 30px) / 2);
		text-align: center;
		background: #FFF;
		margin-bottom: 30px;
		padding-bottom: 50px;
	}
	
	.content li:nth-child(even) {
		margin-right: 0;
	}
	
	.content li a {
		display: block;
		text-decoration: none;
		color: #666;
		
	}
	
	.cont_back {
		background: #EFEFEF;
		padding-top: 110px;
	}
	
	.content span {
		display: block;
	}
	
	.sc, .no {
		font-family: "Roboto", sans-serif;
		font-optical-sizing: auto;
		font-weight: 900;
		font-style: normal;
		font-variation-settings:
		"wdth" 900;
	}
	.sc {
		font-size: 1.6rem;
	}
	.no {
		font-size: 62px;
		line-height: 1em;
	}
	.bu {
		font-size: 36px;
		font-weight: 600;
	}
	.ka {
		font-size: 20px;
		font-weight: 600;
	}
	
	.r_link {
		display:flex;
		flex-wrap: wrap;
		max-width: 1420px;
		min-width: 1100px;
		margin: 0 auto 110px;
	}
	.r_link li {
		display: block;
		width: calc((100% - 60px) / 3);
		margin-right: 30px;
	}
	.r_link li:last-child {
		margin-right: 0;
	}
	.r_link li a {
		display: block;
	}
	
	.r_link li img {
		width: 100%;
	}
	
	.link_btn {
		font-size: 2rem;
		font-weight: 600;
		width: 20em;
		margin-bottom: 110px;
	}
}