@charset "utf-8";
/* Copyright 2019 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

パソコン、スマートフォン（iPhone,Android) 共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ローディング
---------------------------------------------- */
@keyframes rotate {
	0%  {transform: rotate(360deg);}

	100%  {transform: rotate(0);}

}/*--@keyframes--*/


/* 料金・ピアカウンセラーについてアニメーション
---------------------------------------------- */
@keyframes fee {

	0% { transform: translateY(0) translateX(0)}
	33.33333% { transform: translateY(-20px) }
	66.66667% { transform: translateY(-10px)}
	100% { transform: translateY(0) translateX(0) }

}/*--@keyframes--*/


@keyframes therapist {

	0% { transform: translateY(0) }
	33.33333% { transform: translateY(10px) }
	66.66667% { transform: translateY(20px) }
	100% { transform: translateY(0) }

}/*--@keyframes--*/


@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */

	/* common.css上書き
	---------------------------------------------- */
	#wrap_top{padding-left: 0;}

	/* ローディング
	---------------------------------------------- */
	.loading{
		width: 100%;
		height: 100%;
		background: #7AC5E3;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		transition: opacity .4s;
		transition-delay: 1s;
	}

	.loading_inner{
		background: url("../img/bg_loading01.png") no-repeat 0 0;
		width: 600px;
		height: 600px;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		animation: rotate 25s linear infinite;
	}

	.loading p{
		width: 240px;
		height: 213px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	.loading.loaded{
		opacity: 0;
		pointer-events: none;
	}

	/* メインビジュアル
	---------------------------------------------- */
	.main{
		position: relative;
		background: #e5d9cd;
	}

	.main::before{
		content: "";
		display: block;
		width: 100%;
		height: 20px;
		background: url("../img/img_wave02.png") repeat-x 0 0;
		background-size: contain;
		position: absolute;
		left: 0;
		bottom: -1px;
		z-index: 1;
	}

	.main_inner{
		min-width: 1200px;
		width: 100%;
		max-width: 2310px;
		min-height: 755px;
		height: 100vh;
		padding-top: 50px;
		background: url("../img/home/pc/img_main01.png") no-repeat center bottom;
		background-size: cover;
		margin: 0 auto;
	}

	.txt_main01{
		text-align: center;
		width: 1200px;
		margin: 0 auto;
		padding-left: 50px;
	}

	.txt_main01 img{
		min-width: 640px;
		width: 33.38%;
	}

	.txt_main02{
		position: absolute;
		left: 51%;
		top: 52%;
		margin-left: 165px;
	}

	.txt_main02 img{width: 365px;}

	.txt_main03{
		position: absolute;
		left: 50%;
		top: 60%;
		margin-left: -525px;
	}

	.txt_main03.sp{display: none;}

	/* Blog
	---------------------------------------------- */
	#blog{
		width: 1000px;
		margin: 120px auto 20px;
		position: relative;
	}

	#blog h2{
		text-align: center;
		margin-bottom: 50px;
	}

	#blog h2 img{width: 93px;}

	.btn_blog_list{
		position: absolute;
		top: 0;
		left: 565px;
	}

	.btn_blog_list a{display: block;}

	.btn_blog_list a:hover{opacity: 0.7;}

	.btn_blog_list img{width: 120px;}

	.wrap_blog_article{
		display: -webkit-flex;
		display: flex;
	}

	/* ABAセラピストHaffyについて
	---------------------------------------------- */
	.box.about{margin-bottom: 160px;}

	#about{
		width: 1000px;
		margin: 0 auto 100px;
		text-align: center;
		position: relative;
	}

	#about::before,
	#about::after{
		content: "";
		display: block;
		position: absolute;
		left: 50%;
	}

	#about::before{
		background: url("../img/pc/img_decoration01.png") no-repeat 0 0;
		width: 206px;
		height: 314px;
		top: 278px;
		margin-left: -720px;
	}

	#about::after{
		background: url("../img/pc/img_decoration02.png") no-repeat 0 0;
		width: 212px;
		height: 256px;
		top: 110px;
		margin-left: 505px;
	}

	#about h2{margin-bottom: 50px;}

	#about h2 img{height: 95px;}

	.txt_about{margin-bottom: 70px;}

	.about_image{
		width: calc(100% - 50px);
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		height: 400px;
		border-radius: 10px;
		overflow: hidden;
	}

	.about_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 提供サービス一覧
	---------------------------------------------- */
	.box.service{
		background: url("../img/bg01.jpg") repeat 0 0;
		padding-top: 160px;
		padding-bottom: 120px;
	}

	#service{
		width: 1000px;
		margin: 0 auto;
	}

	#service h2{
		text-align: center;
		margin-bottom: 50px;
	}

	#service h2 img{width: 159px;}

	.txt_service{
		text-align: center;
		margin-bottom: 70px;
	}

	/*--ボタン--*/
	.service_item{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}

	.item{
		background: #FFF;
		width: 150px;
		height: 150px;
		border-radius: 100px;
		font-size: 1.3rem;
		line-height: 1.6;
		text-align: center;
		margin: 0 20px 40px 0;
	}

	.item:nth-child(6n){margin-right: 0;}

	.item a{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		color: #333;
		width: 100%;
		height: 100%;
	}

	.item a p{transition: color .3s;}

	.item a:hover p{color: #79C5E3;}

	.item.btn_list a:hover p {color: #fff;}

	.item .ico {
		width: 70px;
		height: 45px;
		margin: 0 auto 10px;
		overflow: hidden;
	}

	.item .ico img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		transition: transform .6s;
	}

	.item:hover .ico img{transform: rotateY(180deg);}

	/*--一覧はこちらから--*/
	.item.btn_list{
		background: #7AC5E3;
		transition: opacity .3s;
	}

	.item.btn_list:hover{opacity: 0.8;}

	.item.btn_list a{color: #FFF;}

	.item.btn_list .ico{padding-top: 15px;}

	.item.btn_list .ico img{
		width: 30px;
		margin-bottom: 20px;
	}

	/* トレーニング方法
	---------------------------------------------- */
	.box.training{margin-bottom: 160px;}

	#training{
		width: 1000px;
		margin: 0 auto;
		padding-top: 160px;
		position: relative;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}

	#training::before,
	#training::after{
		content: "";
		display: block;
		position: absolute;
		left: 50%;
	}

	#training::before{
		background: url("../img/pc/img_decoration05.png") no-repeat 0 0;
		width: 426px;
		height: 403px;
		top: 26px;
		margin-left: -720px;
	}

	#training::after{
		background: url("../img/pc/img_decoration06.png") no-repeat 0 0;
		width: 164px;
		height: 273px;
		bottom: 20px;
		margin-left: 550px;
	}

	.training_inner{
		width: 500px;
		text-align: center;
	}

	.training_inner h2{margin-bottom: 60px;}

	.training_inner h2 img{width: 167px;}

	.txt_training{margin-bottom: 80px;}

	.training_image{
		width: 460px;
		border-radius: 10px;
		overflow: hidden;
	}

	.training_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 料金・ピアカウンセラーについて
	---------------------------------------------- */
	.other{
		position: relative;
		padding-bottom: 160px;
	}

	.other::before,
	.other::after{
		content: "";
		display: block;
		position: absolute;
		left: 50%;
	}

	.other::before{
		background: url("../img/pc/img_decoration07.png") no-repeat 0 0;
		width: 766px;
		height: 312px;
		bottom: 60px;
		margin-left: -720px;
	}

	.other::after{
		background: url("../img/pc/img_decoration08.png") no-repeat 0 0;
		width: 239px;
		height: 344px;
		bottom: 40px;
		margin-left: 480px;
	}

	.other_inner{
		width: 1000px;
		margin: 0 auto;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.other_inner #fee{
/*		background: url("../img/bg_balloon01.png") no-repeat 0 0;
		width: 521px;
		height: 665px; クレジット決済が可能になったらコメントアウト解除して以下3行を削除*/
		background: url("../img/bg_balloon02.png") no-repeat 0 0;
		width: 460px;
		height: 570px;
		position: relative;
		animation: fee 5s linear infinite;
	}

	.other_inner #therapist{
		background: url("../img/bg_balloon02.png") no-repeat 0 0;
		width: 460px;
		height: 570px;
		margin-top: 95px;
		position: relative;
		animation: therapist 5s linear infinite;
	}

	.o_inner{
		position: relative;
		width: 100%;
		height: 100%;
		padding: 140px 0 0 50px;
	}

	.o_inner .inner{
		background: #FFF;
		border-radius: 50%;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 360px;
		height: 360px;
		position: absolute;
		left: 50px;
		bottom: 165px;
	}

	.o_inner .inner h2{margin-bottom: 30px;}

	#fee .o_inner .inner h2 img{width: 95px;}

	#therapist .o_inner .inner h2 img{width: 201px;}

	/* Other Blog
	---------------------------------------------- */
	.box.otherblog{margin-bottom: 150px;}

	#otherblog h2{
		text-align: center;
		margin-bottom: 50px;
	}

	#otherblog h2 img{width: 221px;}

	#otherblog ul{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
	}

	#otherblog ul li{margin-right: 40px;}

	#otherblog ul li:nth-of-type(3){margin-right: 0;}

	#otherblog ul li a{
		display: block;
		width: 310px;
		height: 120px;
		background: url(../img/home/pc/bn_otherblog03.jpg) no-repeat 0 0;
		background-size: cover;
		padding: 10px 90px 10px 30px;
		position: relative;
		overflow: hidden;
	}

	#otherblog ul li a:hover{opacity: 0.7;}

	#otherblog ul li a::before,
	#otherblog ul li a::after {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
	}

	#otherblog ul li a::before {
		background-image: url(../img/ico_tab01.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: contain;
		right: 65px;
	}

	#otherblog ul li a::after {
		background-image: url(../img/ico_arrow04.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: contain;
		top: 52%;
		right: 13px;
	}

	#otherblog ul li p {
		height: 100%;
        display: flex;
        align-items: center;
		word-break: break-all;
	}

	#otherblog ul li p span {
		color: #28A6E0;
		font-family: "ShinMGoPro";
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: .05em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

}/*--@media--*/


