/* RESPONSIVE
***************************************************  */

@media screen and (max-width: 1500px) {
/** --------------------------------------------------------------------------
*** ピンポイント（調整）設定
*** -------------------------------------------------------------------------- */
	.wi1500p {
		width: 90%;
	}

/** --------------------------------------------------------------------------
*** top/ menugrid
*** -------------------------------------------------------------------------- */
	.top_menugrid_ul li {
		width: 48%;
	}

	.menugridimg {
		max-width: 100%;
		height: auto;
	}


}



@media screen and (max-width: 1350px) {
/** --------------------------------------------------------------------------
*** ヘッダー
*** -------------------------------------------------------------------------- */
	#header_pc {
		display: none;
	}

	#header_sp {
		display: block;
	}

	h1 {
		font-family: "Shippori Mincho", serif;
		font-weight: 400;
		color: #000000;
		font-size: 2.1rem;
		letter-spacing: 0.1rem;
	}

/** ---------------------------------------- */
		#header_sp {
			background-color: #1a2042;
			height: 80px;
			position: fixed;
			top: 0;
			z-index: 99;
			width: 100%;
		}

		.ham_position {
			position: relative;
		}

		.h_menul {
			position: absolute;
			top: 2px;
		}

		#nav_ham {
			position: absolute;
			top: 5px;
			right: 2%;
		}

		/*  */
		.drawer-hidden {
			display: none;
			opacity: 0;		/*  */
		}

		/*  */
		.drawer-open {
			display: flex;
			height: 60px;
			width: 60px;
			justify-content: center;
			align-items: center;
			position: relative;
			z-index: 100;		/*  */
			cursor: pointer;
		}

		/*  */
		.drawer-open span,
		.drawer-open span:before,
		.drawer-open span:after {
			content: '';
			display: block;
			height: 3px;
			width: 25px;
			border-radius: 3px;
			background: #be9d76;
			transition: 0.5s;
			position: absolute;
		}

		/*  */
		.drawer-open span:before,
		.drawer-open span:after {
			background: #be9d76;
		}

		/*  */
		.drawer-open span:before {
			bottom: 8px;
		}

		/*  */
		.drawer-open span:after {
			top: 8px;
		}

		/*  */
		#drawer-check:checked ~ .drawer-open span {
			background: rgba(255, 255, 255, 0);
		}

		/*  */
		#drawer-check:checked ~ .drawer-open span::before {
			bottom: 0;
			transform: rotate(45deg);
			background: #ffffff;		/*  */
		}
		#drawer-check:checked ~ .drawer-open span::after {
			top: 0;
			transform: rotate(-45deg);
			background: #ffffff;		/*  */
		}

		/* */
		.drawer-content {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 100%;		/* */
			z-index: 99;
			background: #1a2042;
			transition: .5s;
		}

		/*  */
		#drawer-check:checked ~ .drawer-content {
			left: 0;		/* */
		}

		/*  */
		.drawer-item,
		.drawer-item a {
			color: #ffffff;
			font-weight: 600;
		}
		.drawer-item {
			font-size: 1.7rem;
			/* font-weight: 600; */
			letter-spacing: 0.1rem;
			margin: 1.5rem 0 0 5.0rem;
		}
		ul.ham_sph {
			/* display: flex;
				align-items: center; */
			font-size: 2.0rem;
			font-weight: 700;
		}

		.ham_btnsub {
			font-size: 1.55rem;
		}

/** --------------------------------------------------------------------------
*** top/ message
*** -------------------------------------------------------------------------- */
	.messagebird {
		right: 0;
	}

/** --------------------------------------------------------------------------
*** sub/ 共通（メインビジュアル）
*** -------------------------------------------------------------------------- */
	.top1v_img_sub img {
		object-fit: cover;
		height: 420px;
	}

/** --------------------------------------------------------------------------
*** sub/ works
*** -------------------------------------------------------------------------- */
	.works_imgl {
		width: 62%;
	}

	.works_imgl img {
		width: 100%;
	}

	.works_infobox {
		padding: 60px 18%;
	}

	.works_imgr {
		width: 62%;
	}

	.works_imgr img {
		width: 100%;
	}


















}



