@charset "UTF-8";
@media screen and (min-width: 751px){
#top header {
	height: 720px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/pc/main_img.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
}
#top header h1 {
	font-size: 46px;
	color: #ffc800;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}
#top header h1 span {
	display: inline-block;
	padding-left: 30px;
}
#top header .right {
	position: absolute;
	left: 560px;
	top: 40px;
}
#top header ul {
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#top header .fuki{
	opacity: 0;
	text-align: center;
	font-size: 30px;
	color: #47b1cb;
	list-style-image: none;
	list-style-type: none;
}
#top header .fuki1{
	position: absolute;
	left: 270px;
	top: 10px;
	background-image: url(../images/pc/fuki1.png);
	height: 107px;
	width: 160px;
	padding-top: 30px;
	line-height: 36px;
}
#top header .fuki2{
	position: absolute;
	left: 370px;
	top: 148px;
	background-image: url(../images/pc/fuki2.png);
	height: 114px;
	width: 156px;
	padding-top: 20px;
	line-height: 30px;
	background-repeat: no-repeat;
	padding-left: 10px;
}
#top header .fuki3{
	position: absolute;
	left: 367px;
	top: 310px;
	background-image: url(../images/pc/fuki3.png);
	height: 131px;
	width: 154px;
	line-height: 36px;
	padding-top: 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
}
#top header .fuki4{
	position: absolute;
	left: 230px;
	top: 420px;
	background-image: url(../images/pc/fuki4.png);
	height: 107px;
	width: 148px;
	padding-top: 35px;
	line-height: 36px;
}
.fuki:nth-child(1) {
  -webkit-animation: example 0.5s ease 0.5s 1 forwards;
  animation: example 0.5s ease 0.5s 1 forwards;
}
.fuki:nth-child(2) {
  -webkit-animation: example 0.5s ease 1s 1 forwards;
  animation: example 0.5s ease 1s 1 forwards;
}
.fuki:nth-child(3) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards;
}
.fuki:nth-child(4) {
  -webkit-animation: example 0.5s ease 2s 1 forwards;
  animation: example 0.5s ease 2s 1 forwards;
}
#craft    {
	background-image: url(../images/pc/craft.png);
	height: 212px;
	width: 412px;
	color: #fff;
	transform: rotate(-5deg);
	font-size: 18px;
	line-height: 28px;
	padding: 20px;
	position: absolute;
	right: 0px;
	bottom: 10px;
}
#top #box1 {
	background-image: url(../images/pc/box1_bg.png);
	text-align: center;
	padding-bottom: 20px;
}
#top #box1 a {
	color: #aaaaa0;
	text-decoration: underline;
}
#top #box1 a:hover {
	text-decoration: none;
}
#top #box1 h2   {
	font-size: 36px;
	line-height: 48px;
	color: #47b1cb;
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
}
#top #new  {
	background-color: #f5f6f3;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	overflow: auto;
}
#top #new h2  {
	text-align: center;
	font-size: 30px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #47b1cb;
	background-color: #ebece7;
	padding-top: 10px;
	padding-bottom: 10px;
}
#top #new dl  {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ebece7;
	border-bottom-color: #ebece7;
	height: 200px;
	overflow: auto;
	padding-right: 20px;
	padding-left: 20px;
}
#top #new dl dt  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	width: 180px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}
#top #new dl dd  {
	margin-left: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
#top #new dl dd a  {
	color: #aaaaa0;
	text-decoration: underline;
}
#top #new dl dd a:hover {
	text-decoration: none;
}
#top .box {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#top .box h2 {
	font-size: 40px;
	color: #47b1cb;
	text-align: center;
	background-image: url(../images/h2_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top .box h2 span {
	background-color: #fff;
	display: inline-block;
	padding-right: 20px;
	padding-left: 20px;
}
#top .box h2 span .f24 {
	font-size: 24px;
}
#top .box #block1 {
	text-align: center;
}
#top .box #block1 h3 {
	background-color: #ffdc00;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	border-radius: 20px;
	font-weight: normal;
}
#top .box #block1 a {
	font-size: 36px;
	line-height: 108px;
	background-image: url(../images/btn.png);
	height: 108px;
	width: 622px;
	color: #fff;
	display: block;
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
}
#top .box #block1 a:hover {
	animation: rumble 0.12s linear infinite;
}
#top .box #block1 a span {
	font-size: 30px;
}
#top .box #block1 p {
	margin-bottom: 40px;
}
#top .box #block2 {
	text-align: center;
}
#top .box #block2 p {
	margin-top: 0px;
}
#top .box #block2 h3 {
	color: #47b1cb;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #47b1cb;
	display: inline-block;
	margin-top: 40px;
	font-weight: normal;
}
#top .box #block2 a  {
	color: #aaaaa0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaa0;
	text-decoration: none;
	padding-bottom: 1px;
	transition: 0.3s;
}
#top .box #block2 a:hover  {
	padding-bottom: 3px;
	transition: 0.2s;	
}
#top #faq #block2 p .come {
	font-size: 20px;
	display: inline-block;
	padding-top: 20px;
	color: #fb4e4e;
}
#price_btn  {
	margin-top: 40px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#price_btn h2 {
	text-align: center;
	color: #ffc800;
	font-weight: normal;
	font-size: 30px;
}
#price_btn li  {
	list-style-type: none;
	overflow: hidden;
	display: inline-block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: auto;
	margin-right: 5px;
	margin-left: 5px;
	height: auto;
}
#price_btn .cf.line li a   {
	color: #fff;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ffc800;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 10px;
	width: 240px;
	text-align: center;
}
#price_btn .cf.line li a:hover {
	animation: rumble 0.12s linear infinite;
}




