@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');


*{
	box-sizing: border-box;
}

body {
	font-size: 14px;
	}
	

#marurino-lp {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin:0 auto;
	padding:0;
  letter-spacing: 0.03em;
}
header,
article,
section,
h1, h2, h3, h4,h5,h6,p{
	margin:0;
	padding:0;
	font-weight: normal;
}
h1, h2, h3, h4,h5,h6,p{
	transform: rotate(0.001deg);
	line-height: 1.6em;
}

header {
	position: fixed;
	z-index: 9999;
	background-color: #fff;
	width: 100%;
-webkit-box-shadow: 0 3px 3px -2px #ccc;
    box-shadow: 0 3px 3px -2px #ccc;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	top: 0;
}

.coOrg{
    color: #2b84d2;
}

.hung {
    padding-left: 1em;
    text-indent: -1em;
}

.fzS{
  font-size: 86%;
}

.fzL{
  font-size: 115%;
}

.fwB{
  font-weight: bold;
}

.mT10{
  margin-top: 10px;
}

.mT15{
  margin-top: 15px;
}

.mT20{
  margin-top: 20px;
}

ul,
li{
	list-style: none;
	margin:0;
	padding:0;
}
a {
	color:#000;
	text-decoration: none;
}

#marurino-lp #m-hd{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  background-color: #fff;
  padding: 3px 5px;
}

#marurino-lp #m-hd h1 {
    font-size: 0.62em;
  letter-spacing: -0.04em;
    overflow: hidden;
    white-space: nowrap;
  padding-top: 0;
  font-family:sans-serif;
  text-align: left;
}

#marurino-lp .flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#marurino-lp .navi{
	width:100%;
	position: fixed;
	margin:0;
	padding:0;
	top:16px;
	left:0;
	background-color:rgba(255,255,255,0.97);
	border-bottom:1px solid #c7c7c7;
	z-index:99;
}
#marurino-lp .navi .hd{
	font-family: sans-serif;
}

#marurino-lp .navi .hd .hd-sekisui {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding:10px;
}
#marurino-lp .navi .hd .hd-sekisui img{
	display: block;
	width:76px;
	height: auto;
	margin-right:15px;
}

#marurino-lp .navi .hd .hd-sekisui .marurino-logo img{
	width:108px;
}

#marurino-lp .navi .hd .hd-sekisui p{
	font-size:0.7em;
	font-weight: bold;
}

#marurino-lp .navi .hdIn{
  width: 100%;
  display: flex;
    justify-content: space-between;
    flex-wrap: wrap;  
}

#marurino-lp .navi .hd .contact {
	padding: 0 0 10px 10px;
}
#marurino-lp .navi .hd .contact #tel_header{
	font-size:2.2em;
	font-family: 'Roboto Condensed', sans-serif;
}
#marurino-lp .navi .hd .contact .icon-tel{
  margin-right: 0.15em;
}


#marurino-lp .navi .hd .contact a span:before{
	display: inline-block;
	margin-right:5px;
	font-size:0.94em;
	vertical-align: 0;
}
#marurino-lp .navi .hd .contact .open{
	font-size:0.84em;
  padding-left:0.4em;
  letter-spacing: 0;
}

#marurino-lp .navi .hd .btns {
	padding: 0 10px 10px;
}

#marurino-lp .navi .hd .btn{
/*	display: flex;*/
	display: block;
	text-align: center;
	justify-content: center;
	align-items: center;
	background-color:#000;
	width: 100px;
	margin:0.5em 0 0;
	color:#fff;
	font-size:0.8em;
border-radius: 15px;
	padding: 0 0;
  line-height: 2;
}


#marurino-lp .navi ul{
	width:100%;
	justify-content: space-between;
	flex-wrap: nowrap;
	max-width:1200px;
	margin:0 auto;
	font-size:0.8em;
	padding:10px;
}
#marurino-lp .navi ul li{
	padding:0.5em 0;
	border-right:1px solid #ccc;
	text-align: center;
	width:18%;
	transform: rotate(0.001deg);
}
#marurino-lp .navi ul li.nvLogo{
	padding:0 40px;
	border:none;
}
#marurino-lp .navi ul li.nvLogo img{
	width:86%;
	height: auto;
}
#marurino-lp .navi ul li:last-child{
	border:none;
}
#marurino-lp .navi ul a{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	width:100%;
	height: 100%;
	color:#000;
	text-align: center;
	line-height: 1.5em;
	
	    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
