@charset "UTF-8";

/* ---------------------------------
 width <= 1366px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1366px) {
/* less 1336 */
}

/* ---------------------------------
 width <= 1280px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1280px) {
	#innerFooter {
		width: 100%;
		padding: 0 20px;
	}
	#organizationInfo {
		flex: 1 1 23%;
	}
	#fnavi-1 {
		flex: 0 0 28%;
	}
	#fnavi-2 {
		flex: 0 0 28%;
	}
	#fnavi-3 {
		flex: 0 0 21%;
	}
	#copyright {
		width: 1000px;
		padding: 50px 0 0;
		text-align: center;
	}
	#floatingMenu__inner {
		width: 1100px;
	}
/* less 1280 */
}

/* ---------------------------------
 width <= 1240px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1240px) {

/* less 1240 */
}

/* ---------------------------------
 width <= 1200px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1200px) {
	.breadcrumbs .outerBreadcrumbs {
		width: 100%;
		margin: auto;
		padding: 0 20px;
	}
/* less 1200 */
}

/* ---------------------------------
 width <= 1040px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1040px) {
	.skin {
		width: 100%;
	}
	#floatingMenu__inner {
		width: 100%;
	}
	#floatingMenu__title {
		flex: 0 0 calc( 13% - 2px );
		display: flex;
		align-items: center;
	}
	.floatingMenu__naviWrap {
		flex: 0 0 calc( 29% - 5px );
	}
	#floatingMenu__title strong {
		letter-spacing: 3px;
		font-size: 39px;
	}
	#floatingMenu__title span {
		letter-spacing: 1px;
		text-indent: 2px;
		font-size: 12px;
	}
	#floatingMenu__title strong:after {
		width: 48px;
	}
	.floatingMenu__naviWrap a:after {
		right: 4px;
	}
/* less 1040 */
}

/* ---------------------------------
 width <= 1024px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1024px) {
	#innerFooter {
		width: 100%;
		padding: 0 20px 50px;
	}
	#organizationInfo {
		text-align: center;
	}
	#copyright {
		width: 100%;
		padding: 30px 20px 0;
	}
/* less 1024 */
}

/* ---------------------------------
 width <= 1023px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1023px) {
	#floatingMenu__inner {
		flex-wrap: wrap;
	}
	#floatingMenu__title {
		flex: 0 0 calc( 50% - 10px );
		display: flex;
		align-items: center;
		padding: 0 0 20px;
	}
	#floatingMenu__1 {
		padding: 0 0 20px;
	}
	.floatingMenu__naviWrap {
		flex: 0 0 calc( 50% - 10px );
	}
	#floatingMenu__title strong {
		letter-spacing: 3px;
		font-size: 39px;
	}
	#floatingMenu__title span {
		letter-spacing: 1px;
		text-indent: 2px;
		font-size: 12px;
	}
	#floatingMenu__title strong:after {
		width: 48px;
	}
	.floatingMenu__naviWrap a:after {
		right: 4px;
	}
/* less 1023 */
}

/* ---------------------------------
 width <= 999px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:999px) {
.flexbox__3 {
	max-width: 640px;
}
/* less 999 */
}

/* ---------------------------------
 width <= 940px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:940px) {
.flexbox-1to1 {
	display: block;
	margin: 0 0 50px;
}
.flexbox-1to3 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin: 0 0 50px;
}
.core-contents table {
	max-width: 100%;
	min-width: auto;
	margin: 0 auto 30px;
}

/* less 940 */
}

/* ---------------------------------
 width <= 840px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:840px) {
	.siteId_sub_1--sub {
		display: none;
	}
	.siteId_sub_2 {
		display: block;
	}
/* less 840 */
}

/* ---------------------------------
 width <= 767px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:767px) {
	.siteId_sub {
		display: none;
	}
	#siteId:before {
		margin: 0 5px 0 0;
	}
	.bottomContactArea__outer {
		padding: 0 20px;
	}
	.bottomContactArea {
		width: 100%;
		height: 230px;
		margin: 0 auto 100px;
	}
	.bottomContactArea a {
		width: 100%;
		height: 230px;
	}
	.wrap-video2 {
		width: 100%;
		margin: auto;
	}
	.fullWideImage {
		padding: 0;
		margin: 0 0 30px;
	}
/* less 767 */
}

/* ---------------------------------
 width <= 640px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:640px) {
	.flexbox__3 {
		display: block;
	}
	.flexbox__2 {
		display: block;
	}
	.flexbox__3 img {
		margin: 0 auto 30px;
	}
	.flexbox__2 img {
		margin: 0 auto 30px;
	}
/* less 640 */
}

/* ---------------------------------
 width <= 639px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:639px) {
	#top .outerContactButton {
		display: none;
	}
	#innerFooter {
		display: block;
	}
	.flexbox-1to3 {
		display: block;
		margin: 0 0 50px;
	}
	#fnavi-1.fnaviArea {
		padding: 0;
	}
	.fnaviArea#fnavi-2 h3 {
		display: none;
	}
/* less 639 */
}

/* ---------------------------------
 width <= 540px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:540px) {
	.bottomContactArea {
		height: 190px;
	}
	.bottomContactArea a {
		height: 190px;
	}
	#bottomContactArea__desc {
		font-size: 13px;
	}
	#floatingMenu {
		padding: 20px;
	}
	table.table1 {
		border-top: 0;
	}
	.table1 th, .table1 td {
		display: block;
		width: 100%;
		border-bottom: 0;
	}
	/* 流れ */
	.workFlow__item--child figure {
		flex: 0 0 100px;
	}
	.workFlow__item--child figure img {
		display: block;
		width: 75px;
		height: 56px;
	}
	.workFlow__item--child {
		padding: 20px 10px 10px;
	}
	.flexbox__1-2 figure {
		flex: 0 0 calc( 50% - 10px );
		margin: 0 0 20px;
	}
/* less 540 */
}

/* ---------------------------------
 width <= 430px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:430px) {
	#bottomContactArea__desc {
		font-size: 14px;
	}
	#bottomContactArea__desc span {
		display: block;
	}
	#bottomContactArea__desc br {
		display: none;
	}
	#floatingMenu__title {
		padding: 0 0 10px;
	}
	#floatingMenu__1 {
		padding: 0 0 10px;
	}
	.breadcrumbs .outerBreadcrumbs {
		padding: 0 5px;
	}
	.breadcrumbs__list ul {
		font-size: 12px;
	}
	.floatingMenu__naviWrap a {
		padding: 5px 15px 5px 7px;
		margin: 0 0 7px;
	}
	#floatingMenu-2.showed {
		width: 100%;
	}
	#siteId {
		line-height: 1.3;
		font-size: 11px;
	}
	.fnavi-1__inner {
		display: block;
	}
	.flexbox__1-2 {
		display: block;
	}
/* less 430 */
}

/* ---------------------------------
 width <= 375px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:375px) {
	#top {
		padding: 0 0 0 5px;
	}
	.sigleTitle span {
		padding: 0 5px;
		letter-spacing: 1px;
	}
/* less 375 */
}

/* ---------------------------------
 width <= 360px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:360px) {

/* less 360 */
}

/* ---------------------------------
 width <= 320px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:320px) {

/* less 320 */
}
/* End of file */