@charset "utf-8";

@media print, screen and (min-width: 768px){

/*		Contents
---------------------------------------------------------------------------

	Common（共通部分）
	Widget・Paging・Form など（投稿一覧・共通パーツ）

	ホーム												[ / ]
	
	会社情報（固定）									[ /company/ ]
	サービス（固定）									[ /service/ ]
	お客様の声（固定）									[ /voice/ ]
	採用情報（固定）									[ /recruit/ ]
	個人情報保護方針（固定）							[ /privacy/ ]
	サイトマップ（固定）								[ /sitemap/ ]
	
	ニュース（投稿詳細）								[ /news/ ]
	講座・セミナー（投稿詳細）							[ /academy/ ]
	サポート（投稿詳細）								[ /support/ ]
	実績紹介（投稿一覧・詳細）							[ /works/ ]
	
	お問い合わせ										[ /contact/ ]
	メールアカウント追加依頼フォーム					[ /account/ ]
	24時間受付更新依頼フォーム							[ /revision/ ]
	ホームページ無料診断								[ /shindan/ ]
	レンタルサーバー/ドメイン申し込み依頼フォーム		[ /application/ ]
	配信停止											[ /cancellation/ ]
	固定ページ（1カラム）								[ /xxxx/ ]

------------------------------------------------------------------------ */


/* ========================================================================
	Common（共通部分）
======================================================================== */
body{
	min-width:1000px;
}

.sp{
	display:none;
}

.inner{
	width:980px;
	margin:0 auto;
	position:relative;
}


/* ----------------------------------------
	header
---------------------------------------- */
header{
	position:relative;
	margin:0 0 -4px 0;
	padding:0 0 4px 0;
	background:url(../../img/common/shadow_header.png) repeat-x bottom, url(../../img/common/bg_header.png) repeat-x top;
	z-index:2;
}

header h1,
header p.logo{
	padding:40px 0 18px 0;
}


/* navi
---------------------------------------- */
header .navi{
	position:absolute;
	top:0;
	right:0;
}

header .navi li{
	position:relative;
	float:left;
	margin:0 0 0 24px;
	padding:0 0 0 12px;
	font-size:1.2rem;
	font-weight:bold;
	line-height:24px;
}

header .navi li::before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin:-3px 0 0 0;
	border-style:solid;
	border-width:3px 0 3px 6px;
	border-color:transparent transparent transparent #ffffff;
}

header .navi li a{ color:#ffffff; text-decoration:none; }
header .navi li a:hover{ text-decoration:underline; }


/* contact
---------------------------------------- */
header .contact{
	position:absolute;
	top:40px;
	right:0;
}

header .contact .tel{
	float:left;
	padding:4px 4px 0 0;
	text-align:center;
	font-size:1.0rem;
	font-weight:bold;
}

header .contact .tel img{
	display:block;
	margin:0 0 5px 0;
}

header .contact .btn{
	float:left;
}

header .contact .btn p{
	float:left;
	padding:0 0 0 8px;
}

header .contact .btn p a{
	display:table-cell;
	width:106px;
	height:40px;
	background:#c0153e;
	border-radius:3px;
	text-align:center;
	vertical-align:middle;
	font-size:1.2rem;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

header .contact .btn p:last-of-type a{
	width:110px;
}


/* nav
---------------------------------------- */
#menu p{
	display:none;
}

#menu ul{
	padding:0 0 22px 0;
}

#menu ul li{
	float:left;
	width:140px;
	border-right:1px solid #9d9d9d;
	text-align:center;
}

#menu ul li:first-child{
	border-left:1px solid #9d9d9d;
}

#menu ul li a{
	display:block;
	font-size:1.4rem;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
}

#menu ul li a:hover{
	text-decoration:underline;
}


/* ----------------------------------------
	contents
---------------------------------------- */
#contents{
	position:relative;
	margin:0 0 -4px 0;
	padding:0 0 4px 0;
	background:url(../../img/common/shadow_contents.png) repeat-x bottom;
	z-index:1;
}

#contents > .inner{
	overflow:hidden;
}

#contents main{
	float:left;
	width:705px;
}

#contents aside{
	float:right;
	width:235px;
	padding:0 0 30px 0;
}


/* -----------------------------------
	key（トップページ）
----------------------------------- */
#key{
	background:#eeeeee;
}


/* -----------------------------------
	ticker（トップページ）
----------------------------------- */
#ticker{
	position:relative;
	overflow:hidden;
	background:#f8f8f8;
	border-bottom:1px solid #ececec;
}

#ticker ul{
	overflow:visible;
	width:980px;
	margin:0 auto;
}

#ticker ul li{
	display:none;
	padding:0 20px;
	line-height:44px;
}

#ticker ul li time{
	padding:0 20px;
	font-size:1.4rem;
}

#ticker ul li a{color:#0555a6; text-decoration:none; }
#ticker ul li a:hover{ text-decoration:underline; }


/* ----------------------------------------
	title（下層ページ）
---------------------------------------- */
#title{
	background:-webkit-linear-gradient(left,  #f1994c 0%,#f1994c 50%,#e5813f 50%,#e5813f 100%);
	background:linear-gradient(to right,  #f1994c 0%,#f1994c 50%,#e5813f 50%,#e5813f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1994c', endColorstr='#e5813f',GradientType=1 );
}

#title p{
	width:980px;
	height:165px;
	margin:0 auto;
	padding:0 0 0 118px;
	background:url(../../img/news/icon_title.png) no-repeat left center, url(../../img/news/bg_title.png) no-repeat center top;
	font-size:4.0rem;
	font-weight:bold;
}

#title p > span{
	display:table-cell;
	height:165px;
	vertical-align:middle;
}

#title p span span{
	font-size:2.0rem;
}


