@charset "UTF-8";

/*ベースキット*/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

body {
	font: 14px/22px Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #000;
} 


.TAC { text-align: center; }
.TAL { text-align: left; }
.TAR { text-align: right; }

.MA0 { margin: 0 auto; }


.MT10 { margin-top: 10px; }
.MT15 { margin-top: 15px; }
.MT20 { margin-top: 20px; }
.MT25 { margin-top: 25px; }
.MT30 { margin-top: 30px; }
.MT35 { margin-top: 35px; }
.MT40 { margin-top: 40px; }
.MT45 { margin-top: 45px; }
.MT50 { margin-top: 50px; }
.MT60 { margin-top: 60px; }
.MT70 { margin-top: 70px; }
.MT85 { margin-top: 85px; }
.MT100 { margin-top: 100px; }
.MT150 { margin-top: 150px; }

.MB10 { margin-bottom: 10px; }
.MB15 { margin-bottom: 15px; }
.MB20 { margin-bottom: 20px; }
.MB25 { margin-bottom: 25px; }
.MB30 { margin-bottom: 30px; }
.MB40 { margin-bottom: 40px; }
.MB50 { margin-bottom: 50px; }
.MB60 { margin-bottom: 60px; }
.MB75 { margin-bottom: 75px; }


.FNT08 { font-size: 0.8em; }
.FNT09 { font-size: 0.9em; }
.FNT10 { font-size: 1.0em; }
.FNT11 { font-size: 1.1em; }
.FNT12 { font-size: 1.2em; }
.FNT13 { font-size: 1.3em; }
.FNT14 { font-size: 1.4em; }
.FNT15 { font-size: 1.5em; }
.FNT16 { font-size: 1.6em; }
.FNT17 { font-size: 1.7em; }
.FNT18 { font-size: 1.8em; }
.FNT19 { font-size: 1.9em; }
.FNT20 { font-size: 2em; }
.FNT22 { font-size: 2.2em; }
.FNT23 { font-size: 2.3em; }
.FNT25 { font-size: 2.5em; }
.FNT30 { font-size: 3em; }


.FW100 { font-weight: 100; }
.FW200 { font-weight: 200; }
.FW300 { font-weight: 300; }
.FW400 { font-weight: 400; }
.FW500 { font-weight: 500; }
.FW600 { font-weight: 600; }
.FW700 { font-weight: 700; }
.FW800 { font-weight: 800; }
.FW900 { font-weight: 900; }
.FW1000 { font-weight: 1000; }


.LineH09 { line-height: 0.9em }
.LineH10 { line-height: 1.0em }
.LineH11 { line-height: 1.1em }
.LineH12 { line-height: 1.2em }
.LineH13 { line-height: 1.3em }
.LineH14 { line-height: 1.4em }
.LineH15 { line-height: 1.5em }
.LineH16 { line-height: 1.6em }
.LineH17 { line-height: 1.7em }
.LineH18 { line-height: 1.8em }
.LineH19 { line-height: 1.9em }
.LineH20 { line-height: 2.0em }






