@charset "UTF-8";
/* --------------------------------
 * base
 * -------------------------------- */

 @import url(‘https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese’);
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
 }
body {
    font-family:"ヒラギノ明朝 ProN W2","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",‘Noto Serif JP’, serif;
    font-weight: 500;
    color: #012044;
    letter-spacing: 0.2rem;
    text-align: left;
}
li {
	list-style-type: none;
	font-size: 1.4rem;
}
/* --------------------------------
 * base
 * -------------------------------- */

.OutlineWrap {
 	padding: 0 16px;
 }
a {
  color: #012044;
  text-decoration: none;
}
p, dl, dt,figure {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 2.4rem;
}
/* --------------------------------
 * top base
 * -------------------------------- */
.c-container {
	text-align: center;
	margin: 0 auto;
}

.HeaderContainer {
	margin-top: 16px;
}

.HeaderContainer::after {
	content: '';
	display: block;
	border-bottom: 1px solid #CCC;
	margin-top: 16px;
}

.HeaderLogo {
	display: block;
	margin: 0 auto;
}

.NavArea {
	display: flex;
	display: -ms-flexbox;
	justify-content: center;
	padding: 0 0.8rem;
	flex-wrap :wrap;
	margin-top: 1.6rem;
}

.NavArea__List {
	padding: 0 1.6rem 1.6rem;
}

.MainVisualContainer__Image {
 width: 100%;
 object-fit: cover;
 margin-top: 0;
}

.MainVisualContainer__Box {
	background-color: rgb(1,32,68);
	color: #fff;
	padding: 4rem 0.4rem 4rem 1.6rem;
	outline: solid 1px rgba(255,255,255,0.5);
	outline-offset: -10px;
}
.MainVisualContainer__Box p {
	font-size: 2.4rem;
	letter-spacing: 0.8rem;
	text-align: center;
	margin-top: 0;
}
/* --------------------------------
 * パンくず
 * -------------------------------- */
.BreadcrumbWrap {
	padding: 0 16px;
}
.Breadcrumb {
	margin-top: 16px;
}
.Breadcrumb__Item {
	display: inline;
	position: relative;
	padding: 0 16px;
}
.Breadcrumb__Item:first-child {
	padding-left: 0;
}
.Breadcrumb__Anker:not([href]) {
    color: #666;
    text-decoration: none;
}
.Breadcrumb__Item + .Breadcrumb__Item:before {
    display: inline-block;
    position: absolute;
    left: -0.5rem;
    top: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: auto;
    margin-bottom: auto;
    border-right-width: 0.0625rem;
    border-right-style: solid;
    border-right-color: inherit;
    border-bottom-width: 0.0625rem;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    vertical-align: middle;
    content: "";
    transform: rotate(-45deg);
}
/* --------------------------------
 * キャプション
 * -------------------------------- */

 .Caption {
 	font-size: 1.2rem;
 	text-align: center;
    margin-top: 16px;
 }

/* --------------------------------
 * コンポーネント ボタン
 * -------------------------------- */

.Button01 {
	border: 1px solid;
	padding: 4px 20px 4px 12px;
	display: inline-block;
	position: relative;
	background-color: #FFF;
	margin-top: 1.6rem;
}
.Button01 a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.Button01__Text {
	font-size: 1.6rem;
}
.Button01:after {
	bottom: 4px;
	right: 4px;
	position: absolute;
	content: '';
 border-bottom: 8px solid #012044;
  border-left: 8px solid transparent;
}
.Button01:hover {
	background-color: #E6E9EC;
	transition: all .2s;
}
.Button--Right {
	text-align:right;
}
/* --------------------------------
 * ページ内リンクリスト
 * -------------------------------- */
 .InPageLInksArea {
 	padding: 32px;
 	background-color: #F3F3F3;
 	margin-top: 32px;
 	width: 100%;
 }
 .InPageLInksArea__Inner {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: center;
 	align-items: center;
 	margin: 0 auto;
 }
 .InPageLInksArea__item {
 	padding: 0 32px;
 	margin: 8px 0;
 }
/* --------------------------------
 * 商品詳細ページ用ページネーション
 * -------------------------------- */

 .PaginationArea {
 	width: 100%;
 	margin: 32px 0;
 	display: flex;
 	justify-content: center;
 }
