@charset "utf-8";

/*========================================================================================================================
	モジュール

・Element
・Heading
・Navigation
・Text
・List
・Layout Block
・Block Element
・Table
・Form
・Top
・Other

========================================================================================================================*/
/*------------------------------------------------------------------------------------------------------------------------
	Element
------------------------------------------------------------------------------------------------------------------------*/
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table{
margin-bottom:20px;
}
#contents p,
#contents li,
#contents dt,
#contents dd,
#contents caption,
#contents th,
#contents td{
font-size:0.875em;
line-height:1.6;
}
#contents li p,
#contents li li,
#contents li dt,
#contents li dd,
#contents li th,
#contents li td,
#contents dd p,
#contents dd li,
#contents dd dt,
#contents dd dd,
#contents dd th,
#contents dd td,
#contents th li,
#contents td p,
#contents td li,
#contents td dt,
#contents td dd,
#contents td th,
#contents td td{
font-size:1em;
}
#contents input,
#contents textarea,
#contents select{
font-size:inherit;
}
#contents label{cursor:pointer;}

#contents .sp-only{display:none;}


/*------------------------------------------------------------------------------------------------------------------------
	Heading
------------------------------------------------------------------------------------------------------------------------*/
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6{
margin-bottom:20px;
line-height:1.4;
font-weight:bold;
}

/* hdg-blk
----------------------------------------*/
/* hdg-blk01 */
#contents .hdg-blk01{margin:0 -10px 60px;}
#contents .hdg-blk01 .hdg{
position:relative;
margin:0 auto;
padding:40px 0 0;
max-width:640px;
background:#6ebeb0;
font-size:1.56255em;
color:#fff;
text-align:center;
}
#contents .hdg-blk01 .hdg:after{
display:block;
content:'';
position:absolute;
bottom:-50px;
left:0;
height:50px;
width:100%;
background:url(../images/bg/hdg-blk01.png) left top no-repeat;
background-size:100% 50px;
}
#contents .hdg-blk01 .hdg .lay{
position:relative;
display:inline-block;
padding:0 4px;
}
#contents .hdg-blk01 .hdg .lay:after{
display:block;
content:'';
position:absolute;
bottom:3px;
left:0;
height:10px;
width:100%;
background:rgba(255,255,255,0.2);
}
#contents .hdg-blk01 .hdg .caption{
display:block;
margin:0;
font-size:0.4em;
}

/* hdg-type
----------------------------------------*/
/* hdg-type01 */
#contents .hdg-type01{
margin:0 0 20px;
padding:12px 0 11px;
border-top:2px solid #007a65;
border-bottom:2px solid #007a65;
font-size:1.125em;
color:#007a65;
text-align:center;
}
#contents .hdg-type01 span{display:inline-block;}
#contents .hdg-type01 span:before{
display:inline-block;
content:'';
margin-top:-4px;
margin-right:8px;
background:url(../images/bg/hdg-type01.png) 0 -500px no-repeat;
background-size:25px auto;
vertical-align:middle;
}
#contents .hdg-type01 span.news:before{
width:15px;
height:18px;
background-position:0 0;
}
#contents .hdg-type01 span.about:before{
width:18px;
height:18px;
background-position:0 -25px;
}
#contents .hdg-type01 span.contact:before{
width:19px;
height:18px;
background-position:0 -50px;
}

/* hdg-type02 */
#contents .hdg-type02{
position:relative;
margin:40px 0 12px;
font-size:1em;
color:#007a65;
text-align:center;
}
#contents .hdg-type02:before{
display:block;
content:'';
position:absolute;
top:50%;
left:0;
z-index:0;
margin-top:-2px;
width:100%;
height:1px;
background:#007a65;
}
#contents .hdg-type02 .lay{
position:relative;
z-index:3;
display:inline-block;
padding:0 20px;
background:#fff;
}

/* hdg-type03 */
#contents .hdg-type03{
position:relative;
margin:0 0 15px;
padding:5px;
background:#007a65;
font-size:0.875em;
color:#fff;
text-align:center;
}

/* hdg-type04 */
#contents .hdg-type04{
margin:0 0 5px;
font-size:0.875em;
}
#contents .hdg-type04 .text-type02{font-weight:normal;}