@media screen and (max-width: 1130px) {
/** --------------------------------------------------------------------------
*** 共通設定
*** -------------------------------------------------------------------------- */
	.fstp_contentbox {
		width: 92%;
	}

/** --------------------------------------------------------------------------
フッター
*** -------------------------------------------------------------------------- */
	.footerbox {
		padding: 90px 6% 0;
	}

/** --------------------------------------------------------------------------
*** top/ 1stビュー
*** -------------------------------------------------------------------------- */
	.top1v_img_top img {
		object-fit: cover;
		height: 650px;
	}

	.top_h2pac {
		left: 6%;
	}

	.top_h2en {
		font-size: 10.0rem;
		letter-spacing: 0.18rem;
		padding-bottom: 60px;
	}

	.top_h2jp {
		font-size: 3.6rem;
		letter-spacing: 0.1rem;
		text-align: left;
		padding-right: 6%;
	}

/** --------------------------------------------------------------------------
*** top/ message
*** -------------------------------------------------------------------------- */
	.messagebird {
		width: 200px;
	}

/** --------------------------------------------------------------------------
*** top/ contact
*** -------------------------------------------------------------------------- */
	.topcontact_pac {
		width: 100%;
	}

	.topcontact_pac img {
		max-width: 100%;
		height: auto;
	}

/** --------------------------------------------------------------------------
*** sub/ flow
*** -------------------------------------------------------------------------- */
	.flow_ul {
		justify-content: space-between;
	}

	.flow_ul li:first-child {
		width: 42%;
		margin-right: 0;
	}

	.flow_ul li:first-child img {
		width: 100%;
	}

	.flow_ul li:last-child {
		width: 54%;
	}

/** --------------------------------------------------------------------------
*** sub/ works
*** -------------------------------------------------------------------------- */
	.works_infor {
		margin-top: 40px;
	}

	.works_infol {
		margin-top: 40px;
	}

/** --------------------------------------------------------------------------
*** sub/ works - more(all)
*** -------------------------------------------------------------------------- */
	.worksmore_img {
		width: 100%;
	}

	.worksmore_img img {
		width: 100%;
	}

	.worksmore_bigtxt p {
		font-size: 4.0em;
	}

	.checkicon {
		top: -40px;
	}

	.checkwoman {
		right: 13%;
	}

/** --------------------------------------------------------------------------
*** sub/ news
*** -------------------------------------------------------------------------- */
	.post_archive_lil {
		width: 70%;
	}

	.post_arch_pac {
		width: 44%;
		margin: 0 3% 60px;
	}

	.post_arch_thumb {
		width: fit-content;
		margin: 0 auto;
	}

	.post_archive_lir {
		margin-left: 6%;
		width: 24%;
	}






}



@media screen and (max-width: 900px) {
/** --------------------------------------------------------------------------
*** 共通設定
*** -------------------------------------------------------------------------- */
	#sp_off900 {
		display: none;
	}

	#sp_on900 {
		display: block;
	}

/** --------------------------------------------------------------------------
*** top/ pickup
*** -------------------------------------------------------------------------- */
	.post_arch_thumb img {
		max-width: 100%;
		height: 180px;
	}

/** --------------------------------------------------------------------------
*** sub/ about - profile
*** -------------------------------------------------------------------------- */
	.profile_ul {
		justify-content: space-between;
	}

	.profile_ul li:first-child {
		width: 38%;
		margin-right: 0;
	}

	.profile_ul li:last-child {
		width: 56%;
	}

	.profile_img {
		max-width: 100%;
		height: auto;
	}

	.katagaki {
		font-size: 1.7rem;
	}

	.fullname {
		display: block;
		margin-bottom: 3.0rem;
	}

	.fullname li:first-child,
	.fullname li:last-child {
		margin-right: 0;
		width: 100%;
	}

	.fullname li:last-child p {
		font-size: 1.8rem;
		letter-spacing: 0.8rem;
		line-height: 0.5;
		padding-top: 0;
		padding-bottom: 30px;
	}

	.officialmark img {
		width: 150px;
	}