.PaginationButton, .PaginationButton--FirstPage {
	width: 100%;
	max-width: 320px;
	padding: 16px;
	border: 1px solid #ccc;
	position: relative;
	display: flex;
	justify-content: center;
	text-align: center;
}
.PaginationButton:hover, .PaginationButton--FirstPage:hover {
	background-color: #E6E9EC;
	transition: all .2s;
}
.PaginationButton a::after, .PaginationButton--FirstPage a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.PaginationArea .PaginationButton:first-child {
	padding-left: 28px;
}
.PaginationArea .PaginationButton:last-child {
	padding-right: 28px;
	border-left: none;
}
.PaginationArea .PaginationButton:last-child::before, .PaginationArea .PaginationButton--FirstPage:last-child::before {
	content: "";
 	display: block;
 	position: absolute;
 	top: calc(50% - 4px);
 	right: 12px;
 	width: 12px;
 	height: 12px;
 	border-top: 3px solid #012044;
 	border-right: 3px solid #012044;
 	transform: rotate(45deg);
}
.PaginationArea .PaginationButton:first-child::before {
	content: "";
 	display: block;
 	position: absolute;
 	top: calc(50% - 4px);
 	left: 12px;
 	width: 12px;
 	height: 12px;
 	border-top: 3px solid #012044;
 	border-left: 3px solid #012044;
 	transform: rotate(-45deg);
}
.PaginationButton--Forward {
	margin-top: 16px;
	margin-left: auto;
}
.PaginationButton__Text {
	font-size: 1.6rem;
	align-self: center;
}
/* --------------------------------
 * コンポーネント フッター
 * -------------------------------- */

.FooterWrap {
	color: #fff;
	padding: 32px 16px 32px;
	background: linear-gradient(rgba(1, 32, 68, 0.85), rgba(1, 32, 68, 0.85)),url(../images/common/bg01.jpg);
	background-size: cover;
	background-position: top 10% left 43%;
	position: relative;
	width: 100%;
	margin-top: 24px;
}
.FooterWrap--NoMarginTop {
	margin-top: 0 !important;
}
.List01 {
	margin-top: 24px;
}
.ListType01 {
	display: flex;
	margin-top: 0.8rem;
}
.ListType01__Mark {
	margin-right: 12px;
}
.FooterLogo {
	display: block;
}
.CopyLight {
	text-align: center;
}
/* --------------------------------
 * コンポーネント セクション
 * -------------------------------- */

.SectionWrap {
	padding: 40px 0;
	margin-top: 24px;
}
.OutlineWrap .SectionWrap:first-child:not(article) {
	padding: 0;
}
.SectionWrap--OnlyMeritColumn {
	padding: 40px 0 80px;
}
.SectionWrap--BgColor01{
	background-color: #F3F3F3;
	margin: 24px -16px 0;
	padding: 40px 16px;
}
.SectionWrap--Image01 {
	background-image: url("../images/common/img01.png");
	background-size: 700px;
	background-repeat: no-repeat;
	background-position: top -56px right -93px;
}
.SectionWrap--Image02 {
	background-image: url("../images/common/img02.png");
	background-size: 90vw;
	background-repeat: no-repeat;
	background-position: top 0 right 0;
}
/* --------------------------------
 * 商品紹介リスト
 * -------------------------------- */

.GoodsCard {
	display: flex;
    flex-direction: column-reverse;
    background-color: #FFF;
    margin: 0 auto;
    padding-top: 24px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.11);
    width: 60%;
    max-width: 300px;
    min-width: 240px;
    height: 310px;
}
.GoodsCard__Title {
	padding: 8px;
	background-color: #012044;
	color: #FFF;
	position: relative;
}
.GoodsCard__Title:after {
    bottom: 4px;
    right: 4px;
    position: absolute;
    content: '';
    border-bottom: 8px solid #FFF;
    border-left: 8px solid transparent;
}
.GoodsCard__Image {
	align-self: center;
}
.GoodsCard02 {
	display: flex;
    flex-direction: column-reverse;
    background-color: #FFF;
    margin: 0 auto;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.11);
    margin-top: 16px;
}
.GoodsCard02__Title {
	padding: 8px;
	background-color: #FFF;
	color: #012044;
	position: relative;
	border-top: 2px solid #012044;
}
.GoodsCard02__Title:after {
    bottom: 4px;
    right: 4px;
    position: absolute;
    content: '';
    border-bottom: 8px solid #012044;
    border-left: 8px solid transparent;
}
/* --------------------------------
 * 商品リスト
 * -------------------------------- */
 .GoodsList {
 	display: flex;
 	justify-content: space-between;
 	flex-wrap: wrap;
 }
 .GoodsList::after {
  		content:"";
  		display: block;
  		width:32%;
}
 .GoodsList__Item {
 	max-width: 47%;
 }
