
html {
  scroll-padding-top: 250px; 
}


/*----- 基本文字サイズ -----------------------------------------*/
#pcn-fontdefo{
	font-size: 1.1167em;
	line-height: 1.5em;
}

.owl-tabs-container , .infobox .lh1-5 {font:16px/1 'Noto Sans JP', sans-serif; line-height:1.3em;}

@media screen\0 {
    .owl-tabs-container , .infobox .lh1-5 {font:16px/1 'Noto Sans JP', sans-serif; line-height:1.3em;}

}

body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #111111;
    letter-spacing: 0.02em;
}

a {color: #333333;}
a:hover {border-bottom:1px #dddddd dotted; margin-bottom:-1px; opacity: 0.7;}

.imgzoom a:hover,
.advantage a:hover,
.info a:hover,
.item1 a:hover,
.item0 a:hover,
.pcn-subnavi a:hover,
a:hover .pcn-subnavi2,
.pcn-h2title-l a:hover,
.nav a:hover,
.rental-img a:hover,
.owl-tabs-container a:hover,
.c-slider a:hover,
.noborder a:hover,
.pcn-square2_btn a:hover,
#contactbutton2 a:hover
{border-bottom:none;}

a#overlay {opacity: 1.0!important;}
a#overlay img {opacity: 1.0!important;}


a img {transition-property: opacity;
  transition-duration: 0.2s;}
a:hover img {opacity: 0.7;}

/*.anchor{
   display: block;
   margin-top:-100px;
   padding-top:100px;
}


img {
    border-radius:5px;
}*/

/*----パンくず--------------*/	
#breadcrumb {
  padding-left:0;
  margin-left:0;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size:0.9em;
}

#breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;

}

#breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 10px;
  color: #555;
}

#breadcrumb li:last-child:after{
  content: '';
}

#breadcrumb li a {
    text-decoration: none;
    color: #005cad;/*色*/
}

#breadcrumb li a:hover {
    text-decoration: underline;
}

/*----- リンク下線削除 -----------------------------------------*/
a {
text-decoration: none;
}

/*----- h1 -----------------------------------------*/

/*2026年4月フォント統一変更実施*/
/*明朝からNotoSansに変更*/
.pcn_mincho  {
	font-family: 'Noto Sans JP', sans-serif;
	transform: rotate(.03deg);
	font-weight: 700;
	font-size: 2.2em;
	line-height: 1.2em;
}
/*2026年4月フォント統一変更実施*/
/*明朝からNotoSansに変更*/
.pcn_mincho-dai  {
	font-family: 'Noto Sans JP', sans-serif;
	transform: rotate(.03deg);
	font-size: 3.0em;
	line-height: 1.2em;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
               white 1px -1px 0px, white -1px -1px 0px;
}

/*----- h2 -----------------------------------------*/
.pcn-parent {
	color: #003366;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #003366;
	line-height: 1.3em;
	padding:0 10px;
}
/*「時間管理」解決クリニックのｈ2　*/
.pcn-parent2 {
    color: #FFF;
    font-size: 1.3em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3em;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    background-color: #4779BF;
}

/*topの＜ｈ2＞文字*/
.pcn-h2title-l{
	text-align: center;
    padding: 0px;
    margin: 0px;
    font-size: 32px;
    line-height:1.4em;
    color:#000000;
    /*font-weight:bold;*/
}
.pcn-h2title-lset{
    text-align: center;
    font-size: 12px;}


/*----- h3 -----------------------------------------*/
.pcn_h3_kasou .poinsub {
	border: none;
	color: #000000;
	font-weight: normal;
	line-height:1.3em;
}

.pcn_h3_kasou .point {
	margin-right: 20px;
	line-height:1.3em;
}

.pcn_h3_kasou {
	border-left: 5px solid #003366;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0;
	/*margin-right: 33px;*/
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
	color: #003366;
	display: flex;
	flex-wrap: wrap;
	line-height:1.3em;
}

/*----- h4 -----------------------------------------*/
.pcn_h4_kasou{
/*	display: flex;
	flex-wrap: wrap;*/
	font-size: 0.917em;
	color: #003366;
	font-weight: bold;
	line-height:1.3em;
}

.pcn_h4_kasou .poinsub {
	border: none;
	color: #000000;
	font-weight: normal;
}

.pcn_h4_kasou .point {
	margin-right: 20px;
	margin-bottom: 5px;
}

.pcn_h4_kasou .point:before {
content: "●";
color: #003366;
margin-right: 3px;
}

