@charset "utf-8";
/* CSS Document */
html {
}
body {
}
img {
　
}
.fixed {
}
.wrap {
	width: 100%;
	padding: 1rem 1rem;
	box-sizing: border-box;
}
h1 {
}
h2 {
	font-size: 1rem;
	text-align: center;
	background-size: contain;
}
h3 {
	font-size: 0.8rem;
	padding: 0;
	text-align: center;
	background: inherit;
}
h4 {
	font-size: 1.2rem;
}
h5 {
}
p {
}
strong {
}
b {
}
small {
	font-size: 0.7rem;
	line-height: 1.5rem;
}
/*//////////////////////////////////////
header
//////////////////////////////////////*/
header,header.topimg {
    height: 110px;
}
header img {
}
/*//////////////////////////////////////
navi
//////////////////////////////////////*/
navi {
	height: 56px;
	padding: inherit;
}
navi ul {
	position: absolute;
	top: 40px;
	left: 5px;
	overflow: hidden;
	height: 0;
	width: 0;
	transition: 0.5s;
	background: #333;
	display: inherit;
	float: inherit;
}
navi ul li {
	float: inherit;
	border: none;
	border-bottom: solid 1px #ddd;
}
navi ul li:last-child {
	border-right: none;
}
navi ul li a {
	display: block;
	text-align: left;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	transition: 0.5s;
	font-size: 0.8rem;
	font-weight: normal;
}
navi ul li a:hover {
	background: #F2C1D1;
}
navi ul li a b {
	display: inline;
	font-size: 1rem;
	margin-right: 5px;
}
navi ul li:first-child a b:after {
	/*content: "";*/
	display: inline;
	margin-left: 5px;
	-webkit-filter: grayscale(100%) brightness(500%);   -moz-filter: grayscale(100%) brightness(500%);   -o-filter: grayscale(100%) brightness(500%);   -ms-filter: grayscale(100%) brightness(500%);   filter: grayscale(100%) brightness(500%);
}
navi.fixed ul li:first-child a b:after {
	-webkit-filter: invert(0%);
	-moz-filter: invert(0%);
	-o-filter: invert(0%);
	-ms-filter: invert(0%);
	filter: invert(0%);
}
navi img {
	display: none;
}
navi.fixed img {
	height: 40px;
}
navi.fixed ul {
	width: auto;
	margin-right: auto;
	background: #fff;
}
navi.fixed ul li a {
	padding: 5px;
	font-size: 0.8rem;
	color: #333;
}
navi.open ul {
	overflow: auto;
	height: auto;
	width: 80%;
	box-sizing: border-box;
	padding: 10px;
}
/*SP用*/
.sp_menu {
	display: inherit;
	float: left;
	line-height: 52px;
	overflow: hidden;
	color: #333;
	font-weight: bold;
}
.sp_menu img {
	display: inherit;
	margin: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 40px;
}
.menu_btn {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #333;
	border-radius: 5px;
	position: relative;
	margin: 5px;
	float: left;
}
.menu_btn:before, .menu_btn:after {
	content: "";
	position: absolute;
	transition: 0.5s;
	width: 28px;
	height: 4px;
}
.menu_btn:before {
	top: 10px;
	left: 6px;
	background: #fff;
	box-shadow: 0px 8px #fff, 0 16px #fff;
}
.menu_btn:after {
	top: 18px;
	left: -2px;
	background: #333;
	transform: rotate(-90deg);
}
.open .menu_btn:before {
	top: 17px;
	left: 6px;
	background: #fff;
	box-shadow: 0px 0px #fff, 0 0px #fff;
	transform: rotate(45deg);
}
.open .menu_btn:after {
	top: 17px;
	left: 6px;
	background: #fff;
	transform: rotate(-45deg);
}
.fixed .sp_menu {
	display: inherit;
	float: left;
	line-height: 52px;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
}
.fixed .menu_btn {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 5px;
	position: relative;
	margin: 5px;
	float: left;
}
.fixed .menu_btn:before, .fixed .menu_btn:after {
	content: "";
	position: absolute;
	transition: 0.5s;
	width: 28px;
	height: 4px;
}
.fixed .menu_btn:before {
	top: 10px;
	left: 6px;
	background: #666;
	box-shadow: 0px 8px #666, 0 16px #666;
}
.fixed .menu_btn:after {
	top: 18px;
	left: -2px;
	background: #fff;
	transform: rotate(-90deg);
}
.fixed.open .menu_btn:before {
	top: 17px;
	left: 6px;
	background: #666;
	box-shadow: 0px 0px #666, 0 0px #666;
	transform: rotate(45deg);
}
.fixed.open .menu_btn:after {
	top: 17px;
	left: 6px;
	background: #666;
	transform: rotate(-45deg);
}
/*//////////////////////////////////////
footer
//////////////////////////////////////*/
footer {
}
footer .add {
	width: inherit;
	float: inherit;
	box-sizing: border-box;
	padding: 0 1rem;
	font-size: 1rem;
}
footer .add img {
	display: block;
	margin: auto;
}
footer ul {
	width: inherit;
	float: inherit;
	box-sizing: border-box;
	padding: 0 2rem;
}
footer ul li {
}
footer ul li a {
}
footer ul li a:hover {
}
footer ul li a b {
}
footer .contact {
	width: inherit;
	float: inherit;
	box-sizing: border-box;
	padding: 1rem;
}
footer .contact img {
	width: 100%;
}
footer .contact a {
}
footer .contact a:hover {
}
.copyright {
}
.copyright p {
	width: 100%;
	text-align: center;
}
.pctel {
	display:none;
}
.sptel {
	display: block !important;
    background-color: inherit !important;
    margin-top: 0 !important;
}
/*//////////////////////////////////////
トップページ
//////////////////////////////////////*/
/*top_cnt01*/
.top_cnt01 {
	padding: 0;
}
.top_service {
	margin: 2rem auto;
}
.top_service img {
	width: 80%;
	margin: 0.5rem auto;
	display: block;
}
.top_service_left {
	float: none;
	width: inherit;
	margin-bottom: 2rem;
}
.top_service_right {
	float: none;
	width: inherit;
}
.top_service_txt {
	font-size: 0.8rem;
	line-height: 1.5rem;
}
.top_merit {
    padding: 0 0 1rem;
    background-size: 2rem;
}
.top_merit_ttl {
	font-size: 1rem;
	margin-bottom: 1rem;
}
.top_merit ol {
	margin: 0.5rem 0 0 1rem;
}
.top_merit li {
	font-size: 0.8rem;
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
	margin-left: 1.5rem;
}
/*top_cnt02*/
.top_cnt02 {
	padding: 0;
}
.top_multi-device {
	margin: 2rem auto 0px;
}
.top_device_img {
	float: none;
	width: 230px;
	height: 190px;
	margin: auto;
}
.device_img_pc {
	left: 0;
	right: 0;
	margin: auto;
	width: 220px;
}
.device_img_pc img:first-child {
	top: 16px;
	left: 0;
	right: 0;
	margin: auto;
	width: 162px;
}
.device_img_pc img:last-child {
}
.device_img_sp {
	width: 58px;
	height: 140px;
}
.device_img_sp img:first-child {
	top: 17px;
	left: 10px;
	width: 36px;
}
.device_img_sp img:last-child {
}
.device_img_tablet {
	left: inherit;
	right: 0;
	width: 87px;
	height: 170px;
}
.device_img_tablet img:first-child {
	top: 12px;
	left: 16px;
	width: 61px;
}
.device_img_tablet img:last-child {
}
.top_device_merit {
	float: none;
}
.top_device_merit li {
	background-size: 1.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.8rem;
	line-height: 1.5rem;
	padding-left: 2.5rem;
}
/*top_cnt03*/
.top_cnt03 {
	padding: 0;
	margin: 2rem 0;
}
.top_cate_list {
	margin: 2rem 0 0;
}
.top_cate_list a {
	float: none;
	width: 80%;
	margin: auto;
}
.top_cate_list a img {
	margin-bottom: 0;
}
.top_cate_list a:hover {
}
/*top_cnt04*/
.top_cnt04 {
	padding: 0;
}
.price_hikaku {
	margin: 2rem auto;
	width: inherit;
}
.price_hikaku b {
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
}
.price_ippan, .price_wei {
	font-size: 1rem;
}
.price_wei b {
}
.price_hikaku small {
}
.price_list {
	width: inherit;
}
.price_list_ttl {
	font-size: 1rem;
	line-height: 3rem;
}
.price_list_plan {
	width: inherit;
	float: inherit;
	overflow: hidden;
	font-size: 0.8rem;
	line-height: 3rem;
}
.price_list_plan strong {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.price_list_plan b {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
/*top_cnt05*/
.top_cnt05 {
	padding: 0;
}
.option_list {
	margin-top: 0.5rem;
	padding: 1rem;
}
.option_list_left {
	float: inherit;
	width: inherit;
}
.option_list_right {
	float: inherit;
	width: inherit;
}
.option_list_ttl {
	margin-bottom: 0.5rem;
}
.option_list_ttl:first-letter {
}
.option_list_txt {
	padding: 0;
	font-size: 0.8rem;
	line-height: 1.5rem;
}
.option_list_txt b{}
.option_list img {
	width: inherit;
	margin-top: 1rem;
}
.option_list_right img {
	float: inherit;
}
.option_list a.link_more {
	margin: 1rem auto 0;
}
.option_list a.link_more:after {
}
.option_list a.link_more:hover {
}
.top_cnt05 a.to_contact {
	width: inherit;

	margin-top: 2rem;
}

.top_cnt05 a.to_contact:hover {
}
.separator {
  height: 6rem;
}

/*//////////////////////////////////////
Photoページ
//////////////////////////////////////*/
.photo_ttl {
	width: 100%;
	box-sizing: border-box;
	padding: 2rem 1rem 1rem;
	font-size: 0.8rem;
	line-height: 1.5rem;
	margin: 0;
}
.photo_ttl b {
	font-size: 1.5rem;
	line-height: 2rem;
}
.photo_ttl .photo_appeal{
	    padding: 1rem 0;
}
.photo_ttl .photo_appeal img{
	height: 100px;
}
.photo_ttl .photo_appeal .photo_appeal_ttl{
}
.photo_ttl .photo_appeal .photo_appeal_txt{
}
.photo_cnt01 {
	margin-bottom: 0;
	font-size: 0.7rem;
}
.photo_profile {
	float: none;
	width: 100%;
	margin-bottom: 1rem;
}
.photo_profile img {
	margin: 1rem auto;
}
.photo_profile strong {
	font-size: 1.5rem;
	line-height: 2rem;
}
.photo_profile table {
}
.photo_profile tr {
}
.photo_profile td {
}
.photo_work {
	float: none;
	width: 100%;
}
.photo_work strong {
	font-size: 1.5rem;
	line-height: 2rem;
}
.photo_work dl {
}
.photo_work dt {
	font-size: 0.8rem;
}
.photo_work dd {
}
.photo_work table {
}
.photo_work tr {
}
.photo_work td {
}
.photo_cnt02 {
}
.photo_price_cnt {
	margin-bottom: 2rem;
}
.photo_price_ttl {
	font-size: 0.8rem;
	line-height: 2rem;
}
.photo_price {
	font-size: 1rem;
	margin: 0.5rem 0;
}
.photo_price strong {
	font-size: 1.5rem;
}
.photo_price_cnt dl {
	font-size: 0.7rem;
}
.photo_price_cnt dt {
	font-size: 0.8rem;
	line-height: 1.5rem;
}
.photo_price_cnt dd {
}
.photo_price_cnt li {
	font-size: 1rem;
	margin-top: 0.5rem;
}
.photo_price_cnt table {
	font-size: 0.8rem;
}
.photo_price_cnt tr {
	display: block;
	width: 100%;
	overflow: hidden;
	border-bottom: solid 1px #5E5E5E;
	border-right: solid 1px #5E5E5E;
}
.photo_price_cnt tr.price_sum td {
	width: 50%;
	text-align: center;
	white-space: nowrap;
}
.photo_price_cnt tr.price_sum td:first-child {
	width: 50%;
	text-align: center;
}
.photo_price_cnt th {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-right: none;
}
.photo_price_cnt td {
	display: block;
	width: 70%;
	box-sizing: border-box;
	float: left;
	border-bottom: none;
}
.photo_price_cnt td:last-child {
	width: 30%;
	border-right: none;
}
.photo_price_cnt p {
	font-size: 0.7rem;
	line-height: 1.5rem;
}
.photo_price_img{
}
.photo_price_img img{
    width: 49%;
}
.photo_cnt03 {
	margin-bottom: 2rem;
}
.photo_cnt03 a {
  width: 50%;
}
.photo_cnt03 img {
}
.photo_cnt04 img {
	width: 49%;
	box-sizing: border-box;
}
.photo_cnt04 a{
    width: 49%;
}
/*//////////////////////////////////////
デザイン詳細ページ
//////////////////////////////////////*/
.detail_cnt{
	margin: 2rem 0;
}
.detail_img{
	float: none;
	width:100%;
}
.detail_img img{}
.detail_img_kakudai{}
.detail_img_kakudai a{
	font-size: 0.8rem;
}
.detail_img_kakudai a:hover{}
.detail_form{
	float: none;
	width:100%;
}
.detail_form li{}
.detail_form dt{}
.detail_form dd{}
.detail_form a{}
.detail_form a:hover{}

/*//////////////////////////////////////
メールページ
//////////////////////////////////////*/
.mail_cnt{
	margin: 2rem 0;
}
.mail_form{
	  width: 100%;
}
.mail_form li{}
.mail_form dt{}
.mail_form dd{}
.mail_form a.submit {
}
.mail_form a.submit:hover {
}
/*//////////////////////////////////////
デザイン一覧ページ
//////////////////////////////////////*/
.design_cnt{
	margin: 2rem 0;
}
.design_list{
	margin-top: 2rem;
}
.design_list a{
	float: none;
	width: 80%;
	margin: auto;
}
.design_list a:hover {
}
.design_list a img{}

/*isotope*/
.design_cnt .filter {
}
.design_cnt .filter a {
    display: block;
    margin-bottom: 1rem;
}
.design_cnt .filter a:hover {
}
.design_cnt .filter a.current {
}
.design_cnt .isotope {
}
.design_cnt .item {
}
.design_cnt .isotope .item {
    width: 100% !important;
    box-sizing: border-box;
    padding: 0;
}
.design_cnt .isotope .item a:hover{
}
.design_cnt .isotope .item .item_name {
    width: 100%;
}
.design_cnt .isotope .item .item_name b {
}
.design_cnt .isotope .item .item_name strong {
}
.design_cnt .isotope .item img {
}

/*//////////////////////////////////////
会社概要ページ
//////////////////////////////////////*/

.company_cnt{
	  width: 100%;
    margin:0;
	box-sizing:border-box;
	padding:2rem 1rem;
}
.company_cnt dt{
    background: #EBEBEB;
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;
}
.company_cnt dd{
    padding: 0 1rem 1rem;
}


/*//////////////////////////////////////
サービスページ
//////////////////////////////////////*/
.service_ttl{
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 1rem;
}
.service_ttl b{}
.service_cnt01{
    padding: 2rem 0 0;
    margin-bottom: 2rem;
}
.service_cnt01 .wrap{
	background: inherit;
}
.service_cnt01_inner01{
    padding-bottom: 1rem;    
    margin-bottom: 1rem;
}
.service_belief{
    width: 100%;
    float: none;
}
.service_belief strong{}
.service_name{
    width: 100%;    float: none;
}
.service_name img{}
.service_cnt01_inner02{}
.service_cnt01_inner02 ul{
    width: 100%;
    list-style-position: outside;
    margin-bottom: 2rem;
}
.service_cnt01_inner02 dt{}
.service_cnt01_inner02 li{
    margin: 0 0 0 2rem;
    padding: 0;
    border: none;
    line-height: 1.5rem;
    font-size: 0.8rem;
}
.service_detail{
    float: none;
}
.service_merit{
    float: none;
}
.service_price {
    float: none;
}
.service_price li{
    margin: 0;
}
.service_price li table{
}
.service_price li table tr{
    display: block;
}
.service_price li table th{
    display: block;
    width: 100%;    box-sizing: border-box;
}
.service_price li table td{
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.service_cnt02{}
.service_flow{}
.service_flow dt{
    margin-bottom: 1rem;
}
.service_flow dd{
    margin-bottom: 2rem;
    font-size: 0.8rem;
}
.service_flow dd b{
    font-size: 1rem;
    padding: 0 0.5rem;
    top: -16px;
    left: -3px;
    border-radius: 8px;
}
.service_flow dd:after{
    bottom: -2.6rem;
}

.service_flow dd:last-child:after{
}

.service_original{
    margin: 0;
}
.service_hybrid {
    padding: 0;
    margin: 0;
}
.service_hybrid .wrap{
    background: inherit;
}
.original_price{
    font-size: 1.4rem;
}
.hybrid_price{
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
}
.hybrid_price strong{
    float: none;
    font-size: 1rem;
    line-height: normal;
    width: inherit;
}

/*//////////////////////////////////////
オリジナルデザインページ
//////////////////////////////////////*/
.original_ttl{
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 1rem;}
.original_ttl b{}
.original_cnt01{}
.original_detail{}
.original_detail strong{}


/*//////////////////////////////////////
ハイブリッドページ
//////////////////////////////////////*/
.hybrid_ttl{
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 1rem;}
.hybrid_ttl b{}
.hybrid_cnt01{}
.hybrid_detail{}
.hybrid_detail strong{}