@charset "utf-8";

body {
	width: 100%;
	position: relative;
	background-color: #fff;
}
a {
	text-decoration: none;
}
img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* フォント設定 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap');
body * {
	font-family: 'Noto Serif JP', serif;
}

/* basic */
.bgBlue {
	background: #0ABAB5;	
}
.txtWhite {
	color: #fff;
}
.txtBlue {
	color: #0ABAB5;
}
.txtRed {
	color: #ED1C24;
}
.txtC {
	text-align: center;
}
.txtR {
	text-align: right;
}
.blockC {
	display: flex;
	justify-content: center;
}
.overHidden {
	overflow: hidden;
}
.ttlPd {
	padding: 1.2vw 2.73vw;
}
.ttl {
	font-size: 4vw;
}
.btn {
	display: block;
	border-radius: 50px;
	text-align: center;
	transition: 0.3s;
}
.btnBlue {
	border: 1px solid #0ABAB5;
	background: #fff;
	color: #0ABAB5;
}
.btnBlue:hover {
	background: #0ABAB5;
	color: #fff;
}
.btn_s {
	width: 6.81vw;
	padding: 0.5vw;
	font-size: 1.17vw;
}
.btn_m {
	min-width: 11.48vw;
	padding: 0.75vw 1.5vw;
	font-size: 2vw;
}
.btn_l {
	min-width: 10vw;
	padding: 1vw 4vw 1.3vw 4vw;
	font-size: 2.5vw;
}
.btnPd {
	padding-bottom: 3.75vw;
}

@media screen and (min-width: 751px) {
	.sp {
		display: none !important;
	}
}

@media screen and (max-width: 750px) {
	.pc {
		display: none !important;
	}
	.ttlPd {
		padding: 2vw 4vw ;
	}
	.ttl {
		font-size: 8dvw;
	}
	.btn_s {
		width: 24vw;
		padding: 4vw 2vw;
		border-radius: 4px;
		font-size: 3vw;
	}
	.btn_m {
		font-size: 3vw;
		padding: 2vw;
		font-size: 3vw;
}
	.btn_l {
		min-width: 40vw;
		padding: 2.7vw 4vw 3.5vw 4vw;
		font-size: 6vw;
	}
	.btnPd {
		padding-bottom: 0;
	}
}