/***************************************************************************************************************************

作業の流れ

***************************************************************************************************************************/
#flow header{
	background-image: url(../images/flow/pc/header.png);
}
#flow #underlayer section h2 {
	font-weight: normal;
	font-size: 36px;
	line-height: 51px;
	color: #47a8bf;
}
#flow #underlayer section h2 span {
	line-height: 51px;
	color: #fff;
	background-image: url(../images/flow/pc/step.png);
	text-align: center;
	display: inline-block;
	height: 51px;
	width: 144px;
	font-size: 24px;
	margin-right: 20px;
}
#flow #underlayer section p {
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: solid;
	border-top-color: #ebece7;
	border-bottom-color: #ebece7;
	padding-top: 20px;
	padding-bottom: 20px;
}
#flow #underlayer section a  {
	color: #aaaaa0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaa0;
	text-decoration: none;
	padding-bottom: 1px;
	transition: 0.3s;
}
#flow #underlayer section a:hover  {
	padding-bottom: 3px;
	transition: 0.2s;	
}
#flow #underlayer p .come {
	font-size: 20px;
	display: inline-block;
	padding-top: 20px;
	color: #fb4e4e;
}
/***************************************************************************************************************************

制作実績

***************************************************************************************************************************/
#works header{
	background-image: url(../images/works/pc/header.png);
}
#works section li {
	list-style-type: none;
	height: 180px;
	width: 180px;
	overflow: hidden;
	display: inline-block;
	margin-right: 7px;
	margin-left: 7px;
	border: 3px solid #ebece7;
	margin-top: 7px;
	margin-bottom: 7px;
}
#works #underlayer section h2 {
	font-weight: normal;
	font-size: 36px;
	line-height: 51px;
	color: #47a8bf;
}
.grow img {
  height: 180px;
  width: 180px;
 
  -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
 
.grow img:hover {
  -webkit-transform: scale(1.12);
	transform: scale(1.12);
}
#works #underlayer section h3 {
	color: #ffc800;
	font-weight: normal;
}
#works section #btn {
	margin-top: 40px;
}
#works section #btn li {
	list-style-type: none;
	overflow: hidden;
	display: inline-block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: auto;
	margin-right: 5px;
	margin-left: 5px;
	height: auto;
}
#works #underlayer section #btn .cf.line li a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #ffc800;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 10px; 
}
#works #underlayer section #btn .cf.line li a:hover {
	animation: rumble 0.12s linear infinite;
}
#works #underlayer section #btn .cf.line li .on {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #dfaf00;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 10px;
}
#works #underlayer section .pager ul {
	text-align: center;
	margin-top: 20px;
}
#works #underlayer section .pager ul li{
	height: 40px;
	width: 40px;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #278196;
	color: #47a8bf;
	border-radius: 20px;
}
#works #underlayer section .pager ul li a {
	color: #fff;
	display: block;
	height: 40px;
	width: 40px;
	background-color: #47a8bf;
	text-decoration: none;
	transition: 0.5s;
	border-radius: 20px; 
}
#works #underlayer section .pager ul li a:hover  {
	background-color: #278196;
	color: #47a8bf;
}
/***************************************************************************************************************************

価格表

***************************************************************************************************************************/
#price header{
	background-image: url(../images/price/pc/header.png);
}
#price #underlayer section h2 {
	font-weight: normal;
	font-size: 36px;
	line-height: 51px;
	color: #47a8bf;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ebece7;
	padding-bottom: 20px;
}
#price #underlayer section h2 span {
	line-height: 51px;
	color: #fff;
	background-image: url(../images/flow/pc/step.png);
	text-align: center;
	display: inline-block;
	height: 51px;
	width: 144px;
	font-size: 24px;
	margin-right: 20px;
}
#price #underlayer section .line {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebece7;
	padding-bottom: 20px;
}
#price #underlayer section a  {
	color: #aaaaa0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaa0;
	text-decoration: none;
	padding-bottom: 1px;
	transition: 0.3s;
}
#price #underlayer section a:hover  {
	padding-bottom: 3px;
	transition: 0.2s;	
}
#price #underlayer section h3 {
	color: #ffc800;
	font-weight: normal;
}
#price #underlayer section .cf.line li {
	list-style-type: none;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
	float: left;
}
#price #underlayer section .cf.line li a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #ffc800;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 10px; 
}
#price #underlayer section .cf.line li a:hover {
	animation: rumble 0.12s linear infinite;
}
/***************************************************************************************************************************

お問い合わせ

***************************************************************************************************************************/
#contact header{
	background-image: url(../images/contact/pc/header.png);
}
#contact section h2 {
	font-weight: normal;
	font-size: 36px;
	line-height: 51px;
	color: #47a8bf;
}
#contact .red  {
	color: #fb4e4e;
}
#contact dt {
	float: left;
	width: 390px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebece7;
	height: 45px;
	padding-top: 10px;
	padding-left: 10px;
}
#contact dd {
	margin-left: 400px;
	width: 598px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebece7;
	height: 50px;
	padding-top: 5px;
}
#contact dd span {
	font-size:14px;
	color: #fb4e4e;
}
.gray {
	background-color: #ebece7;
}
#pagetop #contact #underlayer section .txt form dl .no_line {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
}
#pagetop #contact #underlayer section .txt form dl .no_line {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
}
#contact .form {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid #ebece7;
	width: 558px;
	height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #aaaaa0;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contact .form2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid #ebece7;
	width: 578px;
	height: 118px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #aaaaa0;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
