/*
Theme Name: Sydney Child
Theme URI: https://athemes.com/theme/sydney
Template: sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
Tags: two-columns,right-sidebar,block-styles,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.71.1605581659
Updated: 2020-11-17 11:54:19

*/





/* Contact Form7 */

.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: normal;
}

/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
		width: 65%;
	}

.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
}

.ph::placeholder {
  color: #cccccc;
	max-width: 95%;
}

.form-width { max-width: 95%;}




.gaiyou {
	width:90%;
margin:auto;
}

.gaiyou dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

.gaiyou dt {
padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
.gaiyou {
	width:70%;
margin:auto;
}
	
	.gaiyou dt {
clear: left;
float: left;
width: 10%;
}
.gaiyou dd {
margin-left: 11%;
}
}












.topics {
	width:90%;
margin:auto;
}

.topics dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

.topics dt {
padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
.topics {
	width:90%;
margin:auto;
}
.topics dt {
clear: left;
float: left;
width: 60%;
}
.topics dd {
margin-left: 61%;
	text-align:left;
}
}

/* 230701 */
.ff h1, .ff h2, .ff h3, .ff div, .ff p, .ff {
    font-family: 'Yu Gothic','Yu Gothic Medium','メイリオ','MS ゴシック','游ゴシック Medium',sans-serif;
}
.ts {
	text-shadow: 4px 4px 4px #fff, -4px -4px 4px #fff, -4px 4px 4px #fff, 4px -4px 4px #fff, 4px 0 4px #fff, -4px 0 4px #fff, 0 4px 4px #fff, 0 -4px 4px #fff, 0 3px 4px #000, 0 3px 4px #000, 0 3px 4px #000, 0 3px 4px #000, 0 3px 4px #000, 0 3px 4px #000;
}
.mt20 {
	margin-top: 20px;
}
.consulting_head h2 {
	line-height: 1.2;
	background: #ffffee;
    border-width: 0px;
    padding: 15px;
    border-left: 3px solid #7ebf94;
	margin-bottom: 30px;
}
.consulting_figure {
	margin-top: 20px;
}
.consulting_figure dl {
	display: flex;
	margin-bottom: 0;
}
.consulting_figure dt {
    font-size: 18px;
    font-weight: 700;
	min-width: 200px;
    padding: 15px 20px;
	border-top: 1px solid #86c26d;
	background: #DFF0D8;
}
.consulting_figure dl:last-of-type dt {
	border-bottom: 1px solid #86c26d;
}
.consulting_figure dd {
	width: calc(100% - 200px);
    padding: 15px 20px;
	border-top: 1px solid #86c26d;
}
.consulting_figure dl:last-of-type dd {
	border-bottom: 1px solid #86c26d;
}
.consulting_items {
	display: flex;
	flex-wrap: wrap;
}
.consulting_item {
	width: 120px;
	font-weight: 700;
    margin-right: 10px;
    background: #DFF0D8;
    padding: 10px;
    border: 8px solid #CAE6BE;
	text-align: center;
}
.faq_item:nth-of-type(2) {
	margin-top: 20px;
}
.faq_item_q {
    background: #DFF0D8;
    padding: 10px 15px;
}
.faq_item_head {
	display: flex;
	align-items: center;
	font-size: 20px;
    font-weight: 700;
}
.faq_item_q_logo {
	display: inline-block;
	font-size: 26px;
    border-radius: 50%;
    min-width: 45px;
    height: 45px;
	text-align: center;
	color: #fff;
	background: #86c26d;
	margin-right: 10px;
}
.faq_item_a {
    border: 3px solid #DFF0D8;
    padding: 10px 15px;
}
.faq_item_a_logo {
	display: inline-block;
	font-size: 26px;
    border-radius: 50%;
    min-width: 45px;
    height: 45px;
	text-align: center;
	color: #fff;
	background: #7ebf94;
	margin-right: 10px;
}
.faq_item_a_text {
    margin-top: 10px;
    margin-left: 55px;
}
.consulting_sp {
	display: none;
}

@media screen and (max-width: 767px) {
	.consulting_figure dl {
		display: block;
	}
	.consulting_figure dt {
	}
	.consulting_figure dl:last-of-type dt {
		border-bottom: none;
	}
	.consulting_figure dd {
		width: 100%;
	}
	.consulting_sp {
		display: block;
	}
}
/* 230701 end */