/* -------------------   CLEAR   ------------------- */

.clear{width:100%; float:none; clear:both; overflow:hidden; }
a:hover{text-decoration:none;}
a{ color:#292929; }

html {
    font-size: 62.5%;
    overflow-wrap: break-word;
    text-size-adjust: 100%;
}

*, body { 
	font-family: 'Noto Sans JP','Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 1.5em;
    letter-spacing: 0.5px;
    color: #262f3b;
}
.mplus{
	font-family: 'M PLUS 1p','Noto Sans JP','Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	transform: rotate(0.05deg);
}
/* パンくずリスト区切り */
.kugiri{
	font-size: 1.4rem;
	font-weight: 600;
	padding-left: 10px;
}
.container{  }
.btn,
#top3 .btn,
#top4 .box1 .listbox,
#top4 .box2 .listbox,
#top5 .btn,
#top6 .btn{
	transition: .2s;
}
/*
.btn:hover,
#top3 .btn:hover,
#top4 .box1 .listbox:hover,
#top4 .box2 .listbox:hover,
#top4 .box2 .listbox.two:hover,
#top6 .btn:hover{
	background: #F47C24 url(../images/top_icn_buttonbg.png) 92% center no-repeat;
}
*/
#top5 .btn:hover{
	background: #34b350 url(../images/top_icn_buttonbg.png) 92% center no-repeat;
	background-size: 35px;
}

/* -------------------   SITE STRUCTURE   ------------------- */

#mypage, #mypost{ padding-top:40px; }


/* -------------------   NAVIGATION   ------------------- */