#marurino-lp .navi ul a:hover{
	color:#d8910e;
}
#marurino-lp .orange {
	color:#d8910e;
}

@media screen and (min-width:767px) {
  
#marurino-lp .navi{
top: 30px;
}  
  
#marurino-lp #m-hd{
  padding: 5px 0 5px 40px;
border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;  
}

#marurino-lp #m-hd h1 {
    font-size: 12px;
}
  
#marurino-lp .navi .hd{
  padding: 10px 0;
  }
  
  #marurino-lp .navi .hd .hd-sekisui{
    padding-left: 40px;
  }  
  
  #marurino-lp .navi .hd .hd-sekisui img{
    margin-right: 20px;
  }  
  
#marurino-lp .navi .hd .hd-sekisui .marurino-logo img{
	width:130px;
}  
  
#marurino-lp .navi .hdIn {
    width: 420px;
  padding-right: 30px;
  padding-top: 5px;
}  
  
  #marurino-lp .navi .hd .btns{
/*    display: flex;
  justify-content: space-between;  */
  }  
  
  
}


/* main */

#marurino-lp .cpTx{
	font-size:1.75em;
	text-align: center;
	margin:0;
	padding-top:160px;
	font-family:"Sawarabi Mincho", serif;
  line-height: 1.6;
}

#marurino-lp .cpTx .tx1{
  font-size: 114%;
}

#marurino-lp .cpTx .tx2{
  font-size: 68%;
}

#marurino-lp .cpTx .tx3{
  font-size:88%;
}

#marurino-lp .cpTx #hlogo{
  width: 125px;
  margin-top: 5px;
  margin-left: 3px;
}

#marurino-lp .mainimg {
	display: block;
	width:100%;
	position: relative;
	background-image:url(../img/mainimg.jpg);
	background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
  margin-top: 25px;
  position: relative;
	
}

.mainimg .inner .mainV{
height: 66vw;  
}

.mainimg .inner .mainV .cirpc{
  display: none;
}

.mainimg .bbx{
  background-color: #000;
  color: #fff;
  padding: 15px 6%;
  font-weight: bold;
  line-height: 1.8;
  font-size: 110%;
  font-family: "Sawarabi Mincho", serif;
}

.mainimg .bbx .txS{
  font-size: 80%;
  padding-bottom: 1em;
}

.mainimg .inner .cir{
background-color: #2b84d2;
  text-align: center;
  padding: 15px 0;
  
}

.mainimg .inner .cir p{
  color: #fff;
  line-height: 1.8;
}

.mainimg .inner .cir p.txS{
  font-family: "sans-serif";
  border-bottom: #fff solid 2px;
  display: inline-block;
  margin: 0 auto;
}

.mainimg .inner .cir p.txL{
  font-size: 170%;
  font-family: "Sawarabi Mincho", serif;
}

.mainimg .inner .cir p.txBt{
  background-color: #000;
  display: block;
  width: 45%;
  margin: 0 25%;
  padding: 3px;
    font-family: "sans-serif";
  border-radius: 20px;
  font-size: 130%;
  line-height: 1.8;
}

#marurino-lp .mainimg .inner .cir p.txBt a{
  color: #fff;
}



@media screen and (min-width:767px) {
  
#marurino-lp .cpTx{
	font-size:33px;
  padding-top: 180px;  
  line-height: 1.8;
}
  
#marurino-lp .cpTx .tx1{
    font-size: 100%;
}

#marurino-lp .cpTx .tx2{
  font-size: 88%;
}

#marurino-lp .cpTx .tx3{
  font-size: 110%;
}  
  
#marurino-lp .cpTx #hlogo{
 width: 220px;
  margin-left: 5px;
}
  
#marurino-lp .mainimg {
height:714px;	
background-size:auto;
background-position: center -360px;
margin-top: 60px;
}  
  
  .mainimg .inner{
    width: 1020px;
    margin: 0 auto;
  }  
  
  .mainimg .inner .mainV{
    position: relative;
    height: 534px;
  }  
  
