* {
  margin:0;
  padding:0;
}

body,html {
  height:100%;
}
body {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size:0.9em;
  background:#fff;
}

a:link,
a:visited {
  text-decoration:none;
  color:#fff;
}

#container {
  width:1050px;
  margin:0 auto;
  padding:25px 0 60px;
  _height:100%;
}

#header {
  display:flex;
  flex-direction: column;
  width:980px;
  margin:0px auto;

}

#header .headertop {
  display: flex;
  justify-content: space-between;
  margin-bottom:35px;
}

#header .info{
  margin-left:50px;

  color:#36457a;
}
#header .facebook_insta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#header .info img {
  margin-left:7px;
}

#header .top_tel {
  font-weight:bold;
}
#header .top_tel2 {
  font-size:1.9em;
  font-weight:bold;
}
#header .top_fax {
  font-size:0.89em;
  font-weight:bold;
}
#header .top_fax2 {
  font-size:1.2em;
  font-weight:bold;
}
#header .add {
  text-align:right;
  font-weight:bold;
  margin-top:5px;
}

#header li {
  list-style:none;
}
#header .menu {
  display: flex;
  justify-content: space-between;
}


#content {
  clear:left;
  width:980px;
  margin:0 auto;
  margin-top:35px;
  min-height:100%;
  height: auto !important;
}
div#content:after {
  content:"";
  display:block;
  clear:both;
}


#content h2 {
  padding:60px 0 20px;
  font-size:1.8em;
  text-align:center;
  line-height:1.4;
  color:#ec838c;
}

#content .top_slider {
  width:900px;
  height:500px;
  margin:0 auto;

}


#content .comm2{
  padding-top:5px;
  line-height:2.2;
}

#content .go_top {
  padding-top:20px;
  font-size:1.1em;
  color:#ec838c;
  text-align:right;
}

#content .go_top a:link,
#content .go_top a:visited,
#content .go_top a:hover,
#content .go_top a:active {
  color:#ec838c;
}


#fooder {
  clear:both;
  width:980px;
  height:130px;
  margin:15px auto 0;
  padding:20px 0 0;
  background:#ec838c;
  color:#fff;
  font-weight:bold;
  text-align:center;
  line-height:3;
}

#fooder p{
  font-size:1.1em;

}

a.overwhite{
  background-color:#ffffff;
  display:block;
}

a.overwhite:hover img{
  cursor:pointer;
  filter: alpha(opacity=60);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;              /* Safari 1.x */
  opacity:0.6;
  zoom:1;
}

/* privacy */

#privacy #content li {
  margin-left:20px;
  margin-bottom:40px;
}
#privacy #content li li{
  margin-left:20px;
  margin-bottom:0px;
  list-style-type:disc;
}

#privacy #content p {
  margin-bottom:20px;
}

#privacy #content h4 {
  margin:30px 0 10px 0;
}


/* こらるについて */

#about #content .about_left {
  float:left;
  width:500px;
  height:1000px;
  padding:25px;
  background:#e9e6d1;
}

#about #content .about_right {
  float:right;
  width:400px;
  height:1064px;
}
#about #content .about_right .about_instaface_icon{
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}


#about #content .about_left h3{
  margin-bottom:15px;
  font-size:2em;
  text-align:center;
  color:#ec838c;
}

#about #content .about_left .title{
  margin-bottom:15px;
  font-size:1.4em;
  font-weight:bold;
  text-align:center;
  color:#ec838c;

}

#about #content .about_left img{
  float:left;
  width:170px;
  height:220px;
  margin-right:10px;
}

#about #content .about_left .com1 .com1_1{
  font-size:2em;
  color:#000;
  font-weight:bold;
}

#about #content .about_left .com1 .com1_2{
  font-size:1.4em;
  color:#000;
  font-weight:bold;
}


#about #content .about_left .com2{
  clear:both;
  margin-top:20px;
  padding:15px;
  font-size:1.1em;
  line-height:1.6;
  border:1px solid #000;
}

#about #content .about_left h4{
  margin:20px 0 10px;
  font-size:1.2em;
}
#about #content .about_left li{
  margin-left:20px;

}
#about #content .about_left .line{
  margin:20px 0;
  padding-top:20px;
  border-top:1px solid #000;
}