.navigation-link { padding: 15px 10px 5px 10px; border: none; font-size:1.4rem; font-weight:700; color:#262f3b; }
.navigation-body-header{ padding:0; }
.navigation .navigation-menu{ align-items: center; height:90px; }
.navigation-menu li:nth-child(9){ background:#EEB33D; }
.navigation-menu li:nth-child(9):hover{ background:#1C396F; }
.navigation-link1{ color:#fff!important; }

.navigation-item{ display:table; }
.navigation-link{ display: table-cell; height:90px; vertical-align: middle; }

#logo{ padding-left:20px; }

/* -------------------   SIDEBAR   ------------------- */

#secondary{ padding-left:40px; }
.widget{ margin-bottom:65px; }
.widget ul{ padding-left:0; list-style:none; }
.widget li{ padding:15px 0px; border-bottom:1px solid #eeeeee; font-size:13px; color:#1f1e1e; }
.widget li a{ color:#1f1e1e; }
.widget li:last-child{ border-bottom:none; }
.widget-title{ padding-bottom:10px; color:#b84a39; font-size:14px; }
.mypost-date{ }


/* -------------------   SINGLE PAGE   ------------------- */

#mysingle{ padding-top:100px; padding-bottom:100px; }

/* -------------------   PAGE   ------------------- */

#mypage{ padding-top:100px; padding-bottom:100px; }

/* -------------------   Header   ------------------- */

#headerpage{ background:url(../images/page1_img_pagebg.png) top center no-repeat; background-size: cover; padding-top:160px; padding-bottom:130px; }
#headerpage{ position:relative; } 
#headerpage .headerpagetitle{ background:url(../images/top_img_titlelineorange.png) bottom center no-repeat; background-size:100px; padding-bottom:18px; font-size:3.6rem; font-weight:700; color:#000; text-align:center; }
.breadcrumbtheme{ position:absolute; top:30px; left:50px; }

/* -------------------   HOMEPAGE   ------------------- */

.slider2, .sliderm2{ padding-left:0; margin-left:0; }
#slider{ position:relative; }
#newsbox{ width:100%; position:absolute; bottom:30px; }
#newsbox .slidertext{ background:#fff; width:80%; max-width:1200px; margin:0 auto; padding:16px 30px; border-radius:40px; }
#newsbox .newsbox{ display:flex; align-items:center; }
#newsbox .newsleft{ background:#eeb33d; color:#fff; width:200px; padding:3px 5px; font-size:1.6rem; font-weight:700; text-align:center; border-radius:18px; }
#newsbox .newsleft a{ color:#fff; font-weight:700; }
#newsbox .newsright{ width: calc( 100% - 200px ); padding-left:30px; font-size:1.6rem; color:#262f3b; }
#newsbox .newsright a{ font-size:1.6rem; color:#262f3b; }
.slider1 .slick-prev{ left: -55px; }	
.slider1 .slick-next{ right: -55px; }
.mobilemenu{ display:none; }
.sliderm2{ display:none; }

#top1{ background:#f6f6f7; margin-top:-20px; padding-top:65px; padding-bottom:90px; }
#top1 .titleimage{}
#top1 .slider1{ padding-left:0; margin-left:0px; margin-right:4px; }
#top1 li{ margin:20px 16px; }
#top1 .box{ background:#fff; min-height:230px; border:1px solid #c9cbce; border-radius:10px; box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3);  }
#top1 .image{}
#top1 h3{ font-size:1.5rem; color:#262f3b; font-weight: 600; line-height:1.4; }

/*TOP不動産コラムのホバーアクション*/
#top1 .box{
	transition: .3s;
}
#top1 .box:hover{
	margin: -6px 0 6px;
	box-shadow: 0 5px 15px #888;
}


#top2a{ display:none; padding-top:83px; padding-bottom:80px; }
#top2a .accordion { cursor: pointer; width:100%; outline: none; transition: 0.4s; }
#top2a .qbox{ background:#fff; padding:11px 15px 11px 5px; color:#000; min-height: 86px; border:3px solid #125493; }
#top2a .qbox .left{ width:37%; padding-top: 0px; }
#top2a .qbox .right{ width: 63%; font-size:19px; color:#fff; }
#top2a .accordion:after { margin-left:5px; background:url(../images/mobile_arrow2.png) center center no-repeat; background-size:20px; content: " "; width:20px; height:20px; font-size:30px; color: #125493; float: right; }
#top2a .active:after { background:url(../images/mobile_arrow1.png) center center no-repeat; background-size:20px; content: " "; width:20px; height:20px; }
#top2a .panel { background-color: #125493; margin-bottom:20px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
#top2a .slider{ padding:20px 0px 20px 0px; }
#top2a .tabtitle{ font-size:2.25rem; color:#333; font-weight:700; text-align:center; }
#top2a .bigfont{ font-size:3.2rem; color:#333; font-weight:700; text-align:center; }


#top2{ padding-top:83px; padding-bottom:0px; }
#top2 .toptitle{ background:url(../images/top_img_titlelineorange.png) bottom center no-repeat; background-size:100px; padding-bottom:22px; font-size:3.2rem; font-weight:700; text-align:center; }
#top2 .image img{ width:75%; }
#top2 .tab{}
#top2 .defaultOpen{}
#top2 .tablinks{}
#top2 .active{}
#top2 .image{ margin-bottom:-42px; }
#top2 .tablinks .tabtitle{ font-size:2.25rem; color:#333; font-weight:700; text-align:center; }
#top2 .tabtitle1{}
#top2 .tablinks .bigfont{ font-size:3.2rem; color:#333; font-weight:700; text-align:center; }
#top2 .des1{}
#top2 .tabcontent{}
#top2 .tab { overflow: hidden; }
#top2 .tab .tablinks { background-color:#fff; float: left; border: none; outline: none; cursor: pointer; padding: 40px 20px 20px; transition: 0.3s; width:33.3%; font-size:2.25rem; color:#262f3b; font-weight:normal; }
#top2 .tab .tablinks:hover { color:#EEB33D; transform: scale(1.1); }
#top2 .tab .tablinks.active { color:#125493; }
#top2 .tab .tablinks.active .tabtitle{ color:#125493!important; }
#top2 .tab .tablinks.active .bigfont{ color:#125493!important; }
.day2 .tab .tablinks:hover, .day2 .tab .tablinks.active{ background-color: #f9b155; }
.flexslider{ margin: 0 0 30px; background: none; border: none; } 
.flexslider .slides .imgbox{ padding:10px 5px;}
.top2box{ padding:30px 10px; }
.top2box_title{ padding-bottom:15px; font-size:2.56rem; color:#fff; font-weight:700; border-bottom:1px solid #fff; }
.top2box_subtitle{ padding-top:15px; font-size:1.92rem; color:#fff; }
.top2box_subtitle1{ padding-top:25px; }
.top2box_text{ padding-top:20px; font-size:1.4rem; color:#fff; line-height:2em; }
.flexslider .slides > li{ display:block; }

#des1 { display: block; color:#fff; }
#top2 .tabcontent{ padding: 100px 0px 30px; border-top: none; color:#fff; }
.top2bg{ background:#125493 url(../images/top_img_bg3.png) center left no-repeat; background-size:430px; }

#carousel .flex-active-slide{ background:#125493 url(../images/top_img_arrowbottombg.png) bottom center no-repeat; background-size:100% auto; padding-bottom:30px; }
#carousel1 .flex-active-slide{ background:#125493 url(../images/top_img_arrowbottombg.png) bottom center no-repeat; background-size:100% auto; padding-bottom:30px; }
#carousel2 .flex-active-slide{ background:#125493 url(../images/top_img_arrowbottombg.png) bottom center no-repeat; background-size:100% auto; padding-bottom:30px; }
#carousel3 .flex-active-slide{ background:#125493 url(../images/top_img_arrowbottombg.png) bottom center no-repeat; background-size:100% auto; padding-bottom:30px; }
#carousel4 .flex-active-slide{ background:#125493 url(../images/top_img_arrowbottombg.png) bottom center no-repeat; background-size:100% auto; padding-bottom:30px; }
#carousel5 .flex-active-slide{ background:#125493 url(../images/top_img_arrowbottombg.png) bottom center no-repeat; background-size:100% auto; padding-bottom:30px; }

#top3{ background: linear-gradient(to bottom, #f5f6f6 450px, #fff 0px ); padding-top:100px; padding-bottom:130px; }
#top3 .titleimage{}
#top3 .list{ padding-top:50px; padding-left:0; display:flex; list-style:none; }
#top3 li{ width:30%; margin-left:1.5%; margin-right:1.5%; }
#top3 .box{ background:#fff; margin:0 30px; padding:20px 20px; transition: .2s; }
#top3 .box:hover{ border-radius:5px; box-shadow: 0 0 15px #777; }
#top3 .image{}
#top3 .image img{ width:75%; }
#top3 h3{ padding-top:20px; line-height:1.6; color:#125493; font-weight:700; font-size:2rem; text-align:center; }
#top2 .button,#top3 .button{ padding-top:70px; text-align:center; }
#top3 .btn{ background:#eeb33d; font-size:1.8rem; font-weight:700; color:#fff; padding:24px 40px; display:inline-block; }
#top4{
	background:none;
	background-color: #D3D5D6;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #e1e1e1), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #e1e1e1),color-stop(.75, #e1e1e1), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 8px 8px; padding-top:120px; padding-bottom:80px; }
#top4 .toptitle{ background:url(../images/top_img_titlelinered.png) bottom center no-repeat; background-size:100px; padding-bottom:22px; font-size:3.2rem; font-weight:700; color:#282f3b; text-align:center; }
#top4 .container1{}
#top4 .box{ margin-top:60px; margin-bottom:100px; }
#top4 .box1{ background: url(../images/top_img_banner1.jpg) top center no-repeat; background-size:cover; }
#top4 .box1 .subtitle{ padding-top:120px; font-size:2.56rem; color:#fff; opacity:0.7; text-align:center; font-weight:700; }
#top4 .box1 .title{ padding-top:25px; font-size:8rem; color:#fff; opacity:0.7; text-align:center; font-weight:700; font-family: 'Montserrat', sans-serif; }
#top4 .box1 .text{ padding-top:5px; font-size:1.8rem; color:#fff; text-align:center; }
#top4 .box1 .boxlist{ padding:65px 0px 0px; display:flex; list-style:none; }
#top4 .box1 li{}
#top4 .box1 .listbox{ background:#eeb33d; width:30%; height:120px; margin-left:1.5%; margin-right:1.5%; margin-bottom: -35px; overflow:hidden; text-align:center;  }
#top4 .box1 .listbox a{ width:100%; text-align:center;  color:#fff;font-size:2.24rem; font-weight:700; line-height:120px; }
#top4 .box1 .listtext{ display:flex; align-items:center; }

#top4 .box2{ background: url(../images/top_img_banner2.jpg) top center no-repeat; background-size:cover; margin-top:150px; }
#top4 .box2 .subtitle{ padding-top:100px; font-size:2.56rem; color:#fff; opacity:0.7; text-align:center; font-weight:700; }
#top4 .box2 .title{ padding-top:10px; font-size:10rem; color:#fff; opacity:0.7; text-align:center; font-weight:700; font-family: 'Montserrat', sans-serif; }
#top4 .box2 .boxlist{ padding-top:0px; padding-left:0; display:flex; list-style:none; justify-content: space-around;}
#top4 .box2 li{ background:#eeb33d; width:96%; margin-right:2%; margin-bottom: -50px; padding:30px 50px 50px; text-align:center; }
#top4 .box2 .listbox.two{ background:#eeb33d; width:96%; margin-left:2%; text-align:center; }
#top4 .box2 .listbox{ }
#top4 .box2 .subtitle1{ font-family:'Montserrat', sans-serif; padding-top:20px; font-size:1.44rem; color:#fff; text-align:left; font-weight:700; }
#top4 .box2 .title1{ padding-top:20px; font-size:2.24rem; color:#fff; text-align:left; font-weight:700; }
#top4 .box2 .text1{ padding-top:0px; line-height:2em; font-size:1.4rem; color:#fff; text-align:left; }

/*トップページ物件一覧*/
.flexslider .slides img{
	height: 180px;
	object-fit: cover;
	border: none;
	transition: .12s;
}
#carousel .flex-active-slide,
#carousel1 .flex-active-slide,
#carousel2 .flex-active-slide,
#carousel3 .flex-active-slide,
#carousel4 .flex-active-slide,
#carousel5 .flex-active-slide{
	background:none;
}
.flexslider .slides .imgbox:hover{
	cursor: pointer;
}
.flexslider .slides .imgbox img:hover,
#carousel .flex-active-slide img,
#carousel1 .flex-active-slide img,
#carousel2 .flex-active-slide img,
#carousel3 .flex-active-slide img,
#carousel4 .flex-active-slide img,
#carousel5 .flex-active-slide img{
	outline:solid 4px #fff;
}



.entry-content{
	line-height: 1.8;
}
#top4 .box1 .listbox{
	display: table;
	width: 100%;
	text-align: center;
}

#top4 .box1 .listbox a{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height:initial;
	height: 120px;
}
.boxlist li a{
	padding-top: 44px;
}
.boxlist li:nth-child(4) a{
	padding-top: 34px!important;
}


#top5{ background: url(../images/top_img_bg2.png) top center no-repeat; background-size:auto 100% ; padding-top:125px; padding-bottom:135px; }
#top5 .toptitle{ background: url(../images/top_img_titlelinegreen.png) bottom center no-repeat; background-size: 100px; padding-bottom:30px; font-size:3.2rem; font-weight:700; text-align:center; }
#top5 .subtitle{ padding-top:25px; font-size:1.8rem; text-align:center; }
#top5 .list{ padding:100px 0 0; display:flex; flex-wrap:wrap; list-style:none; }
#top5 li{ width:45%; margin-left:2.5%; margin-right:2.5%; margin-bottom:50px; }
#top5 .listbox{ background-color:#fff; padding: 3em 1em; border-right:2px solid #c9cccf; border-bottom:3px solid #c9cccf; }
#top5 .title{ font-size:1.92em; font-weight:700; text-align:center; }
#top5 .text{ height:80px; padding-top:10px; overflow:hidden; font-size:1.6rem; text-align:center; }
#top5 .image{ text-align:center; }
#top5 .image img{ width:30%; display:inline-block; }
#top5 .button{ padding-top:20px; text-align:center; }
#top5 .btn{ background:#b3cc4b url(../images/top_icn_buttonbg.png) 90% center no-repeat; background-size:35px; border-radius:60px; padding: 1em 5em; color:#fff; font-size:1.8rem; font-weight:700; }

#top6{ background: url(../images/top_img_banner3.jpg) top center no-repeat; background-size:cover; padding-top:80px; padding-bottom:0px; }
#top6 .toptitle{ background:none; color:#fff; text-align:center; font-size:3.2rem; font-weight:700; }
#top6 .subtitle{ padding-top:10px; color:#fff; font-size:1.4rem; text-align:center; }
#top6 .list{ margin-bottom:0; padding-left:0; padding-top:40px; display:flex; list-style:none; }
#top6 li{ width:50%; padding-bottom:70px; }
#top6 .listbox{}
#top6 .title{ font-size:1.92rem; color:#fff; text-align:center; }
#top6 .image{}
#top6 .image img{ width:25%; }
#top6 .phone{ padding-top:0px; font-size:3.84rem; color:#fff; font-weight:700; text-align:center; font-family: 'Montserrat', sans-serif; }
#top6 .text{ padding-top:10px; font-size:1.4rem; color:#fff; text-align:center; }
#top6 .button{ padding-top:15px; text-align:center; }
#top6 .btn{ background:#eeb33d; background-size:40px; border-radius:48px; padding:20px 100px; color:#fff; font-size:1.8rem; font-weight:700; }
#top6 li:nth-child(2){
	border-left:none;
}


/* -------------------   PAGE 1   ------------------- */

#page1a{ background:url(../images/page1_img_box1.png) top right no-repeat; background-size:70% auto; min-height:400px; margin-top:75px; }
#page1a .page1aleft{ width:44%; padding-top:105px; }
#page1a .page1aleftbox{ background: rgba(12, 79, 158, 0.7); }
#page1a .page1aleftbox1{ max-width:500px; padding:30px 50px 30px 30px; float:right;  }
.clear{ clear:both; }
#page1a .page1a_title{ font-size:2.4rem; color:#fff; font-weight:700; line-height:1.8em; }
#page1a .page1a_text{ padding-top:10px; font-size:1.44rem; color:#fff; line-height:2em; }
#page1a .page1aright{ width:70%; background:url(../images/page1_img_box1.png) top right no-repeat; background-size:100% auto; }
#page1a .page1a_image{}
#page1a .mimage{ display:none; }

#page1b{ padding-top:60px; padding-bottom:85px; }
#page1b .list{ padding-left:0; padding-right:0; list-style:none; display:flex; flex-wrap:wrap; }
#page1b li{ width:48%; margin-right:4%; margin-bottom:35px; }
#page1b li:nth-child(2n){ margin-right:0; }
#page1b .box{ position:relative; background:#fff; padding:35px 35px 55px 35px; border:1px solid #c9cbce; border-radius:25px; box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.3); }
#page1b .image{}
#page1b .title{ padding-top:40px; font-size:2.4rem; font-weight:700; text-align:center; }
#page1b .text{ padding-top:20px; font-size:1.44rem; line-height:1.6em; }
#page1b .button{ padding-top: 24px; text-align:center; }
/*#page1b .btn{ background:#eeb33d url(../images/top_icn_buttonbg.png) 95% center no-repeat; background-size:40px; padding:20px 48px; border-radius:36px; color:#fff; font-size:1.9rem; display:inline-block; }*/
#page1b a .btn,
#top2 a .btn,
#top3 a .btn {
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin: 0 auto;
	padding: 1.1em 3em 1.1em 2em;
	max-width: 360px;
	width: 100%;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	background-color: #eeb33d;
	transition: 0.3s;
  }
  #top2 a .btn { background-color: #fff; color: #1D396E; }
  #top3 a .btn { padding: 1em 3em 1em 3em; max-width: 400px; }
  #top4 .box2 li{
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin: 0 auto;
	padding: 2em 2em 3em 3em;
	bottom: -36px;
	min-width: 540px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	background-color: #eeb33d;
	transition: 0.3s;
  }
  
  #page1b a .btn::before,
  #top2 a .btn::before,
  #top3 a .btn::before,
  #top4 .box2 li::before,
  #top6 a .btn::before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	right: 1.2em;
	transform: translateY(calc(-50% - 2px)) rotate(30deg);
	width: 12px;
	height: 1px;
	background-color: #fff;
	transition: 0.3s;
  }
  
  #page1b a .btn::after,
  #top2 a .btn::after,
  #top3 a .btn::after,
  #top4 .box2 li::after,
  #top6 a .btn::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1.2em;
	transform: translateY(-50%);
	width: 36px;
	height: 1px;
	background-color: #fff;
	transition: 0.3s;
  }
  #top2 a .btn::before,
  #top2 a .btn::after{
	background-color: #1C3870;
  }
  #page1b a .btn:hover,
  #top2 a .btn:hover,
  #top3 a .btn:hover,
  #top4 .box2 li:hover,
  #top4 .box2 li.listbox.two:hover,
  #top6 a .btn:hover{
	text-decoration: none;
	background-color: #bbbbbb;
  }
  
  #page1b a .btn:hover::before,
  #page1b a .btn:hover::after,
  #top2 a .btn:hover::before,
  #top2 a .btn:hover::after,
  #top3 a .btn:hover::before,
  #top3 a .btn:hover::after,
  #top4 .box2 li:hover::before,
  #top4 .box2 li:hover::after,
  #top6 a .btn:hover::before,
  #top6 a .btn:hover::after {
	right: .8em;
  }

