/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* -----------------------------お問い合わせフォーム */
.contact__area label{
 display: block;
}
.contact__area input[type=text],.contact__area input[type=email],.contact__area input[type=tel],.contact__area textarea{
 background-color:#eeeeee52;
 border:1px solid #eee;
}
.contact__area label .contact-item{
 display: inline-block;
 margin-bottom: 8px;
}
.wpcf7-acceptance > .wpcf7-list-item{
 margin-left: 0;
}
.elementor a.pp-link{
 text-decoration: underline;
}
[type=submit].btnToComfirm{
 background-color:var(--e-global-color-70d385c);
 border: 1px solid var(--e-global-color-70d385c);
 color: #fff;
 padding: .75rem 1.5rem;;
 margin-top: 1.5rem;
}
/* ------------------------------確認画面 */
.confirm-area label,.confirm-area .contact-item{
 display: block;
}
.confirm-area label{
 font-size: 18px;
 line-height: 1.5;
}
.confirm-area .contact-item{
 font-weight: 700;
 padding-bottom: .3em;
 border-bottom: 2px solid var(--e-global-color-70d385c);
}
.confirm-button-area{
 margin-top: 3rem;
}
.confirm-button-area p{
 display: flex;
 justify-content: center;
}
.confirm-button-area [type=button],.confirm-button-area [type=submit]{
 padding: .75rem 3rem;
 border: 1px solid var(--e-global-color-70d385c);
 font-size: 1.1rem;
}
.confirm-button-area [type=button]{
 color: var(--e-global-color-70d385c);
}
.confirm-button-area [type=submit]{
 margin-left: 2rem;
 color: #fff;
 background-color: var(--e-global-color-70d385c);
}
@media (any-hover: hover){
 .confirm-button-area [type=button]{
  background-color:transparent;
 }
}
/* --------------------------------------------------------sp */
@media screen and (max-width:521px){

 /* ------------------------------確認画面 */
 .confirm-button-area p{
  justify-content: flex-start;
 }
 .confirm-button-area{
  margin-top: 2rem;
 }
 .confirm-button-area [type=button],.confirm-button-area [type=submit]{
  padding: .5rem 2rem;
 }
 .confirm-button-area [type=submit]{
  margin-left: 1rem;
 }
}