/* hdg-type05 */
#contents .hdg-type05{
margin:0 0 10px;
color:#007a65;
font-size:1.25em;
text-align:center;
}

/* hdg-type06 */
#contents .hdg-type06{
margin:0 0 10px;
color:#007a65;
font-size:0.9375em;
text-align:center;
}
#contents .hdg-type06 .caption{
color:#111;
font-size:0.933em;
font-weight:normal;
}

/* hdg-image
----------------------------------------*/
#contents .hdg-image01{
margin:0 0 15px;
padding:0;
border:0;
background:none;
text-align:center;
}
#contents .hdg-image02{
margin:0;
padding:0;
border:0;
background:none;
text-align:center;
}

/* 在校生の声
----------------------------------------*/
.voiceImg{width:20%;/*border:1px solid #c7c7c7;*/}


/*------------------------------------------------------------------------------------------------------------------------
	Navigation
------------------------------------------------------------------------------------------------------------------------*/
/* nav-cont
----------------------------------------*/
/* nav-cont01 */
#contents .nav-cont01{margin:0 -10px 25px;}
#contents .nav-cont01 li{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin:0;
width:33.3%;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
font-size:0.75em;
text-align:center;
line-height:1.3;
}
#contents .nav-cont01 li:nth-child(3n){border-right:0;}
#contents .nav-cont01 li a{
position:relative;
display:block;
background:#4ca293;
color:#fff;
text-decoration:none;
}
#contents .nav-cont01 li a:before{
display:block;
content:'';
position:absolute;
bottom:5px;
left:50%;
margin-left:-5px;
width:10px;
height:10px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
background:#fff;
}
#contents .nav-cont01 li a:after{
display:block;
content:'';
position:absolute;
bottom:7px;
left:50%;
margin-left:-3px;
width:0;
height:0;
border-style:solid;
border-width:5px 3px 0 3px;
border-color:#4ca294 transparent transparent transparent;
}
#contents .nav-cont01 li a span{
display:table-cell;
width:220px;
padding-bottom:10px;
height:45px;
vertical-align:middle;
}
#contents .nav-cont01.btm li a:before{
top:5px;
bottom:auto;
}
#contents .nav-cont01.btm li a:after{
top:7px;
bottom:auto;
border-style:solid;
border-width:0 3px 5px 3px;
border-color:transparent transparent #4ca294 transparent;
}
#contents .nav-cont01.btm li a span{
padding:12px 0 0;
height:43px;
}

/* nav-btn01
----------------------------------------*/
#contents .nav-btn01{margin:0 -10px 30px;}
#contents .nav-btn01 ul{
margin:0 auto;
max-width:640px;
}
#contents .nav-btn01 ul li{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin:0;
width:50%;
border-right:1px solid #fff;
font-size:0.875em;
text-align:center;
line-height:1.1;
}
#contents .nav-btn01 ul li a{
display:block;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:16px 13px 0 0;
min-height:50px;
background:#48a192 url(../images/bg/icon-arrow04-r.png) right 18px no-repeat;
background-size:13px auto;
color:#fff;
text-decoration:none;
}
#contents .nav-btn01 ul li a span{
display:inline-block;
font-size:0.785em;
}
#contents .nav-btn01 ul li:nth-child(2n){border-right:0;}
#contents .nav-btn01 ul li:nth-child(2n) a{background-color:#006e5b;}



/*------------------------------------------------------------------------------------------------------------------------
	Text
------------------------------------------------------------------------------------------------------------------------*/
#contents .color-type01{color:#f00;}
#contents .color-type02{color:#007a65;}
#contents .color-type03{color:#228b22;}

#contents .text-type01{font-size:0.714em;}
#contents .text-type02{font-size:0.785em;}
#contents .text-type03{font-size:0.86em;}
#contents .text-type04{font-size:0.93em;}
#contents .text-type05{font-size:1.071em;}
#contents .text-type06{font-size:1.14em;}
#contents .text-type07{font-size:1.2857em;}

#contents .align-type01{text-align:left !important;}
#contents .align-type02{text-align:center !important;}
#contents .align-type03{text-align:right !important;}