/* company（会社情報）・voice（お客様の声）・privacy（個人情報保護方針）・sitemap（サイトマップ）
---------------------------------------- */
.company #title,
.voice #title,
.privacy #title,
.sitemap #title{
	background:-webkit-linear-gradient(left,  #67b5ea 0%,#67b5ea 50%,#58a4df 50%,#58a4df 100%);
	background:linear-gradient(to right,  #67b5ea 0%,#67b5ea 50%,#58a4df 50%,#58a4df 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b5ea', endColorstr='#58a4df',GradientType=1 );
}
.company #title p,
.voice #title p,
.privacy #title p,
.sitemap #title p{ padding-left:160px; background-image:url(../../img/company/icon_title.png), url(../../img/company/bg_title.png); }


/* service（サービス）
---------------------------------------- */
.service #title{
	background:-webkit-linear-gradient(left,  #f35769 0%,#f35769 50%,#de5060 50%,#de5060 100%);
	background:linear-gradient(to right,  #f35769 0%,#f35769 50%,#de5060 50%,#de5060 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35769', endColorstr='#de5060',GradientType=1 );
}
.service #title p{ padding-left:104px; background-image:url(../../img/service/icon_title.png), url(../../img/service/bg_title.png); }


/* academy（講座・セミナー）
---------------------------------------- */
.academy #title{
	background:-webkit-linear-gradient(left,  #308dc8 0%,#308dc8 50%,#3886b8 50%,#3886b8 100%);
	background:linear-gradient(to right,  #308dc8 0%,#308dc8 50%,#3886b8 50%,#3886b8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#308dc8', endColorstr='#3886b8',GradientType=1 );
}
.academy #title p{ padding-left:132px; background-image:url(../../img/academy/icon_title.png), url(../../img/academy/bg_title.png); }


/* support（サポート）
---------------------------------------- */
.support #title{
	background:-webkit-linear-gradient(left,  #54c9b6 0%,#54c9b6 50%,#2cbba5 50%,#2cbba5 100%);
	background:linear-gradient(to right,  #54c9b6 0%,#54c9b6 50%,#2cbba5 50%,#2cbba5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54c9b6', endColorstr='#2cbba5',GradientType=1 );
}
.support #title p{ padding-left:78px; background-image:url(../../img/support/icon_title.png), url(../../img/support/bg_title.png); }


/* works（実績紹介）
---------------------------------------- */
.works #title{
	background:-webkit-linear-gradient(left,  #97c560 0%,#97c560 50%,#7db554 50%,#7db554 100%);
	background:linear-gradient(to right,  #97c560 0%,#97c560 50%,#7db554 50%,#7db554 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c560', endColorstr='#7db554',GradientType=1 );
}
.works #title p{ padding-left:132px; background-image:url(../../img/works/icon_title.png), url(../../img/works/bg_title.png); }


/* contact（お問い合わせ）
---------------------------------------- */
.contact #title{
	background:-webkit-linear-gradient(left,  #fff3d3 0%,#fff3d3 50%,#f3e3ba 50%,#f3e3ba 100%);
	background:linear-gradient(to right,  #fff3d3 0%,#fff3d3 50%,#f3e3ba 50%,#f3e3ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3d3', endColorstr='#f3e3ba',GradientType=1 );
}
.contact #title p{ padding-left:104px; background-image:url(../../img/contact/icon_title.png), url(../../img/contact/bg_title.png); }


/* account（メールアカウント追加依頼フォーム）
---------------------------------------- */
.account #title{
	background:-webkit-linear-gradient(left,  #ffb0b9 0%,#ffb0b9 50%,#e0969f 50%,#e0969f 100%);
	background:linear-gradient(to right,  #ffb0b9 0%,#ffb0b9 50%,#e0969f 50%,#e0969f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0b9', endColorstr='#e0969f',GradientType=1 );
}
.account #title p{ padding-left:114px; background-image:url(../../img/account/icon_title.png), url(../../img/account/bg_title.png); }


/* accountdel（メールアカウント削除依頼フォーム）
---------------------------------------- */
.accountdel #title{
	background:-webkit-linear-gradient(left,  #d1d1d1 0%,#d1d1d1 50%,#c6c6c6 50%,#c6c6c6 100%);
	background:linear-gradient(to right,  #d1d1d1 0%,#d1d1d1 50%,#c6c6c6 50%,#c6c6c6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#c6c6c6',GradientType=1 );
}
.accountdel #title p{ padding-left:114px; background-image:url(../../img/accountdel/icon_title.png), url(../../img/accountdel/bg_title.png); }


/* revision（24時間受付更新依頼フォーム）
---------------------------------------- */
.revision #title{
	background:-webkit-linear-gradient(left,  #b0d4ff 0%,#b0d4ff 50%,#a1c9fa 50%,#a1c9fa 100%);
	background:linear-gradient(to right,  #b0d4ff 0%,#b0d4ff 50%,#a1c9fa 50%,#a1c9fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4ff', endColorstr='#a1c9fa',GradientType=1 );
}
.revision #title p{ padding-left:100px; background-image:url(../../img/revision/icon_title.png), url(../../img/revision/bg_title.png); }


/* shindan（ホームページ無料診断）
---------------------------------------- */
.shindan #title{
	background:-webkit-linear-gradient(left,  #f0eaa6 0%,#f0eaa6 50%,#e3e2a5 50%,#e3e2a5 100%);
	background:linear-gradient(to right,  #f0eaa6 0%,#f0eaa6 50%,#e3e2a5 50%,#e3e2a5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eaa6', endColorstr='#e3e2a5',GradientType=1 );
}
.shindan #title p{ padding-left:102px; background-image:url(../../img/shindan/icon_title.png), url(../../img/shindan/bg_title.png); }


/* application（レンタルサーバー/ドメイン申し込み依頼フォーム）
---------------------------------------- */
.application #title{
	background:-webkit-linear-gradient(left,  #eae5d2 0%,#eae5d2 50%,#d3cebd 50%,#d3cebd 100%);
	background:linear-gradient(to right,  #eae5d2 0%,#eae5d2 50%,#d3cebd 50%,#d3cebd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae5d2', endColorstr='#d3cebd',GradientType=1 );
}
.application #title p{ padding-left:102px; background-image:url(../../img/application/icon_title.png), url(../../img/application/bg_title.png); }


/* ----------------------------------------
	path
---------------------------------------- */
#path{
	margin:0 0 40px 0;
	background:#f8f8f8;
	border-bottom:1px solid #ececec;
}

#path ol{
	width:980px;
	margin:0 auto;
	padding:0 0 0 28px;
	background:url(../../img/common/icon_home.png) no-repeat left center;
}

#path ol li{
	float:left;
	padding:0 0.5em 0 0;
	font-size:1.3rem;
	line-height:40px;
}

#path ol li::after{
	content:">";
	padding:0 0 0 0.5em;
}

#path ol li:last-child::after{
	content:"";
	padding:0;
}

#path ol li a{ color:#0555a6; text-decoration:none; }
#path ol li a:hover{ text-decoration:underline; }


/* ----------------------------------------
	aside
---------------------------------------- */
#contents aside a{ text-decoration:none; }
#contents aside a:hover{ text-decoration:underline; }

aside > section{
	padding:0 0 40px 0;
}

aside h2{
	position:relative;
	margin:0 0 10px 0;
	background:#e5813f;
	border-top-left-radius:5px;
	border-top-right-radius:5px;	
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	line-height:40px;
}

aside h2::before{
	content:"";
	position:absolute;
	bottom:-8px;
	left:50%;
	margin:0 0 0 -7px;
	border-style:solid;
	border-width:8px 7px 0 7px;
	border-color:#e5813f transparent transparent transparent;
}

aside ul li a{
	display:block;
	padding:16px 0 16px 36px;
	background:url(../../img/news/arrow.png) no-repeat 12px 19px;
	border-bottom:1px solid #ececec;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.4;
}

aside .children a{
	position:relative;
	padding-left:48px;
	background:none !important;
}

aside .children a::before{
	content:"";
	position:absolute;
	top:22px;
	left:36px;
	border-style:solid;
	border-width:4px 0 4px 4px;
	border-color:transparent transparent transparent #e5813f;
}


/* privacy（個人情報保護方針）・sitemap（サイトマップ）
---------------------------------------- */
.privacy aside, .sitemap aside{ display:none; }


/* company（会社情報）・voice（お客様の声）
---------------------------------------- */
.company aside h2,
.voice aside h2{ background:#3f90d5; }
.company aside h2::before,
.voice aside h2::before{ border-top-color:#3f90d5; }
.company aside ul li a,
.voice aside ul li a{ background-image:url(../../img/company/arrow.png); }
.company aside .children a::before,
.voice aside .children a::before{ border-left-color:#3f90d5;}

/* service（サービス）
---------------------------------------- */
.service aside h2{ background:#f35769; }
.service aside h2::before{ border-top-color:#f35769; }
.service aside ul li a{ background-image:url(../../img/service/arrow.png); }
.service aside .children a::before{ border-left-color:#f35769;}


/* academy（講座・セミナー）
---------------------------------------- */
.academy aside h2{ background:#308dc8; }
.academy aside h2::before{ border-top-color:#308dc8; }
.academy aside ul li a{ background-image:url(../../img/academy/arrow.png); }


/* support（サポート）
---------------------------------------- */
.support aside h2{ background:#54c9b6; }
.support aside h2::before{ border-top-color:#54c9b6; }
.support aside ul li a{ background-image:url(../../img/support/arrow.png); }


/* works（実績紹介）
---------------------------------------- */
.works aside h2{ background:#7db554; }
.works aside h2::before{ border-top-color:#7db554; }
.works aside ul li a{ background-image:url(../../img/works/arrow.png); }

.works aside section section{
	padding:2px 0 0 0;
}

.works aside h3{
	background:url(../../img/works/icon_open.png) no-repeat 12px center #ececec;
	text-align:center;
	font-size:1.5rem;
	font-weight:bold;
	color:#7db554;
	line-height:35px;
	cursor:pointer;
}

.works aside h3.close{
	background-image:url(../../img/works/icon_close.png);
}

.works aside ul{
	display:none;
	margin:0 0 -3px 0;
}

.works aside section section:last-of-type ul{
	margin-bottom:0;
}


/* ----------------------------------------
	footer
---------------------------------------- */
footer .pagetop{
	position:fixed;
	bottom:100px;
	right:30px;
	z-index:10;
}


/* contact
---------------------------------------- */
footer .contact{
	position:relative;
	height:280px;
	background:#c0153e;
	text-align:center;
}

footer .contact::before{
	content:"";
	position:absolute;
	top:0;
	left:50%;
	width:980px;
	height:280px;
	margin:0 0 0 -490px;
	background:url(../../img/common/bg_contact.png) no-repeat left -16px;
}

footer .contact > *{
	position:relative;
	width:980px;
	margin:0 auto;
	z-index:1;
}

footer .contact dt{
	padding:28px 0 20px 0;
	font-size:2.6rem;
	font-weight:bold;
	color:#ffffff;
}

footer .contact dd:last-of-type{
	padding:20px 0 0 0;
	font-size:1.3rem;
	color:#ffffff;
	line-height:1.5;
}

footer .contact dd a{
	color:#ffffff;
}

footer .contact dd address{
	overflow:hidden;
	padding:0 158px;
}

footer .contact dd address .tel{
	float:left;
	width:332px;
	padding:2px 0 0 0;
	font-size:1.5rem;
	font-weight:bold;
	color:#ffffff;
}

footer .contact dd address .tel img{
	display:block;
	margin:0 auto 10px;
}

footer .contact dd address .btn{
	float:left;
	width:332px;
	text-align:right;
}

footer .contact dd address .btn a{
	display:inline-block;
	width:306px;
	background:-webkit-linear-gradient(top,  #ffffff 0%,#dfdfde 100%);
	background:linear-gradient(to bottom,  #ffffff 0%,#dfdfde 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfde',GradientType=0 ); /* IE9用 */
	border:2px solid #ffffff;
	border-radius:3px;
	box-shadow:3px 3px 3px rgba(151,24,45,0.5);
	text-align:center;
	font-size:2.0rem;
	font-weight:bold;
	color:#bc0f40;
	line-height:60px;
	text-decoration:none;
}


/* menu
---------------------------------------- */
footer .menu ul{
	background:#242424;
	text-align:center;
	font-size:0;
}

footer .menu ul li{
	display:inline-block;
	font-size:1.3rem;
	color:#ffffff;
	line-height:40px;
}

footer .menu ul li::before{
	content:"|";
	padding:0 1em;
}

footer .menu ul li:first-child::before{
	content:"";
	padding:0;
}

footer .menu ul li a{ color:#ffffff; text-decoration:none; }
footer .menu ul li a:hover{ text-decoration:underline; }


/* inner
---------------------------------------- */
footer .navi li{
	position:relative;
	float:left;
	margin:0 24px 0 0;
	padding:0 0 0 12px;
	font-size:1.2rem;
	font-weight:bold;
	line-height:40px;
}

footer .navi li::before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin:-3px 0 0 0;
	border-style:solid;
	border-width:3px 0 3px 6px;
	border-color:transparent transparent transparent #c0153e;
}

footer .navi li a{ text-decoration:none; }
footer .navi li a:hover{ text-decoration:underline; }

footer .copyright{
	position:absolute;
	top:0;
	right:0;
	font-size:1.2rem;
	line-height:40px;
}


/* ========================================================================
	Widget・Paging・Form など（投稿一覧・共通パーツ）
======================================================================== */

/* ----------------------------------------
	widget_list（投稿一覧）
---------------------------------------- */
.widget_list{
	padding:0 0 15px 0;
}

.widget_list li{
	float:left;
	width:205px;
	margin:0 45px 45px 0;
	line-height:1.4;
}

.widget_list li:nth-child(3n){
	margin-right:0;
}

.widget_list li a{
	display:block;
	font-size:1.4rem;
	color:#0555a6;
	text-decoration:none;
}

.widget_list li a:hover{
	text-decoration:underline;
}

.widget_list li img{
	margin:0 0 18px 0;
}

.widget_list li span{
	margin:0 0 10px 0;
}

.widget_list li time{
	display:block;
	padding:0 0 6px 0;
	font-size:1.4rem;
}


/* ----------------------------------------
	cat（カテゴリ）
---------------------------------------- */
.cat{
	display:inline-block;
	min-width:120px;
	padding:0 10px;
	background:#66b016;
	border-radius:2px;
	text-align:center;
	font-size:1.2rem;
	color:#ffffff;
	line-height:22px;
}

.cat.recruit{ background:#207eba; }


/* ----------------------------------------
	back（投稿詳細・戻るボタン）
---------------------------------------- */
.back{
	padding:30px 0 40px 0;
	border-top:1px solid #ececec;
	text-align:center;
}

.back a{
	display:inline-block;
	width:190px;
	border:1px solid #e5813f;
	border-radius:3px;
	font-size:1.4rem;
	font-weight:bold;
	color:#e5813f;
	line-height:40px;
	text-decoration:none;
}

.back a:hover{
	background:#e5813f;
	color:#ffffff;
}


/* academy（講座・セミナー）
---------------------------------------- */
.academy .back a{ border-color:#308dc8; color:#308dc8; }
.academy .back a:hover{ background:#308dc8; color:#ffffff; }


/* support（サポート）
---------------------------------------- */
.support .back a{ border-color:#2cbba5; color:#2cbba5; }
.support .back a:hover{ background:#2cbba5; color:#ffffff; }


/* works（実績紹介）
---------------------------------------- */
.works .back a{ border-color:#7db554; color:#7db554; }
.works .back a:hover{ background:#7db554; color:#ffffff; }


/* -----------------------------------
	paging
----------------------------------- */
.paging{
	padding:36px 0 30px 0;
	border-top:1px solid #ececec;
	text-align:center;
	font-size:1.3rem;
}

.paging span{
	display:inline-block;
	padding:0 4px 10px;
	vertical-align:bottom;
}

.paging span.current{
	width:35px;
	line-height:33px;
	margin:0 4px 10px;
	padding:0;
	background:#e5813f;
	border:1px solid #e5813f;
	border-radius:2px;
	text-align:center;
	color:#ffffff;
}

.paging a{
	display:inline-block;
	width:35px;
	line-height:33px;
	margin:0 4px 10px;
	border:1px solid #e5813f;
	border-radius:2px;
	text-align:center;
	color:#e5813f;
	text-decoration:none;
	transition-duration:0.2s;
}

.paging a:hover{
	background:#e5813f;
	color:#ffffff;
}


/* academy（講座・セミナー）
---------------------------------------- */
.academy .paging span.current{ background:#308dc8; border-color:#308dc8; }
.academy .paging a{ border-color:#308dc8; color:#308dc8; }
.academy .paging a:hover{ background:#308dc8; color:#ffffff; }


/* support（サポート）
---------------------------------------- */
.support .paging span.current{ background:#2cbba5; border-color:#2cbba5; }
.support .paging a{ border-color:#2cbba5; color:#2cbba5; }
.support .paging a:hover{ background:#2cbba5; color:#ffffff; }


/* works（サポート）
---------------------------------------- */
.works .paging span.current{ background:#7db554; border-color:#7db554; }
.works .paging a{ border-color:#7db554; color:#7db554; }
.works .paging a:hover{ background:#7db554; color:#ffffff; }


.paging a.prev,
.paging a.next{
	width:auto;
	margin:0 10px 10px 0;
	padding:0 10px;
}

.paging a.next{
	margin:0 0 10px 10px;
}

.paging a.prev:hover,
.paging a.next:hover{
	background:#bab8b4;
	border-color:#bab8b4;
}


/* -----------------------------------
	form
----------------------------------- */
form table{
	margin:0 0 50px 0;
	border-top:1px dashed #8b9297;
	line-height:1.5;
}

form table th{
	width:320px;
	padding:20px;
	background:#f1f1f1;
	border-bottom:1px dashed #8b9297;
	text-align:left;
	font-weight:bold;
}

form table th span{
	display:inline-block;
	margin:0 0 0 10px;
	padding:0 10px;
	background:#c0153e;
	border-radius:3px;
	font-size:1.4rem;
	color:#ffffff;
	line-height:20px;
}

form table td{
	padding:15px 0 15px 20px;
	border-bottom:1px dashed #8b9297;
}


/* input
---------------------------------------- */
form input[type="text"],
form input[type="tel"],
form input[type="email"],
form textarea{
	width:100%;
	height:46px;
	margin:5px 0;
	padding:0 10px;
	background:#f1f1f1;
	border:none;
	border-radius:3px;
}

form textarea{
	height:auto;
	padding:10px;
	line-height:1.5;
}

form label{
	display:inline-block;
	min-width:300px;
	margin:5px 0;
}

form label:nth-of-type(odd){
	min-width:320px;
}

form input[type="radio"],
form input[type="checkbox"]{
	margin:-2px 12px 0 0;
}

form input[disabled]{
	background:#cccccc;
}


/* btn
---------------------------------------- */
form .btn{
	text-align:center;
}

form .btn button{
	width:250px;
	height:70px;
	background:url(../../img/common/arrow_form.png) no-repeat 224px center #c0153e;
	border:none;
	font-size:1.8rem;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:2px;
}
	
/* btn 追加
---------------------------------------- */
div .c_btn{
	text-align:center;}
	

.c_btn .btn{
	display: inline-block;
	text-decoration: none;
	width:270px;
	height:70px;
	background:url(/../img/common/arrow_form2.png) no-repeat 224px center #f35769;
	border:none;
	font-size:1.8rem;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:2px;
	padding-top: 22px;
	margin: 20px 0 30px 0;
}
	


/* ========================================================================
	ホーム												[ / ]
======================================================================== */
#contents #home{
	float:none;
	width:auto;
}

#home > section > h2{
	position:relative;
	margin:0 0 50px 0;
	text-align:center;
	font-size:1.4rem;
	font-weight:bold;
}

#home > section > h2::before{
	content:"";
	position:absolute;
	bottom:-6px;
	left:50%;
	margin:0 0 0 -5px;
	border-style:solid;
	border-width:6px 5px 0 5px;
	border-color:#c0153e transparent transparent transparent;
}

#home > section > h2 span{
	display:inline-block;
	padding:0 0 12px 0;
	border-bottom:6px solid #c0153e;
	text-align:center;
}

#home > section > h2 img{
	display:block;
	margin:0 auto 10px;
}


/* ----------------------------------------
	btn（共通ボタン）
---------------------------------------- */
#home .btn a{
	display:block;
	width:240px;
	margin:0 auto;
	background:url(../../img/home/arrow.png) no-repeat 220px center;
	border:1px solid #c0153e;
	border-radius:2px;
	text-align:center;
	font-size:1.4rem;
	font-weight:bold;
	color:#c0153e;
	line-height:33px;
	text-decoration:none;
}


/* ----------------------------------------
	service
---------------------------------------- */
#home .service{
	padding:60px 0 25px 0;
}

#home .service p{
	padding:0 0 34px 0;
	text-align:center;
}

#home .service > ul > li{
	float:left;
	width:290px;
	min-height:392px;
	margin:0 55px 55px 0;
}

#home .service > ul > li:nth-child(3n){
	margin-right:0;
}

#home .service h3 a{
	display:block;
	padding:30px 0;
	background:#f8f8f8;
	border:5px solid #f1f1f1;
	text-align:center;
	font-size:2.0rem;
	font-weight:bold;
	color:#c0153e;
	text-decoration:none;
}

#home .service h3 img{
	display:block;
	margin:15px auto 0;
}

#home .service dl{
	padding:22px 0 18px 16px;
}

#home .service dl dt{
	margin:0 0 12px 0;
	font-weight:bold;
	line-height:1.375;
}

#home .service dl dd ul li{
	padding-left:1.5em;
	text-indent:-1.5em;
	font-size:1.4rem;
	line-height:1.571;
}

#home .service dl dd ul li::before{
	content:"●";
	padding:0 0.5em 0 0;
	color:#c0153e;
}


/* ----------------------------------------
	works
---------------------------------------- */
#home .works{
	padding:60px 0 80px 0;
	background:#f8f8f8;
	text-align:center;
}

#home .works p{
	padding:0 20px 20px;
	font-size:1.4rem;
	line-height:2;
}

#home .works p:last-of-type{
	padding-bottom:30px;
}

#home .works p.lead{
	padding-bottom:30px;
	font-size:2.0rem;
	line-height:1.2;
}

#home .works p.lead span{
	padding:0 2px 0 6px;
	background:#ffef3d;
	font-size:3.0rem;
	font-weight:bold;
}


/* slider
---------------------------------------- */
#slider li{
	width:240px !important;
	margin:0 40px 0 0;
	line-height:1.5;
}

#slider li a{ color:#0555a6; text-decoration:none; }
#slider li a:hover{ text-decoration:underline; }

#slider li span{
	overflow:hidden;
	display:block;
	width:240p;
	height:172px;
	margin:0 0 10px 0;
}


/* ----------------------------------------
	voice
---------------------------------------- */
#home .voice{
	padding:60px 0 80px 0;
}

#home .voice p{
	padding:0 0 54px 0;
	text-align:center;
}

#home .voice ul{
	padding:0 15px;
}

#home .voice ul li{
	float:left;
	width:440px;
	margin:0 0 0 70px;
}

#home .voice ul li:first-child{
	margin:0;
}

#home .voice dl dt{
	padding:0 0 18px 0;
	text-align:center;
	font-weight:bold;
}

#home .voice dl dt img{
	display:block;
	margin:0 0 24px 0;
}

#home .voice dl dd{
	padding:0 0 26px 0;
	font-size:1.4rem;
	line-height:1.714;
}


/* ----------------------------------------
	division
---------------------------------------- */
#home .division{
	padding:60px 0 0 0;
	background:#f8f8f8;
}

#home .division .inner{
	overflow:hidden;
	padding:0 0 45px 0;
}

#home .division section{
	float:left;
	width:435px;
}

#home .division section:nth-of-type(2){
	float:right;
}

#home .division h2{
	position:relative;
	padding:0 0 30px 21px;
	font-size:2.0rem;
	font-weight:bold;
	color:#c0153e;
	line-height:24px;
}

