/*
Theme Name: ehome-V_dual
Theme URI: http://www.ehome-dk.com
Version: 1.0
Author: Digital Kitchen
Author URI: http://dejikichi.com

/*	INDEX
-------------------------------------------------
	BASE
	HEADER
	CONTENT
	SIDE BAR
	FOOTER
	MISC
	Mobile
	HACK
*/

/*	BASE
-------------------------------------------------*/
* {margin: 0; padding: 0;}

html{
	margin: 0;
	padding: 0;
	color: #555555;
	line-height: 1.6;
	font-size:16px;
	font-family: "メイリオ",-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,Meiryo, sans-serif;
}

.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

body{padding:170px 0 0;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
a,
a:link {}
a:hover {}
a:visited {}
a:active {}

a.btna,
a.btna:link,
a.btna:visited,
a.btna:hover,
a.btna:active{
	display:inline-block;
	padding:1em;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #999;
	border-radius:0.2em;
	color:#333;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(245,245,245) 100%);
	background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(245,245,245) 100%);
	background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(245,245,245) 100%);
	box-shadow:0px -4px 0px #dedede inset;
}
a.btna:hover,
a.btna:active{
	opacity:0.6;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 100%);
	background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(240,240,240) 100%);
	background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(240,240,240) 100%);

}

a.contact_btn,
a.contact_btn:link,
a.contact_btn:visited{
	display:inline-block;
	padding:1em;
	text-decoration:none;
	color:#fff;
	background-color:#ff2626;
	margin:0 auto;
}

a.contact_btn:hover,
a.contact_btn:active{opacity:0.6;}


a img {border:none;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.bottom_1em{margin-bottom:1em;}
section,
article,
div{}
table{
	border-collapse: collapse;
	width:100%;
}
table th,
table td{
	padding:0.6em;
	padding:0.4em;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 auto;
}
.pc_block{display:block;}

.w1200{width:1200px;}

.link_btn a:link,
.link_btn a:visited{
	display: inline-block;
	padding: 0.4em;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	background-color: #004679;
	border: 1px solid #ccc;
	border-radius:10px;
	box-sizing:border-box;
	width:240px;
	text-align:center;
}

.link_btn a:hover,
.link_btn a:active{opacity:0.8;}


/*	HEADER
-------------------------------------------------
*/
header{
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	box-shadow:0px 1px 4px rgba(0,0,0,0.6);
	height:152px;
	height:170px;
}
.header_wrap{}

header h1 img{max-height:60px;width:auto;height:auto;}

.hcontainer,
header nav ul{
	width:1200px;
	margin:0 auto;
}

.hdescription_wrap{background-color:#004679;padding:0.2em;margin-bottom:0.4em;}
.hdescription{
	display:-webkit-flex;
	display:flex;
	justify-content: space-between;
	align-items:center;
	width:1200px;
	margin:0 auto;
}

.site-description{color:#fff;font-size:12px;}

.hdescription a:link,
.hdescription a:visited{color:#fff;text-decoration:none;font-weight:bold;margin-left:1em;}
.hdescription a:hover,
.hdescription a:active{opacity:0.8;}
.hdescription a span{padding:0 6px 0 0; font-size:24px;}

.hcontainer,
header nav ul{
	display:-webkit-flex;
	display:flex;
	align-items:center;
}

.hcontainer{
	justify-content:space-between;
}
.hcontainer .hright{
	display:-webkit-flex;
	display:flex;
	align-items:center;
}

.hright .contact_wrap{}
.hright .contact_wrap ul{list-style:none;}

.hright .contact_wrap ul li.contact_tel{
	font-size:24px;
	font-weight:bold;
	color:#004679;
}
.hright .contact_wrap ul li.contact_tel span{font-size:1rem;color:#333;}
.hright .contact_wrap ul li.contact_time{font-size:0.8em;}


.hright a:link,
.hright a:visited{
	padding:0.4em 0.6em;
	border-radius:0.2em;
	margin:0 0.4em;
	box-sizing:border-box;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#fff;
	box-shadow:1px 1px 1px rgba(0,0,0,0.6);
	font-weight:bold;
}

.hright a:hover,
.hright a:active{opacity:0.6;}

.hright a.demositebtn{background-color:#ff6600;}
.hright a.contactbtn{background-color:#ff2626;}
.hright a.entrybtn{
	background: rgb(125,185,232);
	background: -moz-linear-gradient(top, rgb(125,185,232) 0%, rgb(73,110,153) 100%);
	background: -webkit-linear-gradient(top, rgb(125,185,232) 0%,rgb(73,110,153) 100%);
	background: linear-gradient(to bottom, rgb(125,185,232) 0%,rgb(73,110,153) 100%);
}

.seasonicon{}
.seasonicon img{max-height:60px;width:auto;height:auto;}

header nav{padding:0 0 0.4em;}
header nav ul{list-style:none;}

header nav ul li{
	border-right:1px solid #cecece;
	box-sizing:border-box;
	width:12%;
}
header nav ul li:nth-of-type(1){width:8%;}
header nav ul li:nth-of-type(6){width:14%;}

header nav ul li:first-of-type{border-left:1px solid #cecece;}
header nav ul li#menu-item-384{flex-grow:2;}
header nav ul li a:link,
header nav ul li a:visited{
	color:#333;
	font-size:0.9em;
	text-decoration:none;
	text-align:center;
	padding:0.2em 0.4em;
	margin:0;
	width:100%;
	height:3.2em;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
	justify-content: center;
	align-items: center;
}

header nav ul li a:hover,
header nav ul li a:active{opacity:0.6;}
header nav ul li.demosite_link a:link,
header nav ul li.demosite_link a:visited{color:#ff6c13;font-weight:bold;}

header nav ul li span{
	display:block;
	font-size:0.8em;
	width:100%;
}


/*	CONTENT
-------------------------------------------------
*/

.breadcrumbs{margin:1em 0;}
.breadcrumbs span{font-size:14px;}

main{
	width:980px;
	width:1200px;
	margin:0 auto;
	padding:152px 0 2em;
	padding:170px 0 2em;
	padding:0px 0 2em;
}

div.h2back{margin-bottom:2em;}
div.h2back h2 div.title_block{
	background-color:#014678;
	display:inline-block;
	color:#fff;
	box-sizing:border-box;
	height:38px;
}
div.h2back h2 div.title_block .title_wrap{display:inline-block;padding-top:4px;}
div.h2back h2 div.title_block:before{
	content: '';
	background-image: url(../dimages/ehome_midashi_back.gif);
	background-repeat: no-repeat;
	background-position-x: 0px;
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 50px;
}
div.h2back h2 div.title_block:after{
	content: '';
	background-image: url(../dimages/ehome_midashi_back.gif);
	background-repeat: no-repeat;
	background-position-x: -19px;
	background-position-y: 0px;
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 50px;
	margin-right:-2px;
}

.type_light_color{color:#ff5500;}
.type_std_color{color:#004CCA;}

/*	post table
-------------------------------------------------*/

table{}

table caption{}

table th{}

table td{}

table th,
table td{}

table td ul,
table td ol{margin-left:1em;}



/*	post ol ul li
-------------------------------------------------*/
ul,
ol{margin-left:2em;}

ul li,
ol li{}



/*	TOP
-------------------------------------------------*/

main#top_main_area{
	width:100%;
	padding-bottom:0;
}

#top_slider_area{
	position: relative;
	z-index: 22;
	box-shadow: 0px 2px 4px #666;
}
#top_formlink{}

#top_formlink ul{
	display:-webkit-flex;
	display:flex;
	width:1200px;
	margin:0 auto;
	padding:1em;
	list-style:none;
	justify-content:center;

}
#top_formlink ul li{margin:0 2em;}
#top_formlink ul li a:link,
#top_formlink ul li a:visited{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	text-decoration:none;
	font-weight:bold;
	border-radius:10px;
	color:#fff;
	text-align:center;
	width: 180px;
	height: 50px;
}

#top_formlink ul li.pamphlet_inquiry a{background-color:#168809;}
#top_formlink ul li.demosite_inquiry a{background-color:#ff8800;}

#top_formlink ul li a:hover,
#top_formlink ul li a:active{opacity:0.8;}


#front1st,
#front2nd,
#front3rd,
#front4th,
#front_design,
#front_jisseki{padding:1em;}

#front1st h2,
#front2nd h2,
#front3rd h2,
#front_jisseki h2{
	width:100%;
	text-align:center;
	font-size:24px;
	margin-bottom:0.4em;
	padding:0.5em;
	box-sizing:border-box;
}

#front1st .concept_wrap,
#front4th .information_area{
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

.contents_link{
	margin:0 auto 1em;
}

.contents_link ul{
	list-style:none;
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	margin-left:0;
}
.contents_link ul li{margin:0 2em;}

.contents_link ul li a:link,
.contents_link ul li a:visited{
	display: inline-block;
	padding: 0.4em;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	background-color: #004679;
	border: 1px solid #ccc;
	border-radius:10px;
	box-sizing:border-box;
	width:240px;
	text-align:center;
}

.contents_link ul li a:hover,
.contents_link ul li a:active{opacity:0.8;}


/*コンセプト*/
#front1st{
	box-shadow:0px 2px 4px #666;
	background-color:#8eb4d9;
	position:relative;
	z-index:18;
}
#front1st h2{color:#fff;}
#front1st .concept_wrap{
	justify-content:left;
	margin-bottom:1em;
}

#front1st .concept_wrap article{
	width:280px;margin:0 10px 20px;
	padding:0.4em 0.2em;
	background-color:#fff;
	border:1px solid #ccc;
	box-sizing:border-box;
	border-radius:10px;
}

#front1st .concept_wrap article a:link,
#front1st .concept_wrap article a:visited{
	color:#333;
	text-decoration:none;
	display:block;
}

#front1st .concept_wrap article a:hover,
#front1st .concept_wrap article a:active{
	opacity:0.8;
}


#front1st .concept_wrap article h3{
	font-size:18px;
	text-align:center;
	margin-bottom:0.4em;
}

#front1st .concept_wrap article:nth-of-type(1) h3,
#front1st .concept_wrap article:nth-of-type(2) h3,
#front1st .concept_wrap article:nth-of-type(3) h3,
#front1st .concept_wrap article:nth-of-type(4) h3{height:5rem;}


#front1st .concept_wrap article div{margin:0 0.2em;}


.concept_other_link{margin-bottom:2em;}
.concept_other_link ul{}
.concept_other_link ul li{}


.concept_comment{
	padding:1em;
	font-size:0.8em;
	border-radius:10px;
	background-color:#fff;
	margin:0 auto 1em;
	width:980px;
}

/*料金案内*/
#front2nd{
	box-shadow:0px 2px 4px #666;
	background-color:#cde4fd;
	position:relative;
	z-index:14;
}