/** --------------------------------------------------------------------------
*** sub/ speciality - intro
*** -------------------------------------------------------------------------- */
	.s_introimg {
		width: 100%;
	}

/** --------------------------------------------------------------------------
*** sub/ works
*** -------------------------------------------------------------------------- */
	.works_pac {
		display: block;
	}

	.works_imgl {
		width: 70%;
	}

	.works_infor {
		width: 90%;
		margin-top: -50px;
		margin-left: 6%;
	}

	.works_infobox {
		padding: 100px 12% 60px;
	}

	.works_imgr {
		width: 70%;
	}

	.works_imglgusuu {
		margin-left: auto;
	}

/** --------------------------------------------------------------------------
*** sub/ works - more(all)
*** -------------------------------------------------------------------------- */
	.womo_cont_pac {
		width: 94%;
	}

	.womo_cont_box {
		padding: 40px 10%;
	}

	.checkicon {
		left: -50px;
	}

	.checkwoman {
		right: 2.4%;
	}














}



@media screen and (max-width: 768px) {
/** --------------------------------------------------------------------------
*** 共通設定
*** -------------------------------------------------------------------------- */
	#sp_on768 {
		display: block;
	}

/** --------------------------------------------------------------------------
*** top/ 1stビュー
*** -------------------------------------------------------------------------- */
	.top_h2pac {
		top: 16%;
	}

	.top_h2en {
		line-height: 0.95;
		padding-bottom: 40px;
	}

/** --------------------------------------------------------------------------
*** top/ pickup
*** -------------------------------------------------------------------------- */
	.topnews_loopbox ul {
		display: block;
	}

	.topnews_lp_cate li {
		margin: 0 2.0rem 0 0;
	}

	ul.topnews_lp_cate {
		display: flex;
	}

/** --------------------------------------------------------------------------
*** sub/ 共通（メインビジュアル～パンくず）
*** -------------------------------------------------------------------------- */
	.sub_h1pac {
		top: 38%;
	}

	.h1en {
		font-size: 3.6rem;
	}

	.sub_h1pac h1 {
		font-size: 4.6rem;
		letter-spacing: 0;
	}

/** --------------------------------------------------------------------------
*** sub/ about - profile
*** -------------------------------------------------------------------------- */
	.officialmark img {
		width: 130px;
	}

	.profile_greeting {
		padding: 50px 60px;
	}

	.profile_greeting p {
		font-size: 1.7rem;
	}

/** --------------------------------------------------------------------------
*** sub/ speciality - intro
*** -------------------------------------------------------------------------- */
	.s_introh {
		font-size: 3.8rem;
	}


/** --------------------------------------------------------------------------
*** sub/ flow
*** -------------------------------------------------------------------------- */
	.bgclr_flow {
		background-image: linear-gradient(90deg, rgba(243, 242, 235, 1) 47%, rgba(249, 249, 244, 1) 47%);
	}

	.flow_ul {
		display: block;
		margin-bottom: 120px;
	}

	.flow_ul li:first-child {
		width: 100%;
	}

	.flow_ul li:first-child img {
		width: 72%;
		margin-left: 8%;
	}

	.flow_ul li:last-child {
		width: 88%;
		margin: 40px 0% 0 8%;
	}

	.flow_faq img {
		width: 100%;
	}

/** --------------------------------------------------------------------------
*** sub/ works
*** -------------------------------------------------------------------------- */
	.works_infobox {
		padding: 100px 9% 50px;
	}

/** --------------------------------------------------------------------------
*** sub/ news
*** -------------------------------------------------------------------------- */
	.post_archive_ul {
		display: block;
	}

	.post_archive_lil {
		width: 100%;
	}

	.post_archive_lir {
		margin-left: 0;
		width: 100%;
	}

	.widgetbox {
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
	}

	.post_side_bymonth {
		margin-top: 0;
	}

	.post_side_img {
		display: none;
	}