/* -------------------   PAGE 2   ------------------- */

#page2{ padding-top:70px; padding-bottom:150px; }
#page2 .ulmenu{ padding-bottom:15px; padding-left:0; display:flex; list-style:none; }
#page2 li{ width:23.5%; margin-right:1.5%; background:#036eb7 url(../images/page_icn_arrowbottom.png) 88% center no-repeat; background-size:10px; padding:14px 10px; text-align:center; border-radius:15px; }
#page2 a{ color:#fff; font-size:1.9rem; font-weight:700; }

#page2 .box{ padding-top:80px; display:flex; align-items:center; }
#page2 .box1{ }
#page2 .box1 .boxleft{ width:24%; }
#page2 .box1 .boxright{ width:76%; padding-left:25px; }
#page2 .image{}
#page2 .mimage{ display:none; }
#page2 .subtitle{ font-size:1.44rem; }
#page2 .title{ padding-top:10px; font-size:3.24rem; font-weight:700; }
#page2 .meta{ padding-top:5px; font-size:2.16rem; font-weight:700; }
#page2 .text{ padding-top:5px; font-size:1.62rem; line-height:2em; }
#page2 .button{ padding-top:20px; }
#page2 .buttonleft{ margin-right:1.5%; display:inline-block; }
#page2 .btn{ background:#036eb7;  padding:8px 65px; font-size:2.16rem; font-weight:700; color:#fff; display:inline-block; border-radius:30px; }
#page2 .btn1{ }
#page2 .buttonright{ display:inline-block; }
#page2 .btn2{}

#page2 .box2{}
#page2 .box2 .boxleft{ width:74%; padding-right:25px; }
#page2 .box2 .boxright{ width:26%; }
#page2 .btn3{}
#page2 .box3{ padding-top:155px; }
#page2 .box3 .boxleft{ width:24%; }
#page2 .box3 .boxright{ width:76%; padding-left:25px; }
#page2 .box4{}
#page2 .box4 .boxleft{ width:74%; padding-right:25px; }
#page2 .box4 .boxright{ width:26%; }

/* -------------------   不動産コンサルティング ------------------- */
#page2{ padding-top:70px; padding-bottom:150px; }
#page2 .ulmenu{ padding-bottom:15px; padding-left:0; display:flex; list-style:none; }
#page2 li{
	padding:0;
	
}
#page2 li a{
	display: block;
	margin-right:1.5%;
	background:#036eb7 url(../images/page_icn_arrowbottom.png) 88% center no-repeat;
	background-size:10px;
	padding:14px 10px;
	text-align:center;
	border-radius:15px;
}

#page2 a{ color:#fff; font-size:1.9rem; font-weight:700; }
#page2 .box,
#consulting .box,
#policy .box{
	padding-top:80px;
	display:flex;
	align-items:center;
}
#page2 .box1 .boxleft,
#consulting .box1 .boxleft,
#policy .box1 .boxleft{
	width:24%;
}
#page2 .box1 .boxright,
#consulting .box1 .boxright,
#policy .box1 .boxright{
	width:76%;
	padding-left:25px;
}
#page2 .mimage,
#consulting .mimage,
#policy .mimage{
	display:none;
}
#page2 .subtitle{
	font-size:1.6rem;
	font-weight: 500;
}
#page2 .title,
#consulting .title{
	padding-top:10px;
	font-size:3.2rem;
	font-weight:700;
}
#page2 .meta{ padding-top:5px; font-size:2.16rem; font-weight:700; }
#page2 .text,
#consulting .text{ padding-top:5px; font-size:1.62rem; line-height:2em; }
#page2 .button{ padding-top:20px; }
#page2 .buttonleft{ margin-right:1.5%; display:inline-block; }
#page2 .buttonright{ display:inline-block; }
#page2 .box2 .boxleft{ width:74%; padding-right:25px; }
#page2 .box2 .boxright{ width:26%; }
#page2 .box3,
#consulting .box3{ padding-top:155px; }
#page2 .box3 .boxleft{ width:24%; }
#page2 .box3 .boxright{ width:76%; padding-left:25px; }
#page2 .box4 .boxleft{ width:74%; padding-right:25px; }
#page2 .box4 .boxright{ width:26%; }

#consulting .box2{
	background: #509DE610;
}
#consulting .box2 .container{
	max-width: 900px;
	margin: 0 auto;
}
#asset h2,
#consulting h2,
#consulting .box3 .col4 h3{
	color: #125493;
	font-weight: 600;
}
#asset h2{
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 1.8rem;
}

#consulting .box2 h2,
#consulting .box3 h2{
	text-align: center;
	margin-bottom: 1.8em;
}
#consulting .box3{
	padding: 5em 0;
}
#asset .box3 .col4,
#consulting .box3 .col4{
	padding: 2em 1.2em 1em;
	min-height: 485px;
	border-radius: 1em;
	background: #fff;
	box-shadow: 0 0 15px #ccc;
}
#asset .box3 .col4{
	padding: .5em 1.2em 2.4em;
}
#asset .box3 .col4 img,
#consulting .box3 .col4 img{
	margin-bottom: .5em;
	max-width: 70%;
}
#consulting .box3 .col4 h3{
	text-align: center;
	font-size: 2.1rem;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 1rem;
}
#consulting .box3 .col4 p{
	font-size: 1.4rem;
}

.cp_qa.women{
	margin-top: -120px;
}
.cp_qa.men{
	margin-top: -180px;
}
.cp_qa.women:before,
.cp_qa.women:after,
.cp_qa.men:before,
.cp_qa.men:after{
	position: relative;
	display: block;
	content: '';
	background:url(/wp-content/uploads/2021/09/trouble_woman_color-1.png)no-repeat center center/cover;
	width: 104px;
	height: 130px;
	top:120px;
}
.cp_qa.men:before{
	background:url(/wp-content/uploads/2021/09/trouble_man_color-1.png)no-repeat center center/cover;
	width: 104px;
	height: 140px;
}
.cp_qa.women:after,
.cp_qa.men:after{
	background:url(/wp-content/uploads/2021/09/engineer_suit_color.png)no-repeat center center/cover;
	width: 150px;
	height: 150px;
	right:-85%;
	top:-80px;
}
.cp_qa dl{
	max-width: 80%;
	margin: auto;
}
.cp_qa dt,
.cp_qa dd {
	position: relative;
	display: inline-block;
	padding: 1em 2em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 3em 3em 3em 0;
	font-weight: 600;
	color: #444;
}
.cp_qa dd {
	border-radius: 2em 2em 0 2em ;
}
.cp_qa dt {
	margin: 0 3em 1em 3em;
	background: #fefefe;
}
.cp_qa dd {
	position: relative;
	top: 10px;
	left: 100px;
	margin: 0 3em 3em 3em;
	background: #d8e0ff;
}


/* -------------------   PAGE 3   ------------------- */

#page3a{ padding-top:75px; }

#page3a .tab { overflow: hidden; }
#page3a .tab .tablinks { background-color:#036eb7; margin-right:5px; float:left; opacity:0.3; border: none; outline: none; cursor: pointer; padding: 25px 15px 25px; font-size:1.4rem; color:#fff; font-weight:normal; }
#page3a .tab .tablinks:hover { opacity:1; }
#page3a .tab .tablinks.active { opacity:1; }


#page3b{ background:#f5f6f6; border-top:5px solid #036eb7; }

#des1{ }
#des2{}
#des3{}
#des4{}
#des5{}
#des6{}

#page3b .tabcontent{ padding:70px 0 35px; display: none; }
#page3b .bbox{}
#page3b .btitle{ padding-bottom:70px; font-size:2.4rem; text-align:center; font-weight:700; }
#page3b .list{ padding-bottom:40px; padding-left:0; list-style:none; }
#page3b li{ }
#page3b .box{ display:flex; margin-bottom:35px; }
#page3b .left{ width:31%; }
#page3b .image{}
#page3b .right{ width:69%; padding-left:40px; }
#page3b .title{ color:#036eb7; font-size:2.4rem; font-weight:700; }
#page3b .text{ padding-top:15px; font-size:1.44rem; line-height:2em; }

/* -------------------   PAGE 4   ------------------- */

#page4a{ padding-top:90px; }
#page4a .titlebox{ padding-bottom:75px; display:flex; }
#page4a .titlebox_left{ width:70%; display:flex; align-items:center; }
#page4a .titlebox_left1{ width:90px; }
#page4a .titlebox_left2{ width: calc( 100% - 90px ); padding-left:10px; }
#page4a .subtitle{ font-size:1.44rem; font-weight:700; }
#page4a .title{ padding-top:5px; font-size:2.4rem; font-weight:700; }
#page4a .titlebox_right{ width:30%; padding-right:25px; }
#page4a .button{ text-align:right; }
#page4a .btn{ background:#eeb33d; padding:15px 20px; font-size:1.44rem; color:#fff; display:inline-block; border-radius:25px; }


#page4a .tab { overflow: hidden; }
#page4a .tab .tablinks { background-color:#036eb7; margin-right:1%; float:left; width:31%; opacity:0.3; border: none; outline: none; cursor: pointer; padding: 19px 15px; text-align:center; transition: 0.3s; font-size:2.16rem; font-weight:700; color:#fff; font-weight:normal; }
#page4a .tab .tablinks:hover { opacity:1; }
#page4a .tab .tablinks.active { opacity:1; }

#page4b{ background:#f5f6f6; border-top:5px solid #036eb7; padding-bottom:125px; }

