@charset "utf-8";

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, article, aside, footer, header, hgroup, menu, nav, section  {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	display:block;
}

a {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

dl, dt, dd, ol, ul, li, article, aside, footer, header, hgroup, menu, nav, section  {
	vertical-align:top;
}

img{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	vertical-align:bottom;
	max-width:96%;
	display:inline;
}

ol, ul {
	padding-left: 2rem;
}

li {
    display:list-item;
	margin: 0.5rem 0;
	list-style-type: circle;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #cba;
}

table th{
	vertical-align:middle;
	text-align:center;
	background-color:#fff8ee;
}

table th,table td{
	padding:5px 10px;
	border:1px solid #cba;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

html {
font-size:16px;
}

body {
margin:0;
padding:0;
font-family: "Lucida Sans Unicode", "Lucida Grande", "ヒラギノ角ゴ Pro W3", " Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
line-height:1.4;
color: #765;
background:#FFF;
}

hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px dotted #765;
	margin:1rem 0 1rem 0;
	padding:0;
}

p {
	margin: 0.6rem 1rem;
}

h1 {
	font-size:1.4em;
	font-weight:normal;
	margin:0.6rem 1rem;
}

h2 {
	font-size:1.2em;
	font-weight:normal;
	margin:1rem 1rem 0 1rem;
	padding-left: 42px;
	background: url(../image/headingBg2.png) no-repeat 0px 50%;
}

.norm {
padding-left: 0px;
background: none;
}

h3 {
	font-size:1em;
	font-weight:bold;
	margin: 0.8rem 1rem;
}

h4 {
	font-size:0.8em;
	font-weight:bold;
	margin: 0.6rem 1rem;
}

.lsize { font-size:1.3em; }
.orange{ color:#f80; }
.blue{ color:#008; }
.green{ color:#060; }
.pink{ color:#f55; }
.yenn{ font-size: 1.3em; color: #f55; font-weight: bold; }

/* リンク
------------------------------------------------------------*/

a {
text-decoration: none;
color: #765;
}

a:hover, a:active {
text-decoration:underline;
}

a img:hover {
opacity: .8;
}

/* レイアウト
------------------------------------------------------------*/

header {
	width:100%;
	padding: 1em 0;
	text-align: center;
}

header h1{
	font-weight: normal;
	font-size: 1em;
	margin:0;
	margin-top: 1em;
}

nav {
	width:100%;
	padding: 0.3em 0;
	border-top: dotted 1px #886;
	border-bottom: dotted 1px #886;
	text-align: center;
}

nav ul {
	padding: 0;
}

nav li {
	display:inline-block;
	margin: 0 0.2em;
	padding: 0.2em;
	width: 9em;
	text-align: center;
}

nav li a {
	background-color: #fff8ee;
	border: dotted 1px #886;
	border-radius: 16px;
	white-space: nowrap;
	padding: 0.4em;
    display: block;
}

nav li.current a, nav li a:hover {
color: #fff;
text-decoration: none;
background: #432;
transition: 0.5s;
}

.btnm {
	display:inline-block;
	margin: 0 0.5em;
	padding: 0.5em 2em;
	text-align: center;
	background-color: #fff8ee;
	border: dotted 1px #886;
	border-radius: 16px;
	white-space: nowrap;
}

.btnm:hover {
color: #fff;
text-decoration: none;
background: #432;
transition: 0.5s;
}

.hyou{
	border:solid 1px #edc;
	border-radius: 6px;
	display:inline-block;
	text-align:right;
	margin:0 0.4em 0.4em 0;
}

.hyou h3,p{
	margin:0.5em 1em;
	padding:0;
}

section {
	margin-top: 3rem;
}

.padd {
	padding:0 2rem 1rem 2rem;
	width:960px;
	max-width:100%;
	margin:auto;
}

.cnt {
	text-align: center;
}

.halfbox {
	width:49%;
	text-align: left;
	display:inline-block;
}

.halfboxc {
	width:49%;
	text-align: center;
	display:inline-block;
}

.topb {
	text-align: center;
	padding:0;
}

.topb li {
	margin: 0.5em 0.2em;
	display: inline-block;
}

.topb li:active {
transform: translateY(2px);
}

/*------------------３つのPOINT-------------------*/
.point_box{
	background-color: #fff8ee;
	text-align: center;
	padding: 1em;
}

.fukidasi {
position: relative;
background: none;
background-color: #fff;
border-bottom: 2px solid #555;
border-radius: 8px;
padding: 0.3em;
width: 70%;
text-align: center;
margin: auto;
margin-top: 1em;
border: 2px solid #765;
}    
.fukidasi:before,
.fukidasi:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}   
.fukidasi:before {
border: 12px solid transparent;
border-top: 12px solid #555;
}   
.fukidasi:after {
border: solid 14px transparent;
border-top: solid 14px #fff;
margin-top: -5px;
}

.point_group{
	padding: 1em;
}

.point_set {
	width: 30%;
	display: inline-block;
	padding: 0.3em;
    vertical-align:top;
}

.point_set h3 {
    padding: 0.4em;
    text-align: center;
    border: solid 1.5px #736357;
    background-color: #fffffe;
    margin: 1em 0;
    border-radius: 8px;
}

.point_set p {
    text-align: left;
}

/*--------------新ステップ追加------------------*/
.flowul {
	padding:0;
}


.flowbg {
    display:table;
    width: 100%;
    background: #fff8ee;
    margin: 1em 0;
}

.flownum {
    display: table-cell;
    width: 150px;
    background: #E5DAD3;
    color: #fff;
    font-size: 1.3em;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.flownum:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #E5DAD3;
}

.flownum p {
    vertical-align:baseline;
}

.flowtxt {
    display: table-cell;
}

/* 料金表ボタン
------------------------------------------------------------*/

.btn{
    font-size:1.3rem;
    margin: 5em 0;
    text-align:center;
}
.btn a{
    display:inline-block;
    width: 15em;
    text-decoration: none;
    background:#765;
    text-align:center;
    padding: 0.6em;
    border:1px solid #FFF;
    color:#FFF;
    border-radius:40px;
    box-shadow:0px 0px 0px 4px #765 ;
    transition: all 0.5s ease;
}
.btn a:hover{
    background:#ffe;
    color:#765;
    margin-left:0px;
    margin-top:0px;
}

/* フッター
*****************************************************/

footer {
    padding: 43px 0 0 0;
    margin-top: 3em;
    text-align: center;
    font-size: 0.9rem;
    color: #fff;
    background-image: url(../image/footer_pcimg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

footer article{
padding: 1em;
background:#765;
}

footer ul {

}

footer li {
display: inline-block;
padding: 1em;
}

footer li a {
color: #fff;
}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

.halfbox {
	width:100%;
	display: block;
}

.halfboxc {
	width:100%;
	display: block;
}

.point_set {
	width: 100%;
	display: block;
}

.flowbg {
    display: block;
    padding-bottom: 0.4rem; 
}

.flownum {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
}

.flownum:before {
  left: 5%;
}

.flownum p {
    margin: 0 1rem;
}

.flowtxt {
    width: 100%;
    display: block;
}
  
.padd {
	padding:0;
}

}

/* 479px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 479px) {

.btn{
    font-size:0.8rem;
}
.btn a{
    border-radius:20px;
}

}

video{
max-width:100%;
height:auto;
}

iframe{
max-width:100%;
}