@charset "UTF-8";
body {
    font-size: 18px;
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8em;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
ul li{
	list-style:none;
	padding:0;}

th,td,dt,dd{
	margin:0;
	padding:0;
	border-spacing:0;
	border-collapse:0;}
img {
	vertical-align:bottom;
    border: none;
}

p {
	margin:30px auto;
    max-width: 860px;
}
ul {
    max-width: 880px;
    margin: 0 auto;
}
a img {
	border: none;
}
a {
	text-decoration:none;
}
a:link,
a:visited {
	color:#303030;
	text-decoration: underline;
}

a:hover{
	color:#3aa49d;;
	transform: translateY(4px);
}
a:hover, a:active, a:focus {
	text-decoration:underline;
}

* {
    margin: 0 auto;
    box-sizing: border-box;
}

.sp {
    display: none;
}

@media screen and (max-width: 640px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    img {
        width: 100%;
    }
    p {
        width: 96%;
    }
}


/*===================== content ========================*/
section {
    padding: 70px 0;
}
.wrap {
	max-width:1060px;
    background: #fff;
    padding: 60px 0;
    box-shadow: 1px 1px 6px #999;
    border: solid 1px #e6e6e6;
}
h2 {
    font-size: 40px;
    line-height: 1.2em;
    font-family: 'M PLUS 1p', sans-serif;
    border-bottom: solid 5px #333333;margin: 120px auto 60px;
    text-align: center;
    padding-bottom: 10px;
    max-width: 920px;
    font-weight: 700;
}
section .wrap h2:first-child {
    margin-top: 0;
}
.deco {
    position: relative;
}
.deco:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/h2_left.png") no-repeat ;
    width: 46px;
    height: 72px;background-size: contain;
    vertical-align: middle;
    top: 20px;
    left: 110px;
}
.deco:after {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/h2_right.png") no-repeat ;
    width: 46px;
    height: 72px;background-size: contain;
    vertical-align: middle;
    top: 20px;
    right: 110px;
}
.deco2:before {
    left: 90px;
}

.deco3:before {
    left: 140px;
}
.deco3:after {
    right: 160px;
}
.deco4:before {
    left: 0;
    top: 70px;
}
.deco4:after {
    right: 10px;
    top: 70px;
}

.dash {
    text-decoration: underline dashed #aaa;
    text-decoration-thickness: 1px;
    text-underline-offset: 10px;
}
@media screen and (max-width: 640px) {
    section {
        padding: 40px 2%;
    }
    .wrap {
        padding: 30px 2%;
        box-shadow: 2px 2px 3px #555;
    }
    h2 {
        font-size: 30px;
        margin: 80px auto 40px;
    }
    .deco:before {
        top: 70px;
        left: 0;
    }
    .deco:after {
        top: 70px;
        right: 0;
    }
    .deco2:before {
        left: 0;top: 30px;
    }
    .deco2:after {
        right: 0;top: 30px;
    }
    .deco3:before {
        left: 0;
        top: 40px;
    }
    .deco3:after {
        right: 0;
        top: 40px;
    }
    .deco4:before {
        top: 140px;
    }
    .deco4:after {
        right: 0;
        top: 140px;
    }
}
#top_head{
	 background: url("../img/head-top-bk-min.png") no-repeat;
    background-size: cover;
	height: 200px;
}
#top {
    background: url("../img/bkk.png") no-repeat;
    background-size: cover;
    height: 630px;
}
#top .wrap {
    max-width: 1160px;
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;
}
#top2 {
    background: url("../img/top2_back.png") no-repeat;
    background-size: cover;
    height: 630px;
}
#top2 .wrap {
    max-width: 1160px;
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;
}

#headline {
    position: relative;
	width: 100%;
    max-width: 990px;
    top: 0;
    height: 220px;
}
#headline img {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
}
@media screen and (max-width: 640px) {
    #top,#top2 {
        background: none;
        height: auto;
    }
    #headline {
        display: none;
    }
}