#home .division h2::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:7px;
	height:24px;
	background:#c0153e;
	border-radius:2px;
}


/* widget_list
---------------------------------------- */
#home .widget_list{
	padding:0;
}

#home .widget_list li{
	margin:0 25px 25px 0;
}

#home .widget_list li:nth-child(2n){
	margin-right:0;
}


/* bnr
---------------------------------------- */
#home .division .bnr{
	float:right;
	padding:0 0 10px 0;
}

#home .bnr ul li{
	float:left;
	padding:0 15px 15px 0;
}

#home .bnr ul li:nth-child(odd){
	padding-right:0;
}


/* ========================================================================
	会社情報（固定）									[ /company/ ]
	サービス（固定）									[ /service/ ]
	お客様の声（固定）									[ /voice/ ]
	採用情報（固定）									[ /recruit/ ]
	個人情報保護方針（固定）							[ /privacy/ ]
	サイトマップ（固定）								[ /sitemap/ ]

	ニュース（投稿詳細）								[ /news/ ]
	講座・セミナー（投稿詳細）							[ /academy/ ]
	サポート（投稿詳細）								[ /support/ ]
======================================================================== */
#page{
	padding:0 0 30px 0;
}

.privacy #page,
.sitemap #page{
	float:none;
	width:auto;
}