.mainimg .inner .mainV .cirpc{
    display: block;
      position: absolute;
    top:  -150px;
    right: -100px;
   width: 236px;
    height: 236px;
    box-sizing: border-box;
    border-radius: 50%;
    padding: 30px 20px;
    text-align: center;
    background-color: #2b84d2;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.6em;  
  }
  
  .mainimg .inner .mainV .cirpc .txS{
      border-bottom: #fff solid 2px;  
    padding-bottom: 0.5em;
    margin-bottom: 1em;
  }  
  
    .mainimg .inner .mainV .cirpc .txL{
        font-size: 150%;
    font-family: "Sawarabi Mincho", serif;
      line-height: 1.3;
  }  
  
  
  .mainimg .inner .mainV .cirpc .txBt a{
    color: #fff;
    background-color: #000;
    display: block;
    width: 66%;
    margin: 12px 17% 0;
    padding: 3px;
    font-family: "sans-serif";
    border-radius:15px;
    font-size: 110%;
    line-height: 1.8;  
  }  
  
  
  .mainimg .inner .cir{
    display: none;
  }  
  
.mainimg .bbx{

}  
  
  .mainimg .bbx .inner{
    width: 1040px;
    margin: 0 auto;
      display: flex;
justify-content: space-around;
      padding: 30px 0;  
  }  
  
.mainimg .bbx .inner > div{
  display: inline-block;
width: 44%;
}
  
  .mainimg .bbx p{
    font-size: 120%;
  }  
  .mainimg .bbx .txS{
    padding: 0;
  }  
  
}


/* -------------------- con  -------------------- */

article .inner{
  margin: 0 5%;
  padding: 60px 0;
}

/*#marurino-lp .inner img {
}*/

.inner img {
    width: 100%;
    height: auto;
}

@media screen and (min-width:767px) {
  
article .inner{
width: 1020px;
  margin: 0 auto;
  padding: 80px 0;
} 
  
}

/* -------------------- strength  -------------------- */

#intro{
  text-align: center;
  padding-bottom: 50px;
}

#intro h2{
  font-size: 180%;
  padding-bottom: 0.5em;  
}

#intro .gp{
  font-family: "Sawarabi Mincho", serif;
  line-height: 1.6;
  padding-bottom: 0.5em;
  display: inline-block;
  font-size: 90%;
}

#intro .nm{
  color: #2b84d2;
  font-size: 150%;
}

#intro #intrologo{
      width: 160px;
}


#intro p{
  font-size: 120%;
  font-family: "Sawarabi Mincho", serif;
}

.strBx{
  background-color: #F5F5EF;
  padding: 40px 20px;
  margin-top: -10px;
  position: relative;
  z-index: 10;
}

.strBx h3{
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  font-size: 128%;
  padding: 3px;
  font-weight: bold;
}

.strBx .txCp{
  font-family: "Sawarabi Mincho", serif;
  font-weight: bold;
  font-size: 136%;
  text-align: center;
  margin-top: 0.5em;
}

.strBx#tec .bxth{
  margin-top: 20px;
  
}

.strBx#tec .bxth{
  display: flex;
   justify-content:space-between;
}

.strBx#tec .ic{
  width: 30%;
}

.strBx#tec .bxth > div{
    width: 65%;
}

.strBx#tec .bxth > div p{
  font-weight: bold;
}

.strBx#seko > div{
  width: 90%;
  margin: 0 5%;
}
  
.strBx#design > div{
  width: 80%;
  margin: 0 10%;
}

.strBx .txCp + p{
  margin-top: 20px;
  font-weight: bold;
}

#strength .batsu{
  background: url("../img/batsu.svg");
  width: 60px;
  height: 60px;
  display: block;
  position:relative;
  z-index: 20;
  margin: -20px auto 0;
}

@media screen and (min-width:767px) {
  
#intro h2{
  font-size: 270%;
}
  
  #intro p{
    font-size: 160%;
  }  


.strBx h3 {
width: 324px;
  margin: 0 auto;
padding:5px;  
}
   
.strBx {
    padding: 40px 6%;
  margin-top: 0;
} 
  
.strBx .txCp {
    margin-top: 1em;
  font-size: 156%;  
}  
  
  .strBx#tec .bxthW{
    display: flex;
    justify-content: space-between;
  }  
  
.strBx#tec .bxth {
    display: block;
  width: 30%;
}  
  
