@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*
 * [文字]
 * 緑：23aaad
 * 赤：f13b28
 * 黄色：fcfc4a
 * [背景]
 * 薄い緑：e1f2f0
 * 濃い緑：187678
 * 
 * 
 */

@media screen and ( max-width: 480px ) {
	.l-footer { padding-bottom: 10em; }
	body .callbutton .wp-block-column > * { margin-bottom: 0em!important; }
	body .callbutton .swell-block-fullWide__inner > * { margin-bottom: 0em!important; }
	body .callbutton .swell-block-fullWide { padding-top: 0.5em!important; padding-bottom: 0.5em!important; }
	.callbutton .swell-block-column:nth-child(2) { padding-top: 0em!important; }
	.callbutton .swell-block-column:nth-child(3) { padding-bottom: 0em!important; }
	.callbutton .swell-block-button, .callbutton .swl-has-mb--s > * { margin-bottom: 0em!important; }
	.callbutton .wp-block-columns { margin-top: 0.5em!important; }
	body .callbutton .swell-block-columns__inner { row-gap: 0.5em; }
	.callbutton {
		display: block; position: fixed; left: 0;
		bottom: 0px; z-index: 9999; width: 100%;
	}
	
	body .post_content .jirei_case h3, body .post_content .jirei_case h3::before { position: relative!important; }
	body .post_content .jirei_case h3::before { top: 0; left: 0; }
	body .post_content .jirei_case h3 { padding: 0.5em!important; }
	
	.jirei_list_category_txt p { text-align: right!important; }
	.jirei_list_category { width: 100%!important; }
@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
	.index_inquiry .submit_btn input { width: 100%; font-size: 100%!important; font-weight: 800; }
	.index_inquiry .contact_cell_b input { width: 28%; }
	.index_inquiry .contact_cell_a input { width: 100%; }
	.index_inquiry .contact_cell_a textarea { width: 100%; }
	.index_inquiry table { width: 100%!important; }
	
	
	.image-container2 {
		margin-left: auto; margin-right: auto; touch-action: pan-x; /* 横スクロールのみ許可 */
  		width: 90%; height: 328px; overflow-x: scroll; white-space: nowrap;
	}
	.image-container {
		margin-left: auto; margin-right: auto; touch-action: pan-x; /* 横スクロールのみ許可 */
  		width: 90%; height: 359px; overflow-x: scroll; white-space: nowrap;
	}
	.image-container2 img {
		max-width: 1060px!important; max-height: 328px!important; display: block;
	}
	.image-container img {
		max-width: 840px!important; max-height: 357px!important; display: block;
	}
	

	.index_flow img { width: 50%; }
	body .post_content .listing_ng_msg { margin-top: -5em !important; }
	.listing_ng_msg img { width: 90%; margin-left: auto; margin-right: auto; }
	.listing_check { margin-bottom: 0em!important; }
	.listing_check li::before { display: block; width: 50%; text-align: center; }
	.what_listing_flow img { width: 85%; margin-left: auto; margin-right: auto; }
	.cta .swell-block-column:nth-child(3) { width: 100%!important; padding-bottom: 1em; }
	.cta .swell-block-column:nth-child(2) { width: 100%!important; padding-top: 1em; }
	.cta .swell-block-column:nth-child(1) { display: none; }
	.jirei_case .swell-block-columns .swell-block-column:last-child { border-top: 2px solid #187678; padding-top: 1em; }
	body .post_content .kaiketsu_txt p ,body .post_content .kaiketsu_txt .u-fz-xl { font-size: 100%!important; }
	body .post_content .kugiri_arrow img { width: 50%; }
	body .post_content .kugiri_arrow { margin-top: -4.1em !important; }
/*
	.index_nayami li::before {
		content: ''; background-image: url( http://nikonn.work/ad01/wp-content/uploads/list_check.png );
		background-repeat: no-repeat; width: 47px; height: 47px; background-color: #23aaad; margin-right: 0.5em;
		background-size: contain; float: left;
	}
*/
	.index_nayami li {
		font-weight: 800; background: #fff; border: 2px solid #23aaad;
		list-style: none; vertical-align: middle; min-height: 48px; padding: 0.5em 0.7em;
	}
	.index_nayami ul { padding-left: 0em; }
	.index_nayami h2 { margin-bottom: 1em; }
	body .post_content .index_nayami { margin-bottom: 2em!important; }
	.pc_only { display: none; }
}

@media screen and ( min-width: 481px ) {
	.callbutton, .scroll-hint, .scroll-hint2 { display: none; }
	body .post_content .listing_ng_msg { margin-top: -250px !important; }
	.jirei_case .swell-block-columns .swell-block-column:last-child { border-left: 2px solid #187678; }
	body .post_content .kugiri_arrow { margin-top: -6.7em !important; }
/*
	.index_nayami li::before {
		content: ''; background-image: url( http://nikonn.work/ad01/wp-content/uploads/list_check.png );
		background-repeat: no-repeat; width: 50px; height: 50px; background-color: #23aaad; margin-right: 0.5em;
	}
*/
	.index_nayami li {
		font-weight: 800; font-size: 24px; background: #fff; border: 2px solid #23aaad;
		list-style: none; padding: 0.5em 0.7em;
	}
}
@media screen and ( max-width: 1280px ) {
	.main_slider {
		flex-wrap: nowrap; display: flex; /* スライドのグループを横並び */
		overflow: hidden; /* はみ出たスライドを隠す */
		max-width: 95%;!important height: 346px; overflow: hidden; /* コンテナからはみ出した部分を隠す */
		margin-left: auto; margin-right: auto;
		position: relative; white-space: nowrap; 
	}
}

@media screen and ( min-width: 961px ) {
	.c-gnav { display: none; }
}



body .l-footer .swell-block-button__link span { color: #fff; }

.jirei_list_category .cap_box_ttl {
	background-color: #187678;
}

.jirei_list_category h2 {
	color: #187678!important;
}

.blog .p-postListWrap {
	background: #fff; padding: 1.5em; border-radius: 1em;
}

.jirei_list_category_txt { line-height: 1; }

.main_slider {
	flex-wrap: nowrap; display: flex; /* スライドのグループを横並び */
	overflow: hidden; /* はみ出たスライドを隠す */
	max-width: 1280px; height: 346px; overflow: hidden; /* コンテナからはみ出した部分を隠す */
	margin-left: auto; margin-right: auto;
	position: relative; white-space: nowrap; 
}
.main_slider div:first-child .swell-block-columns__inner { margin-right: 1.25rem!important; }
.main_slider div:first-child .swell-block-columns__inner {
	animation: slide-loop 50s -25s linear infinite;
	flex-wrap: nowrap!important; display: flex;
}
.main_slider div:last-child .swell-block-columns__inner {
	animation: slide-loop2 50s linear infinite;
	flex-wrap: nowrap!important; display: flex;
}
.main_slider .swell-block-column { width: 450px!important; flex-shrink: 0; /* 要素を縮小させない */ }
.main_slider img {
	display: block;
  width: 450px; /* 各画像の幅 */
  height: 346px; /* 各画像の高さ */
}
@keyframes slide-loop {
  0% {
    transform: translateX(100%); /* 最初の位置 */
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-loop2 {
  0% {
    transform: translateX(0%); /* 最初の位置 */
  }
  100% {
    transform: translateX(-200%);
  }
}
	
	.scroll-hint2 {
  position: absolute;
  top: 60%; /* 縦方向の中央 */
  left: 50%; /* 横方向の中央 */
}
	
	.scroll-hint {
  position: absolute;
  top: 50%; /* 縦方向の中央 */
  left: 50%; /* 横方向の中央 */
}
	.scroll-hint, .scroll-hint2 {
  position: absolute;
  transform: translate(-50%, -50%); /* 完全に中央揃え */
  background-color: rgba(255, 255, 211, 0.7); /* 半透明の背景 */
  color: #000;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  animation: fadeInOut 2s infinite;
  pointer-events: none; /* スクロールの邪魔をしない */
  z-index: 10; /* 画像より上に表示 */
}

body .top #content { padding-top: 0em; }

body #content .jirei_list h2 { margin-top: -1em!important; }
.jirei_list_category { background: #fff; padding: 2.5em 1.5em 1.5em; margin-bottom: 0.5em!important; }

.index_faq i { color: #23aaad; }
.index_faq .swell-block-accordion__body::before {
	content: 'A'; color: #f13b28; font-weight: 800; margin-right: 0.5em; float: left;
}
.index_faq .swell-block-accordion__title::before {
	content: 'Q'; color: #23aaad; font-weight: 800; margin-right: 0.5em;
}
.index_faq .swell-block-accordion__title {
	background: none; border: 2px solid #23aaad; font-weight: 800;
}

.index_inquiry .submit_btn input {
	background: #f13b28; color: #fff; font-size: 150%; border-radius: 1em;
	padding: 0.7em 3em;
}
.index_inquiry table input, .index_inquiry table textarea { border-radius: 1em; padding: 1em; }
.index_inquiry .submit_btn { margin-bottom: 1em; text-align: center; }
.index_inquiry table { margin-bottom: 1em; max-width: 600px; margin-left: auto; margin-right: auto; }
.index_inquiry th:before { content:'必須'; background: #fcfc4a; padding: 0.2em 0.5em; float: left; margin-right: 0.5em; }
.index_inquiry td { display: block; }
.index_inquiry th { font-weight: normal; background: none; display: flex; align-items: center; }
.index_inquiry th, .index_inquiry td { border: none; }
.index_inquiry h3 { margin-bottom: 1em; }
.index_inquiry .wp-block-column { border-radius: 1em; }
.index_inquiry .wp-block-columns:nth-child(1) { margin-bottom: 1.5em; }

body .post_content .index_flow .wp-block-columns { margin-bottom: 3em; align-items: center!important; }
body .post_content .index_flow h3 { margin-bottom: 1em; }

body .post_content .listing_ng_msg h2 { margin-top: 1em; }

.listing_check li:nth-child(3)::before {
	content: 'CHECK3'; background: #fcfc4a; color: #23aaad; font-weight: 800;
	padding: 0.2em 0.5em; border-radius: 1em; margin-right: 0.5em;
}
.listing_check li:nth-child(2)::before {
	content: 'CHECK2'; background: #fcfc4a; color: #23aaad; font-weight: 800;
	padding: 0.2em 0.5em; border-radius: 1em; margin-right: 0.5em;
}
.listing_check li:nth-child(1)::before {
	content: 'CHECK1'; background: #fcfc4a; color: #23aaad; font-weight: 800;
	padding: 0.2em 0.5em; border-radius: 1em; margin-right: 0.5em;
}
.listing_check li { font-size: 24px; font-weight: 800; list-style: none; color: #fff; margin-bottom: 1em; }

.listing_skill .swell-block-columns:nth-child(4) h3::before {
	content: '4'; font-size: 48px; color: #23aaad; margin-right: 1em;
	background: none; height: auto; top: -20px; font-weight: 900;
}
.listing_skill .swell-block-columns:nth-child(3) h3::before {
	content: '3'; font-size: 48px; color: #23aaad; margin-right: 1em;
	background: none; height: auto; top: -20px; font-weight: 900;
}
.listing_skill .swell-block-columns:nth-child(2) h3::before {
	content: '2'; font-size: 48px; color: #23aaad; margin-right: 1em;
	background: none; height: auto; top: 0px; font-weight: 900;
}
.listing_skill .swell-block-columns:nth-child(1) h3::before {
	content: '1'; font-size: 48px; color: #23aaad; margin-right: 1em;
	background: none; height: auto; top: -20px; font-weight: 900;
}
.listing_skill .swell-block-columns h3 { padding-left: 1.8em; }
.listing_skill .swell-block-column:nth-child(2) {
	background: #e1f2f0; border: 2px solid #23aaad; border-radius: 1em; padding: 1em;
}
body .post_content .listing_skill .swell-block-column h3 { margin-bottom: 1em; }
body .post_content .swell-block-columns__inner { align-items: flex-start; }
body .post_content .listing_skill .swell-block-columns { margin-bottom: 3em; }
body .post_content .listing_skill { margin-bottom: 4em; }

body .post_content .listing_service p { padding-left: 1em; padding-right: 1em; padding-bottom: 1em; }
body .post_content .listing_service h3 {
	margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1em; margin-right: 1em;
	border-left: 5px solid #23aaad; padding-left: 0.5em;
}
.listing_service .swell-block-column {
	background: #fff; border: 1px #ccc; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.what_listing_msg .wp-block-columns { border: 1px solid #23aaad; padding: 1em; align-items: center !important; }
body .post_content .what_listing_msg h3 { color: #23aaad; margin-bottom: 0.5em; }

.cta .swell-block-column:nth-child(3) { width: 250px; }
.cta .swell-block-column:nth-child(2) p:nth-child(1) { margin-bottom: 0em; }
.cta .swell-block-column:nth-child(2) { width: 350px; text-align: center; }
.cta .swell-block-column:nth-child(1) { width: 160px; margin-top: -3em!important; }
.cta .swell-block-columns__inner { align-items: center!important; }
.cta .wp-block-column { border-radius: 1em; padding-bottom: 0em !important; padding-top: 0.5em; align-items: center; }

.other_service_list .cap_box_content { background: #fff; border-radius: 0 0 1em 1em; text-align: center; padding: 1em 1.5em; }
.other_service_list .cap_box_ttl { border-radius: 1em 1em 0 0; }
body .post_content .jirei_case h4 { margin: 1.5em 0 0.5em; }
.jirei_case .swell-block-columns .swell-block-column img { max-height: 117px; width: auto; }
.jirei_case .swell-block-columns { background: #ffffda; padding: 1.5em; text-align: center; }
.jirei_case.case03 h3::before {
	content:'case03'; height: auto; width: auto; top: 12px; left: 20px;
	color: #fcfc4a; font-weight: 800;
}
.jirei_case.case02 h3::before {
	content:'case02'; height: auto; width: auto; top: 12px; left: 20px;
	color: #fcfc4a; font-weight: 800;
}
.jirei_case.case01 h3::before {
	content:'case01'; height: auto; width: auto; top: 12px; left: 20px;
	color: #fcfc4a; font-weight: 800;
}
body .post_content .jirei_case h3::before { background: none; }
body .post_content .jirei_case h3 {
	background: #23aaad; padding: 0.5em 1em 0.5em 5em;; margin-bottom: 1em;
	color: #fff;
}

body .post_content::last-child { margin-bottom: 0em; }
body .post_content { margin-bottom: 4em; }

body .post_content .txt_center { text-align: center; }

body .post_content .mb3em { margin-bottom: 3em; }
body .post_content .mb2em { margin-bottom: 2em; }
body .post_content .mb1em { margin-bottom: 1em; }

body .post_content .mt-1em { margin-top: 1em; }