@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
*/

/************************************
** 共通設定
************************************/
.home.page .entry-title{
  display: none;
}


body{
    font-family: 'メイリオ', Meiryo, sans-serif;
	background-image: linear-gradient(257deg, rgba(44, 184, 245, 1), rgba(168, 211, 226, 1));
}

.content {
    margin-top: 24px;
    margin: 24px 10px 0 10px;
}

#header-container{
	background-color:rgba(0,0,0,0) !important;
}

#main{
	border-radius:7px;
	box-sizing:border-box;
}

.logo-text{
	font-weight:bold;
	
}

h2{
	background-color:#d8eff0 !important;
	color:#455d5e;
	position:relative;
	padding: 15px 30px !important;
	border-radius:4px !important;
}
h2:before {
	content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 15px solid transparent;
    border-left: 15px solid #ffde5c;

}

h3{
	background-color:rgba(255,255,255,0) !important;
	color:#455d5e;
	position:relative;
	padding: 20px 30px !important;
	border-radius:0px !important;
	border-left:0px !important;
	border-width:0px !important;
	border-bottom-width:4px !important;
	border-image: linear-gradient(to right, rgba(168, 211, 226, 1), #455d5e) 1;
	padding:15px 10px 2px 10px  !important;
}
h4{
	color:#555 !important;
}


.kasen-red {
	text-decoration: underline;
	text-decoration-color:#d9144f;
	
}
.kasen-m-yellow {
	background: linear-gradient(transparent 60%, yellow 30%);
	display: inline-block;
}

p.center{
	text-align:center;
}

.form-flexbox{
	display: flex;
}

.form-flexbox .halfbox{
	width:50%;
	box-sizing:border-box;
	margin:1%;
}


/***************************************
 * コンタクトフォーム
****************************************/

/*ラジオボタンなどの縦並び*/
span.wpcf7-list-item{
display: block;
}
	
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
	font-family : inherit;
    font-size:16px !important;
}

.wpcf7-form-control-wrap input[type=text]{
	margin:2px 0;
}

table.cf-tbl{
	border-collapse: separate;
	border-spacing: 0px 2px;
	font-size:16px;
	width:100%;
}
table.cf-tbl tbody{
	width:100%;
}
table.cf-tbl p{
	margin:5px;
}
table.cf-tbl tr{
	width:100%;
}
table.cf-tbl tr th{
	white-space: nowrap;
	width:30%;
}


table.cf-tbl table th,
table.cf-tbl table td{
	border-bottom:1px solid #555;
}

@media screen and (max-width:768px){
table.cf-tbl{
width: 100%;
}

table.cf-tbl,
table.cf-tbl tbody,
table.cf-tbl tr,
table.cf-tbl tr th,
table.cf-tbl tr td{
display: block;
}

table.cf-tbl{
width: 100%;
border-width: 0 0 1px 0;
}

table.cf-tbl tr th,
table.cf-tbl tr td{
width: 100%;
padding: 3% 5%;
}

table.cf-tbl tr td{
border-width: 0px 1px 0px 1px;
}
}

/*「必須」文字デザイン*/
.required{
font-size: 0.6em;
	font-weight:bold;
padding: 1px 5px;
background: #cc0000;
color: #ffffff;
border-radius: 4px;
margin-right: 10px;
margin-bottom: 2px;
display: inline-block;
}

/*「任意」文字デザイン*/
.optional{
font-size:.8em;
padding: 5px;
background: #000080;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/*送信、確認ボタン*/
.btn-sidebyside{
	width:100%;
	max-width:500px;
	margin:0 auto;
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
}
.btn-sidebyside .left{
	float:left;
	width:50%;
	padding:10px;
	
}
.btn-sidebyside .right{
	float:right;
	width:50%;
	padding:10px;
}

.syusei input[type=button ]{
width:100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
  background-color: #d90000;
  border: none;
  color: #fff;
  cursor: pointer;
}

.wpcf7 input[type="submit"] {
	width:100%;
  	appearance: none;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	font-size: 20px;
  	font-weight: bold;
  	padding: 10px;
  	border-radius: 5px;
  	background-color: #233b6c;
  	border: none;
  	color: #fff;
  	cursor: pointer;
}
span.wpcf7-spinner {
  display: none;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
/***************************************
 * コンタクトフォーム
****************************************/

.wpcf7-form-control-wrap input{
	font-family : inherit;
	font-size:16px !important;
}
	.wpcf7-form-control-wrap textarea{
		font-family : inherit;
		font-size:16px !important;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	
}