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

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

	PC

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

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

	セラピー申し込み

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

	/* 扉ページ
	---------------------------------------------- */
	.lead{
		text-align: center;
		margin-bottom: 80px;
	}

	/*--ボタン--*/
	.training_item{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -20px;
	}

	.item{
		background: #FFF;
		width: 310px;
		height: 310px;
		border: 5px solid #C1E2F2;
		border-radius: 50%;
		font-size: 1.6rem;
		line-height: 1.6;
		text-align: center;
		margin: 0 35px 20px 0;
	}

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

	.item:hover{border: 5px solid #79C5E3;}

	.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 .ico{
		width: 100px;
		height: 80px;
		margin: 0 auto 30px;
		overflow: hidden;
	}

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

	.item_inner{
		position: relative;
		padding-bottom: 40px;
	}

	.item_inner .arrow{
		width: 100%;
		background-size: 30px !important;
		height: 22px;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.item:nth-of-type(3n-2) .item_inner .arrow{background: url("../img/ico_arrow03.png") no-repeat center 0;}
	.item:nth-of-type(3n-1) .item_inner .arrow{background: url("../img/ico_arrow05.png") no-repeat center 0;}
	.item:nth-of-type(3n) .item_inner .arrow{background: url("../img/ico_arrow04.png") no-repeat center 0;}

	/* 一覧ページ
	---------------------------------------------- */
	/*--list_taxonomy01--*/
	.list_taxonomy01{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	.list_taxonomy01 li{
		width: 50%;
		margin-bottom: 10px;
	}

    .list_taxonomy01 li:nth-child(odd){padding-right: 20px;}

	.list_taxonomy01 li a{
		background: url("../img/ico_arrow08.png") no-repeat 0 0;
		background-size: 20px;
		line-height: 1.4;
		color: #26A5DF;
		display: block;
		padding: 0 0 0 33px;
	}

	.list_taxonomy01 li a:hover{opacity: 0.7;}

    /*--training--*/
    .training{
        padding-top: 40px;
        border-top: 2px solid #E3F3F9;
    }

    .training:not(:last-of-type) {
		padding-bottom: 40px;
	}

	/*--list_article01--*/
	.list_article01 li a{
		color: #79C5E3;
		display:inline-block;
		text-decoration: underline;
	}

	.list_article01 li a:hover{opacity: 0.7;}

	.list_article01 li a::before{
		content: "";
		display: inline-block;
		background: #79C5E3;
		width: 6px;
		height: 6px;
		margin: 0 10px 4px 0;
		border-radius: 50%;
	}

	/* 詳細ページ
	---------------------------------------------- */
	.single_training .wp_contents{margin-bottom: 100px;}

	.single_training .btn_type01{text-align: center;}


}/*--@media--*/


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

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

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

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

	セラピー申し込み

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

	/* 扉ページ
	---------------------------------------------- */
	.lead{
		font-size: 1.2rem;
		margin-bottom: 40px;
	}

	/*--ボタン--*/
	.training_item{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: -15px;
	}

	.item{
		width: 47.82%;
		font-size: 3.46vw;
		line-height: 1.6;
		text-align: center;
		margin-bottom: 15px;
		position: relative;
	}

	.item::before{
		content: "";
		display: block;
		background: #FFF;
		border: 2.5px solid #C1E2F2;
		border-radius: 50%;
		width: calc(100% - 5px);
		padding-top: calc(100% - 5px);
	}

	.item a{
		color: #333;
		width: 100%;
		height: 100%;
		padding: 3px;
		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: 100 / 80;
		margin: 0 auto 2vw;
		overflow: hidden;
	}

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

	.item_inner{
		position: relative;
		padding-bottom: 30px;
	}

	.item_inner .arrow{
		width: 100%;
		background-size: 20px !important;
		height: 16px;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.item:nth-of-type(3n-2) .item_inner .arrow{background: url("../img/ico_arrow03.png") no-repeat center 0;}
	.item:nth-of-type(3n-1) .item_inner .arrow{background: url("../img/ico_arrow05.png") no-repeat center 0;}
	.item:nth-of-type(3n) .item_inner .arrow{background: url("../img/ico_arrow04.png") no-repeat center 0;}

	/* 一覧ページ
	---------------------------------------------- */
	/*--list_taxonomy01--*/
	.list_taxonomy01{margin-bottom: 20px;}

	.list_taxonomy01 li{margin-bottom: 10px;}

	.list_taxonomy01 li:last-child{margin-bottom: 0;}

	.list_taxonomy01 li a{
		background: url("../img/ico_arrow08.png") no-repeat 0 0;
		background-size: 18px;
		min-height: 18px;
		line-height: 1.4;
		display: inline-block;
		color: #26A5DF;
		padding: 2px 0 0 25px;
	}

    /*--training--*/
    .training{
        padding-top: 30px;
        border-top: 2px solid #E3F3F9;
    }

    .training:not(:last-of-type) {
		padding-bottom: 30px;
	}

	/*--list_article01--*/
	.list_article01 li a{
		color: #79C5E3;
		line-height: 1.4;
		display:inline-block;
		text-decoration: underline;
	}

	.list_article01 li a::before{
		content: "";
		display: inline-block;
		background: #79C5E3;
		width: 5px;
		height: 5px;
		margin: 0 8px 3px 0;
		border-radius: 50%;
	}

	/* 詳細ページ
	---------------------------------------------- */
	.single_training .wp_contents{margin-bottom: 40px;}

	.single_training .btn_type01{text-align: center;}


}/*--@media--*/