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

body { color:#444444; }
/* フロー 関連 CSS  */
@media screen and (min-width: 768px) {
.wrapper { min-width:924px; }
}

@media screen and (max-width: 767px) {

}

@media screen and (min-width: 768px) {
.flow {
    width: 100%;
    margin: 40px 0;
    position: relative;
}
}

@media screen and (max-width: 767px) {
.flow {
    width: 100%;
    margin: 40px 0;
    position: relative;
}
}


@media screen and (min-width: 768px){
.flow ul {
    font-size: 0;
    text-align: center;
	-webkit-padding-start: 0px;
}
}

@media screen and (max-width: 767px){
.flow ul {
    font-size: 0;
    text-align: center;
	-webkit-padding-start: 0px;
}
}

@media screen and (min-width: 768px){
.flow-step {
    width: 20%;
    margin: 0;
    position: relative;
    display: inline-block;
    color: #1cb57b;
    vertical-align: top;
    text-align: center;
}
}

@media screen and (max-width: 767px){
.flow-step {
    width: 20%;
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    color: #1cb57b;
    vertical-align: top;
    text-align: center;
}
}

@media screen and (min-width: 768px){
.flow-ico {
    width: 14px;
    height: 14px;
    border: 2px solid #1cb57b;
    border-radius: 8px;
    margin: 16px auto;
    background: #fff;
    position: relative;
    z-index: 1;
}
}

@media screen and (max-width: 767px){
.flow-ico {
    width: 14px;
    height: 14px;
    border: 2px solid #1cb57b;
    border-radius: 8px;
    margin: 6px auto;
    background: #fff;
    position: relative;
    z-index: 1;
}
}

@media screen and (min-width: 768px) {
.flow ul:after {
    content: "";
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #1cb57b;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
}
}

.iphone .flow ul:after { top: -8px; }

@media screen and (max-width: 767px){
.flow ul:after {
    content: "";
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #1cb57b;
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
}
}

@media screen and (min-width: 768px) {
.flow-step-ttl {
    font-size: 16px;
    font-family: 'Pathway Gothic One', sans-serif;
    letter-spacing: .05em;
}
}

@media screen and (max-width: 767px) {
.flow-step-ttl {
    font-size: 16px;
    font-family: 'Pathway Gothic One', sans-serif;
    letter-spacing: .05em;
}
}

.iphone .flow-step-ttl { font-size: 8px; }

h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
.flow-step h4 {
    font-size: 13px;
}
}

@media screen and (max-width: 767px) {
.flow-step h4 {
    font-size: 10px;
}
}

@media screen and (max-width: 767px) {
.iphone h4 {
    font-size: 9px;
}
}

#step-stat01 .step01 .flow-ico {
        background: #1cb57b;
    }
#step-stat02 .step02 .flow-ico {
        background: #1cb57b;
    }
#step-stat03 .step03 .flow-ico {
        background: #1cb57b;
    }
#step-stat04 .step04 .flow-ico {
        background: #1cb57b;
	}
#step-stat05 .step05 .flow-ico {
        background: #1cb57b;
	}

/* Back to Top */
#pageTop{
	background-color: rgba(126,127,30,0.6);  
	border-radius:5px;
	color:#FFF;
	padding:18px;
	position:fixed;
	bottom:5%;
	right:5%;
	-webkit-transform: translate3d(0, 0, 3px);
	}
/*ここまで*/

/* お知らせフィードサイズ調整 */


@media screen and (max-width: 1199px) {
.entry {
    width:95%; 
	border:#b9b9b9 2px solid; 
	padding:10px 30px;
	margin:5px 0px 5px 0px;
}
}


@media screen and (min-width: 1200px) {
.entry {
    width:75%; 
	border:#b9b9b9 2px solid; 
	padding:10px 30px;
	margin:5px 0px 5px 0px;
}
}

/*ここまで*/

/* Web エントリーサイズ調整 */
@media screen and (min-width: 768px) {
.entry2 {
    width:75%; 
	border:#999 1px solid; 
	padding:5px 5px 20px 5px;
	margin:5px 0px 5px 0px; 
}
}

@media screen and (max-width: 767px) {
.entry2 {
    width:98%; 
	border:#F00 2px solid; 
	padding:5px 5px 20px 5px;
	margin:5px 0px 5px 0px;
}
}
/*ここまで*/

/* エントリー詳細調整 */
@media screen and (max-width: 1199px) {
.entry3 {
    width:95%; 
}
}