.strBx#tec .bxth > div {
    width: 100%;
}  
  
.strBx#tec .ic {
    width: 40%;
  margin: 0 30% 15px;
} 
  
.strBx#tec .bxth > div p,
.strBx .txCp + p  {
    font-size: 15px;
} 
  
  
#strength .batsu#battsu1 {
  background-image: url(../img/batsu.svg),url(../img/batsu.svg);
  background-position: left center,right center;
  background-repeat: no-repeat,no-repeat;
    width: 640px;
    height: 60px;
    margin: 30px auto;
}  
  
#strength .strBxW{
 display: flex;
  justify-content: space-between;
}
  
  #strength .strBxW .strBx{
    width: 44%;
  }
  
.strBx#seko > div {
    width: 100%;
    margin: 30px 0;
}
  
  #strength .batsu#battsu2{
    margin-top: 180px;
  }  
}

/* ----------------support-------------- */

#corres{
  background-color: #F4F5EF;
}

#corres .intro{
  text-align: center;
  margin-bottom: 40px;
}

#corres h2{
  color:#2b84d2;
   font-family: "Sawarabi Mincho", serif;
  font-weight: bold;
  font-size: 132%;
}

#corres h2 + p{
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-size: 124%;
  margin-top: 1em;

}

#corres .spBx{
  background-color: #fff;
  padding: 25px 15px;
  border: #000 solid 1px;
  margin-top: 10px;
}

#corres .spBx .ic{
  max-height: 46px;
  margin: 0 auto 0.5em;
  
}

#corres .spBx h3{
       font-family: "Sawarabi Mincho", serif;
    font-weight: 400;
  font-size: 140%;
  text-align: center;
  margin-bottom: 0.5em;
}

#corres .spBx p{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 600;
    font-size: 14px;
}

@media screen and (min-width:767px) {
    
#corres .intro {
    margin-bottom: 60px;
}  
  
#corres h2 {
font-size: 200%;
}  
  
  #corres h2 + p{
    font-size: 150%;
  }  
  
  
  #corres .spBxWp{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
 
#corres .spBx{
width: 320px; 
  margin: 20px 0;
  padding: 40px;  
  min-height: 320px;
  }
  
#corres .spBx p{  
  font-size: 15px;

  }
  
  #corres .spBx:nth-child(4){
margin-left: 170px;
  }  
  
  #corres .spBx:last-child{
margin-right: 170px;
  }
  

}


/* --------------------マンション-------------------- */

#mansion{
  
}

.sec1 .inner{
  margin: 0 0;
  padding: 60px 0;  
}

.sec2 .inner{
  padding: 60px 0;
}


.sec1 h2{
      color:#2b84d2;
    font-family: "Sawarabi Mincho", serif;
    font-weight: bold;
  text-align: center;
}

.sec1 h2 .ic{
  mmax-width: 60px;
  max-height: 60px;
}

.sec1 h3{
    text-align: center;
     font-family: "Sawarabi Mincho", serif;
    font-size: 125%;
    margin-top: 1em;
  margin-bottom: 1.5em;
}

.sec1 h4{
   color: #2b84d2;
   font-family: "Sawarabi Mincho", serif;
    font-weight: 400;
  font-size: 128%;
  line-height: 1.3;
  margin:0 5% 1em;
   display: flex;
 }

.sec1 h4 .ics{
  max-height: 36px;
  width: auto;
  display:inline-block;
  margin-right: 0.5em;
margin-top:8px;
  float: left;
}

.exWp{
  margin-bottom: 40px;
}

.exWp:last-child{
  margin-bottom: 0;
}

.exWp p{
/*  font-weight: bold;*/
}

.ex1{
  margin: 0 5%;  
}

.ex2{
  margin: 0 5%;  
}

.ex3{}

.ex4{
  margin: 0 5%;  
}

.ex5{

}

.ex6{
  margin: 10px 5% 0;  
}


.exArr{
  width: 24px;
  margin: 10px auto;
}

.exArr img{

}