@media print{ /* 印刷時のみ */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */

	/* ローディング
	---------------------------------------------- */
	.loading{display: none;}


}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ

	------------------------------------------------------------ */

	/* ローディング
	---------------------------------------------- */
	.loading{
		width: 100%;
		height: 100%;
		background: #7AC5E3;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		transition: opacity .4s;
		transition-delay: 1s;
	}

	.loading_inner{
		background: url("../img/bg_loading01.png") no-repeat 0 0;
		background-size: 300px;
		width: 300px;
		height: 300px;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		animation: rotate 25s linear infinite;
	}

	.loading p{
		width: 160px;
		height: 142px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	.loading p img{width: 100%;}

	.loading.loaded{
		opacity: 0;
		pointer-events: none;
	}

	/* メインビジュアル
	---------------------------------------------- */
	.main{
		width: 100%;
		min-height: 450px;
		height: 120vw;
		padding: 40px 15px 0;
		background: url("../img/home/sp/img_main01.jpg") no-repeat center bottom;
		background-size: cover;
		margin: 0 auto;
		position: relative;
	}

	.main::before{
		content: "";
		display: block;
		width: 100%;
		height: 10px;
		background: url("../img/img_wave02.png") repeat-x 0 0;
		background-size: contain;
		position: absolute;
		left: 0;
		bottom: -1px;
		z-index: 1;
	}

	.txt_main01 img{width: 100%;}

	.txt_main02{
		position: absolute;
		right: 15px;
		top: 46%;
	}

	.txt_main02 img{
		min-width: 156px;
		width: 48.66vw;
	}

	.txt_main03{
		position: absolute;
		right: 15px;
		top: 72%;
	}

	.txt_main03 img{
		min-width: 156px;
		width: 48.66vw;
	}

	.txt_main03.pc{display: none;}

	/* Blog
	---------------------------------------------- */
	.box.blog{
		padding: 0 15px;
		margin: 16vw auto 0;
		position: relative;
	}

	#blog h2{
		text-align: center;
		margin-bottom: 10.66vw;
	}

	#blog h2 img{width: 17.73vw;}

	.btn_blog_list{
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: 11.13vw;
	}

	.btn_blog_list a{display: block;}

	.btn_blog_list img{width: 22.26vw;}

	.blog_article{margin-bottom: 20px;}

	.blog_article:last-of-type{margin-bottom: 0;}

	.blog_article a{
		background: url("../img/ico_arrow05.png") no-repeat 56% bottom;
		background-size: 20px;
		padding-bottom: 27px;
		color: #465866;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.blog_article .photo{width: 47.82%;}

	.blog_article .photo span{
		display: block;
		width: 100%;
		padding-top: 67.87%;
		border: 2px solid #C1E2F2;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover !important;
	}

	.blog_article_inner{width: 47.82%;}

	.blog_article time{
		display: block;
		line-height: 1.6;
	}

	.blog_article .title{line-height: 1.8;}

	/* ABAセラピストHaffyについて
	---------------------------------------------- */
	.box.about{
		padding: 0 15px;
		margin-bottom: 16vw;
	}

	#about{
		position: relative;
		text-align: center;
		padding: 11.33vw 0 13.33vw;
	}

	#about::before,
	#about::after{
		content: "";
		display: block;
		position: absolute;
		background-size: 100% !important;
	}

	#about::before{
		background: url("../img/sp/img_decoration02.png") no-repeat 0 0;
		width: 25.21%;
		padding-top: 33.18%;
		top: 6.66vw;
		left: 0;
	}

	#about::after{
		background: url("../img/sp/img_decoration03.png") no-repeat 0 0;
		width: 28.11%;
		padding-top: 24.78%;
		top: 14.66vw;
		right: 0;
	}

	#about h2{margin-bottom: 10.66vw;}

	#about h2 img{width: 39.86vw;}

	.txt_about{margin-bottom: 40px;}

	.about_image{
		width: 100%;
		position: relative;
		height: 165px;
		border-radius: 5px;
		overflow: hidden;
	}

	.about_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 提供サービス一覧
	---------------------------------------------- */
	.box.service{
		background: url("../img/bg01.jpg") repeat 0 0;
		background-size: 480.5px;
		padding: 16vw 0 calc(16vw - 15px);
	}

	#service h2{
		text-align: center;
		margin-bottom: 10.66vw;
	}

	#service h2 img{width: 31.06vw;}

	.txt_service{
		padding: 0 15px;
		margin-bottom: 40px;
	}

	/*--ボタン--*/
	.service_item{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		padding: 0 7.5px;
	}

	.item{
		width: 33.333%;
		font-size: 2.66vw;
		line-height: 1.6;
		text-align: center;
		padding: 0 7.5px;
		margin-bottom: 15px;
		position: relative;
	}

	.item::before{
		content: "";
		display: block;
		background: #FFF;
		border-radius: 50%;
		width: 100%;
		padding-top: 100%;
	}

	.item a{
		color: #333;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.item .ico {
		width: 11.33vw;
		aspect-ratio: 112 / 72;
		margin: 0 auto 10px;
		overflow: hidden;
	}

	.item .ico img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	/*--一覧はこちらから--*/
	.item.btn_list::before{background: #7AC5E3;}

	.item.btn_list a{color: #FFF;}

	.item.btn_list .ico{padding-top: 15px;}

	.item.btn_list .ico img{
		width: 5.6vw;
		margin-bottom: 15px;
	}

	/* トレーニング方法
	---------------------------------------------- */
	.box.training{padding: 0 15px;}

	#training{
		padding: 16vw 0;
		position: relative;
	}

	#training::before,
	#training::after{
		content: "";
		display: block;
		position: absolute;
		background-size: 100% !important;
	}

	#training::before{
		background: url("../img/sp/img_decoration04.png") no-repeat 0 0;
		width: 24.92%;
		padding-top: 28.55%;
		top: 9.33vw;
		left: 0;
	}

	#training::after{
		background: url("../img/sp/img_decoration05.png") no-repeat 0 0;
		width: 28.11%;
		padding-top: 24.34%;
		top: 12.66vw;
		right: 0;
	}

	.training_inner{
		text-align: center;
		margin-bottom: 50px;
	}

	.training_inner h2{margin-bottom: 10.66vw;}

	.training_inner h2 img{width: 29.86vw;}

	.txt_training{margin-bottom: 40px;}

	.training_image {
		width: 100%;
		height: 165px;
		border-radius: 5px;
		overflow: hidden;
	}

	.training_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 料金・ピアカウンセラーについて
	---------------------------------------------- */
	.other{
		padding: 0 15px 16vw;
		position: relative;
	}

	.other::before,
	.other::after{
		content: "";
		display: block;
		position: absolute;
	}

	.other::before{
		background: url("../img/sp/img_decoration06.png") no-repeat 0 0;
		background-size: 24.53vw;
		width: 24.53vw;
		height: 63.13vw;
		top: 8vw;
		right: 15px;
	}

	.other::after{
		background: url("../img/sp/img_decoration07.png") no-repeat 0 0;
		background-size: 46vw;
		width: 46vw;
		height: 68.13vw;
		left: 15px;
		bottom: 8vw;
	}

	.other_inner #fee{