#intro {
    background-color: #F4EEE2;
    background-image: repeating-linear-gradient(-45deg,#FEFDFC, #FEFDFC 4px,transparent 0, transparent 8px);
    border-bottom: solid #2f5a88 5px;
}
#intro .wrap {
    border: solid #E6E3E6 14px;
    padding: 60px 100px;
}
#intro h2 {
    font-family: 'Kosugi Maru', sans-serif;
    font-size: 38px;
    line-height: 1.6;
    margin: 0 auto 50px;
    border-bottom: none;
}
#intro h2 .dash {
    text-underline-offset: 12px;
    text-decoration: underline dashed #958077;
    text-decoration-thickness: 1px;
}
#intro .wrap ul {
	margin:50px auto;
    position: relative;
}
#intro .wrap li {     
    padding: 3px 0 3px 2em;
    margin-bottom: 15px;
    font-size: 110%;
    font-weight: bold;
    position: relative;
    margin-left: 1em;
    line-height: 1.6em;
    border-bottom: solid 1px #999;
}
#intro .wrap li:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/icon.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
@media screen and (max-width: 640px) {
    #intro .wrap {
        border: solid #E6E3E6 12px;
        padding: 20px 4% 0;
        width: 96%;
    }
    #intro h2 {
        font-size: 25px;
        line-height: 1.4;
        margin: 0 auto 40px;
    }
    #intro h2 .dash {
        text-underline-offset: 6px;
    }
    #intro .wrap ul {
        margin:30px auto;
    }
    #intro .wrap li {     
        padding: 3px 0 3px 2em;
        font-size: 106%;
        margin-left: 0;
    }
}
#contents1 {
    background: url("../img/back2.png") no-repeat;
    background-attachment: fixed;
    background-position: top left;
    background-size: cover;
}

#contents2 {
    background: url("../img/back4.jpg") no-repeat;
    background-attachment: fixed;
    background-position: top left;
    background-size: cover;
}
#contents3 {
    background: url("../img/back5.jpg") no-repeat;
    background-attachment: fixed;
    background-position: top left;
    background-size: cover;
}

/*
.introduction {
    background: url("../img/sub.png") no-repeat top right;
    position: relative;
    top: -10px;
}*/


.side_img {
    float: right;
    padding: 0 5em 0 .8em;
}
#step .side_img {
    padding: 0 0 0 .8em;
}
@media screen and (max-width: 640px) {
    #contents1,#contents2,#contents3 {
        background-repeat: repeat-y;
        background-attachment: scroll;
        background-size: contain;
    }

    .side_img {
        width: 40%;
        padding: 0 0 0 .8em;
    }
    #step .side_img {
        margin-top: 35px;;
    }
    .img30 {
        width: 30% !important;
    } 
}

.list02 {
    position: relative;
    padding-left: 0.5em;
}
.list02 li {     
    padding: 3px 0 3px 2em;
    margin-bottom: 15px;
    font-size: 110%;
    font-weight: bold;
    position: relative;
    margin-left: 1em;
    line-height: 1.6em;
}
.list02 li:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/check.png") no-repeat ;
    width: 34px;
    height: 33px;background-size: contain;
    vertical-align: middle;
    top: 2px;
    left: 0;
}
#abe {
    background: #3aa49d;
    max-width: 900px;
    padding: 30px 25px;
    margin: 40px auto 50px;
    color: #fff;
    text-shadow: 1px 1px 2px #555;
}
#abe .profImg {
	float:right;
	margin:0 15px 10px 0;
}
#abe p {
    max-width: 800px;
}
#abe .book {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#abe h3 {
    background: #ea7e87;
    border-radius: 50px;
    padding: 5px 15px;
    text-align: center;
    font-weight: normal;font-family: 'Kosugi Maru', sans-serif;
    font-size: 1em;
    width: 195px;
}
#abe .white_box {
    background: #fff;
    max-width: 800px;
    padding: 1px 40px;
    text-shadow: none;
    color: #333;
    margin: 30px auto 0;
}
#abe .white_box p {
    width: auto;
}
@media screen and (max-width: 640px) {
    #abe {
        padding: 20px 5%;
    }
    #abe .profImg {
        float:none;
        margin:20px auto 0;
        width: 70%;
    }
    #abe .book {
        display: block;
    }
    #abe h3 {
        margin-bottom: 10px;
    }
    #abe .white_box {
        padding: 1px 3%;
    }
    #abe p {
        width: 100%;
    }
    #abe .white_box p {
        margin:20px auto;
        width: 96%;
    }
}
.list03{
    position: relative;
    padding-left: 0.5em;margin: 40px auto;
}
.list03 li{
	padding: 3px 0 8px 2em;
    margin-bottom: 15px;
    font-size: 110%;
    font-weight: bold;
    position: relative;
    margin-left: 1em;
    line-height: 1.6em;
    border-bottom: dashed 1px #958077;
    max-width: 800px;
}
.list03 li.number1:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_g1.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.list03 li.number2:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_g2.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.list03 li.number3:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_g3.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
#chara .ttl,
#step .ttl {
margin-bottom:-20px;
}
#chara h3,
#step h3 {
    color: #315988;
    border-bottom: solid 4px #315988;
    font-size: 32px;    
    max-width: 880px;
    padding: 30px 10px 10px 3em;
    margin: 25px auto 50px;
}
#chara .mark,
#step .mark {
    float: left;
}
#chara p,
#step p {
    max-width: 840px;
}