#des1{}
#des2{}
#des3{}
#page4b .flexslider { margin-bottom:10px; }

#page4b .tabcontent{ padding-top:35px; display: none; }
#page4b .imgbox { padding: 10px 5px; }
#page4b .box{}
#page4b .box1{}
#page4b .slider{}
#page4b .box2{ background:#fff; margin-top:30px; padding:20px 60px 220px 40px;  }
#page4b .titlebox{ text-align:center; }
#page4b .title{ font-size:2.4rem; text-align:center; font-weight:700; }
#page4b .metalist{ padding-top:30px; padding-bottom:60px; padding-left:0; display:flex; list-style:none; }
#page4b .metalist li{ background:#eeb33d; margin-right:5px; padding:4px 15px; border-radius:5px; font-size:1.44rem; color:#fff; }
#page4b .box3{ display:flex; }
#page4b .box3_left{ width:30%; }
#page4b .image{}
#page4b .box3_right{ width:70%; padding-left:40px; }
#page4b .box3_title{ font-size:2.4rem; font-weight:700; line-height:1.8em; }
#page4b .box3_text{ padding-top:10px; font-size:1.44rem; line-height:2.2em; }
#page4b .button{ padding-top:60px; text-align:center; }
#page4b .btn{ background:#eeb33d; padding:20px 30px; font-size:1.9rem; font-weight:700; color:#fff; display:inline-block; border-radius:35px; }


#page4c{ padding-top:100px; padding-bottom:60px; }
#page4c .title{ padding-bottom:45px; font-size:3rem; text-align:center; font-weight:700; }
#page4c .tablebox{ display:flex; }
#page4c .tablebox_left{ width:48%; margin-right:4%; }
#page4c .tablebox_right{ width:48%; }
#page4c .tablebox1{ padding-top:35px; }
#page4c .title1{ padding-top:90px; padding-bottom:50px; font-size:3rem; text-align:center; }
#page4c .tablebox2{ padding-top:50px; }

#page4c .tablebox .table th{ width:150px; background:#f5f6f6; }
#page4c .tablebox1 .table th{ width:150px; background:#f5f6f6; }
#page4c .tablebox2 .table th{ width:150px; background:#f5f6f6; }

#page4c .table th, #page4c .table td { border-top: 1px solid #000; }
#page4c .table{ border-bottom: 1px solid #000; }

/* -------------------   PAGE 5   ------------------- */

#page5a{ padding-top:90px; }
#page5a .titlebox{ padding-bottom:75px; }
#page5a .titlebox_left{ display:flex; align-items:center; }
#page5a .titlebox_left1{ width:90px; }
#page5a .titlebox_left2{ width: calc( 100% - 90px ); padding-left:10px; }
#page5a .subtitle{ font-size:1.44rem; font-weight:700; }
#page5a .title{ padding-top:5px; font-size:2.4rem; font-weight:700; }
#page5a .tabbox{ text-align:center; }
#page5a .tab{ background:#eeb33d; font-size:2.4rem; padding:20px 90px 5px; font-weight:700; color:#fff; display:inline-block; border-top-left-radius:60px;  border-top-right-radius:60px; }

#page5b{ background:#f5f6f6; padding-top:70px; border-top:5px solid #eeb33d; padding-bottom:90px; }
#page5b .list{ padding-left:0; display:flex; list-style:none; }
#page5b li{ width:23%; margin-right:2.5%; margin-bottom:30px; }
#page5b li:nth-child(4){ margin-right:0; }
#page5b .box{ background:#fff; padding:30px 30px; border:1px solid #707070; border-radius:10px; }
#page5b .title{ padding-bottom:7px; font-size:2.4rem; border-bottom:1px solid #707070; text-align:center; font-weight:700; }
#page5b .title1{ padding-top:10px; font-size:2.16rem; text-align:center; }
#page5b .image{ padding-top:10px; }
#page5b .image img{ width:60%; }
#page5b .text{ padding-top:15px; font-size:1.44rem; min-height:100px; }
#page5b .button{ padding-top:30px; }
#page5b .btn{ background:#eeb33d url(../images/page_icn_arrowbottom.png) 85% center no-repeat; background-size:8px; padding:25px 10px; color:#fff; font-size:1.44rem; text-align:center; display:block; }

#page5c{ background:#fff; padding-top:80px; }
#page5c .tabbox{ text-align:center; }
#page5c .tab{ background:#036eb7; font-size:2.4rem; padding:20px 90px 5px; font-weight:700; color:#fff; display:inline-block; border-top-left-radius:60px; border-top-right-radius:60px; }

#page5d{ background:#f5f6f6; padding-top:65px; border-top:5px solid #036eb7; padding-bottom:90px; }
#page5d .list{ padding-left:0; display:flex; list-style:none; }
#page5d li{ width:23%; margin-right:2.5%; margin-bottom:30px; }
#page5d li:nth-child(4){ margin-right:0; }
#page5d .box{ background:#fff; padding:30px 30px; border:1px solid #707070; border-radius:10px; }
#page5d .title{ padding-bottom:7px; font-size:2.4rem; border-bottom:1px solid #707070; text-align:center; font-weight:700; }
#page5d .title1{ padding-top:10px; font-size:2.16rem; text-align:center; }
#page5d .image{ padding-top:10px; }
#page5d .image img{ width:60%; }
#page5d .text{ padding-top:15px; font-size:1.44rem; min-height:135px; }
#page5d .button{ padding-top:30px; }
#page5d .btn{ background:#036eb7 url(../images/page_icn_arrowbottom.png) 85% center no-repeat; background-size:8px; padding:25px 10px; color:#fff; font-size:1.44rem; text-align:center; display:block; }


/* -------------------   Footer   ------------------- */
#footer{ background:#036eb7; padding-top:55px; }

#footer .footer{ background:url(../images/footer_img_building.png) bottom right no-repeat; background-size:154px; display:flex; }
#footer .footerleft{ width:25%; }
#footer .footerlogo{}
#footer .footetext{ padding-top:5px; font-size:1.26rem; color:#fff; }
#footer .footericonlist{ padding-top:30px; padding-left:0; display:flex; list-style:none; }
#footer .footericonlist li{ width:35px; margin-right:10px; }

#footer .footerright{ width:55%; display:flex; }
#footer .fotterright1{ width:20%; }
#footer .fotterright2{ width:25%; }
#footer .fotterright3{ width:20%; }
#footer .fotterright4{ width:35%; }
#footer .footerrightmenu{ padding-left:0; list-style:none; }
ul.footerrightmenu{ margin-bottom:0; }
#footer .footerrightmenu li{ padding:5px 0px; }
#footer .footerrightmenu li a { font-size:1.26rem; color:#fff; }
#footer .footertext{ padding:0px 30px 50px; color:#fff; font-size:1.26rem; text-align:center; }

#back-to-top{position:fixed; bottom:40px; right:30px; z-index:9999; text-align:center; cursor:pointer; border:0; text-decoration:none; transition:opacity .2s ease-out; opacity:0; }
#back-to-top img{ width:75px; }
#back-to-top.show{opacity:1}

/* -------------------   PAGINATION   ------------------- */

.pagination {clear: both; padding: 20px 0; position: relative; font-size: 14px; line-height: 14px; text-align: center; width: 100%; border:none;}
.pagination-box {display: inline-block; background:#f3f3f3;}
.pagination span, .pagination a {display: block; float: left; margin: 2px 2px 2px 0; padding: 10px 15px 10px 15px; text-decoration: none; width: auto; color: #000; background: #EEE; }
.pagination a:hover{color: #fff; background: #e2e2e2; }
.pagination .current{padding: 10px 15px 10px 15px; background: #e2e2e2; color: #fff; }
.pagination:before, .pagination:after{background:none;}


/* -------------------   MODAL   ------------------- */

#header_modal1{ display:none; }
.modal { position:fixed; z-index:1;  left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.4);  }
.modal_close1{ position:absolute; top:-35px; right:10px; color:#fff; font-size:22px; font-weight:bold; cursor:pointer; }
.modal1{ background:#fff; max-width:800px; margin:20% auto 50px; position:relative; padding:20px 20px 20px;border-radius: 17px; }
.modalbox{ text-align: center; }
.modalbox p{ line-height:2; margin-bottom:30px; }




/* -------------------   投稿   ------------------- */
.post h2,
.post h3{
	padding: 2.4rem 0 .8rem;
}
.post h2 span{
	display: block;
	font-size: 3rem;
	font-weight: bold;
	background: #f9f9f9;
	color: #0E6EB8;
	border-top: 4px solid;
	padding: 8px 12px 12px 16px;
}

.post h3 span{
	font-size: 2.4rem;
	font-weight: bold;
	background: #f9f9f9;
	color: #1C396F;
	padding: .6rem 2rem .6rem 1rem;
	border-left: 6px solid;
}
.post p{
	display: block;
	margin: 1rem 0 2rem;
}

/*+++ Default Button Color +++*/
.drawer_menu a {
	color: inherit;
	text-decoration: none;
}

.drawer_menu a:visited {
	color: inherit;
}
.drawer_menu .drawer_button {
	color: #fff;
	/* ハンバーガーメニュー文字色 */
	display: none;
}

.drawer_menu .drawer_button .drawer_bar {
	background-color: #036EB7;
	/* ハンバーガーメニュー三本線の色 */
}


/* -------------------   目次   ------------------- */

#toc_container{
	margin:0 auto;
	padding: 2rem 3rem;
}
#toc_container a,
#toc_container a span{
	color: #1C396F;
	line-height:2;
}




/*  ウィジェットタイトル */
.drawer-title {
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #555;
	/* ドロワーメニュー内タイトルライン背景色 */
	color: #fff;
}

/* フォローボタン */

.follow-buttons {
	text-align: center;
	margin-top: 0;
	width: 100%;
}

.follow-buttons a {
	display: inline-block;
	width: 60px;
	text-align: center;
	text-decoration: none;
	margin: 5px;
}

.follow-buttons .inner-text {
	font-size: 10px;
	display: block;
}

.follow-buttons .lg,
.content-inner-follow-buttons .fa {
	padding: 15px;
	border-radius: 5px;
	margin: 2px auto;
}

.follow-buttons .hatena {
	color: #38393C;
	background-color: transparent;
}

.follow-buttons .blogicon-hatenablog {
	background: #38393C;
	color: #ffffff;
}

.follow-buttons .blogicon-hatenablog:hover {
	background: #5F6063;
}

.follow-buttons .facebook {
	color: #305097;
	background-color: transparent;
}

.follow-buttons .blogicon-facebook {
	background: #305097;
	color: #ffffff;
}

.follow-buttons .blogicon-facebook:hover {
	background: #5A77B7;
}

.follow-buttons .twitter {
	color: #55acee;
	background-color: transparent;
}

.follow-buttons .blogicon-twitter {
	background: #55acee;
	color: #ffffff;
}

.follow-buttons .blogicon-twitter:hover {
	background: #89C7F7;
}

.follow-buttons .instagram {
	color: #D93177;
	background-color: transparent;
}

.follow-buttons .blogicon-instagram {
	background: #D93177;
	color: #ffffff;
}

.follow-buttons .blogicon-instagram:hover {
	background: #df528d;
}

.follow-buttons .feedly {
	color: #6cc655;
	background-color: transparent;
}

.follow-buttons .blogicon-rss {
	background: #6cc655;
	color: #ffffff;
}

.pc-hidden .profile-icon {
	float: none;
}





#policy{
	padding: 0 0 60px;
}


#policy .box2 .boxright{
	width: 25%;
	margin-left: -10%;
}
#policy .box2 .boxleft{
	width: 67%;
	padding-right: 25px;
	z-index: 99;
}