@media screen and (min-width:767px) {
  
.sec1 .inner{
  margin: 0 auto;
  padding: 90px 0;
}  
  
.sec2 .inner{
  padding: 90px 0;
}  
  
.sec1 h2{
    font-size: 220%;
}
    
  
.sec1 h3{
    font-size: 200%;
  margin-bottom: 2em;
}
  
  
  .sec1 h4{
    margin: 0 0 1em;
    font-size: 165%;
  }  
  
.sec1 h4 .ics {
    margin-right: 1.2em;
    margin-top:0;
    float:none;
  vertical-align: middle;
}  
  
.exWp {
display: flex;
width: 100%;
clear: both;
  margin-bottom:60px;  
}
  
.ex1{
  width: 250px;
  margin: 0;
  }

.ex2{
  width: 250px;
  margin: 0;  
  }

.ex3{
  width: 463px;
  }

.exArr{
  width: 30px;
  margin: 20px auto;
}
  
.exArr{
    width: 40px;
    text-align: center;
    margin-top: 70px;
  }

.exArr img{
  transform: rotate( -90deg ); 
    width: 30px;  
} 
  
  .ex4{
    width: 275px;
    margin: 0;
  }
  
  .ex5{
    width: 275px;
  }  
  
  .ex6{
    width:350px;
    padding-top:11%;
  }    
  
  
}

/* -----------------inqBx----------------------- */

.inqBx{
  background: url("../img/qbg_inq.jpg");
  background-size: cover;
  background-repeat: no-repeat;
background-position: center center;  
}

#inqBx2{
  background: url("../img/bg_check.jpg");
}

#inqBx3{
  background: url("../img/bg_consul.jpg");
  background-size: 960px;;
}

.inqBx .inner{
  margin: 0 5%;
    padding: 40px 0;
}

#inqBx2 .inner{
  margin: 0 7%;
    padding: 40px 0;
}

#inqBx3 .inner{
  margin: 0 10%;
    padding: 40px 0;
}

.inqBx .txIq{
  color: #fff;
  text-align: center;
   font-family: "Sawarabi Mincho", serif;
    font-weight: 400;
  font-size: 136%;  
}

.inqBx .txIq .ic{
  max-height: 46px;
  display: inline-block;

}

.inqBx .txIq2{
    font-size: 120%;  
    color: #fff;
  text-align: center;
   font-family: "Sawarabi Mincho", serif;
  margin-top: 20px;
}

.inqBx .icL{
    max-height: 100px;
  display: inline-block;
    margin-top: 20px;
}

.inqBx ul{
  margin-top: 1.5em;
}

.inqBx li{
  margin-top: 1em;
}

.listSm li{
  margin-top: 1.5em;
}

.listSm dl{
  text-align: center;
  font-weight: bold;

}

.listSm dt{
  background-color: #2b84d2;
  color: #fff;
  padding: 15px;
  font-size: 125%;
  border-radius: 4px 4px 0 0;
}

.listSm dd{
  background-color: #fff;
  color:  #2b84d2;
  margin: 0;
  padding: 15px 20px;  
  font-size: 115%;  
  border-radius: 0 0 4px 4px;  
}

.listSm dd img{
  margin-top: 15px;
}

.inqBx .btnBlu{
  margin-top: 30px;
}

.inqBx .btnBlu a{
  background-color: #2983D1;
  color: #fff;
  display: block;
  padding: 10px;
  font-size: 110%;
  text-align: center;
  border-radius: 20px;  
  font-weight: bold;

}

.inqBx .btnOrg a{
  background-color:#2b84d2;
  color: #fff;
  display: block;
  padding: 10px;
  font-size: 110%;
  text-align: center;
  border-radius: 20px;  
  font-weight: bold;
  margin-top: 20px;  
}

@media screen and (min-width:767px) {
  
#inqBx3{
  background-size: cover;
}  
  
.inqBx .inner{
  margin: 0 auto;
    padding: 80px 0;
}  
  
#inqBx2 .inner{
  margin: 0 auto;
    padding: 80px 0;
}
#inqBx3 .inner{
  margin: 0 auto;
    padding: 80px 0;
}

.inqBx .icL{
    max-height: 136px;
} 
  
.inqBx p{
  font-size: 170%;  
}  
  
.inqBx ul{
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
}  
  
.inqBx li{
  display: inline-block;
  width: 47%;
}  
  
.inqBx .txIq {
font-size: 200%;
  }
  
.inqBx .txIq .ic{
  max-height: 72px;
} 
  