/*		background: url("../img/bg_balloon01.png") no-repeat 0 0;
		background-size: 69.4vw;
		width: 69.4vw;
		height: 88.66vw; クレジット決済が可能になったらコメントアウト解除して以下3行を削除*/
		background: url("../img/bg_balloon02.png") no-repeat 0 0;
		background-size: 61.33vw;
		width: 61.33vw;
		height: 76vw;
		position: relative;
		animation: fee 5s linear infinite;
	}

	.other_inner #therapist{
		background: url("../img/bg_balloon02.png") no-repeat 0 0;
		background-size: 61.33vw;
		width: 61.33vw;
		height: 76vw;
		margin-left: auto;
		position: relative;
		animation: therapist 5s linear infinite;
	}

	.o_inner{
		position: relative;
		width: 100%;
		height: 100%;
	}

	.o_inner .inner{
		background: #FFF;
		border-radius: 50%;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 48vw;
		height: 48vw;
		position: absolute;
		left: 6.66vw;
		bottom: 21.33vw;
	}

	.o_inner .inner h2{
		width: 100%;
		text-align: center;
		margin-bottom: 4vw;
	}

	#fee .o_inner .inner h2 img{width: 38.05%;}

	#therapist .o_inner .inner h2 img{width: 80.55%;}

	/* Other Blog
	---------------------------------------------- */
	.box.otherblog{
		padding: 0 15px;
		margin-bottom: 80px;
	}

	#otherblog h2{
		text-align: center;
		margin-bottom: 10.66vw;
	}

	#otherblog h2 img{width: 42.53vw;}

	#otherblog ul li{margin-bottom: 20px;}

	#otherblog ul li:last-of-type{margin-bottom: 0;}

	#otherblog ul li a{
		display: block;
		width: 100%;
		aspect-ratio: 345 / 70;
		background: url(../img/home/sp/bn_otherblog03.jpg) no-repeat 0 0;
		background-size: cover;
		padding: 10px 115px 10px 20px;
		position: relative;
		overflow: hidden;
	}

	#otherblog ul li a::before,
	#otherblog ul li a::after {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
	}

	#otherblog ul li a::before {
		background-image: url(../img/ico_tab01.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: contain;
		right: 90px;
	}

	#otherblog ul li a::after {
		background-image: url(../img/ico_arrow04.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: contain;
		top: 55%;
		right: 30px;
	}

	#otherblog ul li p {
		height: 100%;
        display: flex;
        align-items: center;
		word-break: break-all;
	}

	#otherblog ul li p span {
		color: #28A6E0;
		font-family: "ShinMGoPro";
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: .05em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}


}/*--@media--*/