@charset "utf-8";
/* CSS Document */

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

header

------------------------------------------------- */
header h1 {
	font-size: 0;
}

/* PC */
@media screen and (min-width:769px) {
header h1 {
	width: 1060px;
	margin: 0 auto 20px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
header h1 {
	margin: 0 0 10px;
}
}
/* -------------------------------------------------

nav

------------------------------------------------- */
nav {
	height: auto;
}
nav ul li {
	float: left;
}
nav dl dt {
	margin: 0 0 3px;
}
nav dl dt a {
	text-decoration: underline;
}
nav dl dt a img {
	vertical-align: middle;
	padding-right: 3px;
}
nav a img{
	transition: .3s;
}
nav a:hover img{
	transform: translate(0, -3px);
}
/* PC */
@media screen and (min-width:769px) {
nav {
	width: 980px;
	margin: 0 auto 50px;
}
nav ul {
	float: left;
	margin-top: 15px;
}
nav ul li:nth-child(2) {
	margin-left: 22px;
}
nav dl {
	float: right;
}
nav dl dt {
	text-align: right;
}
}

/* Tablet */
@media screen and (max-width:768px) {
nav {
	margin: 0 0 10px;
}
nav ul {
	margin: 0 10px;
}
nav ul li {
	width: 48%;
}
nav ul li:nth-child(2) {
	margin-left: 4%;
}
nav dl {
	width: 200px;
	margin: 0 auto;
}
nav dl dt {
	text-align: center;
}
nav dl dt a img {
	width: 10px !important;
}
}
/* -------------------------------------------------

contents

------------------------------------------------- */
#wrapper > section > h2 {
	font-size: 0;
	line-height: 100%;
}
.flowBg {
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
}

/* PC */
@media screen and (min-width:769px) {
#wrapper > section {
	width: 1060px;
	margin: 0 auto 50px;
}
.flowBg {
	width: 920px;
	margin: 0 auto;
	padding: 30px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
#wrapper > section {
	margin: 0 0 20px;
}
.flowBg {
	padding: 5px 15px 10px 10px;
	margin: 0 12px;
	padding-top: 15px;
}
}
/* -------------------------------------------------

flowBox

------------------------------------------------- */
.flowBox {
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.flowBox h3 {
	float: left;
	margin-top: -10px;
}
.flowBox > div {
	float: right;
}
.flowBox > div p {
	margin: 0 0 10px;
}
.flowBox > div ul, .flowBox > div ol {
	height: auto;
}
.flowBox > div ul li:nth-child(1) {
	float: left;
}
.flowBox > div ul li:nth-child(2) {
	float: right;
}
.flowBox > div ul li img,
.flowBox > div ol li img,
.flowBox > div > div > p:nth-child(1) img{
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
}
.flowBox > div ol li {
	float: left;
}
.flowBox > div ol li span {
	display: block;
}
.flowBox > div ol li {
	position: relative;
}
.flowBox > div ol li:nth-child(n+2):before {
	content: "\f0da";
	font-family: FontAwesome;
	position: absolute;
}
.flowBox > div > div{
	height: auto;
}
.flowBox > div > div > p{
	float: left;
}
.flowBox > div > div > p span{
	display: block;
}
/* PC */
@media screen and (min-width:769px) {
.flowBox:not(:last-child) {
	background: url(../images/arrow.png) no-repeat left 56px bottom 0;
}
.flowBox > div {
	width: 760px;
}
.flowBox > div > p {
	font-size: 1.6em
}
.flowBox > div ol li:nth-child(2) {
	margin: 0 20px;
}
.flowBox > div ol li:nth-child(n+2):before {
	top: 40%;
	left: -13px;
	font-size: 2em;
}
.flowBox > div > div > p:nth-child(2){
	margin: 24px 0 0 28px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.flowBox:not(:last-child) {
	background: url(../images/arrow.png) no-repeat left 30px bottom 0;
	background-size: 16px auto;
}
.flowBox h3 {
	width: 17%;
}
.flowBox > div {
	width: 80%;
}
.flowBox > div ul li {
	width: 49%;
}
.flowBox > div ol li {
	width: 48%;
	padding: 0 0 10px;
}
.flowBox > div ol li:nth-child(2n) {
	margin: 0 0 0 4%;
}
.flowBox > div ol li:nth-child(2n+1) {
	clear: both;
}
.flowBox > div ol li:nth-child(n+2):before {
	top: 25%;
	left: -8px;
	font-size: 1.5em;
}
.flowBox > div ol li span {
	font-size: 0.8em;
}
.flowBox > div > div > p{
	width: 48%;
}
.flowBox > div > div > p:nth-child(2){
	margin: 10px 0 0 4%;
}
.flowBox > div > div > p span{
	font-size: 0.8em;
}
}
/* -------------------------------------------------

kinugawaArea
kyotoArea

------------------------------------------------- */
.kinugawaArea {
	background: url(../images/border_kg.jpg) repeat-x 0 bottom #f8f4f0;
}
.kyotoArea {
	background: url(../images/border_kt.jpg) repeat-x 0 bottom #f8f4f0;
}
.kinugawaArea > section > div ol li:nth-child(n+2):before {
	color: #447ccb;
}
.kyotoArea > section > div ol li:nth-child(n+2):before {
	color: #5db552;
}

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

popupArea

------------------------------------------------- */
.popupArea{
	padding: 10px 20px;
	box-sizing: border-box;
}
.popupMain p:nth-child(1){
	margin: 0 0 20px;
}
.popupMain p:nth-child(2) a{
	color:#fff;
	background-color: #252525;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;
	font-size: 0.8em;
	display: block;
	width: 200px;
	transition: .3s;
}
.popupMain p:nth-child(2) a:hover{
	transform: translate(0, -3px);
	background-color: #b69c36;
}
/* PC */
@media screen and (min-width:769px) {
.popupMain{
	text-align: center;
}
.popupMain p:nth-child(1){
	line-height: 200%;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.popupMain p:nth-child(2){
	text-align: center;
}
}



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

gotop

------------------------------------------------- */
.gotop {
	position: fixed;
}
.gotop a {
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	background-color: #b69c36;
}
.gotop a:hover {
	background-color: #a08621;
}

/* PC */
@media screen and (min-width:769px) {
.gotop {
	right: 20px;
	bottom: 20px;
}
.gotop span {
	font-size: 0.85em;
	display: block;
}
.gotop a {
	width: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}
}

/* Tablet */
@media screen and (max-width:768px) {
.gotop {
	right: 10px;
	bottom: 10px;
}
.gotop a {
	width: 40px;
	line-height: 40px;
}
}