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

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

	PC

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

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

	ピアカウンセラーについて

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

	/* 共通
	---------------------------------------------- */
	.photo{
		width: 310px;
		height: 310px;
		border: 5px solid #C1E2F2;
		border-radius: 50%;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 20px;
	}

	.photo span{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover !important;
		display: block;
		width: 290px;
		height: 290px;
		border-radius: 50%;
	}

	/* 一覧
	---------------------------------------------- */
	.lead{
		text-align: center;
		margin-bottom: 80px;
	}

	.therapist_list{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -60px;
	}

	.therapist{
		width: 310px;
		text-align: center;
		margin: 0 35px 60px 0;
	}

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

	.therapist > a{
		background: url("../img/ico_arrow05.png") no-repeat center bottom;
		background-size: 30px;
		display: block;
		color: #465866;
		padding-bottom: 42px;
		transition: color .2s;
	}

	.therapist a:hover{color: #79C5E3;}

	.therapist .name{
		background: url("../img/img_decoration01.png") no-repeat center 0;
		background-size: 48px;
		line-height: 1;
		padding: 30px 0 0;
	}

	.wp-pagenavi{margin-top: 40px;}

	/* 詳細
	---------------------------------------------- */
	.single_therapist .btn_type01{text-align: center;}

	.single_therapist_inner{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 60px;
	}

	.therapist_info{
		padding-bottom: 40px;
		margin-bottom: 40px;
		border-bottom: 2px solid #E3F3F9;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.therapist_photo{width: 310px;}

	.therapist_photo .photo{
		width: 310px;
		height: 310px;
		border: 5px solid #C1E2F2;
		border-radius: 50%;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 20px;
	}

	.therapist_photo .photo span{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover !important;
		display: block;
		width: 290px;
		height: 290px;
		border-radius: 50%;
	}

	.therapist_intro{
		width: 660px;
		line-height: 2.2;
	}

	.therapist_intro.wp_contents >*{margin-bottom: 1.3em;}
	.therapist_intro.wp_contents >:first-child {margin-top: unset;}
	.therapist_intro.wp_contents >:last-child {margin-bottom: unset;}

	.therapist_intro.wp_contents h4 {
		font-size: 2rem;
        color: #26A5DF;
        margin-bottom: 15px;
        line-height: 1;
		margin-top: 30px;
	}

	.therapist_intro.wp_contents h4::before {
        content: "";
        background: #27A6E0;
        display: inline-block;
        vertical-align: middle;
        width: 6px;
        height: 24px;
        border-radius: 5px;
        margin: 0 8px 4px 0;
	}

	.therapist_intro.wp_contents img{
		width: 100%;
		max-width: 660px !important;
		height: auto;
	}

	/*--動画--*/
	.therapist_intro.wp_contents iframe{
		display: block;
		min-width: 660px;
		min-height: 371px;
	}

	.wrap_detail{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 60px;
	}

	.detail{
		width: 50%;
		margin-bottom: 40px;
	}

	.detail.teaching{width: 100%;}


}/*--@media--*/


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

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

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

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

	ピアカウンセラーについて

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

	/* 一覧
	---------------------------------------------- */
	.lead{
		font-size: 1.2rem;
		margin-bottom: 40px;
	}

	.therapist_list{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: -8vw;
	}

	.therapist{
		width: 47.82%;
		font-size: 3.46vw;
		text-align: center;
		margin-bottom: 8vw;
		position: relative;
	}

	.therapist a{
		background: url("../img/ico_arrow05.png") no-repeat center bottom;
		background-size: 20px;
		display: block;
		color: #465866;
		padding-bottom: 8vw;
	}

	.therapist .photo{
		width: 100%;
		padding: 5px 0;
		border: 2.5px solid #C1E2F2;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 15px;
		border-radius: 50%;
	}

	.therapist .photo span{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover !important;
		display: block;
		width: calc(100% - 10px);
		padding-top: calc(100% - 10px);
		border-radius: 50%;
	}

	.therapist .name{
		background: url("../img/img_decoration01.png") no-repeat center 0;
		background-size: 34px;
		line-height: 1;
		padding: 5.33vw 0 0;
	}

	.wp-pagenavi{margin-top: 5.33vw;}

	/* 詳細
	---------------------------------------------- */
	.single_therapist .btn_type01{text-align: center;}

	.single_therapist_inner{margin-bottom: 8vw;}

	.therapist_info{
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 2px solid #E3F3F9;
	}

	.therapist_intro .heading02 {margin-top: 20px;}

	.therapist_intro >:first-child {margin-top: unset;}

	.therapist_photo{
		width: 68vw;
		margin: 0 auto 30px;
	}

	.therapist_photo .photo{
		width: 94.11%;
		margin: 0 auto;
		padding: 5px 0;
		border: 2.5px solid #C1E2F2;
		border-radius: 50%;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 20px;
	}

	.therapist_photo .photo span{
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover !important;
		display: block;
		width: calc(100% - 10px);
		padding-top: calc(100% - 10px);
		border-radius: 50%;
	}

	.therapist_photo .btn_type01 a{max-width: 100%;}

	.therapist_intro{
		font-size: 1.2rem;
		line-height: 2.2;
	}

	.wrap_detail{margin-bottom: 40px;}

	.therapist_intro.wp_contents h4 {
		font-size: 1.6rem;
        color: #26A5DF;
        margin-bottom: 10px;
        line-height: 1;
	}

	.therapist_intro.wp_contents h4::before {
		content: "";
        background: #27A6E0;
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 20px;
        border-radius: 5px;
        margin: 0 8px 4px 0;
	}

	.detail{
		font-size: 1.2rem;
		margin-bottom: 25px;
	}

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

	.detail h4{margin-bottom: 5px;}


}/*--@media--*/