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

/***************リセット***************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

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

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}
/***************／リセット***************/

.fs-l-main{
	padding: 0;
}
.fs-l-pageMain{
	padding-bottom: 7.5rem;
}
.coordinate{
	overflow: hidden;
}
.coordinate a:hover{
	text-decoration: none;
	color: inherit;
	opacity: 0.6;
}
@media screen and (min-width:641px) {
	.fs-l-main{
		width: 100%;
	}
	.coordinate{
		max-width: 1060px;
		margin: 0 auto;
		padding: 0 1rem;
	}
	.coordinate.coordinateHub{
		max-width: 1300px;
	}
}


/**************************
タイトル
**************************/
.coordinate .coordinateH1{
	position: relative;
	margin: 0;
	padding: 1rem 0 1.2rem;
	text-align: center;
}
.coordinate .coordinateH1 span{
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 2.3rem;
	font-weight: 700;
	color: #737373;
}
.coordinate .coordinateH1::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 10rem;
	height: 1px;
	transform: translateX(-50%);
	background-color: #737373;
}
.coordinate .coordinateH1::after, 
.coordinate .coordinateH1 span::before, 
.coordinate .coordinateH1 span::after{
	content: '';
	position: absolute;
	bottom: -0.5rem;
	left: 50%;
	display: block;
	width: 0.9rem;
	height: 0.9rem;
	border: solid 1px #737373;
	background-color: #ffffff;
}
.coordinate .coordinateH1::after{
	transform: translateX(-50%) rotate(-45deg);
}
.coordinate .coordinateH1 span::before{
	transform: translateX(-180%) rotate(-45deg);
}
.coordinate .coordinateH1 span::after{
	transform: translateX(85%) rotate(-45deg);
}
.coordinate .coordinateH2{
	margin: 0;
	padding: 1.2rem 0 1rem;
	text-align: center;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.8rem;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.coordinate.coordinateHub .coordinateH1{
	padding: 2rem 0;
	margin-bottom: 2rem;
}
.coordinate.coordinateHub .coordinateH1 span{
	font-size: 1.7rem;
}

@media screen and (min-width:641px) {
	.coordinate .coordinateH1{
		padding: 40px 0 20px;
	}
	.coordinate .coordinateH1 span{
		font-size: 46px;
	}
	.coordinate .coordinateH1::before{
		width: 200px;
	}
	.coordinate .coordinateH1::after, 
	.coordinate .coordinateH1 span::before, 
	.coordinate .coordinateH1 span::after{
		bottom: -8px;
		width: 16px;
		height: 16px;
	}
	.coordinate .coordinateH2{
		padding: 19px 0 18px;
		font-size: 36px;
	}
	.coordinate.coordinateHub .coordinateH1{
		padding: 76px 0 37px;
		margin-bottom: 60px;
	}
	.coordinate.coordinateHub .coordinateH1 span{
		font-size: 54px;
		line-height: 82px;
	}
}

/**************************
ナビ
**************************/
.coordinateNav{
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	margin: 0 0.5rem 0.3rem;
}
.coordinateNav li{
	width: 33.3333%;
	width: calc( 1 / 3 * 100% );
	padding: 1rem 0.75rem;
	list-style: none;
}
.coordinateNav li figcaption{
	padding: 0.8rem 0;
	text-align: center;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.5rem;
	font-weight: 700;
}
@media screen and (min-width:641px) {
	.coordinateNav{
		margin: 0 -0.75rem 0;
	}
	.coordinateNav li{
		width: 20%;
		padding: 17px 0.75rem;
}
	.coordinateNav li figcaption{
		padding: 1.1rem 0 0;
		font-size: 16px;
	}
}


/**************************
コーディネート
**************************/

.coordinateItemList .coordinateItem{
	position: relative;
	padding-top: 7.5rem;
}
@media screen and (min-width:641px) {
	.coordinateItemList{
		display:-webkit-flex; display:flex;
		-webkit-flex-wrap:wrap; flex-wrap:wrap;
		margin: 0 -3.05rem;
	}
	.coordinateItemList .coordinateItem{
		width: 50%;
		margin-top: 100px;
		padding: 130px 3.05rem 0;
	}
	.coordinateItemList .coordinateItem:nth-child(-n+2){
		margin-top: 0;
	}
}
.coordinateItemList .coordinateItem h3{
	position: absolute;
	top: 4rem;
	left: 1.3rem;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 5.5rem;
	font-weight: 700;
	z-index: 1;
	opacity: 0.6;
}
.coordinateItemList .coordinateItem figure{
	position: relative;
	margin-bottom: 4.2rem;
}
.coordinateItemList .coordinateItem figcaption{
	position: absolute;
	top: 96%;
	left: 1.3rem;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 2.6rem;
	font-weight: 700;
}
.coordinate03.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
.coordinate03.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption, 
.coordinate03.coordinateTommyM .coordinateItemList .coordinateItem figcaption, 
.coordinate03.coordinateTommyL .coordinateItemList .coordinateItem figcaption, 
.coordinate04.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
.coordinate04.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption, 
.coordinate04.coordinateTommyM .coordinateItemList .coordinateItem figcaption, 
.coordinate04.coordinateTommyL .coordinateItemList .coordinateItem figcaption{
	top: 95%;
}
.coordinateItemList .coordinateItem .lead{
	padding: 0 1.2rem 3rem;
	line-height: 1.625;
	font-size: 1.6rem;
	color: #737373;
}
@media screen and (min-width:641px) {
	.coordinateItemList .coordinateItem h3{
		top: 80px;
		left: 4.4rem;
		font-size: 77px;
	}
	.coordinateItemList .coordinateItem figure{
		margin-bottom: 62px;
	}
	.coordinateItemList .coordinateItem figcaption{
		left: 0.8rem;
		font-size: 37px;
	}
	.coordinateItemList .coordinateItem .lead{
		padding: 0 1.2rem 28px;
		line-height: 2.25;
		font-size: 16px;
	}
}
@media screen and (min-width:641px) and (max-width:1075px){
	.coordinateItemList .coordinateItem figcaption{
		font-size: 3.44186vw;
	}
	.coordinateItemList .coordinateItem figcaption{
		font-size: 3.44186vw;
	}
}
.coordinateItemList .coordinateItem .itemFlex{
	padding: 0 1rem;
}
.coordinateItemList .coordinateItem .item{
	margin-top: 4rem;
}
.coordinateItemList .coordinateItem .item:first-of-type{
	margin-top: 0;
}
.coordinateItemList .coordinateItem a.itemFlexSP{
	display:-webkit-flex; display:flex;
}
.coordinateItemList .coordinateItem .itemFlexSP > div{
	width: 50%;
	padding: 0 0.5rem;
}
.coordinateItemList .coordinateItem .itemFlexSP .itemImg img{
	border: solid 1px #b6b6b6;
}
.coordinateItemList .coordinateItem .itemFlexSP p{
	font-size: 1.6rem;
}
.coordinateItemList .coordinateItem .itemFlexSP .buyBtn{
	width: 6rem;
	margin-top: 1rem;
	text-align: center;
	line-height: 2.5rem;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.4rem;
	color: rgba(255,255,255,0.8);
}
@media screen and (min-width:641px) {
	.coordinateItemList .coordinateItem .itemFlex{
		display:-webkit-flex; display:flex;
		-webkit-flex-wrap:wrap; flex-wrap:wrap;
		padding: 0;
		margin: 0 -1.25rem;
	}
	.coordinateItemList .coordinateItem .item{
		width: 50%;
		margin-top: 0;
		padding: 40px 1.25rem;
	}
	.coordinateItemList .coordinateItem a.itemFlexSP{
		display: block;
	}
	.coordinateItemList .coordinateItem .itemFlexSP > div{
		width: 100%;
		padding: 0;
	}
	.coordinateItemList .coordinateItem .itemFlexSP p{
		padding-top: 14px; 
		text-align: center;
		font-size: 16px;
	}
	.coordinateItemList .coordinateItem .itemFlexSP .buyBtn{
		width: 80px;
		margin: 12px auto 0;
		line-height: 30px;
		font-size: 16px;
	}
}

/**************************
各カラー
**************************/
.coordinate.coordinateAdmiralM .coordinateH2,
.coordinate.coordinateAdmiralM .coordinateNav figcaption, 
.coordinate.coordinateAdmiralM .coordinateItemList .coordinateItem .itemFlexSP p, 
.coordinate.coordinateAdmiralM .coordinateNavProWrap .coordinateNavPro h3, 
.coordinate.coordinateAdmiralM .coordinatePro > h3{
	color: #7f94dc;
}
.coordinate.coordinateAdmiralM .coordinateItemList .coordinateItem h3, 
.coordinate.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
.coordinate.coordinateAdmiralL .coordinateItemList .coordinateItem h3, 
.coordinate.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption{
	color: #b6b6b6;
}
.coordinate03.coordinateAdmiralM .coordinateItemList .coordinateItem h3, 
.coordinate03.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
.coordinate03.coordinateAdmiralL .coordinateItemList .coordinateItem h3, 
.coordinate03.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption{
	color: #737373;
}
.coordinate04.coordinateAdmiralM .coordinateItemList .coordinateItem h3, 
.coordinate04.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
.coordinate04.coordinateAdmiralL .coordinateItemList .coordinateItem h3, 
.coordinate04.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption{
	color: #b4b4b4;
}
.coordinate.coordinateAdmiralM .coordinateItemList .coordinateItem .itemFlexSP .buyBtn{
	background-color: #7f94dc;
}
.coordinate.coordinateAdmiralL .coordinateH2,
.coordinate.coordinateAdmiralL .coordinateNav figcaption, 
.coordinate.coordinateAdmiralL .coordinateItemList .coordinateItem .itemFlexSP p, 
.coordinate.coordinateAdmiralL .coordinateNavProWrap .coordinateNavPro h3, 
.coordinate.coordinateAdmiralL .coordinatePro > h3{
	color: #dc7f7f;
}
.coordinate.coordinateAdmiralL .coordinateItemList .coordinateItem .itemFlexSP .buyBtn{
	background-color: #dc7f7f;
}

.coordinate.coordinateTommyM .coordinateH2,
.coordinate.coordinateTommyM .coordinateNav figcaption, 
.coordinate.coordinateTommyM .coordinateItemList .coordinateItem h3, 
.coordinate.coordinateTommyM .coordinateItemList .coordinateItem figcaption, 
.coordinate.coordinateTommyM .coordinateItemList .coordinateItem .itemFlexSP p, 
.coordinate.coordinateTommyM .coordinateNavProWrap .coordinateNavPro h3, 
.coordinate.coordinateTommyM .coordinatePro > h3{
	color: #010439;
}
.coordinate.coordinateTommyM .coordinateItemList .coordinateItem .itemFlexSP .buyBtn{
	background-color: #010439;
}
.coordinate.coordinateTommyL .coordinateH2,
.coordinate.coordinateTommyL .coordinateNav figcaption, 
.coordinate.coordinateTommyL .coordinateItemList .coordinateItem h3, 
.coordinate.coordinateTommyL .coordinateItemList .coordinateItem figcaption, 
.coordinate.coordinateTommyL .coordinateItemList .coordinateItem .itemFlexSP p, 
.coordinate.coordinateTommyL .coordinateNavProWrap .coordinateNavPro h3, 
.coordinate.coordinateTommyL .coordinatePro > h3{
	color: #cc0c2f;
}
.coordinate.coordinateTommyL .coordinateItemList .coordinateItem .itemFlexSP .buyBtn{
	background-color: #cc0c2f;
}

/**************************
ハブ
**************************/
.coordinateHub .coordinateHubList{
	padding: 0 0.5rem;
}
.coordinateHub .coordinateHubList > div{
	margin-bottom: 0.5rem;
}
@media screen and (min-width:641px) {
	.coordinateHub .coordinateHubList{
		display:-webkit-flex; display:flex;
		-webkit-flex-wrap:wrap; flex-wrap:wrap;
		margin: -0.5rem;		
		padding: 0;
	}
	.coordinateHub .coordinateHubList > div{
		width: 50%;
		margin: 0;
		padding: 0.5rem;
	}
}
.coordinateHub .coordinateHubWrap{
	padding-bottom: 2.5rem;
}
.coordinateHub .coordinateHubWrap:last-of-type{
	padding-bottom: 0;
}
.coordinateHub .coordinateHubWrap h2{
	margin-bottom: 0.8rem;
	text-align: center;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.4rem;
	font-weight: bold;
	color: #737373;
}
@media screen and (min-width:641px) {
	.coordinate.coordinateHub .coordinateH1{
		margin-bottom: 44px;
	}
	.coordinateHub > .coordinateHubList{
		margin-top: calc(60px - 0.5rem);
	}
	.coordinateHub .coordinateHubWrap{
		padding-bottom: 32px;
	}
	.coordinateHub .coordinateHubWrap h2{
		margin-bottom: 22px;
		font-size: 38px;
	}
}
.coordinateHub .coordinateCsText{
	margin-bottom: 2.5rem;
	text-align: center;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.4rem;
	font-weight: bold;
	color: #737373;
}
@media screen and (min-width:641px) {
	.coordinateHub .coordinateCsText{
		margin-bottom: 60px;
		font-size: 38px;
	}
}


.coordinate .coordinateHubWrap1{
	position: relative;
	margin: 2rem 0 0;
	padding: 2rem 0;
	text-align: center;
}
.coordinate .coordinateHubWrap1::before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 10rem;
	height: 1px;
	transform: translateX(-50%);
	background-color: #737373;
}
.coordinate .coordinateHubWrap1::after, 
.coordinate .coordinateHubWrap1 span::before, 
.coordinate .coordinateHubWrap1 span::after{
	content: '';
	position: absolute;
	top: -0.5rem;
	left: 50%;
	display: block;
	width: 0.9rem;
	height: 0.9rem;
	border: solid 1px #737373;
	background-color: #ffffff;
}
.coordinate .coordinateHubWrap1::after{
	transform: translateX(-50%) rotate(-45deg);
}
.coordinate .coordinateHubWrap1 span::before{
	transform: translateX(-180%) rotate(-45deg);
}
.coordinate .coordinateHubWrap1 span::after{
	transform: translateX(85%) rotate(-45deg);
}

