html {
	font-size:62.5%;
}

body {
	color:#666 !important;

}

h2,h3,h4,h5,p,div {
	line-height:1.8 !important;
}


h3 {
	font-weight:bold;
}





.jumbotron {
	margin-bottom:0 !important;
	padding:6rem 2rem !important;
}

	
.carousel-item .img-fluid {
  width:100%;
  height:auto;
}

.carousel-item{
  height: auto;
}


.btn-font {
	font-size:3.2rem !important;
}

@media (max-width:767px){
	.btn-font {
		font-size:1.6rem !important;
		}
	}
	
	
h2.kadaih2 {
	font-size:3rem;
	color:#fff;
	background-color:#90CAF9;
	padding:1.5vw 0;
}
.kadai-block p {
	font-size:2.1rem;
}

@media (max-width:767px){
	h2.kadaih2 {
		font-size:1.5rem !important;
		margin:0;
		}
	.kadai-block p {
		font-size:1.1rem !important;
		}
	}
	

.nav-item {
	font-size:1.6rem;
}

.btn-success {
	background-color:#0091EA !important;
	border-color:#0091EA !important;
}


.heading {
	color:#0068b7;
	margin-bottom:2rem;
	font-weight:bold;
	border-bottom:1px dotted #0068b7;
}




.ptcontact {
    position: relative;
    padding:10px 0;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.ptcontact a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}


.ptcontact:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}


@media (min-width:768px){
	br.br-sp {
		display:none;
	}
}


.bg-black {
	background-color:#000 !important;
}
span.must {
	color:#fff;
	background:#f00;
	padding:2px 10px;
	margin-right:10px;
	font-size:80%;
	border-radius:4px;
}
.form-control {
	font-size:1.6rem;
}

.form-select {
	font-size:1.75rem;
}

p.fs-base {
	font-size:18px;
}
@media (max-width:767.98px){
	p.fs-base {
		font-size:15px;
	}
}

.mainvisual {
	padding-top:60px;
}
@media (max-width:767.98px){
	.mainvisual {
		padding-top:20px;
	}
}

.pp-about,
.pp-service,
.pp-news {
	background:#fafafa;
	padding:40px 0;
	margin-bottom:40px;
}
@media (max-width:767.98px){
	.pp-about,
	.pp-service {
		padding:20px;
		margin-bottom:20px;
	}
}

.pp-news {
	margin-bottom:0!important;
}



.pp-merit,
.pp-flow,
.pp-contact {
	background:#fff;
	padding:40px 0;
	margin-bottom:40px;
}
@media (max-width:767.98px){
	.pp-merit,
	.pp-flow,
	.pp-contact {
		padding:20px;
		margin-bottom:20px;
	}
}

.pp-about h2,
.pp-merit h2,
.pp-service h2,
.pp-flow h2,
.pp-contact h2 {
	font-size:42px;
	color:#0068b7;
	font-weight:700;
}
@media (max-width:767.98px){
	.pp-about h2,
	.pp-merit h2,
	.pp-service h2,
	.pp-flow h2,
	.pp-contact h2 {
		font-size:24px;
		text-align:center;
	}
}

.pp-news h2 {
	font-size:32px;
	color:#0068b7;
	font-weight:700;
}

#pp-news-accordion,
#pp-news-accordion .accordion-button {
	font-size:16px;
}

.accordion-button:not(.collapsed) {
	background:#fff;
	color:#000;
	font-weight:bold;
}



.pp-about h3 {
	font-size:24px;
	font-weight:700;
}
@media (max-width:767.98px){
	.pp-about h3 {
		font-size:18px;
	}
}

.pp-merit-item h3 {
	font-size:21px;
	font-weight:700;
	color:#0068b7;
	text-align:center;
	padding:10px 0;
}
@media (max-width:767.98px){
	.pp-merit-item h3 {
		font-size:18px;
	}
}

.pp-merit-item p {
	font-size:18px;
}
@media (max-width:767.98px){
	.pp-merit-item p {
		font-size:15px;
	}
}


.hdcolor {
	color:#00bfd3;
}


.pp-service-item {
	height:100%;
	font-size:21px;
	background:#fff;
	border:0.5px solid #0068b7;
	border-radius:8px;
}

.pp-service-item h3 {
	color:#fff;
	background:#0068b7;
	font-size:16px;
	font-weight:700;
	text-align:center;
	padding:10px 0;
}

.pp-service-item h3.uc {
	color:#fff;
	background:#0068b7;
	font-size:21px;
	font-weight:700;
	text-align:center;
	padding:10px 0;
}


.pp-head {
	background:#000;
	color:#fff;
	padding:10px 0;
}
.pp-head-h1 {
	line-height:1.2;
	max-height:80px;
	font-size:18px;
	font-weight:700;
}
.pp-head-h1-a {
	display:inline-block;
	color:#fff;
	text-decoration:none;
}
.pp-head-h1-a:hover {
	color:#ccc;
}

.pp-flow-item-outer {
}
.pp-flow-item {
	background-color:#fafafa;
}

.pp-flow-item-step {
	color:#0068b7;
	font-size:24px;
	font-weight:700;
	padding-top:1rem;
}

.pp-flow-item-step span {
	background:#0068b7;
	color:#fff;
	padding:1.4rem 1rem;
	margin-right:1rem;
}

.pp-flow-item-txt {
	padding:3rem;
	font-size:18px;
}

.pp-flow-arrow {
	color:#00bfd3;
	font-size:5rem;
	text-align:center;
}