@charset "utf-8";
/*
Theme Name: sydney-child
Template: sydney 
Description: sydneyの子テーマを作成
Author: owner
Version: 1.0
*/
/*レスポンシブ*/
.pc-only{display: block;}
.sp-only{display: none;}
@media screen and (max-width: 500px){
.pc-only{display: none;}
.sp-only{display: block;} 
}  

/*タイトル消し*/
h1.title-post.entry-title {display: none;}
body {letter-spacing: 0.1em;line-height: 1.5em;}
.site-header-inner {
	background-image:url("http://kanon.raindrop.jp/wp-nak-oa/wp-content/uploads/2024/04/menu-bg.jpg");
	background-size:cover;
　　  background-repeat: no-repeat;
}
.menu-item {background:#fff;}

/*ボタン*/
a.wp-block-button__link.wp-element-button {
    background-color: #fff;
	color:#0066c0;
}
.wp-block-buttons>.wp-block-button {
    border: 1px solid #0066C0;
}
a.wp-block-button__link.wp-element-button:hover {
	background-color:#0066C0;
	color:#fff;
}
/*私たちの想い*/
.k-textblock {padding-left: 3%;padding-right: 3%;}
#omoi {
	background-image:url("https://kanonnak.raindrop.jp/wp1/wp-content/uploads/2024/04/omoi_bg.png");
	background-size:cover;
　　  background-repeat: no-repeat;
	background-position:center;
	height:1000px;
	padding-top:20%;
}
/*お知らせ*/
ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li {	border-bottom:1px solid #eee;padding-bottom:3px;}
/*トップ円など*/
.k-larger{font-size:larger;}
#k_top_history{position:relative;}
.k-top-circle02 {
    position: absolute;
    bottom: -50%;
    left: -10%;
	z-index:-1;
}
.k-oyakudachi {position:relative;}
img.wp-image-90 {
    height: 200px;
    width: 100%;
	z-index:-1;
}
.k-top-circle03 {
    position: absolute;
    z-index: -1;
    top: -80%;
	left: 10%;
}

/*お問い合せ*/
.k_tel, .k_contact {
	height:80px;
	padding: 3%;
    text-align: center;
    border-radius: 50px;
    font-size: xx-large;
	background-color:#fff;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3)
}
.k_tel:hover, .k_contact:hover {
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.k_contact {
	font-size:x-large;
	    padding: 5%;
	font-weight:bold;
}
.k_telditail {
    font-size: smaller;
	padding-top:3px;
}
#k_top_contact {
	background-image:url(http://kanonnak.raindrop.jp/wp1/wp-content/uploads/2024/04/top_contactback.png);
	background-size:cover;
　　  background-repeat: no-repeat;
	padding:8% 5%;
}

/*下部ページ*/
.k_content_title{
    font-weight: inherit;
    font-size: 60px;
    margin: 0 !important;}
@media screen and (max-width: 500px){
	.k_content_title{font-size:30px;}
}
figure.wp-block-image.size-large.k_content_img {
    width: 100%!important;
    margin-left: -10%!important;}
.k-service-wrap{ display: flex; flex-wrap: wrap; }
h3.k_content_intitle {
    position: relative;
    text-align: center;
	padding-bottom:0.1em;
}
h3.k_content_intitle:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #4C9AC0;
}

/*会社概要*/
.k-about-table td, .k-about-table tr {
    border: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 5%;
	padding-top:5%;
    text-align: left;
}

/*沿革*/
.timeline {list-style: none;}
.timeline > li {margin-bottom: 60px;}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 150px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
	.timeline-content h3 {
    font-size: 40px;
}
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 146px;
    top: 24px;
    border-radius: 100%;
  }
}
/*お役立ち*/
.Qa-Box {
  width: 80%;
  margin: 0 auto;
}
.Qa-Box .Qa dt{ 
	display: flex;
  align-items: baseline;
  padding: 15px;
	background:#f5f5f5;
}
.Qa-Box .Qa dt:hover {
  opacity: 60%;
	transition:0.8s;
}
.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
	color:#000;
}
.Qa-Box .Qa dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #6699B7;
  width: 2em;
  height: 2em;
}

@media screen and (max-width: 960px) {
  .Qa-Box {
    width: 95%;
  }
}

/*事業内容*/
.k-service-huki {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #f5f5f5;
  border-radius: 15px;
}
.k-service-huki:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f5f5f5;
}
.k-service-huki p {
  margin: 0;
	padding:0.5em;
}
.k-service-gray {
    background: #f5f5f5;
    padding: 1.7em;
    border-radius: 20px;
}
.k-service-box {
  margin: 20px auto;
}
.k-service-boxtitle {
  background-color: #4c9ac0;
  color: #fff;
  padding: 0.8em 20px;
  margin: 0!important;
  font-size: 20px;
  font-weight: bold;
	border-radius: 20px 20px 0 0;
}
.k-service-boxtxt {
  padding: 10px 20px;
  border: 2px solid #4c9ac0;
	height:180px;
	border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 991px){
	.k-service-boxtxt {height:300px;}
	.k-service-boxtitle{font-size:15px;height:55px;}
}
@media screen and (max-width: 781px){
	.k-service-boxtxt {height:100%;}
	.k-service-box {margin: 0;}
		.k-service-boxtitle{height:100%;}
}
.k-service-listbox {
    background-color: rgba(242, 255, 229, 0.5);
    border-radius: 30px;
}
.k-service-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
.k-service-list li {
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
	padding:1%;
	margin:3%;
	width:150px;
}

/*お問い合せ*/
div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
	border:none!important;
}
button#wpforms-submit-181:hover {
    border: 1px solid #066aab;
    color: #066aab;
    background: #fff;
}
/*お知らせ*/
aside#block-3, aside#block-5, aside#block-6 {
    background-color: #eee;
    border-radius: 10px;
    padding: 10%;
}
#block-3 .wp-block-heading, #block-5 .wp-block-heading, #block-6 .wp-block-heading {
    font-size: 25px;
    padding: 3%;
    border-radius: 5px;
    color: #fff;
	text-align:center;
}
#block-3 .wp-block-heading{background-color: #066aab;}
#block-5 .wp-block-heading{background-color: #7DB7AA;}
#block-6 .wp-block-heading{background-color: #E9B75F;}

/*プライバシーポリシー*/
.k-privacy-title {
    border-left: 3px solid #066aab;
    padding-left: 15px;
}


/*レスポンシブデザイン*/
/*スマホ表示*/
@media screen and (max-width: 500px){
	#omoi{height:100%;}/*トップ文具背景*/
  .page-wrap {padding-top: 0px!important;}
	.k-top-circle03 img {width:100px;height:100px;}/*トップ丸*/
}
/*タブレット表示*/
@media screen and (max-width: 760px){
	img.wp-image-58 {width: 150px;}
	.timeline li {border-bottom: 1px solid;}/*沿革ページ*/
		.k-service-list li {width:70px;}/*事業内容*/
	/*会社概要*/
	.k-about-table {
  display: block;
  width: 100%;}
.k-about-table tbody {
  display: block;
  width: 100%;}
.k-about-table tr {
  display: block;
  width: 100%;}
.k-about-table td {
  display: block;
  width: 100%;}
}
/*PC表示*/
@media screen and (min-width: 760px){
   .k-omoi {position:relative;}/*想い*/
   ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts {width: 60%;margin-right: auto;margin-left: auto;}/*お知らせ*/
	/*会社概要*/
	.k-about-table td:first-child {width: 33%;}
   .k-about-table {width: 80%;margin-left: auto;margin-right: auto;}
}