#contents .valign-type01{vertical-align:top !important;}
#contents .valign-type02{vertical-align:middle !important;}
#contents .valign-type03{vertical-align:bottom !important;}


/* lead01
----------------------------------------*/
#contents .lead01{
color:#007a65;
font-size:0.9375em;
margin-top: 15px;
text-align: center;
}

/* req
----------------------------------------*/
#contents .req{
color:#f00;
font-size:0.8em;
}

/* btn01
----------------------------------------*/
#contents .date span{
display:inline-block;
    margin: 0;
    padding: 5px 3px 4px 5px;
    width: 92px;
    background: #dfdfdf;
    font-size: 85%;
    text-align: center;
    border-radius: 2px;
}

/* btn01
----------------------------------------*/
/* a */
#contents a.btn01{
display:inline-block;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:relative;
padding:7px 24px 6px 16px;
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#4ca293;
color:#fff;
font-size:1.077em;
text-align:right;
text-decoration:none;
}
#contents a.btn01:after{
display:block;
content:'';
position:absolute;
top:50%;
right:8px;
margin-top:-5px;
width:8px;
height:10px;
background:url(../images/bg/icon-arrow03-r.png) left top no-repeat;
background-size:8px auto;
}

/* input */
#contents span.btn01{position:relative;}
#contents span.btn01:after{
display:block;
content:'';
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
width:8px;
height:10px;
background:url(../images/bg/icon-arrow03-r.png) left top no-repeat;
background-size:8px auto;
}
#contents span.btn01 input{
display:inline-block;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:relative;
padding:6px 23px 5px 23px;
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#4ca293;
color:#fff;
font-size:1.077em;
text-align:right;
text-decoration:none;
cursor:pointer;
}

/* btn-more01
----------------------------------------*/
#contents .btn-more01{
display:inline-block;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:relative;
padding:7px 26px 6px 80px;
width:190px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#4ca293 url(../images/bg/btn-more01.png) 26px center no-repeat;
background-size:51px auto;
color:#fff;
font-size:1.07em;
text-align:right;
text-decoration:none;
}
#contents .btn-more01:after{
display:block;
content:'';
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
width:8px;
height:10px;
background:url(../images/bg/icon-arrow03-r.png) left top no-repeat;
background-size:8px auto;
}

#contents .btn-facebook{
display:inline-block;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:relative;
padding:7px 26px 6px 15px;
/*width:190px;*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#4267b2;
background-size:51px auto;
color:#fff;
font-size:1.07em;
text-align:right;
text-decoration:none;
}
#contents .btn-facebook:after{
display:block;
content:'';
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
width:8px;
height:10px;
background:url(../images/bg/icon-arrow03-r.png) left top no-repeat;
background-size:8px auto;
}

/*------------------------------------------------------------------------------------------------------------------------
	List
------------------------------------------------------------------------------------------------------------------------*/
#contents li{margin-bottom:5px;}

/* list-disc
----------------------------------------*/
#contents .list-disc01 li{
position:relative;
padding-left:12px;
}
#contents .list-disc01 li:before{
display:block;
content:'';
position:absolute;
top:0.6em;
left:0;
width:5px;
height:5px;
background:#007a65;
}

/* list-link01
----------------------------------------*/
#contents .list-link01 li{
position:relative;
padding-left:16px;
}
#contents .list-link01 li:before{
display:block;
content:'';
position:absolute;
top:0.35em;
left:2px;
width:8px;
height:10px;
background:url(../images/bg/icon-arrow05-r.png) left top no-repeat;
background-size:8px auto;
}

/* list-notation01
----------------------------------------*/
#contents .list-notation01 li{
overflow:hidden;
font-size:0.75em;
}
#contents .list-notation01 li .mark{
display:block;
float:left;
margin-right:2px;
}
#contents .list-notation01 li .txt{
display:block;
overflow:hidden;
zoom:1;
}

/* list-news01
----------------------------------------*/
#contents .list-news01 li{
position:relative;
margin:0 0 18px;
padding-left:105px;
line-height:1.5;
}
#contents .list-news01 li .date{
display:block;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
margin:0;
padding:5px 3px 4px 5px;
width:92px;
background:#dfdfdf;
        font-size: 85%;
    text-align: center;
    border-radius: 2px;
}
#contents .list-news01 li .txt{
display:table-cell;
padding-top:3px;
height:27px;
vertical-align:middle;
}

