@charset "utf-8";

::-moz-selection{
	background-color: #26afd5;
}

::selection{
	background-color: #26afd5;
}

.aside-page-index .svg-icon--arrow,
.sn--client .svg-icon--arrow {
	fill: #26afd5;
}

.pt--part-top .part-header {
	background-image: url(../images/client/bg_blur.jpg);
	background-color: #fff;
}

.page-header__page-title {
	color: #26afd5;
}

.headding-state.headding-l-border::before {
	background-color: #26afd5;
}

.headding-state.headding-lb-border::before {
	background-color: #26afd5;
}

.headding-state.headding-bgb-bigger {
	border-top-color: #00a8d2;
	color: #26afd5;
}

.headding-state.headding-bgb-bigger::before {
	background-color: #00a8d2;
}

.headding-state.headding-b-border {
	color: #26afd5;
}

.pt--subpage .part-header__title a::before {
	 background-color: #26afd5;
}

.page-index .content-title {
	color: #26afd5;
}

.page-index .content-item .image-character:before {
	background: #07aad3;
}

.pt--part-top .part-header:before {
	background: url(../images/client/illust_line_1.png) no-repeat center 0px;
	background-size: auto 100px;
}

.headding-state {
	color: rgba(0,0,0,0.8);
}




.contact-title .icon {
	background-color: #26afd5;
}

.contact-tel-number {
	color: #26afd5;
}
.contact-link .button-state.ghost-button {
	border-color: #26afd5;
	color: #26afd5;
}

.contact-link .button-state.ghost-button:hover {
	background-color: #26afd5;
	color: #fff;
}



/* ---------------------------------------------------------------------------------------------- */
/* Tablet                                                                                         */

/* iPad */

@media screen and (max-width: 768px) {
	
	.pt--part-top .part-header:before {
		background-position: center bottom;
		background-size: auto 15vw;
		width: 100%;
		right: 0;
	}
}

/* ---------------------------------------------------------------------------------------------- */
/* SmartPhone                                                                                     */


/*@media screen and (max-width: 414px) {*/
@media screen and (max-width: 540px) {
	
	.pt--part-top .part-header:before {
		background-size: auto 20vw;
	}
}