.cl_R { color: #cc0000; }
.cl_W { color: #ffffff; }
.cl_O { color: #e60012; }
.cl_G { color: #097c25; }
.cl_O2 { color: #FF8300; }


.box {
	max-width: 1080px;
	min-width: 800px;
	margin: 0 auto;
}


table.temp { width: 100%; }


table.temp td img {
	width: 100%;
	height: auto;
}


/*** header ***/

header {
	width: 100%;
	position: fixed;	
	background-color: #ffffff;
	padding: 10px 0 0 0;
	z-index: 100;
}

header .box {
	display: flex;
/*	https://www.nxworld.net/tips/flexbox-examples.html	*/
}

.logo {
	vertical-align: top;
	display: inline-block;
/*	width: 410px;	*/
	width: 55%;
	margin-right: auto;
	position: relative;
/*	left: 0;	*/
/*	background-color: orange;	*/
	text-decoration: none;
	font-size: 0.9em;
	vertical-align: middle;
	
}

.logo img {
	display: inline;
	width: auto;
	max-height: 60px;
	max-width: 80%;
}

a { 
text-decoration:none;
color:#000000;
 }

a:link { 
text-decoration:none;
color:#000000; }

a:visited {
text-decoration:none;
color:#000000;
}

a:hover {
text-decoration:none;
color:#000000;
}

a:active {
text-decoration:none;
color:#000000;
}


.toiawase {
	display: inline-block;	
	vertical-align: top;
/*	width: 330px;	*/
	width: 30%;
/*	right: 0;	*/
	position: relative;
	margin-left: auto;	
/*	background-color: green;	*/

}

.toiawase img {
	display: block;
	margin-left: auto;
	width: 100%;
}



/*** menu ***/
nav {
	background-color: #097c25;
	width: 100%;
	position: relative;
}

nav ul {
	max-width: 1080px;
	min-width: 800px;
	margin: 0 auto;
	display: inline-block;
	position: relative;

}

nav ul li {
	display: inline-block;
	color: #ffffff;
	width:	20%;
	padding: 10px 0;
}

nav ul li:hover {
	display: inline-block;
	color: #ffffff;
	width:	20%;
	padding: 10px 0;
	background-color: #17a82e;
}

nav a {
	padding: 10px 0;
	width: 20%;
}


.menu_bt {
	display: none;
}


/*** キャッチコピー ***/
#cc {
	width: 100%;
	background-image: url("img/header.jpg");	
	background-position: center bottom;
	background-repeat: no-repeat;
}

#cc .box {
/*	background-image: url("img/dog.png");	*/
	background-position: left top;
	background-repeat: no-repeat;
}

#cc h2 {
	padding: 30px 0;
}


_:-ms-input-placeholder, :root #cc h2{
	padding: 150px 0 40px 0;
}



.txt {
	width: 93%;
	margin: 0 auto;
}

.txt img {
	width: 100%;
}



/*** main ***/
main {
	width: 100%;
	padding: 130px 0 0 0;
}

.lst {
	display: flex;
}

.lst li {
	display: inline-block;
	width: 32%;
	padding: 10px 0;
}

.lst img {
	display: block;
}

.lst p {
	display: block;
	width: 90%;
}


.lst2 {
	display: flex;
	width: 100%;
	clear: both;
	text-align: justify;
	text-justify: distribute-all-lines;
	justify-content: center;
}

.lst2 li {
	display: inline-block;
	width: 50%;
	margin-right: 8px;
}

.lst2 img {
	display: block;
	width: 100%;
}

.lst2 p {
	display: block;
	width: 90%;
}


.btn {
	display: block;
}









/*** 比較 ***/
/*plun*/

.plun {
/*	width: 350px;	*/
	width: 30%;
	border: 1px solid #cccccc;
	vertical-align: middle;
}

.inline_b {
	display: inline-block;

}


.yohaku5 {
	margin-right: 5px;
}

.yohaku8 {
	margin-right: 8px;
}

.hikaku_hd {
	background-color: #eeeeee;
	padding: 7px 0;
	border-bottom: 8px solid #00ccff;
}

.plun_bd {
	width: 85%;
	margin: 0 auto;
	padding: 11px 0;
}

.plun_bd ul {
	margin: 0 auto;
	margin-top: 15px;

}

.plun_bd b {
	color: #006699;
}

/*plunB*/

.plunb {
/*	width: 360px;	*/
	width: 32%;
	border: 1px solid #cccccc;
	vertical-align: middle;
}

.hikakub_hd {
	background-color: #006699;
	padding: 16px 0;
	border-bottom: 8px solid #fff100;
}

.plunb_bd {
	width: 85%;
	margin: 0 auto;
	padding: 7px 0 20px;
}

.plunb_bd ul {
	margin: 0 auto;
	margin-top: 15px;
}

.plunb_bd b {
	color: #006699;
}



.tit {
	width: auto;
	right: auto;
	margin: 60px 0 20px 0;
}

.tit img {
	width: auto;
}




/*** 比較ーtable ***/
.tbl {
	border-collapse: collapse;
	width: 100%;
}


.tbl th, .tbl td {
/*	border: 1px solid #000;	*/
	padding: 20px 0;
	width: 24%;
}


.tbl tr:nth-child(even) {
	background: #eee;
}

.tbl .po {
	background-color: #e60012;
}



/*** footer ***/
footer {
	width: 100%;
	border-bottom: 30px solid #097c25;
}

footer ul {
	max-width: 1080px;
	min-width: 800px;
}

footer ul li {
	display: inline-block;
	width: 32%;
}

.ft_toi {
	background-image: url("img/toi.jpg"); 
	background-repeat: no-repeat;
	background-position: center top;
	padding: 20px 0 0 0;
}
/*
footer .box {
	background-image: url("img/dog_mini.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 275px;
	margin-right: auto;
}
*/

footer .box img {
	margin: 0 auto;
	display: block;
}

.box-r {
	width: 60%;
	margin-left: auto;
}

.bk_gr {
	background-color: #097c25;

}

.ft_li {
	max-width: 1080px;
	min-width: 800px;
	margin: 0 auto;
	padding: 10px 0;
}

.ft_li li {
	display: inline-block;
	width: 20%;
}

.ft_li  a {
	color: #ffffff;
}


.box2 {
	width: 1080px;
	position: relative;
}

.fttit {
	position: absolute;
	left: 0;
}

.fttel {
	position: absolute;
	right: 0;

}



/***	よくある質問	***/

#sub_t {
	width: 100%;
	background-image: url("img/sub_t_bk.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	padding: 20px 0 0 0;
}


#sub_t .box {
	background-image: url("img/dog_mini.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding: 40px 0;
}


_:-ms-input-placeholder, :root #sub_t .box{
	background-image: url("img/dog_mini.png");	
	background-position: left bottom;
	background-size: 180px auto;
	background-repeat: no-repeat;
	padding: 180px 0 60px 0;
}



#sub_t h2 {
	padding: 30px 0;
}