/* list-radio01
--------------------------------------*/
#contents .list-radio01 li{
float:left;
margin:0 20px 5px 0;
}
#contents .list-radio01 li input{margin:-1px 5px 0 0;}


/*------------------------------------------------------------------------------------------------------------------------
	Layout Block
------------------------------------------------------------------------------------------------------------------------*/
#contents .element-left{
float:left;
margin-right:20px;
}
#contents .element-right{
float:right;
margin-left:20px;
}

/* blk-column01
----------------------------------------*/
#contents .blk-column01{overflow:hidden;}
#contents .blk-column01.img-left .img{
float:left;
margin-right:20px;
}
#contents .blk-column01.img-right .img{
float:right;
margin-left:20px;
}
#contents .blk-column01 .txt{
overflow:hidden;
zoom:1;
}


/*------------------------------------------------------------------------------------------------------------------------
	Block Element
------------------------------------------------------------------------------------------------------------------------*/
/* blk-segment01
----------------------------------------*/
#contents .blk-segment01{
margin:0 0 20px;
padding:10px;
background:#c9e3df;
}
#contents .blk-segment01 p:last-child{margin:0 0 5px;}
#contents .blk-segment01 .img01{margin:-10px -10px 20px;}
#contents .blk-segment01 .img01 img{width:100%;}
#contents .blk-segment01 .message-txt{padding:10px;}
/* contact
----------------------------------------*/
#contents .contact p{
margin-bottom:10px;
color:#007a65;
text-align:center;
}
#contents .contact .tel{
font-size:1.3125em;
line-height:1.1;
}
#contents .contact .tel .icon01{
display:inline-block;
margin:-2px 5px 0 0;
padding:3px 5px 1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#007a65;
color:#fff;
font-size:0.5714em;
vertical-align:middle;
}
#contents .contact .tel .time{
font-size:0.6666em;
}

/* blk-policy01
----------------------------------------*/
#contents .blk-policy01{margin:0 0 30px;}
#contents .blk-policy01 .cont{
overflow:hidden;
margin:0 0 5px;
padding:0 15px 15px;
background:#f1f7f6;
}
#contents .blk-policy01 .hdg{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
position:relative;
margin:0 -15px 40px;
padding:0;
background:#4ca293 right center no-repeat;
background-size:70px auto;
color:#fff;
font-size:1.25em;
text-align:center;
line-height:1.1;
}
#contents .blk-policy01 .cont:nth-child(1) .hdg{background-image:url(../images/bg/policy01-ord01.png);}
#contents .blk-policy01 .cont:nth-child(2) .hdg{background-image:url(../images/bg/policy01-ord02.png);}
#contents .blk-policy01 .cont:nth-child(3) .hdg{background-image:url(../images/bg/policy01-ord03.png);}
#contents .blk-policy01 .cont:nth-child(1) .list-disc01{margin-right:auto;margin-left:auto;width:18em;}
#contents .blk-policy01 .cont:nth-child(2) .list-disc01{margin-right:auto;margin-left:auto;width:16.5em;}
#contents .blk-policy01 .cont:nth-child(3) .list-disc01{margin-right:auto;margin-left:auto;width:13em;}
#contents .blk-policy01 .hdg:after{
display:block;
content:'';
position:absolute;
bottom:-30px;
left:50%;
margin:0 0 0 -20px;
width:0;
height:0;
border-top:15px solid #4ca293;
border-right:20px solid transparent;
border-bottom:15px solid transparent;
border-left:20px solid #4ca293;
}
#contents .blk-policy01 .hdg .lay{
display:table-cell;
width:620px;
height:110px;
vertical-align:middle;
}
#contents .blk-policy01 .hdg .caption{
font-size:0.6em;
font-weight:normal;
}
#contents .blk-policy01 ul{margin-bottom:0;}

