@charset "utf-8";
/* CSS Document */
/*================================/ body /================================*/
body {
	background:#ffffff;;
	font-family: YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color:#333333;
	margin: 0;
}
img{ box-sizing: border-box;
    max-width: 100%;
}
.pcnone{display: none;}
.text-s{	font-size:0.8em;}
	h1{font-size: clamp(10px, 2vw, 16px);
    background: #9f8a77;    font-weight: 400;
    margin: 0;
    padding: 0.2rem 0.5rem;
    color: #ffffff;
    display: grid;
    grid-template-columns: 2fr 1fr;
}

ul, ol {
  list-style-type: none; margin: 0;padding: 0;  
}
ul li{  margin-bottom: 1rem;}
span.stg{ font-size: 1.3em; font-weight: 600; margin: 1rem 0 0.5rem; background: linear-gradient(transparent 75%, #fff799 75%); display: inline-block;}
.inner{
	max-width: 1400px;
	margin: 0 auto;  display: block;
}

.logo{
	    text-align: center;
    margin: 1rem;
}
.telbtn{
text-align: end; max-width: 1400px;
}
section{padding: 1rem;
	margin: 8rem 0;
}
section:first-child{	margin: 1rem 0; padding: 0;}
/*#main-coin section:first-child{display: flex; justify-content: center; align-items: center;flex-direction: column; margin-top: 0;background-repeat: no-repeat;  background-position: inherit;
    background-size: cover; background: linear-gradient(90deg, rgb(29 29 29 / 41%), rgb(66 59 59 / 54%)), url(./image/bgimg01.jpg);
}*/
i{ margin: 0 0.5rem;}

h2.fvimg {
    margin: 0;
    padding: 0;
    width: 100%;
}

h2.fvimg picture img {
    width: 100%;     height: auto;    
    display: block;  
}
h2{    display: flex;
    justify-content: center;
    align-items: center; 
    font-size: clamp(16px, 4vw, 45px);
}

h3 {    font-size: clamp(18px, 3vw, 28px);
  position: relative;
  padding: 1rem .5rem;
}

h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40vw;max-width: 800px;
  height: 3px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#e73527), to(#fee140));
  background-image: -webkit-linear-gradient(left, #e73527 0%, #fee140 100%);
  background-image: linear-gradient(to right, #e73527 0%, #fee140 100%);
}
.cp_image1 {width: 100%;
    border-radius: 1rem;
}
.cp_font_10_image{ text-align: center; margin: 0;}
.merit-coin{display: grid; grid-template-columns: 1.5fr 1fr;
    gap: 1rem; align-items: end; justify-content: center;
    padding: 2rem 0.5rem; border-radius: 1rem;
}
.merit-inner,.fututre-inner{border: 1px solid #9f8a77; padding: 2rem 0.5rem; border-radius: 1rem; background: #ffffff;
    box-shadow: 2px 2px 4px #9f8a77;
}
.fututre{background: #d6ccc34d;margin: 0;
    padding: 4rem 0;}
.fututre .inner-box
{ background:  url(./image/bgimg002.png);background-size: contain; background-position:right; background-repeat: no-repeat;  padding-bottom: 10rem;
}
.cp_font_14{text-shadow: 1px 1px 2px rgb(122 120 120 / 70%);}

.map{
	margin: 1rem auto;
}
.tommy_box,.bike_parking,.tomizawa_group{padding: 0.5rem; display: grid;background:#ffffff;  border-radius: 1rem;
    grid-template-columns: 1fr 1fr; border: 1px solid #9f8a77;margin: 0.5rem auto;align-items: center;}
.tomizawa_group{display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;}
.flex-box{ display: grid; grid-template-columns: 1fr 1fr;
    gap: 1rem;}

#about-us {padding-bottom: 3rem;
	background-repeat: no-repeat;  background-position: inherit;
    background-size: cover; background: linear-gradient(90deg, rgb(29 29 29 / 41%), rgb(66 59 59 / 54%)), url(./image/tomizawag.png);
}
#about-us section{margin: 0rem auto;}
#about-us h3{color:#ffffff;}

footer{  padding: 1rem 0 0;
}
  #footer{ background: linear-gradient(transparent 70%, #9f8a77 85%);
}
footer .inner{ margin: 1rem 1rem 0 auto;
    width: 90vw;
    max-width: 600px;
    box-sizing: border-box;
    padding: 1rem;
    background: #ffffff;
    box-shadow: 2px 2px 4px #9f8a77;
    border-radius: 1rem;}
.cp_font_12_copyright{
 text-align: center; padding: 0.5rem; 
}

footer h3{ margin: 0;
}

footer .inner h3:after { width: 20rem;
}
.btn--orange,
a.btn--orange {
  color: #fff;text-decoration: none;display: block;  
    width: 100%;
}
.btn--orange:hover,
a.btn--orange:hover {
  background:#ff5722;border-radius: 5rem;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}
.tel-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}.tel-wrap div{
width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;}
.tel-num{max-width: 500px; margin: 0.5rem auto;
    text-align: center;
    background: #f08200;
    border-radius: 5rem;}

.cp_font_12_copyright{
	margin: 0;    background: #9f8a77; 
}
.office{ display: flex;
    align-items: center;
    justify-content: center;}
.office a{color: #ffffff;
    font-weight: 300;
}  
.office a:hover{color:#f08200;}

@media screen and (max-width: 768px) {
.inner { margin: 1rem;
}
	.pcnone{
	display: inherit;
}
	.tommy_box,.bike_parking,.tomizawa_group,.flex-box{  grid-template-columns: 1fr;
}
	section {padding: inherit;
    margin: 4rem 0;
}
   .office{color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
	h2{display: flex;
    flex-direction: column;
    margin-top: 2rem;	
	}
.merit-coin {    display: block;}
.fututre .inner-box
{background-position: bottom; 
}
	
.tomizawa_group {
    display: flex;
    align-items: center;
    flex-direction: column;
}
	
footer .inner{  box-sizing: border-box;
    background: #ffffff; margin:1rem auto;
    padding: 1rem 0.5rem;
    border-radius: 1rem;}

}