/** --------------------------------------------------------------------------
*** sub/ single(news,column) - (全)一覧共通
*** -------------------------------------------------------------------------- */
	.post_single_pac {
		padding: 0 5%;
	}

	.post_side_category,
	.post_side_bymonth {
		margin-top: 80px;
	}





}



@media screen and (max-width: 549px) {
/** --------------------------------------------------------------------------
*** 共通設定
*** -------------------------------------------------------------------------- */
	.fstp_contentbox {
		padding: 70px 0 100px;
	}

	.h2en {
		font-size: 1.7rem;
	}

	h2 {
		font-size: 2.5rem;
	}

	.h2uline {
		margin: 26px auto 46px;
	}

	#sp_off549 {
		display: none;
	}

	#sp_on549 {
		display: block;
	}

/** --------------------------------------------------------------------------
*** ピンポイント（調整）設定
*** -------------------------------------------------------------------------- */
	.ma_top0sp {
		margin-top: 0px!important;
	}

	.ma_btm0sp {
		margin-bottom: 0px!important;
	}

	.pa_top0sp {
		padding-top: 0px!important;
	}

	.pa_btm0sp {
		padding-bottom: 0px!important;
	}

/** --------------------------------------------------------------------------
ヘッダー
*** -------------------------------------------------------------------------- */
	.h_menul {
		top: 6px;
		margin-left: 4%;
	}

	.top1stv_clt {
		/*	 width: 105px;
			bottom: -88px;
			right: 35%;	*/
		width: 110px;
		bottom: -73px;
		right: 18%;
	}

	.toph1icon img {
		width: 282px;
	}

	.toph1icon img,
	.companyname img {
		/*	top: 10px;	*/
		width: 250px;
		top: 15px;
	}

	/*
	.top1v_img_pc {
		display: none;
	}

	.top1v_img_sp {
		display: block;
	}
	*/

/** ---------------------------------------- */
	.drawer-item {
		margin: 1.3rem 0 0 4rem;
	}

	ul.ham_sph {
		font-size: 1.35rem;
	}

	.drawer-list li:last-child a {
		background-color: #be9d76;
		padding: 1px 8px;
		border-radius: 4px;
		color: #1a1042;
	}