/* ----------------------------------------
	見出し
---------------------------------------- */
#page h1{
	position:relative;
	margin:0 0 30px 0;
	padding:0 0 0 21px;
	font-size:2.4rem;
	font-weight:bold;
	color:#e5813f;
	line-height:34px;
}

#page h1::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:7px;
	height:34px;
	background:#e5813f;
	border-radius:2px;
}

#page h2{
	margin:0 0 20px 0;
	padding:5px 14px;
	background:#e5813f;
	border-radius:2px;
	font-size:1.8rem;
	font-weight:bold;
	color:#ffffff;
	line-height:1.5;
}

#page h3{
	margin:0 0 20px 0;
	padding:6px 14px;
	background:#f1f1f1;
	font-weight:bold;
	color:#e5813f;
	line-height:1.5;
}

#page h4{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:2px solid #e5813f;
	font-weight:bold;
	color:#e5813f;
}


/* company（会社情報）・voice（お客様の声）・privacy（個人情報保護方針）・sitemap（サイトマップ）
---------------------------------------- */
.company #page h1, .company #page h3,
.voice #page h1, .voice #page h3,
.privacy #page h1, .privacy #page h3,
.sitemap #page h1{ color:#3f90d5; }

.company #page h1::before, .company #page h2,
.voice #page h1::before, .voice #page h2,
.privacy #page h1::before, .privacy #page h2,
.sitemap #page h1::before{ background-color:#3f90d5; }