/* blk-learn
----------------------------------------*/
#contents .blk-learn{
margin:0 0 20px;
padding:10px 10px 1px;
background:#ddd;
}
#contents .blk-learn .hdg{
margin:0 0 10px;
padding:7px 5px 5px;
background:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #111;
font-size:0.875em;
text-align:center;
}
#contents .blk-learn .lead{
margin:0 0 10px;
padding:0;
border-bottom:2px solid #111;
font-size:0.875em;
font-weight:bold;
text-align:center;
}
#contents .blk-learn p{margin:0 0 15px;}
#contents .blk-learn.type01{background:#e9f4f2;}
#contents .blk-learn.type02{background:#faf6e5;}
#contents .blk-learn.type03{background:#e9d5d4;}
#contents .blk-learn.type01 .hdg{border:1px solid #007a65;color:#007a65;}
#contents .blk-learn.type02 .hdg{border:1px solid #c39801;color:#c39801;}
#contents .blk-learn.type03 .hdg{border:1px solid #952f2a;color:#952f2a;}
#contents .blk-learn.type01 .lead{border-color:#007a65;color:#007a65;}
#contents .blk-learn.type02 .lead{border-color:#c39801;color:#c39801;}
#contents .blk-learn.type03 .lead{border-color:#952f2a;color:#952f2a;}
#contents .blk-learn.type01 .example{color:#007a65;font-size:90%;font-weight:bold;}
#contents .blk-learn.type01 .example-txt{color:#333;font-size:90%;}

/* blk-faq01
----------------------------------------*/
#contents .blk-faq01{
margin:0 auto 20px;
max-width:620px;
}
#contents .blk-faq01 .hdg-faq01{
position:relative;
overflow:hidden;
margin:0;
padding:5px 5px 5px 63px;
min-height:56px;
border:2px solid #007a65;
color:#007a65;
font-size:0.9375em;
}
#contents .blk-faq01 .hdg-faq01:before{
display:block;
content:'';
position:absolute;
top:0;
left:0;
margin:0;
width:53px;
height:100%;
background:#007a65 url(../images/bg/hdg-faq01.png) left center no-repeat;
background-size:53px auto;
}
#contents .blk-faq01 .hdg-faq01 .lay{
display:table-cell;
height:56px;
vertical-align:middle;
}
#contents .blk-faq01 .answer{
position:relative;
padding:15px 5px 1px 63px;
border:2px solid #e5f1ef;
border-top:0;
background:#e5f1ef;
}
#contents .blk-faq01 .answer:before{
display:block;
content:'';
position:absolute;
top:0;
left:0;
width:53px;
height:100%;
background:#fff url(../images/bg/blk-faq01-answer.png) center 20px no-repeat;
background-size:20px auto;
}

/* entry-post
----------------------------------------*/
#contents .entry-post{padding-bottom:20px;}
#contents .entry-post .img01{text-align:center;}

.courseImg{
	width:80%;
	display:block;
	margin:0 auto;
	padding:40px 0 60px;
	text-align:center;
}

.courseImg-flex{
	display:flex;
}
.courseImg-flex figure:first-child{margin-right:10px;}
.courseImg-flex figure img{width:100%;}


/*------------------------------------------------------------------------------------------------------------------------
	Table
------------------------------------------------------------------------------------------------------------------------*/

/* tbl-normal
----------------------------------------*/
#contents .tbl-normal{width:100%;}
#contents .tbl-normal th,
#contents .tbl-normal td{
padding:3px 0;
border:0;
text-align:left;
vertical-align:middle;
}

/* tbl-type01
----------------------------------------*/
#contents .tbl-type01{width:100%;}
#contents .tbl-type01 th,
#contents .tbl-type01 td{
padding:5px;
border:1px solid #ccc;
background:#fff;
text-align:left;
vertical-align:middle;
}
#contents .tbl-type01 th{
background:#eee;
}

/* table-align
----------------------------------------*/
#contents table tr.align-type01 th,
#contents table tr.align-type01 td{
text-align:left;
}
#contents table thead.align-type02 th,
#contents table tbody.align-type02 th,
#contents table tbody.align-type02 td,
#contents table tr.align-type02 th,
#contents table tr.align-type02 td{
text-align:center;
}
#contents table thead.align-type03 th,
#contents table tbody.align-type03 th,
#contents table tbody.align-type03 td,
#contents table tr.align-type03 th,
#contents table tr.align-type03 td{
text-align:right;
}