.GoodsCard02__Image {
	width: 100%;
	overflow: hidden;
	transition-duration: 0.5s;
}
.GoodsCard02__Image:hover img {
	transform: scale(1.1);
  	transition-duration: 0.5s;
}
/* --------------------------------
 * 見出し
 * -------------------------------- */

.Heading01 {
	width: 100%;
}
 .Heading01__Text {
 	text-align: center;
 	font-size: 3.6rem;
 	letter-spacing: 0.6rem;
 }
 .Heading02 {
 	display:inline-block;
 	margin-right: auto;
 }
 .Heading02__Text {
 	font-size: 2.8rem;
 	letter-spacing: 0.3rem;
 }
 .Heading02__Text--Border {
 	display: inline-block;
 	border-bottom: 1px solid #012044;
 	padding-bottom: 8px;
 }
.Heading02__Text--Border02 {
	display: inline-block;
	padding-bottom: 8px;
 	border-bottom: 1px solid #F7D885;
 }
 .Heading03 {
 	margin-top: 24px;
 }
 .Heading03__Text {
 	font-size: 2.2rem;
 	letter-spacing: 0.3rem;
 }
 /* --------------------------------
 * トップのお知らせ一覧
 * -------------------------------- */
 .ArticleBox {
 	display: flex;
 	display: -ms-flexbox;
 	-ms-flex-align: end;
    align-items: flex-end;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid #444;
    flex-wrap: wrap;
 }
.ArticleBox__Button {
	margin-left: auto;
	margin-top: 16px;
}
.ArticleBox__List li {
	margin-top: 16px;
	display: flex;
}
.ArticleBox__List li:first-child {
	margin-top: 0;
}
.ArticleBox__List li:before {
	content: '';
	width:9px;
	height:21px;
	background-image:url(../images/common/icon01.svg);
	background-repeat: no-repeat;
	background-position: center ;
}
.ArticleBox__List a {
	margin-left: 8px;
}
.ArticleBox__List time {
	display: inline-block;
}
 /* --------------------------------
 * トップの吾妻の魅力紹介
 * -------------------------------- */