.company #page h4,
.voice #page h4,
.privacy #page h4{ border-color:#3f90d5; color:#3f90d5; }


/* service（サービス）
---------------------------------------- */
.service #page h1, .service #page h3{ color:#f35769; }
.service #page h1::before, .service #page h2{ background-color:#f35769; }
.service #page h4{ border-color:#f35769; color:#f35769; }


/* academy（講座・セミナー）
---------------------------------------- */
.academy #page h1, .academy #page h3{ color:#308dc8; }
.academy #page h1::before, .academy #page h2{ background-color:#308dc8; }
.academy #page h4{ border-color:#308dc8; color:#308dc8; }


/* support（サポート）
---------------------------------------- */
.support #page h1, .support #page h3{ color:#54c9b6; }
.support #page h1::before, .support #page h2{ background-color:#54c9b6; }
.support #page h4{ border-color:#54c9b6; color:#54c9b6; }


/* ----------------------------------------
	navi（固定一覧）
---------------------------------------- */
#page .navi li{
	float:left;
	width:335px;
	margin:0 35px 50px 0;
}

#page .navi li:nth-child(2n){
	margin-right:0;
}

#page .navi li a{
	text-decoration:none;
}

#page .navi li img{
	margin:0 0 20px 0;
	border-bottom:3px solid #3f90d5;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

#page .navi li p{
	font-size:1.3rem;
	line-height:1.692;
}

