@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&display=swap");

@font-face {
	font-weight : normal;
	font-family : "MyYuGothicM";
	src : local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}

@font-face {
	font-weight : bold;
	font-family : "MyYuGothicM";
	src : local("YuGothic-Bold"), local("Yu Gothic");
}

* {
	box-sizing : border-box;
}

before , after {
	box-sizing : inherit;
}

html {
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
	-webkit-tap-highlight-color : transparent;
}

body {
	-webkit-overflow-scrolling : touch;
	font-size : 62.5%;
	font-family : "Helvetica Neue", Arial, MyYuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
	line-height : 1;

	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	font-feature-settings : "palt" 1;
	-ms-overflow-style : scrollbar;
	text-rendering : optimizeLegibility;
	-webkit-text-size-adjust : 100%;
	   -moz-text-size-adjust : 100%;
	        text-size-adjust : 100%;
}

body , p , table , blockquote , address , pre , iframe , form , figure , dl {
	margin : 0;
}

main , section , details {
	display : block;
}

h1 , h2 , h3 , h4 , h5 , h6 {
	margin : 0;
	font-weight : inherit;
	font-size : inherit;
	line-height : inherit;
}

ul , ol {
	margin : 0;
	padding : 0;
	list-style : none;
}

dt {
	font-weight : bold;
}

dt {
	font-weight : bold;
}

dd {
	margin-left : 0;
}

hr {
	clear : both;
	overflow : visible;
	box-sizing : content-box;
	margin : 0;
	height : 0;
	border : 0;
	border-top : 1px solid;
}

pre {
	white-space : pre-wrap;
	font-size : inherit;
	font-family : monospace, monospace;
}

address {
	font-style : inherit;
}

a {
	outline : none;
	background-color : transparent;
	color : inherit;
	text-decoration : none;

	-webkit-text-decoration-skip : objects;
}

abbr[title] {
	border-bottom : none;
	        text-decoration : underline;
	        text-decoration : underline dotted;

	-webkit-text-decoration : underline dotted;
}

rt {
	text-align : start;
	font-size : 50%;
	line-height : normal;

	-webkit-text-emphasis : none;
}

b , strong {
	font-weight : bolder;
}

sub , sup {
	position : relative;
	vertical-align : baseline;
	font-size : 75%;
	line-height : 0;
}

sub {
	bottom : -0.25em;
}

sup {
	top : -0.5em;
}

img {
	border-style : none;
	vertical-align : bottom;
}

embed , object , iframe {
	border : 0;
	vertical-align : bottom;
}

summary {
	display : list-item;
}

table {
	border-spacing : 0;
	border-collapse : collapse;
}

caption {
	text-align : left;
}

td , th {
	vertical-align : top;
}

th {
	text-align : left;
	font-weight : bold;
}

template {
	display : none;
}

[hidden] {
	display : none;
}

.pc-br {
	display : none;
}

footer {
	margin-top : 80px;
	padding : 75px 0 60px;
	width : 100%;
	background-color : #f7f4f0;
	text-align : center;
}

.footer-tourism {
	display : flex;
	align-items : center;
	flex : initial;
	flex-shrink : 0;
	justify-content : center;
	margin : 0 auto;
	width : auto;
}

.footer-logo {
	width : 176px;
	height : auto;
}

.footer-council {
	padding-left : 46px;
	white-space : nowrap;
	letter-spacing : 0.05em;
	font-weight : bold;
	font-size : 1.25rem;
}

.footer-sponsored {
	margin : 42px auto 0;
	max-width : 800px;
	letter-spacing : 0.025em;
	font-size : 1rem;
	line-height : 2;
}

.footer-sponsored a {
	transition : 0.2s ease;
}

.footer-sponsored a:hover {
	color : #409ead;
}

.footer-text {
	margin : 16px 0 6px;
	font-weight : bold;
	font-size : 1rem;
	line-height : 1.4;
}

.footer-link {
	margin : 60px auto 0;
	max-width : 800px;
}

.footer-aside {
	margin-top : 24px;
	letter-spacing : 0.2em;
	font-size : 1.0625rem;
}