.dtit {
	background-color: #dcdcdc;
	width: 100%;
	padding: 5px 0;
}

.dnaka {
	width: 100%;
	padding: 5px 0;
}

.dtit dt {
	margin: 5px 15px;	
}

.dnaka dd {
	margin: 10px 0 20px 25px;	
}



/***	機能について	***/
.control {
	display: flex;
	justify-content: center;	
	width: 100%;
	margin: 0 auto;
	
}

.control li {
	display: inline-block;
	margin-right: 10px;
	width: 30%;
}

.control li img {
	width: 100%;
}

.control p {
	color: #00730d;
}

.control a {
	text-decoration: none;
}


.control2 {
	display: flex;
	justify-content: center;	
	width: 100%;
	margin: 0 auto;
	
}

.control2 li {
	display: inline-block;
	margin-right: 10px;
	width: 30%;
}

.control2 li img {
	width: 100%;;
}

.control2 p {
	color: #00730d;
}






.koukinou {
	display: flex;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}




.koukinou .inu {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/inu_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .pick {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/pickup_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .kanri {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/kanri_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .eve {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/eve_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .rank {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/rank_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .ryokin {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/kaikei_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .rec {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/rec_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .sinzin {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/sinzin_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .cast {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/cast_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou .link {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/link_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 19%;
	margin-right: 5px;
	display: inline-block;
}


.koukinou h5 {
	background-color: #dcdcdc;
	width: 100%;
	padding: 6px 0;
	color: #666666;
	margin: 0;
}

.koukinou p {
	width: 80%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.tempbtn {

}



/***	納品まで	***/

.step1 {
	width: 100%;
	padding: 15px 0;
	background-color: #86b81b;
	display: flex;
	position: relative;
	z-index: 0;
}

.step1::after {
	content: "";
/*	right: 50%;	*/
	right: 48.5%;
	bottom: -20px;
	left 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #86b81b transparent transparent transparent;
	border-width: 20px 20px 0 20px;
	display: block;
	position: absolute;
}




.step2 {
	width: 100%;
	padding: 15px 0;
	background-color: #22ac38;
	display: flex;
	position: relative;
	z-index: 0;
}

.step2::after {
	content: "";
/*	right: 50%;	*/
	right: 48.5%;
	bottom: -20px;
	left 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #22ac38 transparent transparent transparent;
	border-width: 20px 20px 0 20px;
	display: block;
	position: absolute;
}



.step3 {
	width: 100%;
	padding: 15px 0;
	background-color: #018039;
	display: flex;
	position: relative;
	z-index: 0;
}

.step3::after {
	content: "";
/*	right: 50%;	*/
	right: 48.5%;
	bottom: -20px;
	left 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #018039 transparent transparent transparent;
	border-width: 20px 20px 0 20px;
	display: block;
	position: absolute;
}



.step4 {
	width: 100%;
	padding: 15px 0;
	background-color: #00736d;
	display: flex;
	position: relative;
	z-index: 0;
}

.step4::after {
	content: "";
/*	right: 50%;	*/
	right: 48.5%;
	bottom: -20px;
	left 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #00736d transparent transparent transparent;
	border-width: 20px 20px 0 20px;
	display: block;
	position: absolute;
}



.step5 {
	width: 100%;
	padding: 15px 0;
	background-color: #0075a9;
	display: flex;
	position: relative;
	z-index: 0;
}





.stepbox1 {
	width: 15%;
	margin: 20px 5px 20px 15px;	
	display: inline-block;	
	vertical-align: top;
}

.stepbox1 img {
	width: 90%;
}


.stepbox2 {
	display: inline-block;	
	width: 80%;
	margin: 25px 10px 25px;
	vertical-align: top;
	color: #ffffff;
	left: auto;
}



.stepbox2 dt {
	margin: 0;

}

.stepbox2 dd {
	margin: 0;
	width: 100%;
}


/***	料金プラン	***/
.plun_kakaku {
	border: #097c25 3px solid;
	width: 100%;
	display: block;
	margin-top: 50px;
}

.plun0 {
	width: 100%;
	display: table;
}

.p_box1 {
	display: table-cell;
	background-color: #097c25;
	width: 50%;
	color: #ffffff;
	vertical-align: middle;
	padding: 10px 25px;
}



.p_box2 {
	display: table-cell;
	color: #097c25;
	background-color: #ffffff;
	width: 50%;
	padding: 15px;
	vertical-align: middle;
	
}

.p_box2_line {
	border-bottom: #097c25 2px solid;
}


.p_box3 {
	display: block;
	width: 100%;
}

.p_box3_inner {
	margin: 35px;
}

.subt {
	width: 28%;
	padding: 10px;
	background: #097c25;
	transform: skewX(-30deg);
	display: inline-block;
	margin: 8px;
	vertical-align: top;
}



.subt p {
	transform: skewX(30deg);
	color: #ffffff;
	margin: 7px;
}



.subt_long {;
	padding: 10px;
	background: #097c25;
	transform: skewX(-30deg);
	display: inline-block;
	margin: 8px;
	vertical-align: top;
	max-width: 95%;
}


.subt_long p {
	transform: skewX(30deg);
	color: #ffffff;
	margin: 7px;
}

.box3_b {
	width: 62%;
	display: inline-block;
	margin: 8px;
}


/*オプションtable*/
h5 {
	color: #097c25;
	margin: 7px;
}

.op {
	width: 100%;
	border: 2px solid #097c25;
	border-collapse: collapse;
}

.op th {
	width: 25%;
	background-color: #097c25;
	color: #ffffff;
	padding: 7px 0;
	border: 2px solid #097c25;
}

.op td {
	width: 75%;
	color: #097c25;
	border: 2px solid #097c25;
}


.op dt {
	margin: 7px;
}

.op dd {
	margin: 7px 15px;
}






/***	メールフォーム	***/
#mailform {
/*	margin: 1em auto;	*/
/*	width: 96%;	*/
	margin: 0 auto;
}

#mailform th,td {
	font-size: 1.0em;
	vertical-align: middle;
}


#mailform th {
	width: 30%;
	padding: 1em 0;
	text-align: left;
}

#mailform input, #mailform select {
	height: 30px;
}


.FormSub {
	margin-top: 1.5em;
	text-align: center;
}


input#submit_bt {
	height: 40px;
	position: relative;
	display: inline-block;
	padding: 0.25em 1.0em;
	text-decoration: none;
	color: #FFF;
	background: #e60012;/*背景色*/
	 border-bottom: solid 2px #820012;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-size: 1.3em;
	font-weight: 500;
}

input#submit_bt:active {
	border-bottom: solid 2px #fd9535;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


#Form_thanks {
	margin: 5em auto;
	width: 100%;
}

#Form_thanks p {
	font-size: 1.5em;
	text-align: center;
}



.obi2 {
	background-color: #37312f;
	padding: 15px 0;
	text-align: center;
}




/**************タブレット レスポンシブ*****************/
@media screen and ( max-width:800px ){


.box {
	max-width: 100%;
	min-width: 100%;
	margin: 0 auto;
}


.box img {
/*	width: 100%;	*/
}


.logo {
	width: 50%;
	margin: 5px;
	font-size: 0.9em;
	vertical-align: middle;
	display: inline;
}

.logo img {
	display: inline;
}

.toiawase {
	width: 40%;
	margin: 5px;
	position: relative;
	margin-left: auto;
}

.toiawase img {
	width: 100%;
}



nav ul {
	max-width: 100%;
	min-width: 100%;
}

nav ul li {
	display: inline-block;
	color: #ffffff;
	width:	20%;
	padding: 10px 0;
}

nav ul li:hover {
	display: inline-block;
	color: #ffffff;
	width:	20%;
	padding: 10px 0;
	background-color: #17a82e;
}

nav a {
	padding: 10px 0;
	width: 20%;
}






#cc .box {
/*	background-image: url("img/dog.png");	*/
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: auto 260px;	
}

#cc h2 {
	width: 100%;
	padding: 0;
	margin: 0;
}

#cc img {
	margin-top: 90px;
	max-width: 65%;
	min-width: 65%;
	margin: 0 auto;
}



.txt {
	width: 93%;
	margin: 0 auto;
}

.txt img {
	width: 100%;
}



/*** main ***/
main {
	width: 100%;
	padding: 150px 0 0 0;
}

.lst {
	display: flex;
	margin: 0 auto;
	width: 93%;
}

.lst li {
	display: inline-block;
	width: 33%;
	padding: 10px 0;
}

.lst img {
	display: block;
	width: 70%;
}

.lst p {
	display: block;
	width: 90%;
}


.lst2 {
	display: block;
	width: 100%;
	clear: both;
/*	margin: 7px;	*/
}

.lst2 li {
	display: block;
	width: 90%;
	margin: 0 auto;
}


.lst2 img {
	display: block;
	width: 95%;
	margin: 0 auto;
}

.lst2 p {
	display: block;
	width: 85%;
}

.lst2 li:after {
	content: "";
	margin-top: 10px;
	display: block;
}

.btn {
	display: block;
	margin: 7px;
	clear: both;
	
}

.btn img {
	width: 85%;
}




/*** 比較 ***/
/*plun*/

.plun {
	width: 95%;
	border: 1px solid #cccccc;
	display: block;	
	margin: 0 auto;	
	clear: both;
	margin-top: 20px;
}

.inline_b {
	display: block;
}


.yohaku5 {
	margin-right: auto;
}

.yohaku8 {
	margin-right: 8px;
}

.hikaku_hd {
	background-color: #eeeeee;
	padding: 7px 0;
	border-bottom: 8px solid #00ccff;
}

.plun_bd {
	width: 85%;
	margin: 0 auto;
	padding: 11px 0;
}

.plun_bd ul {
	margin: 0 auto;
	margin-top: 15px;

}

.plun_bd b {
	color: #006699;
}

/*plunB*/

.plunb {
	width: 95%;
	border: 1px solid #cccccc;
/*	vertical-align: middle;	*/
	display: block;
	margin: 0 auto;	
	margin-top: 20px;
}

.plunb img {
	width: 10%;
}

.hikakub_hd {
	background-color: #006699;
	padding: 16px 0;
	border-bottom: 8px solid #fff100;
}

.plunb_bd {
	width: 85%;
	margin: 0 auto;
	padding: 7px 0 20px;
}

.plunb_bd ul {
	margin: 0 auto;
	margin-top: 15px;
}

.plunb_bd b {
	color: #006699;
}



.tit {
	width: 80%;
	right: 50%;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 20px;
}

.tit img {
	width: 100%;
	text-align: center;
}



/*** 比較ーtable ***/
.tbl {
	border-collapse: collapse;
	width: 100%;
}


.tbl th, .tbl td {
/*	border: 1px solid #000;	*/
	padding: 20px 0;

}

.tbl th img {
	width: 30px;
	height: auto;}


.tbl tr:nth-child(even) {
	background: #eee;
}

.tbl .po {
	background-color: #e60012;
}



/*** footer ***/
footer {
	width: 100%;
	border-bottom: 30px solid #097c25;
}

footer ul {
	max-width: 100%;
	min-width: 100%;
}

footer ul li {
	display: inline-block;
	width: 32%;
}

footer ul li img {
	width: 85%;
}

.ft_toi {
	background-image: url("img/toi.jpg"); 
	background-repeat: no-repeat;
	background-position: center top;
	padding: 15px 0 0 0;
}

footer .box {
/*	background-image: url("img/dog_mini.png");	*/
	background-repeat: no-repeat;
	background-size: 220px auto;
	background-position: top left;
	padding: 15px 0;	
	margin-right: auto;
	height: auto;
}

footer .box img {
	margin: 0 auto;
	display: block;
}

.box-r {
	width: 65%;
	margin-right: 2px;

	
}

.box-r img {
	width: 100%;
}

.ft_li {
	max-width: 95%;
	min-width: 95%;
	margin: 0 auto;
	padding: 10px 0;
}

.ft_li li {
	display: inline-block;
	width: 20%;
}


.box2 {
	width: 90%;
}

.fttit {
	display: block;
	width: 100%;
	left: auto;
	position: relative;
}

.fttel {
	display: block;
	width: 100%;
	right: auto;
	position: relative;
}

/***	よくある質問	***/



#sub_t {
	width: 100%;
	background-image: url("img/sub_t_bk.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	padding: 20px 0 0 0;
}


#sub_t .box {
	background-image: url("img/dog_mini.png");
	background-position: left top;
	background-size: 180px auto;
	background-repeat: no-repeat;
	padding: 40px 0;
}