/* info */


#info #content .box1{
  position:relative;
  background:#fbdddc;
  padding:0 20px 40px 80px;
  border-radius: 30px; 
}

#info #content .box1 h3{
  padding:30px 0;
  font-size:2em;
  text-align:center;
  color:#ec838c;
}

#info #content .box1 .info_img1{
  position:absolute;
  left:850px;
  top:-6px;
}
#info #content .box1 p{
  line-height:1.8;
}
#info #content .box2 {
  width:550px;
  margin:80px auto;
  color:#4c466a;
}

#info #content .box2 li{
  margin-left:30px;
  font-size:1.4em;
  font-weight:bold;
  list-style:none;
}
#info #content .box2 .info_add{
  font-size:1.8em;
  margin-bottom:30px;
}
#info #content .box2 .info_mail{
  padding-left:70px;
  background:url(../img/mail.gif) no-repeat left top;
}
#info #content .box2 .info_tel{
  margin-bottom:10px;
  padding-left:70px;
  background:url(../img/tel.gif) no-repeat left top;
}
#info #content .box2 .info_fax{
  margin-bottom:10px;
  padding-left:70px;
  background:url(../img/fax.gif) no-repeat left top;
}


/* about_work */
#about_work #content .box1 {
  padding:30px;
  background:#f5f2db;
}
#about_work #content .box2 {
  position:relative;
  padding:30px;
  background:#fff;
}
#about_work #content h3 {
  font-size:1.6em;
  line-height:1.4;
  color:#ec838c;
}
#about_work #content .box1 h3 {
  background:url(../img/icon01.gif) no-repeat left top;
  text-indent:1.5em;
}
#about_work #content .box2 h3 {
  background:url(../img/icon02.gif) no-repeat left top;
  text-indent:1.8em;
}

#about_work #content .box1 dt {
  margin:15px 0 5px;
  font-weight:bold;
  font-size:1.1em;
}

#about_work #content dd {
  margin:0 0 30px;
  padding-bottom:30px;
  border-bottom:1px dashed #333;
}
#about_work #content .line_clear {
  border:none;
}

#about_work #content dd h4 {
  margin-bottom:20px;
  font-size:1.4em;
  line-height:1.4;
  color:#34437a;
}

#about_work #content .box2 dt{
  margin:15px 0 5px;
  font-weight:bold;
  font-size:1.4em;
  color:#34437a;
}

#about_work #content .box2 .plan01 img,
#about_work #content .box2 .plan02 img {
  border:1px solid #ccc;
}

@media screen and (min-width: 768px) {
#about_work #content .box2 .plan01,
#about_work #content .box2 .plan02 {
  display: flex;
  justify-content: space-around;

}
}


#about_work #content .box3 h3{
  text-align:center;
  margin-bottom:15px;
}
#about_work #content .box3 {
  width:840px;
  margin:0 auto 50px;
  padding:15px 25px 15px;
  border:1px solid #ec838c;
}


/* worked */
#worked #content .box1 h3,
#worked #content .box2 h3 {
  margin:20px 0;
  font-size:1.4em;
  line-height:1.4;
  text-align:center;
  color:#34437a;
}

#worked #content .box1 {
  background:#efeedf;
  padding:20px 45px;
  overflow:hidden;
  zoom:1;
}

#worked #content .box1 .ippan,
#worked #content .box2 .sonota{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

#worked #content .box2 {
  padding:20px 45px;
  overflow:hidden;
  zoom:1;
  background:#efefef;
}
#worked #content .box2 {
  margin-top:40px;

}
#worked #content .box1 li,
#worked #content .box2 li {
  width: 150px;
  height:210px;
  list-style:none;
}
#worked #content .box1 li p,
#worked #content .box2 li p {
  padding:3px 2px;
}


#worked #content li img {
  border:1px solid #fff;

}

/* worked_photos */
#worked_photos #content .box1 {
  width:905px;
  margin:0 auto 50px;
}
#worked_photos #content .box1 .top_photo{
  width:900px;
  margin:0 auto 30px;
}
#worked_photos #content .photos {
  overflow:hidden;
  zoom:1;
  margin-left:4px;
}

#worked_photos #content .photos li {
  float:left;
  width:300px;
  height:220px;
  list-style:none;
}