#page .navi li p.title{
	margin:0 0 12px 0;
	padding:0 0 0 24px;
	background:url(../../img/company/arrow.png) no-repeat left center;
	font-size:1.6rem;
	color:#3f90d5;
	line-height:1.2;
}

#page .navi li a:hover p.title{
	text-decoration:underline;
}


/* service（サービス）
---------------------------------------- */
.service #page .navi li img{ border-color:#f35769; }
.service #page .navi li p.title{ background-image:url(../../img/service/arrow.png); color:#f35769; }


/* -----------------------------------
	date（投稿詳細）
----------------------------------- */
#page p.date{
	padding:0 0 30px 0;
}

#page p.date .cat{
	margin:0 16px 0 0;
}

#page p.date time{
	font-size:1.4rem;
}


/* ----------------------------------------
	entry
---------------------------------------- */
#page .entry{
	padding:0 0 20px 0;
}

#page .entry p{
	overflow:hidden;
	padding:0 0 20px 0;
	line-height:2;
}

#page .entry span.lead{
	font-size:2.2rem;
	font-weight:bold;
	color:#e5813f;
	line-height:1.5;
}

#page .entry table{
	width:100% !important;
	margin:0 0 30px 0;
}

#page .entry table td{
	padding:14px 25px;
	border:1px solid #e4e4e4;
	font-size:1.4rem;
	line-height:1.571;
}

#page .entry table td:first-of-type{
	background:#f1f1f1;
	font-weight:bold;
}

#page .entry table td p{
	line-height:1.571;
}

#page .entry table td p:last-of-type{
	padding:0;
}

#page .entry .aligncenter{ display:block; margin:0 auto; }
#page .entry .alignright{ float: right; margin:0 0 0 30px; }
#page .entry .alignleft{ float: left; margin:0 30px 0 0; }


/* company（サービス）・voice（お客様の声）
---------------------------------------- */
.company #page .entry span.lead,
.voice #page .entry span.lead{ color:#3f90d5; }


/* service（サービス）
---------------------------------------- */
.service #page .entry span.lead{ color:#f35769; }


/* academy（講座・セミナー）
---------------------------------------- */
.academy #page .entry span.lead{ color:#308dc8; }


/* support（サポート）
---------------------------------------- */
.support #page .entry span.lead{ color:#54c9b6; }


/* ----------------------------------------
	sitemap（サイトマップ）
---------------------------------------- */
#page .sitemap{
	overflow:hidden;
	padding:14px 0 34px 0;
}

#page .sitemap ul{
	float:left;
	width:320px;
}

#page .sitemap ul:nth-of-type(2){
	width:340px
}

#page .sitemap ul li{
	padding:0 0 0 26px;
	background:url(../../img/company/arrow.png) no-repeat left center;
	line-height:3;
}

#page .sitemap ul li a{ text-decoration:none; }
#page .sitemap ul li a:hover{ text-decoration:underline; }


/* ========================================================================
	実績紹介（投稿一覧・詳細）							[ /works/ ]
======================================================================== */
#works{
	padding:0 0 30px 0;
}

#works h1{
	position:relative;
	margin:0 0 30px 0;
	padding:0 0 0 21px;
	font-size:2.4rem;
	font-weight:bold;
	color:#7db554;
	line-height:34px;
}

#works h1::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:7px;
	height:34px;
	background:#7db554;
	border-radius:2px;
}

#works p{
	padding:0 0 20px 0;
	line-height:2;
}


/* ----------------------------------------
	description（カテゴリ説明文）
---------------------------------------- */
#works .description{
	padding:0 0 20px 0;
}

#works .description h2{
	margin:0 0 20px 0;
	padding:5px 14px;
	background:#7db554;
	border-radius:2px;
	font-size:1.8rem;
	font-weight:bold;
	color:#ffffff;
	line-height:1.5;
}

#works .description h3{
	margin:0 0 20px 0;
	padding:6px 14px;
	background:#f1f1f1;
	font-weight:bold;
	color:#7db554;
	line-height:1.5;
}

#works .description h4{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:2px solid #7db554;
	font-weight:bold;
	color:#7db554;
}


/* ----------------------------------------
	ul（一覧）
---------------------------------------- */
#works ul{
	padding:0 0 10px 0;
}

#works ul li{
	float:left;
	width:203px;
	margin:0 48px 46px 0;
	text-align:center;
	vertical-align:top;
	line-height:1.5;
}

#works ul li:nth-child(3n){
	margin-right:0;
}

#works ul li a{ color:#0555a6; text-decoration:none; }
#works ul li a:hover{ text-decoration:underline; }

#works ul li span{
	overflow:hidden;
	display:block;
	width:200px;
	height:144px;
	margin:0 0 14px 0;
}


/* ----------------------------------------
	section（詳細）
---------------------------------------- */
#works p.key{
	padding:0 0 20px 0;
	text-align:center;
}

#works table{
	margin:0 0 48px 0;
	background:#f8f8f8;
	border-top:14px solid #f8f8f8;
	border-bottom:14px solid #f8f8f8;
	border-left:30px solid #f8f8f8;
	border-right:30px solid #f8f8f8;
	text-align:left;
	font-size:1.4rem;
	line-height:1.5;
}

#works table th{
	width:120px;
	padding:10px 0;
	vertical-align:top;
	font-weight:bold;
}

#works table th:nth-of-type(2){
	width:80px;
}

#works table td{
	padding:10px 0;
	vertical-align:top;
}

#works table td:first-of-type{
	width:280px;
	padding-right:20px;
}

#works table td span{
	display:inline-block;
	padding:0 1em 0 0;
}

#works table td a{
	display:block;
	padding:0 0 0 22px;
	background:url(../../img/works/icon_blank.png) no-repeat left 6px;
	color:#0555a6;
	text-decoration:none;
}

#works table td a:hover{
	text-decoration:underline;
}


/* introduction
---------------------------------------- */
#works .introduction{
	padding:0 0 30px 0;
}

#works .introduction h2{
	padding:0 0 24px 0;
	font-size:2.2rem;
	font-weight:bold;
	color:#7db554;
}


/* ========================================================================
	お問い合わせ										[ /contact/ ]
	メールアカウント追加依頼フォーム					[ /account/ ]
	24時間受付更新依頼フォーム							[ /revision/ ]
	ホームページ無料診断								[ /shindan/ ]
	レンタルサーバー/ドメイン申し込み依頼フォーム		[ /application/ ]
	配信停止											[ /cancellation/ ]
======================================================================== */
#contents #form{
	float:none;
	width:auto;
	padding:0 0 70px 0;
}

#form h1{
	position:relative;
	margin:0 0 30px 0;
	padding:0 0 0 21px;
	font-size:2.4rem;
	font-weight:bold;
	color:#c0153e;
	line-height:34px;
}

#form h1::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:7px;
	height:34px;
	background:#c0153e;
	border-radius:2px;
}

