* { margin: 0; padding: 0; color: #333;}
body { text-align: center; font-size: 14px; line-height: 150%; font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; height: 100%;}

html { height: 100% }
#map { height: 100% }


a:link { color: #333;}
a:visited { color: #333;}
a:active { color: #333;}
a:hover { color: #666;}

img { border: none; vertical-align: bottom;}


.clear { clear: both; line-height: 1px; height: 1px; overflow: hidden;}

header { margin: 0; padding: 20px 0;}
#headbox { width: 1000px; margin: 0 auto; text-align: left;}

#sp_headbox { display: none;}


#logobox { float: left; width: 58%;}
#logobox h1 { font-size: 0.8em; width: 100%; text-align: left;}
#logobox img { max-width: 100%; margin: 10px 10px 10px 0;}

#head_rbox { float: right; width: 42%; font-size: 1.3em; line-height: 120%;}
#head_rbox #head_tel { border: #206ed0 3px solid; padding: 8px 10px 8px 34px; font-size: 32px; line-height: 32px; margin: 5px 24px; background-image: url(../image/tel.png); background-repeat: no-repeat; background-position: 20px; font-weight: bold; color: #206ed0;}
#head_rbox #head_tel img { max-width: 100%; margin: 0;}

#head_rbox #head_tel a { color: #206ed0; text-decoration: none;}

#gnavi { display: none;}
#menubtn { display: none;}

#top_img { width: 100%; background-image: url(../image/sky.jpg); background-repeat: repeat-x; background-position: center bottom; text-align: center; z-index: 0; height: 490px;}

#top_pbox { display: none;}

#box01 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}
#box1pbox { width: 900px; margin: 0 auto; text-align: left; position: relative;}
#box01_com { border-radius: 10px; background-color: #FFF; padding: 40px 20px 20px 20px; text-align: left; margin: -20px  0 0 20px; width: 79%; font-size: 1.2em; line-height: 150%;}
#box1pbox01 { width: 238px; position: absolute; right: 0; top: 100px; z-index: 100;}

.contbox { width: 960px; margin: 0 auto;}

#box02 { background-image: url(../image/bg_box01.jpg); padding: 30px 0 56px 0;}

#box2pbox{ float: left; width: 48%; margin: 60px 1% 0 1%; background-image: url(../image/box02_bg.png); background-repeat: no-repeat; height: 380px; position: relative;}
#box2pbox_com { position: absolute; top: 20px; left: 200px; text-align: left; width: 230px;}

#box2pbox01{ float: left; width: 48%; margin: 0 1% 20px 1%; background-image: url(../image/p01.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox01_com { position: absolute; top: 60px; left: 28px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg);}


#box2pbox02{ float: left; width: 48%; margin: 0 1% 20px 1%; background-image: url(../image/p02.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox02_com { position: absolute; bottom: 60px; right: 18px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(5deg);}


#box2pbox03{ float: left; width: 48%; margin: 0 1% 20px 1%; background-image: url(../image/p03.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain; background-position: right;}
#box2pbox03_com { position: absolute; bottom: 55px; right: 24px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-7deg);}


#box03 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box3pbox{ float: right; width: 48%; margin: 20px 1% 0 1%; background-image: url(../image/girl02.png); background-repeat: no-repeat; height: 380px; position: relative; background-size: 220px auto; background-position: right;}
#box3pbox_com { border-radius: 10px; background-color: #FFF; padding: 20px; text-align: left; margin: 0 0 0 20px; width: 220px; font-size: 1.0em; line-height: 150%;}
#box3pbox01 { width: 238px; position: absolute; right: 0; top: 100px; z-index: 100;}

#box3pbox01{ float: left; width: 48%; margin: -100px auto 20px auto; background-image: url(../image/p08.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox01_com { position: absolute; top: 50px; left: 28px; text-align: left; width: 200px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-8deg);}


#box3pbox02{ float: left; width: 48%; margin: 0 1% 20px 1%; background-image: url(../image/p04.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox02_com { position: absolute; top: 55px; left: 24px; text-align: left; width: 190px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-8deg);}


#box3pbox03{ float: left; width: 48%; margin: 0 1% 20px 1%; background-image: url(../image/p05.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain; background-position: right;}
#box3pbox03_com { position: absolute; top: 65px; right: 20px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(15deg);}


#box3pbox04{ float: left; width: 48%; margin: 0 1% 20px 1%; background-image: url(../image/p06.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox04_com { position: absolute; bottom: 55px; left: 30px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg);}


#box3pbox05{ float: left; width: 48%; margin: 0 1% 20px 1%; background-image: url(../image/p07.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain; background-position: right;}
#box3pbox05_com { position: absolute; top: 60px; left: 28px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(9deg);}



#box04 { background-image: url(../image/bg_box01.jpg); padding: 30px 0 56px 0;}

#box04pbox { width: 16%; margin: 20px 20px 20px 0;}
#box04pbox img { max-width: 100%;}

#box4pbox01{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p09.png); background-repeat: no-repeat; height: 200px; background-size: contain; position: relative; background-size: contain;}
#box4pbox01_com { position: absolute; bottom: 12px; left: 120px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox02{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p10.png); background-repeat: no-repeat; height: 200px; background-size: contain; position: relative; background-size: contain;}
#box4pbox02_com { position: absolute; bottom: 12px; left: 120px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox03{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p11.png); background-repeat: no-repeat; height: 200px; background-size: contain; position: relative; background-size: contain;}
#box4pbox03_com { position: absolute; bottom: 12px; left: 120px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox04{ float: left; width: 23%; margin: 0 1% 20px 1%; background-image: url(../image/p12.png); background-repeat: no-repeat; height: 300px; background-size: contain; position: relative; background-size: contain;}
#box4pbox04_com { position: absolute; bottom: 12px; left: 60px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox05{ float: left; width: 23%; margin: 0 1% 20px 1%; background-image: url(../image/p13.png); background-repeat: no-repeat; height: 300px; background-size: contain; position: relative; background-size: contain;}
#box4pbox05_com { position: absolute; bottom: 12px; left: 60px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox06{ float: left; width: 23%; margin: 0 1% 20px 1%; background-image: url(../image/p14.png); background-repeat: no-repeat; height: 300px; background-size: contain; position: relative; background-size: contain;}
#box4pbox06_com { position: absolute; bottom: 12px; left: 60px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox07{ float: left; width: 23%; margin: 0 1% 20px 1%; background-image: url(../image/p15.png); background-repeat: no-repeat; height: 300px; background-size: contain; position: relative; background-size: contain;}
#box4pbox07_com { position: absolute; bottom: 12px; left: 60px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}



#box05 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box05pbox { width: 542px; text-align: left;}
#box05pbox img { max-width: 100%;}

#databox { border-radius: 10px; padding: 20px; background-color: #FFF;}
#data_pbox { float: left; width: 48%; margin: 0 2% 0 0;}
#data_pbox img { max-width: 100%;}

#data_com { float: right; width: 48%; margin: 0 0 0 2%;}

#data_title { border: #333 1px solid; padding: 10px; background-color: #FFF;}

#data-title { padding: 5px; width: 96%;}
#data-title .td01 { line-height: 130%; padding: 5px; text-align: left;}
#data-title .td02 { line-height: 130%; padding: 5px; text-align: right;}
.price { font-size: 3em; font-weight: bold; color: #600; line-height: 100%;}

#data_table { border-bottom: #333 1px solid; border-left: #333 1px solid; border-right: #333 1px solid; padding: 10px; background-color: #FFF;}
#data-table { padding: 5px; width: 96%;}
#data-table .td01 { line-height: 130%; padding: 5px; text-align: left; width: 40%;}
#data-table .td02 { line-height: 130%; padding: 5px; text-align: left;}
#mapbox { width: 820px; height:420px; margin: 20px auto; padding: 10px;}

#owner_com { float: left; width: 65%; margin: 10px; text-align: left;}
#owner_titlebox { width: 45%; margin: 0 0 20px 0;}
#owner_titlebox img { max-width: 100%;}
#owner_pbox { float: right; width: 30%; margin: 10px;}
#owner_pbox img { max-width: 100%;}

#customerbox { padding: 0 5px;}
#customer_pbox { width: 30%; margin: 0 0 20px 0;}
#customer_pbox img { max-width: 100%;}
.customer_com { border-radius: 10px; background-color: #E8F2FB; padding: 20px; text-align: left; line-height: 130%; margin: 0 0 20px 0; font-size: 1.0em;}
.customer_com .pstrong { font-weight: bold; font-size: 1.2em; color: #36C;}

#customer_img { width: 35%; float: left; margin: 0 10px 0 0;}
#customer_img img { max-width: 100%;}


#bn_box { width: 60%; margin: 20px auto;}
#bn_box img { max-width: 100%;}


#totop {
	text-align: right;
	padding: 14px 0 18px;
	max-width: 1000px;
	margin: 0 auto;
	position: fixed;
	bottom: 60px;
	right: 60px;
	display: none;
	z-index: 200000;
}

#totop img { max-width: 55px;}


footer { margin: 0; background-color: #206ed0; text-align: center; padding: 40px 0; color: #FFF; font-size: 0.9em;}





@media screen and (max-width: 780px){

header { margin: 0; padding: 0;}

#headbox { display: none;}

#sp_headbox { display: block; width: 96%; margin: 0 2%;}
#sp_headbox h1 { font-size: 0.8em; width: 100%; text-align: left; padding: 10px 0 0 0;}

#menubtn { display: block; float:right;}

nav { display: none;}

.btn { width: 40px; height: 40px; background: transparent url(../image/sp_menu.png); background-size: 100%; z-index: 200; cursor: pointer; display: block;}
.active { width: 40px; height: 40px; background: url(../image/sp_menu01.png); background-size: 100%;}

#telbox { width: 52px; float: right; margin: 0 5px 0 0;}
#telbox img { max-width: 100%;}


#gnavi { float: none; padding: 0; height: 0; position: absolute; top: 10px; right: 60px; width: 220px; display: none; z-index: 100000;}
#gnavi ul { list-style: none; margin: 0; padding: 0; border-radius: 10px;}
#gnavi li {	float: none; padding: 0; border-top: 1px solid #FFFFFF; margin: 0;}

#gnavi li a { display: block; text-align: center; float: none; padding: 15px 15px 15px 15px; color: #ffffff; background-color: rgba(32,110,208,0.8); font-size: 0.8em; text-decoration: none; }
#gnavi li a:hover { /*color: #000000;*/  background-color: rgba(71,149,247,0.8); color: #FFF;}

#logobox { float: left; width: 64%; margin: 10px 0;}
#head_rbox { float: right; width: 26%; margin: 20px 0 0 6%; text-align: right;}

#top_img { display: none;}

#sp_topimg { width: 100%;}

#top_pbox { display: block; width: 100%; height: auto;}
#top_pbox img { max-width: 100%; margin: 0; height: auto;}

.contbox { width: 96%; margin: 0 2%;}

#box01 { background-image: url(../image/bg_box.jpg); padding: 40px 0 100px 0;}
#box1pbox { width: 84%; margin: 0 auto; text-align: left; position: relative;}
#box1pbox img { max-width: 100%;}

#box01_com { border-radius: 10px; background-color: #FFF; padding: 40px 3% 20px 3%; text-align: left; margin: -20px  0 0 20px; width: 72%; font-size: 1.1em; line-height: 150%;}
#box1pbox01 { width: 29%; position: absolute; right: 0; top: 170px; z-index: 100;}

#box1pbox01 img { max-width: 100%;}


#box02 { background-image: url(../image/bg_box01.jpg); padding: 30px 0 56px 0;}

#box2pbox{ float: none; width: 70%; margin: 40px auto 0 auto; background-image: url(../image/box02_bg.png); background-repeat: no-repeat; height: 300px; position: relative;}
#box2pbox_com { position: absolute; top: 20px; left: 200px; text-align: left; width: 240px;}


#box2pbox01{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p01.png); background-repeat: no-repeat; height: 380px; background-size: contain; position: relative; background-size: contain;}
#box2pbox01_com { position: absolute; top: 55px; left: 26px; text-align: left; width: 160px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);} 


#box2pbox02{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p02.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox02_com { position: absolute; bottom: 65px; right: 20px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);}


#box2pbox03{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p03.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain; background-position: right;}
#box2pbox03_com { position: absolute; bottom: 50px; right: 20px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}



#box03 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box3pbox{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/girl02.png); background-repeat: no-repeat; height: 400px; position: relative; background-size: 220px auto; background-position: right;}
#box3pbox_com { border-radius: 10px; background-color: #FFF; padding: 20px; text-align: left; margin: 0; width: 220px; font-size: 1.0em; line-height: 150%;}


#box3pbox01{ float: none; width: 450px; margin: -100px auto 100px auto; background-image: url(../image/p08.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox01_com { position: absolute; top: 55px; left: 30px; text-align: left; width: 200px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);} 


#box3pbox02{ float: none; width: 450px; margin: 0 auto; background-image: url(../image/p04.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox02_com { position: absolute; top: 35px; left: 30px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);}


#box3pbox03{ float: none; width: 450px; margin: 0 auto; background-image: url(../image/p05.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox03_com { position: absolute; bottom: 40px; right: 50px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(14deg); -moz-transform: rotate(14deg); -webkit-transform: rotate(14deg);}


#box3pbox04{ float: none; width: 450px; margin: 0 auto; background-image: url(../image/p06.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox04_com { position: absolute; bottom: 65px; right: 35px; text-align: left; width: 170px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}


#box3pbox05{ float: none; width: 450px; margin: 0 auto; background-image: url(../image/p07.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox05_com { position: absolute; top: 60px; left: 24px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(9deg); -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg);}




#box04 { background-image: url(../image/bg_box01.jpg); padding: 30px 0 56px 0;}

#box04pbox { width: 22%; margin: 20px 20px 20px 0;}
#box04pbox img { max-width: 100%;}

#box4pbox01{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p09.png); background-repeat: no-repeat; height: 150px; background-size: contain; position: relative; background-size: contain;}
#box4pbox01_com { position: absolute; bottom: 10px; left: 80px; text-align: left; width: 140px; color: #333; font-size: 1.0em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox02{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p10.png); background-repeat: no-repeat; height: 150px; background-size: contain; position: relative; background-size: contain;}
#box4pbox02_com { position: absolute; bottom: 10px; left: 80px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox03{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p11.png); background-repeat: no-repeat; height: 150px; background-size: contain; position: relative; background-size: contain;}
#box4pbox03_com { position: absolute; bottom: 10px; left: 80px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox04{ float: left; width: 22%; margin: 0 1% 20px 1%; background-image: url(../image/p12.png); background-repeat: no-repeat; height: 230px; background-size: contain; position: relative; background-size: contain;}
#box4pbox04_com { position: absolute; bottom: 14px; left: 45px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox05{ float: left; width: 22%; margin: 0 1% 20px 1%; background-image: url(../image/p13.png); background-repeat: no-repeat; height: 230px; background-size: contain; position: relative; background-size: contain;}
#box4pbox05_com { position: absolute; bottom: 14px; left: 45px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox06{ float: left; width: 22%; margin: 0 1% 20px 1%; background-image: url(../image/p14.png); background-repeat: no-repeat; height: 230px; background-size: contain; position: relative; background-size: contain;}
#box4pbox06_com { position: absolute; bottom: 14px; left: 45px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox07{ float: left; width: 22%; margin: 0 1% 20px 1%; background-image: url(../image/p15.png); background-repeat: no-repeat; height: 230px; background-size: contain; position: relative; background-size: contain;}
#box4pbox07_com { position: absolute; bottom: 14px; left: 45px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}



#box05 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box05pbox { width: 84%; text-align: left;}
#box05pbox img { max-width: 100%;}


#mapbox { width: 90%; height:420px; margin: 20px auto; padding: 10px;}

#owner_com { float: left; width: 60%; margin: 10px; text-align: left;}
#owner_titlebox { width: 50%; margin: 0 0 20px 0;}
#owner_titlebox img { max-width: 100%;}
#owner_pbox { float: right; width: 30%; margin: 10px;}
#owner_pbox img { max-width: 100%;}



#totop {
	text-align: right;
	padding: 14px 0 18px;
	max-width: 1000px;
	margin: 0 auto;
	position: fixed;
	bottom: 60px;
	right: 20px;
	display: none;
	z-index: 200000;
}



}


@media screen and (max-width: 710px){


#box04 { background-image: url(../image/bg_box01.jpg); padding: 30px 0 56px 0;}

#box04pbox { width: 22%; margin: 20px 20px 20px 0;}
#box04pbox img { max-width: 100%;}

#box4pbox01{ float: left; width: 47%; margin: 0 1% 20px 1%; background-image: url(../image/p09.png); background-repeat: no-repeat; height: 200px; background-size: contain; position: relative; background-size: contain;}
#box4pbox01_com { position: absolute; bottom: 12px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox02{ float: left; width: 47%; margin: 0 1% 20px 1%; background-image: url(../image/p10.png); background-repeat: no-repeat; height: 200px; background-size: contain; position: relative; background-size: contain;}
#box4pbox02_com { position: absolute; bottom: 12px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox03{ float: left; width: 47%; margin: 0 1% 20px 1%; background-image: url(../image/p11.png); background-repeat: no-repeat; height: 200px; background-size: contain; position: relative; background-size: contain;}
#box4pbox03_com { position: absolute; bottom: 12px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox04{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p12.png); background-repeat: no-repeat; height: 274px; background-size: contain; position: relative; background-size: contain;}
#box4pbox04_com { position: absolute; bottom: 11px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox05{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p13.png); background-repeat: no-repeat; height: 274px; background-size: contain; position: relative; background-size: contain;}
#box4pbox05_com { position: absolute; bottom: 11px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox06{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p14.png); background-repeat: no-repeat; height: 274px; background-size: contain; position: relative; background-size: contain;}
#box4pbox06_com { position: absolute; bottom: 11px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox07{ float: left; width: 30%; margin: 0 1% 20px 1%; background-image: url(../image/p15.png); background-repeat: no-repeat; height: 274px; background-size: contain; position: relative; background-size: contain;}
#box4pbox07_com { position: absolute; bottom: 11px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}



#box05 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box05pbox { width: 84%; text-align: left;}
#box05pbox img { max-width: 100%;}

}



@media screen and (max-width: 670px){

#box2pbox{ float: none; width: 80%; margin: 60px 10% 0 10%; background-image: url(../image/box02_bg.png); background-repeat: no-repeat; height: 360px; position: relative; background-size: contain;}
#box2pbox_com { position: absolute; top: 20px; left: 180px; text-align: left; width: 250px;}


#box2pbox01{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p01.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox01_com { position: absolute; top: 55px; left: 30px; text-align: left; width: 160px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);} 


#box2pbox02{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p02.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox02_com { position: absolute; bottom: 65px; right: 20px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);}


#box2pbox03{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p03.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox03_com { position: absolute; bottom: 53px; right: 20px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}


#box03 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box3pbox{ float: none; width: 450px; margin: 20px auto 0 auto; background-image: url(../image/girl02.png); background-repeat: no-repeat; height: 330px; position: relative; background-size: 220px auto; background-position: botom right;}
#box3pbox_com { border-radius: 10px; background-color: #FFF; padding: 20px; text-align: left; margin: 0 0 0 20px; width: 220px; font-size: 1.0em; line-height: 150%;}


#box3pbox01{ float: none; width: 450px; margin: -60px auto 100px auto; background-image: url(../image/p08.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox01_com { position: absolute; top: 55px; left: 30px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);} 


#box3pbox02{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p04.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox02_com { position: absolute; bottom: 40px; left: 45px; text-align: left; width: 170px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);}


#box3pbox03{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p05.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox03_com { position: absolute; bottom: 25px; right: 62px; text-align: left; width: 170px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(14deg); -moz-transform: rotate(14deg); -webkit-transform: rotate(14deg);}


#box3pbox04{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p06.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox04_com { position: absolute; bottom: 60px; left: 33px; text-align: left; width: 160px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}


#box3pbox05{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p07.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox05_com { position: absolute; top: 55px; left: 27px; text-align: left; width: 160px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(9deg); -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg);}


#owner_titlebox { width: 80%; margin: 0 0 20px 0;}
#owner_titlebox img { max-width: 100%;}

#customer_pbox { width: 48%; margin: 0 0 20px 0;}
#customer_pbox img { max-width: 100%;}



}



@media screen and (max-width: 641px){


#box2pbox01{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p01.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox01_com { position: absolute; top: 55px; left: 30px; text-align: left; width: 150px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);} 


#box2pbox02{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p02.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox02_com { position: absolute; bottom: 65px; right: 20px; text-align: left; width: 180px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);}


#box2pbox03{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/p03.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box2pbox03_com { position: absolute; bottom: 53px; right: 30px; text-align: left; width: 170px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}


#box03 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box3pbox{ float: none; width: 450px; margin: 20px auto; background-image: url(../image/girl02.png); background-repeat: no-repeat; height: 340px; position: relative; background-size: 220px auto; background-position: right;}
#box3pbox_com { border-radius: 10px; background-color: #FFF; padding: 20px; text-align: left; margin: 0 0 0 20px; width: 220px; font-size: 1.0em; line-height: 150%;}

#box3pbox01{ float: none; width: 450px; margin: -100px auto 100px auto; background-image: url(../image/p08.png); background-repeat: no-repeat; height: 400px; background-size: contain; position: relative; background-size: contain;}
#box3pbox01_com { position: absolute; top: 55px; left: 30px; text-align: left; width: 200px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);} 



#box4pbox01_com { position: absolute; bottom: 25px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox02_com { position: absolute; bottom: 25px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox03_com { position: absolute; bottom: 25px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox04_com { position: absolute; bottom: 40px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox05_com { position: absolute; bottom: 39px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox06_com { position: absolute; bottom: 37px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox07_com { position: absolute; bottom: 35px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#data_pbox { float: left; width: 40%; margin: 0 2% 0 0;}
#data_com { float: right; width: 52%; margin: 0 0 0 2%;}

#owner_titlebox { width: 80%; margin: 0 0 20px 0;}
#owner_pbox { float: right; width: 30%; margin: 10px;}

#customer_pbox { width: 50%; margin: 0 0 20px 0;}
#bn_box { width: 68%; margin: 20px auto;}


}





@media screen and (max-width: 580px){


#box1pbox01 { width: 35%; position: absolute; right: 0; top: 210px; z-index: 100;}
#box1pbox01 img { max-width: 100%;}
	
	
#box2pbox{ float: none; width: 80%; margin: 0 10% 0 10%; background-image: url(../image/box02_bg.png); background-repeat: no-repeat; height: 360px; position: relative; background-size: contain;}
#box2pbox_com { position: absolute; top: 20px; left: 180px; text-align: left; width: 230px;}


#box2pbox01{ float: none; width: 400px; margin: 0 auto; background-image: url(../image/p01.png); background-repeat: no-repeat; height: 340px; background-size: contain; position: relative; background-position: top center;}
#box2pbox01_com { position: absolute; top: 50px; left: 26px; text-align: left; width: 150px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);} 


#box2pbox02{ float: none; width: 400px; margin: 20px auto; background-image: url(../image/p02.png); background-repeat: no-repeat; height: 350px; background-size: contain; position: relative; background-size: contain;}
#box2pbox02_com { position: absolute; bottom: 50px; right: 19px; text-align: left; width: 160px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);}


#box2pbox03{ float: none; width: 400px; margin: 20px auto; background-image: url(../image/p03.png); background-repeat: no-repeat; height: 360px; background-size: contain; position: relative; background-size: contain; background-position: right;}
#box2pbox03_com { position: absolute; bottom: 55px; right: 23px; text-align: left; width: 160px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}


#box03 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box3pbox{ float: none; width: 80%; margin: 60px 10% 0 10%; background-image: url(../image/box03_bg.png); background-repeat: no-repeat; height: 380px; position: relative;}
#box3pbox_com { position: absolute; top: 20px; left: 10px; text-align: left; width: 250px;}


#box3pbox{ float: none; width: 440px; margin: 10px auto; background-image: url(../image/girl02.png); background-repeat: no-repeat; height: 340px; position: relative; background-size: 180px auto; background-position: right;}
#box3pbox_com { border-radius: 10px; background-color: #FFF; padding: 20px; text-align: left; margin: 0; width: 220px; font-size: 1.0em; line-height: 150%;}


#box3pbox02{ float: none; width: 400px; margin: 20px auto; background-image: url(../image/p04.png); background-repeat: no-repeat; height: 350px; background-size: contain; position: relative; background-size: contain;}
#box3pbox02_com { position: absolute; top: 32px; left: 38px; text-align: left; width: 160px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);}


#box3pbox03{ float: none; width: 400px; margin: 20px auto; background-image: url(../image/p05.png); background-repeat: no-repeat; height: 350px; background-size: contain; position: relative; background-size: contain; background-position: right;}
#box3pbox03_com { position: absolute; top: 60px; right: 48px; text-align: left; width: 160px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(14deg); -moz-transform: rotate(14deg); -webkit-transform: rotate(14deg);}


#box3pbox04{ float: none; width: 400px; margin: 20px auto; background-image: url(../image/p06.png); background-repeat: no-repeat; height: 344px; background-size: contain; position: relative; background-size: contain;}
#box3pbox04_com { position: absolute; bottom: 40px; left: 26px; text-align: left; width: 150px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}


#box3pbox05{ float: none; width: 400px; margin: 20px auto; background-image: url(../image/p07.png); background-repeat: no-repeat; height: 350px; background-size: contain; position: relative; background-size: contain; background-position: right;}
#box3pbox05_com { position: absolute; top: 45px; left: 25px; text-align: left; width: 150px; color: #FFF; font-size: 1.1em; line-height: 150%; transform:rotate(9deg); -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg);}


#box4pbox01_com { position: absolute; bottom: 35px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox02_com { position: absolute; bottom: 35px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox03_com { position: absolute; bottom: 35px; left: 110px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox04_com { position: absolute; bottom: 50px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox05_com { position: absolute; bottom: 50px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox06_com { position: absolute; bottom: 50px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox07_com { position: absolute; bottom: 45px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

.customer_com p { line-height: 130%; font-size: 0.9em;}


}



@media screen and (max-width: 480px){

#logobox { float: left; width: 60%; margin: 10px 0;}
#head_rbox { float: right; width: 32%; margin: 14px 0 0 6%;}

#box01 { background-image: url(../image/bg_box.jpg); padding: 40px 0 100px 0;}
#box1pbox { width: 94%; margin: 0 3%; text-align: left; position: relative;}
#box1pbox img { max-width: 100%;}

.contbox { width: 96%; margin: 0 2%;}

#box01_com { border-radius: 10px; background-color: #FFF; padding: 30px 4% 20px 2%; text-align: left; margin: -20px  7% 0 2%; width: 90%; font-size: 1.0em; line-height: 150%;}
#box1pbox01 { width: 35%; position: absolute; right: 0; top: 170px; z-index: 100;}
#box1pbox01 img { max-width: 100%;}


#box02 { background-image: url(../image/bg_box01.jpg); padding: 20px 0 30px 0;}

#box2pbox{ float: none; width: 96%; margin: 10px auto 0 auto; background-image: url(../image/girl01.png); background-repeat: no-repeat; position: relative; background-size: 150px auto; height: 220px;}
#box2pbox_com { border-radius: 10px; background-color: #FFF; padding: 10px 4%; text-align: left; margin: 0; width: 55%; font-size: 1.0em; line-height: 150%; position: absolute; top: 20px; left: 20px; margin: 0 5% 0 30%;}


#box2pbox01{ float: none; width: 360px; margin: 0 auto; background-image: url(../image/p01.png); background-repeat: no-repeat; height: 320px; background-size: contain; position: relative; background-position: top center;}
#box2pbox01_com { position: absolute; top: 45px; left: 20px; text-align: left; width: 130px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);} 


#box2pbox02{ float: none; width: 360px; margin: 0 auto; background-image: url(../image/p02.png); background-repeat: no-repeat; height: 320px; background-size: contain; position: relative; background-size: contain;}
#box2pbox02_com { position: absolute; bottom: 55px; right: 25px; text-align: left; width: 130px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);}


#box2pbox03{ float: none; width: 360px; margin: 0 auto; background-image: url(../image/p03.png); background-repeat: no-repeat; height: 310px; background-size: contain; position: relative; background-size: contain; background-position: right;}
#box2pbox03_com { position: absolute; bottom: 40px; right: 26px; text-align: left; width: 130px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}


#box03 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box3pbox{ float: none; width: 96%; margin: 0 auto; background-image: url(../image/girl02.png); background-repeat: no-repeat; height: 320px; position: relative; background-size: 160px auto; }
#box3pbox_com { border-radius: 10px; background-color: #FFF; padding: 10px 4%; text-align: left; margin: 0; width: 50%; font-size: 1.0em; line-height: 150%; position: absolute; top: 20px; left: 20px; margin: 0;}


#box3pbox01{ float: none; width: 360px; margin: -60px auto 80px auto; background-image: url(../image/p08.png); background-repeat: no-repeat; height: 320px; background-size: contain; position: relative; background-size: contain;}
#box3pbox01_com { position: absolute; top: 45px; left: 24px; text-align: left; width: 140px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);} 


#box3pbox02{ float: none; width: 360px; margin: 20px auto 0 auto; background-image: url(../image/p04.png); background-repeat: no-repeat; height: 350px; background-size: contain; position: relative; background-size: contain;}
#box3pbox02_com { position: absolute; top: 32px; left: 34px; text-align: left; width: 150px; color: #FFF; font-size: 0.95em; line-height: 130%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);}


#box3pbox03{ float: none; width: 360px; margin: -20px auto 20px auto; background-image: url(../image/p05.png); background-repeat: no-repeat; height: 310px; background-size: contain; position: relative; background-size: contain;}
#box3pbox03_com { position: absolute; top: 50px; right: 43px; text-align: left; width: 140px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(14deg); -moz-transform: rotate(14deg); -webkit-transform: rotate(14deg);}


#box3pbox04{ float: none; width: 360px; margin: 0 auto; background-image: url(../image/p06.png); background-repeat: no-repeat; height: 310px; background-size: contain; position: relative; background-size: contain;}
#box3pbox04_com { position: absolute; bottom: 40px; left: 25px; text-align: left; width: 130px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}


#box3pbox05{ float: none; width: 360px; margin: 20px auto; background-image: url(../image/p07.png); background-repeat: no-repeat; height: 310px; background-size: contain; position: relative; background-size: contain;}
#box3pbox05_com { position: absolute; top: 35px; left: 30px; text-align: left; width: 130px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(9deg); -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg);}


#box04pbox { width: 30%; margin: 0 20px 20px 0;}
#box04pbox img { max-width: 100%;}


#box4pbox01{ float: none; width: 80%; margin: 0 auto 20px auto; background-image: url(../image/p09.png); background-repeat: no-repeat; height: 210px; background-size: contain; position: relative; background-size: contain;}
#box4pbox01_com { position: absolute; bottom: 12px; left: 120px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox02{ float: none; width: 80%; margin: 0 auto 20px auto; background-image: url(../image/p10.png); background-repeat: no-repeat; height: 210px; background-size: contain; position: relative; background-size: contain;}
#box4pbox02_com { position: absolute; bottom: 12px; left: 120px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox03{ float: none; width: 80%; margin: 0 auto 20px auto; background-image: url(../image/p11.png); background-repeat: no-repeat; height: 210px; background-size: contain; position: relative; background-size: contain;}
#box4pbox03_com { position: absolute; bottom: 12px; left: 120px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox04{ float: left; width: 47%; margin: 0 1% 20px 1%; background-image: url(../image/p12.png); background-repeat: no-repeat; height: 254px; background-size: contain; position: relative; background-size: contain;}
#box4pbox04_com { position: absolute; bottom: 11px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox05{ float: left; width: 47%; margin: 0 1% 20px 1%; background-image: url(../image/p13.png); background-repeat: no-repeat; height: 254px; background-size: contain; position: relative; background-size: contain;}
#box4pbox05_com { position: absolute; bottom: 11px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox06{ float: left; width: 47%; margin: 0 1% 20px 1%; background-image: url(../image/p14.png); background-repeat: no-repeat; height: 254px; background-size: contain; position: relative; background-size: contain;}
#box4pbox06_com { position: absolute; bottom: 11px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#box4pbox07{ float: left; width: 47%; margin: 0 1% 20px 1%; background-image: url(../image/p15.png); background-repeat: no-repeat; height: 254px; background-size: contain; position: relative; background-size: contain;}
#box4pbox07_com { position: absolute; bottom: 11px; left: 55px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}


#data_pbox { float: none; width: 90%; margin: 0 auto;}
#data_com { float: none; width: 90%; margin: 0 auto;}

#owner_com { float: none; width: 100%; margin: 10px 0; text-align: left;}
#owner_titlebox { width: 66%; margin: 0 0 20px 0;}
#owner_pbox { display: none;}

#customer_pbox { width: 66%; margin: 0 0 20px 0;}

#customer_img { width: 70%; float: none; margin: 10px auto;}
#customer_img img { max-width: 100%;}


.customer_com { border-radius: 10px; background-color: #E8F2FB; padding: 20px; text-align: left; margin: 0 0 20px 0;}


#bn_box { width: 80%; margin: 20px auto;}


}


@media screen and (max-width: 381px){

#logobox { float: left; width: 60%; margin: 10px 0;}
#head_rbox { float: right; width: 32%; margin: 14px 0 0 6%;}

#box01 { background-image: url(../image/bg_box.jpg); padding: 40px 0 90px 0;}
#box1pbox { width: 94%; margin: 0 3%; text-align: left; position: relative;}
#box1pbox img { max-width: 100%;}

.contbox { width: 96%; margin: 0 2%;}

#box01_com { border-radius: 10px; background-color: #FFF; padding: 30px 4% 20px 2%; text-align: left; margin: -20px  7% 0 2%; width: 90%; font-size: 1.0em; line-height: 150%;}
#box1pbox01 { width: 35%; position: absolute; right: 0; top: 190px; z-index: 100;}
#box1pbox01 img { max-width: 100%;}


#box02 { background-image: url(../image/bg_box01.jpg); padding: 20px 0 30px 0;}

#box2pbox{ float: none; width: 96%; margin: 10px auto 0 auto; background-image: url(../image/girl01.png); background-repeat: no-repeat; position: relative; background-size: 140px auto; height: 220px;}
#box2pbox_com { border-radius: 10px; background-color: #FFF; padding: 10px 4%; text-align: left; margin: 0; width: 55%; font-size: 1.0em; line-height: 150%; position: absolute; top: 20px; left: 20px; margin: 0 5% 0 30%;}


#box2pbox01{ float: none; width: 310px; margin: 0 auto; background-image: url(../image/p01.png); background-repeat: no-repeat; height: 270px; background-size: contain; position: relative; background-position: top center;}
#box2pbox01_com { position: absolute; top: 30px; left: 26px; text-align: left; width: 110px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);} 


#box2pbox02{ float: none; width: 310px; margin: 20px auto; background-image: url(../image/p02.png); background-repeat: no-repeat; height: 270px; background-size: contain; position: relative; background-size: contain;}
#box2pbox02_com { position: absolute; bottom: 30px; right: 20px; text-align: left; width: 110px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);}


#box2pbox03{ float: none; width: 310px; margin: 0 auto; background-image: url(../image/p03.png); background-repeat: no-repeat; height: 280px; background-size: contain; position: relative; background-size: contain;}
#box2pbox03_com { position: absolute; bottom: 25px; right: 26px; text-align: left; width: 114px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}


#box03 { background-image: url(../image/bg_box.jpg); padding: 30px 0 56px 0;}

#box3pbox{ float: none; width: 96%; margin: 0 auto; background-image: url(../image/girl02.png); background-repeat: no-repeat; height: 300px; position: relative; background-size: 140px auto; }
#box3pbox_com { border-radius: 10px; background-color: #FFF; padding: 10px 4%; text-align: left; margin: 0; width: 50%; font-size: 0.95em; line-height: 130%; position: absolute; top: 20px; left: 10px; margin: 0;}


#box3pbox01{ float: none; width: 310px; margin: -100px auto 80px auto; background-image: url(../image/p08.png); background-repeat: no-repeat; height: 280px; background-size: contain; position: relative; background-size: contain;}
#box3pbox01_com { position: absolute; top: 30px; left: 24px; text-align: left; width: 120px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);} 


#box3pbox02{ float: none; width: 310px; margin: 20px auto 20px auto; background-image: url(../image/p04.png); background-repeat: no-repeat; height: 280px; background-size: contain; position: relative; background-size: contain;}
#box3pbox02_com { position: absolute; top: 23px; left: 28px; text-align: left; width: 126px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);}


#box3pbox03{ float: none; width: 310px; margin: -20px auto 20px auto; background-image: url(../image/p05.png); background-repeat: no-repeat; height: 280px; background-size: contain; position: relative; background-size: contain;}
#box3pbox03_com { position: absolute; top: 40px; right: 35px; text-align: left; width: 120px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(14deg); -moz-transform: rotate(14deg); -webkit-transform: rotate(14deg);}


#box3pbox04{ float: none; width: 310px; margin: 0 auto; background-image: url(../image/p06.png); background-repeat: no-repeat; height: 280px; background-size: contain; position: relative; background-size: contain;}
#box3pbox04_com { position: absolute; bottom: 45px; left: 20px; text-align: left; width: 120px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}


#box3pbox05{ float: none; width: 310px; margin: 0 auto; background-image: url(../image/p07.png); background-repeat: no-repeat; height: 280px; background-size: contain; position: relative; background-size: contain;}
#box3pbox05_com { position: absolute; top: 34px; left: 20px; text-align: left; width: 120px; color: #FFF; font-size: 1.0em; line-height: 130%; transform:rotate(9deg); -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg);}


#box4pbox01{ float: none; width: 300px; margin: 0 auto 20px auto; background-image: url(../image/p09.png); background-repeat: no-repeat; height: 210px; background-size: contain; position: relative; background-size: contain;}
#box4pbox01_com { position: absolute; bottom: 12px; left: 115px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox02{ float: none; width: 300px; margin: 0 auto 20px auto; background-image: url(../image/p10.png); background-repeat: no-repeat; height: 210px; background-size: contain; position: relative; background-size: contain;}
#box4pbox02_com { position: absolute; bottom: 12px; left: 115px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox03{ float: none; width: 300px; margin: 0 auto 20px auto; background-image: url(../image/p11.png); background-repeat: no-repeat; height: 210px; background-size: contain; position: relative; background-size: contain;}
#box4pbox03_com { position: absolute; bottom: 12px; left: 115px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox04{ float: none; width: 240px; margin: 0 auto 20px auto; background-image: url(../image/p12.png); background-repeat: no-repeat; height: 340px; background-size: contain; position: relative; background-size: contain;}
#box4pbox04_com { position: absolute; bottom: 11px; left: 70px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox05{ float: none; width: 240px; margin: 0 auto 20px auto; background-image: url(../image/p13.png); background-repeat: no-repeat; height: 340px; background-size: contain; position: relative; background-size: contain;}
#box4pbox05_com { position: absolute; bottom: 13px; left: 70px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox06{ float: none; width: 240px; margin: 0 auto 20px auto; background-image: url(../image/p14.png); background-repeat: no-repeat; height: 340px; background-size: contain; position: relative; background-size: contain;}
#box4pbox06_com { position: absolute; bottom: 11px; left: 70px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox07{ float: none; width: 240px; margin: 0 auto 20px auto; background-image: url(../image/p15.png); background-repeat: no-repeat; height: 340px; background-size: contain; position: relative; background-size: contain;}
#box4pbox07_com { position: absolute; bottom: 11px; left: 70px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#data_pbox { float: none; width: 100%; margin: 0 auto;}
#data_com { float: none; width: 100%; margin: 0 auto;}

#owner_com { float: none; width: 100%; margin: 10px 0; text-align: left;}
#owner_titlebox { width: 80%; margin: 0 0 20px 0;}
#owner_pbox { display: none;}

#customer_pbox { width: 80%; margin: 0 0 20px 0;}
#bn_box { width: 80%; margin: 20px auto;}

#data_table { border-bottom: #333 1px solid; border-left: #333 1px solid; border-right: #333 1px solid; padding: 10px 0; background-color: #FFF;}


}


@media screen and (max-width: 321px){

#box2pbox01{ float: none; width: 280px; margin: 0 auto; background-image: url(../image/p01.png); background-repeat: no-repeat; height: 240px; background-size: contain; position: relative; background-position: top center;}
#box2pbox01_com { position: absolute; top: 26px; left: 20px; text-align: left; width: 110px; color: #FFF; font-size: 0.95em; line-height: 130%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);} 


#box2pbox02{ float: none; width: 280px; margin: 20px auto; background-image: url(../image/p02.png); background-repeat: no-repeat; height: 230px; background-size: contain; position: relative; background-size: contain;}
#box2pbox02_com { position: absolute; bottom: 20px; right: 23px; text-align: left; width: 110px; color: #FFF; font-size: 0.95em; line-height: 130%; transform:rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);}


#box2pbox03{ float: none; width: 280px; margin: 0 auto; background-image: url(../image/p03.png); background-repeat: no-repeat; height: 230px; background-size: contain; position: relative; background-size: contain;}
#box2pbox03_com { position: absolute; bottom: 17px; right: 12px; text-align: left; width: 110px; color: #FFF; font-size: 0.95em; line-height: 120%; transform:rotate(-7deg); -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);}


#box3pbox01{ float: none; width: 280px; margin: -20px auto 100px auto; background-image: url(../image/p08.png); background-repeat: no-repeat; height: 240px; background-size: contain; position: relative; background-size: contain;}
#box3pbox01_com { position: absolute; top: 24px; left: 20px; text-align: left; width: 110px; color: #FFF; font-size: 0.9em; line-height: 130%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);} 


#box3pbox02{ float: none; width: 280px; margin: 20px auto 20px auto; background-image: url(../image/p04.png); background-repeat: no-repeat; height: 240px; background-size: contain; position: relative; background-size: contain;}
#box3pbox02_com { position: absolute; top: 20px; left: 22px; text-align: left; width: 120px; color: #FFF; font-size: 0.9em; line-height: 120%; transform:rotate(-8deg); -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);}


#box3pbox03{ float: none; width: 280px; margin: 0 auto; background-image: url(../image/p05.png); background-repeat: no-repeat; height: 240px; background-size: contain; position: relative; background-size: contain;}
#box3pbox03_com { position: absolute; top: 40px; right: 25px; text-align: left; width: 110px; color: #FFF; font-size: 0.9em; line-height: 130%; transform:rotate(14deg); -moz-transform: rotate(14deg); -webkit-transform: rotate(14deg);}


#box3pbox04{ float: none; width: 280px; margin: 20px auto; background-image: url(../image/p06.png); background-repeat: no-repeat; height: 240px; background-size: contain; position: relative; background-size: contain;}
#box3pbox04_com { position: absolute; bottom: 30px; left: 14px; text-align: left; width: 120px; color: #FFF; font-size: 0.9em; line-height: 130%; transform:rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg);}


#box3pbox05{ float: none; width: 280px; margin: 0 auto; background-image: url(../image/p07.png); background-repeat: no-repeat; height: 240px; background-size: contain; position: relative; background-size: contain;}
#box3pbox05_com { position: absolute; top: 26px; left: 22px; text-align: left; width: 110px; color: #FFF; font-size: 0.9em; line-height: 130%; transform:rotate(9deg); -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg);}


#box4pbox01{ float: none; width: 280px; margin: 0 auto 20px auto; background-image: url(../image/p09.png); background-repeat: no-repeat; height: 190px; background-size: contain; position: relative; background-size: contain;}
#box4pbox01_com { position: absolute; bottom: 12px; left: 115px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox02{ float: none; width: 280px; margin: 0 auto 20px auto; background-image: url(../image/p10.png); background-repeat: no-repeat; height: 190px; background-size: contain; position: relative; background-size: contain;}
#box4pbox02_com { position: absolute; bottom: 12px; left: 115px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box4pbox03{ float: none; width: 280px; margin: 0 auto 20px auto; background-image: url(../image/p11.png); background-repeat: no-repeat; height: 190px; background-size: contain; position: relative; background-size: contain;}
#box4pbox03_com { position: absolute; bottom: 12px; left: 115px; text-align: left; width: 140px; color: #333; font-size: 1.1em; line-height: 150%; transform:rotate(-3deg);}

#box05pbox { width: 100%; text-align: left;}
#box05pbox img { max-width: 100%;}

.price { font-size: 2.2em; font-weight: bold; color: #600; line-height: 100%;}



}