.MeritColumn {
	display: flex;
	flex-flow: column;
	flex-direction: column-reverse;
	margin-top: 104px;
}
.MeritColumn:first-of-type {
	margin-top: 0;
}
.MeritColumn__Image, .MeritColumn__Image02 {
	z-index: -1;
	box-shadow: -10px 110px 0px 34px rgb(168 168 168 / 18%);
	max-width: 86%;
}
.MeritColumn__Image {
	margin-left: -16px;
}
.MeritColumn__Image02 {
	margin-left: auto;
	margin-right: -16px;
}
.MeritColumnBox01, .MeritColumnBox02, .MeritColumnBox03  {
	padding: 16px;
	display: flex;
    flex-flow: column;
    position: relative;
    box-shadow: 3px 3px 0px 3px rgba(168,168,168,0.25);
}
.MeritColumnBox01, .MeritColumnBox02, .MeritColumnBox03 {
    margin: 2.4rem -1.6rem 0 auto;
    background-color: #012044;
	color: #FFF;
	max-width: 88%;
}
.MeritColumnBox02, .MeritColumnBox03 {
	margin: 2rem auto 0 -1.6rem;
	background-color: #FFF;
    color: #012044;
    max-width: 86%;
}
.MeritColumnBox03 {
	margin: 2rem -1.6rem 0 auto;
}
.MeritColumnBox01::after, .MeritColumnBox02::after, .MeritColumnBox03::after{
	content: '';
    position: absolute;
    border: solid 1px rgba(1,32,68,0.4);
    z-index: -2;
}
.MeritColumnBox01::after{
    width: 76%;
    height: 158%;
    bottom: -48px;
    right: -30px;
}
.MeritColumnBox02::after {
    width: 76%;
    height: 430px;
    bottom: -48px;
    left: -16px;
    z-index: -2;
}
.MeritColumnBox03::after{
	width: 94%;
    height: 148%;
    top: -27%;
    right: -30px;
    z-index: -2;
}
.MeritColumnBox01 .Button01,.MeritColumnBox02 .Button01, .MeritColumnBox03 .Button01 {
	margin-left: auto;
}
.MeritColumnBox01__Text, .MeritColumnBox02__Text, .MeritColumnBox03__Text {
	margin-top: 2.4rem;
}
.MeritColumn__ImageBox {
	position:  relative;
	padding-top: 90%;
	width: 100%;
}
.MeritColumn__ImageBox::after {
    content: '';
    width: 81vw;
    height: 90%;
    background-color: rgb(168 168 168 / 18%);
    position: absolute;
    bottom: -19%;
    left: -16px;
    z-index: -3;
}
.MeritColumn__ImageItem01 {
	position: absolute;
	bottom: 36%;
	right: -16px;
	z-index: -2;
	max-width: 80%;
}
.MeritColumn__ImageItem02 {
	position: absolute;
 	z-index: -1;
 	left: -16px;
 	bottom: 0;
 	max-width: 62%;
}
/* --------------------------------
 * Googleマップ
 * -------------------------------- */

.GoogleMap{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;/*16:9の比率*/
    margin-top: 24px ;
}
.GoogleMap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* --------------------------------
 * アイコン付きのテキスト
 * -------------------------------- */

 .IconWithText {
 	margin-top: 1.6rem;
 	display: block;
 }
  .IconWithText02 {
 	position: relative;
 }
.IconWithText__image {
	display: inline-block;
	fill: #E6E9EC;
	color: #E6E9EC;
}
 .IconWithText .IconWithText__image {
 	display: inline-block;
 	margin-right: 8px;
 }
 .IconWithText .IconWithText__Text {
  vertical-align: -20%;
  font-size: 2.2rem;
 }
.IconWithText__Text--white {
	color: #FFF;
}
.IconWithText__Text03 {
	font-size: 1.6rem;
	vertical-align: -8%;
	color: #4D637C;
}
.IconWithText02__Image {
 	position: absolute;
 	top: 8px;
 	left: -21px;
}
 .IconWithText02__Text {
 	font-size: 2rem;
}
.TermText {
	display: block;
	margin: 8px 0 0 0;
}
/* --------------------------------
 * レイアウト系
 * -------------------------------- */

.Column02,.Column02--RowReverse,.Column02--ColumnReverse {
 	display: flex;
 	justify-content: space-around;
}
.Column02--RowReverse {
	flex-direction: row-reverse;
}
.Column02--ColumnReverse {
	flex-direction: column-reverse;
}
.Column02__Item,.Column02__Item--Reverse{
	width: 100%;
	margin-top: 16px;
}
.Column02__Item02 {
	flex-basis: 32%;
}
.Column02__Item03 {
	flex-basis: 62%;
}
/* --------------------------------
 * タブレット
 * -------------------------------- */
@media screen and (min-width: 600px) {

	.HeaderContainer {
		display: flex;
		width: 100%;
		max-width: 1200px;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 16px auto 0;
		align-items: center;
		padding-left: 16px;
	}
	.HeaderContainer::after {
		width: 100vw;
		margin: 16px calc(50% - 50vw) 0;
	}
	.MainVisualContainer {
		position: relative;
		width: 100%;
		max-width: 1800px;
		margin: 0 auto;
	}

	.MainVisualContainer__Box {
		background-color: rgba(1,32,68,0.85);
    	position: absolute;
    	width: 45%;
    	top: 35%;
    	right: 8%;
	}
	.MainVisualContainer__Box p {
    	font-size: 3.2vw;
	}
	.GoodsList__Item {
	    max-width: 32%;
	}
	.GoodsCard {
		max-width: 92%;
	}
	.GoodsCard__Image {
    	width: 170px;
	}
	.swiper-container {
		max-width: 860px;
	}
	.OutlineWrap{
		max-width: 1200px;
		margin: 0 auto;
	}
	.SectionWrap--BgColor01 {
		width: 100vw;
		margin: 24px calc(50% - 50vw) 0;
		padding: 60px calc(50vw - 50%);
	}
	.FooterLayout {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 700px;
	}
	.FooterLayout__left {
		margin-right: 88px;
	}
	.CopyLight {
		text-align: left;
		margin: 0 auto;
		max-width: 700px;
		margin-top: -20px;
	}
}
/* --------------------------------
 * MeritColumn
 * -------------------------------- */

