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

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

	PC

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

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

	提供サービス一覧

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

	/* 一覧
	---------------------------------------------- */
	.lead{text-align: center;}

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

	.service_item:first-of-type{padding-top: 80px;}

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

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

	.item:nth-child(4n){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:hover .arrow{
		left: 5px;
	}

	.item .ico {
		width: 80px;
		height: 60px;
		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_inner{
		position: relative;
		padding-bottom: 40px;
	}

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

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

	.service_item:nth-of-type(3n) .item_inner .arrow{background: url("../img/ico_arrow02.png") no-repeat center 0;}

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

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

	.service{margin-bottom: 60px;}

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

	.wrap_service{margin-bottom: 100px;}

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

	.wrap_service.wp_contents h4{
        font-size: 2rem;
        color: #26A5DF;
        margin: 60px 0 15px;
        line-height: 1;
	}

	.wrap_service.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;
	}

	.wrap_service.wp_contents p{
        word-break: break-all;
        line-height: 2.2;
	}

	.wrap_service.wp_contents .has-fixed-layout *{border: none;}

	.wrap_service.wp_contents figure.wp-block-flexible-table-block-table {margin: 30px 0;}
	.wrap_service.wp_contents figure.wp-block-flexible-table-block-table td {
		line-height: 1.4;
		padding: 20px;
	}


}/*--@media--*/


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

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

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

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

	提供サービス一覧

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

	/* 一覧
	---------------------------------------------- */
	.lead{font-size: 1.2rem;}

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

	.service_item:first-of-type{padding-top: 40px;}

	.service_item:last-of-type{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: 14.93vw;
		aspect-ratio: 112 / 72;
		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;
	}

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

	.service_item:nth-of-type(3n) .item_inner .arrow{background: url("../img/ico_arrow02.png") no-repeat center 0;}

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

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

	.service{margin-bottom: 25px;}

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

	.wrap_service{margin-bottom: 50px;}
	.wrap_service.wp_contents >*:first-child{margin-top: unset;}
	.wrap_service.wp_contents >*:last-child{margin-bottom: unset;}

	.wrap_service.wp_contents h4{
        font-size: 2rem;
        color: #26A5DF;
        margin: 60px 0 15px;
        line-height: 1;
	}

	.wrap_service.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;
	}

	.wrap_service.wp_contents p{
        word-break: break-all;
		font-size: 1.2rem;
        line-height: 2.2;
	}

	.wrap_service.wp_contents .has-fixed-layout *{border: none;}

	.wrap_service.wp_contents figure.wp-block-flexible-table-block-table {margin: 20px 0;}
	.wrap_service.wp_contents figure.wp-block-flexible-table-block-table td {
		line-height: 1.4;
		padding: 10px;
	}


}/*--@media--*/