.tpricelist_wrap{
	width:980px;
	margin:0 auto 1em;
	background-color:#fff;
	padding:1em;
	box-sizing:border-box;
}

#front2nd table{}

#front2nd table th,
#front2nd table td{
	text-align:center;
	width:160px;
}

#front2nd .price_list_link ul{}
#front2nd .price_list_link ul li{}


/*デモサイト*/
#front3rd{
	background-color:#cde4fd;
	box-shadow:0px 2px 4px #666;
	position:relative;
	z-index:12;
}

#front3rd h2{}

.demo_wrap{
	width:1200px;
	margin:0 auto;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

.demo_wrap h3{
	width:100%;
	border-bottom:1px solid #333;
	padding-bottom:0.2em;
	margin-bottom:1em;
}

.demo_list{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

.demo_wrap article{
	width:30%;
	margin:0 1% 1.2rem;
	padding:0.4em;
	box-sizing:border-box;
	background-color:#fff;
}


.demo_wrap article a:link,
.demo_wrap article a:visited{
	text-decoration:none;
	color:#333;
	display:block;
}
.demo_wrap article a:hover,
.demo_wrap article a:active{opacity:0.8;}

.demo_wrap article .demoimage_wrap{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:0.4em;
}

.demo_wrap article .demoimage_wrap img.demoimage_top{
	width:80%;
	height:100%;
	margin:0 auto 10px;
}
.demo_wrap article .demoimage_wrap img.demoimage_list,
.demo_wrap article .demoimage_wrap img.demoimage_detail{
	width:46%;
	height:100%;
	margin:0 auto 0;
}

.demo_wrap article .demoimage_wrap img.demoimage_list{}
.demo_wrap article .demoimage_wrap img.demoimage_detail{}



.demo_wrap article .demo_data{
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;
	align-items: center;
	padding-left: 0.6em;
	color:#333;
	text-decoration:none;
}

.demo_wrap article .demo_data img{
	width:100px;
	height:100px;
}


#front3rd.demosite2{
	background-color:#fff;
}
.demo_wrap2{
	margin:0 auto;
}

.demo_wrap2 .tds_wrap{
	margin:0 auto;
	width:800px;
}

.demo_wrap2 .tds_desc{
	border:none;
	text-align:center;
}

.demo_wrap2 .tds_desc .tds_link{margin-top:1em;}

.demo_wrap2 .tds_img{}
.demo_wrap2 .tds_img img{
	width:100%;
	height:auto;
}


/*新着情報*/
#front4th{
	position:relative;
	z-index:20;
	padding-top:2em;
}
#front4th #news_wrap{}

#front4th article{width:60%;}
#front4th article h2{text-align:left;border-bottom:1px solid #ccc;margin-bottom:0.4em;}
#front4th article.news_posts{width:100%;margin-bottom:0.4em;border-bottom:1px dotted #999;padding-bottom:0;}
#front4th article.news_posts a:link,
#front4th article.news_posts a:visited{display:block;text-decoration:none;}
#front4th article.news_posts a:hover,
#front4th article.news_posts a:active{}
#front4th article.news_posts span,
#front4th article.news_posts h3{font-size:1em;padding:0.2em 0.4em;border-bottom:none;margin-bottom:0;}
#front4th article.news_posts span{color:#333;}

#front4th #it_support{
	width:100%;
	text-align:center;
	margin:0 auto 2em;
}
#front4th #it_support a:link,
#front4th #it_support a:visited{font-size:0;display:block;margin:0 auto;}

#front4th #it_support a:hover,
#front4th #it_support a:active{opacity:0.8;}

#front4th #fb_area{
	/*width:30%;*/
	/*height:265px;
	margin-bottom:2em;*/
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-around;
}


/*サイトデザイン*/
#front_design{
	box-shadow:0px 2px 4px #666;
	position:relative;
	z-index:16;
}
#front_design h2{
	text-align:center;
	margin-bottom:1em;
}

.sdi_tab{margin-bottom:0.4em;}

.sdi_tab ul{
	list-style:none;
	display:-webkit-flex;
	display:flex;
	margin-left:0;
	border-bottom:1px solid #004679;
	margin-bottom:2em;
}

.sdi_tab ul li{
	padding:0.2em 0.6em;
	border:1px solid #ccc;
	border-bottom:none;
	margin-right:1em;
	cursor:pointer;
	font-weight:bold;
	background: -moz-linear-gradient(top, #fffff 0%, #f3f3f3f 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
}
.sdi_tab li:hover{opacity:0.8;}
.sdi_tab ul li.lview_now{
	background:none;
	background-color:#004679;
	color:#fff;
}

.sitedesign_wrap{
	display:block;
	margin:0 auto;
}




.sitedesign_img figure{
	width:100%;
	height:auto;
	margin-bottom:1em;
}


.tsd_desc,
.tds_desc{
	padding:1em;
	border:1px solid #ccc;
	border-radius:10px;
	background-color:#fff;
}

.tsd_desc{margin-bottom:2em;}
.tds_desc{margin-bottom:0em;}


.tsd_link,
.tds_link{text-align:center;margin:2em 0 1em;}




#front_jisseki{text-align:center;}
#front_jisseki a:hover{opacity:0.6;}


#sidebar{
	width:1200px;
	margin:0 auto;
	padding:2em 0;
}

#sidebar ul{margin-left:0;list-style:none;}

/*	page
-------------------------------------------------*/
.page_entry{margin-bottom:1em;}
.page_entry h3{}

.it_hojo_link{
	float:right;
	margin-top:-12px;
}

/*	feature
-------------------------------------------------*/



.feature_section{
	padding-top:200px;
	margin-top:-200px;
	margin-bottom:1em;
}

.feature_section h3{
	width:100%;
	margin-bottom:2em;
	background-color:#004679;
	color:#fff;
	padding:0.4em;
	box-sizing:border-box;
}


#other_features3 table{}
#other_features3 table th{
	width:12em;
	white-space: nowrap;
}
#other_features3 table th.users_screen{width:6em;}
#other_features3 table th.control_screen,
#other_features3 table th.option{width:initial;}

#other_features3 table th.users_screen{}
#other_features3 table th.control_screen{}
#other_features3 table th.option{}


.ef_contents_wrap{
	padding-top:200px;
	margin-top:-200px;
}

.ef_contents{
	display:flex;
	width:100%;
	border:1px solid #ccc;
	padding:1em;
	margin-bottom:2em;
	box-sizing:border-box;
}


.ef_contents figure{
	width:300px;
	margin-right:2em;
	border:1px solid #ccc;
}
.ef_contents .efc_wrap{}
.ef_contents h4{
	margin:1em 0;
	color:#004CCA;
	border-bottom:1px solid #555;
}
.ef_contents h4 .efc_title{display:inline-block;}

caption p,
.ef_contents h4 p{display:none;}

.type_wrap{
	display:inline-block;
	margin-left:1em;
	margin-bottom:4px;
}
h4 .type_wrap{vertical-align:middle;}
caption .type_wrap{}

.type_wrap .light_icon,
.type_wrap .std_icon{
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	padding:0px 10px;
	margin:0 0.5em;
	border:1px solid #ccc;
	border-radius:10px;
	text-align:center;
	color:#fff;
	width:70px;
	box-sizing:border-box;
}

