@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*ロゴ左寄せ*/
.logo{
	text-align:left;
	padding:20px 0 0 0;
}

.tagline{
	text-align:left;
	margin:-10px 0 0 0;
	padding:0 0 10px 0;
}

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

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.logo{
	text-align:left;
	padding:10px 0 0 10px;
}
.tagline{
	text-align:left;
	padding:0 0 10px 10px;
}

}

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


/*薄い青背景*/
.pblue{
	background-color: #c4dced;
}
/*薄い緑背景*/
.pgreen{
	background-color: #c5e5d2;
}
/*薄いベージュ背景*/
.pbeige{
	background-color: #fceacc;
}

/*点線囲い込み*/
.box6{
	margin: 2em 0;
    background: #f0f7ff;
    border: dashed 1px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 1em;
    padding: 0;
}

.box6 ul {
	list-style: none;
}