.inqBx .txIq2{
    font-size: 160%;  
}  
  
  
.listSm dt {
    padding: 15px;
    font-size: 150%;
    border-radius: 6px 6px 0 0;
}  
  
.listSm dd {
    font-size: 150%;
    border-radius: 0 0 6px 6px;
  min-height: 360px;
  padding: 30px 40px;
}  
  
.listSm dd img {
    margin-top: 25px;
}  
  
.inqBx .btnBlu{
width: 40%;
  margin: 40px auto 0;
}
  
  .inqBx .btnOrg{
width: 40%;
  margin: 20px auto 0;
}
  
.inqBx .btnBlu a,
  .inqBx .btnOrg a{
  font-size: 140%;
    border-radius: 40px;  
  padding:18px 0;
}
  
  
}

/* ------------------kodate---------------------- */

#kodate h3{
  margin-bottom: 0.5em;
}

#kodate h3 + p{
  text-align: center;
  margin-bottom:2.5em;
  font-size: 90%;
}

.exBe{
   margin: 0 5%;  
}

.exBe p{
margin: 0 0 15px;
  font-size: 13px;
}

.exAf{
  
}

@media screen and (min-width:767px) {
  
#kodate h3 + p{
  margin-bottom:3.5em;
  font-size: 110%;
}  
  
.exBe{
   margin: 0;  
  width: 345px;
}
  
  .exBe p{
margin:15px 0 0;
    font-size: 14px;  
}

.exAf{
   margin: 0;  
  width: 620px;
}


}

/* ------------------case---------------------- */

#caseStudy{
  
}

.sec2 .sq{
  border: #2b84d2 solid 1px;
  color: #2b84d2;
  display: block;
  width: 40%;
  margin: 0 auto 1.3em;
  padding: 10px;
  font-family: Georgia, "Times New Roman", Times, "serif";
  text-align: center;
  font-weight: bold;
}

.sec2 h2{
  text-align: center;
   font-family: "Sawarabi Mincho", serif;

}

.sec2 h3{
  text-align: center;
   font-family: "Sawarabi Mincho", serif; 
 color:#2b84d2; 
  margin-top: 2em;
  font-size: 128%;  
}

#caseStudy .listEx{
  margin-top: 1em;
}

#caseStudy .listEx li{
  margin-top: 1.5em;
  
}

#caseStudy .listEx h4{
  font-weight: bold;
}

#caseStudy .listEx img{
  margin-top: 7px;
}

@media screen and (min-width:767px) {
  
.sec2 .sq {
    width: 160px;
  font-size: 130%;
}  
  
  
.sec2 h2{
    font-size: 200%;
  }  
  
.sec2 h3{
    font-size: 180%;
  font-weight: bold;
  }    
 #caseStudy .listEx h4 {
    font-size: 130%;
}
  
  #caseStudy .listEx {
    display: flex;
    justify-content: space-between;
    width: 86%;
    margin: 20px 7% 0;
  }  
  
  #caseStudy .listEx li {
    width: 47%;
  }  
  
}
/* ---------------------cPresent------------------- */

#cPresent{
  background-color: #2b84d2;
  color: #fff;
}

#cPresent .inner{
  position: relative;
  text-align: center;
padding: 60px 0;  
}

#cPresent .cir{
  position: absolute;
  width: 27%;
  top: -50px;
  left: 0;
}

#cPresent .tx1{
  font-size: 140%;
  font-weight: bold;
}

#cPresent .tx2{
  font-size: 160%;  
   font-family: "Sawarabi Mincho", serif;
  border-top: #fff solid 1px;
  padding-top: 10px;
  margin-top: 10px;
}

#cPresent .btnBk{
   margin: 20px 5% 40px; 
}

#cPresent .btnBk a{
  background-color: #000;
  color: #fff;
  display: block;
  padding: 15px;
  border-radius: 40px;
  font-weight: bold;
  font-size: 110%;
}

@media screen and (min-width:767px) {
  
#cPresent .cir {
    width: 160px;
  top: -80px;
  left: -50px;  
}  
  
  #cPresent .txcg {
      display: flex;
    justify-content: space-between;  
  }
  
  #cPresent .txcg > div{
    width: 44%;
  }  
  
  #cPresent .txcg .pCg{
    width: 47%;
  }
  
  #cPresent .tx1 {