#sub_t h2 {
	padding: 30px 0;
	text-shadow : 2px 2px 6px #000000;
	/* text-shadow: 水平　縦　ぼかし　色 */
}


.dtit {
	background-color: #dcdcdc;
	width: 100%;
	padding: 5px 0;
}

.dnaka {
	width: 95%;
	margin: 0 auto;
}

.dtit dt {
	margin: 5px 15px;

}

.dnaka dd {
	margin: 10px;
}




/***	機能について	***/
.control {
	display: block;
	width: 95%;
	margin: 0 auto;
}

.control li {
	display: inline-block;
	width: 32%;
	text-align: center;
}

.control li img {
	width: 100%;
}


.control p {
	color: #00730d;
}


.koukinou {
	display: block;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 90%;
}




.koukinou .inu {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/inu_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	display: block;
	margin-top: 7px;
}





.koukinou .pick {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/pickup_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}


.koukinou .kanri {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/kanri_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}


.koukinou .eve {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/eve_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}


.koukinou .rank {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/rank_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}


.koukinou .ryokin {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/kaikei_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}


.koukinou .rec {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/rec_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}


.koukinou .sinzin {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/sinzin_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}


.koukinou .cast {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/cast_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}


.koukinou .link {
	border-radius: 10px;
	border: 3px solid #cccccc;
	background-image: url("img/link_bk.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100px auto;
	width: 100%;
	margin-right: 1%;
	margin-top: 7px;
	display: block;
}






.koukinou h5 {
	background-color: #dcdcdc;
	width: 100%;
	padding: 6px 0;
}

.koukinou p {
	width: 90%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 12px 0;
}



.tempbtn {
	width: 100%;
}

.tempbtn img {
	width: 100%;
}


/***	料金プラン	***/
.plun_kakaku {
	border: #097c25 3px solid;
	width: 95%;
	display: block;
	margin: 0 auto;
	margin-top: 20px;	
}

.plun0 {
	width: 100%;
	display: block;
}

.p_box1 {
	display: block;
	background-color: #097c25;
	width: 100%;
	padding: 15px 0;
	color: #ffffff;
	vertical-align: middle;

}

.p_box1 img {
	width: 70px;
}

.p_box1 h3, p {
	text-align: center;
	width: 100%;
}


.p_box2 {
	display: block;
	color: #097c25;
	background-color: #ffffff;
	width: 100%;
	padding: 15px 0;
	vertical-align: middle;
	
}

.p_box2_line {
	border-bottom: #097c25 2px solid;
}


.p_box3 {
	display: block;
	width: 100%;
}

.p_box3_inner {
	margin: 15px;
}

.subt {
	width: 90%;
	padding: 7px;
	background: #097c25;
	transform: skewX(-20deg);
	display: inline-block;
	margin: 10px;
}

.subt p {
	transform: skewX(20deg);
	color: #ffffff;
	margin: 7px;
}


.subt_long {;
	padding: 7px;
	background: #097c25;
	transform: skewX(-20deg);
	display: inline-block;
	margin: 5px;
	vertical-align: top;
	width: 90%;
}


.subt_long p {
	transform: skewX(20deg);
	color: #ffffff;
	margin: 7px;
}


.box3_b {
	width: 100%;
	display: inline-block;
	margin: 8px;
}



/*オプションtable*/
h5 {
	color: #097c25;
	margin: 7px;
}

.op {
	width: 100%;
	border: 2px solid #097c25;
	border-collapse: collapse;
}

.op th {
	width: 30%;
	background-color: #097c25;
	color: #ffffff;
	padding: 7px 0;
	border: 2px solid #097c25;
}

.op td {
	width: 70%;
	color: #097c25;
	border: 2px solid #097c25;
}


.op dt {
	margin: 7px;
}

.op dd {
	margin: 7px 15px;
}



}