#chara .side_img {
    padding: 0 0 0 .8em;
}

.chara1 {
    background: rgba(222,243,253,1.00);
    padding: 20px 2em;
    margin-top: 50px;
}
.chara2 {
    background: rgba(198,229,249,1.00);
    padding: 20px 2em;
}
.chara3 {
    background: rgba(226,242,246,1.00);
    padding: 20px 2em;
}
.chara4 {
    background: rgba(218,236,237,1.00);
    padding: 20px 2em;
}

@media screen and (max-width: 640px) {
#chara .ttl,
#step .ttl {
margin-bottom:-10px;
}

    .chara1 {
        padding: 10px;
        margin-top: 40px;
    }
    .chara2,.chara3,.chara4 {
        padding: 10px;
    }
    #chara .ttl {
        border-bottom: solid 4px #315988;
    }
    #chara h3,
    #step h3 {
        font-size: 24px;    
        padding: 0 0 10px 0;
        margin: 15px auto 0;    
        overflow: hidden;
        border: none;
    }
    #chara .mark, #step .mark {
        width: 23%;
        padding-right: .3em;
    }
    #chara .side_img {
        padding-top: 30px;
    }
}
.list04{
    position: relative;
    padding-left: 0.5em;margin: 40px auto;
}
.list04 li{
	padding: 3px 0 8px 2em;
    margin-bottom: 15px;
    font-size: 110%;
    font-weight: bold;
    position: relative;
    margin-left: 1em;
    line-height: 1.6em;
    border-bottom: dashed 1px #958077;
    max-width: 800px;
}
.list04 li.number0:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_p0.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.list04 li.number1:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_p1.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.list04 li.number2:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_p2.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.list04 li.number3:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_p3.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.list04 li.number4:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_p4.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.list04 li.number5:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/number_p5.png") no-repeat ;
    width: 36px;
    height: 48px;background-size: contain;
    vertical-align: middle;
    top: 0;
    left: 0;
}
.simple {
    margin-left: 4em;
    max-width: 840px;
}
.simple li {
    padding-left: 1em;
    text-indent: -1em;
    margin: 20px auto;
}

#step .step2 h3,
#step .step3 h3 ,
#step .step4 h3 {
    margin: 40px auto 50px;
}
#step .step1 {
    background: rgba(250,242,248,1.00);
    padding: 20px 2em;
    margin-top: 50px;
}
#step .step2 {
    background: rgba(250,226,226,1.00);
    padding: 20px 2em;
}
#step .step3 {
    background: rgba(253,244,244,1.00);
    padding: 20px 2em;
}
#step .step4 {
    background: rgba(246,221,227,1.00);
    padding: 20px 2em;
}
#step .step5 {
    background: rgba(250,237,241,1.00);
    padding: 20px 2em;
}

@media screen and (max-width: 640px) {
    .list04 {
        margin: 20px auto;
    }
    .simple {
        margin-left: .5em;;
        width: 94%;
    }
    #step .step1  {
        padding: 10px;
        margin-top: 40px;
    }
    #step .step2,#step .step3,#step .step4,#step .step5 {
        padding: 10px;
    }
    #step .step2 h3, #step .step3 h3, #step .step4 h3 {
        margin: 15px auto 0;
    }
    #step .ttl {
        border-bottom: solid 4px #315988;
    }
    #step .step2 .mark,#step .step3 .mark,#step .step4 .mark {
        margin-top: -5px;
    }
}
.list05 {
    position: relative;
    padding-left: 0.5em;
    margin: 40px auto;
}
.list05 li {     
    padding: 3px 0 3px 1.5em;
    margin-bottom: 15px;
    font-size: 108%;
    font-weight: bold;
    position: relative;
    margin-left: 1em;
    line-height: 1.6em;    border-bottom: dashed 1px #958077;
}
.list05 li:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/arrow_icon.png") no-repeat ;
    width: 20px;
    height: 26px;background-size: contain;
    vertical-align: middle;
    top: 5px;
    left: 0;
}
.listbox {
    border: solid 8px rgba(180,163,156,.80);
    max-width: 860px;
    padding: 0 4% 0 1.8%;
}