.footer-newnormal {
	display : block;
	margin : 0 auto;
	width : 266px;
	height : auto;
}

.pagetop {
	position : fixed;
	right : calc((100% / 2) - 500px - 60px);
	bottom : -200px;
	z-index : 50;
	width : 120px;
	height : 120px;
	transition : 0.4s ease;
}

.pagetop.is-view {
	bottom : 40px;
}

.totop {
	display : block;
	width : 120px;
	height : 120px;
	border-radius : 50%;
	background : #409ead url("../images/to-top.svg") center no-repeat;
	background-size : 45px auto;
	box-shadow : 0 0 10px -7px rgba(0, 0, 0, 0.1);
	transition : 0.4s ease;
}

.totop:hover {
	background : #aac436 url("../images/to-top.svg") center no-repeat;
	background-size : 45px auto;
	box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

header {
	display : flex;
	overflow : hidden;
	align-items : center;
	justify-content : space-between;
	margin : 0 auto;
	width : 1000px;
	height : 170px;
}

.header-logo {
	width : 176px;
	height : auto;
}

.global-nav {
	display : flex;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.125rem;
}

.top-link , .case-link {
	position : relative;
	display : block;
	padding : 0 62px;
}

.top-link:after , .case-link:after {
	position : absolute;
	top : 0;
	right : 0;
	z-index : -1;
	display : block;
	width : 0;
	height : 100%;
	background-color : #ffe45f;
	content : "";
	opacity : 0;
	transition : 0.24s ease;
}

.top-link:hover:after , .case-link:hover:after {
	width : 100%;
	opacity : 1;
}

.case-link:after {
	left : 0;
}

.case-link:hover:after {
	width : 100%;
	opacity : 1;
}

.top-static , .case-static {
	display : block;
	padding : 0 62px;
	background-color : #ffe45f;
}

.case-link , .case-static {
	margin-left : 2px;
}

.top-hero {
	position : relative;
	display : flex;
	align-items : center;
	justify-content : center;
	width : 100%;
	height : 626px;
	background-color : #409ead;
	box-shadow : 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.top-hero:after {
	position : absolute;
	top : 50%;
	left : 0;
	z-index : 0;
	display : block;
	width : 100%;
	height : 400px;
	background : linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 23%, #ffffff 100%);
	content : "";
	transform : translate(0, -50%);
}

picture {
	text-align : center;
}

.top-image {
	position : relative;
	z-index : 1;
}

main {
	width : 100%;
}

.business {
	position : relative;
	margin : 60px auto 0;
	padding-top : 65px;
	width : 800px;
}

.business-title {
	position : absolute;
	top : 0;
	left : 50%;
	white-space : nowrap;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.75rem;
	transform : translate(-50%, 0);
}

.business-title:after {
	position : absolute;
	top : 12px;
	right : -4px;
	bottom : -2px;
	left : -4px;
	z-index : -1;
	display : block;
	background-color : #ffe45f;
	content : "";
}

.business-info {
	padding-left : 290px;
	background : url("../images/tohoku-tourism.svg") left 12px no-repeat;
	background-size : 245px auto;
	letter-spacing : 0.025em;
	font-size : 1.125rem;
	line-height : 2;
}

.sub-nav {
	display : flex;
	align-items : center;
	justify-content : center;
	margin-top : 60px;
}

.sub-nav > li {
	padding : 0 45px;
}

.sub-nav > li:first-child , .sub-nav > li:last-child {
	border-right : solid 1px #cccccc;
	border-left : solid 1px #cccccc;
}

.inner-link {
	color : #409ead;
	font-weight : bold;
	font-size : 1rem;
	transition : 0.3s ease;
}

.inner-link:hover {
	color : #aac436;
}

.conference {
	position : relative;
	margin-top : 54px;
}

.conference > a {
	position : absolute;
	top : -20px;
	left : 0;
}

.conference-title {
	display : flex;
	align-items : center;
	justify-content : center;
	height : 65px;
	background-color : #409ead;
	box-shadow : 0 10px 10px 0 rgba(0, 0, 0, 0.1);
	color : #ffffff;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.75rem;
}

.conference-contents {
	margin : 40px auto 0;
	width : 800px;
}

.conference-subtitle1 , .conference-subtitle2 , .conference-subtitle3 {
	position : relative;
	z-index : 1;
	display : block;
	padding-bottom : 3px;
	text-align : center;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.25rem;
}

.conference-subtitle1:after , .conference-subtitle2:after , .conference-subtitle3:after {
	position : absolute;
	top : 8px;
	right : 0;
	bottom : 0;
	left : 0;
	z-index : -1;
	display : block;
	background-color : #ffe45f;
	content : "";
}

.conference-subtitle2 {
	margin-top : 54px;
}

.conference-date , .conference-place {
	margin-top : 20px;
	text-align : center;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.75rem;
}

.conference-address {
	display : block;
	margin-top : 25px;
	font-weight : normal;
	font-size : 1.125rem;
}

.conference-subtitle3 {
	margin-top : 60px;
}

.conference-program {
	margin-top : 35px;
	width : 100%;
	table-layout : fixed;
	font-weight : bold;
	font-size : 1.25rem;
}

.conference-time , .conference-content {
	padding : 20px;
	border-top : solid 1px #409ead;
	border-bottom : solid 1px #409ead;
}

.conference-time {
	padding : 20px 20px 20px 30px;
	width : 120px;
	vertical-align : top;
}

.conference-content {
	padding : 20px 20px 20px 36px;
	width : 100%;
	vertical-align : top;
	line-height : 1.9;
}

.conference-aside {
	padding : 20px 20px 30px 30px;
	font-weight : bold;
	font-size : 1.25rem;
	line-height : 1.8;
}

.inspection {
	position : relative;
	margin-top : 120px;
	padding-bottom : 90px;
	background-color : #f7f4f0;
}

.inspection > a {
	position : absolute;
	top : -20px;
	left : 0;
}

.inspection-title {
	display : flex;
	align-items : center;
	justify-content : center;
	height : 65px;
	background-color : #409ead;
	box-shadow : 0 10px 10px 0 rgba(0, 0, 0, 0.1);
	color : #ffffff;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.75rem;
}

.inspection-contents {
	margin : 40px auto 0;
	width : 800px;
}

.inspection-subtitle {
	position : relative;
	z-index : 1;
	display : block;
	padding-bottom : 3px;
	text-align : center;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.25rem;
}

.inspection-subtitle:before {
	position : absolute;
	top : 8px;
	right : 0;
	bottom : 0;
	left : 0;
	z-index : -1;
	display : block;
	background-color : #ffe45f;
	content : "";
}

.inspection-program1 , .inspection-program2 {
	width : 100%;
	background-color : #ffffff;
	box-shadow : 0 0 10px 10px rgba(0, 0, 0, 0.02);
	table-layout : fixed;
}

.inspection-program1 {
	margin-top : 15px;
}

.inspection-program2 {
	margin-top : 35px;
}

.inspection-blank {
	width : 210px;
	border-bottom : solid 1px #409ead;
}

.inspection-date {
	padding : 26px 20px 16px 60px;
	width : 590px;
	border-bottom : solid 1px #409ead;
	border-left : solid 1px #e6e6e6;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.75rem;
}

.inspection-time1 , .inspection-time2 {
	vertical-align : top;
	text-align : right;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.25rem;
}

.inspection-time1 {
	padding : 48px 44px 0 0;
}

.inspection-time2 {
	padding : 6px 44px 0 0;
}

.inspection-content1 , .inspection-content2 {
	border-left : solid 1px #e6e6e6;
	vertical-align : top;
}

.inspection-content1 {
	padding : 42px 20px 50px 40px;
}

.inspection-content2 {
	padding : 42px 30px 0 30px;
}

.inspection-content3 {
	padding : 0 20px 50px 40px;
}

.inspection-place {
	display : block;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.75rem;
}

.inspection-line {
	position : relative;
	z-index : 1;
	display : inline-block;
	width : auto;
}

.inspection-line:after {
	position : absolute;
	top : 14px;
	right : -4px;
	bottom : -2px;
	left : -4px;
	z-index : -1;
	display : inline-block;
	background-color : #ffe45f;
	content : "";
}

.inspection-aside {
	display : block;
	margin-top : 12px;
	letter-spacing : 0.025em;
	font-size : 1.1875rem;
}

.inspection-delimiter {
	display : block;
	margin : 24px 0 24px 176px;
	width : 22px;
	height : auto;
}

.participate {
	position : relative;
	margin : 65px auto 0;
	padding : 38px 100px 80px;
	width : 1000px;
	background-color : #409ead;
	box-shadow : 0 0 10px 10px rgba(0, 0, 0, 0.02);
	color : #ffffff;
}

.participate > a {
	position : absolute;
	top : -20px;
	left : 0;
}

.participate-title {
	padding-bottom : 38px;
	border-bottom : solid 1px #ffffff;
	text-align : center;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.75rem;
}

.participate-info {
	margin-top : 30px;
	letter-spacing : 0.025em;
	font-size : 1.125rem;
	line-height : 2.7;
}

.participate-asaide {
	margin-top : 26px;
	letter-spacing : 0.025em;
	font-size : 0.875rem;
	line-height : 1.5;
}

.casestudy-page {
	margin : 30px auto 0;
	width : 1000px;
	text-align : right;
}

.casestudy-link {
	position : relative;
	display : inline-block;
	padding : 6px 62px;
	width : auto;
	background : url("../images/button-right.svg") right 16px center no-repeat;
	background-color : #409ead;
	background-size : auto 16px;
	color : #ffffff;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.125rem;
	transition : 0.24s ease;
}

.casestudy-link:hover {
	background-color : #aac436;
}

.casestudy-hero {
	position : relative;
	display : flex;
	align-items : center;
	width : 100%;
	height : 326px;
	background : url("../images/casestudy-hero.png") center no-repeat;
	background-size : cover;
}

.casestudy-title {
	position : relative;
	z-index : 1;
	width : 100%;
	color : #ffffff;
	text-align : center;
	letter-spacing : 0.1em;
	font-weight : bold;
	font-size : 1.75rem;
}

.casestudy-line {
	position : absolute;
	top : 50%;
	left : 0;
	z-index : 0;
	display : block;
	width : 100%;
	height : 140px;
	background-color : #409ead;
	content : "";
	transform : translate(0, -50%);

	mix-blend-mode : multiply;
}

.prefecture-nav {
	display : flex;
	align-items : center;
	justify-content : center;
	margin-top : 70px;
}

.prefecture-nav > li {
	padding : 0 40px;
	border-right : solid 1px #cccccc;
}

.prefecture-nav > li:first-child {
	border-left : solid 1px #cccccc;
}

.prefecture-link , .prefecture-link2 {
	color : #409ead;
	letter-spacing : 0.04em;
	font-weight : bold;
	font-size : 1rem;
	transition : 0.4s ease;
}

.prefecture-link:hover {
	color : #aac436;
}

.prefecture-link2 {
	pointer-events : none;
}

.casestudy-heading {
	margin-top : 75px;
	padding-bottom : 20px;
	color : #409ead;
	text-align : center;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.375rem;
}

.casestudy-notes {
	margin-top : 25px;
	padding-bottom : 20px;
	text-align : center;
	letter-spacing : 0.025em;
	font-size : 0.9375rem;
}

.case {
	width : 100%;
	background : url("../images/case-background.png") left 150px repeat-x;
}

.anchor {
	margin-bottom : -2px;
	padding-top : 42px;
	text-align : center;
}

.case-inner {
	margin : 0 auto;
	width : 800px;
	background-color : #ffffff;
	box-shadow : 0 0 10px 10px rgba(0, 0, 0, 0.02);
}

.case-title {
	display : flex;
	align-items : center;
	justify-content : center;
	height : 65px;
	background-color : #409ead;
	color : #ffffff;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.75rem;
}

.case-image {
	display : flex;
	justify-content : space-evenly;
	margin-top : 30px;
}

.case-dummy {
	display : flex;
	align-items : center;
	justify-content : center;
	width : 385px;
	height : 320px;
	background-color : #e6e6e6;
	color : #409ead;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.5rem;
}

.case-map {
	width : 385px;
	height : 320px;
}

.case-subtitle {
	position : relative;
	z-index : 1;
	display : block;
	margin-top : 30px;
	color : #409ead;
	text-align : center;
	letter-spacing : 0.025em;
	font-weight : bold;
	font-size : 1.5rem;
}

.case-subtitle:before {
	position : absolute;
	top : 11px;
	right : 0;
	bottom : 0;
	left : 0;
	z-index : -1;
	display : block;
	background-color : #ffe45f;
	content : "";
}

.case-read {
	margin : 58px auto 0;
	width : 600px;
	letter-spacing : 0.025em;
	font-size : 1.125rem;
	line-height : 1.9;
}

.case-aside {
	margin-top : 82px;
	text-align : center;
	letter-spacing : 0.025em;
	font-size : 1rem;
}

.case-table {
	margin-top : 38px;
	width : 100%;
	table-layout : fixed;
	font-size : 1rem;
	line-height : 2;
}

.case-table tr td {
	border-top : solid 1px #e6e6e6;
	border-bottom : solid 1px #e6e6e6;
}

.case-table tr:last-of-type td {
	padding-bottom : 40px;
	border-bottom : none;
}

.case-index {
	padding : 16px 0 16px 46px;
	width : 180px;
	border-right : solid 1px #e6e6e6;
	vertical-align : top;
}

.case-detail {
	padding : 16px 20px 16px 20px;
	width : 620px;
	vertical-align : top;
}

.case-detail > a {
	transition : 0.2s ease;
}

.case-detail > a:hover {
	color : #409ead;
}

.index-page {
	margin : 80px auto 0;
	width : 800px;
	text-align : right;
}

.index-link {
	position : relative;
	display : inline-block;
	padding : 6px 62px;
	width : auto;
	background : url("../images/button-left.svg") 16px center no-repeat;
	background-color : #409ead;
	background-size : auto 16px;
	color : #ffffff;
	letter-spacing : 0.025em;
	font-size : 1.125rem;
	transition : 0.24s ease;
}

.index-link:hover {
	background-color : #aac436;
}

.comming-soon {
	display : flex;
	align-items : center;
	justify-content : center;
	min-height : 400px;
	width : 100%;
	background : url("../images/case-background.png") left 40px repeat-x;
	background-size : auto 300px;
	color : #aac436;
	letter-spacing : 0.1em;
	font-size : 3rem;
}

@media only screen and (max-width: 750px) {
	.pc-br {
		display : inline;
	}

	footer {
		margin-top : 50px;
		padding : 45px 0 65px;
	}

	.footer-tourism {
		display : block;
	}

	.footer-council {
		margin-top : 10px;
		padding-left : 0;
	}

	.footer-sponsored {
		padding : 0 30px;
		text-align : left;
		font-size : 0.875rem;
	}

	.footer-bleak {
		display : block;
	}

	.footer-none {
		display : none;
	}

	.footer-text {
		margin : 18px 0 6px;
	}

	.footer-link {
		margin : 45px auto 0;
	}

	.pagetop {
		right : 20px;
		bottom : -100px;
		width : 60px;
		height : 60px;
	}

	.pagetop.is-view {
		bottom : 20px;
	}

	.totop {
		width : 60px;
		height : 60px;
		background-size : 30px auto;
	}

	.totop:hover {
		background : #409ead url("../images/to-top.svg") center no-repeat;
		background-size : 30px auto;
		box-shadow : 0 0 10px -7px rgba(0, 0, 0, 0.1);
	}

	header {
		display : block;
		padding : 20px;
		width : 100%;
		height : inherit;
	}

	.header-logo {
		margin-bottom : 10px;
		width : 300px;
	}

	.global-nav {
		justify-content : flex-end;
		margin-top : 25px;
		font-size : 0.875rem;
	}

	.top-link , .case-link {
		padding : 0 20px;
	}

	.top-link:hover:after , .case-link:hover:after {
		width : 0;
		opacity : 0;
	}

	.top-static , .case-static {
		padding : 0 20px;
	}

	.top-hero {
		padding : 20px 0 40px;
		height : inherit;
	}

	.top-hero:after {
		top : 20px;
		left : 10px;
		width : calc(100% - 20px);
		height : calc(100% - 20px);
		background : linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 23%, #ffffff 100%);
		transform : none;
	}

	.top-image {
		width : calc(100% - 20px);
	}

	.business {
		margin : 30px auto 0;
		padding-top : 0;
		width : 100%;
	}

	.business-title {
		position : relative;
		top : inherit;
		left : inherit;
		margin : 0 auto;
		width : calc(100vw - 20px);
		text-align : center;
		white-space : normal;
		font-size : 1.3125rem;
		line-height : 1.4;
		transform : none;
	}

	.business-title > span {
		display : block;
	}

	.business-title:after {
		position : absolute;
		top : inherit;
		right : 0;
		bottom : -2px;
		left : 0;
		z-index : -1;
		display : block;
		height : 16px;
		content : "";
	}

	.business-info {
		margin-top : 30px;
		padding : 220px 24px 0;
		background : url("../images/tohoku-tourism.svg") center top no-repeat;
		background-size : 245px auto;
		line-height : 1.8;
	}

	.sub-nav {
		display : block;
		margin-top : 45px;
	}

	.sub-nav > li {
		padding : 10px 0;
	}

	.sub-nav > li:first-child , .sub-nav > li:last-child {
		border-right : none;
		border-left : none;
	}

	.inner-link {
		display : flex;
		align-items : center;
		justify-content : center;
		margin : 0 auto;
		padding : 8px 0;
		width : 75%;
		height : 30px;
		border-radius : 15px;
		background-color : #409ead;
		color : #ffffff;
		font-size : 1.125rem;
	}

	.inner-link:hover {
		color : #ffffff;
	}

	.conference {
		margin-top : 50px;
	}

	.conference-title {
		height : 60px;
		font-size : 1.5rem;
	}

	.conference-contents {
		width : calc(100% - 40px);
	}

	.conference-subtitle2 {
		margin-top : 30px;
	}

	.conference-date , .conference-place {
		font-size : 1.5rem;
	}

	.conference-address {
		font-size : 1rem;
		line-height : 1.6;
	}

	.conference-address > span {
		display : block;
	}

	.conference-subtitle3 {
		margin-top : 30px;
	}

	.conference-program {
		font-size : 1rem;
	}

	.conference-time {
		padding : 20px 0;
		width : 65px;
		text-align : center;
	}

	.conference-content {
		padding : 20px 10px;
	}

	.conference-aside {
		padding : 30px 0 0;
		text-align : center;
		font-size : 0.8125rem;
	}

	.inspection {
		margin-top : 40px;
		padding-bottom : 40px;
	}

	.inspection-title {
		height : 60px;
		font-size : 1.5rem;
	}

	.inspection-contents {
		width : calc(100% - 40px);
	}

	.inspection-blank {
		width : 65px;
	}

	.inspection-date {
		padding : 26px 0;
		width : inherit;
		text-align : center;
		font-size : 1.4375rem;
	}

	.inspection-time1 , .inspection-time2 {
		width : 65px;
		text-align : center;
		font-size : 1rem;
	}

	.inspection-time1 {
		padding : 30px 0 0;
	}

	.inspection-time2 {
		padding : 0;
	}

	.inspection-content1 {
		padding : 30px 10px 40px 20px;
	}

	.inspection-content2 {
		padding : 20px 20px 0 20px;
	}

	.inspection-content3 {
		padding : 0 10px 40px 20px;
	}

	.inspection-place {
		font-size : 1rem;
	}

	.inspection-line:after {
		top : 8px;
		right : -2px;
		left : -2px;
	}

	.inspection-aside {
		font-size : 0.8125rem;
	}

	.inspection-delimiter {
		margin : 18px 0 18px 20px;
	}

	.participate {
		padding : 38px 20px 40px;
		width : 100%;
	}

	.participate-title {
		padding-bottom : 30px;
		font-size : 1.5rem;
	}

	.participate-info {
		font-size : 1rem;
		line-height : 2;
	}

	.participate-asaide {
		margin-top : 36px;
		font-size : 0.8125rem;
	}

	.casestudy-page {
		padding : 0 30px;
		width : 100%;
		font-size : 0.875rem;
	}

	.casestudy-link {
		display : flex;
		overflow : hidden;
		align-items : center;
		justify-content : center;
		padding : 0;
		width : 100%;
		height : 40px;
		border-radius : 20px;
		background : #409ead;
	}

	.casestudy-link:hover {
		background : #409ead;
	}

	.casestudy-hero {
		height : 220px;
	}

	.casestudy-title {
		font-size : 1.375rem;
	}

	.casestudy-line {
		height : 80px;
	}

	.prefecture-nav {
		flex-wrap : wrap;
		margin-top : 20px;
		width : 100%;
	}

	.prefecture-nav > li {
		margin : 6px 5px;
		padding : 0;
		border-right : none;
	}

	.prefecture-nav > li:first-child {
		border-left : none;
	}

	.prefecture-link2 {
		display : flex;
		align-items : center;
		justify-content : center;
		padding : 0 15px;
		height : 30px;
		border-radius : 10px;
		background-color : #409ead;
		color : #ffffff;
		font-size : 0.875rem;
		transition : none;
	}

	.prefecture-link2:hover {
		color : #ffffff;
	}

	.casestudy-heading {
		margin-top : 35px;
		padding : 0 15px;
		line-height : 1.4;
	}

	.casestudy-notes {
		margin-top : 20px;
		padding : 0 20px;
		text-align : left;
		font-size : 0.875rem;
		line-height : 1.6;
	}

	.anchor > img {
		width : auto;
		height : 28px;
	}

	.case-inner {
		width : calc(100% - 30px);
	}

	.case-title {
		height : 50px;
		font-size : 1.5rem;
	}

	.case-image {
		display : block;
		padding : 0 10px;
	}

	.case-image > img {
		width : 100%;
		height : auto;
	}

	.case-dummy {
		width : 100%;
		height : 280px;
	}

	.case-map {
		margin-top : 20px;
		width : 100%;
		height : 280px;
		font-size : 1.375rem;
	}

	.case-subtitle {
		padding : 0 15px;
		text-align : left;
		font-size : 1.25rem;
		line-height : 1.2;
	}

	.case-subtitle:before {
		top : inherit;
		bottom : 0;
		height : 12px;
		background-color : #ffe45f;
	}

	.case-read {
		margin : 30px auto 0;
		width : calc(100% - 30px);
		font-size : 1rem;
	}

	.case-aside {
		margin-top : 46px;
		padding : 0 15px;
		text-align : left;
		font-size : 0.875rem;
		line-height : 1.6;
	}

	.case-table {
		margin-top : 30px;
		font-size : 0.875rem;
		line-height : 2.2;
	}

	.case-index {
		padding : 16px 0 16px 15px;
		width : 120px;
	}

	.case-detail {
		padding : 16px 15px 16px 15px;
		width : inherit;
	}

	.case-detail > a {
		display : inline-block;
		text-decoration : underline;
		line-height : 1.3;
		transition : none;
	}

	.case-detail > a:hover {
		color : #000000;
	}

	.index-page {
		margin : 40px auto 0;
		padding : 0 30px;
		width : 100%;
		font-size : 0.875rem;
	}

	.index-link {
		display : flex;
		overflow : hidden;
		align-items : center;
		justify-content : center;
		padding : 0;
		width : 100%;
		height : 40px;
		border-radius : 20px;
		background : #409ead;
	}

	.index-link:hover {
		background : #409ead;
	}

	.comming-soon {
		min-height : 300px;
		background-size : auto 200px;
		font-size : 2rem;
	}
}