@charset "UTF-8";


/* -----------------------------------------------
	◆スクリーンサイズ1079px以下の処理（スマホデザインのベース）◆
-------------------------------------------------- */
@media screen and (max-width: 1079px) {

.pc_pac {
	display: none;
}

.sp_pac {
	display: block;
}

/* 共通スタイル */
/* ============================================ */
	.base_bg {
		background: linear-gradient(105deg, rgba(227,193,155,1) 0%, rgba(235,217,174,1) 60%);
	}

/* ヘッダー */
/* ============================================ */
	.header-smul h1 a.h1blk {
		color: #000000;
	}

/* フッター */
/* ============================================ */
	.mitomi_footer {
		padding-top: 60px;
		width: 85%;
	}

	.footer_info1name {
		font-size: 2.2rem;
		padding: 14px 0 20px;
	}

	.insta_btn {
		margin-top: 25px;
	}

	.footertelnum {
		color: #ffffff;
	}

/* トップページ */
/* ============================================ */
	#top_newmitomi {
		background: linear-gradient(105deg, rgba(227,193,155,1) 0%, rgba(235,217,174,1) 60%);
	}

	#top_newmitomi ul {
		width: 100%;
		padding: 60px 10%;
		display: block;
	}

	.newmitomi_lil {
		padding-right: 0px;
		width: 100%;
	}

	.newmitomi_lil img {
		margin:0 auto;
	}

	.title_m {
    	padding-top: 4.0rem;
    	line-height: 1.5;
	}

	.newservice_box21 {
		background: -webkit-linear-gradient(0deg, rgba(110,125,170,1) 0%, rgba(70,90,135,1) 50%, rgba(180,120,120,1) 50%, rgba(170,90,90,1) 100%);
		padding: 60px 10%;
	}

	.newservice_title2 {
		top: 60px;
	}

	#top_newservice ul {
		display: contents;
	}

	.newservice_li {
		padding: 60px 10%;
		width: 100%;
	}

	.top_scanbox,
	.top_bimbox {
		width: 85%;
	}

	.service_num1 {
 		top: 45%;
		left: 5%;
	}

	.scanbox_img,
	.bimbox_img {
		width: 100%;
	}

	.scanimg1,
	.bimimg {
		margin: 0 auto;
	}

	.scanimg2 {
		top: -1%;
		left: -2%;
	}

	#top_design {
		background: linear-gradient(105deg, rgba(227,193,155,1) 0%, rgba(235,217,174,1) 60%);
		padding: 60px 10%;
	}

	.design_box h2 {
		padding-top: 65px;
	}

	.service_num2 {
		top: 5%;
		left: 18%;
	}

	.design_txtbox {
		width: 85%;
	}

	.design_icon {
		padding-bottom: 0px;
	}

	#top_news {
		padding: 60px 0;
	}

	.news_box {
		width: 85%;
		padding: 35px 55px;
	}

/* 3Dスキャン／BIMページ共通 */
/* ============================================ */
	.page_icon {
		padding: 60px 0;
	}

	.page_num {
		font-size: 28.0rem;
	}

	.contentbox {
		width: 84%;
		padding: 60px 8%;
	}

/* リクルートページ */
/* ============================================ */
	.recruit_box {
		width: 80%;
		padding: 120px 0 60px;
	}

	p.msg_title {
		letter-spacing: 0.4rem;
		padding: 60px 0 30px;
	}

	.recruit_msg {
		padding-bottom: 60px;
	}

/* みとみとは／会社概要ページ */
/* ============================================ */
	.about_txtbox {
		width: 82%;
	}

	.basebg_contentbox {
		width: 80%;
		padding: 60px 0;
	}

/* 店舗デザインページ */
/* ============================================ */
	.page_numblk {
		font-size: 28.0rem;
	}

	.basebg_contentbox {
		width: 84%;
		padding: 60px 8%;
	}

}


/* -----------------------------------------------
	◆スクリーンサイズ768px以下の処理（タブレット最大公約数のスタイル）◆
-------------------------------------------------- */
@media screen and (max-width: 834px) {

.pc_pac834 {
	display: none;
}

.sp_pac834 {
	display: block;
}

.sp_space40pb {
	padding-bottom: 40px;
}

/* トップページ */
/* ============================================ */
	.service_num1 {
		left: -8%;
	}

	.scanimg2 {
		left: -13%;
	}

	.service_num2 {
		left: 7%;
	}

/* みとみとは／会社概要ページ */
/* ============================================ */
	.about_contentpac ul {
		display: block;
	}

	.about_imgli {
		width: 90%;
		margin: 0 auto;
	}

	.about_txtli {
		width: 90%;
		margin: 0 auto;
	}

	.about_title {
		padding: 2rem 0 1rem;
	}

	.about_txt {
		padding-bottom: 1rem;
	}

	.company_box {
		padding: 3rem 4rem 0;
	}

	.company_lil {
		width: 22%;
	}



}


