@charset 'UTF-8';

/*

    Base

*/

/*  font  */
body {
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #333333;
}
#c_main,header,footer {
	font-size:14px;
}

/*  layout  */
body {
	background-image:url(../images/back01.png);
	background-size:cover;
	background-attachment:fixed;
}
header {
	padding:0 10px;
}
#c_main section {
	box-sizing:border-box;
	padding:30px 0;
}
#c_main section:nth-of-type(odd) {
	background-color:rgb(238,238,238);
}
#c_main #m_price {
	background-color:transparent;
}
#c_main #m_review {
	background-color:rgb(238,238,238);
}
#c_main #contact_us{
	background-color:rgb(41,110,180);
}
.content {
	max-width:1020px;
	margin:0 auto;
}

/*  scroll_top  */

#pt {
	display:block;
	width:45px;
	height:45px;
	background-color:rgb(41,110,180);
	border-radius:45px;
	position:fixed;
	right:0;
	bottom:0;
}
#pt:after {
	display:block;
	content:"";
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:20px;
	height:20px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/*  clear  */
ul,
ul li,
ol,
ol li,
dl,
dl dt,
dl dd {
	margin:0;
	margin-left:0;
	list-style:none;
}
table,tr,th,td {
	font-weight:normal;
	border:none;
	background-color:transparent;
	margin:0;
	padding:0;
}
a,
a:link,
a:visited {
	text-decoration:none;
	color:#000000;
}
em {
	font-style:normal;
}



/*

    header

*/

header .content {
	padding-top:10px;
	overflow:hidden;
}
header .content h1 {
	display:inline-block;
	width:45%;
}
header .content h1 a {
	display:block;
	width:100%;
}
header .content h1 a .logo {
	width:100%;
	height:auto;
}
header .content div {
	display:inline-block;
	width:45%;
	float:right;
}
header .content div a {
	display:block;
	width:100%;
}
header .content div img {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:0.25em;
}
header .content #top_copy {
	display:block;
	width:80%;
	height:auto;
	margin:0 auto;
	margin-top:15px;
	clear:right;
}


/*

    footer

*/
footer {
	background-color:rgb(41,110,180);
}
footer .content {
	box-sizing:border-box;
	padding:30px 0;
	text-align:center;
}
footer .content .container {
	width:85%;
	margin:0 auto;
	overflow:hidden;
	box-sizing:border-box;
	padding-bottom:30px;
}

/*tel and mail*/

footer .content .container .tel,
footer .content .container .mail {
	width:100%;
	margin-bottom:15px;
	text-align:center;
	color:#FFFFFF;
}
footer .content .container .tel .frame,
footer .content .container .mail .frame {
	width:100%;
	height:50px;/*高さを決める*/
	box-sizing:border-box;
	border:1px solid #FFFFFF;
	margin-bottom:10px;
	line-height:50px;/*＝高さで上下中央寄せ*/
}
footer .content .container .tel .frame {
	font-family:'Dancing Script', serif;
	font-size:2em;
	color:#FFFFFF;
}
footer .content .container .mail .frame {
	font-size:1.25em;
	color:#FFFFFF;
}
footer .content .container .tel .frame img,
footer .content .container .mail .frame img {
	height:50px;
	margin-right:10px;
	vertical-align:top;/*文字と上位置を合わせる*/
}
footer .content .container .tel p,
footer .content .container .mail p {
	margin:0;
}

/*logo*/
footer .content a {
	display:block;
	width:100%;
	margin-bottom:15px;
}
footer .content a .logo {
	width:50%;
	height:auto;
}
footer .content small {
	color:#FFFFFF;
}