#policy .mbox h2{
	font-size: 2.4rem;
	font-weight: 600;
	color: #125493;
}
#policy .mbox h2:after{
	position: relative;
	display: block;
	content:"";
	top: 10px;
	width: 80%;
	height: 3px;
	margin-bottom:24px;
	border-radius: 10px;
	background: #125493;
}
#policy .mbox{
	padding:36px 30px;
	border-radius: 24px;
	background: #fefefe;
	box-shadow: 0 0 24px #ccc;
}

#policy .image{
	height: 540px;
	width: 480px;
	border-radius: 10px;
	box-shadow: 24px 24px 0 #0E6EB810;
}
#policy .image img{
	height: 540px;
	width: 480px;
	border-radius: 10px;
	object-fit: cover;
}

/* ?!アイコン */
.cp_qa dt::after,.cp_qa dd::after {
	position: absolute;
	top: 0;
		background: url(../images/page3_img_box1.png);

	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
}
/* ?アイコン */
.cp_qa dt::after {
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.2em 0.4em;
	content: '';
	background: url(https://sy-partners.jp/wp-content/themes/sy-partners/images/page3_img_box1.png);
	height:50px;
	width:100px;
}
/* !アイコン */
.cp_qa dd::after {
	right: -2.5em;
	margin: 0 0 0 0.5em;
	padding: 0.2em 0.55em;
}

/* -------------------   faq よくあるご質問ページ   ------------------- */
.qaContainer{
	margin: 5em 0;
}
.qaContainer dt {
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #cce6ff;
	text-indent: -25px;
}
.qaContainer dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
}
.qaContainer dd {
	margin: 20px 10px 40px 35px;
	text-indent: -25px;
}
.qaContainer dd:before {
	content: "A.";
	color: #1771c6;
	font-weight: bold;
	margin-right: 7px;
}





/*ご入居の流れ*/

.timeline {
  list-style: none;
	margin-left:0!important;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
.timeline > li {
	overflow: hidden;
	margin: 0;
	position: relative;
}
.timeline-date {
	width: 100%;
	float: left;
	margin-top: 20px;
	text-align:left;
}
h3.timeline-date{
	padding-left:36px;
	color: #1C396F;
	font-weight: 600;
}
.timeline-content {
	width: 95%;
	float: left;
	border-left: 3px #1C396F solid;
	padding: 20px 0 30px 30px;
	margin-left:14px;
}
.timeline-content p{
	font-size: 1.5rem;
}
.timeline-content:before {
	content: '';
	width: 30px;
	height: 30px;
	background: #0E6EB8;
	position: absolute;
	left: 0;
	top:16px;
	border-radius: 100%;
}

@media screen and (min-width: 1024px){
	.timeline-date {
    float: left;
    margin-top: 20px;
		width: 280px;
  }
	.timeline-content {
    width: calc(100% - 280px);
  }
	.timeline-date {
    width: 360px;
    float: left;
    margin-top: 20px;
		text-align:right;
		padding-right:20px!important;
  }
	h3.timeline-date{
		padding-left:0;
	}
  .timeline-content {
    width: calc(100% - 360px);
		margin-left:0;
  }
	.timeline-content:before {
		width: 30px;
		height: 30px;
		position: absolute;
		left: 267px;
		top: 16px;
		border-radius: 100%;
	}
}






.page_btn a{
	display: inline-block;
	padding: .8em 2em;
	color: #fff;
	background: #EEB33D;
	font-weight: 600;
	transition: .3s;
}
.page_btn a:hover{
	background: #F47C24;
}




/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
	table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th span{
  font-weight: 600;
	text-align:left;
}
 .table-contactform7 th{
	 vertical-align: middle;
}
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
.table-contactform7 input{
	display: block!important;
}
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
 }
@media screen and (max-width: 900px){
	.table-contactform7{
  	display:block;
	}     
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
	}
	.table-contactform7 td{
		display: list-item;
		list-style-type:none;
		margin:0;
		padding:0;
		width: 100%;
		border-top: none !important;
	}
}





.top2box h3,
.top2box p{
	color: #fff;
	line-height: 1.8;
}
.top2box h3{
	padding-top:0;
}
.top2box p.address{
	color: #ccc;
}
ul.thumb{
	display: flex;
	margin-left: -40px;
}
.flexslider-controls li{
	height:300px;
	width:calc(100%/4 - 1em);
	margin: 0 .5em;
	object-fit: cover;
	list-style: none;
	cursor:pointer;
}

