@charset "utf-8";
■■■ベース■■■ {
}
object, embed, video {
	max-width: 100%;
}
.ie6 img {
	width: 100%;
}
body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, blockquote, nav {
	margin: 0px;
	padding: 0px;
}
h3 {
	display: inline;
}
header, nav, main, aside, footer {
	display: block;
}
html {
	overflow-y: scroll;
}
body, button, input, select, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	-webkit-text-size-adjust: 100%;
}
ol, ul, blockquote {
	display: block;
}
a {
	color: #06F;
}
a:hover {
	color: #F00;
}
a:visited {
	color: #66C;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.imageHolder p {
	position: relative;
	top: 50%;
	margin-top: -5rem;
	color: #fff;
	font-size: 10rem;
	text-align: center;
	line-height: 1;
}
.demo-area .row {
	padding-top: 3rem;
	padding-bottom: 3rem;
	line-height: 2;
}
.img-holder {
	z-index: 0;
}
　 {
}
■■■スマホ（1-480）■■■ {
}
.outer-frame {
	width: 100%;
	margin: auto;
	overflow: hidden;
}
　 {
}
●チェンジボタン {
}
▼PC版 {
}
#change-pc-bottom {
	display: none;
}
▼SP･TB版 {
}
#change-sp-bottom {
	display: none;
}
●header-top {
}
#header-top-bg {
	background-image: url(/images/design/h1-bg.jpg);
	background-repeat: repeat-x;
}
#header-top-box {
	width: 99%;
	font-size: 10px;
	line-height: 12px;
	height: 13px;
	overflow: hidden;
	color: #000000;
	padding-top: 2px;
	padding-right: 0.5%;
	padding-left: 0.5%;
	display: block;
	margin-bottom: 3px;
	box-sizing: border-box;
}
#header-top-box p {
	float: left;
	width : -webkit-calc(100% - 85px);
	width : calc(100% - 85px);
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	display: block;
	overflow: hidden;
	margin-top: 1px;
}
#header-top-box img {
	height: 9px;
	float: left;
}
#header-top-box p strong {
	font-weight: normal;
}
#header-top-link {
	float: right;
	width: 85px;
}
#header-top-link a {
	color: #666666;
	text-decoration: none;
}
　 {
}
●ヘッダー {
}
header {
	background-image: none;
}
header a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#header-box {
	width: auto;
	border: 0px;
	background-image: none;
	padding: 0%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	overflow: hidden;
}
#header-title-box {
	display: block;
	width: 98%;
	float: left;
	margin-left: auto;
	margin-right: auto;
	#background-image: url(/images/design/header-bg-sp.jpg);
	background-size: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	height: auto;
	padding-top: 0.8%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
}
.header-title {
	width: 64%;
	padding-bottom: 0%;
	float: left;
	display: block;
	height: auto;
	padding-left: 0.5px;
	padding-top: 2px;
}
.header-title img {
	width: 100%;
	height: auto;
}
.header-navi {
	display: block;
	overflow: hidden;
	float: right;
	width: 34%;
}
.header-navi img {
	width: 100%;
	height: auto;
}
.header-navi-01 {
	display: block;
	width: 53.5%;
	height: auto;
	margin-top: 0%;
	margin-right: 0%;
	float: left;
}
.header-navi-02 {
	display: block;
	width: 53.5%;
	height: auto;
	margin-top: 3%;
	float: left;
	margin-left: 0px;
}
.header-navi-03 {
	display: block;
	width: 43.8%;
	float: right;
	margin-left: 0px;
	margin-top: -18.3%;
}
.header-navi-04 {
	display: block;
	width: 100%;
	margin-top: 1px;
	float: left;
	height: 100%;
}
.header-navi-05 {
	display: block;
	width: 100%;
	float: left;
	margin-left: 0%;
	margin-top: 6.3%;
	height: 100%;
}
▼ヘッダー･インフォ {
}
#header-info {
	width: 97%;
	box-shadow: 2px 2px 3px #666;
	display: block;
	border-radius: 5px;
	margin-right: 1.5%;
	margin-left: 1.5%;
	margin-top: 1%;
	float: left;
	box-shadow: 2px 2px 3px #666;
	margin-bottom: 3%;
}
#header-info img {
	width: 100%;
	height: auto;
}
▼ヘッダー･アンダーライン {
}
.header-underline-bg {
	display: none;
}
　 {
}
●グローバルナビ {
}
▼PC･TB版 {
}
#global-navi01-bg {
	display: none;
}
▼SP版･アコーディオンメニュー {
}
#accordion-navi {
	width: 98%;
	display: block;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	margin-bottom: 2%;

	clear: both;
	overflow: hidden;
	background-image: url(/images/design/accordion-navi-bg.png);
	background-repeat: repeat;
	padding-right: 2%;
}
.accordion-navi-button {
	width: auto;
	height: 34px;
	display: block;
}
.accordion-navi-tel {
	width: 110px;
	display: block;
	float: right;
	margin-top: 6px;
	margin-right: 12px;
}
.accordion-navi-mail {
	width: 235px;
	display: block;
	float: right;
	margin-top: 6px;
}
#accordion-navi a {
	display: block;
	width: auto;
	text-align: left;
	text-decoration: none;
	overflow: hidden;
}
#accordion-navi a:hover {
	display: block;
}
/* ▼横から出るメニュー▼ */ 
#accordion-navi .header-btnMenu {
	height: 47px;
	width: 60px;
	display: block;
	overflow: hidden;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-image: url(/images/design/menu-button-bg.jpg);
	background-repeat: repeat;
}
#gNav {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
	display: block;
	background-color: #F8FBFE;
}
#gNav .gNav-list li {
	box-sizing: border-box;
	width: 100%;
	background-color: #F8FBFE;
}
#gNav .gNav-list li a {
	color: #333;
	display: block;
	padding-top: 11px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	text-decoration: none;
}
.gNav-border-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.gNav-border-top {
	border-top: 1px solid #CCCCCC;
}
.gNav-border-icon {
}
.gNav-none {
	display: none;
}
#gNav dt {
	display: block;
	cursor: pointer;
	color: #333;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-top: 11px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 5px;
	background-color: #FEF8F3;
	background-image: url(/images/design/gNav-open.png);
	background-repeat: no-repeat;
	background-position : right 4px top 7px;
}
#gNav dd {
	display: none;
}
#gNav dd a {
	color: #333;
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 32px;
	text-decoration: none;
	background-color: #FEF8F3;
	box-sizing: border-box;
	width: 100%;
}
.gNav-dd-bottom {
	padding-bottom: 13px;
}
#gNav dt.active {
	background-image: url(/images/design/gNav-open.png);
	background-repeat: no-repeat;
	background-position : right 4px top -34px;
}
.gNav-none {
	display: none;
}
▼上部固定 {
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
　 {
}
▼SP版･ボタンタイプ {
}
#global-navi-sp01 {
	padding-top: 1.1%;
	padding-right: 0.3%;
	padding-left: 1%;
	padding-bottom: 0.8%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: auto;
	background-image: url(/images/design/global-navi-sp-bg.png);
	background-repeat: repeat-x;
	background-size: contain;
	box-shadow: 2px 2px 3px #CCC;
	margin-bottom: 3px;
	display: block;
	overflow: hidden;
}
#global-navi-sp01 ul {
	padding: 0px;
	margin: 0px;
}
#global-navi-sp01 li {
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#global-navi-sp01 li img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.global-navi01-box-img-sp1 {
	width: 20%;
}
.global-navi01-box-img-sp2 {
	width: 19.5%;
}
　 {
}
▼上部固定 {
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
　 {
}
●トップ･イメージ {
}
#top-image-bg {
	background-color: #FFFFE1;
}
#top-image-box {
	width: 100%;
	max-width: 1550px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	height: auto;
	padding-top: 0;
}
#top-image-box img {
	width: 100%;
	height: auto;
}
　 {
}
●h1 {
}
#h1-box {
	width: auto;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	height: auto;
}
h1 {
	font-size: 15px;
	line-height: 25px;
	position: relative;
	color: #fff;
	text-align: center;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.4em;
	padding-left: 0.3em;
	border-radius: 5px;
	background-color: #289F7B;
	box-shadow: 2px 2px 3px #CCC;
	margin-right: 1%;
	margin-bottom: 6%;
	text-shadow: 1px 1px 3px #4E4E4E;
	text-decoration: underline;
	margin-top: 0;
	margin-left: 0;
}
h1:after {
	border: 15px solid transparent;
	border-top-color: #289F7B;
	border-bottom-width: 0px;
	bottom: -13px;
	content: "";
	display: block;
	left: 45%;
	position: absolute;
	width: 0;
}
h1 a {
	color: #FFF;
	text-decoration: none;
}
　 {
}
●フロント {
}
#front-bg {
	background-image: url(/images/design/bg.jpg);
}
#front-box {
	width: 98%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	padding-right: 1%;
	padding-left: 1%;
	background-color: #FFFFFF;
	box-sizing: border-box;
	padding-top: 2%;
}
▼パンくずリスト {
}
#topic-path {
	font-size: 10px;
	line-height: 15px;
	margin-bottom: 15px;
	height: 13px;
	overflow: hidden;
	width: 100%;
	color: #8E8E8E;
}
#topic-path a {
	color: #666666;
}
#topic-path p {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
}
.breadcrumb {
	padding-left: 0;
	margin-left: 0;
}
.breadcrumb li {
	display: inline;
}
.breadcrumb li:after {/* >を表示*/
	content: '>';
	padding: 0 3px;
	color: #8E8E8E;
}
.breadcrumb li:last-child:after {
	content: '';
}
▼ページコンテンツ {
}
main {
	width: auto;
	padding-right: 2%;
	padding-left: 2%;
}
main a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
▼ページ {
}
#page {
	font-size: 16px;
	line-height: 28px;
	clear: both;
	margin-left: auto;
	display: block;
	margin-right: auto;
	width: auto;
}
#page ul {
	padding-left: 20px;
	list-style-type: disc;
	overflow: hidden;
}
#page ol {
	padding-left: 25px;
	overflow: hidden;
}
#page blockquote {
	padding-left: 5px;
}
.page-icon-box-01 {
	display: block;
	margin-bottom: 15px;
	overflow: hidden;
}
.page-icon-box-02 {
	display: block;
	overflow: hidden;
}
.page-icon-box-03 {
	font-size: 110%;
	display: block;
	margin-bottom: 6px;
	overflow: hidden;
	line-height: 34px;
	/* [disabled]padding-top: 5px;
*/
}
.page-icon {
	width: 19px;
	height: auto;
	margin-right: 5px;
	float: left;
	display: block;
}
.page-icon-qa {
	width: 28px;
	margin-right: 2px;
	height: auto;
	float: left;
	display: block;
}
.page-qa0▼見出し番号▼ {
}
.page-q {
	margin-right: 5px;
	display: block;
	float: left;
	height: auto;
	width: 35px;
}
.page-a {
	margin-right: 5px;
	display: block;
	float: left;
	height: auto;
	width: 35px;
}
▼料金表･スライド {
}
#slide-price {
	width: 80%;
	height: auto;
	background-color: #FFF;
	overflow: hidden;
	margin-bottom: 2%;
	margin-right: auto;
	margin-left: auto;
}
#slide-price img {
	width: 100%;
	height: auto;
}
#page #slide-price ul {
	padding-left: 0px;
	list-style-type: none;
	overflow: auto;
}
#page #slide-price ol {
	padding-left: 0px;
	list-style-type: none;
}
▼h2 {
}
h2 {
	font-size: 17px;
	line-height: 27px;
	letter-spacing: -0.5px;
	background-image: url(/images/design/heading-bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	display: block;
	color: #FFF;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 7px;
	margin-bottom: 15px;
	border-radius: 5px;
	font-weight: bold;
	text-decoration: underline;
}
h2:after {
	position: absolute;
	content: '';
	border-top: 10px solid #1772F9;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	bottom: -9px;
	left: 40px;
}
h2:before {
	position: absolute;
	content: '';
	border-top: 10px solid #CCCCCC;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	bottom: -10px;
	left: 45px
}
h2 a {
	color: #FFF;
	text-decoration: none;
}
.page-erase {
	display: none;
}
▼キーワード01 {
}
#key1 {
	width: 100%;
	height: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
▼ページ･トップ {
}
.page-top {
	display: block;
	overflow: hidden;
	right: 1.2%;
	max-width: 55px;
	min-width: 45px;
	width: 12%;
	height: auto;
	position: fixed;
	z-index: 10000;
	float: right;
}
.page-top img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=60)";
	height: auto;
	width: 100%;
}
.page-top a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=80)";
}
　 {
}
●フッター {
}
#footer-bg {
}
▼フッター･トップライン {
}
.footer-topline-bg {
	background-color: #0259C4;
	display: block;
}
.footer-topline-box {
	max-width: 1280px;
	width: 98%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
	padding-right: 1%;
	padding-left: 1%;
	box-sizing: border-box;
}
▼フッター･インフォ {
}
#footer-info-bg {
	background-image: url(/images/design/footer-info-bg.jpg);
	background-size: 100%;
	background-repeat: repeat-y;
}
#footer-info-box {
	width: auto;
	padding-top: 4%;
	padding-bottom: 4%;
	padding-right: 2%;
	padding-left: 2%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.footer-info-pc {
	width: auto;
	background-image: none;
	background-color: #FFF;
	padding: 3%;
	display: block;
	overflow: hidden;
	float: none;
	border: 3px solid #046FD8;
	border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
}
.footer-info-sodan-pc {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 3%;
	float: none;
}
.footer-info-sodan-sp {
	margin-top: 2%;
}
.footer-info-sodan-pc-img {
	display: block;
	overflow: hidden;
}
.footer-info-sodan-sp-img {
	display: block;
	overflow: hidden;
}
.footer-info-02 {
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	margin-left: 0%;
	margin-bottom: 4%;
	clear: left;
}
.footer-info-tel {
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	float: none;
	margin-bottom: 4%;
	float: left;
	margin-right: 1.6%;
}
.footer-info-mail {
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	float: none;
}
.footer-info-03 {
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	margin-left: 0%;
	float: left;
	margin-top: 0%;
	margin-bottom: 4%;
}
.footer-info-title {
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	float: left;
	clear: left;
	margin-top: 0px;
	margin-bottom: 2%;
}
.footer-info-right {
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	float: left;
}
.footer-info-hyo {
	display: block;
	float: none;
	height: auto;
	width: 100%;
}
.footer-info-kyukei {
	display: block;
	height: auto;
	width: 100%;
	margin-top: 1%;
}
.footer-info-pc img {
	width: 100%;
	height: auto;
}
.footer-info-calendar {
	display: block;
	overflow: hidden;
	height: auto;
	width: 90%;
	margin-top: 3%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.footer-info-calendar-01 {
	display: block;
	height: auto;
	width: 40%;
	float: left;
	margin-left: 0%;
}
.footer-info-calendar-02 {
	display: block;
	height: auto;
	float: right;
	width: 55%;
	margin-top: 2%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.footer-info-calendar-03 {
	display: block;
	height: auto;
	float: right;
	width: 55%;
	margin-bottom: 0px;
	margin-top: 7%;
}
.footer-info-04 {
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
	margin-left: 0%;
	clear: left;
}
.footer-info-left {
	display: block;
	overflow: hidden;
	height: auto;
	width: 100%;
}
▼サイトマップ {
}
#site-map-bg {
	background-image: url(/images/design/footer-bg.jpg);
	background-repeat: repeat-x;
	background-size: contain;
}
#site-map-box {
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	width: auto;
	margin-right: 0%;
	margin-left: 0%;
	border: 0px;
	text-align: left;
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 4%;
	padding-left: 2%;
}
#site-map {
	overflow: hidden;
	border: 2px solid #0259C4;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
	text-align: center;
	background-color: #FFF;
	height: auto;
	width: auto;
	padding: 12px;
}
#site-map a {
	color: #525252;
	padding-top: 2%;
	padding-bottom: 2%;
	white-space: nowrap;
}
#site-map a:hover {
	opacity: 0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.site-map01 {
	float: none;
	width: auto;
	display: block;
	overflow: hidden;
	font-size: 20px;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 4%;
	margin-left: 0%;
	white-space: nowrap;
	text-align: left;
}
.site-map01 li {
	padding-top: 8px;
	padding-bottom: 8px;
}
.site-map01-small {
	font-size: 70%;
}
.site-map02 {
	float: none;
	width: auto;
	display: block;
	overflow: hidden;
	font-size: 16px;
	padding-top: 4%;
	border-left-style: none;
}
.site-map-menu01 {
	clear: none;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
}
.site-map-menu01-end {
	clear: none;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
}
.site-map-menu02 {
	display: block;
	clear: none;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 0px;
}
.site-map-menu03 {
	display: block;
	clear: none;
	float: left;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
}
.site-map-link {
	overflow: hidden;
	border: 2px solid #0259C4;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
	text-align: left;
	background-color: #FFF;
	height: auto;
	width: auto;
	font-size: 13px;
	line-height: 23px;
	margin-top: 1%;
	display: block;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	font-weight: lighter;
}
.site-map-link a {
	color: #666;
	text-decoration: none;
}
.site-map-menu-icon01 {
	height: 23px;
	width: 25px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-top: 2px;
	margin-right: 8px;
	vertical-align: middle;
	float: left;
	display: block;
}
.site-map-menu-icon02 {
	padding-bottom: 2px;
	height: 29px;
	width: 31px;
	margin-right: 5px;
	vertical-align: middle;
	float: left;
	display: block;
	margin-right: 8px;
}
.site-map-menu-icon02 img {
	width: 100%;
	height: auto;
}
.site-map-menu-icon03 {
	padding-bottom: 2px;
	height: 25px;
	width: 27px;
	margin-right: 8px;
	vertical-align: middle;
	float: left;
	display: block;
}
▼フッター詳細 {
}
#footer-details {
	overflow: hidden;
	border: 2px solid #0259C4;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
	text-align: center;
	background-color: #FFF;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;
}
.footer-details01 {
	display: block;
	width: 100%;
	text-align: center;
	padding-right: 5px;
}
.footer-details02 {
	display: block;
	width: 100%;
	text-align: center;
}
.footer-details-icon01 {
	width: 25px;
	height: 23px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 6px;
}
.footer-details-icon02 {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-right: 6px;
}
.footer-details-icon02 img {
	width: 100%;
	height: auto;
}
▼Google翻訳ツール {
}
.google-translate-elemen {
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10%;
	display: block;
}
▼キーワード02 {
}
#key2 {
	height: 15px;
	width: 99.5%;
	color: #525252;
	padding-right: 0.5%;
	margin-top: 0.5%;
	font-size: 13px;
	line-height: 17px;
	overflow: hidden;
	text-align: left;
}
#key2 a {
	color: #525252;
	text-decoration: none;
}
　 {
}
●コンプリート {
}
#complete-bg {
	background-image: url(/images/design/complete-bg.jpg);
	background-repeat: repeat-x;
}
#complete-box {
	max-width: 1280px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 13px;
	color: #FFF;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 10px;
	padding-bottom: 5px;
	box-sizing: border-box;
}
#complete-box a {
	color: #FFF;
	text-decoration: underline;
}
.complete-01 {
	display: block;
	line-height: 20px;
}
.complete-02 {
	display: block;
	font-size: 75%;
	line-height: 17px;
	margin-top: 0.5%;
}
.complete-img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
　 {
}
■■■クラス■■■ {
}
.text-box-00▼テキスト･ボックス▼ {
}
.text-box-01 {
	display: block;
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 5px;
}
.text-box-02 {
	display: block;
	background-color: #FFF;
	padding: 2.5%;
	margin-bottom: 5px;
	overflow: hidden;
	border-radius: 5px;
}
/* ▼制作実績用▼ */
.text-box-02-1 {
	display: block;
	overflow: hidden;
	width: auto;
	padding-right: 2.5%;
	padding-left: 2.5%;
	background-color: #FDEAA8;
	margin-bottom: 40px;
	margin-right: 0px;
	margin-left: 0px;
	border-radius: 5px;
}
.text-box-02-1::before {
	display: block;
	padding-bottom: 2.5%;
	content: '';
}
.text-box-02-1 a {
	color: #FFF;
}
/* ▼制作実績･テンプレ―ト用▼ */
.text-box-02-2 {
	display: block;
	overflow: hidden;
	float: none;
	width: auto;
	padding-right: 2.5%;
	padding-left: 2.5%;
	background-color: #E0F2CE;
	margin-bottom: 40px;
	margin-right: 0px;
	margin-left: 0px;
	border-radius: 5px;
}
.text-box-02-2::before {
	display: block;
	padding-bottom: 2.5%;
	content: '';
}
.text-box-02-2 a {
	color: #FFF;
}
.text-box-03 {
	display: block;
	overflow: hidden;
	float: none;
	width: 100%;
	margin-bottom: 3%;
	border-radius: 5px;
}
/* ▼デザイン･サンプル用▼ */
.text-box-04 {
	display: block;
	overflow: hidden;
	width: auto;
	margin-bottom: 40px;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
.text-box-04 a {
	text-align: center;
	display: block;
	font-size: 20px;
	line-height: 100%;
}
.text-box-qa {
	display: block;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFDF4;
	border-radius: 5px;
}
.text-box-margin {
	margin-bottom: 60px;
	float: none;
	overflow: hidden;
}
.text-box-margin2 {
	margin-top: -265px;
	padding-top: 265px;
	display: inline-block;
	margin-bottom: 55px;
	float: none;
	overflow: hidden;
}
.text-box-margin-landing {
	margin-bottom: 30px;
}
.text-box-block {
	display: block;
	overflow: hidden;
}
.text-box-review {
	display: block;
	overflow: hidden;
	float: none;
	width: auto;
	float: none;
	width: auto;
	margin-right: 0%;
	padding: 2.5%;
	margin-bottom: 15px;
	background-color: #D6F3D7;
	border-radius: 5px;
}
.text-box-review a {
	word-wrap: break-word;
	font-size: 16px;
}
.text-box-review01 {
	width: 90%;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.text-box-review02 {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.text-box-review img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.text-box-info {
	display: block;
	overflow: hidden;
	float: none;
	width: auto;
	margin-bottom: 5%;
}
.text-box-link {
	width: auto;
	display: block;
	overflow: hidden;
}
.text-box-link a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #333;
}
.text-box-flex {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.text-box-price00 {
	display: table-cell;
	overflow: hidden;
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
	font-size: 100%;
	line-height: 26px;
	border-radius: 5px;
}
.text-box-price00 img {
	float: none;
	width: 80%;
	padding-bottom: 2%;
}
.text-box-price01 {
	display: table-cell;
	overflow: hidden;
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
	font-size: 100%;
	line-height: 26px;
	border-radius: 5px;
}
.text-box-price01 img {
	float: none;
	width: 80%;
	padding-bottom: 2%;
}
.text-box-price02 {
	display: table-cell;
	overflow: hidden;
	float: none;
	width: 95%;
	margin-right: 0px;
	margin-left: 0px;

	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
	font-size: 100%;
	line-height: 26px;
	border-radius: 5px;
}
.text-box-price02 img {
	float: none;
	width: 80%;
	height: auto;
	display: block;
	margin-bottom: 1%;
	margin-right: auto;
	margin-left: auto;
}
.text-box-price03 {
	display: block;
	overflow: hidden;
	float: none;
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
	font-size: 100%;
	line-height: 26px;
	border-radius: 5px;
}
.text-box-price-case {
	display: table-cell;
	overflow: hidden;
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding: 10px;
	margin-bottom: 18px;
	border: 1px solid #CCC;
	font-size: 100%;
	line-height: 26px;
	border-radius: 5px;
}
.text-box-price-margin {
	margin-bottom: 1.7%;
}
.text-box-border-bottom {
	display: block;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 0px;
}
.text-box-radius {
	border-radius: 5px;
}
.text-box-shadow {
	box-shadow: 2px 2px 3px #CCC;
	margin-right: 3px;
	margin-bottom: 3px;
}
.contents-box {
	text-align: left;
	display: block;
	margin-bottom: 30%;
	width: 100%;
}
.fadein-box {
}
.text-key {
	width: 99.5%;
	overflow: hidden;
	font-size: 10px;
	height: 12px;
	display: block;
	text-align: right;
	color: #D1D1D1;
	line-height: 13px;
	padding-top: 3px;
	float: right;
	padding-right: 0.5%;
}
.text-key strong {
}
.cm-pc {
	display: none;
}
.cm-sm {
	display: block;
}
　 {
}
.img-zoom▼画像オンマウスでズーム▼ {
}
/* ▼枠内でズーム▼ */
.scale-up {
	height: auto;
	overflow: hidden;
	display: block;
}
.scale-up img {
	-moz-transition: -moz-transform 0.5s linear; /* ←｢0.5s｣がズームの速度 (数字が大きいほど遅くなる) */
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.scale-up img:hover {
	-webkit-transform: scale(1.1); /* ←ズーム後の画像サイズ (数字が大きいほど大きくなる) */
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/* ▼枠ごとズーム▼ */ 
.img-zoom {
	-moz-transition: -moz-transform 0.5s linear; /* ←｢0.5s｣がズームの速度 (数字が大きいほど遅くなる) */
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.img-zoom:hover {
	-webkit-transform: scale(1.1); /* ←ズーム後の画像サイズ (数字が大きいほど大きくなる) */
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#top-image-bg .scale-up {
	overflow: visible;
}
　 {
}
.img-fl0▼イメージ配置▼ {
}
/* ▼ページ画像用▼ */
.img-float-left img {
	width: 100%;
	height: auto;
}
.img-float-left {
	width: 95%;
	max-width: 400px;
	height: auto;
	float: none;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.img-float-right {
	width: 95%;
	max-width: 400px;
	height: auto;
	float: none;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.img-float-right img {
	width: 100%;
	height: auto;
}
/* ▼フリーサイズ画像用▼ */
.img-float-freesize {
}
.img-float-left-freesize {
	width: 95%;
	max-width: 400px;
	display: block;
	height: auto;
	float: none;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	overflow: visible;
}
.img-float-right-freesize {
	width: 95%;
	max-width: 400px;
	display: block;
	height: auto;
	float: none;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	overflow: visible;
}
.img-float-left-freesize img {
	width: 100%;
	height: auto;
	min-width: 100%;
	max-width: 100%;
}
.img-float-left-freesize02 {
	display: block;
	height: auto;
	float: none;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: auto;
	width: 55%;
	overflow: visible;
}
.img-float-left-freesize02 img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
}
.img-float-right-freesize img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
}
.img-float-center {
	display: block;
	height: auto;
	width: 80%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}
.img-float-center img {
	width: 100%;
	height: auto;
}

.img-float-100 {
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 270px;
}
.img-100 {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.img-100-2 {
	width: 100%;
	height: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}
.img-100-3 {
	max-width: 1313px;
	height: auto;
	display: block;
}
.img-50 {
	width: 50%;
	height: auto;
	margin-bottom: 10px;
}
.img-frame-border {
	padding: 3%;
	height: auto;
	width: 70%;
	border: 1px solid #DFDFDF;
	background: #fff;
	overflow: hidden;
	box-shadow: 2px 2px 3px #CCC;
}
.img-frame-border img {
	vertical-align: top;
}
.img-frame {
	border: 1px solid #E9E9E9;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.img-frame02 {
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding-bottom: 6px;
}
.img-frame03 {
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin-bottom: 10%;
}
.icon-sub-navi {
	vertical-align: middle;
	margin-right: 1%;
}
.icon-site-map {
	vertical-align: middle;
	margin-right: 1%;
	display: block;
	height: auto;
	width: 28px;
	margin-right: 8px;
	float: left;
}
.icon-site-map-sub {
	vertical-align: middle;
	margin-right: 1%;
	display: block;
	height: auto;
	width: 24px;
	margin-right: 8px;
	float: left;
}
.img-frame-border {
	border: 1px solid #E6E6E6;
}
　 {
}
.font-si0▼フォント･サイズ▼ {
}
.font-size-70 {
	font-size: 70%;
}
.font-size-80 {
	font-size: 80%;
}
.font-size-90 {
	font-size: 90%;
}
.font-size-100 {
	font-size: 100%;
}
.font-size-120 {
	font-size: 120%;
}
.font-size-140 {
	font-size: 140%;
}
.font-size-160 {
	font-size: 160%;
}
.font-size-170 {
	font-size: 170%;
}
.font-size-180 {
	font-size: 180%;
}
.font-size-190 {
	font-size: 190%;
}
.font-size-200 {
	font-size: 200%;
}
.font-size-220 {
	font-size: 220%;
}
　 {
}
.font-he0▼フォント段落▼ {
}
.font-height-120 {
	line-height: 120%;
}
.font-height-140 {
	line-height: 140%;
}
.font-height-160 {
	line-height: 160%;
}
.font-height-180 {
	line-height: 180%;
}
.font-height-200 {
	line-height: 200%;
}
.font-height-220 {
	line-height: 220%;
}
.font-height-240 {
	line-height: 240%;
}
　 {
}
.text-al0▼テキスト･位置 {
}
.text-align-center {
	text-align: center;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
　 {
}
.font-co0▼フォント･カラー▼ {
}
.font-collar-red-01 {
	color: #FF4A4A;
}
.font-collar-red-border {
	color: #FF6666;
	font-weight: bold;
	border: 1px solid #FF4646;
	height: 35px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.fs-red-border {
	color: #FF3300;
	font-weight: bold;
	border: 1px solid #FF4646;
	font-size: 120%;
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.font-collar-orange-01 {
	color: #FF6600;
}
.font-collar-yellow-01 {
	color: #FFFF33;
}
.font-collar-yellow-02 {
	color: #FA9601;
}
.font-collar-blue-01 {
	color: #3A9DC2;
}
.font-collar-blue-02 {
	color: #3478F3;
}
.font-collar-blue-03 {
	color: #289F7B;
}
.font-collar-green-01 {
	color: #009933;
}
.font-collar-green-02 {
	color: #39C52E;
}
.font-collar-green-03 {
	color: #693;
}
.fs-eco-green-border {
	color: #693;
	font-weight: bold;
	border: 1px solid #693;
	font-size: 120%;
	border-radius: 5px;
	background-color: #FFC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 0px;
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 5px;
}
.font-collar-purple-01 {
	color: #6666FF;
}
.font-collar-brown-01 {
	color: #9D4F00;
}
.font-collar-pink-01 {
	color: #E3007E;
}
.font-collar-white-01 {
	color: #FFFFFF;
}
.font-collar-go01 {
	color: #AC874F;
}
.font-collar-black-01 {
	color: #000000;
}
　 {
}
.text-ma0▼文字マーカー▼ {
}
.text-marker-yellow {
	background-color: #FFFFBF;
	padding-right: 3px;
	padding-left: 3px;
}
.text-marker-red {
	background-color: #FF3E3E;
	padding-right: 3px;
	padding-left: 3px;
}
.text-marker-beige {
	background-color: #FFFFC6;
	padding-right: 3px;
	padding-left: 3px;
}
.text-marker-gray {
	background-color: #D9D9D9;
	padding-right: 3px;
	padding-left: 3px;
}
.text-marker-pink {
	background-color: #FFBDBD;
	padding-right: 3px;
	padding-left: 3px;
}
　 {
}
.text-bo0▼文字ボーダー▼ {
}
.text-border-0test {
	background-color: #FFB5B5; /* ←色確認用▼ */
}
.text-border-red {
	background-image: linear-gradient(transparent 0%, #FFB5B5 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #FFB5B5 100%);
}
.text-border-yellow {
	background-image: linear-gradient(transparent 0%, #FFFF68 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #FFFF68 100%);
}
.text-border-blue {
	background-image: linear-gradient(transparent 0%, #88BDFF 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #88BDFF 100%);
}
.text-border-green {
	background-image: linear-gradient(transparent 0%, #A8E179 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #A8E179 100%);
}
.text-border-orange {
	background-image: linear-gradient(transparent 0%, #FFB673 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #FFB673 100%);
}
.text-border-pink {
	background-image: linear-gradient(transparent 0%, #FF79E1 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #FF79E1 100%);
}
.text-border-beige {
	background-image: linear-gradient(transparent 0%, #FFFF99 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #FFFF99 100%);
}
.text-border-brown {
	background-image: linear-gradient(transparent 0%, #BC987A 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #BC987A 100%);
}
.text-border-gray {
	background-image: linear-gradient(transparent 0%, #B1B1B1 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #B1B1B1 100%);
}
.text-border-maincolor {
	background-image: linear-gradient(transparent 0%, #DADADA 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #DADADA 100%);
}
.text-border-subcolor {
	background-image: linear-gradient(transparent 0%, #DADADA 0%);
	background-image: -webkit-linear-gradient(transparent 70%, #DADADA 100%);
}
　 {
}
.text-ef0▼文字効果▼ {
}
.text-effect-underline {
	text-decoration: underline;
}
.text-effect-line-through {
	text-decoration: line-through;
}
.text-effect-weight {
	font-weight: normal;
}
.text-effect-bold {
	font-weight: bold;
}
.text-effect-shadow {
	text-shadow: 1px 1px 3px #999;
}
.text-effect-shadow-white {
	text-shadow: 1px 1px 3px #FFF;
}
.text-space-nowrap {
	white-space: nowrap;
}
.text-bloc-left {
	display: block;
	float: left;
}
　 {
}
.text-ko0▼小見出し▼ {
}
.text-komidashi-001 {
	font-size: 17px;
	line-height: 20px;
	display: block;
	padding-top: 2.5%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 1.8%;
	margin-bottom: 4px;
	margin-bottom: 6px;
	border-radius: 5px;
	color: #FFF;
}
.text-komidashi-001 h3 {
	/* [disabled]font-weight: normal;
*/
}
.text-komidashi-002 {
	background-color: #64C62F;
	display: block;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
}
.text-komidashi-002 h3 {
	font-size: 16px;
	line-height: 25px;
}
.text-komidashi-003 {
	background-color: #7BDB80;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-bottom: 12px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
.text-komidashi-004 {
	display: block;
	font-size: 15px;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 2%;
	padding-right: 2%;
	margin-bottom: 6px;
	background-color: #69AB2E;
	border-radius: 5px;
	color: #FFF;
}
.text-komidashi-004 a {
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}
.text-komidashi-004 h3 {
	font-size: 16px;
	line-height: 22px;
}
.text-komidashi-005 {
	background-color: #FFFFBF;
	display: table;
	padding-top: 6px;
	padding-bottom: 5px;
	margin-bottom: 6px;
	font-size: 20px;
	padding-right: 10px;
	padding-left: 10px;
	border: 2px solid #FF4D4D;
}
.text-komidashi-006 {
	display: table;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 6px;
	padding-right: 10px;
	padding-left: 10px;
	border: 3px double #FF4D4D;
	background-image: url(/images/design/text-komidashi-006-bg.png);
	background-repeat: repeat-x;
}
.text-komidashi-007 {
	background-color: #7BDB80;
	display: block;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 6px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	border: 1px solid #33B939;
}
.text-komidashi-008 {
	background-color: #368622;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 6px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.text-komidashi-009 {
	position: relative;
	background-color: #FFFFFF;
	display: table;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 12px;
	font-size: 14px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
}
.text-komidashi-009:after {
	content: '';
	position: absolute;
	border-top: 15px solid #FFF;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	bottom: -12px;
	left: 25px;
}
.text-komidashi-009:before {
	content: '';
	position: absolute;
	border-top: 15px solid #CCCCCC;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	bottom: -15px;
	left: 25px
}
　 {
}
.text-kome▼※マーク･インデント {
}
.text-kome {
	background-image: url(/images/design/icon/icon-kome-sp.png);
	padding-left: 15px;
	background-position: left 3px;
	background-repeat: no-repeat;
	display: inline-block;
	text-align: left;
	margin-right: 0px;
	padding-right: 0px;
}
.text-kome-80 {
	background-image: url(/images/design/icon/icon-kome-sp.png);
	padding-left: 15px;
	background-position: left 0px;
	background-repeat: no-repeat;
	display: inline-block;
	text-align: left;
	margin-right: 0px;
	padding-right: 0px;
}
　 {
}
border-bottom▼区切り用･下ライン▼ {
}
hr {
	margin-top: 25px;
	margin-bottom: 25px;
}
.border-bottom-01 {
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 25px;
	margin-bottom: 25px;
}
.border-bottom-02 {
	display: block;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-top: 25px;
	margin-bottom: 25px;
}
.border-bottom-03 {
	display: block;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
　 {
}
.text-pc▼テキスト タブ･スマホのみ表示 {
}
.text-pc-non {
	display: none;
}
　 {
}
.bg-co0▼バック･カラー▼ {
}
.bg-colo-white {
	background-color: #FFF;
}
.bg-colo-gray-01 {
	background-color: #F0F0F0;
}
.bg-colo-gray-02 {
	background-color: #C9C9C9;
}
.bg-colo-blue-01 {
	background-color: #C6E2FF;
}
.bg-colo-blue-02 {
	background-color: #3478F3;
}
.bg-colo-blue-03 {
	background-color: #E6F2FF;
}
.bg-colo-yellow-01 {
	background-color: #FFFFCC;
}
.bg-colo-yellow-02 {
	background-color: #F0DE86;
}
.bg-colo-orange-01 {
	background-color: #FA9601;
}
.bg-colo-green-01 {
	background-color: #39C52E;
}
.bg-colo-green-02 {
	background-color: #EBFAE9;
}
.bg-colo-red-01 {
	background-color: #FF3300;
}
.bg-colo-pink-01 {
	background-color: #FDC4C4;
	padding: 5px;
}
.bg-colo-beige-01 {
	background-color: #FFFFF0;
	display: block;
}
　 {
}
.page-nu0▼見出し番号▼ {
}
.page-number-01 {
	margin-right: 3px;
	font-size: 140%;
	display: block;
	float: left;
}
.page-number-02 {
	margin-right: 5px;
	font-size: 120%;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 6px;
	padding-bottom: 1px;
	display: block;
	line-height: 20px;
	height: auto;
	float: left;
}
　 {
}
.table-00▼テーブル▼ {
}
.table-01 {
	background: #CCC;
	border-spacing: 1px;
	width: 100%;
}
.table-01 th {
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #E3E3E3;
}
.table-01 td {
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
}
.table-02 {
	background-color: #CCC;
}
.table-02 th {
	background-color: #E3E3E3;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.table-02 td {
	background-color: #fff;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.table-design-free {
	background-color: #CCC;
}
.table-design-free th {
	font-weight: bold;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	text-align: left;
}
.table-design-free td {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FFF;
}
.table-design-hikaku {
}
.table-design-hikaku th {
	font-weight: bold;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.table-design-hikaku td {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.table-form {
	background: #CCC;
	border-spacing: 1px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.table-form th {
	background-color: #E6F0FF;
	text-align: left;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
}
.table-form td {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.table-access-td {
	width: 80px;
}
.form-soshin {
	max-width: 200px;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 30px;
}
.form-soshin input {
	height: auto;
	width: 100%;
}
.table-form-bloc {
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.table-margin {
	margin-bottom: 8px;
}
.table-text-auto {
	width: 10px;
	white-space: nowrap;
}
　 {
}
.table-ic▼テーブル･アイコン▼ {
}
.table-icon {
}
.table-icon th {
}
.table-icon td {
	padding-bottom: 15px;
	padding-top: 2px;
}
　 {
}
.table-sc▼テーブル･横スクロール▼ {
}
.table-scroll {
	width: 100%;
	overflow-x: auto;
}
.table-price {
	width: 100%;
}
　 {
}
.textarea▼フォーム･入力幅▼ {
}
.textarea {
	width: 94%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.input {
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.input-margin {
	display: block;
	margin-top: 0px;
	margin-bottom: 7px;
}
.input-margin-02 {
	display: block;
	margin-top: -15px;
}
.input-margin-03 {
	display: block;
	margin-top: 5px;
}
.input-block {
	display: block;
	margin-top: 5px;
	overflow: hidden;
}
　 {
}
.img-form▼フォーム･必須▼ {
}
.img-form {
	height: auto;
	display: block;
	float: left;
	width: 36px;
	margin-top: 4px;
	margin-right: 5px;
}
.img-form2 {
	height: auto;
	display: block;
	width: 40px;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}
.text-form {
	float: left;
	display: block;
	margin-right: 10px;
	margin-bottom: 3px;
}
.text-form-center {
	display: block;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: left;
}
　 {
}
.ggmap-0▼Googleマップ▼ {
}
.ggmap {
	position: relative;
	padding-bottom: 50%; /* ※地図の高さの変更 */
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.ggmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ggmap object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
　 {
}
.info-0▼更新履歴ボックス▼ {
}
.info {
	overflow: auto;
	height: auto;
}
dl.info dt {
	border-bottom: 1px dotted #e0e0e0;
	padding-bottom: 5px;
	padding-top: 6px;
}
dl.info dd {
	height: auto;
}
　 {
}
.thumbWrap-0▼3ボックス横並び▼ {
}
.thumbWrap {
	width: auto;
	overflow: hidden;
}
.thumbWrap a {
	color: #7F7F7F;
	text-decoration: none;
}
.thumbWrap li {
	float: left;
	width: 31%;
	background: none;
	overflow: hidden;
	list-style-type: none;
	margin-right: 2%;
}
.thumbWrap h4 {
	margin-top: 10px;
	padding: 1px;
	font-weight: normal;
	text-align: center;
	background: #fff;
	border: 1px solid #E3E3E3;
}
.thumbWrap h4 span {
	display: block;
	padding: 2px 3px;
}
　 {
}
.jump-bu▼ジャンプボタン▼ {
}
.jump-button-box {
	display: block;
	overflow: hidden;
}
.jump-button-box a {
	color: #FFF;
}
.jump-button01 {
	width: 46.8%;
	font-size: 15px;
	line-height: 24px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-right: 0.7%;
	padding-right: 1%;
	padding-left: 1%;
	margin-bottom: 1.3%;
	height: auto;
	display: block;
	float: left;
	background-image: url(/images/design/jump-button.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	text-decoration: underline;
}
.jump-button02 {
	width: 46.8%;
	font-size: 15px;
	line-height: 24px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 1%;
	padding-left: 1%;
	height: auto;
	display: block;
	float: left;
	background-image: url(/images/design/jump-button.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	margin-right: 1%;
	margin-bottom: 1.3%;
	text-align: center;
	border-radius: 5px;
	text-decoration: underline;
}
.jump-button03 {
	width: 46.8%;
	font-size: 15px;
	line-height: 24px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-bottom: 1.3%;
	height: auto;
	display: block;
	float: left;
	background-image: url(/images/design/jump-button.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	text-decoration: underline;
}
　 {
}
.anchor-0▼アンカーポイント▼ {
}
.anchor {
	margin-top: -27%;
	padding-top: 27%;
	display: inline-block;
}
.anchor-actual {
	padding-top: 130px;
	margin-top: -130px;
	height: 20px;
	width: 20px;
	display: block;
}
　 {
}
.readmore▼ページ文章折りたたみ表示▼ {
}
.readmore a {
	color: #71932b;
	text-decoration: underline;
	text-align: center;
}
article {
	max-height: 1px;
}
　 {
}
.fadeup▼ふわっと出現▼ {
}
　 {
}
.icon-plus▼料金表ページ▼ {
}
.icon-plus {
	display: block;
	height: auto;
	width: 28px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.7%;
}
　 {
}
.img-kouho▼会社案内ページ▼ {
}
.img-company-box {
	display: block;
	overflow: hidden;
	height: auto;
}
.img-company-01 {
	width: 33%;
	height: auto;
	float: left;
	margin-right: 0.2%;
}
.img-company-02 {
	width: 33%;
	height: auto;
	float: left;
	display: block;
	margin-right: 0.2%;
}
.img-company-03 {
	width: 33%;
	height: auto;
	float: left;
	display: block;
}
　 {
}
.img-kouho▼広報ページ▼ {
}
.img-kouho-box {
	display: block;
	overflow: hidden;
	height: auto;
}
.img-kouho-01 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 2%;
}
.img-kouho-02 {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 2%;
}
.img-kouho-03 {
	display: none;
}
.img-kouho-04 {
	width: 80%;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	display: block;
	clear: right;
}
.img-kouho-04 img {
	width: 100%;
	height: auto;
}
.img-kouho-05 {
	width: 80%;
	max-width: 350px;
	height: auto;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 1%;
	display: block;
	clear: left;
}
.img-kouho {
	width: 100%;
	height: auto;
	margin-bottom: 2px;
}
.img-kouho-complete01 {
	display: block;
	text-align: right;
	margin-bottom: 0.3%;
	margin-right: 0.5%;
}
.img-kouho-complete01 img {
	width: 80%;
	height: auto;
	padding-left: 20%;
}
.img-kouho-complete02 {
	width: 100%;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
}
.img-kouho-complete02 img {
	width: 100%;
	height: auto;
}
/*コメント･リンク表示*/
.text-box2 {
	padding: 10px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	overflow: hidden;
	display: block;
}
.text-box2 a {
	color: #666;
}
.text-box-table {
	padding: 10px;
	border: 1px solid #CCCCCC;
	text-align: left;
	border-radius: 5px;
}
.text-box-table a {
	text-decoration: none;
	color: #666;
}
.▼LPリンク文字整列▼ {
}
.lp-table a {
	display: block;
	float: left;
	width: 20%;
}
　 {
}
.info-komidashi▼制作手順・お問合せページ▼ {
}
.info-komidashi-001 {
	background-image: url(/images/sozai/komidashi/info-komidashi-001-bg-tb.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	color: #545454;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}
.info-komidashi-002 {
	background-image: url(/images/sozai/komidashi/info-komidashi-002-bg-tb.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	color: #545454;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}
.info-komidashi-003 {
	background-image: url(/images/sozai/komidashi/info-komidashi-003-bg-tb.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	color: #545454;
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
}
.info-komidashi-004 {
	background-image: url(/images/sozai/komidashi/info-komidashi-004-bg-tb.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	color: #545454;
	display: block;
	overflow: hidden;
}
.info-komidashi-left {
	display: block;
	width: auto;
	overflow: hidden;
	float: none;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.info-komidashi-right {
	display: block;
	overflow: hidden;
	width: auto;
	float: none;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
}
.info-komidashi-right h3 {
	font-size: 19px;
	line-height: 26px;
}
.info-komidashi-001-left-sp {
	background-color: #FF8A8A;
}
.info-komidashi-001-right-sp {
	background-color: #FFC4C4;
}
.info-komidashi-002-left-sp {
	background-color: #FBC53A;
}
.info-komidashi-002-right-sp {
	background-color: #FCE29A;
}
.info-komidashi-003-left-sp {
	background-color: #83E43B;
}
.info-komidashi-003-right-sp {
	background-color: #C1F299;
}
.info-komidashi-004-left-sp {
	background-color: #69C0FA;
}
.info-komidashi-004-right-sp {
	background-color: #B2E0FD;
}
.info-step {
	display: block;
	float: left;
	font-size: 19px;
	margin-top: 0px;
	margin-right: 7px;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.2) 2px 2px 0;
}
.info-icon {
	display: block;
	float: left;
	height: auto;
	width: 26px;
}
.info-icon img {
	width: 100%;
	height: auto;
}
.info-yazirushi {
	display: block;
	width: 80px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.info-yazirushi img {
	width: 100%;
	height: auto;
}
.info-bg-colo-001 {
	background-color: #FFEAEA;
}
.info-bg-colo-002 {
	background-color: #FEF3DC;
}
.info-bg-colo-003 {
	background-color: #F0FCE2;
}
.info-bg-colo-004 {
	background-color: #E7F5FE;
}
/* ▼小見出し付き用ボックス▼ */
.text-komidashi-left {
	width: auto;
	float: none;
}
.text-komidashi-right {
	width: auto;
	float: none;
}
.text-leftclear {
	display: block;
	overflow: hidden;
	clear: left;
}
.text-rightclear {
	display: block;
	overflow: hidden;
	clear: right;
}
.img-float-nouki {
	display: block;
	float: none;
	width: 80%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: auto;
}
.img-float-nouki img {
	width: 100%;
	height: auto;
}
　 {
}
.img-sample▼サンプルページ▼ {
}
.outer-frame-sample {
	background-color: #FFF;
	margin-bottom: 120px;
}
#sample-box {
	width: 100%;
	box-sizing: border-box;
	/* [disabled]padding-top: 2%; */
	display: block;
}
#sample-box img {
	width: 100%;
	height: auto;
}
#sample-tpl-box {
	width: 100%;
	box-sizing: border-box;
	display: block;
	/* [disabled]background-color: #EEE; */
	/* [disabled]padding-top: 1%; */
}
#sample-tpl-box img {
	width: 100%;
	height: auto;
}
.sample-box-block {
	display: block;
	overflow: hidden;
}
.img-sample-box {
	display: block;
	background-color: #FFF;
	width: 98%;
	height: auto;
	padding-left: 2%;
	/* [disabled]padding-right: 0.5%x; */
	margin-bottom: 10px;
	margin-top: 15px;
}
.img-sample-01 {
	width: 18.1%;
	height: auto;
	float: left;
	margin-right: 1.8%;
}
.img-sample-01 img {
	width: 100%;
	height: auto;
}
.img-sample-02 {
	width: 18.1%;
	height: auto;
	float: left;
}
.img-sample-02 img {
	width: 100%;
	height: auto;
}
.img-sample {
	width: 100%;
	max-width: 3000px;
	height: auto;
}
pu {
  background-color: #efefef;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50%;
  height: 50%;
  overflow-y: scroll;
}
/* チェックボックスの初期設定 */
#pu-on{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#pu-on:checked + .pu{
  display: block;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

/* 開くボタン */
.btn-open{
  background: #fff;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* ポップアップの内容 */
.pu-content{
  margin: 40px auto 40px auto;
  width: 90%;
}

　 {
}
.text-box-▼トップ・LPページ▼ {
}
.landing-text-box-bloc {
	overflow: hidden;
	display: block;
}
.landing-text-box-bottom {
	margin-bottom: 0%;
}
.landing-text-box-margin {
	margin-bottom: 20%;
	float: none;
	overflow: hidden;
}
.landing-text-box-01 {
	overflow: hidden;
	display: block;
	margin-top: 1.2%;
	margin-bottom: 1.2%;
}
.landing-text-box-left {
	overflow: hidden;
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	float: none;
	width: 100%;
	margin-bottom: 0%;
}
.landing-text-box-right {
	overflow: hidden;
	display: block;
	float: none;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.landing-text-box-left-02 {
	overflow: hidden;
	display: block;
	float: left;
	height: auto;
	width: 40%;
}
.landing-text-box-right-02 {
	overflow: hidden;
	display: block;
	float: right;
	height: auto;
	width: 60%;
	margin-top: 1%;
}
.landing-text-box-left-seo {
	overflow: hidden;
	display: block;
	float: none;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0%;
}
.landing-text-box-right-seo {
	overflow: hidden;
	display: block;
	float: none;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.landing-text-box-left-cost {
	overflow: hidden;
	display: block;
	float: none;
	width: 50%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0%;
}
.landing-text-box-right-cost {
	overflow: hidden;
	display: block;
	float: none;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 2%;
}
.landing-text-box-left-cost-02 {
	overflow: hidden;
	display: block;
	float: none;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0%;
}
.landing-text-box-right-cost-02 {
	overflow: hidden;
	display: block;
	float: none;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.landing-text-box-left-actual {
	overflow: hidden;
	display: block;
	float: none;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0%;
}
.landing-text-box-right-actual {
	overflow: hidden;
	display: block;
	float: none;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.landing-img-line {
	margin-bottom: 4%;
	margin-top: 2%;
	display: block;
	line-height: 0px;
	width: 100%;
	height: auto;
}
.landing-text-box-80 {
	overflow: hidden;
	display: block;
	height: auto;
	width: 100%;
}
.landing-sp-text-box-bloc {
	overflow: hidden;
	display: block;
}
.landing-margin-bottom {
	margin-bottom: 1%;
}
.landing-margin-bottom-02 {
	margin-bottom: 2%;
}
.landing-margin-bottom-03 {
	margin-bottom: 1%;
}
.landing-margin-top {
	margin-top: 4%;
}
.landing-text-box-sp {
	overflow: hidden;
	display: block;
	width: 63%;
	float: left;
}
.landing-button-bg {
	width: 70%;
	min-width: 150px;
	overflow: hidden;
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-top: 1%;
}
.landing-button-bg-02 {
	width: 65%;
	min-width: 200px;
	overflow: hidden;
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-top: 4%;
}
.landing-button-bg img {
	width: 100%;
	height: auto;
}
.landing-button-bg-02 img {
	width: 100%;
	height: auto;
}
.landing-button-bg a {
	font-weight: bold;
	color: #4D7AFF;
}
.landing-button-bg-02 a {
	font-weight: bold;
	color: #4D7AFF;
}
.landing-button-bg a:hover {
	color: #FF9900;
}
.landing-button-bg-02 a:hover {
	color: #FF9900;
}
.landing-button {
	overflow: hidden;
	display: block;
	border: 1px solid #E9E9E9;
	padding-top: 6%;
	padding-right: 30px;
	padding-bottom: 6.5%;
	padding-left: 10px;
	background-color: #FDFDF2;
	text-align: center;
	font-size: 32px;
	white-space: nowrap;
}
.landing-button-margin {
	margin-bottom: 4.5%;
}
.landing-button-margin-org {
	margin-bottom: 7%;
}
.landing-button-text-small-01 {
	display: block;
	font-size: 21px;
}
.landing-button-text-small-02 {
	display: block;
	font-size: 21px;
	float: left;
	margin-right: 3%;
}
.landing-button-text-small-01 a {
	text-decoration: none;
}
.landing-button-text-small-02 a {
	text-decoration: none;
}
.landing-text-box-sp {
	width: auto;
	float: none;
}
.landing-text-box-half {
	width: 96%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.landing-text-box-half-inside {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3.5%;
}
.landing-margin-right-02 {
	margin-right: 0%;
}
.landing-text-box-half-margin {
	margin-bottom: 0%;
}
.landing-text-box-triple {
	overflow: hidden;
	display: block;
	width: 100%;
	margin-bottom: 4%;
}
.landing-text-box-triple-02 {
	overflow: hidden;
	display: block;
	width: 100%;
}
.landing-text-osusume-01 {
	margin-bottom: 4%;
}
.landing-text-box-mitsumori01 {
	display: none;
}
.mitsumor-img {
	overflow: hidden;
	display: block;
	float: left;
	height: auto;
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
}
.landing-text-box-mitsumori02 {
	overflow: hidden;
	display: block;
	width: 64%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0%;
	float: left;
}
.landing-text-box-mitsumori03 {
	width: 35%;
	margin-right: auto;
	margin-left: auto;
	float: right;
}
.landing-text-box-mitsumori-pc {
}
.landing-text-box-mitsumori-sp {
}
.sample▼テンプレサンプル▼ {
}
.text-box-sample-box {
	display: block;
	overflow: hidden;
	margin-bottom: 80px;
}
.text-box-sample-block {
	display: block;
	overflow: hidden;
}
.sample-box01 {
	display: block;
	overflow: hidden;
	width: auto;
	margin-bottom: 40px;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
.sample-box02 {
	width: 80%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	display: block;
	float: none;
}
.sample-title {
	width: auto;
	background-color: #7FCA39;
	font-weight: bold;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	/* [disabled]border: 1px solid #D6D6D6;
*/
	font-size: 18px;
	color: #FFF;
	line-height: 20px;
	display: block;
	margin-bottom: 4px;
}
.sample-box-img01 {
	border: 1px solid #ccc;
	/* [disabled]width: 99%;
*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
.sample-box-img02 {
	height: auto;
	width: 49%;
}

　 {
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
}
■■■タブレット（481-999）■■■ {
}
@media only screen and (min-width:481px) {
●header-top {
}
#header-top-box {
}
#header-top-box p {
	font-size: 11px;
	line-height: 13px;
	width : -webkit-calc(100% - 95px);
	width : calc(100% - 95px);
	text-align: right;
}
#header-top-box img {
	height: 11px;
	display: inline;
	float: none;
}
#header-top-link {
	font-size: 11px;
	line-height: 13px;
	width: 95px;
}
#header-top-link a {
}
●ヘッダー {
}
header {
	background-image: url(/images/design/header-bg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#header-box {
	width: 98%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-right: 1%;
	padding-left: 1%;
	box-sizing: border-box;
	overflow: hidden;
}
#header-title-box {
	background-image: none;
	float: left;
	display: block;
	width: 45%;
	height: auto;
	padding: 0px;
}
.header-title {
	width: 100%;
}
.header-navi {
	display: block;
	overflow: hidden;
	float: left;
	margin-top: 2%;
	width: 100%;
}
.header-navi-01 {
	width: 26.4%;
}
.header-navi-02 {
	width: 26.4%;
	margin-left: 1.5%;
	margin-top: 0px;
}
.header-navi-03 {
	width: 44%;
	margin-left: 1.5%;
	margin-top: 0px;
	float: left;
}
.header-navi-04 {
	width: 48%;
}
.header-navi-05 {
	width: 48%;
	margin-left: 4%;
	margin-top: 0px;
}
▼ヘッダー･インフォ {
}
#header-info {
	float: right;
	width: 53%;
	display: block;
	margin: 0%;
	padding: 0px;
}
#header-info img {
}
#header-box .scale-up {
	height: auto;
	overflow: hidden;
	display: block;
	margin-top: 0.2%;
}
▼ヘッダー･アンダーライン {
}
.header-underline-bg {
	display: none;
}
.header-underline-box {
	width: 98%;
	max-width: 1280px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
	padding-right: 1%;
	padding-left: 1%;
	box-sizing: border-box;
}
　 {
}
●グローバルナビ {
}
▼PC･TB版 {
}
#global-navi01-bg {
	background-image: url(/images/design/global-navi-bg.png);
	background-repeat: repeat-x;
	background-size: contain;
	display: block;
	overflow: hidden;
	box-shadow: 0px 2px 2px #CCC;
	margin-bottom: 2px;
	padding-top: 0.4%;
	padding-bottom: 0.2%;
}
#global-navi01-box {
	width: 100%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	height: auto;
	padding-left: 0.6%;
	padding-right: 0%;
}
.global-navi01-box-img1 {
	width: 20%;
}
.global-navi01-box-img2 {
	width: 19%;
}
#global-navi01-box ul {
	padding: 0px;
	margin: 0px;
	display: block;
	overflow: hidden;
	height: auto;
}
#global-navi01-box li {
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#global-navi01-box li img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.global-navi01-box-img-sp {
}
▼SP版･アコーディオンメニュー {
}
#accordion-navi {
	display: none;
}
#gNav {
	display: none;
}
　 {
}
▼SP版･ボタンタイプ {
}
#global-navi-sp01 {
	display: none;
}

　 {
}
●h1 {
}
#h1-box {
}
h1 {
	font-size: 20px;
	line-height: 30px;
}
h1:after {
	border: 20px solid transparent;
	border-top-color: #289F7B;
	border-bottom-width: 0;
	bottom: -18px;
	content: "";
	display: block;
	left: 47.5%;
	position: absolute;
	width: 0;
}
　 {
}
●フロント {
}
#front-box {
	padding-top: 15px;
	padding-bottom: 40px;
}
▼パンくずリスト {
}
#topic-path {
	font-size: 11px;
}
#topic-path p {
	font-size: 11px;
}
▼ページコンテンツ {
}
main {
	padding-right: 0%;
	padding-left: 0%;
}
▼ページ {
}
#page {
	font-size: 17px;
	line-height: 30px;
}
#page ul {
	padding-left: 25px;
}
#page ol {
	padding-left: 30px;
}
#page blockquote {
	padding-left: 15px;
}
.page-icon {
	width: auto;
}
.page-icon-qa {
	width: auto;
	margin-right: 5px;
}
.page-qa0▼見出し番号▼ {
}
.page-q {
	margin-right: 10px;
	height: auto;
	width: 50px;
}
.page-a {
	margin-right: 10px;
	height: auto;
	width: 50px;
}
　 {
}
▼料金表･スライド {
}
#slide-price {
	width: auto;
}
▼ページ･トップ {
}
.page-top {
	max-width: 70px;
	min-width: 55px;
	width: 7%;
}
.page-top img {
	float: right;
}
　 {
}
▼h2 {
}
h2 {
	font-size: 25px;
	line-height: 37px;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-right: 8px;
	padding-left: 15px;
	margin-bottom: 23px;
}
h2:after {
	border-top: 20px solid #1772F9;
	border-right: 25px solid transparent;
	border-left: 25px solid transparent;
	bottom: -19px;
	left: 70px;
}
h2:before {
	border-top: 20px solid #CCCCCC;
	border-right: 25px solid transparent;
	border-left: 25px solid transparent;
	bottom: -20px;
	left: 75px
}
　 {
}
▼フッター･インフォ {
}
#footer-info-bg {
	background-repeat: repeat-y;
}
#footer-info-box {
	width: 98%;
	max-width: 1280px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 1%;
	padding-left: 1%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.footer-info-pc {
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	padding: 2%;
	max-width: 1360px;
}
.footer-info-02 {
	margin-bottom: 2%;
}
.footer-info-tel {
	width: 45.5%;
	margin-bottom: 0px;
}
.footer-info-mail {
	width: 52.5%;
	float: left;
}
.footer-info-03 {
	display: block;
	overflow: hidden;
	height: auto;
	float: none;
	margin-top: 0%;
	width: 100%;
	margin-left: 0%;
	margin-bottom: 2%;
}
.footer-info-hyo {
	width: 76.5%;
	float: left;
}
.footer-info-calendar {
	float: right;
	width: 20.5%;
	margin-top: -3px;
}
.footer-info-calendar-01 {
	width: 100%;
}
.footer-info-calendar-02 {
	width: 100%;
}
.footer-info-calendar-03 {
	width: 100%;
	margin-top: 4%;
	margin-bottom: 3%;
}
.footer-info-sodan-sp {
	display: none;
}
.footer-info-pc img {
	width: 100%;
	height: auto;
}
.footer-info-04 {
}
▼サイトマップ {
}
#site-map-box {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	box-sizing: border-box;
	width: 98%;
	padding-top: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 15px;
}
#site-map {
	overflow: hidden;
	border: 2px solid #0259C4;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
	text-align: center;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 16px;
}
#site-map a {
	color: #525252;
	line-height: 38px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.site-map01 {
	width: 100%;
	font-size: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	float: none;
	border-bottom-style: none;
}
.site-map01 li {
	list-style-type: none;
	float: left;
	display: block;
	height: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.site-map01-small {
	font-size: 60%;
}
.site-map02 {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 15px;
	font-size: 16px;
	margin-top: 15px;
	float: none;
	border-left-style: none;
}
.site-map-menu01 {
	margin-right: 20px;
	height: 43px;
	font-size: 20px;
}
.site-map-menu01-end {
	clear: none;
	height: 43px;
	width: auto;
	font-size: 20px;
}
.site-map-menu02 {
	display: block;
	clear: none;
	float: left;
	margin-right: 30px;
	height: 38px;
}
.site-map-menu03 {
	display: block;
	clear: none;
	float: left;
	height: 38px;
}
.site-map-menu-icon01 {
	padding-bottom: 2px;
	margin-right: 3px;
	vertical-align: middle;
	float: left;
	display: block;
	margin-left: 0px;
}
.site-map-menu-icon02 {
	padding-bottom: 2px;
	margin-right: 3px;
	vertical-align: middle;
	float: left;
	display: block;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-left: 0px;
}
.site-map-menu-icon03 {
	padding-bottom: 2px;
	margin-right: 3px;
	vertical-align: middle;
	float: left;
	display: block;
	height: 30px;
	width: auto;
	margin-top: 0px;
	margin-left: 0px;
}
.site-map01 a {
	margin-bottom: 8px;
}
.site-map02 a {
	margin-bottom: 8px;
}
▼フッター詳細 {
}
.footer-details-icon01 {
}
.footer-details-icon02 {
}
　 {
}
▼コンプリート {
}
#complete-box {
	font-size: 17px;
}
.complete-img {
	width: 40%;
}
　 {
}
●クラス {
}
.text-box-00▼テキスト･ボックス▼ {
}
.text-box-01 {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
/* ▼制作実績･オリジナル用▼ */
.text-box-02-1 {
	width: 46%;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 30px;
	float: left;
}
.text-box-02-1::before {
	padding-top: 1%;
	padding-bottom: 1%;
}
/* ▼制作実績･テンプレ―ト用▼ */
.text-box-02-2 {
	width: 46%;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 30px;
	float: left;
}
.text-box-02-2::before {
	padding-top: 1%;
	padding-bottom: 1%;
}
.text-box-qa {
	padding: 20px;
}
.text-box-info {
	float: none;
	width: auto;
}
.text-box-03 {
	float: left;
	width: 32.5%;
	margin-right: 0.8%;
}
/* ▼デザイン･サンプル用▼ */
.text-box-04 {
	float: left;
	width: 48%;
	margin-right: 0.4%;
	margin-left: 0.6%;
	margin-bottom: 4%;
	padding: 0%;
}
.text-box-04 a {
	font-size: 16px;
}
.text-box-review img {
	margin-bottom: 0px;
}
.text-box-margin {
	margin-bottom: 12%;
}
.text-box-margin-landing {
	margin-bottom: 0px;
}
.text-key {
	font-size: 11px;
}
.img-fl0▼イメージ配置▼ {
}
.img-float-left-auto {
	max-width: initial;
}
.img-float-50 {
	height: auto;
	width: 50%;
}
.img-kouho-complete02 {
	width: 420px;
}
.complete-img {
	width: 70%;
	height: auto;
	margin-bottom: 10px;
}
/*コメント･リンク表示*/
.text-box2 {
	padding: 15px;
}
.img-frame-border {
	padding: 7px;
	width: auto;
}
.img-meishi-left {
	width: 80%;
	height: auto;
	float: none;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.icon-site-map {
	width: 38px;
}
.icon-site-map-sub {
	width: 30px;
}
.jump-bu▼ジャンプボタン▼ {
}
.jump-button-box {
}
.jump-button-box a {
}
.jump-button01 {
	width: 22.4%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 0.6%;
	margin-bottom: 0.5%;
	font-size: 16px;
	line-height: 24px;
}
.jump-button02 {
	width: 30.6%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 0.7%;
	font-size: 16px;
	line-height: 24px;
}
.jump-button03 {
	width: 46.8%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 0.7%;
	font-size: 16px;
	line-height: 24px;
}
.text-ko0▼小見出し▼ {
}
.text-komidashi-001 {
	font-size: 14px;
	line-height: 18px;
}
.text-komidashi-001 h3 {
}
.text-komidashi-002 {
	font-size: 20px;
	padding-top: 6px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.text-komidashi-002 h3 {
	font-size: 20px;
	line-height: 30px;
}
.text-komidashi-003 {
	font-size: 22px;
	line-height: 25px;
	padding-top: 12px;
	padding-bottom: 8px;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
.text-komidashi-004 {
	font-size: 17px;
	line-height: 22px;
}
.text-komidashi-004 h3 {
	font-size: 17px;

}
.text-komidashi-005 {
	margin-bottom: 15px;
	/* [disabled]font-size: 18px;
*/
}
.text-komidashi-006 {
	padding-top: 6px;
	margin-bottom: 15px;
	font-size: 14px;
}
.text-komidashi-007 {
	padding-top: 12px;
	padding-bottom: 8px;
	font-size: 20px;
}
.text-komidashi-008 {
	padding-top: 6px;
	padding-bottom: 4px;
	margin-bottom: 15px;
	font-size: 22px;
}
.text-komidashi-009 {
	padding-top: 6px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 18px;
}
.page-nu0▼見出し番号▼ {
}
.page-number-01 {
}
.page-number-02 {
	font-size: 150%;
	padding-top: 7px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 4px;
}
.border-bottom▼区切り用･下ライン▼ {
}
.border-bottom-03 {
	border-top-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.info-komidashi▼制作手順・お問合せページ▼ {
}
.info-komidashi-001 {
	margin-bottom: 15px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.info-komidashi-002 {
	margin-bottom: 15px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.info-komidashi-003 {
	margin-bottom: 15px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.info-komidashi-004 {
	margin-bottom: 15px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.info-komidashi-left {
	width: 150px;
	float: left;
}
.info-komidashi-right {
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	padding-top: 6px;
}
.info-komidashi-right h3 {
	font-size: 23px;
	line-height: 32px;
}
.info-komidashi-001-left-sp {
	background-color: transparent;
}
.info-komidashi-002-left-sp {
	background-color: transparent;
}
.info-komidashi-003-left-sp {
	background-color: transparent;
}
.info-komidashi-004-left-sp {
	background-color: transparent;
}
.info-step {
	font-size: 21px;
}
.info-icon {
	width: 32px;
}
.info-yazirushi {
	width: 100px;
}
.text-komidashi-left {
	width: 57.5%;
	float: left;
}
.img-float-nouki {
	float: left;
	margin-top: 5px;
	margin-right: 2.5%;
	display: block;
	width: 50%;
	height: auto;
}
.text-box-price00 {
	float: left;
	width: 44%;
	padding-right: 1.5%;
	padding-left: 1.5%;
	margin-right: 1%;
	margin-left: 1%;
	font-size: 125%;
	line-height: 35px;
}
.text-box-price00::before {
	display: block;
	content: '';
	padding-top: 1%;
	padding-bottom: 1%;
}
.text-box-price00 img {
	width: 100%;
	padding-bottom: 0%;
}
.text-box-price01 {
	float: left;
	width: 44%;
	padding-right: 1.5%;
	padding-left: 1.5%;
	margin-right: 1%;
	margin-left: 1%;
	font-size: 125%;
	line-height: 35px;
}
.text-box-price01::before {
	display: block;
	content: '';
	padding-top: 1%;
	padding-bottom: 1%;
}
.text-box-price01 img {
	width: 100%;
	padding-bottom: 0%;
}
.text-box-price02 {
	float: left;
	width: 44%;
	padding-right: 1.5%;
	padding-left: 1.5%;
	margin-right: 1%;
	margin-left: 1%;
	font-size: 125%;
	line-height: 35px;
}
.text-box-price02::before {
	display: block;
	content: '';
	padding-top: 1%;
	padding-bottom: 1%;
}
.text-box-price02 img {
	max-width: 345px;
	width: 100%;
	margin-bottom: 1.5%;
}
.text-box-price02::before {
	display: block;
	content: '';
	padding-top: 1%;
	padding-bottom: 1%;
}
.text-box-price03 {
	width: 96%;
	margin-left: 1%;
	padding-right: 1%;
	padding-left: 1%;
	margin-bottom: 0.2%;
	font-size: 125%;
	line-height: 35px;
}
.text-box-price-margin {
	margin-bottom: 30px;
}
.contents-box {
	margin-bottom: 17%;
}
.form-so▼フォーム▼ {
}
.text-form {
	margin-right: 7px;
}
.input-margin-02 {
	display: inline;
}
.input-margin-03 {
	display: inline;
}
.form-soshin {
	max-width: 250px;
	width: 250px;
}
.img-form▼フォーム･必須▼ {
}
.img-form {
	width: 47px;
	margin-top: 1px;
}
.img-form2 {
	width: 47px;
	margin-top: 2px;
}
.table-00▼テーブル▼ {
}
.table-access-td {
	width: 105px;
}
.table-ic▼テーブル･アイコン▼ {
}
.table-icon td {
	padding-bottom: 0px;
	padding-top: 0px;
}
.anchor-0▼アンカーポイント▼ {
}
.anchor {
	padding-top: 260px;
	margin-top: -260px;
}
.text-box-▼トップ・LPページ▼ {
}
.landing-text-box-bottom {
	margin-bottom: 0%;
}
.landing-text-box-margin {
	margin-bottom: 15%;
}
.landing-text-box-left-02 {
	width: 43.8%;
}
.landing-text-box-right-02 {
	width: 56.2%;
	margin-top: 3%;
}
.landing-text-box-left-seo {
	float: left;
	width: 37.5%;
}
.landing-text-box-right-seo {
	float: right;
	width: 62.5%;
}
.landing-text-box-left-cost {
	float: left;
	width: 29%;
}
.landing-text-box-right-cost {
	float: right;
	width: 71%;
}
.landing-text-box-left-cost-02 {
	float: left;
	width: 49%;
}
.landing-text-box-right-cost-02 {
	float: right;
	width: 49%;
}
.landing-text-box-left-actual {
	float: left;
	width: 50%;
}
.landing-text-box-right-actual {
	float: right;
	width: 50%;
}
.landing-text-box-80 {
	width: 80%;
}
.landing-sp-text-box-bloc {
	display: none;
}
.landing-img-line {
	margin-top: 12%;
}
.landing-button-bg {
	width: 35%;
	max-width: 370px;
	min-width: 230px;
	margin-top: 1%;
	float: right;
}
.landing-button-bg-02 {
	width: 35%;
	max-width: 370px;
	min-width: 230px;
	margin-top: 2%;
	float: right;
}
.landing-button {
	border: 3px solid #E9E9E9;
	padding-top: 7%;
	padding-right: 90px;
	padding-bottom: 6%;
	padding-left: 55px;
}
.landing-button-margin {
	margin-bottom: 4.5%;
}
.landing-button-margin-org {
	margin-bottom: 7%;
}
.landing-button-text-small-01 {
	display: block;
	font-size: 21px;
}
.landing-button-text-small-02 {
	display: block;
	font-size: 21px;
	float: left;
	margin-right: 3%;
}
.landing-button-text-small-01 a {
	text-decoration: none;
}
.landing-button-text-small-02 a {
	text-decoration: none;
}
.landing-text-box-half-inside {
	max-width: 48%;
	width: 48%;
	float: left;
	margin-bottom: 2%;
}
.landing-margin-right-02 {
	margin-right: 4%;
}

.landing-margin-right {
	margin-right: 2%;
}
.landing-text-box-triple {
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 0%;
}
.landing-text-box-triple-02 {
	width: 32%;
	float: left;
}
.landing-text-osusume-01 {
	margin-bottom: 42.8%;
}
.landing-text-box-half-inside {
	width: 48%;
	float: left;
}
.landing-margin-right-02 {
	margin-right: 4%;
}

.icon-plus▼料金表ページ▼ {
}
.icon-plus {
	display: none;
}
.img-kouho▼広報ページ▼ {
}
.img-kouho-01 {
	width: 49.5%;
	height: auto;
	float: left;
	margin-right: 0px;
	margin-bottom: 1%;
}
.img-kouho-02 {
	width: 49.5%;
	height: auto;
	float: left;
	margin-right: 1%;
}
.img-kouho-03 {
	width: 49.5%;
	height: auto;
	float: left;
	margin-right: 0px;
}
.img-kouho-05 {
}
.img-kouho-complete01 img {
	width: 250px;
	padding-left: 0%;
}
.sample▼テンプレサンプル▼ {
}
.sample-title {
	font-size: 15px;
	line-height: 24px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.sample-box01 {
	float: left;
	width: 32.3%;
	margin-right: 0.4%;
	margin-left: 0.6%;
	margin-bottom: 4%;
	padding: 0%;
}
.sample-box02 {
	float: left;
	width: 227px;
	margin-right: 0.7%;
	margin-bottom: 2.5%;
}
　 {
}
}
■■■タブレット（640-999）■■■ {
}
@media only screen and (min-width:640px) {
.img-kouho-04 {
	max-width: 400px;
	width: 40%;
	min-width: 250px;
	float: right;
	margin-top: 5px;
	margin-left: 15px;
}
.img-meishi-left {
	width: 40%;
	max-width: 320px;
	float: left;
	margin-top: 5px;
	margin-right: 2%;
}
.img-sample-01 {
	width: 17%;
	height: auto;
	float: left;
	margin-right: 3.7%;
}
.img-sample-01 img {
	width: 100%;
	height: auto;
}
.img-sample-02 {
	width: 17%;
	height: auto;
	float: left;
}
.img-sample-02 img {
	width: 100%;
	height: auto;
}
/* ▼ページ画像用▼ */
.img-float-left {
	width: 40%;
	max-width: 350px;
	height: auto;
	/* [disabled]max-width: 320px;
*/
	float: left;
	margin-top: 5px;
	margin-right: 2%;
}
.img-float-right {
	width: 40%;
	max-width: 350px;
	height: auto;
	float: right;
	margin-top: 5px;
	margin-left: 2%;
}
/* ▼フリーサイズ画像用▼ */
.img-float-left-freesize {
	width: auto;
	min-width: 150px;
	float: left;
	margin-right: 2%;
}
.img-float-left-freesize02 {
	width: auto;
	min-width: 150px;
	float: left;
	margin-right: 2%;
}
.img-float-right-freesize {
	width: auto;
	min-width: 150px;
	float: right;
	margin-left: 2%;
}
.img-float-center {
	width: 35%;
	margin-top: 45px;
	margin-bottom: 10px;
}
▼フッター詳細 {
}
#footer-details {
	overflow: hidden;
	border: 2px solid #0259C4;
	margin-right: auto;
	margin-left: auto;
	border-radius: 6px;
	text-align: center;
	background-color: #FFF;
	margin-bottom: 2%;
	margin-top: 2%;
	font-size: 15px;
}
.footer-details01 {
	width: 49.8%;
	float: left;
	text-align: right;
	padding-right: 0px;
}
.footer-details02 {
	width: 49.8%;
	float: right;
	text-align: left;
}
　 {
}
.landing-text-box-mitsumori01 {
	overflow: hidden;
	display: block;
	height: auto;
	float: left;
	width: 13%;
	margin-right: 2%;
	padding-left: 3%;
}
.mitsumor-img {
	display: block;
	width: 100%;
}
.landing-text-box-mitsumori02 {
	float: left;
	width: 47%;
	margin-right: 2%;
}
.landing-text-box-mitsumori03 {
	overflow: hidden;
	display: block;
	float: right;
	width: 28%;
	margin-right: 1.5%;
}
.landing-text-box-mitsumori-pc {
	display: block;d
}
.landing-text-box-mitsumori-sp {
	display: none;
}
　 {
}
}
■■■タブレット（720-999）■■■ {
}
@media only screen and (min-width:720px) {
/* ▼デザイン･サンプル用▼ */
.text-box-04 {
	width: 32.3%;
}
.landing-text-box-left {
	float: left;
	width: 43.8%;
}
.landing-text-box-right {
	width: 56.2%;
	float: right;
}
}
■■■タブレット（830-999）■■■ {
}
@media only screen and (min-width: 830px) {
.footer-info-left {
	width: 45.5%;
	float: left;
}
.footer-info-sodan-pc {
	height: auto;
	width: 52%;
	margin-left: 1.5%;
	margin-bottom: 0px;
	float: left;
	margin-top: 0px;
}
.text-komidashi-right {
}
.text-box-review {
	display: block;
	overflow: hidden;
	float: left;
	width: 40%;
	max-width: 250px;
	margin-right: 2%;
	background-color: #D6F3D7;
	border-radius: 5px;
	padding: 13px;
}
.img-meishi-left▼料金表ページ▼ {
}
.text-box-price-case {
	float: left;
	width: 44%;
	padding-right: 1.5%;
	padding-left: 1.5%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 30px;
	font-size: 125%;
	line-height: 35px;
}
.text-box-price-case::before {
	display: block;
	content: '';
	padding-top: 1%;
	padding-bottom: 1%;
}
　 {
}
}
■■■PC（1000-）■■■ {
}
@media screen and (min-width:1000px) {
.outer-frame {
	width: auto;
	z-index: 2;
	padding-bottom: 0px;
}
　 {
}
●ヘッダー {
}
●header-top {
}
#header-top-box {
	width: auto;
	max-width: 1280px;
	height: 17px;
	font-size: 12px;
	line-height: 14px;
	padding-top: 3px;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: auto;
	margin-left: auto;
}
#header-top-box p {
	width : -webkit-calc(100% - 105px);
	width : calc(100% - 105px);
}
#header-top-box img {
	height: auto;
}
#header-top-link {
	width: 105px;
	font-size: 12px;
	line-height: 14px;
}
●h1 {
}
#h1-bg {
}
#h1-box {
}
h1 {
	font-size: 35px;
	line-height: 50px;
}
h1:after {
	border: 30px solid transparent;
	border-top-color: #289F7B;
	border-bottom-width: 0;
	bottom: -27px;
	content: "";
	display: block;
	left: 47.5%;
	position: absolute;
	width: 0;
}
　 {
}
▼パンくずリスト {
}
#topic-path {
	font-size: 12px;
	height: auto;
}
#topic-path p {
	font-size: 12px;
}
▼ページコンテンツ {
}
main {
}
#page {
	font-size: 20px;
	line-height: 35px;
}
▼h2 {
}
h2 {
	font-size: 30px;
	line-height: 42px;
	width: auto;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
h2:after {
	border-top: 25px solid #1772F9;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	bottom: -24px;
	left: 100px;
}
h2:before {
	border-top: 25px solid #CCCCCC;
	border-right: 35px solid transparent;
	border-left: 35px solid transparent;
	bottom: -25px;
	left: 105px
}
▼ページ･トップ {
}
.page-top {
	max-width: 85px;
	min-width: 70px;
	width: 5%;
}
.page-icon-box-03 {
	font-size: 120%;
	line-height: 45px;
}
.page-qa0▼見出し番号▼ {
}
.page-qa {
	font-size: 200%;
}
.page-erase {
	display: block;
}
▼フッター･インフォ {
}
.footer-info-title {
	width: 53.5%;
	margin-top: 0.4%;
	margin-left: 0px;
	margin-bottom: 0px;
}
.footer-info-right {
	width: 44%;
	float: right;
}
.footer-info-pc {
	background-image: url(/images/design/footer-info.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	padding-top: 1.3%;
	padding-right: 1%;
	padding-bottom: 0;
	padding-left: 0;
}
.footer-info-02 {
	width: 82.6%;
	margin-left: 17%;
	margin-bottom: 1%;
}
.footer-info-03 {
	width: 98.5%;
	margin-bottom: 1%;
	margin-left: 1%;
}
.footer-info-sodan-pc {
}
.footer-info-04 {
	width: 82.6%;
	margin-left: 17%;
	margin-bottom: 1%;
}
▼サイトマップ {
}
#site-map-box {
	padding-top: 1.5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 0.2%;
}
#site-map {
	padding-top: 2%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 1.8%;
}
.site-map01 li {
	height: 45px;
}
.site-map01 a {
	margin-bottom: 0px;
}
▼フッター詳細 {
}
#footer-details {
	text-align: center;
	font-size: 20px;
	padding-top: 1%;
	padding-bottom: 1%;
}
▼キーワード02 {
}
#key2 {
	text-align: right;
}
●クラス {
}
.text-box-00▼テキスト･ボックス▼ {
}
/* ▼デザイン･サンプル用▼ */
.text-box-04 {
	width: 19%;
	margin-bottom: 0%;
}
.text-box-04 a {
	/* [disabled]font-size: 70%;
*/
}
/* ▼制作実績･オリジナル用▼ */
.text-box-02-1 {
	width: 30.5%;
	padding-right: 0.4%;
	padding-left: 0.4%;
	margin-bottom: 30px;
}
/* ▼制作実績･テンプレ―ト用▼ */
.text-box-02-2 {
	width: 30.5%;
	padding-right: 0.4%;
	padding-left: 0.4%;
	margin-bottom: 30px;
}
.contents-box {
	width: auto;
}
.cm-pc {
	display: block;
}
.cm-sm {
	display: none;
}
.text-box-review {
	float: left;
	width: 250px;
	margin-right: 2%;
	background-color: #D6F3D7;
	border-radius: 5px;
	padding: 13px;
}
.text-box-review01 {
	width: auto;
	margin-bottom: 5%;
}
.text-box-review02 {
	width: auto;
}
.text-box-info {
	width: 50%;
	float: left;
	margin-right: 25px;
}
.text-box-price00 {
	width: 29.3%;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: 0.8%;
	font-size: 100%;
}
.text-box-price01 {
	width: 29.3%;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: 0.8%;
	font-size: 100%;
}
.text-box-price02 {
	margin-right: 1.2%;
	font-size: 100%;
}
.text-box-price03 {
	font-size: 100%;
}
.text-box-price-case {
	width: 29.3%;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: 0.8%;
	font-size: 100%;
}
.text-key {
	font-size: 12px;
}
.img-sample▼サンプルページ▼ {
}
.img-sample-box {
	/* [disabled]width: 80%; */
	max-width: 1280px;
	margin-bottom: 30px;
}
.text-ko0▼小見出し▼ {
}
.text-komidashi-001 {
	font-size: 16px;
	line-height: 20px;
}
.text-komidashi-001 h3 {
}
.text-komidashi-004 {
	font-size: 17px;
	line-height: 22px;
}
.text-komidashi-004 h3 {
	font-size: 18px;
}
.img-fl0▼イメージ配置▼ {
}
/* ▼フリーサイズ画像用▼ */
.img-float-freesize {
	width: 200px;
	height: auto;
}
.img-float-left-freesize {
}
.img-float-left-freesize img {
	min-width: initial;
	max-width: initial;
}
.img-float-left-freesize02 {
}
.img-float-left-freesize02 img {
	min-width: initial;
	max-width: initial;
}
.img-float-right-freesize {
}
.img-float-right-freesize img {
	min-width: initial;
	max-width: initial;
}
.img-frame02 {
}
.img-frame03 {
	margin-bottom: 4%;
	padding-bottom: 10px;
}
.icon-site-map {
}
.icon-site-map-sub {
}
.border-bottom▼区切り用･下ライン▼ {
}
hr {
	margin-top: 30px;
	margin-bottom: 30px;
}
.border-bottom-01 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.border-bottom-02 {
	margin-top: 15px;
	margin-bottom: 20px;
}
.text-kome▼※マーク･インデント {
}
.text-kome {
	background-image: url(/images/design/icon/icon-kome.png);
	background-position: left 5px;
	padding-left: 22px;
}
.text-kome-80 {
	background-image: url(/images/design/icon/icon-kome.png);
	background-position: left -1px;
	padding-left: 22px;
}
.textarea▼フォーム･入力幅▼ {
}
.table-form {
	width: 900px;
}
.table-form-bloc {
	width: 900px;
}
.input {
	width: auto;
}
.textarea {
	width: auto;
}
.img-form▼フォーム･必須▼ {
}
.img-form {
	width: 52px;
	margin-top: 4px;
	margin-right: 5px;
}
.img-form2 {
	width: 52px;
	margin-top: 4px;
	margin-right: 5px;
}
.jump-bu▼ジャンプボタン▼ {
}
.jump-button01 {
	font-size: 20px;
	line-height: 31px;
}
.jump-button02 {
	font-size: 20px;
	line-height: 31px;
}
.jump-button03 {
	width: 47.3%;
	font-size: 20px;
	line-height: 31px;
}
.landing-text-box-half {
	overflow: hidden;
	display: block;
	width: 49%;
	float: left;
}
.info-komidashi▼制作手順・お問合せページ▼ {
}
.info-komidashi-001 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 10px;
	background-image: url(/images/sozai/komidashi/info-komidashi-001-bg.gif);
}
.info-komidashi-002 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 10px;
	background-image: url(/images/sozai/komidashi/info-komidashi-002-bg.gif);
}
.info-komidashi-003 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 10px;
	background-image: url(/images/sozai/komidashi/info-komidashi-003-bg.gif);
}
.info-komidashi-004 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 10px;
	background-image: url(/images/sozai/komidashi/info-komidashi-004-bg.gif);
}
.info-step {
	font-size: 26px;
	margin-top: 2px;
}
.info-icon {
	width: 45px;
}
.info-yazirushi {
	width: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.info-komidashi-left {
	width: 185px;
	margin-right: 30px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.info-komidashi-right {
	margin-top: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
.info-komidashi-right h3 {
	font-size: 27px;
	line-height: 45px;
}
/* ▼小見出し付き用ボックス▼ */
.text-komidashi-left {
}
.text-komidashi-right {
}
.img-kouho▼広報ページ▼ {
}
.img-kouho-01 {
	width: 32.8%;
	margin-right: 0.5%;
}
.img-kouho-02 {
	width: 32.8%;
	margin-right: 0.5%;
}
.img-kouho-03 {
	width: 32.8%;
	margin-right: 0px;
	display: block;
}
.img-kouho-05 {
	max-width: 320px;
	width: 40%;
	float: left;
	margin-top: 5px;
	margin-right: 20px;
}
.sample▼テンプレサンプル▼ {
}
.sample-title {
	font-size: 18px;
}
.sample-box01 {
	width: 19%;
	margin-bottom: 0%;
}
}