/*----- hr 指定 -----------------------------------------*/
/*グラデーション線*/
.pcn-style-six {
	height:1px;
	border:0;
	background:linear-gradient(left, #f5f5f5, #999, #f5f5f5);
	background:-webkit-linear-gradient(left, #f5f5f5, #999, #f5f5f5);
	background:-moz-linear-gradient(left, #f5f5f5, #999, #f5f5f5);	
}
/*2重線*/
.pcn-style-two{
	border:0;
	border-bottom:medium double #999;
}

/*----- サブメニュー -----------------------------------------*/
.pcn-subnavi {
	margin: 20px 0 20px -25px;
}

.pcn-subnavi ul {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 1.167em;
	text-align: center;
	width: 90%;
	display: table;
	table-layout: fixed;
	margin: 5px auto;
}
 
.pcn-subnavi ul li {
    border-right: 1px solid #ccc;
    display: table-cell;
}
 
.pcn-subnavi ul li:last-child {
    border-right: none;
}
 
.pcn-subnavi ul li a {
    color: #333;
    text-decoration: none;
    padding: 12px 5px;
    display: block;
}
 
.pcn-subnavi ul li a:hover {
    background: #e9e9e9;
    color: #333!important;
}
.pcn-subnavi ul li a span {
	font-size: 0.667em;
}

/*2カラム　右　メニュー*/
.pcn-right .pcn-rmenu .pcn-categorybox {
	background-color: #003366;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0px;
	font-size: 1.167em;
}

.pcn-right .pcn-rmenu .pcn-categorybox a{
	color: #FFFFFF;
}

.pcn-right .pcn-rmenu .pcn-categorybox a:hover {
    text-decoration: underline;
}

.pcn-right .pcn-rmenu .pcn_h3_rmenu {
	border-left: 5px solid #d9d9d9;
	font-size: 1.167em;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
}

.pcn-right .pcn-rmenu .pcn_h3_rmenu a{
    display:block;
    color: #333;
}

.pcn-right .pcn-rmenu .pcn_h3_rmenu a:hover {
    background-color: #dedede;
    padding: 0 5px;
    margin:0 -5px -1px -5px;
}

.pcn-right .pcn-rmenu li.pcn-chird {
	margin-bottom: 6px;
	margin-left: 0.5em;
	font-size: 0.92em;
	width:100%;
}

.pcn-right .pcn-rmenu li.pcn-chird a{
    display:block;
	padding:3px 2px 3px 0;
    color: #333;
}

.pcn-right .pcn-rmenu li.pcn-chird a:hover {
    background-color: #dedede;
	/* padding-right: 5px;
    padding: 5px 5px;
    margin:0 -5px -1px -5px; */
}

.pcn-right .pcn-rmenu li.pcn-mago {
	margin-bottom: 8px;
	margin-left: 2em;
	font-size: 1em;
}

/*右メニューをメディアクエリでスライドメニューにする試験*/

@media screen and (max-width: 750px){

    .pcn-right .pcn-rmenu{}
    .pcn-categorybox{}
    .pcn_h3_rmenu{}
    .pcn-chird{}
    
}    


/*関連サービス*/
.pcn_img-kanrenservice   {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
}

.pcn_kanrenservice-box {
    width: 60%;
    margin-bottom: 30px;
    
}
.pcn_kanrenservice-img  {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pcn_kanrenservice-img img {
    margin:0px 20px 20px 10px;
}

.pcn_kanrenservice-box .bun {
	margin-left: 1em;
	margin-bottom: 0.2em;
}
/*----- 情シスお役立ちコラムの文字-------------------*/
/* h2のフォントサイズ */
.column_area .pcn-parent2 {
  font-size: 30px !important;
}

/* h3のフォントサイズ */
.column_area .pcn_h3_kasou {
  font-size: 25px !important;
}

/* pのフォントサイズ */
.column_area p {
  font-size: 16px !important;
}

/*----- 情シスお役立ちコラムの文字-------------------*/


/*---768px以下---------------------------------------*/
/*@media(max-width: 768px){
.pcn-parent h2{font-size: 1.25em}
.pcn_h3_kasou {font-size: 1.167em; line-height:1.3em;}
.pcn_h4_kasou .point{margin-bottom: 0px;}
.pcn_h4_kasou{font-size: 1em;}
.pcn-subnavi ul {font-size: 1em;}

h1.pcn_mincho-dai  {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);
	font-weight: bold;
	font-size: 2.5em;
	line-height: 1.2em;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
               white 1px -1px 0px, white -1px -1px 0px;
}
}*/
/*------------------------------------------*/