.flexslider-controls li img:hover,
.flexslider-controls li.flex-active img{
	box-shadow: 0 0 0 5px #fff;
}
.flexslider-controls li img{
	width:100%;
	height:300px;
	border-radius: 1rem;
	object-fit: cover;
	transition: .3s;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{
	font-size:0;
}
.flexslider:hover .flex-direction-nav .flex-prev{
	left: -70px;
}
.flexslider:hover .flex-direction-nav .flex-next{
	right: -70px;
}

.top2box .blog-item{
	display: block;
	max-width: 300px;
	color: #163765;
	background: #fff;
	padding: 1em 0;
	margin: 3em auto 0;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
	transition: .3s;
}
.blog-item:hover{
	color: #fff;
	background: #EEB33D;
}
img{
	width: 100%;
}

.box__inner{
	padding: 1em;
}
.box__inner .date{
	font-size: 1.3rem;
	color: #888;
}

.titlecta{
	padding: 60px 0 100px;
	background: #fff;
	margin-bottom: -58px;
}

.titlecta h1{
	font-size: 3rem;
	font-weight: bold;
}
.kodawari-inner,
.detail{
	background: #fff;
}
.kodawari{
	line-height:2;
}
.kodawari-inner{
	padding: 24px 12px;
	margin-bottom: 36px;
}

.kodawari-inner .col6{
	padding: 24px 12px;
}
ul.kodawari_label{
	margin: 24px 24px 30px -4rem;
}
.kodawari_label li{
	display: inline-block;
	color: #fff;
	background: #FEB33D;
	padding: .2rem 1rem .3rem;
	margin: 4px 4px 4px 0;
	border-radius: 5px;
}
.kodawari p{
	line-height:1.8;
}
.kodawari-h,
.detail h2{
	text-align: center;
	font-weight: bold;
	font-size: 2.8rem;
	margin: 48px 0 30px;
}

.kodawari-h:before{
	position: absolute;
	content:'';
	background: url(https://sy-partners.jp/wp-content/uploads/2021/09/kodawari.png) no-repeat center center;
	background-size: cover;
	width: 56px;
	height: 50px;
	margin-left: -70px;
	margin-top: -12px;
}
.copy{
	font-weight: bold;
	font-size: 2.1rem;
	margin: 12px 0 18px;
}
.kodawari-inner,
.detail{
	overflow:hidden;
}
.detail{
	padding: 60px 0;
}
.custom_field{
	max-width:1110px;
	width: 100%;
	margin: 0 auto;
}
.custom_field th{
	max-width: 180px;
	min-width: 95px;
	font-weight: bold;
}
.custom_field th,
.custom_field td{
	padding: 10px 8px 10px 16px;
	border: 1px solid #ccc;
}
.custom_field th{
	background: #f1f1f1;
}
.custom_field td{
	border-right: solid 16px #fff;
}
.custom_field th p,
.custom_field td p{
	margin-bottom: 0;
}
.navigation-menu {
    position: relative;
}

.navigation-menu > li {
    -webkit-transition: all .5s;
    transition: all .5s;
}



ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

/*ナビメニュー（子）をふわっと表示*/
.menu__second-level{
	opacity:0;
}
.navigation-menu .navigation-item:hover ul.menu__second-level{
	transition: .3s;
	
}
.navigation-menu li.navigation-item a.navigation-link:after {
	content: '';
	width: 0;
	transition: all 0.3s ease;
	margin-top:10px;
	border-bottom: 2px solid #1C396F;
	display: block;
}

.navigation-menu li.navigation-item a:hover:after {
	width: 100%;
	border-bottom: 2px solid #1C396F;
}
.navigation-menu li.cta a:hover:after {
	width: 0%;
}



/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

ul.menu__second-level {
	position: absolute;
	list-style:none;
	padding-inline-start:0;
	margin-left:-100px;
	top: 60px;
}
ul.menu__second-level li{
	background: #1C396F;
	margin-bottom: 2px;
	top: 60px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
ul.menu__second-level li:hover{
	background: #EEB33D;
}
ul.menu__second-level a{
	display: block;
	padding: 12px;
	color:#fff;
}

.navigation-menu .navigation-item:hover ul.menu__second-level {
    top: 70px;
    visibility: visible;
    opacity: 1;
}



/*タブ表示*/
section.typeA,
section.typeB{
	display: flex;
	flex-wrap: wrap;
}
section.typeA::after,
section.typeB::after {
	position: absolute;
	content: '';
	width: 100%;
	margin-top: 58px;
	left:0;
	height: 3px;
	order: -1;
	display: block;
	background: #036EB7;
}
.tabLabel:hover{
	background:#1D3970!important;
}
section.typeA .tabLabel,
section.typeB .tabLabel{
	/* タブ */
	margin-right: 3px;
	padding: 16px;
	font-size: 1.8rem;
	text-align: center;
	flex: 1;
	order: -1;
	color: #fff;
	background: #036EB760;
	transition: .5s ;
	cursor: pointer;
}

section.typeA .tabLabel span,
section.typeB .tabLabel span{
	font-size: 1.8rem;
	color: #fff;
}
section.typeA .tabLabel:nth-last-of-type(1),
section.typeB .tabLabel:nth-last-of-type(1){

	margin-right: 0;

}
section.typeA input,
section.typeB input {
	/* ラジオボタン非表示 */
	display: none;
}
section.typeA .content,
section.typeB .content {/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel,
section.typeB input:checked + .tabLabel {
	background: #036EB7;
	text-align: center;
}
section.typeA input:checked + .tabLabel + .content,
section.typeB input:checked + .tabLabel + .content {
	padding: 16px 0;
	height: auto;
	overflow: auto;
	transition: .5s opacity;
	opacity: 1;
}







/*CTAボタン*/
.cta{
	text-align :center;
}
.cta .btn_1{
	max-width: 450px;
	border-radius: 0;
	font-size: 2.1rem;
	font-weight: bold;
	color: #fff;
	background: #FEB33D;
	padding: 16px 60px;
	margin: 72px auto 48px;
	transition: .3s;
}

.cta .btn_1:after{
	position: absolute;
	content:'';
	background: url(https://sy-partners.jp/wp-content/uploads/2021/09/btnilst_2.png) no-repeat center center;
	background-size: cover;
	width: 120px;
	height: 100px;
	margin-left: 5px;
	margin-top: -52px;
}
.cta .btn_1:before{
	position: absolute;
	content:'';
	background: url(https://sy-partners.jp/wp-content/uploads/2021/09/btnilst_1.png) no-repeat center center;
	background-size: cover;
	width: 100px;
	height: 100px;
	margin-left: -115px;
	margin-top: -52px;
}

.col4 a.btn_2{
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	background: #FEB33D;
	padding: 12px 46px;
	margin: 16px 0;
	border-radius: 30px;
	transition: .3s;
}


.cta .btn_1:hover,
a.btn_2:hover{
	background: #33C95C;
}

.cta .btn_1:hover{
	color: #fff;
}










/*管理物件*/
.lifeline,
.public{
	padding: 60px 0;
	text-align: center;
}
.lifeline .col3,
.public .col3{
	background: #fff;
	padding: 36px 16px;
	border-radius: 8px;
	box-shadow: 0 0 5px #999;
	min-height: 440px;
}
.lifeline h2,
.public h2{
	display: inline-block;
	padding: 8px 48px;
	margin-bottom: 36px;
	color: #fff;
	background: #EEB33D;
	border-radius: 50px 50px 0 0;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: 1pt;
}
.lifeline h2:after,
.public h2:after{
	position: absolute;
	content: '';
	width: 100%;
	margin-top: 6px;
	left:0;
	height: 3px;
	order: -1;
	display: block;
	background: #EEB33D;
}
.public h2,
.public h2:after{
	background: #036EB7;
}
.lifeline h3,
.public h3{
	font-size: 2.1rem;
	line-height:2.4;
	border-bottom: 1px dotted;
	font-weight: bold;
}
.lifeline .col3 .midashi,
.public .midashi{
	color: #555;
	font-size: 1.8rem;
	text-align: center;
}
.lifeline img,
.public img{
	width: auto;
	height: 100px;
	margin: 8px 0 16px;
}
.lifeline .col3 p{
	font-size:1.3rem;
	text-align: left;
}
.lifeline a,
.public a{
	display: block;
	padding: 24px 8px;
	margin: 24px 8px 0px 8px;
	color: #fff;
	background: #EEB33D;
	transition: .3s;
}
.public a{
	background: #036EB7;
}
.lifeline a:hover,
.public a:hover{
	background: #777;
}


/*--------------------------------------
  物件一覧カード
--------------------------------------*/

ul.cardlist{
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
 
ul.cardlist li.card-radius_02 {
  margin: 0 0.5em 2em;
	border-radius: 1.6rem;
	background: #fff;
	width: calc(100% / 3 - 1em);
	box-shadow: 0 4px 15px rgba(0,0,0,.2);
	transition: .3s;
}
ul.cardlist li.card-radius_02:hover{
	  margin: -.5em 0.5em 2.5em;
	box-shadow: 0 4px 15px rgba(0,0,0,.6);
}
.card__thumbnail_02 img{
	border-radius: 1.6rem 1.6rem 0 0;
	height:200px;
	object-fit: cover;
	overflow: hidden;
}
.card__title_02 {
  padding: 2rem 0 0;
  font-size: 2.1rem;
  order: 1;
  font-weight: 600;
}


.card__body_02 {
  padding: 0 1.6rem 2rem;
}
.card__body_02 .address{
	font-size: 1.4rem;
	color: #666;
}
.card__body_02 .cost{
	color: #0B2D5E;
	font-size: 1.8rem;
	font-weight: 600;
}
.card__body_02 .costlabel{
	color: #fff;
	padding: .2rem 0.5rem .3rem;
	margin: .5em .5rem;
	background: #125493;
	font-size: 1.4rem;
	font-weight: 600;
}
.card__body_02 .floor_plan{
	color: #666;
	font-size: 1.6rem;
	font-weight: 600;
}
.card__body_02 .kodawari_label{
	margin: 24px 24px 0 -4rem
}
.card__body_02 .kodawari_label li{
	display: inline-block;
	margin: .4rem .2rem;
	padding: .2rem 1.6rem;
	font-size: 1.2rem;
	color: #666;
	background: #e9e9e9;
	border-radius: 20px;
}

.card__body_02 .readmore{
	text-align: right;
	font-size: 1.4rem;
	font-weight:600;
}
.card__body_02 .readmore:before{
	position: relative;
	display: inline-block;
	content:"";
	width:30px;
	height:1px;
	top: -5px;
	left: -16px;
	background:#333;
	transition: .3s;
}
ul.cardlist li:hover .readmore{
	color: #0E6EB8;
}
ul.cardlist li:hover .readmore:before{
	background: #0E6EB8;
	left: -10px;
}


/*--------------------------------------
  お知らせ一覧リスト
--------------------------------------*/

ul.infolist{
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
 
ul.infolist li.info__wrap {
  margin: 0 0.5em 2em;
	border-radius: 1.6rem;
	width: calc(100% / 3 - 1em);
	background: #fff;
	box-shadow: 0 4px 15px rgba(0,0,0,.2);
	transition: .3s;
}
ul.infolist li.info__wrap:hover{
	  margin: -.5em 0.5em 2.5em;
	box-shadow: 0 4px 15px rgba(0,0,0,.6);
}
.info__thumbnail img{
	border-radius: 1.6rem 1.6rem 0 0;
	height:200px;
	object-fit: cover;
	overflow: hidden;
}
.info__body {
  padding: .5em 1.6rem 2rem;
}
.info__title {
  padding: 0 0 1em;
  font-size: 2.1rem;
  order: 1;
  font-weight: 600;
}
.info__body .date{
	color: #888;
}
.info__body .readmore{
	text-align: right;
	font-size: 1.4rem;
	font-weight:600;
}
.info__body .readmore:before{
	position: relative;
	display: inline-block;
	content:"";
	width:30px;
	height:1px;
	top: -5px;
	left: -16px;
	background:#333;
	transition: .3s;
}
ul.infolist li:hover .readmore{
	color: #0E6EB8;
}
ul.infolist li:hover .readmore:before{
	background: #0E6EB8;
	left: -10px;
}




#manage{
	padding: 5em 0;
}
#manage h1{
	font-size: 3rem;
	font-weight: 600;
} 





/* -------------------   MOBILE   ------------------- */

@media (max-width: 2560px) {
	#page1a .page1aleft{ padding-top:305px; }
}

@media (max-width: 1920px) {
	#page1a .page1aleft{ padding-top:200px; }
}

@media (max-width: 1600px) {
	#page1a .page1aleft{ padding-top:105px; }
}
@media screen and (min-width: 1441px) {
	#logo img{ width:340px; }
}
@media (max-width: 1440px) {
	#logo{ padding-left:4px; }
	#logo img{ width:300px; }
	.navigation-link{ font-size:1.3rem; }
}
@media (max-width: 1280px) {
	#logo img{ width:250px; }
}
@media (min-width: 1200px) {
	.container{ }		
}

@media (max-width: 1200px) {
	
}

@media (max-width: 1024px) {
#top4 .toptitle{ font-size:2.4rem; }
#page1a{ background:none; }
#page1a .page1aleft{ width:100%; padding-top:0; position:relative; }
#page1a .mimage{ display:block; }
#page1a .page1aleftbox{ position: absolute; top: 70%; margin-left:5%; margin-right:5%; }
#page1a .page1aleftbox1{ max-width:1100px;  }
#page4b .metalist{ flex-wrap:wrap; }
#page4b .metalist li{ margin-bottom:10px; }
#page4a .titlebox_right{ padding-right:0; }
}


@media screen and (min-width: 1001px) {

	/* ドロップダウンメニュー2階層目 */
	.drawer_menu .drawer_nav li ul.second-level {
		visibility: hidden;
		list-style-type: none;
		position: absolute;
		z-index: -1;
		top: 0;
		margin: 0;
		padding-left: 0;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level {
		visibility: visible;
		z-index: 1;
		top: 50px;
		/* PC用メニューの高さに合わせる */
		transition: all .3s;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li {
		width: 200px;
		/* ドロップダウンメニューボタン横幅 */
		height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li a {
		display: block;
		background-color: #555;
		/* ドロップダウンメニューの文字の背景色 */
		color: #fff;
		/* ドロップダウンメニューの文字色 */
		font-size: 100%;
		text-decoration: none;
		line-height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
		background-color: #999;
		/* ドロップダウンメニューマウスホバー背景色 */
	}

	.touch-btn {
		color: #fff;
		margin-left: 5px;
	}
}


/* -------------------   スマホ非表示   ------------------- */
@media screen and (min-width:993px) {
	.drawer_menu,
	.pc-hidden {
		display: none;
		text-align: center;
	}
	.titlecta .col4{
		padding-top: 48px;
	}
	#page1b .list{
		position: relative;
	}
	#page1b .box{
		min-height: 600px;
		margin: 0 auto;
	}
	#page1b .button{
		position:relative;
		margin: 0 auto;
		max-width:90%;
	}
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: left;
		margin-left: 2.8%;
	}

	.first {
		margin-left: 0;
	}

	.col1 {
		width: 5.7%;
	}

	.col2 {
		width: 14.3%;
	}

	.col3 {
		width: 22.9%;
	}

	.col4 {
		width: 31.4%;
	}

	.col5 {
		width: 40.0%;
	}

	.col6 {
		width: 48.6%;
	}

	.col7 {
		width: 57.1%;
	}

	.col8 {
		width: 65.7%;
	}

	.col9 {
		width: 74.3%;
	}

	.col10 {
		width: 82.9%;
	}

	.col11 {
		width: 91.4%;
	}

	.col12 {
		width: 100.0%;
	}
}

/* -------------------   PC非表示   ------------------- */

@media (max-width: 992px) {
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
		float: left;
		margin-left: 0;
		width: 100%;
	}
	main{
		width: 100%;
	}
.navigation-body{ width:100%; }
.navigation-body-header{ background:#fff; }
.navigation-body-header{ height:72px; padding:10px 10px 10px 10px; }
.navigation-menu{ background:#fff; }
.navigation-link { padding: 20px 20px 20px 20px; color: #262f3b!important; border-bottom: 1px solid #262f3b; }
.navigation-link:visited { background:#eeb33d; color:#fff; }
.navigation-item:not(.navigation-brand-text).is-active .navigation-link, 
.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link{ background:#eeb33d; color:#fff; }

.mobilemenu{ width:100%; display:block; text-align:center; }
.mobilemenu img{ display:inline-block; margin:20px 5px; }
.navigation-body-close-button{ padding-right:20px; }
.navigation-brand-text { width: calc( 100% - 135px ); }
.slider1 .slick-prev{ left: -10px; }	
.slider1 .slick-next{ right: -10px; }
	
	
	
	.drawer_menu .drawer_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		background-color: rgba(51, 51, 51, 0.5);
		display: none;
		top: 0;
		left: 0;
	}

	.drawer_menu .drawer_button {
		display: block;
		background-color: Transparent;
		color: #fff;
		border: none;
		padding: 5px;
		width: 50px;
		letter-spacing: 0.1em;
		cursor: pointer;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 1001;
		text-align: center;
		outline: none;
	}

	.drawer_menu .drawer_button.active .drawer_bar {
		width: 40px;
	}

	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(30deg);
	}

	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}

	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-30deg);
	}

	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}

	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}

	.drawer_menu .drawer_bar {
		display: block;
		height: 2px;
		margin: 8px 2px;
		transition: all 0.2s;
		transform-origin: 0 0;
	}

	.drawer_menu .drawer_text {
		text-align: center;
		font-size: 10px;
	}

	.drawer_menu .drawer_close {
		letter-spacing: 0.08em;
		display: none;
	}

	.drawer_menu .drawer_menu_text {
		display: block;
	}

	.drawer_menu .drawer_nav_wrapper {
		width: 280px;
		height: 100%;
		transition: all 0.2s;
		transform: translate(280px);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background-color: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}

	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin-top: 60px;
	}

	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		line-height: 50px;
		position: relative;
		list-style: none;
		border-bottom: 1px solid #eee;
		margin-left: -16px;
	}

	.drawer_menu .drawer_nav li a {
		color: #555;
		display: block;
		text-align: left;
		padding: 16px 0;
		font-weight: 600;
	}

	/* スマートフォン2階層目 */
	.drawer_menu .drawer_nav li:hover ul.second-level {
		display: block;
	}

	.drawer_menu .drawer_nav li ul.second-level {
		display: none;
		position: relative;
		padding: 0;
		z-index: 1001;
	}

	.drawer_menu .drawer_nav li ul.second-level li a {
		padding-left: 40px;
	}

	.drawer_menu .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.drawer_menu.left .drawer_button {
		right: auto;
		left: 32px;
	}

	.drawer_menu.left .drawer_nav_wrapper {
		transform: translate(-250px);
		right: auto;
		left: 0;
	}

	.drawer_menu.left .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.pc-hidden {
		text-align: center;
	}

	.touch-btn {
		color: #555;
		position: absolute;
		top: .25rem;
		right: 2%;
		display: block;
		z-index: 10;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
	}
	.blogicon-chevron-down{
		position:relative;
		display: block;
		top:14px;
		left:12px;
		border-bottom: solid 4px #5bc8ac;
		border-right: solid 4px #5bc8ac;
		width: 18px;
		height: 18px;
		transform: rotate(45deg);
		transition: .3s;
	}
	.blogicon-chevron-down:hover{
		transform: rotate(-135deg);
	}
#top3 a .btn{
	padding:1em 2em 1em 0em;
}
#page1b a .btn::after, #top3 a .btn::after, #top4 .box2 li::after{
	width: 30px;
}
#top4 .box2 li{
		min-width:100px!important;
	}