#form h2{
	margin:0 0 20px 0;
	padding:5px 14px;
	background:#c0153e;
	border-radius:2px;
	font-size:1.8rem;
	font-weight:bold;
	color:#ffffff;
	line-height:1.5;
}

#form p{
	padding:0 0 30px 0;
	line-height:2;
}

#form p.lead{
	padding-bottom:10px;
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.5;
}


/* ----------------------------------------
	tel（お問い合わせ）
---------------------------------------- */
#form .tel{
	padding:0 0 36px 0;
	text-align:center;
}

#form .tel p{
	padding:0 0 12px 0;
	font-size:2.3rem;
	font-weight:bold;
	line-height:1.2;
}

#form .tel p span{
	color:#c0153e;
}


/* ----------------------------------------
	step
---------------------------------------- */
#form .step{
	display:table;
	width:100%;
	table-layout:fixed;
	padding:0 0 20px 0;
}

#form .step li{
	display:table-cell;
	margin:0 0 0 4px;
	background:#f8f8f8;
	border-left:4px solid #ffffff;
	text-align:center;
	font-size:1.8rem;
	line-height:40px;
}

#form .step li:first-child{
	margin:0;
	border:none;
}

#form .step li span{
	padding:0 1em 0 0;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1;
}

#form .step li.current{
	position:relative;
	background:#c0153e;
	color:#ffffff;
}

#form .step li.current::before{
	content:"";
	position:absolute;
	top:0;
	right:-20px;
	border-style:solid;
	border-width:20px 0 20px 20px;
	border-color:transparent transparent transparent #c0153e;
}


/* ----------------------------------------
	about_shindan（ホームページ無料診断）
---------------------------------------- */
#form .about_shindan{
	padding:0 0 10px 0;
}

#form .about_shindan p{
	padding:0 0 30px 0;
}


/* ----------------------------------------
	step_shindan（ホームページ無料診断）
---------------------------------------- */
#form .step_shindan{
	padding:0 0 40px 0;
}

#form .step_shindan ol{
	padding:30px 0 22px 50px;
	background:#fcf9f2;
	border-radius:5px;
}

#form .step_shindan ol li{
	float:left;
	width:424px;
	margin:0 32px 0 0;
}

#form .step_shindan dl dd{
	overflow:hidden;
	padding:22px 10px 0;
	line-height:2;
}

#form .step_shindan dl dd img{
	float:right;
	margin:0 0 0 10px;
}


/* ----------------------------------------
	rule（レンタルサーバー/ドメイン申し込み依頼フォーム）
---------------------------------------- */
#form .rule h2{
	margin:0;
	padding:0 0 14px 0;
	background:none;
	text-align:center;
	font-size:2.4rem;
	font-weight:normal;
	color:#c0153e;
}

#form .rule p{
	text-align:center;
	font-weight:bold;
}

#form .rule dl{
	overflow-y:scroll;
	height:180px;
	margin:0 0 30px 0;
	padding:20px 20px 0;
	border:1px solid #8b9297;
	font-size:1.4rem;
	line-height:1.8;
}

/* ---------- scrollbar ---------- */
#form .rule dl::-webkit-scrollbar{width:10px;}
#form .rule dl::-webkit-scrollbar-track{background:#f1f1f1;}
#form .rule dl::-webkit-scrollbar-thumb{background:#c1c1c1;}
/* ------------------------------ */

#form .rule dl dt,
#form .rule dl dd{
	padding:0 0 20px 0;
}


/* ========================================================================
	固定ページ（1カラム）								[ /xxxx/ ]
======================================================================== */
#contents #column1{
	float:none;
	width:1080px;
	margin:0 auto;
	padding:0 0 20px 0;
}


/* ----------------------------------------
	見出し
---------------------------------------- */
#column1 h1{
	padding:0 0 40px 0;
	text-align:center;
	font-size:3.4rem;
	color:#f35769;
	line-height:44px;
}

#column1 h2{
	margin:0 0 40px 0;
	padding:0 0 23px 0;
	border-bottom:1px solid #f35769;
	text-align:center;
	font-size:2.2rem;
	line-height:32px;
}

#column1 h3{
	margin:0 0 40px 0;
	padding:25px 20px;
	background:#f35769;
	text-align:center;
	font-size:2.0rem;
	font-weight:bold;
	color:#ffffff;
	line-height:30px;
}

#column1 h4{
	position:relative;
	padding:0 0 40px 22px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:30px;
}

#column1 h4::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:8px;
	height:30px;
	background:#f35769;
	border-radius:4px;
}


/* ----------------------------------------
	navi（固定一覧）
---------------------------------------- */
#column1 .navi{
	padding:0 0 40px 0;
}

#column1 .navi li{
	float:left;
	width:340px;
	margin:0 30px 40px 0;
}
#column1 .navi li:nth-child(3n){ margin-right:0; }

#column1 .navi li a{
	text-decoration:none;
}

#column1 .navi li img{
	margin:0 0 10px 0;
}

#column1 .navi li p{
	font-size:1.4rem;
	line-height:2;
}

#column1 .navi li p.title{
	padding:0 0 6px 0;
	font-size:1.8rem;
	font-weight:bold;
	color:#f35769;
	line-height:34px;
}

#column1 .navi li a:hover p.title{
	text-decoration:underline;
}


/* ----------------------------------------
	entry
---------------------------------------- */
#column1 .entry{
	padding:0 0 40px 0;
}

#column1 .entry p{
	overflow:hidden;
	padding:0 0 40px 0;
	line-height:2;
}

#column1 .entry ul{
	padding:0 0 40px 0;
}

#column1 .entry ul li{
	padding:24px 0;
	border-bottom:1px dashed #cbcbcb;
	line-height:26px;
}
#column1 .entry ul li:first-child{ padding-top:0; }

#column1 .entry table{
	width:100% !important;
	margin:0 0 40px 0;
	line-height:2;
}

#column1 .entry table th{
	width:300px !important;
	padding:20px;
	background:#f1f1f1;
	border:1px solid #cbcbcb;
	text-align:center;
	font-size:1.4rem;
	font-weight:bold;
	white-space:nowrap;
}

#column1 .entry table td{
	width:auto !important;
	padding:20px;
	border:1px solid #cbcbcb;
	font-size:1.4rem;
}

#column1 .entry .aligncenter{ display:block; margin:0 auto; }
#column1 .entry .alignright{ float: right; margin:0 0 0 40px; }
#column1 .entry .alignleft{ float: left; margin:0 40px 0 0; }


/* column2 / column3
---------------------------------------- */
#column1 .column2,
#column1 .column3{
	overflow:hidden;
}

#column1 .column2 .block{
	float:left;
	width:520px;
	padding:0 0 20px 0;
}
#column1 .column2 .block:nth-child(2){ float:right; }

#column1 .column3 .block{
	float:left;
	width:340px;
	margin:0 30px 20px 0;
}
#column1 .column3 .block:nth-child(3){ margin-right:0; }