@media screen and (max-width: 640px) {
    .list02,.list03,.list04,.list05 {
        width: 94%;
        padding-left: 0;
    }
    .list02 li,.list03 li,.list04 li,.list05 li {
        margin-left: 0;
        font-size: 106%;
    }
    .list05 {
        margin: 20px auto;
    }
    .listbox {
        padding: 0 2%;
    }

}

#kana {
    background: url("../img/back3.jpg") repeat;
    max-width: 860px;
    padding: 30px;
    font-family: 'Kosugi Maru', sans-serif;
    margin: 50px auto;
}
#kana .inner {
    background-color: #fff;background-image: url("../img/kana_img.png");
    background-repeat: no-repeat;
    padding: 30px;background-position: top 5px right 130px;
}
#kana h3 {
    font-size: 27px;
    max-width: 320px;
    padding-bottom: 10px;
    border-bottom: solid 5px #555;
    margin-bottom: 60px;
    text-align: center;
    position: relative;
}
#kana h3:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/kana_left.png") no-repeat ;
    width: 22px;
    height: 34px;background-size: contain;
    vertical-align: middle;
    top: -10px;
    left: 10px;
}
#kana h3:after {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/kana_right.png") no-repeat ;
    width: 22px;
    height: 34px;background-size: contain;
    vertical-align: middle;
    top: -10px;
    right: 10px;
}
#kana li {     
    padding: 3px 0 3px 1.5em;
    margin: 15px auto;
    font-weight: bold;
    position: relative;
    margin-left: 1em;
    line-height: 1.4em;    border-bottom: dashed 1px #958077;
}
#kana li:before {
    display: inline-block;
    position: absolute;
    content: " ";
	background:url("../img/dotte_p.png") no-repeat ;
    width: 20px;
    height: 26px;background-size: contain;
    vertical-align: middle;
    top: 8px;
    left: 0;
}
@media screen and (max-width: 640px) {
    #kana {
        padding: 15px;
    }
    #kana .inner {
        background-image: none;
        padding: 20px 3% 1px;
    }
    #kana h3 {
        margin-bottom: 30px;
    }
    #kana h3:before {
        left: 0;
    }
    #kana h3:after {
        right: 0;
    }
    #kana li {
        margin-left: 0;
    }
}
.itembox {
    max-width: 1000px;
    background: rgba(159,216,207,1.00);
    padding: 20px;
}
.itembox .inner {
    background: #fff;
    box-shadow: 0 0 3px #999 inset;
    padding: 20px 0;
    text-align: center;
}
.btn {
	margin:20px auto;
	display:block;
}
@media screen and (min-width: 641px) {
    .btn img {
        margin-left: -1em;
    }
}
@media screen and (max-width: 640px) {
    .itembox {
        padding:15px;
    }
    .itembox .inner {
        padding: 15px 2% 1px;
    }
    .btn {
	margin:15px auto;
}
}
#voice {
    background-color: #F4EEE2;
    background-image: repeating-linear-gradient(-45deg,#FEFDFC, #FEFDFC 4px,transparent 0, transparent 8px);
}
#voice .voice_box {
    background: url("../img/back3.jpg") repeat;
    max-width: 860px;
    padding: 10px 10px 20px;
    margin: 50px auto;
}
#voice .voice_box .ttl {
    display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
    height: 160px;
}
#voice .voice_box h3 {
    font-size: 30px;
    padding: 35px 0;
    font-family: 'Kosugi Maru', sans-serif;
    width: 70%;
}
#voice .voice_box .inner {
    background-color: #fff;
    padding: 30px;
    max-width: 820px;
}
#voice .voice_box .inner p {
    line-height: 1.6em;
}
@media screen and (max-width: 640px) {
    #voice .wrap {
        padding-bottom: 10px;
    }
    #voice .voice_box {
        margin: 20px auto;
    }
    #voice .voice_box .ttl  {
        height: auto;
        display: block;padding-bottom: 15px;
    }
    #voice .voice_box h3 {
        width: 98%;
        font-size: 25px;
        padding: 10px 0;
    }
    #voice img {
        width: 50%;
    }
    #voice .voice_box .inner {
        padding: 1px 3% 15px;
    }
    #voice .voice_box .inner p {
        margin: 20px auto;
    }
}

