@media screen and (min-width:769px) and (max-width:1200px) {
/************************************************
■■■ノーマルレイアウト■■■
*************************************************/

/*
html {
	border-top:yellow 5px solid;
}
*/

section {
	margin-top:1em;
	position:relative;
    overflow:hidden;
}
#business .panel1 {
	margin:1em 0 0 0;
	width:45%;
	padding:1em;
}
#business .panel2 {
	width:55%;
	height:70%;
	top:4em;
	right:0;
}

#business .panel1 .icon1 {
	display:block;
	width:90%;
	text-align:left;
}
#business .panel1 .icon2 {
	display:block;
	width:90%;
	text-align:left;
}
#business .panel1 .icon3 {
	display:block;
	width:90%;
	text-align:left;
}
#business .panel1 .inner {
	margin:1em 0;
	display:flex;
    align-items: center; /*縦中央*/
}
.icon_bg {
	width:7em;
	height:7em;
}
.icon_bg img {
	width:5em;
	height:5em;
}
#business .panel1 .inner p {
	padding:0 0 0 0.6em;
	font-size:1.3em;
}

/*▼お知らせ*/
.list-news {
	width:100%;
	position:relative;
	top:auto;
	right:auto;
	padding:0 0 0 2em;
}
.list-news dl {
	width:calc(100% - 4em);
}

/*▼会社概要*/
#info .panel1 {
	margin:-7em 0 0 0em;
}
#info .panel2 {
	width:32%;
	padding:2em;
	top:12em;
	right:0;
}
/*▼住所*/
.address {
	width:100%;
}


}
/************************************************
■■■コンパクトレイアウト■■■
*************************************************/
@media screen and (min-width:481px) and (max-width:768px) {

/*
html {
	border-top:green 5px solid;
}
*/

.main header {
	padding:1em 1em;
}
.main header h2 {
	font-size:1.2em;
}
.main header p {
	font-size:0.7em;
}

.main_box {
	min-height:40em;
}
.main_box h1 {
	padding-top:1em;
	font-weight:normal;
	font-size:2.2em;
	width:5.5em;
}
#main_message img {
	width:280px;
}
#main_message p {
	font-size:1em;
	margin-top:1em;
}

section {
	margin-top:2em;
	position:relative;
    overflow:hidden;
}
#business .panel1 {
	margin:0;
	width:100%;
	padding:2em 0;
}
#business .panel2 {
	width:100%;
	height:30em;
	position:relative;
	top:0;
	right:0;
}

.section_title::before,
.section_title_r::before{
    display:none;
}
.section_title,
.section_title_r {
	padding:2em 0;
    text-align:center;
}

#business .panel1 .icon1 {
	width:100%;
}
#business .panel1 .icon2 {
	width:50%;
}
#business .panel1 .icon3 {
	width:49%;
}
.icon_bg {
	margin:0 auto;
	width:8em;
	height:8em;
}
.icon_bg img {
	width:5em;
	height:5em;
}
#business .panel1 .inner p {
	padding:0;
	font-size:1.3em;
}

/*▼お知らせ*/
.list-news {
	width:100%;
	position:relative;
	top:0;
	right:0;
	padding:0 1em;
}
.list-news dl {
	width:calc(100% - 2em);
}
.list-news dl dt {
	width:8em;
	font-size:1em;
}
.list-news dl dd {
	font-size:1em;
}


/*▼会社概要*/
#info .panel1 {
	display:block;
	width:100%;
	height:20em;
	margin:0;
}
#info .panel2 {
	margin:0 auto;
	width:60%;
	padding:2em;
	position:relative;
	top:-2em;
	right:0;
}

/*▼マップ*/
#map_canvas {
    margin:0;
	width:100%;
	height:25em;
}

/*▼住所*/
.address {
	display:block;
    align-items: center; /*縦中央*/
	width:100%;
	margin:2em auto;
	text-align:center;
}
.address > div {
	padding:0 2em;
}

footer {
	margin:2em 0;
}
footer p {
	padding-top:1em;
}

}
/************************************************
■■■スマホレイアウト：横幅480pxまで■■■
*************************************************/
@media screen and (max-width:480px) {

/*
html {
	border-top:red 5px solid;
}
*/

.main header {
	padding:1em 1em;
}
.main header h2 {
	font-size:1.2em;
}
.main header p {
	font-size:0.7em;
}

.main_box {
	min-height:40em;
}
.main_box h1 {
	padding-top:1em;
	font-weight:normal;
	font-size:2.2em;
	width:5.5em;
}
#main_message img {
	width:280px;
}
#main_message p {
	font-size:1em;
	margin-top:1em;
}

section {
	margin-top:2em;
	position:relative;
    overflow:hidden;
}
#business .panel1 {
	margin:0;
	width:100%;
	padding:2em 0;
}
#business .panel2 {
	width:100%;
	height:20em;
	position:relative;
	top:0;
	right:0;
}

.section_title::before,
.section_title_r::before{
    display:none;
}
.section_title,
.section_title_r {
	padding:2em 0;
    text-align:center;
}
.section_title h2,
.section_title_r h2 {
	font-size:1.6em;
	line-height:1.2;
}
.section_title p,
.section_title_r p {
	font-size:0.9em;
}

#business .panel1 .icon1 {
	width:100%;
	padding-bottom:0.8em;
}
#business .panel1 .icon2 {
	width:49%;
}
#business .panel1 .icon3 {
	width:48%;
}
.icon_bg {
	margin:0 auto;
	width:7em;
	height:7em;
}
.icon_bg img {
	width:5em;
	height:5em;
}
#business .panel1 .inner p {
	padding:0;
	font-size:1.2em;
}

/*▼お知らせ*/
.list-news {
	width:100%;
	position:relative;
	top:0;
	right:0;
	padding:0 1em;
}
.list-news dl {
	display:block;
	width:calc(100% - 3em);
	padding:0.5em;
}
.list-news dl dt {
	width:8em;
	font-size:1em;
	padding:0;
}
.list-news dl dd {
	font-size:1.2em;
	padding:0;
}


/*▼会社概要*/
#info .panel1 {
	display:block;
	width:100%;
	height:20em;
	margin:0;
}
#info .panel2 {
	margin:0 auto;
	width:100%;
	padding:2em;
	position:relative;
	top:-1em;
	right:0;
}

/*▼マップ*/
#map_canvas {
    margin:0;
	width:100%;
	height:25em;
}

/*▼住所*/
.address {
	display:block;
    align-items: center; /*縦中央*/
	width:100%;
	margin:2em auto;
	text-align:center;
}
.address > div {
	padding:0 2em;
}
.address li {
	font-size:0.9em;
}

footer {
	margin:2em 0;
}
footer p {
	padding-top:1em;
}

/*************ここまで***************/
}