#contents table tr.valign-type01 th,
#contents table tr.valign-type01 td,
#contents table th.valign-type01,
#contents table td.valign-type01{
vertical-align:top;
}
#contents table tbody.valign-type02 th,
#contents table tbody.valign-type02 td,
#contents table tr.valign-type02 th,
#contents table tr.valign-type02 td,
#contents table th.valign-type02,
#contents table td.valign-type02{
vertical-align:middle;
}
#contents table tbody.valign-type03 th,
#contents table tbody.valign-type03 td,
#contents table tr.valign-type03 th,
#contents table tr.valign-type03 td,
#contents table th.valign-type03,
#contents table td.valign-type03{
vertical-align:bottom;
}

#contents table .nowrap{
white-space:nowrap;
}


/*------------------------------------------------------------------------------------------------------------------------
	Form
------------------------------------------------------------------------------------------------------------------------*/
#contents input{vertical-align:middle;}

/* input-type01
--------------------------------------*/
#contents .input-type01{
padding:3px 5px 2px;
border:1px solid #ccc;
font-size:1.23em;
}

/* wid
--------------------------------------*/
#contents .wid10,
#contents .wid20,
#contents .wid30,
#contents .wid40,
#contents .wid50,
#contents .wid60,
#contents .wid70,
#contents .wid80,
#contents .wid90,
#contents .wid100{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
#contents .wid10{width:10%;}
#contents .wid20{width:20%;}
#contents .wid30{width:30%;}
#contents .wid40{width:40%;}
#contents .wid50{width:50%;}
#contents .wid60{width:60%;}
#contents .wid70{width:70%;}
#contents .wid80{width:80%;}
#contents .wid90{width:90%;}
#contents .wid100{width:100%;}


/*------------------------------------------------------------------------------------------------------------------------
	Top
------------------------------------------------------------------------------------------------------------------------*/
/* main-visual
--------------------------------------*/
#main-visual{margin:0 0 15px;}
#main-visual ul{margin:0;}
#main-visual ul li{
float:left;
margin:0;
width:50%;
}
#main-visual ul li img{width:100%;}

.movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*------------------------------------------------------------------------------------------------------------------------
	Other
------------------------------------------------------------------------------------------------------------------------*/
/* space
--------------------------------------*/
.space-top01{margin-top:0 !important;}
.space-top02{margin-top:5px !important;}
.space-top03{margin-top:10px !important;}
.space-top04{margin-top:20px !important;}
.space-top05{margin-top:30px !important;}
.space-top06{margin-top:40px !important;}
.space-top07{margin-top:50px !important;}

.space-right01{margin-right:0 !important;}
.space-right02{margin-right:10px !important;}
.space-right03{margin-right:20px !important;}
.space-right04{margin-right:30px !important;}
.space-right05{margin-right:50px !important;}

.space-btm01{margin-bottom:0 !important;}
.space-btm02{margin-bottom:5px !important;}
.space-btm03{margin-bottom:10px !important;}
.space-btm04{margin-bottom:20px !important;}
.space-btm05{margin-bottom:30px !important;}
.space-btm06{margin-bottom:40px !important;}
.space-btm07{margin-bottom:50px !important;}

.space-left01{margin-left:0 !important;}
.space-left02{margin-left:10px !important;}
.space-left03{margin-left:20px !important;}
.space-left04{margin-left:30px !important;}
.space-left05{margin-left:50px !important;}

/* section
--------------------------------------*/
#contents .section01{
margin-right:auto;
margin-left:auto;
max-width:620px;
padding-bottom:20px;
clear:both;
}


/*------------------------------------------------------------------------------------------------------------------------
	clearFix
------------------------------------------------------------------------------------------------------------------------*/
#contents .nav-cont01:after,
#contents .nav-btn01:after,
#contents .list-radio01:after,
#contents .blk-column01:after,
#main-visual ul:after,
.blk-fix:after{
display:block;
clear:both;
visibility:hidden;
content:".";
height:0;
font-size:0;
line-height:0;
}


/*------------------------------------------------------------------------------------------------------------------------
	screen
------------------------------------------------------------------------------------------------------------------------*/
/* 641px以上
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:641px){

/* main-visual
--------------------------------------*/
#main-visual ul li{width:25%;}


}