@charset "euc-jp";

body {
	background-color: #ffcc99;
}

/* 囲み */
.kakomi {
  border: 2px solid #aaa;
/*  background: #00cc99; */
  background: #ffcccc;
  color: #000;
/*  padding: 2em; */
  padding: 1em; 
}

/* 囲み2 */
.kakomi2 {
  border: 2px solid #aaa;
/*  background: #00cc99; */
  background: #ffcccc;
  color: #000;
  padding: 1em;
  max-width: 400px; 
  margin: auto; 
}

.contents_top {
/* position:relative; */
 width:100%; 
 height:100%; 
/*     width: 100%; */
/*     max-width: 1200px; */
     margin: auto; 
background-color: #f00;
}

.contents {
/* position:relative; */
 width:100%; 
 height:100%; 
/*     width: 100%; */
/*     max-width: 1200px; */
     margin: auto; 
/* background-color: #f00; */
}

contents_width1 {
     width: 100%; 
     max-width: 600px; 
     margin: auto; 
}

.head-logo {
	position:absolute;
/*	top:0px; */
	top:-22px;
	left:0px;
}

.top-bg {
/* position: absolute; */
/* z-index: -1; */
	left: 0;
	right: 0;
/* height: auto; */
}

.bottom-right {
	position:absolute;
	bottom:-7px;
	right:0px;
}
.bottom-left {
	position:absolute;
	bottom:-7px;
	left:0px;
}
.top-right {
	position:absolute;
	top:0px;
	right:0px;
}
.top-left {
	position:absolute;
	top:0px;
	left:0px;
}

.ichi-samp {
	position:absolute;
	bottom:0px; 
	right:0px;
	color:#fff;
	z-index:1;
/*	width:50%; */
/*	height:50%; */
	margin: 0 auto; 
}

.flex{
	display: flex;
	flex-wrap: wrap;
}

.item0{
	width:100%;
/*	height:100%; */
	height:100px; /* 高さの指定をしないと子の bottom が表示されなくなる時があるので注意 */
	position:relative; /* absolute を指定する時は ひとつ上の要素に relative を指定 */
} 

.item{
	width:50%;
	height:100%;
	position:relative; /* absolute を指定する時は ひとつ上の要素に relative を指定 */
} 
.box1{
	background-color: chartreuse;
/*	padding:0; */
/* background-image: url(../images/backimg_samp1.png); */

}
.box2{
/*	background-color: rgb(100, 127, 245); */
/*	background-image: url(../images/img_01.jpg); */
/*	background-size: 100%; */
/* background-image: url(../images/backimg_samp2.png); */
/* background-size: 100%; */
}
.box3{
	background-color: rgb(255, 81, 0);
/* background-image: url(../images/backimg_samp3.png); */
/* background-size: 100%; */
}
.box4{
	background-color: rgb(255, 81, 0);
/* background-image: url(../images/backimg_samp43.png); */
/* background-size: 100%; */
}

@media screen and (max-width: 767px) {
 .flex {
	display: block;
 }
 .flex .box1 {
	width: 100%;
	margin: 0 auto;
 }
 .flex .box2 {
	width: 100%;
	margin: 0 auto;
 }
 .flex .box3 {
	width: 100%;
	margin: 0 auto;
 }
 .flex .box4 {
	width: 100%;
	margin: 0 auto;
 }
}

/* .pc_menu{ */
/*	display: flex; */
/*	flex-wrap: wrap; */
/* } */

/* ↓767pxまでの幅で適応（PCメニューを非表示）*/
@media screen and (max-width: 767px) {
	.pc_menu { 
position:relative;
	display: none !important;
 }
}