/* header */
.headerWrap,
.header {
	height: 10vw;
}
.header {
	width: 100%;
	background: #fff;
	opacity: 0.9;
}
.headerInr {
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 2.73vw ;	
}
.headerLogo {
	width: 27.1%;
}
.headerLogo a {
	display: block;
}
.headerItems {
	display: flex;
	flex-direction: column;
}
.headerSns, .headerMenu {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
}
.headerSns li {
	margin-left: 1vw;
}
.headerSns a {
	color: #fff;
}
.headerSns a:hover {
	opacity: 0.7;
}
.btn_insta a {
	background: radial-gradient(at 50% 120%, #FFDD83 2%, #F26939 40%, #CF2E92 100%);
}
.btn_x a,.btn_tktk a {
	background: #000;
}
.btn_line a {
	background: #00B900;
}
.headerMenu {
	padding-top: 1.8vw;
	font-size: 1.56vw;
}
.headerMenu li {
	margin-left: 3.9vw;	
}
.headerMenu a {
	color: #000;
	transition: 0.3s;
}
.headerMenu a:hover {
	color: #0ABAB5;
}
.floatTop {
	position: fixed;
	top: 0;
	left: 0;
	transition: 0.3s;
	z-index: 150;
}

@media screen and (min-width: 751px) {
	.floatTop.active {
		height: 6vw;
	}
	.floatTop.active .headerLogo {
		width: 22%;
	}
	.floatTop.active .headerSns {
		display: none;
	}
	.floatTop.active .headerMenu {
		padding-top: 0;
		font-size: 1.17vw;
	}
}

@media screen and (max-width: 750px) {
	.headerWrap,
	.header {
		height: 15vw;
	}
	.headerInr {
		padding: 0 4vw;
		justify-content: center;
	}
	.headerLogo {
		width: 44%;
	}
}

/* hbg */
@media screen and (min-width: 751px) {
	.hbgArea,
	.hbgMenuWrap {
		display: none;
	}
}

@media screen and (max-width: 750px) {
	.hbgArea{
	  position: absolute;
	  top: 50%;
	  right: 4vw;
	  display: block;
	  width: 7vw;
	  height: 7vw;
	  max-width: 20px;
	  max-height: 20px;
	  transform: translateY(-50%);
	  background-color: transparent;
	  border: none;
	  cursor: pointer;
	  outline: none;
	  padding: 0;
	  appearance: none;
	  z-index: 200;
	}
	.hbgArea:before,
	.hbgArea:after{
	  content: "";
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #0ABAB5;
	  transition: 0.3s;
	}
	.hbgArea:before{
	  top: 0;
	}
	.hbgArea:after{
	  bottom: 0;
	}
	.hbgIcon{
	  position: absolute;
	  top: 50%;
	  display: block;
	  width: 100%;
	  height: 2px;
	  margin-top: -1px;
	  background-color: #0ABAB5;
	}
	.hbgArea.is_open:before,
	.hbgArea.is_open:after{
	  width: 130%;
	  transform-origin: 0 0;
	}
	.hbgArea.is_open:before{
	  transform: rotate(45deg);
	}
	.hbgArea.is_open:after{
	  transform: rotate(-45deg);
	}
	.hbgArea.is_open .hbgIcon{
	  display: none;
	}
	.hbgMenuWrap{
	  display: none;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: #fff;
	  transition: 0.5s;
	  z-index: 100;
	  opacity: 0.9;
	  overflow: scroll;
	}
	.hbgMenu {
		margin-top: 15vw;
		height: auto;
	}
	.hbgMenuItem{
	  text-align: left;
	  border-bottom: 0.5px solid #0ABAB5;
	  line-height: 1.3;
	}
	.hbgMenuItem a{
	  position: relative;
	  display: block;
	  padding:  4vw 4vw 4vw 10vw;
	  text-decoration: none;
	  color: #000;
	  font-size: 14px;
	}
	.hbgMenuItem a:after{
	  content: "";
	  position: absolute;
	  top: 50%;
	  right: 5%;
	  width: 3vw;
	  height: 3vw;
	  border-style: solid;
	  border-width: 1px 1px 0 0;
	  border-color: #0ABAB5;
	  transform: rotate(45deg) translateY(-50%);
	}
	body.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
	}
}