.type_wrap .light_icon{
	background: #ffd34e;
	background: -moz-linear-gradient(top, #ffc000 0%, #ff9d00 100%);
	background: -webkit-linear-gradient(top, #ffc000 0%,#ff9d00 100%);
	background: linear-gradient(to bottom, #ffc000 0%,#ff9d00 100%);
	border-color:#ff9d00;
}

.type_wrap .std_icon{
	background: #92d050;
	background: -moz-linear-gradient(top, #92d050 0%, #548336 100%);
	background: -webkit-linear-gradient(top, #92d050 0%,#548336 100%);
	background: linear-gradient(to bottom, #92d050 0%,#548336 100%);
	border-color:#92d050;
}

.ef_contents h4 span{margin:0 0.2em;}

.ef_contents h5{
	font-size:1rem;
	margin-bottom:0.4em;
}

.ef_contents .efc_desc{}

.ef_contentpage_desc{
	margin-bottom:1em;
}


/*	機能一覧
-------------------------------------------------*/
h3 p{display:none;}
.comparison_table caption div{display:inline-block;}


.comparison_icon{
	list-style:none;
	margin:0 auto 0.4em;
	width:60%;
	display:inline-block;
	float:right;
	font-size:0.8em;
	text-align:right;
}

.comparison_icon li{margin-left:2em;display:inline-block;}
.comparison_icon li span{width:1.2em;display:inline-block;text-align:center;}

.feature_wrap{}

.std_feature_wrap{
	padding-top:250px;
	margin-top:-250px;
}

.feature_wrap h4{}
.feature_wrap h4 .title_wrap{display:inline-block;}
.feature_wrap h4 .type_wrap{}

.comparison_price_table,
.comparison_table{
	margin:0 auto 2em;
}

.comparison_table.feature_table{margin-top:0;}

.comparison_price_table caption,
.comparison_table caption{
	font-weight:bold;
	font-size:18px;
	text-align:left;
}

.comparison_table caption{font-weight:normal;}

.comparison_table tr.title_cel{font-size:14px;}
.comparison_table th{width:30%;}
.comparison_table td{}
.comparison_table tr td:nth-of-type(1){text-align:center;width:12%;}
.comparison_table tr td:nth-of-type(2){text-align:center;width:8%;}
.comparison_table tr td:nth-of-type(3){text-align:center;width:8%;}
.comparison_table tr td:nth-of-type(4){text-align:left;width:42%;}

.comparison_table.col3 td:nth-of-type(1){text-align:center;width:28%;}
.comparison_table.col3 td:nth-of-type(2){text-align:left;width:42%;}

.option_table tr th{}
.option_table tr td:nth-of-type(1){width:25%;}
.option_table tr td:nth-of-type(2){width:40%;}


.default_feature{font-weight:bold;font-size:22px;}
.option_feature{font-weight:bold;font-size:18px;}

.pricing_option_wrap{padding-top:200px;margin-top:-200px;}

.scroll_table_head{
	display:none;
	position:fixed;
	top:170px;
	left:50%;
	transform:translate(-50%,0);
	width:1200px;
}
.scroll_table_head th,
.scroll_table_head td{
	text-align:center;
	background-color:#fff;
	font-size:14px;
}
.scroll_table_head th{width:30%;}
.scroll_table_head td:nth-of-type(1){width:12%;}
.scroll_table_head td:nth-of-type(2){width:8%;}
.scroll_table_head td:nth-of-type(3){width:8%;}
.scroll_table_head td:nth-of-type(4){width:42%;}

.scroll_table_head td:nth-of-type(1) span{font-size:12px;}

/*	site_design
-------------------------------------------------*/
#post-546 h3{
	width: 100%;
	margin-bottom: 2em;
	border:1px solid #004679;
	color:#004679;
	padding: 0.4em;
	box-sizing: border-box;	
}

.ps_contents{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2em;
}
.ps_contents h4{
	width:100%;
	padding-bottom:0.2em;
	margin-bottom:0.4em;
	border-bottom:1px solid #333;
}
.psc_wrap{
	width:380px;
	margin:0 10px;
}

.psc_contents{
	padding:10px;
	box-sizing:border-box;
	border:1px solid #ccc;
	margin-bottom:0.4em;
}

.psc_layout{
	text-align:center;
	font-weight:bold;
}

.pscimg_wrap{
	display:flex;
	margin-bottom:0.4em;
	align-items: baseline;
}

.psc_wrap figure.pc_img{
	width:72%;
	height:auto;
	margin-right:4%;
}

.psc_wrap figure.sp_img{
	width:24%;
	height:auto;
}

.psc_wrap figure a:link,
.psc_wrap figure a:visited{
	display:block;
	font-size:0;
}

.psc_wrap figure a:hover,
.psc_wrap figure a:active{opacity:0.8;}

.psc_wrap figure img{
	width:100%;
	height:auto;
}
.psc_desc{}

.psc_desc span{
	font-weight:bold;
	margin-right:1em;
}

.layout_select{margin-bottom:0.4em;}

.layout_select ul{
	list-style:none;
	display:flex;
	margin-left:0;
	border-bottom:1px solid #004679;
	margin-bottom:2em;
}

.layout_select ul li{
	padding:0.2em 0.6em;
	border:1px solid #ccc;
	border-bottom:none;
	margin-right:1em;
	cursor:pointer;
	font-weight:bold;
	background: -moz-linear-gradient(top, #fffff 0%, #f3f3f3f 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);
}
.layout_select ul li:hover{opacity:0.8;}
.layout_select ul li.lview_now{
	background:none;
	background-color:#004679;
	color:#fff;
}
.color_select{margin-bottom:2em;}
.color_select ul{
	display:flex;
	list-style:none;
	margin-left:0;
}

.color_select li{
	padding:4px;
	padding-left:1em;
	border:1px solid #ccc;
	border-radius:20px;
	margin:0 1em;
	cursor:pointer;
	display: flex;
	align-items: center;
	min-width:126px;
	font-size:0.8em;
}

.color_select li:hover{opacity:0.8;}
.color_select li.cview_now{
	border-color:#004679;
}

.color_select li span{
	display:block;
	width:16px;
	height:16px;
	font-size:0;
	box-sizing:border-box;
	margin-right:10px;
}
.color_select .color1 span{background-color:#141623;}
.color_select .color2 span{background-color:#9ee4ae;}
.color_select .color3 span{background-color:#38829b;}
.color_select .color4 span{background-color:#eeeeee;border:1px solid #ccc;}
.color_select .color5 span{background-color:#489ad7;}
.color_select .color6 span{background-color:#fbcaec;}
.color_select .color7 span{background-color:#ffffd6;border:1px solid #ccc;}

.cdesc_wrap{
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
	background-color:#fefefe;
}

/*	demosite
-------------------------------------------------*/
#pagename.demosite_name h2{display:flex;align-items:center;}
#pagename.demosite_name span{
	font-weight:normal;
	font-size:0.8em;
}
#pagename.demosite_name a{
	float:right;
	font-size:0.8em;
	width:240px;
	padding:0.4em 1em;
	margin:0;
	display:block;
	border:1px solid #0c0cb7;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
	margin-left: 23em;
	box-shadow:1px 1px 1px #999;
	background-color:#70b273;
}
#pagename.demosite_name a:hover{opacity:0.6;}
#pagename.demosite_name a span{
	font-size:1em;
	font-weight:bold;
	margin-left:0;
}
#pagename.demosite_name a div{background-color:#fff;padding:4px;}
#pagename.demosite_name a .color1{color:#2626ff;}
#pagename.demosite_name a .color2{color:#ff2626;}
#pagename.demosite_name a .color3{color:#fbbc03;}
#pagename.demosite_name a .color4{color:#2626ff;}
#pagename.demosite_name a .color5{color:#00bd00;}
#pagename.demosite_name a .color_black{color:#333;font-weight:normal;}

.demosite_link_area{display:flex;flex-wrap:wrap;}
.demosite_link_area h3.demo_type{
	width:100%;
	padding-bottom:0.4em;
	border-bottom:1px solid #666;
	margin-bottom:1em;
	text-align:center;
}
.demosite_link_area h3.demo_type.rent_demo{margin-top:2em;}
.demosite_link_area article{
	width:48%;
	padding:1em;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:10px;
	margin:0 1% 1em;
}
.demosite_link_area article h3{text-align:center;}
.demosite_link_area article figure{margin:0 0 0.4em;display:flex;}
.demosite_link_area article figure a img:hover{opacity:0.6;}
.demosite_link_area article .demosite_caption{display:none;margin:0 0 0.4em;}
.demosite_link_area article .demosite_link{display:flex;justify-content:space-between;}
.demosite_link_area article .demosite_link .dlink1{width:60%;}
.demosite_link_area article .demosite_link .dlink1 a:link,
.demosite_link_area article .demosite_link .dlink1 a:visited{
	width:100%;
	padding:0.4em 0.8em;
	color:#333;
	text-decoration:none;
	border:1px solid #ccc;
	border-radius:10px;
	box-sizing:border-box;
	display:block;
	text-align:center;
	background-image: -moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(239,239,239) 100%);
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(239,239,239)));
	background-image: -webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(239,239,239) 100%);
	background-image: -ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(239,239,239) 100%);
}
.demosite_link_area article .demosite_link .dlink1 a:hover{opacity:0.6;}
.demosite_link_area article .demosite_link .dlink1 a.link_demob-a_pc,
.demosite_link_area article .demosite_link .dlink1 a.link_demob-b_pc,
.demosite_link_area article .demosite_link .dlink1 a.link_demor-a_pc,
.demosite_link_area article .demosite_link .dlink1 a.link_demor-b_pc,
.demosite_link_area article .demosite_link .dlink1 a.link_demor-c_pc{margin-bottom:1em;}
.demosite_link_area article .demosite_link .dlink1 a.link_demob-a_sp,
.demosite_link_area article .demosite_link .dlink1 a.link_demob-b_sp,
.demosite_link_area article .demosite_link .dlink1 a.link_demor-a_sp,
.demosite_link_area article .demosite_link .dlink1 a.link_demor-b_sp,
.demosite_link_area article .demosite_link .dlink1 a.link_demor-c_sp{}

.demosite_link_area article .demosite_link .dlink2{}
.demosite_link_area article .demosite_link .dlink2 img{width:100px;height:100px;}

.color_pattern_link{
	display:flex;
	flex-wrap:wrap;
}
.color_pattern_link h3{
	width:100%;
	text-align:center;
	border-bottom:1px solid #ccc;
}

.color_pattern_link .color_link{
	display:flex;
	justify-content:center;
	width:100%;
}

.color_pattern_link a:link,
.color_pattern_link a:visited{
	color:#333;
	text-decoration:none;
	padding:0.4em 2em;
	margin:1em;
	border:1px solid #ccc;
	border-radius:10px;
	background: rgb(240,240,240);
	background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%);
}
.color_pattern_link a:hover,
.color_pattern_link a:active{opacity:0.6;}

.color_pattern_link a.cl_b{}

/*	pricing
-------------------------------------------------*/

.price_wrap{margin-bottom:2em;}

.price_content_wrap h3{
	width: 100%;
	border-bottom: 1px solid #999;
	margin-bottom: 1em;
}

.dual_price_case{
	display:flex;
	flex-wrap:wrap;
}

.price_wrap h4{
	text-align:left;
	font-weight:bold;
	font-size:1em;
	margin-bottom:1em;
	border-bottom:1px solid #999;
	color:#004CCA;
	width:100%;
}

.shiharai_wrap{display:flex;}
.shiharai_wrap h3{
	width:20%;
	background-color:#999;
	color:#fff;
	border:none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.shiharai_wrap h4{color:#333;font-weight:normal;}
.shiharai_wrap .left_wrap,
.shiharai_wrap .right_wrap{
	width:36%;
	margin:0 2%;
}


.dual_price_case dl{
	width:98%;
	margin:0 1%;
}
.dual_price_case.price_wrap dl{margin-left:0;}

.dual_price,
.single_price,
.price_option,
.pricetbl_wrap{margin-bottom:2em;}

.price_option p{margin-bottom:0.4em;}

.dual_price .pricetbl tr th:nth-of-type(1),
.single_price .pricetbl tr th:nth-of-type(1),
.price_option .pricetbl tr th:nth-of-type(1){width:340px;}

.price_wrap ol,
.price_wrap dl{
	margin-left:1em;
	margin-bottom:2em;
}

.price_wrap dl dt{font-weight:bold;margin-bottom:1em;}
.price_wrap dl dd{margin-bottom:1em;font-size:14px;margin-left:1em;}


.price_wrap ol{margin-bottom:0.4em;}
.month_support{margin-bottom:2em;}

.pricetbl{border-collapse: collapse;width:100%;margin:0 auto 2em;}
.pricetbl.yearpricetbl{margin-bottom:0;}
.yearpricetbl_comment{margin-bottom:2em;}

.pricetbl caption{
	text-align:center;
	font-weight:bold;
	font-size:1em;
	margin-bottom:0px;
}

.pricetbl caption.comment_cel{font-size:1em;color:#008000;}
.pricetbl tr:nth-of-type(even) th,
.pricetbl tr:nth-of-type(even) td{}
.pricetbl tr th{
	font-weight:normal;
	width:220px;
	width:30%;
}
.pricetbl tr td:nth-of-type(2){width:35%;}

.pricetbl tr.opt_tbl_head th,
.pricetbl tr.opt_tbl_head td{
	border:1px solid #ccc;
	font-weight:bold;
	text-align:center;
	background-color:#fefefe;
}

.pricetbl td{text-align:center;min-width:35%;}
.pricetbl td ul{list-style:none;margin-left:0;}
.pricetbl td ul li{margin-bottom:0.4em;}

.pricetbl td p{font-size:0.8em;}


.pricetbl_wrap{margin-bottom:2em;}
.table_flex{
	display:flex;
}
.pricetbl_wrap .left_table,
.pricetbl_wrap .right_table{width:48%;}

.pricetbl_wrap .left_table{margin-right:2%;}


.pricetbl.opt_tbl1 th,
.pricetbl.opt_tbl2 th,
.pricetbl.opt_tbl3 th{
	width:320px;
	text-align:left;
}
.pricetbl.opt_tbl2 td:nth-of-type(1){width:17%;text-align:center;}
.pricetbl.opt_tbl2 td:nth-of-type(2){width:auto;}

.option_form_link.support_link a:link,
.option_form_link.support_link a:visited{width:420px;}


/*※上に移動*/
.color_red{color:#ff2626;}

/*	WEB運用サポート
-------------------------------------------------*/

#fy_support,
#month_support,
#any_support,
#local_support{
	padding-top:220px;
	margin-top:-220px;
}

.support_menu{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2em;
}

.support_menu a:link,
.support_menu a:visited{
	margin:0 0.4em;
	padding:0.2em 0.4em;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	background: #82f2ba;
	background: -moz-linear-gradient(top, #82f2ba 1%, #22aa76 100%);
	background: -webkit-linear-gradient(top, #82f2ba 1%,#22aa76 100%);
	background: linear-gradient(to bottom, #82f2ba 1%,#22aa76 100%);
	border:1px solid #22aa76;
	border-radius:10px;
}

.support_menu a:hover,
.support_menu a:active{opacity:0.8;}


.support_h3{margin-bottom:1em;}

#support{
	padding-top:220px;
	margin-top:-220px;
}

.support_contents1 .fy_support_contents,
.support_contents2 .support_catch,
.support_table_wrap{width:1100px;margin:0 auto 0;}

.support_contents1{margin-bottom:2em;}
.support_contents2{margin-bottom:1em;}
.support_contents h3,
.support_h3{
	width: 100%;
	border-bottom: 1px solid #999;
	margin-bottom: 1em;
}

.support_contents1 .fy_support_contents article{
	border:1px solid #eee;
	margin-bottom:2em;
	padding:1em;
}
.support_contents1 .fy_support_contents article h4{
	margin-bottom:1em;
	color: #004CCA;
	border-bottom:1px solid #555;
}

.support_contents1 .fy_support_contents article .fsc_contents{padding:0 1em;}

.support_catch{margin-bottom:1em;}
.support_catch li{font-weight:bold;}
.support_table_wrap{
	padding:0 1em;
}

.support_table_wrap .pricetbl caption{text-align:left;font-weight:bold;}

.support_contents1 ol li{margin-bottom:1em;}
.support_contents1 ul li{margin-bottom:0em;}


.link_banner_wrap{
	display:flex;
	align-items:flex-start;
	padding:1em 0 0;
}
.link_banner_wrap ul{margin-right:40px;}
.link_banner_wrap .lbsub_wrap1{margin-right:40px;}
.link_banner_wrap .lbsub_wrap2{}

.link_banner_wrap .lbsub_wrap1{}
.link_banner_wrap .lbsub_wrap2{}


.link_banner_wrap figure{margin-bottom:1em;font-size:0;}
.link_banner_wrap figure img{display:block;margin:0 auto 4px;}
.link_banner_wrap figure figcaption{font-size:1rem;margin-bottom:0.4em;text-align:center;}
.link_banner_wrap .lbsub_wrap2  figure figcaption{margin-bottom:0.4em;}
.link_banner_wrap figure figcaption span{margin-right:1em;}
.banner_service_desc{}
.support_table{
	margin:0 30px 2em;
	width:1140px;
}
.support_table caption{text-align:left;}


.option_area{
	padding:200px 0 0;
	margin-top:-200px;
	margin-bottom:1em;
}
.option_area h3{
	font-weight: bold;
	margin-bottom: 1em;
	border-bottom: 1px solid #999;
}

.option_menu{display:flex;list-style:none;margin-bottom:1em;}
.option_menu li{
	font-weight:bold;
	width:240px;
	padding:0.2em;
	border:1px solid #ccc;
	margin-right:1em;
	box-sizing:border-box;
	cursor:pointer;
	text-align:center;
	background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#dbdbdb 100%);
}
.option_menu li#opt_menu_a:hover,
.option_menu li#opt_menu_a.now_view{
	color:#ff2626;
	border-color:#ff2626;
}
.option_menu li#opt_menu_b:hover,
.option_menu li#opt_menu_b.now_view{
	color:#3d7abf;
	border-color:#3d7abf;
}
.optionimg_wrap{
	width:1100px;
	margin:0 auto;
}

.optionimg_wrap img{width:100%;height:auto;}

.optionimages_desc{
	padding:0 2em;
	margin-bottom:1em;
	font-weight:bold;
	color:#004CCA;
}
.optionimages_desc span.normal{font-weight:normal;}

ul.opt_sub_page{list-style:none;display:flex;flex-wrap:wrap;}
ul.opt_sub_page li{
	font-size:12px;
	padding:0.2em 0.6em;
	margin:0.2em 0.4em;
	background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#dbdbdb 100%);
	border:1px solid #ccc;
	border-radius:10px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	cursor:pointer;
}
.optionimages_a ul.opt_sub_page li:hover,
.optionimages_a ul.opt_sub_page li.osp_now_view{
	background:none;
	background-color:#eee;
	color: #ff2626;
	border-color: #ff2626;
}

.optionimages_b ul.opt_sub_page li:hover,
.optionimages_b ul.opt_sub_page li.osp_now_view{
	background:none;
	background-color:#eee;
	color: #3d7abf;
	border-color: #3d7abf;
}
.option_form_link{text-align:center;padding:0.4em;}

.option_form_link a:link,
.option_form_link a:visited{
	padding: 0.4em 0.6em;
	border-radius: 0.2em;
	margin:0 auto;
	box-sizing: border-box;
	display: block;
	width:300px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	font-weight: bold;
	background-color:#ff2626;
}
.option_form_link a:hover,
.option_form_link a:active{opacity:0.6;}

.support_desc{
	margin-bottom:1em;
	padding:0 1em;
}

.month_support_contents article{
	padding-left:2em;
	margin-bottom:0.5em;
	
}
.month_support_contents article p{display:none;}

.month_support_contents article:before{
	content:'●';
	margin-left:0.2em;
}

.vst_btn_wrap{
	display:inline-block;
	margin-left:1em;
}

.view_support_table{
	display:block;
	width:180px;
	font-size:14px;
	box-sizing:border-box;
	padding:4px 10px;
	text-align:center;
	color: #333;
	font-weight: bold;
	background: #ededed;
	background: -moz-linear-gradient(top, #efefef 0%, #ccc 100%);
	background: -webkit-linear-gradient(top, #efefef 0%,#ccc 100%);
	background: linear-gradient(to bottom, #efefef 0%,#ccc 100%);
	border: 1px solid #ccc;
	cursor:pointer;
}

.view_support_table:hover{opacity:0.8;}
.support_table{margin-top:1em;}
.support_table caption{text-align:center;}

/*	会社概要
-------------------------------------------------*/


/*	flow
-------------------------------------------------*/
.flow_page{margin-bottom:1em;}

.flow_table{margin-bottom:2em;}

.flow_table tr td:nth-of-type(1),
.flow_table tr td:nth-of-type(2),
.flow_table tr td:nth-of-type(4){
	white-space:nowrap;
	width:80px;
	text-align:center;
}

.flow_table tr td:nth-of-type(1){
	width:100px;
	font-weight:bold;
}


.flow_table tr td:nth-of-type(3){width:420px;}
.flow_table tr td:nth-of-type(5){width:520px;}

a.contact_link{
	padding: 0.4em 0.6em;
	border-radius: 0.2em;
	margin: 0 0.4em;
	box-sizing: border-box;
	display:inline-block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #ff2626;
}
a.contact_link:hover{opacity:0.6;}
.flow_cat{
	margin: 0 auto 2em;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 2px solid #ccc;
}

.flow_cat li{
	font-weight: bold;
	display: inline-block;
	padding: 0.4em 0.6em;
	margin: 0 1em 0 0;
	border: 1px solid #ccc;
	border-bottom: none;
	cursor: pointer;
	background-color: #fefefe;
	border-radius: 0 4px 0 0;
}
.flow_cat li#btn_bank:hover,
.flow_cat li#btn_bank.view_flow{background-color:#FFD966;}

.flow_cat li#btn_credit:hover,
.flow_cat li#btn_credit.view_flow{background-color:#bfdcf7;}


.ftbl{margin:0 0 1em;}
.ftbl caption{
	text-align:center;
	font-weight:bold;
	padding:0.4em;
}
.ftbl tr td:nth-of-type(1){width:140px;}
.ftbl tr td:nth-of-type(4){white-space:nowrap;}

/*	ドメイン移管
-------------------------------------------------*/
.domainflow{
	margin-bottom:2em;
}

.domainflow th,
.domainflow td{padding:0.4em;}

.domainflow caption{
	font-weight:bold;
	text-align:left;
	margin-bottom: 1em;
	border-bottom: 1px solid #999;
	color:#004CCA;
}

.domainflow.dft1{margin-top:1em;}

.domainflow.dft1 th:nth-of-type(1),
.domainflow.dft1 th:nth-of-type(3),
.domainflow.dft2 th:nth-of-type(1),
.domainflow.dft2 th:nth-of-type(3){width:42%;}


.domainflow.dft1 th:nth-of-type(2),
.domainflow.dft2 th:nth-of-type(2){
	width:16%;
	text-align:center;
}


.domainflow.dft2{}


.domainflow.dft3{}

.domainflow.dft3 th:nth-of-type(1){width:20%;}
.domainflow.dft3 th:nth-of-type(3){width:36%;}
.domainflow.dft3 th:nth-of-type(5){width:36%;}

.domainflow.dft3 th:nth-of-type(2),
.domainflow.dft3 th:nth-of-type(4){
	width:4%;
	text-align:center;
}

/*	PayPal
-------------------------------------------------*/
.paypal_flow_wrap{
	margin:1em 0;
}

.paypal_flow_wrap .paypal_flow{
	display:flex;
	padding:1em;
	border:1px solid #ccc;
	border-radius:10px;
	margin-bottom:1em;
}

.paypal_flow_wrap .paypal_flow figure{
	width:300px;
	height:auto;
	margin-right:1rem;
	border:1px solid #ccc;
	font-size:0;
}

.paypal_flow_wrap .paypal_flow figure img{
	width:300px;
	height:auto;
}

.paypal_flow_wrap .paypal_flow .pf_desc{
	text-indent:-2em;
	padding-left:2em;
}

/*	privacy_policy
-------------------------------------------------*/
.privacy_policy{}

.privacy_policy h3{font-size:1em;margin-bottom:0.4em;}
.privacy_policy ul{margin-left:1.5em;}
.privacy_policy ul li{margin:0.4em 0;}

/*	利用規約
-------------------------------------------------*/
.jo{margin-bottom:1em;}
.jo h4{font-size:1em;margin-bottom:0.4em;}
.jo ol,
.jo ul{margin-left:1.5em;}

.jo ol li,
.jo ul li{margin:0.4em 0;}

.jo  dl.kiyaku_shiharaijouken{margin-top:0.4em;}
.jo  dl.kiyaku_shiharaijouken dt{font-weight:bold;}
.jo  dl.kiyaku_shiharaijouken dd{padding-left:1em;margin-bottom:0.4em;}

/*	IT重説
-------------------------------------------------*/

/*	よくある質問
-------------------------------------------------*/
.faq_contents_wrap{}

.faq_contents_wrap dl{
	margin-bottom:2em;
	padding:1em;
}

.faq_contents_wrap dl dt{
	font-weight:bold;
	margin-bottom:0.4em;
	text-indent:-1em;
	padding-left:2em;
	padding-bottom:0.2em;
	border-bottom:1px solid #ccc;
}
.faq_contents_wrap dl dt:before{
	content:"Q";
	color:#004679;
	margin-right:0.4em;
}

.faq_contents_wrap dl dd{
	text-indent:-1em;
	padding-left:2em;
}

.faq_contents_wrap dl dd:before{
	content:"A";
	color:#ff8000;
	font-weight:bold;
	margin-right:0.4em;
}

/*	single
-------------------------------------------------*/
.post .entry h3{margin-bottom:1em;}
.post .entry div{margin-bottom:2em;}
.post .entry ul li,
.post .entry ol li{margin-bottom:0.4em;}
.post .entry dl dt{margin-bottom:0.4em;font-weight:bold;}
.post .entry dl dd{margin-bottom:1em;}

.post .entry p{margin-bottom:1em;}
/*	FOOTER
-------------------------------------------------
*/
.footer_contact{background-color:#efefef;padding:1em;border-bottom:1px solid #ccc;}
.footer_contact h2{
	width:100%;
	text-align:center;
	font-size:24px;
	margin-bottom:0.4em;
	padding:0.5em;
	box-sizing:border-box;
}
.footer_contact article{width:980px;margin:0 auto;}
.footer_contact article{margin-bottom:1em;}
.footer_contact article .contact_us_wrap,
.footer_contact article .contact_skype_wrap{
	width:800px;
	background-color:#fff;
	padding:1em;
	margin:0 auto;
	box-sizing:border-box;
	border-radius:1em;
}

.footer_contact .top_contact_area{display:flex;align-items: center;width:640px;margin:0 auto;justify-content: center;}

.footer_contact dl.top_contact_form{}
.footer_contact dl.top_contact_form dt,
.footer_contact dl.top_contact_form dd{
	text-align:center;
	padding:0.4em;
	box-sizing:border-box;
	width:100%;
}
.footer_contact dl.top_contact_form dt{font-weight:bold;}
.footer_contact dl.top_contact_tel{width:450px;display:flex;flex-wrap:wrap;}
.footer_contact dl.top_contact_tel dt{width:5em;font-weight:bold;margin-right1em;}
.footer_contact dl.top_contact_tel dd{width:360px;}
.footer_contact article .contact_skype_wrap .skype_content_wrap{width:530px;}
.footer_contact article .contact_skype_wrap img{float:right;margin-left:1em;}
.footer_contact article .contact_skype_wrap p{margin-bottom:0.4em;}
.footer_contact article .contact_skype_wrap a:link,
.footer_contact article .contact_skype_wrap a:visited{
	text-decoration:none;
	color:#fff;
	display:block;
	width:160px;
	text-align:center;
	margin:0 auto;
	padding:0.4em;
	box-sizing:border-box;
	background-color:#00aff0;
}
.footer_contact article .contact_skype_wrap a:hover,
.footer_contact article .contact_skype_wrap a:active{opacity:0.6;}

.footer_nav_area{background-color:#dedede;border:1px solid #ccc;padding:1em 0;}
.footer_nav_area nav{
	width:1200px;
	margin:0 auto;
	padding:0.4em;
}
.footer_nav_area nav ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.footer_nav_area nav ul li{margin-right:1em;}
.footer_nav_area nav ul li a:link,
.footer_nav_area nav ul li a:visited{
	color:#333;
	display:block;
	padding:0.4em;
}

#floating_contact{
	position:fixed;
	width:100%;
	bottom:0px;
	left:0px;
	z-index:100;
	background-color:rgba(255,255,255,0.9);
}

.fc_wrap{
	display:flex;
	position:relative;
	align-items: center;
	width:1100px;
	margin:0 auto;
	padding:10px 50px 0;
}
.fc_wrap .close_btn{
	position:absolute;
	top:50%;
	right:-60px;
	transform:translatey(-50%);
	display:block;
	border:1px solid #ccc;
	padding:10px;
	font-weight:bold;
	cursor:pointer;

}
.fc_wrap h4{
	text-align:center;
	font-size:24px;
	margin-right:40px;
}

.fc_tel{
	font-size:18px;
	font-weight:bold;
	margin-right:40px;
}

.fc_tel span{
	font-size:28px;
	color:#104577;
}

.fc_wrap figure{font-size:0;}
.fc_wrap figure img{
	height:120px;
	width:auto;
}

footer{margin-bottom:130px;}
.footer_content{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content: center;
	padding-top:1em;
}

.footer_content figure,
.footer_content .cominfo{margin-right:2em;}

.footer_content .cominfo dt{font-weight:bold;}

#copyright{width:1200px;margin:0 auto;text-align:center;}


/*	新着情報
-------------------------------------------------*/
.news_posts{
	padding:0 0 1em;
	margin:0 0 2em;
}

.news_posts h3{
	border-bottom:1px solid #ccc;
	margin-bottom:0.4em;
}

.postdate{text-align:right;float:right;}

.post .entry{
	padding:1em 0;
	border-bottom:1px dotted #999;
	margin-bottom:1em;
}

.sns_wrap{}

.sns_wrap ul{list-style:none;margin-left:0;}
.sns_wrap ul li{margin-right:1em;}

.sns_wrap ul li a:link,
.sns_wrap ul li a:visited{}

.sns_wrap ul li a:hover,
.sns_wrap ul li a:active{opacity:0.8;}
.rss_btn img{width:32px;height:32px;}
.rss_btn:hover{opacity:0.8;}

/*	お問合せフォーム
-------------------------------------------------
*/

.mw_wp_form{padding:0 2em;}
#mw_wp_form_mw-wp-form-370.mw_wp_form{padding:0;}

.mw_wp_form table{margin:0 auto 2em;color:#333;}
.mw_wp_form table caption{font-weight:bold;padding:0.4em;font-size:1.2em;text-align:left;}
.mw_wp_form th,
.mw_wp_form td{padding:1em;border:2px solid #d3d3d3;}
.mw_wp_form th{width:20%;text-align:left;vertical-align:top;font-weight:normal;background-color:#f3f3f3;}
.mw_wp_form td{width:80%;}
.mw_wp_form td .mwform-checkbox-field{display:block;margin-left:0!important;}
.mw_wp_form td span.mwform-radio-field.horizontal-item{
	display:inline-block;
	margin-right:0.6em;
}
.mw_wp_form td dl dt{margin-bottom:0.2em;}
.mw_wp_form td dl dd{margin-bottom:1em;}
/*.mw_wp_form .horizontal-item + .horizontal-item{margin-left:0!important;}*/
.mw_wp_form input[type="submit"]{margin:0 1em;}

.hissu{color:#ff0000;display:inline-block;;float:right;}
.text_label{margin-right:0.4em;}
input[name="contact_day1"],
input[name="contact_day2"],
input[name="contact_day3"]{margin-right:1em;}

select[name="contact_time1"],
select[name="contact_time2"],
select[name="contact_time3"]{padding:2px;height:26px;box-sizing:border-box;vertical-align:top;}

input[type="url"],
input[type="email"],
input[type="text"]{font-size:1rem;padding:0.4em;border:1px solid #d3d3d3;}
input[type="submit"]{font-size:1rem;padding:0.4em;border:1px solid #d3d3d3;}
textarea{font-size:1rem;padding:0.4em;width:80%;height:10rem;box-sizing:border-box;border:1px solid #d3d3d3;}

.ts_wrap,
.ls_wrap,
.ds_wrap{
	display:flex;
	flex-wrap:wrap;
}

.ts_wrap .mwform-radio-field,
.ls_wrap .mwform-radio-field,
.ds_wrap .mwform-radio-field{width:28%;margin:0 2%!important;}

.ts_wrap .mwform-radio-field img,
.ls_wrap .mwform-radio-field img,
.ds_wrap .mwform-radio-field img{width:100%;height:auto;}

.ts_wrap .mwform-radio-field label,
.ls_wrap .mwform-radio-field label,
.ds_wrap .mwform-radio-field label{width:100%;text-align:center;display:block;}


.daikou_sum{margin:0 1em;display:inline-block;}
.daikou_sum input{margin-right:0.2em;}

.color_selecter{
	list-style:none;
	display:flex;
}

.color_selecter li{
	margin:0 0.2rem;
	border:1px solid #ccc;
	padding:0.2em;
	cursor:pointer;
}

.color_selecter li span{
	width:20px;
	height:20px;
	font-size:0;
	display:block;
}

.cs_wrap{}
.cs_wrap span.horizontal-item:nth-of-type(8){
	margin:0.2em auto 0 !important;
	width:220px !important;
	display:block !important;
}

.cs_block{
	display:inline-block;
	margin-right:0.4em;
	margin:0 0.4rem;
	border:1px solid #ccc;
	padding:2px;
	cursor:pointer;

}
.cs_block span{
	width:16px;
	height:16px;
	font-size:0;
	display:block;
}

.cs_1 span{background-color:#141623;}
.cs_2 span{background-color:#9ee4ae;}
.cs_3 span{background-color:#38829b;}
.cs_4 span{background-color:#eeeeee;}
.cs_5 span{background-color:#489ad7;}
.cs_6 span{background-color:#fbcaec;}
.cs_7 span{background-color:#ffffd6;}

.color_sample_wrap .cv_wrap figure img{
	width:920px;
	height:auto;
}

.cs_wrap label{
	display:flex;
	align-items:center;
}

.mw_wp_form .horizontal-item + .horizontal-item{margin-left:0px!important;}


.pamphlet_img{
	float:right;
	width:auto;
	height:170px;
	margin-right: 6em;
}

.contactselect_wrap{
	padding:0.4em 0 0;
}

.mw_wp_form_confirm .pamphlet_img,
.mw_wp_form_confirm .policy_area{display:none;}

.mw_wp_form_confirm .check_none{display:none;}
.mw_wp_form_confirm .check_view{display:inline-block !important; padding:0 0.4em;height:22px;}
.mw_wp_form_confirm .check_inline{display:inline-block;margin-right:0em;}
.mw_wp_form_confirm .check_inline p{display:inline-block;}
.mw_wp_form_confirm .check_flex{
	display:flex;
	align-items: end;
}
.mw_wp_form_confirm .td_top_select .check_inline{margin-right:1em;}

.policy_check .mwform-checkbox-field label{font-weight:bold;}

.policy_wrap{
	height: 200px;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 1em;
}

.send_btn_area{
	text-align: center;
	padding: 1em;
}

/*	skype
-------------------------------------------------
*/

.about_skype{margin-bottom:1em;}

.skype_img{float:right;margin-left:1em;width:320px;height:240px;background-color:#eee;}

.about_skype p{margin-bottom:0.4em;}

.about_skype dl{}
.about_skype dl dt{font-weight:bold;margin-bottom:0.4em;}
.about_skype dl dd{margin-bottom:0.4em;}
.about_skype dl dd ul{padding-left:1.5em;}


/*	IT補助
-------------------------------------------------
*/
header nav.ithojo_nav ul li{width:16%;}
header nav.ithojo_nav ul li:nth-of-type(3){width:22%;}
header nav.ithojo_nav ul li:nth-of-type(6){}

main.ithojo_main{
	width:100%;
}

.ithojo_main .breadcrumbs{
	display:none;
}

.ithojo_main div.h2back{display:none;}
.ithojo_main div.h2back h2 div.title_block{}

.ithojo_head_wrap{
	width:100%;
	height:420px;
	position:relative;
	background-image:url(../dimages/ithead_back.jpg);
	background-position-x: center;
	margin-bottom:2em;
}
.ithojo_head{
	position:absolute;
	top:20px;
	left:50%;
	transform:translate(-50%,0);
}

.ithojo_main .ithojo_contents{
	margin:-200px 0 2em;
	padding-top:200px;
}

.ithojo_main .ithojo_contents h3{
	padding:1em;
	margin:0 0 2em;
	background-color:#014678;
	color:#fff;
	box-sizing:border-box;
	text-align:center;
}

.ithojo_main .ithojo_contents .ithojo_desc{
	width:1000px;
	margin:0 auto;
}

.ithojo_main .ithojo_contents .ithojo_desc table{
	margin-bottom:1em;
}

.ithojo_main .ithojo_contents .ithojo_desc table th,
.ithojo_main .ithojo_contents .ithojo_desc table td{text-align:center;}

#ithojo_about .ithojo_desc{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	padding:2em 0;
}

#ithojo_gaiyou{}

#ithojo_gaiyou table td dl dt{font-weight:bold;}
#ithojo_gaiyou table td dl{
	text-align:left;
	margin:0 auto;
	width:440px;
}


.light_wrap{}

#ithojo_price{}

#ithojo_price table caption{text-align:center;font-weight:bold;}
#ithojo_price table caption span{margin-right:1em;}
#ithojo_price table.pt1{margin-bottom:0.4em;}
#ithojo_price table.pt2{margin-bottom:1em;}

#ithojo_price table.pt1.hojo_light th{width:30%;}
#ithojo_price table.pt1.hojo_light td{width:70%;}
#ithojo_price table.pt1.hojo_std th{width:30%;}
#ithojo_price table.pt1.hojo_std td{width:35%;}

#ithojo_price table.pt2.hojo_light th{width:30%;}
#ithojo_price table.pt2.hojo_light td{width:70%;}
#ithojo_price table.pt2.hojo_std th{width:30%;}
#ithojo_price table.pt2.hojo_std td{width:35%;}


#ithojo_price .price_hojo{
	font-weight:bold;
	margin-bottom:1em;
	font-size:16px;
	text-align:left;
	color:#ff2626;
}
#ithojo_price .price_hojo_comment{margin-bottom:2em;}
#ithojo_price h4{font-size:20px;border-bottom:1px solid #666;margin-bottom:1em;font-weight:bold;}

#ithojo_price h5{
	font-size:16px;
	margin-bottom:1em;
	padding:10px;
	font-weight:bold;
	background-color:#999;
	color:#fff;
}

#ithojo_price dl{padding:0 1em;margin-bottom:2em;}
#ithojo_price dt{border-bottom:2px dotted #ccc;margin-bottom:0.4em;font-weight:bold;}
#ithojo_price dt:nth-of-type(2){margin-top:1em;}
#ithojo_price dd{margin-bottom:0.4em;padding-left:2em;}
#ithojo_price ul{display:flex;}
#ithojo_price ul li{margin-right:3em;}


.feature_link{
	padding:2em;
	text-align:center;
	border-top:1px solid #666;
}

.feature_link.link_btn a:link,
.feature_link.link_btn a:visited{background-color:#ff8000;}


#ithojo_flow{}

#ithojo_flow figure{margin-bottom:2em;}
#ithojo_flow figure figcaption{
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #666;
	font-size:20px;
}

.if_wrap{}

.if_contents{
	border:1px solid #ccc;
	border-radius:10px;
	margin-bottom:2em;
	padding:1em;
}
.if_contents h4{
	text-indent:-4.3em;
	margin-left:4.3em;
}
.if_contents h4 span{margin-right:1em;}
.if_contents .if_desc{}

.color_orange{color:#ff6600;}


.ithojo_contact{
	text-align: center;
	padding:2em;
}

.ithojo_head .ithojo_contact{
	padding:0;
}


.ithojo_contact.bottom_ithojo_contact{background-color:#efefef;}

.ithojo_contact a:link,
.ithojo_contact a:visited{
	padding: 0.4em 0.6em;
	border-radius: 0.2em;
	margin: 0 auto;
	box-sizing: border-box;
	display: block;
	width: 320px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	font-weight: bold;
	background-color: #ff2626;
}

.ithojo_contact a:hover,
.ithojo_contact a:active{opacity:0.8;}

#ithojo_link{margin-bottom:0;}

.itlink_wrap{
	width:980px;
	margin:0 auto;
	padding:2em 0;
}

.about_link{margin:0 0 1em;}

.about_link a:link,
.about_link a:visited{
	display:block;
	padding:1em;
	margin:0 auto;
	text-decoration:none;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background-color:#003060;
}

.about_link a:hover,
.about_link a:active{opacity:0.8;}

.itlink_wrap ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin-left:0;
	margin:0 4em 0;
}

.itlink_wrap ul li{
	width:50%;
	display:flex;
	align-items:flex-end;
}

.itlink_wrap ul li a:link,
.itlink_wrap ul li a:visited{text-decoration:none;}

.itlink_wrap ul li a:hover,
.itlink_wrap ul li a:active{opacity:0.8;}


.itlink_wrap ul li .pdficon{
	display:inline-block;
	height:2em;
	margin-left:1em;
}

.itlink_wrap ul li .pdficon img{
	height:100%;
	width:auto;
}

.tihojo_footer{border-top:1px solid #666;}


/*	ehomeサービスご利用状況についてのアンケート
-------------------------------------------------
*/
 .mw_wp_form .user_questionnaire_form th{width:32%;}
 .mw_wp_form .user_questionnaire_form td{width:68%;}

th.separate_cell{
	border:none!important;
	background-color:#fff!important;
	text-align:center;
	font-weight:bold;
}
td.separate_cell{
	border:none!important;
	margin-bottom:1em;
}


/*	お客様の声
-------------------------------------------------
*/

/*一覧ページ*/
.uvoice_wrap{display:flex;flex-wrap:wrap;}

.uv_posts{width:28%;margin:0 1% 1em;}
.uv_posts a:link,
.uv_posts a:visited{display:block;color:#333;text-decoration:none;}
.uv_posts a:hover,
.uv_posts a:active{opacity:0.8;}
.uv_posts h3{margin-bottom:0.4em;}
.uv_posts div p br{display:none;}

.uv_posts img{width:100%;height:auto;margin-bottom:0.4em;}

/*詳細ページ*/
.uv_wrap{
	display:flex;
	flex-wrap:wrap;

}

.uv_wrap #postname{width:100%;border-bottom:2px solid #ccc;}

.post .entry div.uv_catch{
	font-weight:bold;
	height:368px;
	display: flex;
	align-items: center;
	margin-bottom:1em;
}
.post .entry div.uv_img{
	width:40%;
	margin:0 2% 1em 0;
}
.uv_img figure{margin-bottom:1em;}
.uv_img figure img{width:100%;height:auto;}

.ul_img_list ul{
	display:flex;
	list-style:none;
	margin-left:0;
}
.ul_img_list ul li{
	width:30%;
	width:calc((100%-3em)/3);
	margin:0 0.5em 0;
}
.ul_img_list ul li a{display:block;}
.ul_img_list ul li img{border:1px solid #ccc;width:100%;height:auto;}

.uvc_list{}

.uvc_list ol{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin-left:0;
	background-color:;
}

.uvc_list ol li{margin-right:1em;}

.uvc_list ol li a{}

.uvinfo_wrap{
	width:58%;
}

.post .entry div.uv_info{width:100%;margin:0 0 1em 0;}
.uv_info dl{display:flex;flex-wrap:wrap;}
.uv_info dt{width:20%;}
.uv_info dd{width:80%;}
.post .entry .uv_info dl dd{margin-bottom:0.4em;}

.uvc_list{
	z-index:1;
	border:1px solid #ccc;
	border-radius:10px;
	padding:1em;
}

.uvc_list h4{
	border-bottom:2px solid #666;
	margin-bottom:1em;
}

.uv_contents{
	width:100%;
	margin:0 auto;
	padding:1em;
	box-sizing:border-box;
	border:1px solid #ddd;
}

.post .entry div.interview_wrap{
	margin-bottom:2em;
	padding-top:220px;
	margin-top:-220px;
}
.interview_wrap h4{
	font-size:1.2em;
	margin-bottom:1em;
	color:#004679;
}
.interview_wrap div{padding-left:1em;}



.uvlist_wrap{
	position:fixed;
	top:320px;
	left:0px;
	z-index:1;
}
.uvlist_wrap.view{width:100%;}
#uvlist_btn{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color:#fff;
	font-weight:bold;
	background-color:#ffaa00;
	padding:1.4em 1em;
	float:left;
	cursor:pointer;
}

.uv_list{
	display:none;
	width:1200px;
	margin:0 auto;
	padding:1em;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #ccc;
	min-height: 320px;
}

.post .entry div#uvlist_close{
	margin-bottom:1em;
	text-align:right;
}
.post .entry div#uvlist_close span{
	padding:0.4em;
	color:#fff;
	border-radius:4px;
	background-color:#bbb;
	cursor:pointer;

}
.uv_list ul{
	list-style: none;
	margin:1em;
	display:flex;
	flex-wrap:wrap;
}
.uv_list li{
	margin:0 1em 0.4em 0;
	border-bottom:1px solid #ccc;
	width:30%;
}
.uv_list li a:link,
.uv_list li a:visited{
	color:#333;
	text-decoration:none;
	display:flex;
	align-items: center;
	padding:0.4em;
	box-sizing:border-box;
}

.uv_list li a:hover,
.uv_list li a:active{opacity:0.8;}

.uv_list li img{width:90px;height:90px;margin:0 0.4em 0 0;}
.uv_list li h4{font-weight:normal;font-size:1em;}

/*	移住者向け支援
-------------------------------------------------
*/
.local_support{}

.local_support ul{margin:1em 2em;}
.local_support ul li{}
.local_support figure{margin:1em auto 0;text-align:center;}
.local_support figcaption{
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #999;
	display:inline-block;
	margin-bottom:1em;
}
.local_support img{}


/*	移住者向け支援
-------------------------------------------------
*/

.iju_head_wrap {
	width: 100%;
	height: 420px;
	position: relative;
	background-image: url(../dimages/ijuhead_back.jpg);
	background-position-x: center;
	margin-bottom: 2em;
}

/*	MISC
-------------------------------------------------
*/



/*	PCワイド画面用設定
-------------------------------------------------
*/


@media screen and (min-width:768px){
	.pc_none{display:none;}
	#head_nav{display:block !important;}
	#top_slider_area{
		width:100%;
		height:420px;
	}
	#top_slider_area p{
		position:relative;
		width: 980px;
		height: 0px;
		margin: 0 auto;
	}
	#top_slider_area .bx-wrapper{
		width:100%;
		border:none;
		box-shadow:none;
		margin:0;
	}
	#top_slider_area .bx-wrapper .bx-viewport{height:420px!important;}

	.top_slider_wrap{
		position:relative;
		width:2000px !important;
		height:420px !important;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}

	.top_slider_wrap article{
		width:2000px !important;
		height:420px !important;
		background-color:#efefef;
		background-repeat:no-repeat;
	}

	.top_slider_wrap article img{}
	.top_slider_wrap article .tslide6_wrap{position:relative;}

	.top_slider_wrap article .ts_end{
		width:100%;
		height:100%;
		position: absolute;
	}

	.top_slider_wrap article .ts_end_contents{width:960px;height:100%;margin:0 auto;position:relative;}
	#top_slider_area a.demosite_link:link,
	#top_slider_area a.demosite_link:visited,
	.top_slider_wrap article .ts_end_contents a:link,
	.top_slider_wrap article .ts_end_contents a:visited{
		padding:1em 1.4em;
		border-radius:0.4em;
		margin:0 0.4em;
		box-sizing:border-box;
		display:block;
		text-decoration:none;
		text-align:center;
		color:#fff;
		box-shadow:1px 1px 2px rgba(0,0,0,0.6);
		font-weight:bold;
		width:140px;
	}
	#top_slider_area a.demosite_link{
		position:absolute;
		bottom:-380px;
		left: 10px;
		z-index:10;
		background-color:#ff7b1f;
		background-color:#ff6db9;
	}

	.top_slider_wrap article .ts_end_contents a:hover,
	.top_slider_wrap article .ts_end_contents a:active{opacity:0.6;}

	.top_slider_wrap article .ts_end_contents a.entrybtn{
		position:absolute;
		bottom:40px;
		left:160px;
		background: rgb(125,185,232);
		background: -moz-linear-gradient(top, rgb(125,185,232) 0%, rgb(30,87,153) 100%);
		background: -webkit-linear-gradient(top, rgb(125,185,232) 0%,rgb(30,87,153) 100%);
		background: linear-gradient(to bottom, rgb(125,185,232) 0%,rgb(30,87,153) 100%);
	}
	.top_slider_wrap article .ts_end_contents a.demositebtn{
		background-color:#ff6600;
		position:absolute;
		bottom:40px;
		left:320px;
	}
	.top_slider_wrap article .ts_end_contents a.contactbtn{
		background-color:#ff2626;
		position:absolute;
		bottom:40px;
		left:320px;
	}
}


/*	Mobile
-------------------------------------------------
*/
@media screen and (max-width:768px){
	.sp_none{display:none !important;}
	.pc_none{display:initial !important;}
	.w1200{width:100%;}
	body{
		font-size:14px;
		-webkit-text-size-adjust: 100%;
		padding:110px 0 0;
	}
	.fc_wrap .close_btn{
		top:10px;
		right:10px;
		transform:initial;
		padding:2px 8px;
	}
	table{font-size:14px;}
	table th,
	table td{font-size:14px;}
	.sp_table_comment{
		font-weight:normal;
		margin-left:1em;
		font-size:0.8rem;
	}
	/*　ヘッダー　*/
	header{
		height:100px;
	}
	.site-description,
	.hdescription,
	.hcontainer,
	header nav ul{width:100%;}
	.hcontainer .hright{display:none;}
	#head_nav{display:none;}
	header nav{
		background-color:#fff;
		border-top:1px solid #ccc;
	}
	header nav ul{flex-wrap:wrap;}
	header nav ul li{width:100% !important;}
	header nav ul li a:link,
	header nav ul li a:visited{
		padding:0.6em;
		border-bottom:1px solid #ccc;
		height:4em;
	}
	header nav ul li a br{display:none;}

	.hcontainer h1{width:68%;margin-right:2%;}
	.hcontainer h1 img{max-width: 100%;}
	.seasonicon{display:none;}

	#sp_menu_btn{width:20%;padding:2%;}
	#sp_menu_btn span{
		width:100%;
		max-width:120px;
		display:block;
		box-sizing:border-box;
		font-weight: bold;
		color: #fff;
		padding: 10px;
		margin:0;
		border: 1px solid #ccc;
		background-color: #002B71;
		text-align: center;
	}


	main{
		width:100%;
		box-sizing:border-box;
		padding:110px 10px 2em;
		padding:0px 10px 2em;
	}
	/*スライダー*/
	#top_slider_area p{display:none;}
	.bx-wrapper{
		border:none;
		box-shadow:initial;
		margin-bottom:0;
	}
	.bx-wrapper article{
		
	}
	.bx-wrapper img{
		max-width:200%;
		width:160%;
		margin-left:-30%;
	}
	.ts_end{display:none;}


	/*　トップページ　*/

	#front1st .w1000,
	#front2nd .hlist,
	#front2nd .w1000,
	#front4th .information_area{width:100%;}


	#front1st .w1200 article{
		width:100%;
		border:1px solid #ccc;
		border-radius:10px;
		padding:0.4em;
		box-sizing:border-box;
		margin:0 auto 1em;
	}
	#front1st .w1200 article figure img{
		max-width:100%;
		width:auto;
		margin:0 auto 0.4em;
		display:block;
	}
	#front1st .w1200 article figure figcaption{
		height:auto;
		margin-bottom:1em;
	}
	#front1st .concept_wrap{margin-bottom:0;}

	#front1st .concept_wrap article div br{display:none;}

	.concept_other_link{margin-bottom:0;}
	.contents_link ul{
		flex-wrap:wrap;
	}
	.contents_link ul li{margin:0.5em 1em;}


	#front2nd .top_other_feature p{width:100%;}
	.tpricelist_wrap{width:100%;}

	#front_jisseki img{width:100%;height:auto;}

	/*デモサイト*/
	.demo_wrap2 .tds_wrap{width:100%;}

	/*新着情報*/
	#front4th article{width:100%;margin-bottom:1em;}
	#front4th #it_support{margin:0 auto 1em;}
	#front4th #it_support a img{width:100%; height:auto;}

	#front4th #fb_area{
		width:100%;
		height:auto;
		text-align:center;
	}
	#front4th #fb_area img{width:100%;height:auto;}
	.fb_iframe_widget_fluid iframe{width:100%;height:240px;}
	#front4th #fb_area .fb_iframe_widget{margin:0 auto 0;}

	/*page*/
	.it_hojo_link{
		float:initial;
		margin:0 0 1em;
		text-align:center;
	}
	.it_hojo_link a:link,
	.it_hojo_link a:visited{display:inline-block;}


	/*デモサイト*/
	.demo_wrap article{
		width:100%;
	
	}

	.demo_wrap article .demoimage_wrap img.demoimage_list,
	.demo_wrap article .demoimage_wrap img.demoimage_detail{display:none;}

	/*ドメイン移管*/
	.domainflow td img{
		width:auto;
		height:30px;
	}

	/*paypal*/
	.paypal_flow_wrap .paypal_flow{
		flex-wrap:wrap;
	}
	.paypal_flow_wrap .paypal_flow figure{
		margin-right:0;
		width:100%;
		margin-bottom:1rem;
	}
	.paypal_flow_wrap .paypal_flow figure img{
		width:100%;
	}
	/*サイドバー(SNSエリア)*/
	#sidebar{width:100%;}

	/*　フッター　*/
	.footer_contact article{width:100%;}
	.footer_contact article .contact_us_wrap,
	.footer_contact article .contact_skype_wrap{width:100%;}

	.footer_contact .top_contact_area{
		flex-wrap:wrap;
		width:100%;
	}
	.footer_contact dl.top_contact_form,
	.footer_contact dl.top_contact_tel{width:100%;text-align:center;}
	.footer_contact dl.top_contact_tel dt,
	.footer_contact dl.top_contact_tel dd{width:100%;}
	.footer_contact dl.top_contact_tel dd span{font-weight:bold;font-size:1.2em;}
	.footer_contact article .contact_skype_wrap .skype_content_wrap{width:100%;}
	.footer_contact article .contact_skype_wrap img{float:initial;margin:0 auto 0.4em;display:block;}
	.footer_nav_area{padding:0;margin:0 0 0.4em;}
	.footer_nav_area nav{width:100%;box-sizing:border-box;}
	.footer_nav_area nav ul{margin-left:0;justify-content: center;}
	.footer_content{width:100%;flex-wrap:wrap;padding:0 0.4em;box-sizing:border-box;}
	.cominfo{margin:0 0 0.4em;}
	.cominfo img{max-width:100%;}
	.footersll{margin:0 auto 0.4em;}
	#copyright{width:100%;text-align:left;}

	.fc_wrap{
		flex-wrap:wrap;
		justify-content:center;
		width:100%;
		padding:4px 0 0;
		box-sizing:border-box;
		border-top: 2px #ccc groove;
	}
	.fc_wrap h4,
	.fc_wrap .fc_tel{
		font-size:12px;
		margin:0;
	}

	.fc_wrap h4{
		font-weight:normal;
	}
	.fc_tel span{font-size:14px;}
	.fc_wrap figure{}
	.fc_wrap figure img{height:60px;}
	.fc_wrap .fc_tel{text-align:center;margin-bottom:0.4em;}
	.fc_wrap .fc_tel,
	.fc_contact_wrap{width:100%;}

	.fc_contact_wrap{
		display:flex !important;
		flex-wrap:wrap;
	}
	.fc_contact_wrap a:link,
	.fc_contact_wrap a:visited{
		width:50%;
		display:block;
		text-align:center;
		color:#fff;
		font-weight:bold;
		padding:6px 2px;
		box-sizing:border-box;
		text-decoration:none;
	}

	.fc_contact_wrap a.contactbtn{background-color:#ff2626;}
	.fc_contact_wrap a.entrybtn{
		background: rgb(125,185,232);
		background: -moz-linear-gradient(top, rgb(125,185,232) 0%, rgb(73,110,153) 100%);
		background: -webkit-linear-gradient(top, rgb(125,185,232) 0%,rgb(73,110,153) 100%);
		background: linear-gradient(to bottom, rgb(125,185,232) 0%,rgb(73,110,153) 100%);
	}



	/*page共通*/
	h2{font-size:18px;}
	div.h2back{margin-bottom:0.4em;}
	div.h2back h2 div.title_block{display:block;height:auto;}
	div.h2back h2 div.title_block:before,
	div.h2back h2 div.title_block:after{display:none;}
	div.h2back h2 div.title_block .title_wrap{padding:4px;}

	/*特徴紹介*/
	#main_feature .ehome_function dl,
	#other_features1 ul li,
	#other_features1 ul li.half_contents div{width:100%;}
	#other_features2 table{margin-bottom:0.4em;}
	#other_features2 table th.users_screen,
	#other_features2 table th.control_screen,
	#other_features2 table th,
	#other_features2 table td{width:100%;display:block;}
	#other_features2 table th br{display:none;}
	#other_features2 table th.users_screen,
	#other_features2 table th.control_screen{background-color:#efefef;}
	.ef_contents figure{
		width:100%;
		margin-right:0;
	}
	.ef_contents figure img{width:100%;height:auto;}
	.ef_contents{flex-wrap:wrap;}
	.ef_contents h4{display:flex;flex-wrap:wrap;margin-top:0;}
	.ef_contents h4 .efc_title{order:2;}
	.ef_contents h4 .type_wrap{order:1;margin-left:0;}
	.ef_contents figure{order:2;}
	.ef_contents .efc_wrap{order:1;margin-bottom:10px;}

	.type_wrap{
		display:block;
		width:100%;
	}
	.type_wrap .light_icon,
	.type_wrap .std_icon{
		border-radius: 4px;
		width:60px;
		margin:0 1em 0 0;
		font-size:12px;
	}

	/*機能一覧*/
	tr.pc_none{display: table-row !important;}
	.comparison_table.col3 td:nth-of-type(1){text-align:center;width:initial;}
	.comparison_table.col3 td:nth-of-type(2){text-align:left;width:initial;}
	.feature_table_wrap{
		overflow:auto;
		margin-bottom:2em;
		border:1px solid #999;
	}
	.feature_table_wrap::-webkit-scrollbar{
		height: 10px;
	}
	.feature_table_wrap::-webkit-scrollbar-track{
		background: #EEE;
	}
	.feature_table_wrap::-webkit-scrollbar-thumb {
		background: #999;
	}

	.comparison_price_table,
	.feature_table,
	.comparison_table{
		width:1200px;
		margin-bottom:0;
		font-size:14px;
	}
	
	.feature_wrap h4{
		display: flex;
		flex-wrap: wrap;
		margin-top: 0;
	}
	.feature_wrap h4 .title_wrap{
		order: 2;
	}
	.feature_wrap h4 .type_wrap{
		order: 1;
		margin-left: 0;
	}

	.comparison_icon{
		float:initial;
		width:100%;
		font-size:12px;
		text-align:center;
	}
	.comparison_icon li{margin-left:0.4em;margin-right:0.4em;}

	/*料金表*/
	.table_flex{flex-wrap:wrap;}
	.pricetbl_wrap .left_table,
	.pricetbl_wrap .right_table{width:100%;}
	.pricetbl_wrap .left_table{margin:0 0 0.4em;}
	.pricetbl tr th{width:40%;}
	.shiharai_wrap{flex-wrap:wrap;}
	.shiharai_wrap h3{width:100%;}
	.shiharai_wrap .left_wrap,
	.shiharai_wrap .right_wrap{width:100%;}
	.pricetbl td{padding-left:0.4em;}
	.option_form_link.support_link a:link,
	.option_form_link.support_link a:visited{width:100%;}

	/*WEB運用サポート*/
	.support_menu{}
	.support_menu br{display:none;}
	.support_menu a:link,
	.support_menu a:visited{
		display:block;
		width:100%;
		font-size:0.8em;
		margin-bottom:0.2em;
	}

	.support_contents1 .fy_support_contents,
	.support_contents2 .support_catch,
	.support_table_wrap{width:100%;}

	.link_banner_wrap{
		flex-wrap:wrap;
	}
	.link_banner_wrap ul{margin-right:0;margin-bottom:1em;}
	.link_banner_wrap .lbsub_wrap1,
	.link_banner_wrap .lbsub_wrap2{width:48%;}
	.link_banner_wrap .lbsub_wrap1{margin-right:4%;}
	.link_banner_wrap figure img{width:100%;height:auto;}
	.link_banner_wrap figure figcaption{font-size:0.8rem;}

	.support_table{width:100%;margin:0 0 2em;}

	.optionimg_wrap{width:100%;}


	/*デザイン・オプション*/
	.option_area{}
	.option_area img{width:100%;height:auto;}
	.option_menu{margin-left:0;}
	.option_menu li{width:initial;font-size:14px;}
	.pricetbl.opt_tbl2 td:nth-of-type(1){width:100%;}
	.pricetbl.opt_tbl1 th,
	.pricetbl.opt_tbl2 th,
	.pricetbl.opt_tbl1 td,
	.pricetbl.opt_tbl2 td{padding:0.2em;font-size:16px;width:100%;display:block;}
	.opt_tbl_head{display:none;}

	/*公開までの流れ*/
	.flow_cat{border:none;margin:0 auto 0.4em;}
	.flow_cat li{
		width:100%;
		box-sizing:border-box;
		margin:0 0 0.4em;
		border-bottom:1px solid #ccc;
		border-radius:4px;
	}
	.ftbl td img{
		display:block;
		margin:0 auto 0.2em;
		max-width:100%;
		width:auto;
		height:auto;
	}
	.flow_table_wrap{
		overflow:auto;
		margin-bottom:2em;
		border:1px solid #999;
	}
	.flow_table_wrap::-webkit-scrollbar{
		height: 10px;
	}
	.flow_table_wrap::-webkit-scrollbar-track{
		background: #EEE;
	}
	.flow_table_wrap::-webkit-scrollbar-thumb {
		background: #999;
	}

	.flow_table{
		width:800px;
		margin-bottom:0;
	}

	/*デモサイト*/
	#pagename.demosite_name h2{flex-wrap:wrap;justify-content: flex-end;}
	div.h2back h2 div.title_block{width:100%; padding:4px;box-sizing:border-box;margin-bottom:0.4em;}
	#pagename.demosite_name a{width:auto;margin-left:0;}

	.demosite_link_area article{padding:0.4em;}
	.demosite_link_area article h3{font-size:16px;}
	.demosite_link_area article img{width:100%;display:block;}
	.demosite_link_area article .demosite_link .dlink1{width:100%;}
	.demosite_link_area article .demosite_link .dlink1 a:link{font-size:0.8em;}
	.demosite_link_area article .demosite_link .dlink1 a:link.link_demob-a_pc,
	.demosite_link_area article .demosite_link .dlink1 a:link.link_demob-b_pc,
	.demosite_link_area article .demosite_link .dlink1 a:link.link_demor-a_pc,
	.demosite_link_area article .demosite_link .dlink1 a:link.link_demor-b_pc,
	.demosite_link_area article .demosite_link .dlink1 a:link.link_demor-c_pc{display:none;}
	.demosite_link_area article .demosite_link .dlink2{display:none;}

	/*サイトデザイン*/
	.psc_wrap{
		width:100%;
		margin-bottom:1em;
	}

	.layout_select ul{flex-wrap:wrap;}
	.layout_select ul li{
		width:100%;
		margin-right:0;
	}
	.color_select{margin-bottom:1em;}
	.color_select ul{flex-wrap:wrap;}
	.color_select li{
		width:30%;
		margin:0 1% 10px;
		min-width:initial;
		box-sizing: border-box;
	}
	.l1img img,
	.l2img img,
	.l3img img{width:100%;height:auto;}

	/*各種申し込みフォーム*/
	.mw_wp_form{padding:0;}

	.mw_wp_form table{
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}

	.mw_wp_form th,
	.mw_wp_form td{
		width:100%;
		display:block;
		box-sizing:border-box;
	}
	.mw_wp_form th br{display:none;}
	input[type="url"],
	input[type="email"],
	input[type="text"]{box-sizing:border-box;width:100%;}
	input[name="input_items"]{width:60%;margin-right:0.4em;}

	input[type="submit"]{}
	textarea{}

	.pamphlet_img{display:none;}

	/*サービス申し込み*/
	.color_sample_wrap .cv_wrap figure img{width:100%;}
	.mw_wp_form td span.mwform-radio-field.horizontal-item{margin-left:10px;}
	.cs_wrap{
		display:flex;
		flex-wrap:wrap;
	}
	.cs_wrap span.mwform-radio-field{
		width:40%;
		margin-bottom:0.2em;
	}

	/*IT導入支援*/
	.ithojo_main{
		padding-right:0;
		padding-left:0;
	}
	.ithojo_head_wrap{
		height:auto;
		padding:0.6rem;
		box-sizing: border-box;
	}
	.ithojo_head{
		position:initial;
		transform:initial;
	}
	.ithojo_head img{width:100%;height:auto;}
	.ithojo_main .ithojo_contents .ithojo_desc{width:100%;}
	#ithojo_about .ithojo_desc{
		padding:0.4em;
		box-sizing:border-box;
		font-size:14px;
	}

	.ithojo_desc{
		padding:0 0.4em;
		box-sizing:border-box;
	}

	#ithojo_gaiyou table{}
	#ithojo_gaiyou table th,
	#ithojo_gaiyou table td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	#ithojo_gaiyou table td dl{width:initial;}

	#ithojo_price ul{flex-wrap:wrap;}

	.ithojo_desc figure img{
		width:100%;
		height:auto;
	}
	.itlink_wrap{width:100%;}
	.itlink_wrap ul{margin:0 1em;}
	.itlink_wrap ul li{width:initial;}

	/*ご利用状況アンケート*/
	.mw_wp_form .user_questionnaire_form th,
	.mw_wp_form .user_questionnaire_form td{width:100%;}

	/*お客様の声*/
	.post .entry div.uv_img{width:100%;margin:0 1% 1em;}
	.post .entry div.uv_catch{
		width:100%;
		height:auto;
	}
	.uvinfo_wrap{width:100%;}

	.post .entry div.uvlist_wrap{margin-bottom:0;}
	.uvlist_wrap{top:initial;bottom:0px;}
	.post .entry div.uv_list{width:100%;margin-bottom:0;}
	.uv_list ul{
		overflow-y:scroll;
		height: 280px;
	}
	.uv_list li{width:100%;margin:0 0 0.4em;}
	.uv_list li a:link,
	.uv_list li a:visited{flex-wrap:wrap;}
	.uv_list li img{}
	width:80%;
	height:auto;

}
@media screen and (max-width:600px){
	.demosite_link_area article{width:100%;}
}

/*	HACK
-------------------------------------------------
*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}