#column1 .block p{
	padding:0 0 20px 0;
}

#column1 .block p.title{
	font-size:2.0rem;
	font-weight:bold;
	color:#f35769;
	line-height:30px;
}


/* link
---------------------------------------- */
#column1 .link,#contents .link{
	padding:0 0 40px 0;
	text-align:center;
}

#column1 .link a,#contents .link a{
	display:inline-block;
	min-width:470px;
	padding:20px 40px;
	border:3px solid #f35769;
	border-radius:51px;
	font-size:1.8rem;
	font-weight:bold;
	color:#f35769;
	line-height:28px;
	text-decoration:none;
	transition-duration:0.2s;
}
#column1 .column3 .link a{
	min-width:auto;
	width:100%;
	padding:20px 30px;
}

#column1 .link a:hover,#contents .link a:hover{
	background:#f35769;
	color:#ffffff;
}


/* ========================================================================
	固定ページ（1カラム）	お問い合わせ							[ /xxxx/ ]
======================================================================== */
#contents #contact_contents{
	float:none;
	max-width:1080px;
	width: 100%;
	margin:0 auto;
	padding:0 0 80px 0;
}


/* ----------------------------------------
	見出し
---------------------------------------- */
#contact_contents h1{
	padding:0 0 40px 0;
	text-align:center;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "メイリオ", Meiryo, sans-serif;
	font-size:3.4rem;
	color:#f35769;
	line-height:44px;
}

#contact_contents h2{
	margin:0 0 40px 0;
	padding:0 0 23px 0;
	border-bottom:1px solid #f35769;
	text-align:center;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "メイリオ", Meiryo, sans-serif;
	font-size:2.2rem;
	line-height:32px;
}

#contact_contents h3{
	margin:0 0 40px 0;
	padding:25px 20px;
	background:#f35769;
	text-align:center;
	font-size:2.0rem;
	font-weight:bold;
	color:#ffffff;
	line-height:30px;
}

#contact_contents h4{
	position:relative;
	padding:0 0 40px 22px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:30px;
}

#contact_contents h4::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:8px;
	height:30px;
	background:#f35769;
	border-radius:4px;
}

/* ===========
Contact form7 スタイル
============== */
	
/*テーブル全体*/
#contact_contents .contact_form_style table{
width:100%;
text-align:left;
font-weight:bold;
overflow:auto;
white-space: wrap;
	table-layout: fixed;
} 

/*見出しセル指定*/
#contact_contents .contact_form_style table th{
background:#f7f7f7;
font-size:17px;
border:solid 1px #e8e8e8;
padding:10px;
	font-weight: 700;
	text-align: left;
	width:35% !important;
} 
#contact_contents .contact_form_style table th span{
	display:inline-block;
	margin:0px;

	background:none;
	border-radius:none;
	color:#121212;
	line-height:1.4;
}	
	
/*見出し以外のセル指定*/
#contact_contents .contact_form_style table td{
padding:10px;
border:solid 1px #e8e8e8;
font-size:16px;
background:#fff;
	text-align: left;
	width: 65% !important;
}
/*行の枠線*/
#contact_contents .contact_form_style table tr{
border:solid 1px #e8e8e8;
} 
/* input
---------------------------------------- */
#contact_contents .contact_form_style form input[type="text"],
#contact_contents .contact_form_style form input[type="tel"],
#contact_contents .contact_form_style form input[type="email"],
#contact_contents .contact_form_style form input[type="number"],
#contact_contents .contact_form_style form input[type="date"],
#contact_contents .contact_form_style form textarea{
	height:46px;
	margin:5px 0;
	padding:0 10px;
	background:#fff;
	border:3px solid #d5d5d5;
	border-radius:3px;
}

#contact_contents .contact_form_style .wpcf7-form-control-wrap{
		width: 100%!important;
	}
#contact_contents .contact_form_style form select{
	width:100%;
	height:46px;
	margin:5px 0;
	padding:0 10px;
	background:#fff;
	border:3px solid #d5d5d5;
	border-radius:3px;
}
#contact_contents .contact_form_style form textarea{
	width:100% !important;	
	height:auto;
	padding:10px;
	line-height:1.5;
}

#contact_contents .contact_form_style form label{
	display:inline-block;
	min-width:auto;
	margin:5px 1em 0 0;
}

#contact_contents .contact_form_style form label:nth-of-type(odd){
	min-width:auto;
}

#contact_contents .contact_form_style form input[type="radio"],
#contact_contents .contact_form_style form input[type="checkbox"]{
	margin:-2px 5px 0 0;
}

#contact_contents .contact_form_style form input[disabled]{
	background:#cccccc;
}

/*必須の調整*/
#contact_contents .contact_form_style .haveto{
 font-size:12px;
 padding:2px 10px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
#contact_contents .contact_form_style .any{
 font-size:12px;
 padding:2px 10px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
	
	
/*ラジオボタンを縦並び指定*/
#contact_contents .contact_form_style .wpcf7-form-control{
 display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
	
/*ラジオボタンを縦並び指定*/
#contact_contents .contact_form_style .wpcf7-form-control.verticallist{
 display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-flow:column wrap;
}
	
#contact_contents .contact_form_style .wpcf7-form-control-wrap{
 display:inline-block;
}
/*送信ボタンのデザイン変更*/
#contact_contents .contact_form_style #formbtn{
 display: block;
 padding:1em 0;
	margin: 30px auto 0;
	max-width: 300px;
 width:100%;
 background:#c4143c;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#contact_contents .contact_form_style #formbtn:hover{
 background:#fff;
 color:#c4143c;
}
#contact_contents .contact_form_style .flex_box{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
#contact_contents .contact_form_style .flex_box .wpcf7-form-control-wrap{
	width: auto !important;
	}

#contact_contents .contact_form_style .screen-reader-response ul {
	display: none;
	}
#contact_contents .contact_form_style span.wpcf7-not-valid-tip {
	font-size: 15px;
	font-weight: 700;
	color: #c4143c;
}

#contact_contents .contact_form_style .wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 20px 10px;
	border: 2px solid #00a0d2; /* Blue */
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #00a0d2;	
}

#contact_contents .contact_form_style .wpcf7 form.init .wpcf7-response-output {
	display: none;
}

#contact_contents .contact_form_style .wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
	color: #46b450;		
}

#contact_contents .contact_form_style .wpcf7 form.failed .wpcf7-response-output,
#contact_contents .contact_form_style .wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
	color: #dc3232;		
}

#contact_contents .contact_form_style .wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
	color: #f56e28;		
}

#contact_contents .contact_form_style .wpcf7 form.invalid .wpcf7-response-output,
#contact_contents .contact_form_style .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
	color: #ffb900;		
}

}
.icc {
    display: flex; 
    justify-content: space-around;
}
div.infobnr{
	margin: 0 0 80px 0 !important;
}