@media screen and (min-width:641px) {
	.coordinate.coordinateHub .coordinateHubWrap1{
		padding-top: 50px;
		margin-top: 60px;
	}
	.coordinate .coordinateHubWrap1::before{
		width: 200px;
	}
	.coordinate .coordinateHubWrap1::after, 
	.coordinate .coordinateHubWrap1 span::before, 
	.coordinate .coordinateHubWrap1 span::after{
		bottom: -8px;
		width: 16px;
		height: 16px;
	}
}




/**************************
22spring
**************************/
.coordinate .coordinateH1 span, 
.coordinate .coordinateH2, 
.coordinate .coordinateNav li figcaption, 
.coordinate .coordinateItemList .coordinateItem h3, 
.coordinate .coordinateItemList .coordinateItem figcaption, 
.coordinate .coordinateItemList .coordinateItem .itemFlexSP .buyBtn, 
.coordinate .coordinateNavProWrap .coordinateNavPro h3, 
.coordinate .coordinatePro > h3{
	font-family: Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Roboto, sans-serif;
}
.coordinate .coordinateH2{
	font-weight: 700;
}
.coordinate .coordinateNav li figcaption{
	font-weight: 400;
}

.coordinate .coordinateItemList .coordinateItem h3{
	font-style: italic;
}
.coordinate05.coordinateAdmiralM .coordinateItemList .coordinateItem h3, 
.coordinate05.coordinateAdmiralL .coordinateItemList .coordinateItem h3{
	color: #737373;
}
.coordinate .coordinateItemList .coordinateItem figcaption{
	top: 95%;
	left: 0.5rem;
	letter-spacing: -0.06em;
	font-size: 2.5rem;
}
.coordinate05.coordinateAdmiralM .coordinateItemList .coordinateItem.sc figcaption, 
.coordinate05.coordinateAdmiralL .coordinateItemList .coordinateItem.sc figcaption{
	color: #737373;
}
.coordinate05.coordinateAdmiralM .coordinateItemList .coordinateItem.sh figcaption, 
.coordinate05.coordinateAdmiralL .coordinateItemList .coordinateItem.sh figcaption{
	color: #64ad8d;
}
@media screen and (min-width:641px) {
	.coordinate .coordinateItemList .coordinateItem figcaption{
		font-size: 37px;
	}
}
@media screen and (min-width:641px) and (max-width:1075px){
	.coordinate.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
	.coordinate.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption{
		font-size: 3.44186vw;
	}
}
.coordinate .coordinateH1 span, 
.coordinateHub .coordinateHubWrap h2{
	font-family: Arial, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Roboto, sans-serif;
}