#top4 .box2 li::before{
	top:calc(36% - 1px);
}
#top4 .box2 li::after{
	top :36%;
}
#top5 .list{ flex-wrap:wrap; }
#top5 li{ width:100%; margin-left:0; margin-right:0; }
#top5 .title{ padding-top:20px; }
#top5 .mlistbox{ padding-top:20px; display:flex; align-items:center; flex-direction: row-reverse; }
#top5 .text{ width: 63%; padding-top:0; padding-left:20px; text-align:left; font-weight:700; }
#top5 .image{ width: 37%; }
#top5 .image img{ width:100%; }
#top5 .btn{ text-align:center; display:block; }
#top5 .btn{ padding-left:20px; padding-right:20px; }

#page1b .list{ margin-bottom:0; padding-right:0; }
#page1b li{ width:100%; margin-left:0; margin-right:0; }

#page2 .btn{ padding-left:35px; padding-right:35px; font-size:1.44rem;  }
#page2 .title,
	#consulting .title{
		font-size:2.4rem;
	}
	.cp_qa dd{
		left: 36px;
	}
	.cp_qa dt{
		margin: 0 3em 1em 1em;
	}
	.cp_qa.women:before{
		width: 80px;
		height: 100px;
	}
	.cp_qa.men:before{
		width: 75px;
		height: 100px;
	}
	.cp_qa.women:after,
	.cp_qa.men:after{
		width: 100px;
		height: 100px;
	}
	#asset .box3 .col4{
		margin: 16px 0;
	}
	#consulting .box3 .col4{
		margin: 16px 0;
	}
	
	
#page3a .tab .tablinks{ padding: 15px 10px 10px; font-size:1.4rem; }

#page4a .titlebox{ flex-wrap:wrap; }
#page4a .titlebox_left{ width:100%; padding-bottom:30px; }
#page4a .titlebox_right{ width:100%; }
#page4a .button{ text-align:center; }
#page4a .tab .tablinks{ padding: 15px 5px 10px; font-size:1.7vw; }
#page4b .box3{ flex-wrap:wrap; }
#page4b .metalist{ padding-bottom:30px; }
#page4b .box3_left{ width:100%; }
#page4b .box3_right{ width:100%; padding-left:0; padding-top:30px; }
#page4b .box2{ padding-bottom:60px; }
#page4b .metalist li{ font-size:2vw; }
#page4c .tablebox{ flex-wrap:wrap; }
#page4c .tablebox_left{ width:100%; margin-right:0; }
#page4c .tablebox_right{ width:100%; padding-top:30px; }

#page5b .btn{ background: #eeb33d url(../images/page_icn_arrowright.png) 95% center no-repeat; background-size: 50px; margin-left:5%; margin-right:5%; border-radius:40px; }
#page5b .list{ flex-wrap:wrap; }
#page5b li{ width:100%; margin-right:0; }
#page5b .mbox{ display:flex; flex-direction:row-reverse; }
#page5b .mboxleft{ width: calc( 100% - 115px ); }
#page5b .image{ width:115px; }
#page5b .text{ min-height:10px; }
#page5d .list{ flex-wrap:wrap; }
#page5d li{ width:100%; margin-right:0; }
#page5d .mbox{ display:flex; flex-direction:row-reverse; }
#page5d .mboxleft{ width: calc( 100% - 115px ); }
#page5d .image{ width:115px; }
#page5d .text{ min-height:10px; }
#page5d .btn{ margin-left:5%; margin-right:5%; border-radius:40px; }

#footer .footer{ flex-wrap:wrap; flex-direction:column-reverse; }
#footer .footerleft{ width:100%; display:flex; }
#footer .footerright{ width:100%; flex-wrap:wrap; }
#footer .fotterright1{ width:48%; margin-right:4%; }
#footer .fotterright2{ width:48%; }
#footer .fotterright3{ width:48%; margin-right:4%; }
#footer .fotterright4{ width:48%; margin-top:-58px; }
#footer .mfooterleft{ width:60%; }
#footer .footericonlist{ width:40%; }
#footer .footericonlist{ display:block; }
#footer .footericonlist li { float:right; } 
#footer .footertext{ padding-top:40px; }
}