font-size: 170%;
    margin-top: 40px;
}
  
  #cPresent .tx2{
    font-size: 200%;
    margin-top: 30px;
    padding-top: 20px;
  }
  
#cPresent .btnBk{
  width: 80%;
   margin: 20px 10% 40px; 
} 
  
  #cPresent .btnBk a{
    font-size: 130%;
    padding: 18px;
  }
  
}

/* -----------------support----------------------- */

#support h2{
  font-size: 132%;
}

#support .spportImg{
  width: 80%;
  margin: 40px 10% 80px;
  position: relative;
}

#support .sptLsit{
 width:58%;
  position: absolute;
}

#support .sptLsit dt{
  background-color:#2b84d2;
  color: #fff;
  border-radius:14px;
  text-align: center;
  padding: 1px;
    font-size: 13px;
  width:50%;
  margin: 0 auto 0.3em;
}

#support .sptLsit dd{
    text-align: center;
  font-size: 12px; 
  text-align: left;
  margin-left: 1.2em; 
text-indent: -1.2em; 
  line-height: 1.6;
  padding-bottom: 0.4em;
  font-weight: bold;
}

#spt1{
  top:17%;
  left:23%;
}

#spt2{
  top:50%;
  left: -17%;
}


#spt3{
  top:50%;
  right: -19%;
}


#spt4{
  top:95%;
  left:23%;
}

@media screen and (min-width:767px) {
  
#support h2{
  font-size: 200%;
}  
  
#support .spportImg{
  width: 65.6%;
  margin: 60px 20% 120px;
}

#support .sptLsit{
 width:36%;
}

#support .sptLsit dt{
  border-radius:19px;
  padding: 5px;
    font-size: 19px;
  width:96px;
  margin: 0 auto 0.5em;
  font-weight: bold;
}

#support .sptLsit dd{
  font-size: 17px; 
  font-weight: bold;
  margin-left:2em;
}

#spt1{
  top:20%;
  left:32%;
}

#spt2{
top:46%;
left: -11%;
}


#spt3{
top:46%;
right: -11%;
}


#spt4{
    top: 95.9%;
    left: 32%;
}  
}

/* -----------------access----------------- */


#access.sec1 .inner{
      margin: 0 5%;
    padding: 60px 0;

}
  #access .acWp{

}


#access .txBx{
  width: 75%;
  margin: 20px auto 20px;
  
  }
#access .txBx p{
  font-weight: bold;
}

#access .txBx p.fzL{
  font-size: 140%;
}



@media screen and (min-width:767px) {
  
#access.sec1 .inner{
      margin: 0 auto;
}  
  
  #access .acWp{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
  }
  
#access .txBx{
  width: 45%;
  padding-top: 20px;
  } 
  
#access .txBx p{
  font-size: 120%;  
}
  
  
#access .mapBx{
  width: 50%;
  }  
  
}

/* ---------------------------------------- */


.forSP{
	display:block;
}

	.forPC{
		display: none;
	}


/* -------------------- smart phone  -------------------- */

@media screen and (min-width:767px) {
	
	.forPC{
		display: block;
	}
	.forSP{
		display: none;
	}
	

}

	
/*----------------footer----------------*/	
	
footer .inner{
		width: 94%;
    margin: 0 auto;
  padding: 60px 0;
    border-top: #ccc solid 2px;
	}	

footer .logo{
  width: 110px;
}
	
.footer h2 {
	text-align: center;
    margin-bottom: 0;
}

.footer h2 span{
  display: block;
  font-weight: bold;
}
	
.footer h2+p{
		display: block;
		text-align: center;
    margin-top: 30px;  
	}
	
.footer .comInfo {
	border: none;
}

.footer .comInfo li {
    padding: 0 0 1em;
    display: flex;
    justify-content: flex-start;
    font-size: 0.8em;
    line-height: 1.4em;
}
	
.footer .comInfo li span.label {
    display: block;
    width: 33%;
  font-weight: bold;
}

.footer .comInfo li span {
    display: block;
    width: 70%;
}

	
	.footer .comInfo ul{
		width: 100%;
    margin-top: 30px;
	}
	
.copyright {
    padding:30px 0;
background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 0.8em;  
}