/**************************
22summer
**************************/
.coordinate06.coordinateAdmiralM .coordinateItemList .coordinateItem h3, 
.coordinate06.coordinateAdmiralL .coordinateItemList .coordinateItem h3, 
.coordinate06.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
.coordinate06.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption{
	color: #ff9d04;
}


/**************************
22fall
**************************/
.coordinate07.coordinateAdmiralM .coordinateItemList .coordinateItem.m60 h3, 
.coordinate07.coordinateAdmiralL .coordinateItemList .coordinateItem.m60 h3, 
.coordinate07.coordinateAdmiralM .coordinateItemList .coordinateItem.m60 figcaption, 
.coordinate07.coordinateAdmiralL .coordinateItemList .coordinateItem.m60 figcaption{
	color: #5832ab;
}
.coordinate07.coordinateAdmiralM .coordinateItemList .coordinateItem.oa h3, 
.coordinate07.coordinateAdmiralL .coordinateItemList .coordinateItem.oa h3, 
.coordinate07.coordinateAdmiralM .coordinateItemList .coordinateItem.oa figcaption, 
.coordinate07.coordinateAdmiralL .coordinateItemList .coordinateItem.oa figcaption{
	color: #737373;
}


/**************************
22winter
**************************/
.coordinate08.coordinateAdmiralM .coordinateItemList .coordinateItem h3, 
.coordinate08.coordinateAdmiralL .coordinateItemList .coordinateItem h3, 
.coordinate08.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
.coordinate08.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption{
	color: #005067;
}


