@charset "UTF-8";
/* CSS Document */
/*
Theme Name: 岡コンサルティング
Author: ZoDDo.Inc
Description: 愛知、岐阜、三重を中心に看板デザインからホームページ制作までトータルデザイン事務所ゾッドのホームページです。。
*/
:root {
  --ink: #173149;
  --ink-deep: #10283d;
  --blue:#287ba2;
  --text: #26465a;
  --muted: #607988;
  --paper: #f8fbfb;
  --mist: #e8f3f4;
  --mist-2: #d9edef;
  --mint: #70d7ca;
  --mint-soft: #c8f0e9;
  --sky: #a7dbe3;
  --cream: #f2f0dc;
  --pale:#f1f5f7;
  --line: rgba(23, 49, 73, .16);
  --max: 1480px;
  --pad: clamp(24px, 4vw, 72px);
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--paper);
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .04em;
  -webkit-font-smoothing: antialiased;
}
img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}
#wrapper{
	position: relative;
	width: 100%;
	margin: auto;
}
#content{
}
.box{
	width: 100%;
	margin: auto;
}
.box1{
	width: 92.5%;/* 1480px*/
	max-width: 1480px;
	margin: auto;
}
.box2{
	width: 86.25%;/* 1380px*/
	max-width: 1480px;
	margin: auto;
}
.base_grid1{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
/*------*/
.or1{
	order: 1;
}
.or2{
	order: 2;
}
.item_c{
	align-items: center;
}
/*---------------------------------------------------------------------------------------------------------------*/
/* ----フォント関連 ----*/
.com_title1{
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-weight: 600;
	letter-spacing: .04em;
	-webkit-font-smoothing: antialiased;
	font-size: 58px;/* 33px -17px*/
	line-height: 1.5;
}
.com_title2{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 42px;/* 30px--- 16px */
	line-height: 1.6;
}
.com_title3{
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-weight: 600;
	letter-spacing: .04em;
	-webkit-font-smoothing: antialiased;
	font-size: 50px;/* 33px -17px*/
	line-height: 1.5;
}
.com_title4{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: clamp(0.688rem, 0.153rem + 1.22vw, 1.375rem);/* 27px -> 15px */
	line-height: 1.5;
}
.en_title1{
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 2;
}
.en_title2{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: clamp(1.188rem, 0.859rem + 0.89vw, 1.75rem);/* 28px */
	font-weight: 700;/* 700 */
	font-style: normal;
	line-height: 2;
}
.en_title3{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: clamp(1.563rem, 1.234rem + 0.89vw, 2.125rem);/* 34px */
	font-weight: 700;/* 700 */
	font-style: normal;
	line-height: 2;
}
.s_title{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: clamp(0.625rem, 0.074rem + 1.18vw, 1.25rem);/* 20px -> 10px*/
	line-height: 1.5;
}
.s_title2{
    display: inline-block;
    padding: 8px 30px;
	background: #56256e;
    font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;/* 20px --> 13px*/
	line-height: 1;
    color: #FFFFFF;
	margin-bottom: 6px;
}
/*---------------  背景　---*/
.bg_ink{
	background: var(--ink);
}
.bg_blue{
	background: var(--blue);
}
.bg_muted{
    background: var(--muted);;
}
.bg_pale{
	background: var(--pale);
}
/*------------------*/
.deep{
	color: var(--ink-deep);
}
.mint{
	color: var(--mint);
}
.paper{
	color: var(--paper);
}
/*--------------------*/
.m_top15{
	margin-top: 15px;
}
/*------ 装飾 ------*/
.square1{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 8px;
}
.square2{
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 8px;
}
/*------------  改行　----*/
.pc_br{
	display: block;
}
.sp_br{
	display: none;
}
/*--------------------------------------  スマホヘッダー  ---*/
 /*--------------------------------------  スマホヘッダー  ---*/
#sp_header{
   display: none;
}
#sp-hd-logo{
		display: none;
	}
	/* ▼メニュー（ハンバーガーアイコン）▼*/
	/*nabi開閉部分*/
	/*ハンバーガーボタン*/ 
	.gnav-btn{
		display: none;
	}
	.global_nav {
		display: none;
	}
	/* .global_navに.activeが追加 */
	.global_nav.active {
		transform: translateX(0%);/* 240%*/
	}
	#global-menu{
		
	}
	#global-menu a{
		
	}
	#global-menu li{
		
	}
