/*!
Theme Name: KagamiWebDev
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kagamiwebdev
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

KagamiWebDev is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


.fuchidori {
	font-size: 32px;
	color: #101f41;
}


.top-text {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 32px;
	font-weight: 500;
}

.top-gray {
	background-color: rgba(0, 0, 0, 0.6);
}

.t-s {
	font-size: 22px;
}


.zyuyo {
	background-size: contain;
	background-repeat: repeat;
	padding-top: 30px;
	padding-bottom: 50px;
}


@media screen and (max-width:767px) {
	.sidemokuji{
		display: none;
	}
}

@media (min-width: 768px) {}

.topmv {
	height: 640px;
}

a.headerlink {
	position: relative;
}

a.headerlink-active::after {
	transform: scale(1, 1) !important;
}

a.headerlink::after {

	position: absolute;
	left: 5%;
	content: '';
	width: 90%;
	height: 1px;
	background: #fff;
	bottom: -1px;
	/*アンダーラインがaタグの下端から現れる*/
	transform: scale(0, 1);
	/*アンダーラインの縮尺比率。ホバー前はx方向に0*/
	transform-origin: left top;
	/*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
	transition: transform 0.2s;
	/*変形の時間*/
}

a.headerlink:hover::after {
	transform: scale(1, 1);
	/*ホバー後、x軸方向に1（相対値）伸長*/
}


a.btn--orange {
	color: #111111;
	/* background-color: #eb6100; */
	background-color: #ffa723;
}

a.btn--orange:hover {
	/* background: #f56500; */
	background: #FFB342;
}

a.btn-c {
	border-radius: 10px;
}

a.toiawase-btn--orange {
	color: #111111;
	/* background-color: #eb6100; */
	background-color: #ffa723;
}

a.toiawase-btn--orange:hover {
	/* background: #f56500; */
	background: #FFB342;
}

a.toiawase-btn-c {
	border-radius: 10px;
}

.topmv-video {
	object-fit: cover;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.worries-wrap {
	background: linear-gradient(to right, #add8e6, #b5b5e2);
	padding: 13px 20px;
	border-radius: 20px;
	margin-bottom: 20px;
}

.correction-wrap {
	border: solid #86838352 1px;
	padding: 13px 20px;
	border-radius: 20px;
	background-color: #fff;
}

.weblars-logo {
	background-color: #0063a1;
	display: inline-block;
	padding: 4px 8px;
	margin: 10px;
}

.weblars-subtitle {
	/* color: #0063a1; */
	color: #084c94;
	margin-bottom: 50px;
}

.weblars-subtitle2 {
	margin-bottom: 50px;
}

.weblars-section {
	padding: 60px 0;
}

.weblars-price-subtitle {
	/* color: #0063a1; */
	color: #084c94;
}

.weblars-price-subtitle:not(:first-child) {
	margin-top: 40px;
}

.weblars-price-info {
	margin: 10px 0 30px 0;

}

.hogehoge {
	background: url("https://weblars.jp/wp-content/uploads/2024/10/weblars_info_bg.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.hoge2 {
	padding: 20px;
}

.hoge2-innter {
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
}

.flow-1 {
	background: url("https://weblars.jp/wp-content/uploads/2024/10/flow_contact-768x512.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
}

.flow-2 {
	background: url("https://weblars.jp/wp-content/uploads/2024/10/flow_mtg-768x597.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
}

.flow-3 {
	background: url("https://weblars.jp/wp-content/uploads/2024/10/flow_upload-768x478.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
}

.flow-4 {
	background: url("https://weblars.jp/wp-content/uploads/2024/10/flow_work-768x512.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
}

.flow-5 {
	background: url("https://weblars.jp/wp-content/uploads/2024/10/flow_invoice-768x512.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
}

.flow-6 {
	background: url("https://weblars.jp/wp-content/uploads/2024/10/flow_payment-768x512.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
}

.news-wrap p {
	margin: 0 !important;
}



.my-list-group {
	list-style: none;
}

.my-list-group-item {
	margin: 0 15px;
	white-space: nowrap;
}

.mokuji {
	border: 1px solid #ccc;
	margin: 30px 0 20px 0;
	padding: 20px;
}

.sidemokuji {
	padding: 0 20px;
}

.sidemokuji p {
	border-bottom: 1px solid #223a70;
}

.mysingle h2 {
	font-size: 24px;
	margin: 60px 0 30px 0;
	border-left: 10px solid #223a70;
	padding: 18px 20px;
	background-color: #d9e9f2;
}

.mysingle h3 {
	font-size: 22px;
	margin: 30px 0 20px 0;
	padding: 7px 0px;
	border-bottom: 2px solid #223a70;
}

.mysingle h4 {
	font-size: 20px;
}

.singlep {
	margin-left: 20px;
	margin-bottom: 40px;
}

.singlenotice {
	margin-top: 40px;
	background-color: #fff2cf;
	padding: 20px;
	border: 3px solid #ffc439;
}

.myex {
	background-color: #eee;
	padding: 5px 10px;
	border-radius: 15px;
	float: left;
	margin-bottom: 10px;
}

.myexitem {
	padding: 5px 10px 5px 40px;
	margin-left: 40px;
	margin-bottom: 10px;
}