@media screen and (min-width: 600px) and (max-width: 839px) {
	.MeritColumnBox01 {
		min-width: 500px;
		margin: 2.4rem 0 0 auto;
	}
	.MeritColumn__Image {
		margin-left: 0;
	}
}
/* --------------------------------
 * タブレット（min-widthの値は適当）
 * -------------------------------- */

@media screen and (min-width: 840px){

	.Heading01__Text {
 	font-size: 4.8rem;
 	}
	 .Heading02__Text {
 	font-size: 3.2rem;
 	}

	.SectionWrap {
		margin-top: 40px;
	}
	.Heading03 {
		margin-top: 40px;
	}
	.MeritColumn {
		margin: 206px auto 0;
		max-width: 840px;
	}
	.MeritColumn:first-of-type {
		flex-direction: row-reverse;
		align-items: flex-start;
		margin-top: 0;
		justify-content: space-between;
	}
	.MeritColumn--FlexRow {
		flex-direction: row;
		align-items: flex-end;
	}
	.MeritColumn--FlexRowReverse {
		flex-direction: row-reverse;
		align-items: center;
	}
	.MeritColumnBox01 {
		flex-direction: row-reverse;
		flex-wrap: wrap;
		margin-left: 32px;
		margin-right: 24px;
		align-items: flex-start;
		padding: 32px 8px 24px 0;
		min-width: 178px;
		height: 580px;
	}
	.MeritColumnBox02 {
		margin-right: 24px;
		margin-left: 16px;
	}
	.MeritColumnBox01 .Button01 {
		margin-top: 0;
		margin-right: 10px;
	}
	.MeritColumnBox01__Text, .MeritColumnBox02__Text, .MeritColumnBox03__Text {
	font-size: 1.6rem;
	letter-spacing: 0.5rem;
	}
	.MeritColumnBox01 .Heading02 {
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
  		margin-right: 16px;
	}
	.MeritColumnBox01 .MeritColumnBox01__Text {
		-ms-writing-mode: tb-rl;
  		writing-mode: vertical-rl;
  		margin-right: 24px;
	}
	.MeritColumnBox01 .Heading02__Text--Border02 {
		border-left: 1px solid #F7D885;
		border-bottom: none;
		display: inline-block;
	}
	.MeritColumnBox01::after {
    	width: 50vw;
    	height: 83%;
    	bottom: -80px;
    	right: -40px;
	}
	.MeritColumnBox02::after {
		width: 150%;
    	height: 96%;
    	bottom: -68px;
    	left: -49px;
	}
	.MeritColumn__Image {
		box-shadow: none;
		position: relative;
		margin-left: 24px;
		max-width: 582px;
	}

	.MeritColumn__Image02 {
		box-shadow: none;
		position: relative;
		max-width: 582px;
		margin-right: 0;
	}
	.MeritColumn__Image::after {
		content: '';
		width: 61vw;
		height: 80%;
		background-color: rgb(168 168 168 / 18%);
		position: absolute;
		bottom: -15%;
		left: calc(420px - 50vw - 40px);
		z-index: -1;
	}
	.MeritColumn__Image02::after {
    	content: '';
    	width: 61vw;
    	height: 73%;
    	background-color: rgb(168 168 168 / 18%);
    	position: absolute;
    	bottom: -38%;
    	right: calc(255px - 50vw - 40px);
    	z-index: -1;
	}
	.MeritColumnBox03 {
		flex-basis: 100%;
		margin-right: 16px;
	}
	.MeritColumnBox03::after {
    width: 132%;
    height: 122%;
    top: 10%;
    right: -30px;
    z-index: -2;
	}
	.MeritColumn__ImageBox {
		padding-top: 0;
		position: relative;
		margin: 0 32px 0 16px;
		width: 80%;
	}
	.MeritColumn__ImageBox::after {
    	left: calc(420px - 50vw - 26px);
    	top: 220px;
    	width: 66vw;
    	height: 67%;
	}
	.MeritColumn__ImageItem01 {
	    position: static;
	    max-width: 100%;
	}
	.MeritColumn__ImageItem02 {
	    position: static;
	    max-width: 80%;
	    margin-left: auto;
	}
	.GoodsList {
		margin-top: 32px;
	}
	.GoodsList__Item {
		margin-top: 24px;
	}
	.OnlyPcColumn02,.OnlyPcColumn02--RowReverse,.OnlyPcColumn02--ColumnReverse {
 	display: flex;
 	justify-content: space-around;
 	margin-top: 40px;
 	}
	.OnlyPcColumn02--RowReverse {
	flex-direction: row-reverse;
	}
	.OnlyPcColumn02--ColumnReverse {
	flex-direction: column-reverse;
	}
	.Column02__Item:first-child {
	margin-right: 32px;
	}
	.Column02__Item--Reverse:first-child {
		margin-left: 32px;
	}
	.PaginationArea {
		margin-top: 64px;
	}
	.FooterWrap {
		margin-top: 40px;
	}
	}