#guarantee {
    background: #958077; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #958077 0%, #c8bcb7 50%, #958077 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #958077 0%,#c8bcb7 50%,#958077 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #958077 0%,#c8bcb7 50%,#958077 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#958077', endColorstr='#958077',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 70px;
    margin: 40px auto;
}
#guarantee .inner {
    background: #fff;
    padding: 40px 0;;
    font-family: 'Klee One', cursive;
}
#guarantee .inner h3 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    padding: 10px 2% 14px;
    text-align: center;
    text-shadow: 1px 1px 2px #444;
    background: #a38a35; /* Old browsers */
    background: -moz-linear-gradient(left,  #a38a35 0%, #dfbe7e 50%, #a38a35 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #a38a35 0%,#dfbe7e 50%,#a38a35 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #a38a35 0%,#dfbe7e 50%,#a38a35 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a38a35', endColorstr='#a38a35',GradientType=1 ); /* IE6-9 */
    margin: 10px auto 50px; 
}
#guarantee .inner p {
    font-size: 1.2em;
    max-width: 760px;
    text-underline-offset: 6px;
    text-decoration: underline dashed rgba(149,128,119,0.50);
    text-decoration-thickness: 1px;
    line-height: 1.8em;
}
.sign {
    text-align: right;
}
@media screen and (max-width: 640px) {
    #guarantee {
        padding: 15px;
        margin: 30px auto;
    }
    #guarantee .inner {
        padding: 10px 0;
    }
    #guarantee .inner h3 {
        font-size: 27px;    
        margin: 10px auto 30px;
    }
    #guarantee .inner p {
        width: 94%;
        font-size: 1.1em;
    }
    .sign {
        width: 40%;
        margin: 0 0 0 auto;
    }
}
.bana {
    margin: 40px auto 20px;
}
.tel {
	margin: 10px auto 0;
	text-align: center;
	font-size: 120%;
	font-weight: bold;/*
	border-bottom: 5px solid #333;*/
	max-width:600px;
    padding-bottom: 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
#post {
    margin: 120px auto 0;
}
#post h3 {
    text-align: center;
    font-size: 30px;
    position: relative;
    font-weight: 700;
    z-index: 1;
    margin:80px auto 40px;
}
#post h3:before {   
    display: inline-block;
    position: absolute;
    content: " ";
    width: 58px;
    height: 58px;
    top: -15px;
    left: 44%;
    background: url("../img/cirle.png") no-repeat;
    z-index: -1;
}
@media screen and (max-width: 640px) {
    .bana {
        margin: 20px auto;
    }
    .tel {
        font-size: 1.1em;
    }
    #post {
        margin: 90px auto 0;
    }
    #post h3 {
        margin: 60px auto 30px;
        font-size: 25px;
    }
}

.realego_ttl {
    margin: 120px auto 10px; 
    text-align: center;
}
.re_ttl {
    margin-top: -30px;
}

.reset {
    margin-top: 60px;
}
@media screen and (max-width: 640px) {
    .pre_re  {
        ine-height: 1.2em;
        font-size: 27px;
    }
    .reset {
        margin-top: 50px;
    }
}
/*===========audioタグ*/
.audiowrap{
	display:block;
	min-height:50px;}
.audiowrap audio{
	min-height:50px;}
	

/*=============================================ヘッダー
*/
header{
	padding:8px 0;
	margin-bottom:10px;
    background: url("../img/back3.jpg") repeat;
    text-align: right;
}

	
/*========================フッター*/
footer{
	text-align:center;
	padding:60px 2% 40px;
    font-size: .8em;
    background: url("../img/back3.jpg") repeat;
}

footer li{
	display:inline-block;
	margin:0 ;
	}
footer li:after{
	content:'|';
	margin:0 0 0 5px;
}

footer p {
    margin: 15px auto;
}
@media screen and (max-width: 640px) {
    footer {
        padding: 30px 2% 10px;
    }
}