label {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	background-color: #48a8c0;
	font-size: 14px;
	line-height: 30px;
	background-position: center;
	height: 30px;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.select-wrap{
	position: relative;
	overflow: hidden;
	display: inline-block;
	min-width: 192px;
	min-width: 12em;
	background-color: #ffffff;
	border: 1px solid #ebece7;
	color: #333;
	margin-top: 6px;
	background-image: url(../images/contact/pc/yajirushi.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.select-wrap select{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	display: block;
	width: 200%;/* fallback non calc support */
	width: -webkit-calc(100% + 5em);
	margin: 0;
padding:.6875rem 2.1875rem .6875rem .6875rem;
	background: transparent;
	border: 0;
	outline: none;
	color: #aaaaa0;
	font-size: 14px;
	padding-top: 5px;
	padding-right: 35px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.entypo-down-open-mini:before{
	/* content:''; 今回のサンプルはCDNを使っているため指定していないけど指定する必要があります。 */
	
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 12px;
	right:.75rem;
	margin-top: -8px;
	margin-top:-.5rem;
}
#contact #underlayer section .txt form .button {
	font-size: 24px;
	line-height: 50px;
	color: #fff;
	background-color: #48a8c0;
	text-align: center;
	height: 50px;
	width: 300px;
	border: 1px solid #48a8c0;
	margin-left: 350px;
}
#contact #underlayer section .txt form .btn_line {
	margin-top: 40px;
	padding-top: 40px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ebece7;
}
section #form1 .button1 {
	font-size: 24px;
	line-height: 50px;
	color: #fff;
	background-color: #48a8c0;
	text-align: center;
	height: 50px;
	width: 120px;
	border: 1px solid #48a8c0;
	margin-left: 350px;
    margin-top: 40px;
}
section #form1 .button2 {
	font-size: 24px;
	line-height: 50px;
	color: #fff;
	background-color: #48a8c0;
	text-align: center;
	height: 50px;
	width: 120px;
	border: 1px solid #48a8c0;
	margin-left: 10px;
    margin-top: 40px;
}
/***************************************************************************************************************************

当サイトについて

***************************************************************************************************************************/
#about header{
	background-image: url(../images/about/pc/header.png);
}
#about #underlayer section h2 {
	font-weight: normal;
	font-size: 36px;
	line-height: 51px;
	color: #47a8bf;
}
#about #underlayer section h3 {
	font-weight: normal;
	font-size: 30px;
	line-height: 30px;
	color: #ffc800;
	margin: 0px;
}
#about #underlayer section h3 span {
	font-size: 24px;
}
#about #underlayer section p {
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ebece7;
	padding-bottom: 20px;
}
#about #underlayer section .dotted {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ebece7;
	padding-bottom: 20px;
}

/***************************************************************************************************************************

サイトマップ

***************************************************************************************************************************/
#sitemap header{
	background-image: url(../images/about/pc/header.png);
}
#sitemap #underlayer section ul li {
	list-style-type: none;
	margin-top: 20px;
	color: #ffdc00;
}
#sitemap #underlayer section ul .box1 {
	margin-left: 20px;
}
#sitemap #underlayer section ul .box2 {
	margin-left: 60px;
}
#sitemap #underlayer section ul .box3 {
	margin-left: 100px;
}
#sitemap #underlayer section ul li a {
	text-decoration: none;
	display: inline-block;
	color: #ffdc00;
}
#sitemap #underlayer section ul li a:hover {
	animation: rumble 0.12s 		linear infinite;
}
.end000000000000000000000{
}

}