/* --------------------------------
 * MainVisual
 * -------------------------------- */

@media screen and (min-width: 1025px) {

	.MainVisualContainer__Box p {
    	font-size: 2.8vw;
    }
}
/* --------------------------------
 * top meritcolumn
 * -------------------------------- */

@media screen and (min-width: 1200px) {

	.SectionWrap--OnlyMeritColumn {
    	margin: 80px 0 104px;
	}
	.SectionWrap--BgColor01 {
    margin-top: 40px;
	}
	.MeritColumn {
		max-width: 1200px;
	}
	.MeritColumnBox01 {
		height: 592px;
	}
	.MeritColumnBox01__Text, .MeritColumnBox02__Text, .MeritColumnBox03__Text {
		font-size: 1.8rem;
		letter-spacing: 0.4rem;
	}
	.MeritColumn__Image {
		max-width: 100%;
	}
	.MeritColumn__Image::after {
		content: '';
		width: 100%;
		height: 80%;
		background-color: rgb(168 168 168 / 18%);
		position: absolute;
		bottom: -15%;
		left: calc(600px - 50vw - 16px - 24px);/* 600px=コンテンツのmax-width:1200pxの半分 */
		z-index: -1;
	}
	.MeritColumn__ImageItem01 {
		width: auto;
		margin-left: auto;
	}
	.MeritColumnBox03::after {
		width: 141%;
    	height: 135%;
    	top: 19%;
    	right: -36px;
	}
	.MeritColumn__ImageBox::after {
		top: 177px;
		height: 82%;
	}
	.SectionWrap--Image02 {
		background-size: contain;
		background-position: top 0 right calc(50vw - 584px);
	}
	.FooterWrap {
    	margin-top: 80px;
	}
	}
/* --------------------------------
 * 部分最適用
 * -------------------------------- */

.ClearText {
	position: absolute;
    overflow: hidden;
    clip: rect(.0625rem,.0625rem,.0625rem,.0625rem);
    width: .0625rem;
    height: .0625rem;
    margin: -.0625rem;
    padding: 0;
    border: 0;
    word-wrap: normal;
    -webkit-clip-path: inset(50%);
	clip-path: inset(50%);
}
.TextCenter {
	text-align: center;
}
.TextRight {
	text-align: right;
}
.NotMarginTop {
	margin-top: 0;
}
.Br::before {
	content: "\A" ;
	white-space: pre ;
}
.LinkAnderline a {
  	position: relative;
  	display: inline-block;
}
.LinkAnderline a::after {
	position: absolute;
  	bottom: -4px;
  	left: 0;
  	content: '';
  	width: 100%;
  	height: 1px;
  	background: #333;
  	transform: scale(0, 1);
  	transform-origin: left top;
  	transition: transform .5s;
}
.LinkAnderline a:not([href]):after {
	content: none;
}
.LinkAnderline a:hover::after {
  transform: scale(1, 1);
}