/*------ その他のページ -----*/
#other .wrap {
    background: none;
    padding: 40px 100px;
    margin: 0 auto 60px;
    border: none;
    box-shadow: none;
    font-size: 16px;
}

#other h2 {
    font-size: 30px;
    margin-top: 0;
}

#other header .wrap {
    margin: 0 auto;
    padding: 8px 2%;
}
	
#other .table {border-top:1px solid #aaa;border-left:1px solid #aaa;background-color:#fff;border-collapse:collapse;border-spacing:0px;empty-cells:show;margin:20px auto 20px;font-size:100%;line-height:180%;max-width:860px;}
#other .table th {border-right:1px solid #aaa;border-bottom:1px solid #aaa; background-color:rgba(180,163,156,.30);color:#414141;font-weight:normal;text-align:center;padding:10px;width:25%;}
#other .table th img{ margin:0 0 3px 5px;}
#other .table td {border-right:1px solid #aaa;border-bottom:1px solid #aaa;padding:10px;width:75%;text-align:left;}
#other .table td p{margin:0; padding:0;}
#other .table td input{ padding:5px 2px; border:1px solid #ccc; margin:0 20px 0 5px; font-size:16px}
#other .table td input[type="button"]{ background-color:#ffc66f;}
#other .table td button{ background-color:#eee;}
#other .table th.bgno{ background-image:none}

#other ul {
	margin: 0 auto 20px;
}

#other li {
	margin: 6px 0 6px 1em;
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (max-width: 640px) {
    #other .wrap {
        padding: 20px 3%;
        margin: 0 auto 60px;
    }
    #other h2 {
        font-size: 27px;
    }
    .map {
         width:100%;
         height:450px;
         frameborder:0;
         border:0;
    }
    #other .table th,
    #other .table td {
        width: 100%;
        display: block;
    }

}

.np {
 padding: 10px 15px;
}

.np_txt {
 border-top: 1px solid #efefef; padding: 10px 0 5px;
}


/*----------- modules -----------------*/
.alc {
	text-align:center !important;
}
.alr {
	text-align:right !important;
}



.f12{
	font-size:12px;}
.f14{
	font-size:14px;}
.f60{
	font-size:60%;}
.f70{
	font-size:70%;}
.f80{
	font-size:80%;}
.f90{
	font-size:90%;}
.f106{
	font-size:106%;}
.f110{
	font-size:110%;}
.f120{
	font-size:120%;}
.f130{
	font-size:130%;}
.f140{
	font-size:140%;}
.f150{
	font-size:150%;}
.f160{
	font-size:160%;}
.f190{
	font-size:190%;}
.b{
	font-weight:bold;
}
.red{
	color:#E50E1A;
}
.underline{
	text-decoration:underline;}
.hilight{
	background-color:#feee3e;}
.m20 { margin: 20px 0; }

.mt0{ margin-top:0 !important;}
.mt_5{ margin-top:5px!important;}
.mt_10{ margin-top:10px!important;}
.mt_20{ margin-top:20px!important;}
.mt_30{ margin-top:30px!important;}
.mt_40{ margin-top:40px!important;}
.mt_50{ margin-top:50px!important;}
.mt_60{ margin-top:60px!important;}
.mb_0{ margin-bottom:0 !important;}
.mb_10{ margin-bottom:10px!important;}
.mb_20{ margin-bottom:20px!important;}
.mb_30{ margin-bottom:30px!important;}
.mb_40{ margin-bottom:40px!important;}
.mb_50{ margin-bottom:50px!important;}


.text_c { text-align: center; }

.tex_r{ text-align:right;}

.fll {
	float:left;
}
.flr {
	float:right;
}

.clear_b{
	clear:both;}
	
	
.clearfix {zoom: 100%;}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.green {
    color: #3AA49D;
}

.pink{
	color:#df2f77;
}
.blue{color:rgba(49,77,207,1.00); }

.tokuten-title{    font-size: 130%;
    background-color: rgb(253 253 0 / 38%);
    padding: 15px;
    font-weight: bold;
    border-left: solid 10px #333;
}

.tokuten-title .green{ color: #187859;}

img{
	width: auto;
	max-width: 100%;
}
.wpsa80{
		width: 80%;
	max-width: 340px;
	}	
.wpsa80sp{
		width: 80%;
	max-width: 540px;
	}	
@media screen and (max-width: 640px) {
	.wpsa80sp{
		width:100%;
	}	
	
}