/**************************
22spring
**************************/
.coordinate09.coordinateAdmiralM .coordinateItemList .coordinateItem h3, 
.coordinate09.coordinateAdmiralL .coordinateItemList .coordinateItem h3, 
.coordinate09.coordinateAdmiralM .coordinateItemList .coordinateItem figcaption, 
.coordinate09.coordinateAdmiralL .coordinateItemList .coordinateItem figcaption{
	color: #91ceaa;
}


/**************************
pro
**************************/
.coordinate .coordinateNavProWrap .coordinateNavPro{
	margin: 1rem 0;
}
.coordinate .coordinateNavProWrap .coordinateNavPro h3, 
.coordinate .coordinatePro > h3{
	text-align: center;
	font-size: 1.7rem;
	font-weight: 700;
	font-style: italic;
}
.coordinate .coordinatePro > h3{
	position: relative;
	top: 4rem;
}
.coordinateNavPro .coordinateNav{
	justify-content: center;
}
.coordinateNavPro .coordinateNav li{
	width: 50%;
}
.coordinate .coordinateNavProWrap.pro01nav{
	display: flex;
}
.coordinate .coordinateNavProWrap.pro01nav .coordinateNavPro{
		width: 50%;
}
.coordinate .coordinateNavProWrap.pro01nav .coordinateNavPro .coordinateNav li{
	width: 100%;
}

@media screen and (min-width:641px) {
	.coordinate .coordinateNavProWrap{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -1rem;
	}
	.coordinate .coordinateNavProWrap .coordinateNavPro{
		width: 50%;
		padding: 0 0.75rem;
	}
	.coordinateNavPro .coordinateNav{
		margin: 0;
	}
	.coordinateNavPro .coordinateNav li{
		padding: 17px 0.25rem;
	}
	.coordinate .coordinateNavProWrap .coordinateNavPro h3, 
	.coordinate .coordinatePro > h3{
		font-size: 1.4rem;
	}
	.coordinate .coordinatePro > h3{
		top: 3rem;
	}
	.coordinate .coordinateNavProWrap.pro01nav .coordinateNavPro .coordinateNav li{
		width: 50%;
	}
	.coordinate .pro01{
		display: flex;
		margin: 0 -3.05rem;
	}
	.coordinate .pro01 .coordinatePro{
		width: 50%;
	}
	.coordinate .pro01 .coordinatePro .coordinateItemList{
		margin: 0;
	}
	.coordinate .pro01 .coordinatePro .coordinateItemList .coordinateItem{
		width: 100%;
	}
}