/* -----------------------------------------------
	◆スクリーンサイズ499px以下の処理（ピンポイントのスタイル）◆
-------------------------------------------------- */
@media screen and (max-width: 499px) {

.pc_pac2 {
	display: none;
}

.sp_pac2 {
	display: block;
}

.tellink {
	pointer-events: auto;
}

/* サイト全体設定 */
/* ============================================ */
	h2.mitomi_h2 {
		font-size: 2.8rem;
		letter-spacing: 0.6rem;
	}

	.h2cap {
		font-size: 1.8rem;
		letter-spacing: 0.4rem;
		padding-top: 20px;
	}

/* ヘッダー */
/* ============================================ */
	.header-smul h1 {
		font-size: 1.8rem;
		letter-spacing: 0.08rem;
		top: 16px;
		left: 5%;
	}

	#nav-ham {
		right: 9%;
		z-index: 10;
	}

/* フッター */
/* ============================================ */
	.mitomi_footer {
		padding-top: 40px;
		width: 84%;
	}

	.footer_info1 {
		width: 45.5%;
	}

	.footer_info3 {
		width: 43%;
	}

	.footer_info1name {
		font-size: 1.5rem;
		padding: 14px 0;
	}

	.footer_info1box {
		border-top: 1px solid #ffffff;
		padding-top: 14px;
	}

	.footer_info1box p {
		font-size: 1.3rem;
		letter-spacing: 0.15rem;
		line-height: 1.4;
	}

	p.mitomi_tel {
		padding: 8px 0;
	}

	.insta_btn {
		margin-top: 30px;
		width: 90%;
	}

	.footer_info2title,
	.footer_info3title {
		font-size: 1.25rem;
	}

	.footer_info3name {
		font-size: 1.5rem;
		padding-top: 14px;
	}

	.footer_info3 img {
		width: 80%;
	}

	.footer_info3tel,
	.footer_info3add {
		font-size: 1.3rem;
		letter-spacing: 0.15rem;
		line-height: 1.4;
	}

	.footer_info3tel {
		padding: 8px 0;
	}

	.footer_cr {
		font-size: 1.15rem;
		letter-spacing: 0.08rem;
		line-height: 1.6;
	}

	.pageup_btn {
		bottom: 10%;
	}

/* トップページ */
/* ============================================ */
	#top_newmitomi ul {
		padding: 60px 8%;
	}

	.title_m {
		font-size: 1.7rem;
	}

	.newmitomi_txt {
		line-height: 2.0;
	}

	.newservice_box21 {
		padding: 60px 8% 30px;
	}

	.newservice_li {
		padding: 40px 8% ;
	}

	.top_scanbox,
	.top_bimbox {
		width: 100%;
	}

	.top_scanbox img,
	.top_bimbox img {
		width: 50px;
	}

	.service_num1 {
		font-size: 6.0rem;
		top: -15%;
		left: 2%;
	}

	.top_scanbox h3,
	.top_bimbox h3 {
		font-size: 2.2rem;
		letter-spacing: 0.3rem;
		padding-top: 20px;
	}

	.h3cap {
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		padding: 20px 0 30px;
	}

	.newservice_txtbox p {
		line-height: 2.0;
	}

	.scanimg2 {
		top: -0%;
		left: -14%;
		width: 170px;
	}

	.bimimg {
		padding-bottom: 20px;
	}

	#top_design {
		padding: 40px 8%;
	}

	.service_num2 {
		font-size: 6.0rem;
		top: 4%;
		left: 7.5%;
	}

	.design_box h2 {
		padding-top: 0px;
	}

	.design_icon {
		padding-top: 20px;
		width: 38px;
	}

	.design_txtbox {
		width: 100%;
	}

	.design_txtbox p {
		line-height: 2.0;
	}

	.design_btnbox {
		margin: 30px auto 0;
	}

	.news_box {
		width: 84%;
		padding: 30px 25px;
	}

	.news_icon {
		padding: 20px 0;
		width: 44px;
	}

	.news_content p {
		font-size: 1.5rem;
		line-height: 1.6;
		letter-spacing: 0.08rem;
		text-align: left;
	}

	.design_btnbox ul {
		padding-bottom: 20px;
		justify-content: center;
	}

	li.design_btnchild {
		width: 50%;
	}