/** --------------------------------------------------------------------------
フッター
*** -------------------------------------------------------------------------- */
	.footer_head img {
		width: 280px;
	}

	.footer_info {
		display: block;
	}

	.footer_info li:first-child {
		margin-bottom: 15px;
	}

	.footer_info li:last-child {
		margin-top: 15px;
	}


	.footer_head p {
		font-size: 1.5rem;
		margin-top: 15px;
	}

	.f_infotitle {
		font-size: 1.8rem;
	}

	.f_infoline {
		width: 20%;
		height: 1px;
		margin: 0 auto;
	}

	.footer_info img {
		display: inline-block;
		text-align: center;
	}

	.footer_nav ul {
		letter-spacing: 0;
		font-size: 1.45rem;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.footer_nav li {
		margin-bottom: 14px;
	}

	.footer_nav ul:last-child {
		margin-top: 0;
	}

	.footer_cr {
		font-size: 1.1rem;
		letter-spacing: 0;
 		line-height: 1.4;
		padding: 20px 5% 5px;
	}

/** --------------------------------------------------------------------------
*** top/ 1stビュー、共通
*** -------------------------------------------------------------------------- */
	.top1v_img_top img {
		height: 420px;
	}

	.top_h2pac {
		top: 16%;
	}

	.top_h2en {
		font-size: 6.5rem;
		padding-bottom: 10px;
	}

	.top_h2jp {
		font-size: 2.5rem;
	}

	.top_h3en {
		font-size: 1.7rem;
	}

	h3.top_h3jp {
		font-size: 2.55rem;
		letter-spacing: 0;
	}

/** --------------------------------------------------------------------------
*** top/ message
*** -------------------------------------------------------------------------- */
	.messagetxt p {
		font-size: 1.8rem;
		line-height: 2.0;
	}

	.messagebird {
		width: 70px;
		bottom: -75px;
	}

/** --------------------------------------------------------------------------
*** top/ menugrid
*** -------------------------------------------------------------------------- */
	.top_menugrid_ul {
		display: block;
	}

	.top_menugrid_ul li {
		width: 100%;
	}

	.menugridimg {
		padding: 40px 0 10px 0;
	}

	.menugridtxt {
		width: 92%;
	}

	.menugridtxt h4 {
		font-size: 1.8rem;
	}

	.menugridtxt p {
		font-size: 1.5rem;
	}

/** --------------------------------------------------------------------------
*** top/ pickup
*** -------------------------------------------------------------------------- */
	ul.topnews_lp_cate {
		align-items: flex-start;
		flex-wrap: wrap;
		justify-content: left;
		margin: 0 auto;
	}

	.topnews_lp_cate li {
		margin-top: 5px;
	}

	.topnews_lp_title {
		font-size: 2.0rem;
		margin-top: 18px;
		margin-bottom: 8px;
	}

	.post_archlil_looppac {
		display: block;
	}

	div.topcolumn_custom {
		width: 96%;
		margin: 0 auto 50px;
	}

	.post_arch_thumb img {
		/*	width: 100%;	*/
		height: 160px;
	}

	.post_arch_title {
		font-size: 2.0rem;
	}

	.topcolumn_looppac {
		padding-bottom: 0;
	}

/** --------------------------------------------------------------------------
*** top/ contact
*** -------------------------------------------------------------------------- */
	.topcontact_pac img {
		margin: 0 auto;
	}

/** --------------------------------------------------------------------------
*** sub/ 共通（メインビジュアル～パンくず）
*** -------------------------------------------------------------------------- */
	.h1en {
		font-size: 2.8rem;
	}

	.sub_h1pac h1 {
		font-size: 3.4rem;
	}

	.pan_nav {
		padding-left: 4%;
	}

/** --------------------------------------------------------------------------
*** sub/ about - profile
*** -------------------------------------------------------------------------- */
	.profile_ul {
		display: block;
	}

	.profile_ul li:first-child,
	.profile_ul li:last-child {
		width: 100%;
	}

	.profile_img {
		width: 200px;
		margin: 0 auto;
	}

	.katagakitop {
		margin-top: 20px;
	}

	.katagaki {
		font-size: 1.55rem;
		font-weight: 400;
	}

	.fullname li:first-child p {
		font-size: 2.8rem;
		text-align: center;
	}

	.fullname li:last-child p {
		font-size: 1.35rem;
		text-align: center;
	}

	.keireki {
		line-height: 1.8;
	}

	.officialmark {
		justify-content: space-evenly;
	}

	.officialmark li {
		width: fit-content!important;
	}

	.profile_greeting {
		margin-top: 50px;
		padding: 30px;
	}

	.profile_greeting p {
		font-size: 1.55rem;
		line-height: 1.95;
	}

	.office_img {
		width: 40px;
		padding: 0 0 40px;
	}

	.office_info {
		font-size: 1.45rem;
		line-height: 1.9;
	}

	.office_info dl {
		display: block;
		padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	}

	.office_info dt,
	.office_info dd {
		width: 100%;
	}

	.komon ul {
		display: block;
		margin-top: 20px;
	}

	.komon ul img {
		width: 105px;
		margin: 0 auto 15px;
	}

	.komon li:first-child {
		margin-right: 0;
	}

	.komonkatagaki,
	.komonname {
		text-align: center;
	}

/** --------------------------------------------------------------------------
*** sub/ speciality - intro
*** -------------------------------------------------------------------------- */
	.s_introh {
		font-size: 2.5rem;
	}

	.s_introtxt {
		font-size: 1.6rem;
		margin-top: 30px;
	}

/** --------------------------------------------------------------------------
*** sub/ speciality - content
*** -------------------------------------------------------------------------- */
	.s_contentnum {
		width: 170px;
	}

	.s_contentpac h2 {
		font-size: 2.7rem;
		padding-top: 30px;
	}

	.s_contentcap {
		font-size: 2.1rem;
	}

	.s_contentpac ul {
		display: block;
		margin-top: 40px;
	}

	.s_contentpac li {
		width: 100%;
	}

	.s_contenttitle {
		font-size: 2.3rem;
		padding: 25px 30px 10px 30px;
	}

	.s_contenttxt {
		padding: 0 25px 25px 25px;
		font-size: 1.6rem;
		line-height: 2.0;
	}

	.tsuyo {
		margin-top: 20px;
	}

/** --------------------------------------------------------------------------
*** sub/ works
*** -------------------------------------------------------------------------- */
	.works_infobox {
		padding: 80px 9% 40px;
	}

	.works_infohsp {
		color: #be9d76;
		font-size: 2.6rem;
		letter-spacing: 0;
	}

	.works_infobox p {
		padding: 20px 0;
	}

/** --------------------------------------------------------------------------
*** sub/ works - more(all)
*** -------------------------------------------------------------------------- */
	.worksmore_bigtxt {
		margin: 0 auto 30px;
	}

	.worksmore_intro p {
		font-size: 1.7rem;
		line-height: 1.9;
	}

	.worksmore_bigtxt p {
		font-size: 2.1rem;
	}

	.womo_cont_fukidashi {
		width: 100%;
	}

	.womo_cont_fukidashi img {
		width: 100%;
	}

	.checkicon {
		left: -40px;
	}

	.checkicon img {
		width: 200px;
	}

	.checkwoman {
		right: -0.5%;
		bottom: -25px;
	}

	.checkwoman img {
		width: 50px;
	}

	.womo_cont_box h3 {
		font-size: 2.1rem;
	}

	.womo_cont_box p {
		font-size: 1.55rem;
		line-height: 1.9;
	}

/** --------------------------------------------------------------------------
*** sub/ flow
*** -------------------------------------------------------------------------- */
	.flow_ul {
		margin-bottom: 80px;
	}

	.flow_ul li:first-child img {
		width: 84%;
		margin-left: 0;
	}

	.flow_ul li:last-child {
		width: 93%;
		margin: 20px 0 0 7%;
	}

	.stepnum {
		width: 160px;
	}

	.flow_ul h2 {
		font-size: 2.5rem;
		letter-spacing: 0;
		padding-bottom: 15px;
	}

	.flow_ul p {
		font-size: 1.55rem;
	}

	.flow_faq {
		margin-top: 80px;
	}

/** --------------------------------------------------------------------------
*** sub/ single(news,column) - (全)一覧共通
*** -------------------------------------------------------------------------- */
	.post_arch_pac {
		width: 84%;
		margin: 0 auto 60px;
	}

	p.singlepage_h1 {
		font-size: 3.4rem;
	}

	.post_side_h {
		font-size: 1.75rem;
	}

/** --------------------------------------------------------------------------
*** sub/ single(column) 
*** -------------------------------------------------------------------------- */
	.post_column_body h2 {
		font-size: 2.2rem;
	}

	.post_column_body h3 {
		font-size: 1.95rem;
	}


















/** --------------------------------------------------------------------------
*** sub/ faq - index
*** -------------------------------------------------------------------------- */
	.faqintro {
		font-size: 1.6rem;
		margin-bottom: 60px;
	}

	.faq_indexbox {
		padding: 25px;
	}

	.faq_indexbox a {
		font-size: 1.6rem;
	}

/** --------------------------------------------------------------------------
*** sub/ faq - answer
*** -------------------------------------------------------------------------- */
	.faq_answerbox {
		padding: 40px 25px;
	}

	.faq_answerbox h3 {
		font-size: 1.8rem;
	}

	.faq_answerbox p {
		line-height: 1.85;
	}



















}