@media screen and (min-width:767px) {
  footer .inner{
		width: 1180px;
    margin: 0 auto;
	}	
  
  .footer .comInfo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
    margin: 0 50px;
}
  
  .footer .comInfo .gaiyo{
    width: 30%;
    text-align: left;
  }  
  
  .footer .comInfo ul {
    width: 70%;
    border-left: #ccc solid 2px;
    padding-left: 30px;
}
  
  .footer h2{
    text-align: left;
  }
  
  .footer h2 span {
    display:inline-block;
}
  
  footer .logo{
vertical-align: text-bottom;  
    width: 156px;
    margin-right: 0.2em;
}
  
.footer h2+p {
font-size: 18px;
  font-weight: bold;
  text-align: left;
}  
  
  
.footer .comInfo li {
    font-size: 1.15em;
  line-height: 1.6;
  font-weight: bold;
}  
.footer .comInfo li span.label {
    width: 20%;
}
  
.footer .comInfo li span {
    width: 80%;
}  
  
  
}
	

/*----------------pagetop----------------*/	



#page-top a {
    background-image: url(../img/btn_pagetop_off.gif);
    background-size: contain;
    text-indent: -999em;
    height: 30px;
    width: 30px;
    position: fixed;
    bottom: 70px;
    right: 0;
    color: #FFF;
    -moz-opacity: 0.80;
    opacity: 0.80;
    filter: alpha(opacity=80);
	z-index: 20;
}

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

#page-top a {

    height: 60px;
    width: 60px;
    bottom: 20px;
    right: 20px;  
}
	
}

/*----------------電話発信----------------*/	

#marurino-lp .telPopBox{
	display: none;
}

#marurino-lp .telPopBox{
	width:80%;
	height:14em;
	padding:1.5em 0 0;
	position: fixed;
	left:10%;
	top:50%;
	margin-top:-5em;
	background:rgba(255,255,255,0.95);
	border:solid 1px #614336;
	text-align: center;
	box-sizing: border-box;
	font-size:13px;

    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif !important;
}
#marurino-lp .telPopBox p{
	margin-bottom:1em;
	color:#614336;
	font-weight: bold;
	padding: 0;
}
#marurino-lp .telPopBox li{
	margin:1em auto;
	width:12em;
}
#marurino-lp .telPopBox li span,
#marurino-lp .telPopBox li a{
	display: block;
	padding:0.5em 0;
	border-radius: 2em;
	position: relative;
}
#marurino-lp .telPopBox .notCall span{
	background-color: #fff;
	color:#614336;
	border:solid 1px #614336;
}
#marurino-lp .telPopBox .call a{
	padding-left:1em;
	background-color: #eb711f;
	font-weight: bold;
	color:#fff;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
	background-image:url(../img/ic_tel.png);
	background-position:10% center;
	background-repeat:no-repeat;
	background-size:15%;
}
#marurino-lp .telPopBox .call a::before{
	font-family: 'marurino';
	content:'\e915';
	font-size:1.6em;

	position: absolute;
	left:0.5em;
	top:50%;
	margin-top:-0.5em;
}



@media screen and (min-width:767px) {
  
  #marurino-lp .navi .hd .contact #tel_header{
    pointer-events: none;
  }  
  
}

/*---------anc-----------*/

#marurino-lp .anchorList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 20px 3% 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;   
}

#marurino-lp .anchorList li {
border-right: 1px solid #ccc;
width: 50%;
border-bottom: 1px solid #ccc; 
}

#marurino-lp .anchorList li a{
color: #000;
display: block;
line-height: 1.5em;
background: url("../img/arrow.svg") 96% 48% no-repeat;
background-size: 8%;
padding:0.8em;
font-weight: bold;
font-family: "Sawarabi Mincho", serif;
}

@media screen and (min-width:767px) {
  
#marurino-lp .anchorList{
 justify-content: flex-start;
width: 1020px;
margin: 40px auto 0;
}  
  
  #marurino-lp .anchorList li {
  display:inline-block;   
    width: 25%;
}
  
  #marurino-lp .anchorList li a {
font-size: 90%;
padding: 1.5em 0.8em; 
background-position: 97% 85%;
background-size: 5%;
letter-spacing: -0.03em;    
  }  
  
  #marurino-lp .anchorList li a br{
    display: none;
  }  
  
#marurino-lp .cpTx .txS {
font-size: 72%;
}  
  
}