/* 3Dスキャン／BIMページ共通 */
/* ============================================ */
	.scan_box,
	.bim_box {
		padding: 80px 0 0 0;
	}

	.page_icon {
		width: 50px;
		padding: 30px 0;
	}

	.page_num {
		font-size: 10.0rem;
		top: -21%;
		left: 4%;
	}

	.contentbox {
		width: 90%;
		padding: 40px 8%;
	}

	.contentbox h3 {
		font-size: 2.2rem;
		letter-spacing: 0.3rem;
	}

	.contentbox p.h3cap {
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		padding: 20px 0 30px;
	}

	.contentbox_bimtxt p,
	.bimmethod_txt {
		line-height: 2.0;
		letter-spacing: 0.08rem;
	}

/* 3Dスキャンページ */
/* ============================================ */
	.page_scanintro {
		width: 84%;
		padding-bottom: 40px;
	}

	.page_scanintro p {
		font-size: 1.55rem;
		line-height: 2.0;
		letter-spacing: 0.08rem;
	}

	.contentbox_scantxt p {
		line-height: 2.0;
		letter-spacing: 0.08rem;
	}

	.scanmerit_img {
		bottom: 3%;
		width: 260px;
	}

	.scanservice_txt2 {
		width: 92%;
	}

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

	.sagyouicon {
		width: 90px;
		top: -7%;
	}

	.scanservice_imgbox {
		padding: 20px;
		margin-top: 60px;
	}

	.scanservice_imgbox ul {
		display: block;
	}

	.scanservice_captxt {
		font-size: 1.35rem;
		letter-spacing: 0.08rem;
		line-height: 1.5;
		padding: 10px;
	}

	.scanequip_item {
		display: block;
		margin-bottom: 30px;
	}

	.scan_iteml {
		margin-bottom: 15px;
	}

	.scan_iteml img {
		width: 130px;
		margin: 0 auto;
	}

	.scan_itemr {
		padding-left: 0rem;
		padding-bottom: 12px;
	}

	.itemr01 {
		font-size: 1.3rem;
		padding-bottom: 10px;
	}

	.itemr02 {
		font-size: 2.0rem;
	}

	img.droneimg2 {
		width: 190px;
	}

	.scansche_box img {
		width: 65px;
	}

	.scansche_title {
		font-size: 2.0rem;
		padding: 20px 0;
	}

	.scan_tateline {
		height: 50px;
		margin: 30px auto 30px;
	}

	.scansche_btnpac {
		display: block;
	}

	.scansche_btn {
		padding: 15px 0;
		width: 100%;
		display: block;
	}

	.scansche_btncap {
		padding-bottom: 10px;
	}

	.scansche_btntxt {
		font-size: 2.3rem;
		letter-spacing: 0.2rem;
	}

	.scansche_btn_sp {
		display: block;
		margin-top: 15px;
	}

	.scan_tateline2 {
		height: 35px;
	}

	.scansche_btn2 {
		height: auto;
		margin-top: 15px;
	}

	.bimunyou,
	.datanouhin {
		font-size: 1.55rem;
		line-height: 1.7;
	}

	img.discicon2 {
		width: 44px;
		padding-top: 6px;
	}

	.toiawase {
		font-size: 1.7rem;
	}

/* BIMページ */
/* ============================================ */
	.whitebox p {
		font-size: 1.7rem;
		padding: 10px 20px;
	}

	.contentbox_bimtxt p.contentbox_cap {
		font-size: 1.2rem;
		line-height: 1.6;
	}

	.fukidashi {
		margin: 30px 0;
	}

	.fukidashi p {
		font-size: 1.65rem;
		padding: 8px 15px;
		line-height: 1.6;
	}

	p.bimmethod_txt {
		text-align: left;
	}

	.bim_tateline {
		height: 50px;
		margin: 20px auto 0;
	}

	.bimmethod_btnpac {
		display: block;
	}

	.shinchiku,
	.tenpo {
		padding: 20px 0;
		display: inline-block;
		width: 100%;
	}

	.shinchiku p,
	.tenpo p {
		font-size: 1.55rem;
		padding-bottom: 10px;
	}

	.shinchiku img,
	.tenpo img {
		width: 38px;
	}

	.shinchiku {
		margin-bottom: 20px;
	}