@media screen and (min-width: 1200px) {
.entry3 {
    width:75%; 
}
}
/*ここまで*/

@media screen and (min-width: 768px) {
.entry4 {
    width:98%; 
	border:#F00 2px solid; 
	padding:5px;
	margin:5px 0px 5px 0px;
}
}


@media screen and (max-width: 767px) {
.entry4 {
    width:98%; 
	border:#F00 2px solid; 
	padding:5px;
	margin:5px 0px 5px 0px;
}
}


/*TOPページのトグル調整*/

@media screen and (min-width: 768px) {
.entry5 {
    width:100%; 
	border:#999 1px solid; 
	padding:5px 30px 20px 30px;
	margin:5px 0px 5px 0px; 
}
}

@media screen and (max-width: 767px) {
.entry5 {
    width:98%; 
	border:#F00 2px solid; 
	padding:5px 30px 20px 30px;
	margin:5px 0px 5px 0px;
}
}


@media screen and (min-width: 768px) {
	.kanarazu { width:79%; margin:0 auto; position:relative}
}

@media screen and (max-width: 768px) {
	.kanarazu { width:100%; margin:0 auto; position:relative}
}


/*ここまで*/





/* Font調整 */
@media screen and (min-width: 768px) {
.midasi {
font-size:32px; font-weight:bold; margin:5px 0px;
}
}

@media screen and (max-width: 767px) {
.midasi {
font-size:24px; font-weight:bold; margin:5px 0px;
}
}

@media screen and (min-width: 768px) {
.komidasi {
font-size:28px; margin:5px 0px;
}
}

@media screen and (max-width: 767px) {
.komidasi {
font-size:20px; margin:5px 0px;
}
}

/*ここまで*/




/* センターアコーディオン */

.menu-ac:after { 
content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 30%;
  font-size:20px;
}
 
.menu-ac.active:after {
content: "\f106";
  font-family: FontAwesome;
  position: absolute;
    right: 20px;
	top: 30%;
	font-size:20px; 
}

.child {
    display: none;
}

ul.inner.child { padding:5px; }

.demo .child > li {
	padding: 15px 0px 0px 0px;  
	list-style:none;
}

.child li a {
    background: #e7e7e7 !important;/*背景色*/
    border-bottom: solid 2px #cbcbcb !important;/*少し濃い目の色に*/ 
	margin:10px 0px;
	padding: 20px 0px !important; 
	color:#01364f !important;
  }

.child li a:before{

}


.child li a:after{

}

#menu05{
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  }
  
#menu05 li a {
  position: relative;
  display: block;
  padding: 20px;
    text-decoration: none;
    color: #FFF;
    background: #d82727;/*背景色*/
    border-bottom: solid 2px #8f0a0a;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    font-weight: bold;
  
}
  


#menu03{
  list-style: none;
  width: 95%;
  padding: 0;
  margin: 0 auto;
  }

#menu03 li a {
  position: relative;
  display: block;
  padding: 20px;
    text-decoration: none;
    color: #FFF;
    background: #d82727;/*背景色*/
    border-bottom: solid 2px #8f0a0a;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    font-weight: bold;
  
}


#menu04{
  list-style: none;
  width: 75%;
  padding: 0;
  margin: 0 auto;
  }

#menu04 li a{
  position: relative;
  display: block;
  padding: 20px;
    text-decoration: none;
    color: #FFF;
    background: #d82727;/*背景色*/
    border-bottom: solid 2px #8f0a0a;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    font-weight: bold;
  
}

/* ここまで */
	
@media screen and (min-width: 768px) {
.fotter {
    width:75%; 
	border:#999 1px solid; 
	padding:5px;
	margin:5px 0px 5px 0px; 
}
}

@media screen and (max-width: 767px) {
.fotter {
    width:98%; 
	border:#999 1px solid; 
	padding:5px;
	margin:5px 0px 5px 0px;
}
}

.head { background-color:#002069;
      color:#FFFFFF; 
      padding:10px 10px 10px 10px; 
      }
	  
@media screen and (min-width: 768px) {
.head p { font-size:36px;
font-weight:bold;
}
}

@media screen and (max-width: 767px) {
.head p { font-size:14px;
font-weight:bold;
}
}

.iphone .head p { font-size:14px; font-weight:bold;
}

/*追加 */
.list-entry ul li{ text-align:left;}

@media only screen and (max-device-width: 480px){
.t-none {display:none}
dl.accordion dt { text-align:left; }
}

@media screen and (min-device-width: 481px){
.t-none2 {display:none}
}