@charset "UTF-8";


/* 結婚/婚活 */
.facebook_blk {
display:block;
width:350px;
height:600px;
float:left;
padding:20px 0;
}
.twitter_blk {
display:block;
width:350px;
height:600px;
float:right;
overflow:scroll;
padding:20px 0;
}

input.wpcf7-text,
input.wpcf7-email,
input.wpcf7-tel,
input.wpcf7-date,
textarea.wpcf7-textarea {
outline: none;
border: 1px solid #aaa;
-webkit-transition: all .3s;
transition: all .3s;
padding: 6px 8px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-top:2px;
}
input.wpcf7-text:focus,
input.wpcf7-email:focus,
input.wpcf7-tel:focus,
input.wpcf7-date:focus,
textarea.wpcf7-textarea:focus {
box-shadow: 0 0 7px #1abc9c;
border: 1px solid #1abc9c;
}

input.size_short {
width:50px;
}
input.size_middle {
width:200px;
}
input.size_long,
textarea.size_long {
width:600px;
}

.bl_MapBnr {
display:flex;
justify-content:center;
align-items: center;
margin-bottom:30px;
}
.el_MapBnr{
width:40%;
margin:0 20px;
}
.el_MapBnr img{
width:100%;
}

/* ご意見 */
article#cms_contents section#opinion p.mb_0 {
margin-bottom: 0;
}
article#cms_contents section#opinion ul li {
list-style: none;
margin-left: 0;
}
.opinion_form_item {
margin-bottom: 20px;
}
.opinion_form_item label {
margin-left: 1em;
display: inline-block;
cursor: pointer;
}
.opinion_form_item label input {
margin-right: .3em;
}
.opinion_form_item span {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}
.opinion_form_item textarea {
outline: none;
border: 1px solid #aaa;
-webkit-transition: all .3s;
transition: all .3s;
padding: 6px 8px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-top:2px;
}
.opinion_form_item textarea:focus {
box-shadow: 0 0 7px #1abc9c;
border: 1px solid #1abc9c;
}
.opinion_form_btn {
text-align: center;
margin-bottom: 20px;
}
.opinion_form_btn .btn {
border: none;
background-color: #55ba43;
color: #fff;
padding: 3px 20px;
border-radius: 5px;
cursor: pointer;
}
.opinion_form_btn .btn_gray {
background-color: #f3f3f3;
color: #333;
}

@media screen and (max-width: 600px) {
/* MOBILE
-----------------------*/

/* 結婚/婚活 */

.facebook_blk {
width:100%;
float:none;
}
.twitter_blk {
width:100%;
float:none;
}

input.size_middle,
input.size_long,
textarea.size_long {
width:95%;
}

/* ご意見 */
.opinion_form_item textarea {
width: 100%;
box-sizing: border-box;
}



}

@media screen and (min-width:601px) and (max-width:768px) {
/* TABLET
-----------------------*/




}