/* リクルートページ */
/* ============================================ */
	.recruit_box {
		width: 84%;
		padding: 80px 0 60px;
	}

	p.msg_title {
		font-size: 1.7rem;
		letter-spacing: 0.4rem;
		line-height: 1.5;
		padding: 30px 0;
	}

	.recruit_msg {
		padding-bottom: 40px;
	}

	.msg_txt {
		font-size: 1.55rem;
		line-height: 2.0;
		text-align: left;
	}

	.recruit_info ul {
		display: block;
		padding: 2rem 0;
	}

	.info_l {
		width: 100%;
	}

	.recruit_info ul li {
		line-height: 1.8;
	}

/* みとみとは／会社概要ページ */
/* ============================================ */
	.about_top img {
		width: 70%;
	}

	.about_txtbox {
		width: 90%;
	}

	.company_contentpac {
		padding: 80px 0 90px;
	}

	.company_box {
		padding: 3rem 0 0;
	}
	
	.company_lil {
		width: 32%;
	}

/* 店舗デザインページ */
/* ============================================ */
	.basebg_box {
		padding: 80px 0 0 0;
	}

	.aboutpadd {
		padding: 0;
	}

	.page_numblk {
		font-size: 10.0rem;
		top: -21%;
		left: 4%;
	}

	.basebg_contentbox {
		width: 90%;
		padding: 40px 5%;
	}

	.basebg_contentbox h3 {
		font-size: 2.2rem;
		letter-spacing: 0.3rem;
	}

	.basebg_contentbox p.h3cap {
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		padding: 20px 0 30px;
	}

	.contentbox_designtxt p {
		line-height: 2.0;
		letter-spacing: 0.08rem;
	}

	.design_servicebox {
		margin-top: 30px;
	}

	.design_serviceul li {
		width: 80%;
	}

	.design_serviceul2 {
		padding: 3px 0;
	}

	li.d_serviceul2_l {
		width: 28%;
	}

	.d_serviceul2_l img {
		width: 48px;
	}
		
	.design_schebox img {
		width: 65px;
	}

	.designsche_title {
		font-size: 2.0rem;
		padding: 20px 0;
	}

	.designsche_btnpac {
		display: block;
	}

	.designsche_btn {
		padding: 15px 0;
		width: 100%;
		display: block;
	}

	.designsche_btntxt {
		font-size: 2.3rem;
		letter-spacing: 0.2rem;
	}

	.designscan_btn a,
	.designbim_btn a,
	.designfaq_btn a {
		padding: 18px;
	}

	.mitomi_insta {
		padding: 1rem;
	}

/* お問合せ／確認／完了ページ */
/* ============================================ */
	.sp_contact {
		width: 97%;
	}

	.contact_formbox {
		padding: 30px 5px;
	}

	.toriatsukai_btn a {
		font-size: 1.4rem;
		letter-spacing: 0.02rem;
		padding: 10px 20px;
	}

	.contact_cap {
		font-size: 1.4rem;
		letter-spacing: 0.02rem;
	}

	.contact_txt {
		line-height: 2.0;
		letter-spacing: 0.06rem;
	}

	.confirm_formsp ul {
		justify-content: space-between;
	}

	input[type="button"].pre-btn,
	input[type="submit"].fin-btn {
		font-size: 1.6rem;
		padding: 18px 40px;
	}

/* お知らせ（投稿）詳細ページ */
/* ============================================ */
	.n_arvhivetitle {
		line-height: 1.6;
	}


/* お知らせ（投稿）詳細ページ */
/* ============================================ */
	.n_singletitle {
		font-size: 2.4rem;
		letter-spacing: 0.12rem;
	}

	.single_body h2 {
		font-size: 2.2rem;
	}

	.single_bodytxt {
		font-size: 1.5rem;
		letter-spacing: 0.04rem;
	}

	.single_bodytxt p {
		line-height: 2.0;
	}

	.n_singlecategory {
		font-size: 1.3rem;
	}

	.n_singlecategory {
		margin-right: 10px;
		padding: 6px 10px;
	}



}


/* -----------------------------------------------
	◆スクリーンサイズ320px以下の処理（iPhone SE 第1世代）◆
-------------------------------------------------- */
@media screen and (max-width: 320px) {

/* ヘッダー */
/* ============================================ */
	#nav-ham {
		right: 12%;
	}



}