@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#metaslider_container_109{
box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.15);	
}

.widget_media_image img{
	width:100%;
	height:auto;
}

#footer{
	border-top:3px solid #e5007f;
}

.go-to-top .go-to-top-button {
background-color: #e5007f;
}

.article h2{
	background-color:#fff;
}

/*Topページ用*/
#header-container-in{
	padding:20px 0 20px 0;
}

.catch2 img{
	width:80%;
	height:auto;
}

.buruburu:hover {
	width:80%;
	height:auto;    display: inline-block;
    animation: hurueru .1s  infinite;
}

.buruburu:hover img {
	width:80%;
	height:auto;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.article .index_003{
	padding:10px 30px 30px 30px;
	background-color:#f8f8f8;
}
.article .index_003 h3{
	border:none;
}
.index_003 h2{
	font-size:150%;
	text-align: center;
	background:none;
}

.feature{
	display: flex;
	justify-content: space-around;
	align-items: center;
	list-style:none;
}

.index_005{
	width: 80%;
	height: auto;
	padding: 60px 0 60px 0;
	margin: 0 auto 0 auto;
	display: block;
}

.index_005_content_in{
	width:100%;
	height: auto;
	padding: 40px;
	margin: 0 auto 0 auto;
	background-color: #46bc99;
	border-radius: 20px;
	box-shadow: 0 0 15px #d2d1d1;

}

.article h3{
	border:none;
}

.index_005 .index_005_content_in ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	box-sizing: border-box;
	list-style:none;
	border-bottom:0;
}

.index_005 .index_005_content_in ul li:nth-child(1){
	font-size: 160%;

}

.index_005 .index_005_content_in ul li:nth-child(2){

}

.index_005 .index_005_content_in .catch2{
	height: auto;
	margin: 0 auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #000;
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 0 12px #fff;
	list-style:none;
}

.index_005 .index_005_content_in .catch2 ul{
	padding:0;
	margin:0;
}

.index_005 .index_005_content_in .catch2 li{
	width: 50%;
	padding:15px 0 0 0;
	margin:0;
	text-align:center;
}

.index_005 .index_005_content_in .catch2 li:nth-child(1){
	width: 50%;
	height: auto;
	font-size: 130%;
	text-align: center;
}

#wpsp-150 .wp-show-posts-inner header{
	padding:0 20px 0 20px;
}
#wpsp-150 .wp-show-posts-inner .wpsp-read-more{
	margin:0 20px 20px 20px;
}

#wpsp-150 .wp-show-posts-entry-title a{
	color:#000;
}


#wpsp-150 .wp-show-posts-inner .wp-show-posts-entry-summary
{
	padding:0 20px 0 20px;
}

#wpsp-150 article:nth-child(1) .wp-show-posts-inner{
	background-color: rgba(246,141,66,0.12);
	border-top: 10px solid #f68d42;
}

#wpsp-150 article:nth-child(1) .wpsp-read-more a{
	border:1px solid #f68d42;
}

#wpsp-150 article:nth-child(1) .wpsp-read-more a:hover{
	background-color: #f68d42;
}

#wpsp-150 article:nth-child(2) .wp-show-posts-inner{
	background-color: rgba(70,188,153,0.12);
	border-top: 10px solid #46bc99;
}

#wpsp-150 article:nth-child(2) .wpsp-read-more a{
	border:1px solid #46bc99;
}

#wpsp-150 article:nth-child(2) .wpsp-read-more a:hover{
	background-color: #46bc99;
}

#wpsp-150 article:nth-child(3) .wp-show-posts-inner{
	background-color: rgba(229,0,127,0.12);
	border-top: 10px solid #e5007f;
}

#wpsp-150 article:nth-child(3) .wpsp-read-more a{
	border:1px solid #e5007f;
}

#wpsp-150 article:nth-child(3) .wpsp-read-more a:hover{
	background-color: #e5007f;
}

#wpsp-163 .wp-show-posts-entry-header{
	padding:0 20px 0 20px;
}
#wpsp-163 .wp-show-posts-inner .wpsp-read-more{
	margin:0 20px 20px 20px;
}



#wpsp-163 .wp-show-posts-inner .wp-show-posts-entry-summary
{
	padding:0 20px 0 20px;
}

#wpsp-163 article:nth-child(1) .wp-show-posts-inner{
	background-color: rgba(235,235,235,0.3);
}

#wpsp-163 article:nth-child(2) .wp-show-posts-inner{
	background-color: rgba(235,235,235,0.3);
}

#wpsp-163 .wp-show-posts-entry-title a{
	color:#000;
}

/*会社概要*/
.company_info{}

.company_info ul{
	width:100%;
	display:table;
	flex-wrap:wrap;
	list-style:none;
}

.company_info p:nth-child(1){
	width:40%;
	display: table-cell;
}

.company_info p:nth-child(2){
	width:60%;
	display: table-cell;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

.article .index_003{
	padding:10px 30px 30px 30px;
	background-color:#f8f8f8;
}
.article .index_003 h3{
	border:none;
}
.index_003 h2{
	font-size:150%;
	text-align: center;
	background:none;
}

.feature{
	display: block;
	text-align:center;
}

.index_005{
	width: 95%;
	height: auto;
	padding: 60px 0 60px 0;
	margin: 0 auto 0 auto;
	display: block;
}

.index_005_content_in{
	width:100%;
	height: auto;
	padding: 20px;
	margin: 0 auto 0 auto;
	background-color: #46bc99;
	border-radius: 20px;
	box-shadow: 0 0 15px #d2d1d1;

}

.article h3{
	border:none;
}

.index_005 .index_005_content_in .catch1{
	display: block;
	color: #fff;
	box-sizing: border-box;
	list-style:none;
	border-bottom:0;
}

.index_005 .index_005_content_in .catch1 li:nth-child(1){
	font-size: 4.5vw;
	padding-bottom:10px

}

.index_005 .index_005_content_in .catch1 li:nth-child(2){

}

.index_005 .index_005_content_in .catch2{
	height: auto;
	margin: 0 auto 0 auto;
	display: block;
	color: #000;
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 0 12px #fff;
	list-style:none;
}

.index_005 .index_005_content_in .catch2 ul{
	padding:0;
	margin:0;
}

.index_005 .index_005_content_in .catch2 li{
	width: 100%;
	height: auto;	padding:15px 0 0 0;
	margin:0;
	text-align:center;
}

.index_005 .index_005_content_in .catch2 li:nth-child(1){
	width: 100%;
	height: auto;
	padding-bottom:20px;
}

.index_005 .index_005_content_in .catch2 li:nth-child(2){
	width: 100%;
	height: auto;
	font-size: 130%;
	text-align: center;
}
.index_005 .index_005_content_in .catch2 li img{
	width:100%;
	height:auto;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/


}
	


}