/*------------  ヘッダー    ----*/
header{
	position: fixed;
	display: flex;
	width: 100%;
	inset: 0 0 auto;
	padding: 0 20px;
	justify-content: space-between;
	align-content: center;
	align-items: flex-start;
	height: 110px;
	z-index: 100;
}
#hd_logo{
	display: block;
	width: 250px;/* 250px */
	height: auto;/* 70px */
	margin-top: 20px;
}
#hd_nav{
	width: 100%;
	display: flex;
	list-style: none;
	align-items: center;
	gap: 0 35px;
	font-size: 14px;
	font-weight: 700;
	color: #38566a;
}
#hd_nav li{
	transition: 1s;
}
#hd_nav li:hover{
	color: var(--mint);
}
.nav_cta {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 30px;
	min-height: 52px;
	padding: 0 18px 0 25px;
	background: var(--ink);
	color: white;
	overflow: hidden;
}
.nav_cta a{
	position: absolute;
	width: 100%;
	height: 100%;
}
.nav_cta span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--mint);
  color: var(--ink);
}
footer{
	padding: 90px max(var(--pad), calc((100vw - var(--max)) / 2)) 30px;
	background: var(--ink-deep);
	color: #b7cad2;
}
#in_footer{
	display: grid;
	grid-template-columns: 1fr .8fr 1fr;
	gap: 8vw;
	padding-bottom: 90px;
}
#ft_logo{
	width: 250px;/* 250px */
	height: auto;/* 70px */
}
#in_footer > p{
	margin: 0;
	line-height: 2;
}
#ft_menu{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 50px;
	font-size: 14px;
	list-style: none;
}
#ft_copy{
	display: flex;
	align-items: center;
	border-top: 1px solid rgba(255,255,255,.1);
	font-size: 14px;
	font-weight: 700;
}
/*------------------  下層ページのタイトル　-----------*/
#page_header{
	position: relative;
	background: var(--mist);
	padding: 90px 0 110px;
	overflow: hidden; /* 横方向のはみ出しを隠す */
}
#page_header::after{
	content: "";
	position: absolute;
	z-index: 0;
	right: -150px;
	top: 100px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	border: 1px solid rgba(112,215,202,.22);
	box-shadow: 0 0 0 58px rgba(112,215,202,.035);
}
#page_inner p{
	display: flex;
	font-weight: 700;
	font-size: 14px;
	gap: 0 10px;
	line-height: 1;
	align-items: center;
}
#page_inner p > span{
	padding: 5px;
	background: var(--mint);
	color: #FFFFFF;
}
#page_title{
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-weight: 700;
	letter-spacing: .04em;
	-webkit-font-smoothing: antialiased;
	font-size: 48px;/* 33px -17px*/
	line-height: 1.5;
}
/*------------------  お知らせ・コラム関係　-----------*/
.post_box{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	min-height: 1000px;
	padding: 120px 0 150px;/* 120px 0 150px */
	gap: 50px 25px;/* 50px 25px */
	align-content: start;
}
/*----*/
.post1{
	height: 300px;/* 300px */
	background: var(--mist);
}
.post1 .post_img{
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0;
	overflow: hidden;
}
.post1 .post_img img{
	display: block;
	width: 100%;
  	height: 100%;
	object-fit: cover;
}
.post_day{
	font-size: 12px;/* 12px */
	line-height: 1;
	color: var(--muted);
}
.post_title{
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-weight: 700;
	font-size: 16px;/* 16px*/
	color: var(ink-deep);
}
/*---　永遠に横にスライダー ---*/
.marquee1 {
	position: absolute;
	width: 100%;
	height: 400px;
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	bottom: 20px;
}
.item1{
}
.item2{
	position: absolute;
	display: inline-block;
	padding: 20px 40px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	color: rgba(160,216,239,0.2);
	line-height: 1;
	font-size: 240px;/* 240px */
	margin-right: 20px;/* 20px */
	z-index: -1;
	bottom: 10px;/* 10px */
}
.item3{
	position: absolute;
	display: inline-block;
	padding: 20px 40px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	color: #FFFFFF;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #dcdcdc;
	line-height: 1;
	font-size: 240px;
	margin-right: 20px;
	z-index: -1;
	bottom: 10px;
}