@media (max-width: 768px) {
	.breadcrumbtheme span{font-size:1.2rem;}
#newsbox .slidertext { width: 90%; padding: 10px 10px; border-radius: 20px; }
#newsbox .newsleft{ width:100px; font-size:8px; }
#newsbox .newsright { width: calc( 100% - 100px ); padding-left: 10px; font-size: 1rem; }
#newsbox .newsright a{ font-size:1rem; }

#top3 .list{ flex-wrap:wrap; }
#top3 li{ width:100%; margin-left:0; margin-right:0; }
#top3 .box{ display:flex; align-items:center; }
#top3 .image{ width:250px; }
#top3 .h3{ width: calc( 100% - 250px ); }
#top3 h3{ text-align:left; color: #262f3b; }

#page2 a{ font-size: 1.75vw; }
#page2 .box1 .boxright{ width:100%; padding-left:0; }
#page2 .box1 .boxleft{ display:none; }
#page2 .mboxright{ display:flex; }
#page2 .mimage{ width:130px; display:block; }
#page2 .mbox{ width: calc( 100% - 130px ); padding-left:16px; }
#page2 .box2 .boxright{ display:none; }
#page2 .box2 .boxleft{ width:100%; padding-right:0; }
#page2 .box3 .boxleft{ display:none; }
#page2 .box3 .boxright{ width:100%; padding-left:0; }
#page2 .box4 .boxright{ display:none; }
#page2 .box4 .boxleft{ width:100%; padding-right:0; }
#page2 .button{ text-align:center; }

#page3a .tab .tablinks{ padding: 15px 5px 10px; font-size:1rem; }
#page3a .slick-prev, #page3a .slick-next{ }

.pc_visible{ display: none; }
.sp_visible{ display: block; }

	
	
	#headerpage .headerpagetitle{
		font-size: 2.1rem;
	}
	
	.container{
		max-width: 100%;
	}
	section.typeA::after,
	section.typeB::after{
		display: none;
	}
	section.typeA .tabLabel.
	section.typeB .tabLabel{
		font-size: 1.2rem;
		padding: 16px 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	ul.cardlist li.card-radius_02,
	ul.infolist li.info__wrap{
		width: calc(100% / 2 - 1rem);
		margin: 1rem .5rem 0 .5rem;
		border-radius: .5rem;
	}
	ul.cardlist li.card-radius_02:hover,
	ul.infolist li.info__wrap:hover{
		margin: 1rem .5rem 0 .5rem;
	}
	.card__thumbnail_02 img,
	.info__thumbnail img{
		border-radius: .5rem .5rem 0 0;
		height: 100px;
	}
	.card__body_02,
	.info__body{
		padding: 0 .8rem 1rem;
	}
	.info__body .date{
		font-size: 1.2rem;
		margin-bottom: .5rem;
	}
	.card__title_02,
	.info__title{
		font-size: 1.4rem;
	}
	.card__body_02 .readmore,
	.info__wrap .readmore{
		font-size: 1.2rem;
	}
	.titlecta h1{
		font-size: 2.4rem;
		margin-bottom: 2rem;
	}
	.kodawari-h,
	.detail h2{
		font-size: 2.1rem;
	}
	.kodawari-h:before{
		margin-left: -60px;
	}
	.custom_field{
		margin-left: 0.5rem;
	}
	.detail{
		padding: 10px 0;
		margin: 0 8px;
	}
}


@media screen and (min-width:641px){
	.sp{ display: none; }
	#top4 .box1 .listbox a{
		font-size: 1.8rem;
	}
	.boxlist li:nth-child(4) a{
		font-size: 1.6rem;
	}
}


@media (max-width: 640px) {
	.pc{ display: none; }
	ul.kodawari_label{
		margin: 24px 24px 30px -3rem;
	}
	.kodawari-inner{
		padding: 12px 6px 24px;
	}
	.kodawari-inner.sp{
		padding: 12px 6px 24px;
		margin-top: -60px;
	}
	#page2 .title,
	#consulting .title{
		font-size: 2.1rem;
	}
	.cp_qa dl{
		width: 100%;
	}
	.cp_qa dt,
	.cp_qa dd{
		padding: 1rem 2rem;
		font-size: 1.2rem;
	}
	.cp_qa dt{
		margin: 5em 0 6em 1em;
	}
	.cp_qa dd{
		margin: -5em 2.4em 6em -1em;
	}
	.cp_qa.women:before{
		top:160px;
		width: 40px;
		height: 50px;
	}
	.cp_qa.men:before{
		top:160px;
		width: 40px;
		height: 53px;
	}
	.cp_qa.women:after,
	.cp_qa.men:after{
		width: 50px;
		height: 50px;
		right: -82%;
	}
	#top4 .box1 .listbox a{
		font-size: 1.8rem;
		line-height: 2.8rem;
	}



#top4 .box1 { background: url(../images/mobile_img_banner1.jpg) top center no-repeat; background-size: cover; }
#top4 .box2 { background: url(../images/mobile_img_banner2.jpg) top center no-repeat; background-size: cover; }

#top5{ background: url(../images/mobile_img_bg2.png) top center no-repeat; background-size:auto 100% ; }
#top6 {background: url(../images/mobile_img_banner3.jpg) top center no-repeat; background-size: cover; } 

#top4 .box1 .boxlist{ flex-wrap:wrap; }
#top4 .box1 .listbox{ width:46%; margin-left:2%; margin-right:2%; }
#top4 .box1 li:nth-child(1), #top4 .box1 li:nth-child(2){ margin-bottom:10px; }
#top4 .box2 .boxlist{ flex-wrap:wrap; }
#top4 .box2 li{ width:96%; margin-left:2%; margin-right:2%; }
#top4 .box2 li:nth-child(2){ width:96%; margin-left:2%; margin-right:2%; }
#top4 .box2 li:nth-child(1){ margin-bottom:10px; }
#top6 .btn{ padding-left:100px; padding-right:100px; }	
#top4 .box2 .title{ font-size:6rem; }

#top6{ padding-bottom:50px; }
#top6 .listbox{ padding-top:30px; border-top:1px solid #fff; }
#top6 .list{ flex-wrap:wrap; }
#top6 li{ width:100%; padding-bottom:30px; border-left:none; border-bottom:1px solid #fff; }
#top6 li:nth-child(2){ padding-top:30px; border-right: none; }

#page2 .mboxright{ align-items:center; }
#page2 .subtitle{ font-size: 2vw; }
#page2 .title{ font-size:5vw; }
#page2 .meta{ font-size:3vw; }

#page3b .box{ flex-wrap:wrap;  }
#page3b .left{ width:100%; }
#page3b .right{ width:100%; padding-left:0; }
#page3b .image img{ width:80%; padding-bottom:30px; }
#page3b .box{ margin-bottom:0; padding-bottom:40px; padding-top:30px; }

	
	.container{
		max-width: 100%;
	}
	.titlecta{
		margin-bottom: -50px;
	}
	section.typeA .tabLabel,
	section.typeB .tabLabel{
		font-size: 1.2rem;
		padding: 16px 2px;
	}
	#top5 .subtitle{
		font-size: 1.4rem;
	}
	
	.cta .btn_1{
		font-size: 1.8rem;
		padding: 16px 0;
	}
	.cta .btn_1:before{
		width: 80px;
		height: 80px;
		margin-left: -105px;
		margin-top: -37px;
	}
	.cta .btn_1:after{
		width: 94px;
		height: 80px;
		margin-left: 12px;
		margin-top: -37px;
	}
}



@media (max-width: 576px) {
	.container{ padding-left:8px; padding-right:8px; }
#top3 .box{ margin:0; padding-left:0; padding-right:0; }
.sliderm2{ display:block; }
.slider2{ display:none; }
#top3{ padding-top: 10px; padding-bottom: 70px; }
#top4{ padding-top: 70px; padding-bottom: 50px; }
#top5 { padding-top: 75px; padding-bottom: 35px; }

#top2a{ display:block; } 
#top2{ display:none; }

#top2a .tabtitle{ font-size:1.5rem; }
#top2a .bigfont{ font-size:2rem; }
#top2a .qbox { padding: 0px 15px 0px 5px; }
#top4 .box1 .subtitle{ padding-top:30px; font-size:1.5rem; }
#top4 .box1 .title{ padding-top:5px; font-size:4rem; }
#top4 .box1 .text{ font-size:1.2rem; line-height:1.5em; letter-spacing:0; }
#top4 .box1 .boxlist{ padding-top:25px; }
#top4 .box1 .listbox{ height:60px; }
#top4 .box1 .listbox a { font-size: 1.7rem; line-height: 2.7rem; }
#top4 .box2{ margin-top:80px; }
#top4 .box2 .subtitle{ font-size:1.5rem; padding-top:30px; }
#top4 .box2 .title{ padding-top:5px; font-size:4rem; }
#top4 .box2 li { padding: 0px 30px 20px; }
#top4 .box2 .subtitle1 { padding-top: 20px; font-size: 1.1rem; }
#top4 .box2 .title1 { padding-top: 5px; font-size: 1.7rem; }
#top4 .box2 .text1 { padding-top: 0px; line-height: 1.5em; font-size: 1.2rem; }
#top4 .box2 li:nth-child(2){ padding: 0px 30px 20px; }

#page1a{ margin-top:30px; min-height: 380px; }
#page1a .page1a_title{ font-size:4vw; }
#page1a .page1a_text{ font-size:3vw; }
#page1b{ margin-left:0px; margin-right:0px; padding-bottom:0; }
#page1b .box{ margin-right:-15px; margin-left:-15px; padding: 5px 20px 20px 20px; border:none; border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#page1b .boxodd{ background:#f5f6f6; padding-top:45px; }
#page1b .boxodd1{ padding-bottom:80px; }
#page1b li:last-child{ margin-bottom:0; }
#page1b .btn{ font-size:4vw; }
#page1b .button{ padding-top:18px; }
#page1b .image img{ width:80%; margin:0 auto; }

#page2 { padding-top: 50px; padding-bottom: 80px; }
#page2 li{ padding-top:8px; padding-bottom:18px; }
#page2 .box{ padding-top:55px; }
#page2 .ulmenu{ margin-bottom:0; padding-bottom:0; }

#page3b .boxodd{ background:#fff; margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px; }
#page3b .tabcontent{ padding-top:50px; }
#page3b .btitle{ padding-bottom:30px; }

#page4a .titlebox{ padding-bottom:40px; }
#page4b .box3_title{ font-size:4vw; }
#page4b .box2 { padding-left:25px; padding-right:25px; }
#page4c .title1 { padding-top: 60px; padding-bottom: 10px; }
#page5a .tab, #page5c .tab{ font-size:2.4rem; }
	
#headerpage{ padding-top: 100px; padding-bottom: 70px; }
.breadcrumbtheme{ width:100%; top:0px; left:0; background:#fff; padding:10px 15px; border-top:1px solid #92969c; border-bottom:1px solid #92969c; }

	.custom_field th,
	.custom_field td{
		padding: 10px 8px;
	}
}


/* Landscape phones and down */
@media (max-width: 480px) {
	.cta .btn_1{
		font-size: 1.6rem;
	}
	.cta .btn_1:before{
		width: 60px;
		height: 60px;
		margin-left: -62px;
		margin-top: -20px;
	}
	.cta .btn_1:after{
		width: 72px;
		height: 60px;
		margin-left: -10px;
		margin-top: -20px;
	}
	

}

@media (max-width: 414px) {

#page1a{ min-height: 280px; }


}


@media (max-width: 375px) {
	

}

@media (max-width: 320px) {


}