/* mv */
.mv {
	position: relative;
	width: 100%;
	height: 42.97vw;
	overflow: hidden;
}
.mvText {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 3.5vw;
	color: #0ABAB5;
	text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 3px #fff, -1px -1px 3px #fff, 2px 2px 4px #fff, -2px -2px 4px #fff;
	z-index: 10;
}
.mvImgWrap {
	width: 100%;
	height: 100%;	
}
.mvImgItem {
	height: 42.97vw !important;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.mvImgItem01 {
	background-image: url(../img/mv_01.jpg);	
}
.mvImgItem02 {
	background-image: url(../img/mv_02.jpg);	
}
.mvImgItem03 {
	background-image: url(../img/mv_03.jpg);	
}

@media screen and (max-width: 750px) {
	.mv {
		height: 106.66vw;
	}
	.mvText {
		font-size: 6vw;
	}
	.mvImgItem {
		height: 106.66vw !important;
		background-size: contain;
	}
	.mvImgItem01 {
		background-image: url(../img/mv_01_sp.jpg);	
	}
	.mvImgItem02 {
		background-image: url(../img/mv_02_sp.jpg);	
	}
	.mvImgItem03 {
		background-image: url(../img/mv_03_sp.jpg);	
	}
}

/* news */
.newsWrap {
	padding: 14vw 25vw 7.81vw 25vw;
}
.newsLink {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-top: 5vw;
	font-size: 2vw;
	color: #0ABAB5;
}
.newsLink:first-child {
	margin-top: 0;
}
.newsLink > span {
	margin-right: 2vw;
}
.newsLink > a {
	color: inherit;
	line-height: 1.7;
	text-decoration: underline;
	transition: 0.3s;
}
.newsLink > a:hover {
	text-decoration: none;
}

@media screen and (max-width: 750px) {
	.newsWrap {
		padding: 12vw 15vw 0 15vw;
	}
	.newsLink {
		margin-top: 9vw;
		font-size: 3.4vw;
	}
}

/* section */
.secPd {
	padding-top: 7.81vw;
}
.secBox {
	position: relative;
	width: 100%;
	height: 23.51vw;
	margin-bottom: 3.28vw;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.secBox > * {
	height: 100%;
}
.secBoxTxt {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 2.5vw;
	line-height: 1.75;
	text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 2px #fff, -1px -1px 2px #fff, 2px 2px 2px #fff, -2px -2px 2px #fff;
}
.secLayer {
	position: relative;
}
.secLayerInr {
	width: 100%;
	height: 44.6vw;
	position: relative;
	margin-top: 4.14vw;
	margin-bottom: 3.9vw;
}
.secLayerItem {
	position: absolute;
}
.secLayerItem01 {
	width: 42.15vw;
	padding-top: 2.96vw;
}
.secLayerItem02 {
	width: 60.15vw;
	height: 31.2vw;
	top: 0;
	z-index: 10;
}
.secLayerTxtWrap {
	height: 34.1vw;
	margin-top: 3.52vw;
}
.secLayerSubttl {
	padding-top: 8.12vw;
}
.secLayerTxt {
	padding-top: 9vw;
	font-size: 1.56vw;
	line-height: 1.75;
}
.secLayerImg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.secLayerBtn {
	width: 60.15vw;
	position: absolute;
	bottom: 3.9vw;
}

@media screen and (max-width: 750px) {
	.secPd {
		padding-top: 25vw;
	}
	.secBox {
		margin-bottom: 7vw;
	}
	.secBox01 {
		height: 106.66vw;
	}
	.secBox02 {
		height: 53.33vw;
	}
	.secBoxTxt {
		font-size: 5.3vw;
	}
	.secLayerInr {
		margin: 0;
		height: 112vw;
	}
	.secLayerItem01 {
		width: 72vw;
		padding-top: 25vw;
	}
	.secLayerItem02 {
		width: 69.33vw;
		height: 66.66vw;
	}
	.secLayerTxtWrap {
		height: 58vw;
		margin-top: 21vw;
	}
	.secLayerSubttl {
		padding-top: 15.3vw;
	}
	.secLayerTxt {
		padding-top: 10vw;
		padding-right: 2vw;
		font-size: 3.4vw;
	}
	.secLayerBtn {
		width: 100%;
		position: static;
		margin-top: 9.3vw;
	}
}

/* description */
.description .secBox {
	background-image: url(../img/img_description.jpg);
}

@media screen and (max-width: 750px) {
	.description .secBox {
		background-image: url(../img/img_description_sp.jpg);
	}
}

/* buy */
.buy .secLayerItem01 {
	position: relative;
	padding-left: 2.73vw;
}
.buy .secLayerItem02 {
	right: 0;
}
.buy .secLayerTtl,
.buy .secLayerSubttl,
.buy .secLayerTxt {
	padding-left: 3.28vw;
}
.buy .secLayerImg {
	background-image: url(../img/img_buy.jpg);	
}
.buy .secLayerBtn {
	right: -4.5vw;	
}

@media screen and (max-width: 750px) {
	.buy .secLayerItem01 {
		padding-left: 4vw;
	}
	.buy .secLayerTtl,
	.buy .secLayerSubttl,
	.buy .secLayerTxt {
		padding-left: 4vw;
	}
	.buy .secLayerImg {
		background-image: url(../img/img_buy_sp.jpg);	
	}
}

/* sell */
.sell .secLayerItem01 {
	top: 2.96vw;
	right: 2.73vw;
}
.sell .secLayerItem02 {
	position: relative;
}
.sell .secLayerTtl,
.sell .secLayerSubttl,
.sell .secLayerTxt {
	padding-left: 8.5vw;
}
.sell .secLayerImg {
	background-image: url(../img/img_sell.jpg);	
}
.sell .secLayerBtn {
	left: -4.5vw;
}

@media screen and (max-width: 750px) {
	.sell .secLayerItem01 {
		right: 4vw;
	}
	.sell .secLayerTtl,
	.sell .secLayerSubttl {
		padding-right: 6.6vw;
		text-align: right;
	}
	.sell .secLayerTxt {
		padding-left: 4vw;
	}
	.sell .secLayerImg {
		background-image: url(../img/img_sell_sp.jpg);	
	}
}

/* company */
.company .secBox {
	background-image: url(../img/img_company.jpg);
}

@media screen and (max-width: 750px) {
	.company .secBox {
		background-image: url(../img/img_company_sp.jpg);
	}
}

/* contact */
.contact .secBox {
	background-image: url(../img/img_contact.jpg);
}

@media screen and (max-width: 750px) {
	.contact .secBox {
		background-image: url(../img/img_contact_sp.jpg);
	}
}


/* EC */
.ecWrap {
	padding: 2.73vw;
}
.ecInr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
}
.ecItem {
	width: 14vw;
	margin-top: 3vw;
	padding-left: 5vw;	
}
.ecItem:first-child {
	padding-left: 0;
}
.ecItem a {
	display: block;
}
.ecItem img {
	transition: 0.3s;
}
.ecItem a:hover img {
	transform: scale(1.2, 1.2);
}
.ecYfrema {
	display: block;
	width: 70%;
	margin: auto;
}
.ecItemTxt {
	display: block;
	text-align: center;
	font-size: 1.17vw;
	color: #fff;
}
.ecTxt {
	margin-top: 5vw;
	text-align: right;
}

@media screen and (max-width: 750px) {
	.ecWrap {
		padding: 4vw 4vw 6vw;
	}
	.ecTtl {
		margin-bottom: 9.6vw;
		text-align: center;
	}
	.ecInr {
		flex-direction: column;
	}
	.ecInr:last-child {
		margin-top: 5vw;
	}
	.ecItem {
		width: 100%;
		margin-top: 5vw;
		padding-left: 0;	
	}
	.ecItem a {
		display: flex;
		align-items: center;
	}
	.ecItem a:hover img {
		transform: scale(1, 1);
	}
	.ecItemLogo {
		width: 50vw;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
	}
	.ecItemLogo.ecYfrema {
		margin: 0;
	}
	.ecItemLogo img {
		width: 50%;
		box-sizing: border-box;
	}
	.ecItemLogo.ecYfrema {
		margin: 0;
	}
	.ecItemLogo.ecYfrema img {
		width: 40%;
	}
	.ecMercari {
		padding: 0 4.2vw;
	}
	.ecYahoo {
		padding: 0 1.3vw;
	}
	.ecRakuma {
		padding: 0 2vw;
	}
	.ecItemTxt {
		text-align: left;
		font-size: 3.4vw;
	}
	.ecTxt {
		margin-top: 12.4vw;
		text-align: center;
	}
}

/* footer */
.footer {
	padding-top: 7.81vw;
}
.footerInr {
	padding: 2.73vw 2.73vw 8.6vw 2.73vw;
}
.footerInr * {
	font-size: 1.17vw;
	color: #fff;
}
.footerLogo {
	width: 20.15vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.73vw;
}
.footerLink {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-top: 1.95vw;
}
.footerLink li {
	margin-left: 3.12vw;
}
.footerLink li:first-child {
	margin-left: 0;
}
.copy {
	margin-top: 3.75vw;
}

@media screen and (max-width: 750px) {
	.footer {
		padding-top: 13vw;
	}
	.footerInr {
		padding: 4vw 4vw 22vw 4vw;
	}
	.footerInr * {
		font-size: 3vw;
	}
	.footerLogo {
		width: 31vw;
		margin-bottom: 5vw;
	}
	.footerLink {
		margin-top: 5vw;
	}
	.footerLink li {
		margin-left: 5vw;
	}
	.copy {
		margin-top: 10vw;
	}
}

/* floatMenu */
.floatMenu {
	width: 100%;
	height: 5vw;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: rgba(77, 77, 77, 0.6);
}
.floatMenuInr {
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 5vw;	
}
.floatSns, .floatEc {
	display: flex;
	flex-wrap: nowrap;
}
.floatSns {
	align-items: center;	
}
.floatSns li {
	margin-left: 1vw;
}
.floatSns li:first-child,
.floatEc li:first-child {
	margin-left: 0;
}
.floatSns a {
	color: #fff;
}
.floatSns a:hover,
.floatEc a:hover {
	opacity: 0.7;
}
.floatEc li {
	margin-left: 3.35vw;
}
.floatEc a {
	display: block;
	height: 100%;
}
.floatBottom {
	opacity: 0;
	transform: translate(0, 7vw);
	transition: 0.5s;
	z-index: 50;
}
.floatBottom.active {
	opacity: 1;
	transform: translate(0, 0);
}

@media screen and (max-width: 750px) {
	.floatMenu {
		height: 20vw;
	}
	.floatMenuInr {
		padding: 0 4vw;	
	}
	.floatSns li {
		margin-left: 4vw;
	}
	.floatEc li {
		margin-left: 3vw;
	}
}

/* fadein */
.fadein_l-r,
.fadein_l-r_late {
	opacity: 0;
	transform: translate(-10vw, 0);
	transition: 1s;
}
.fadein_r-l,
.fadein_r-l_late {
	opacity: 0;
	transform: translate(10vw, 0);
	transition: 1s;	
}
.fadein_l-r.active,
.fadein_r-l.active,
.fadein_l-r_late.active,
.fadein_r-l_late.active {
	opacity: 1;
	transform: translate(0, 0);
}
.fadein_simple {
	opacity: 0;
	transition: 2s;
}
.fadein_simple.active {
	opacity: 1;
}

/*---- other pade -----------------------------------------*/

/* breadcrumb */
.breadcrumb {
	display: flex;
	align-items: center;
	padding: 0.5vw 2.73vw;
}
.breadcrumbItem {
	position: relative;
	margin-left: 3.4vw;
	font-size: 1.17vw;
}
.breadcrumbItem:before {
	content: "＞";
	position: absolute;
	top: 50%;
	left: -2vw;
	transform: translateY(-50%);
}
.breadcrumbItem:first-child {
	margin-left: 0;
}
.breadcrumbItem:first-child:before {
	display: none;
}
.breadcrumbItem a {
	color: inherit;
}

.pageWrap {
	padding-top: 3vw;
}
.pageWrap .secBox {
	margin-bottom: 0;
}
.pageItemPd {
	padding-left: 11vw;
	padding-right: 11vw;
}
.pageTxt {
	font-size: 1.7vw;
	line-height: 2;
}
.pageTopImg {
	width: 100%;
  height: 23.4vw;
  margin-bottom: 5.2vw;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 750px) {
	.pageItemPd {
		padding-left: 9vw;
		padding-right: 9vw;
	}
	.pageTxt {
		font-size: 3.4vw;
	}
	.pageTopImg {
		height: 106.66vw;
	}
}

/*---- description.html -----------------------------------------*/
.dsc_itemWrap {
	margin-top: 10vw;
}
.dsc_logo {
	width: 47vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5.46vw;
}
.dsc_indent {
	text-indent: -1vw;
}
.dsc_img {
	width: 100%;
	height: 31.25vw;
	margin-top: 3.1vw;
	margin-bottom: 3.9vw;
	background-image: url(../img/img_description02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
}
.dsc_txtHight {
	margin-top: 5.7vw;
}
.dsc_slider {
	height: 45.3vw;
	margin-top: 8.2vw;
}
.dsc_slider > * {
	height: 100%;
}
.dsc_sliderItem {
	width: 72.5vw;
	margin-left: 7.8vw;
}
.dsc_txtBox {
	margin-top: 7.8vw;
	padding-top: 7.8vw;
	padding-bottom: 7.8vw;
}

@media screen and (max-width: 750px) {
	.dsc_logo {
		width: 52vw;
		margin-bottom: 11vw;
	}
	.dsc_txtSpIl {
		display: inline;
	}
	.dsc_img {
		margin-top: 5vw;
		margin-bottom: 5vw;
	}
}

/*---- buy.html sell.html -----------------------------------------*/
.buy .pageTopImg {
  background-image: url(../img/img_buy_top.jpg);
}
.sell .pageTopImg {
  background-image: url(../img/img_sell_top.jpg);
}
.buy_slider,
.sell_slider {
	height: 31.25vw;
	margin-top: 8.2vw;
}
.buy_sliderItem,
.sell_sliderItem {
	width: 31.25vw;
	margin-left: 3.1vw;
}
.sell_ec .fadein_l-r,
.sell_ec .fadein_r-l {
	opacity: 1;
	transform: translate(0, 0);
}

@media screen and (max-width: 750px) {
	.buy .pageTopImg {
	  background-image: url(../img/img_buy_sp_top.jpg);
	}
	.sell .pageTopImg {
	  background-image: url(../img/img_sell_sp_top.jpg);
	}
	.buy_slider,
	.sell_slider {
		height: 40vw;
	}
	.buy_sliderItem,
	.sell_sliderItem {
		width: 40vw;
		margin-left: 4vw;
	}
}

/*---- company.html -----------------------------------------*/
.cmp_itemWrap {
	margin-top: 4vw;
}
.cmp_dataWrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-bottom: solid 1px #0ABAB5;
}
.cmp_dataItem01,
.cmp_dataItem02 {
	padding: 3vw 0 3vw 3vw;
	box-sizing: border-box;
}
.cmp_dataItem01 {
	width: 37%;
	font-weight: bold;
}
.cmp_dataItem02 {
	width: 63%;
}

/*---- contact.html -----------------------------------------*/
.cnt_itemWrap {
	margin-top: 4vw;
	padding: 0 20vw;
}
.cnt_mainItem {
	margin-top: 7vw;
}
.cnt_item {
	margin-top: 4vw;
	margin-bottom: 1vw;
}
.cnt_item:nth-child(1) {
	margin-top: 0;
}
.cnt_btnHidden {
	display: none;
}
.cnt_mainItem .required {
	color: #ED1C24;
}
.cnt_mainItem dd:not(.btnSubmit) > * {
	width: 100%;
	box-sizing: border-box;
}
.cnt_mainItem .btnSubmit {
	text-align: center;
}
.cnt_mainItem .btnSubmit input {
	width: 11.48vw;
	padding: 0.5vw 0;
	margin-top: 4vw;
	border: none;
	border-radius: 50px;
	background-color: #0ABAB5;
	color: #fff;
	cursor: pointer;
}

@media screen and (max-width: 750px) {
	.cnt_itemWrap {
		padding: 0 9vw;
	}
	.cnt_mainItem .btnSubmit input {
		width: 20vw;
		padding: 1vw 0;
		margin-top: 7vw;
	}
}

/*---- news.html 
-----------------------------------------*/
.news_item {
	padding: 10vw 2vw 3vw;
	border-bottom: 1px solid #0ABAB5;
}
.news_ttl {
	margin-bottom: 2vw;
	font-size: 2vw;
	color: #0ABAB5;
}
.news_txt a {
	color: #0ABAB5;
	overflow-wrap: break-word;
	border-bottom: 1px solid #0ABAB5;
}
.news_img {
	text-align: center;
}
.news_txt + .news_txt,
.news_img + .news_txt,
.news_txt + .news_img {
	margin-top: 2vw;
}
.news_cf {
	border: 1px solid #ddd;
}

@media screen and (max-width: 750px) {
	.news_item {
		padding-top: 15vw;
	}
	.news_ttl {
		margin-bottom: 3vw;
		font-size: 4vw;
	}
}