@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');

header h1header h1header h1header h1header h1header h1header h1header h1header h1header h1header h1header h1html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
header, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:16px;
  line-height:1.75em;
  letter-spacing:1px;
  color:#343434;
  vertical-align:baseline;
  background:transparent;
  font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  box-sizing:border-box;
  -webkit-text-size-adjust: 100%;
}
article,side,details,figcaption,figure,
header,menu,nav,section {
  display:block;
}
html, body {
	min-width:1100px;
	margin:0 auto;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
ul {
  list-style:none;
}

a {
  margin:0;
  padding:0;
  vertical-align:baseline;
  background:transparent;
  box-sizing:border-box;
}
a:hover img,
a:hover {
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	transition: .3s ;
}

input, select {
  vertical-align:middle;
}
.clear:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.sp {
	display:none;
}

/*
共通 end 
material start ******************************************* */

._font-style1{font-family: "Shippori Mincho", serif;}

/*
material end 
header start ******************************************* */

header {
	width:100%;
	height:130px;
	position:relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff0f5+0,ffffff+100 */
	background: rgb(255,240,245); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,240,245,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,240,245,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,240,245,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	overflow:hidden;
}
header section{
	width:1000px;
	margin:0 auto;
}
header section:before{
	content:"";
	display:block;
	position:absolute;
	width:550px;
	height:130px;
	background:url(../img/material/header-bg-l.png) no-repeat;
	left:0;
	top:0;
	z-index:1;
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px); 
}
header section:after{
	content:"";
	display:block;
	position:absolute;
	width:550px;
	height:130px;
	background:url(../img/material/header-bg-r.png) no-repeat;
	right:0;
	top:0;
	z-index:1;
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px); 
}
header section > div{
	position:relative;
	z-index:2;
}
header section > div h1 {
	font-size:13px;
	color:#bc3f51;
	padding:6px 0 0;
	letter-spacing:2.5px;
	line-height:1.5em;
	text-align:right;
}
header section > div h1 span{
	display:block;
	font-size:13px;
	color:#bc3f51;
	letter-spacing:2.5px;
	line-height:1.5em;
}
header section > div > a {
	float:left;
	/*width:411px;
	height:80px;*/
	display:block;
	margin-top:5px;
}
header section > div > a img{
	max-width:100%;
	height:auto;
	display:block;
}
header section > div > label {
	float:right;
	margin-top:15px;
	position:relative;
	line-height:1.5em;
	min-width: 210px;
}
header section > div > label > p{
	font-size:12px;
	line-height:2.2em;
	font-weight:bold;
	letter-spacing:2px;
	color:#666;
	height:30px;
	float:left;
	background-color:#fff;
	background-image:url(../img/material/arrow-02.png);
	background-repeat:no-repeat;
	background-position:10px center;
	padding:0 6px 0 40px;
	border:solid 1px rgb(169, 169, 169);
	border-radius:15px 0 0 15px;
	position:relative;
	left:1px;
	box-shadow:1px 1px 2px rgba(0,0,0,.15) inset;
}
header section > div > label select {
	border: solid 1px rgb(169, 169, 169);
	border-radius:0 15px 15px 0 ;
	font-size:14px;
	letter-spacing:1.5px;
	padding:3px 12px;
	font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:1.5em;
	box-shadow:1px 1px 2px rgba(0,0,0,.15) inset;
}

header section > div > div option {
	padding:0;
	position:relative;
	left:-120px;
}

header section:before,
header section:after{
  -webkit-animation: example 4s ease 1s 1 forwards;
  animation: example 3.5s ease 1.5s 1 forwards;
}

@-webkit-keyframes example {
  100% {
    opacity: .25;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
  }
}
@keyframes example {
  100% {
    opacity: .25;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
  }
}


/*
header end 
g-menu start ******************************************* */


#mainNavi {
	position:relative;
	width:100%;
	height:50px;
	min-width:1000px;
	background:url(../img/material/img-bg01.jpg) repeat-x;
	z-index:10;
	overflow:hidden;
}
#mainNavi ul.menu {
	width:1000px;
	margin:0 auto;
}
#mainNavi ul.menu > li {
	float:left;
	width:20%;
	height:50px;
}
#mainNavi ul.menu > li > a {
	display:block;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	letter-spacing:1.5px;
	font-size:15px;
	font-weight:bold;
	text-shadow:1px 1px 0 rgba(0,0,0,.5);
}
#mainNavi ul.menu > li > a:hover {
	background-color:rgba(255,255,255,.15);
}

li.sp{
	display:none;
}




/*
g-manu end 
main-img start ******************************************* */

#main-img {
	position:relative;
	overflow:hidden;
	width:100%;
	height:770px;
	margin:0 auto;
}




/*
main-img end 
footer start ******************************************* */

footer{
}
footer > div{
	width:100%;
	position:relative;
	border-top:solid 5px #d9cfbf;
	background:url(../img/material/img-bg01.jpg);
	z-index:1;
}
footer > div:before{
	content:"";
	display:block;
	width:251px;
	height:128px;
	background:url(../img/material/footer-bg-l.png) no-repeat;
	position:absolute;
	left:0;
	top:-50px;
	z-index:1;
}
footer > div:after{
	content:"";
	display:block;
	width:342px;
	height:197px;
	background:url(../img/material/footer-bg-r.png) no-repeat;
	position:absolute;
	right:0;
	bottom:-50px;
}
footer > div > section{
	width:100%;
	max-width:1300px;
	min-width:1000px;
	margin:0 auto;
	padding:35px 0;
}
footer > div > section > h3{
	text-align:center;
	color:#fff;
	font-size:28px;
	line-height:1.5em;
}
footer > div > section > p{
	text-align:center;
	color:#fff;
	line-height:1.5em;
}
footer > div > section > div {
	overflow:hidden;
	padding:25px 0 15px;
	position:relative;
	z-index:3;
}
footer > div > section > div > ul {
	width:18%;
	margin:0 1%;
	float:left;
}
footer > div > section > div > ul > li{
	margin-top:2px;
}
footer > div > section > div > ul > li:first-child {
	border-bottom:2px solid rgba(255,255,255,.75);
	padding-bottom:3px;
	margin-bottom:5px;
}
footer > div > section > div > ul > li > a{
	display:block;
	position:relative;
	padding:3px 3px 3px 30px;
	line-height:1.5em;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	letter-spacing:.5px;
	border-radius:3px;
}
footer > div > section > div > ul > li:first-child > a{
	font-size:16px;
	font-weight:bold;
	padding:3px 6px;
}
footer > div > section > div > ul > li > a:hover{
	background-color:rgba(0,0,0,.2);
	color:#feffb2;
}
footer > div > section > div > ul > li > a:before{
	content:"";
	position:absolute;
	display:block;
	background:url(../img/material/arrow-03.png) no-repeat;
	width:9px;
	height:9px;
	left:15px;
	top:3px;
}
footer > div > section > div > ul > li:first-child > a:before{
	display:none;
}
footer > small{
	display:block;
	text-align:center;
	font-size:12px;
	letter-spacing:2px;
	height:65px;
	padding-top:20px;
}
/*
footer end 
side start ******************************************* */


/*
side end 
contents start ******************************************* */
/* top */

#wrapper {
	width:100%;
	margin:0 auto;
}
section.top01 {
	overflow:hidden;
	width:1080px;
	margin:60px auto;
}
section.top01 > img {
	display:block;
	margin:55px 0 25px 60px;
}
section.top01 > div {
	float:right;
	overflow:hidden;
	margin-top:60px;
}
section.top01 > div > p{
	float:left;
	line-height:1.5em;
	margin-right:20px;
	font-size:15px;
}
section.top01 > div > img{
	display:block;
	padding-top:3px;
}

section.top02{
	margin-top:50px;
	background:url(../img/material/bg01.png) no-repeat bottom right;
	padding-bottom:30px;
}
.kaso section.top02 {
	background-image:none;
}
section.top02 > div{
	width:1080px;
	margin:60px auto;
}

section.top02 > div > ul {
	margin:10px 1% 0;
}
section.top02 > div > ul > li{
	border-bottom:solid 1px #dcdcdc;
}
section.top02 > div > ul > li > a{
	text-decoration:none;
	position:relative;
	display:block;
	padding:7px 10px 5px;
}
section.top02 > div > ul > li > a > strong{
	position:absolute;
	left:0;
	top:10px;
	font-size:14px;
	color:#988771;
}
section.top02 > div > ul > li > a > span{
	position:absolute;
	left:125px;
	top:12px;
	font-size:13px;
	color:#fff;
	line-height:1em;
	padding:3px 6px;
	background-color:#7a6a44;
	border-radius:3px;
}
section.top02 > div > ul > li > a > p{
	margin-left:225px;
	color:#7a6a44;
}
section.top02 > div > ul > li > a:hover {
	background-color:#f3efe5;
}
section.top02 > div > ul > li > a:hover > p{
	text-decoration:underline;
}

section.top02 > div > div.f-sns {
	width:500px;
	margin-top:35px;
}
section.top02 > div > div.f-sns iframe.pc{
	display:block;
}
section.top02 > div > div.f-sns iframe.sp{
	display:none;
}

.h-title01 {
	min-height:50px;
	padding:7px 4% 5px 55px;
	line-height:1.5em;
	color:#fff;
	font-size:25px;
	letter-spacing:1.5px;
	position:relative;
	background:url(../img/material/img-bg01.jpg);
}
.h-title01:before {
	content:"";
	width:48px;
	height:50px;
	background:url(../img/material/arrow-01.png) no-repeat;
	position:absolute;
	left:0;
	bottom:0;
}

.a-txt01 {
	margin:0 1%;
	padding:10px 0;
}
.sakura{
	z-index:99999;
}

/* top end */
/* kaso start */

article.kaso {
	padding-bottom:150px;
}
section.c-con01 {
	background:url(../img/material/page-bg.jpg);
	background-position:center top;
	min-height:203px;
	text-align:center;
	padding:45px 0 25px;
	overflow:hidden;
}
section.c-con01 > h2 {
	font-size:28px;
	color:rgba(0,0,0,.75);
	letter-spacing:2px;
	display:inline-block;
	padding:0 60px;
	position:relative;
}
section.c-con01 > h2:before {
	content:"";
	width:45px;
	height:2px;
	background-color:rgba(0,0,0,.5);
	display:block;
	position:absolute;
	left:0;
	top:25px;
}
section.c-con01 > h2:after {
	content:"";
	width:45px;
	height:2px;
	background-color:rgba(0,0,0,.5);
	display:block;
	position:absolute;
	right:0;
	top:25px;
}
section.c-con01 > ul {
	overflow:hidden;
	width:1000px;
	margin:25px auto 0;
}
section.c-con01 > ul > li{
	display:inline-block;
	margin:5px 3px;
}
section.c-con01 > ul > li > a{
	color:#fff;
	position:relative;
	display:block;
	min-height:48px;
	padding:11px 12px 0 50px;
	font-size:16px;
	font-weight:bold;
	border-radius:3px;
	text-shadow:1px 1px 0 rgba(0,0,0,.2);
	box-shadow:2px 2px 3px -3px rgba(0,0,0,.25);
	text-decoration:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbfce+0,ff90aa+100 */
	background: rgb(255,191,206); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,191,206,1) 0%, rgba(255,144,170,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,191,206,1) 0%,rgba(255,144,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,191,206,1) 0%,rgba(255,144,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfce', endColorstr='#ff90aa',GradientType=0 ); /* IE6-9 */
}
section.c-con01 > ul > li > a:before{
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	display:block;
	width:50px;
	height:48px;
	background:url(../img/material/arrow-04.png) no-repeat;
}

section.c-con02 {
	margin:70px auto 0;
	width:1000px;	
}

.a-list01 {
	margin:50px auto 0;
	width:80%;
}
.a-list01 td,
.a-list01 th {
	text-align:center;
	vertical-align:middle;
	border:solid 1px #ccc;
	height:65px;
	font-size:16px;
}
.a-list01 th {
	width:20%;
	color:#fff;
	font-weight:normal;
	background-color:#fc537b;
}
.a-list01 td {
	width:40%;
}
.a-list01 td span{
	font-size:18px;
	display:block;
}
.a-list01 tbody > tr:first-child > td {
	background-color:#ffe6ec;
}
.a-list01 tbody > tr:nth-child(2) > td {
	font-weight:bold;
	color:#c41c44;
	font-size:27px;
	text-shadow:1px 1px 2px rgba(156,9,43,.25);
}

.a-list02 {
	width:100%;
	position:relative;
	overflow:hidden;
	margin:75px auto 0;
}
.a-list02 > div{
	float:left;
	width:50%;
}
.a-list02 > div:first-child{
	background:url(../img/about/img01.png) no-repeat;
	background-size:contain;
	background-position:right 150px;
}
.a-list02 > div:nth-child(2){
	background:url(../img/about/img02.png) no-repeat;
	background-size:auto;
	background-position:right 150px;
}
.a-list02 > div > p{
	text-align:center;
	width:180px;
	padding:30px 0 0;
	font-size:18px;
	font-weight:bold;
	height:100%;
	min-height:700px;
	border-radius:10px;
}
.a-list02 > div:first-child > p{
	background-color:rgba(225,169,158,.3);
	color:#bb4444;
	margin:0 0 0 33%;
}
.a-list02 > div:nth-child(2) > p{
	background-color:rgba(110,144,255,.3);
	color:#2f52c6;
	margin:0 0 0 39%;
}
.a-list02 > ul{
	position:absolute;
	top:80px;
	left:320px;
	width:396px;
}
.a-list02 > ul > li{
	padding:30px 0 30px 85px;
	margin:-10px 0 0;
	position:relative;
	z-index: 2;
}
.a-list02 > ul.add01 > li{
	padding-bottom:33px;
}

article.en .a-list02 > ul.a-vn01 > li.ar-rl,
article.en .a-list02 > ul.a-vn01 > li.ar-br{
	display:none;
}
.a-list02 > ul > li.ar-rr{
	background:url(../img/about/img05.png) no-repeat;
	background-size:contain;
	background-size:100% 100%;
}
.a-list02 > ul > li.ar-bl{
	background:url(../img/about/img06.png) no-repeat;
	background-size:contain;
	background-size:100% 100%;
}
.a-list02 > ul > li.ar-br{
	position:relative;
	right:-335px;
	background:url(../img/about/img07.png) no-repeat;
	background-size:contain;
	background-size:100% 100%;
	margin-top:-50px;
	padding:20px 0;
	width:230px;
}
.a-list02 > ul:after{
	content:"";
	background:url(../img/about/img04.png) no-repeat;
	display:block;
	width:200px;
	height:164px;
	position:absolute;
	right:-280px;
	top:140px;
}
.a-list02 > ul:before{
	content:"";
	background:url(../img/about/img03.png) no-repeat;
	display:block;
	width:217px;
	height:173px;
	position:absolute;
	left:-266px;
	top:380px;
}
.a-list02 > ul > li.ar-rl{
	position:relative;
	left:-150px;
	background:url(../img/about/img08.png) no-repeat;
	background-size:contain;
	background-size:100% 100%;
	margin-top:-50px;
	padding:20px 0 20px 20px;
	width:210px;
}
.a-list02 > ul > li p{
	font-size:16px;
	line-height:1.3em;
	font-weight:bold;
	position:relative;
	padding-left:25px;
}
.a-list02 > ul > li p span{
	line-height:1.3em;
	font-weight:bold;
	position:absolute;
	left:0;
	top:-1px;
	font-size:18px;
}
.a-list02 > ul > li.ar-rr p,
.a-list02 > ul > li.ar-rr p span{
	color:#bb4444;
}
.a-list02 > ul > li.ar-bl p,
.a-list02 > ul > li.ar-bl p span{
	color:#2f52c6;
}
.a-list02 > ul > li.ar-br p{
	font-size:15px;
	color:#2f52c6;
}
.a-list02 > ul > li.ar-rl p{
	font-size:15px;
	color:#bb4444;
}

.a-list03 {
	width:100%;
	margin:75px auto 0;
}
.a-list03 th,
.a-list03 td{
	border:solid 1px #ccc;
	padding:3px 10px;
	vertical-align:middle;
}
.a-list03 th{
	background-color:#fff2cc;
}
.a-list03 tr > th:first-child {
	width:30%;
}
.a-list03 tr > th:nth-child(2) {
	width:35%;
}
.a-list03 tr > th:nth-child(3) {
	width:35%;
}
.a-list03 tr > td{
	text-align:right;
	position:relative;
}
.a-list03 tr > td:first-child i{
	position:absolute;
	font-weight:bold;
	font-size:14px;
	left:10px;
	display:block;
	background-color:#efb914;
	color:#fff;
	width:80px;
	text-align:center;
	margin-top:5px;
	padding:0 6px;
	line-height:1.3em;
	border-radius:5px;
}

.a-list04{
	margin:30px 4% 0;
}
.a-list04 > li{
	list-style-type:disc;
}

.a-list05 {
	padding:25px 4% 0;
	overflow:hidden;
}
.a-list05 > li{
	float:left;
}
.a-list05 > li > a{
	display:inline-block;
	padding:15px 30px 15px 70px;
	text-decoration:none;
	font-size:20px;
	color:#6565e9;
	margin:15px 12px;
	background-color:#f9f9f9;
	box-shadow:6px 6px 10px -6px rgba(0,0,0,.25),
	2px 2px 4px rgba(0,0,0,.15) inset;
	border-radius:5px;
	position:relative;
}
.a-list05 > li > a:before {
    content: "";
    background-image: url(../img/material/arrow-05.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size:18px;
    background-color: #6161e1;
    display: block;
    width: 40px;
    height: 38px;
    position: absolute;
    left: 10px;
    top: -3px;
    border-radius: 0 0 5px 5px;
	box-shadow:2px 2px 4px rgba(0,0,0,.4),
	2px 2px 4px rgba(0,0,0,.25) inset;
}
.a-list05 > li.addar01 > a {
    color: #6296c7;
}
.a-list05 > li.addar01 > a:before {
    background-image: url(../img/material/arrow-05-2.png);
    background-color: #6296c7;
}


.a-list06{
	margin:50px auto 0;
	overflow:hidden;
}
.a-list06 > dt{
	float:left;
	width:500px;
}
.a-list06 > dt > a{
	display:block;
}
.a-list06 > dd > h3 {
	background-color:#348bbc;
	padding:15px 25px;
	font-size:22px;
	color:#fff;
	margin-top:10px;
}
.a-list06 > dd > ul {
	margin-top:15px;
}
.a-list06 > dd > ul > li {
	margin-top:3px;
	padding:3px;
	background-color:#def0fa;
	position:relative;
}
.a-list06 > dd > ul > li strong{
	position:absolute;
	color:#348bbc;
	top:17px;
	left:15px;
	font-size:20px;
}
.a-list06 > dd > ul > li p{
	background-color:#fff;
	margin-left:135px;
	padding:15px;
	font-size:20px;
}
.a-list06 > dt > a > img,
.a-list07 > li > figure > a > img{
	width:100%;
	border:2px solid #fff;
	box-shadow:14px 14px 16px -12px rgba(0,0,0,.4);
}
.a-list06 > dd {
	margin-left:550px;
}

.a-list07 {
	margin:50px auto 0;
	overflow:hidden;
}
.a-list07 > li{
	width:33.333%;
	padding:10px;
	float:left;
}
.a-list07 > li figcaption{
	margin:10px 0 0 30px;
	position:relative;
}
.a-list07 > li figcaption:before{
	content:"";
	width:41px;
	height:38px;
	background:url(../img/material/arrow-06.png) no-repeat;
	position:absolute;
	left:-28px;
}
.a-list07 > li figcaption p{
	padding:15px 25px;
	min-height:66px;
	font-size:14px;
	background-color:#def0fa;
	line-height:1.3em;
}
.a-list07 figure a {
    position: relative;
    width: 100%;
    height: 210px;
    display: block;
}
.a-list07 figure a img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    width: auto!important;
    max-width: 100%;
}
.a-list07.okaimg > li figcaption p{background-color:#fff1d2;}
.a-list07.okaimg > li figcaption:before{
	width:48px;
	height:48px;
	background:url(../img/material/arrow-20.png) no-repeat;
	background-size:contain;
	left:-28px;
}
.a-list07.aiimg > li figcaption p{background-color:#fffbd9;}
.a-list07.aiimg > li figcaption:before{
	width:47px;
	height:46px;
	background:url(../img/material/arrow-21.png) no-repeat;
	background-size:contain;
	left:-28px;
}
.a-list07.aiimg > li figcaption p,
.a-list07.okaimg > li figcaption p{
	font-size:16px;
	font-weight:bold;
	min-height:50px;
	color:rgba(0,0,0,.6);
}
.a-list08 {
	margin:50px auto 0;
	position:relative;
	width:900px;
}
.a-list08:before {
	content:"";
	width:150px;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
}
.a-list08.ca01:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aef127+1,05bf51+100 */
	background: rgb(174,241,39); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(174,241,39,1) 1%, rgba(5,191,81,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(174,241,39,1) 1%,rgba(5,191,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(174,241,39,1) 1%,rgba(5,191,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aef127', endColorstr='#05bf51',GradientType=0 ); /* IE6-9 */
}
.a-list08.ca02:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f37847+0,b33402+100 */
	background: rgb(243,120,71); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(243,120,71,1) 0%, rgba(179,52,2,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,120,71,1) 0%,rgba(179,52,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,120,71,1) 0%,rgba(179,52,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37847', endColorstr='#b33402',GradientType=0 ); /* IE6-9 */
}
.a-list08 > li{
	position:relative;
	margin-top:25px;
}
.a-list08 > li:first-child{
	margin-top:0;
}
.a-list08 > li > span{
	position:absolute;
	left:0;
	top:5px;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	width:135px;
	text-align:right;
	letter-spacing:-3px;
}
.a-list08 > li > ul{
	width:700px;
	min-height:110px;
	margin-left:165px;
	padding:10px 25px;
	background-color:#eef7fc;
	border-radius:10px;
	position:relative;
}
.a-list08 > li > ul:after{
	content:"";
	display:block;
	width:188px;
	height:143px;
	background-size:contain!important;
	position:absolute;
	right:-50px;
	top:-10px;
}
.a-list08 > li.m4 > ul:after{background:url(../img/material/arrow-07.png) no-repeat;}
.a-list08 > li.m5 > ul:after{background:url(../img/material/arrow-08.png) no-repeat;}
.a-list08 > li.m6 > ul:after{background:url(../img/material/arrow-09.png) no-repeat;}
.a-list08 > li.m7 > ul:after{background:url(../img/material/arrow-10.png) no-repeat;}
.a-list08 > li.m8 > ul:after{background:url(../img/material/arrow-11.png) no-repeat;}
.a-list08 > li.m9 > ul:after{background:url(../img/material/arrow-12.png) no-repeat;}
.a-list08 > li.m10 > ul:after{background:url(../img/material/arrow-13.png) no-repeat;}
.a-list08 > li.m11 > ul:after{background:url(../img/material/arrow-14.png) no-repeat;}
.a-list08 > li.m12 > ul:after{background:url(../img/material/arrow-15.png) no-repeat;}
.a-list08 > li.m1 > ul:after{background:url(../img/material/arrow-16.png) no-repeat;}
.a-list08 > li.m2 > ul:after{background:url(../img/material/arrow-17.png) no-repeat;}
.a-list08 > li.m3 > ul:after{background:url(../img/material/arrow-18.png) no-repeat;}


.a-list08 > li > ul > li{
	color:#1a80b8;
	font-size:20px;
	padding-left:23px;
	position:relative;
	line-height:1.5em;
}
.a-list08 > li > ul > li:before{
	content:"・";
	font-weight:bold;
	position:absolute;
	left:0;
}
.a-list08 > li > ul + p {
	position:absolute;
	border-radius:50%;
	z-index:2;
	background-color:#fff;
	box-shadow:4px 4px 6px rgba(0,0,0,.4);
	font-size:18px;
	letter-spacing:0;
}
.a-list08 > li > ul + p.cm01 {
	width:300px;
	height:190px;
	right:190px;
	top:9px;
	padding:48px 47px 0;
}

.a-list08 > li > ul + p.cm02 {
	width:300px;
	height:211px;
	right:210px;
	top:9px;
	padding:48px 53px 0;
}
.a-list08 > li > ul + p.cm03 {
	width:300px;
	height:211px;
	right:177px;
	top:9px;
	padding:48px 45px 0;
}
.a-list08 > li > ul + p.cm04 {
	width:300px;
	height:211px;
	right:190px;
	top:-175px;
	padding:48px 45px 0;
}

.a-list09{
	margin:50px auto 0;
}
.a-list09 > img{
	display:block;
	max-width:100%;
}
.a-list09 h3{
	font-size:50px;
	text-align:center;
	margin:30px 0 20px;
}
.a-list09 dl > dd > ul{
	overflow:hidden;
	margin-top:35px;
}
.a-list09 dl > dd > ul > li{
	float:left;
	width:50%;
	padding:10px 5%;
}
.a-list09 dl > dd > ul > li img{
	width:auto;
	max-width:100%;
	display:block;
	margin:0 auto;
}
.a-list10 > dl{
	padding-left:60px;
}
.a-list10 > dl > dt{
	position:relative;
	margin-top:50px;
}
.a-list10 > dl > dt:before{
	content:"";
	display:block;
	width:50px;
	height:50px;
	background:url(../img/material/arrow-19.png) no-repeat;
	background-size:contain;
	position:absolute;
	left:-60px;
}
.a-list10 > dl > dt p{
	font-size:21px;
	color:#fc8aa6;
}
.a-list10 > dl > dd{
	margin:10px 0 0;
	border-radius:10px;
	border:solid 3px #ffd8e2;
	padding:15px 25px;
}
.a-list10 > dl > dd p{
	font-size:15px;
}
.a-list11 {
	margin:25px 100px 0;
}
.a-list11 > li{
	position:relative;
	padding-left:25px;
	margin-top:10px;
}
.a-list11 > li:before {
	content:"※";
	position:absolute;
	left:0;
}
.map {
	margin:50px 0 0;
	width:100%;
}
.map iframe{
	width:100%;
	height:450px;
}
.map > ul,
.c-form ul{
	margin:25px 0 0;
	border:solid 1px #ccc;
}
.map > ul > li{
	position:relative;
	border-top:solid 1px #ccc;
}
.c-form ul > li{
	position:relative;
	border-top:solid 1px #ccc;
	overflow:hidden;
}
.map > ul > li:first-child,
.c-form ul > li:first-child{
	border-top:none;
}
.map > ul > li strong,
.c-form ul > li strong{
	position:absolute;
	top:9px;
	left:0;
	width:200px;
	text-align:center;
}
.map > ul > li h3,
.map > ul > li address,
.map > ul > li p,
.c-form ul > li div{
	display:block;
	font-style:normal;
	margin-left:200px;
	border-left:solid 1px #ccc;
	padding:10px 25px;
}
.map.a-vn03 > ul > li strong,
.c-form.a-vn03 ul > li strong{
	width:285px;
	top:14px;
	font-size:13px;
}
.map.a-vn03 > ul > li h3,
.map.a-vn03 > ul > li address,
.map.a-vn03 > ul > li p,
.c-form.a-vn03 ul > li div{
	margin-left:285px;
}
.c-form ul > li > label{
	display:block;
}
.c-form ul > li > label > div input,
.c-form ul > li > label > div textarea {
	width:80%;
	line-height:1.75em;
	padding:3px 5px;
	box-sizing:border-box;
	display:block;
}
.c-form ul > li > label > div textarea {
	height:150px;
}
.c-form form > ul + div {
	margin-top:25px;
	text-align:center;
}
.c-form form > ul + div input{
	font-size:18px;
	height:45px;
	padding:0 16px;
}
.c-form > div + div {
	margin-top:75px;
	background-color:#f3f3f3;
	padding:25px 100px;
	font-size:13px;
	border-radius:10px;
	color:#676767;
}
.c-form > div + div p{
	font-size:14px;
	background-color:#ddd;
	display:inline-block;
	font-weight:bold;
	padding:0 5px;
	margin-bottom:10px;
}

/* english */
body.en section > div h1,
body.en section > div h1 span {
	font-size:10px;
}
body.en #mainNavi ul.menu > li > a {
	font-size:14px;
}

div#wrapper.en {
	background:url(../img/material/bg01.png) no-repeat bottom right;
	padding-bottom:30px;
}
div#wrapper.en article{
	padding-bottom:50px;
	background-color:rgba(255,255,255,.8);
}
div#wrapper.en section.top01 h3 {
	margin-top:50px;
	font-size:30px;
}
div#wrapper.en section.top01 > div > p strong{
	font-size:30px;
	display:block;
}
article.en .a-list02 > div > p {
	line-height:1.3;
	padding:10px
}
article.en .a-list02 > ul > li p span{
	font-size:15px;
	top:-2px;
}
article.en .a-list02 > ul > li p{
	font-size:12px;
	padding-right:30px;
}
article.en .a-list02 > ul > li.ar-rl p,
article.en .a-list02 > ul > li.ar-br p{
	padding-bottom:8px;
}
article.en .a-list03 tr > th:first-child{
	width:50%;
}
article.en .a-list03 tr > th:nth-child(2),
article.en .a-list03 tr > th:nth-child(3){
	width:25%;
}
article.en .a-list02 > ul:after{
	/*content:"Trụ sở ngoại giao Nhật Bản tại nước ngoài ";*/
	content:"Nagoya Immigration Office";
	background: url(../img/about/img04-2.png) no-repeat;
}
article.en .a-list02 > ul:before{
	/*content:"Trụ sở ngoại giao Nhật Bản tại nước ngoài ";*/
	content:"Japanese Embassy or Conslute";
	background: url(../img/about/img03-2.png) no-repeat;
}
article.en .a-list02 > ul:before,
article.en .a-list02 > ul:after{
	padding: 10px 0 10px 23px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
}
article.en .a-list06 > dd > ul > li p {
	margin-left:200px;
}
article.en .a-list08 > li > span{
	font-size:35px;
	letter-spacing:-2px;
}
article.en .a-list08 > li > span:first-letter{
	font-size:42px;
	letter-spacing:-1.5px;
}
.tuhe {
	min-height:550px;
	text-align:center;
	font-size:25px;
	padding-top:25px;
}
.blogcon > h3 {
    font-size: 24px;
    border-bottom: solid 3px #f4cbe9;
    color: #d248ad;
	margin-top:7px;
}

.blogcon > span {
	display:inline-block;
	background-color:#d248ad;
	border-radius:10px;
	padding:3px 12px 4px;
	line-height:1em;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}
.blogcon > span:first-child {
	margin-right:8px;
}
.blog-text-area {
    margin: 30px 2% 30px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 50px;
}
.blog-text-area img{
	display:block;
	padding:10px 0;
	max-width:90%;
	height:auto;
}
.de-link {
    margin: 0 2%;
}
.navi {
	margin:30px 2% 0;
}
.navi .page-numbers {
    display: inline-block;
    background-color:#d248ad;
	border:solid 1px #d248ad;
    padding: 4px 6px 5px;
    line-height: 1em;
    color: #fff;
    border-radius: 3px;
	margin:3px 0;
}
.navi .page-numbers.current {
	background-color:transparent;
	color:#343434;
	border:solid 1px #ccc;
}
.navi a.page-numbers{
	text-decoration:none;
}

body.tvn #mainNavi ul.menu > li {
	width:19%;
}
body.tvn #mainNavi ul.menu > li:nth-child(4) {
	width:24%;
}
body.en.tvn #mainNavi ul.menu > li > a{
	font-size:13px;
	letter-spacing:.5px;
}



/* kaso end */
/*
contents end











sp start ******************************************* */


@media screen and (min-width: 798px) and (max-width: 1100px) {


}


@media (max-width: 798px){

	html, body {
		min-width: inherit;
	}
	section.top01,
	section.top02 > div{
		width:96%;
		margin:30px auto;
	}
	footer > div > section{
		max-width:inherit;
		min-width:inherit;
		width:96%;
	}
	header{
		height:inherit;
	}
	header section{
		width:100%;
	}
	header section > div{
		overflow:hidden;
		padding-bottom:10px;
	}
	header section:before{
		width:100%;
		height:155px;
		background-position:bottom;
		background-size:auto 100%;
		left:-115px;
	}
	header section:after{
		display:none;
	}
	header section > div h1{
		font-size:12px;
		font-weight:normal;
		height:50px;
		text-align:left;
		padding-left:55px;
	}
	header section > div > a{
		/*width:265px;
		height:50px;*/
		margin-left:4%;
	}
	header section > div > label{
		display:flex;
		margin-top:10px;
		margin-right:4%;
	}
	header section > div > label > p{
		width:auto;
/*		text-indent:100%;*/
		white-space: nowrap;
		overflow:hidden;
		background-position: 15px center;
	}
	#main-img{
		height:255px;
	}
	.vegas-slide-inner{
		background-size:200%!important;
		background-position:top !important;
	}
	.h-title01{
		font-size:19px;
		min-height:inherit;
		padding:5px 4% 5px 50px;
	}
	.h-title01:before{
		width:40px;
		height:40px;
		background-size:contain;
	}
	section.top01 > img{
		max-width:80%;
		width:auto;
		margin:20px auto;
	}
	.a-txt01{
		font-size:14px;
		line-height:1.5em;
		margin:0 2%;
	}
	section.top01 > div{
		margin-top:20px;
	}
	section.top01 > div > p{
		float:none;
		font-size:13px;
		margin-bottom:5px;
	}
	section.top02 > div > ul{
		background-color:rgba(255,255,255,.9);
	}
	section.top02 > div > ul > li > a > strong{
		font-size:11px;
		left:13px;
	}
	section.top02 > div > ul > li > a > span{
		font-size:11px;
		left:100px;
	}
	section.top02 > div > ul > li > a > p{
		margin-left:0;
		margin-top:30px;
		font-size:14px;
	}
	footer > div{
		padding-bottom:20px;
	}
	footer > div > section > div > ul{
		width:90%;
		margin:0 auto;
		float:none;
	}
	footer > div > section > div > ul > li:first-child{
		border:solid 1px #fff;
		border-radius:2px;
		padding:3px;
	}
	footer > div > section > div > ul > li > a{
		padding:6px 6px 6px 30px;
	}
	footer > div > section > div > ul > li > a:before{
		top:9px;
	}
	footer > div:before{
		background-size:contain;
		width:150px;
		top:-40px;
	}
	footer > div:after{
		background-size:contain;
		width:200px;
		height:115px;
		bottom:-25px;
	}
	footer > div > section > h3{
		font-size:22px;
	}
	footer > div > section > p{
		font-size:14px;
	}
	section.c-con01{
		padding:15px 0;
	}
	section.c-con01 > h2{
		font-size:20px;
	}
	section.c-con01 > h2:before,
	section.c-con01 > h2:after{
		top:18px;
	}
	section.c-con01 > ul{
		width:100%;
		max-width:500px;
		margin-top:10px;
	}
	section.c-con01 > ul > li > a{
		font-size:14px;
		background-size:15px;
		padding: 6px 12px 6px 35px;
		min-height:inherit;
	}
	section.c-con01 > ul > li > a:before{
		background-size:33px;
		width:33px;
		height:32px;
	}
	section.c-con02{
		width:96%;
		max-width:500px;
		margin:30px auto 0;
	}
	article.kaso{
		padding-bottom:40px;
	}
	.a-list01,
	.a-list03,
	.a-list06,
	.a-list09{
		width:96%;
		margin-top:35px;
	}
	.a-list01 td, .a-list01 td span, .a-list01 th{
		font-size:13px;
	}
	.a-list01 tbody > tr:nth-child(2) > td{
		font-size:22px;
	}
	.a-list02{
		margin:35px auto 0;
		max-width:320px;
	}
	.a-list02 > ul{
		top:95px;
		left:2.5%;
		width:300px;
	}
	.a-list02 > ul:before,
	.a-list02 > ul:after{
		display:none;
	}
	.a-list02 > div:first-child,
	.a-list02 > div:nth-child(2){
		background:none;
		padding:0 2%;
	}
	.a-list02 > div:nth-child(2) > p,
	.a-list02 > div:first-child > p{
		margin:0;
		width:100%;
		font-size:16px;
		padding:15px 0 0;
	}
	.a-list02 > ul > li p{
		font-size:15px;
	}
	.a-list02 > ul > li.ar-rl,
	.a-list02 > ul > li.ar-br{
		display:none;
	}
	.a-list02 > ul > li.ar-rr{
		padding-left:25px;
	}
	.a-list02 > ul > li.ar-bl{
		padding-left:55px;
	}
	.a-list03 th, .a-list03 td{
		font-size:15px;
		padding:3px 2%;
		letter-spacing:0;
	}
	.a-list03 tr > td:first-child i{
		position:inherit;
		left:inherit;
		width:100%;
	}
	.a-list03 tr > td.bessi {
		vertical-align:middle!important;
		font-size:11px;
	}
	.a-list03 tr > td:nth-child(2),
	.a-list03 tr > td:nth-child(3){
		vertical-align:bottom;
	}
	.a-list03 tr > th:first-child,
	.a-list03 tr > th:nth-child(2),
	.a-list03 tr > th:nth-child(3){
		width:33.333%;
	}
	.a-list03 tr:first-child > th,
	.a-list03 tr > th:first-child,
	.a-list03 tr > th:first-child,
	.a-list03 tr > td:first-child{
		font-size:12px;
	}
	.a-list04 > li {
		font-size: 14px;
		line-height: 1.5em;
		margin: 0 2%;
	}
	.a-list05{
		padding:5px 4% 0;
	}
	.a-list05 > li{
		float:none;
	}
	.a-list05 > li > a{
		display: block;
		font-size: 17px;
	    padding: 9px 30px 8px 70px;
		font-weight: bold;
	}
	header section > div > label select{
		border-radius:0;
		padding:2px 12px 0;
		margin:0;
		min-height:30px;
		line-height:35px;
	}
	header section > div > label > p{
		border:none;
		left:0;
		top:1px;
		height:28px;
	}
	.a-list06 > dt,
	.a-list06 > dd{
		float:none;
		width:inherit;
		margin:0;
	}
	.a-list06 > dd > h3{
		font-size:18px;
		padding:10px 4%;
	}
	.a-list06 > dd > ul > li strong,
	.a-list06 > dd > ul > li p{
		font-size:17px;
	}
	.a-list07{
		margin:10px 0 0;
	}
	.a-list07 > li,
	.a-list09 dl > dd > ul > li{
		width:80%;
		margin:0 auto;
		float:none;
	}
	.a-list08{
		width:100%;
		margin:0;
	}
	.a-list08:before{
		width:60px;
	}
	.a-list08 > li{
		margin-top:0;
		border-top:solid 1px #fff;
	}
	.a-list08 > li > ul{
		width:inherit;
		min-height:75px;
		margin:10px 0 10px 70px;
		padding:10px 2%;
	}
	.a-list08 > li > ul:after{
		width:68px;
		height:52px;
		top:inherit;
		bottom:5px;
		right:1%;
	}
	.a-list08 > li > span{
		width:50px;
		font-size:16px;
	}
	.a-list08 > li > ul > li{
		font-size:14px;
		padding-left:15px;
		padding-right:50px;
	}
	.a-list08 > li > ul + p.cm01,
	.a-list08 > li > ul + p.cm02,
	.a-list08 > li > ul + p.cm03,
	.a-list08 > li > ul + p.cm04{
		width:inherit;
		font-size:14px;
		margin:0 0 10px 70px;
		padding:10px 4%;
		height:inherit;
		border-radius:5px;
		position:inherit;
		top:inherit;
		right:inherit;
		box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	}
	.a-list09 h3{
		font-size:25px;
		letter-spacing:0;
	}
	.a-list09 dl > dd > ul{
		margin-top:10px;
	}
	.a-list10{
		width:96%;
		margin:0 auto;
	}
	.a-list10 > dl{
		padding-left:0;
	}
	.a-list10 > dl > dt{
		margin-left:45px;
		margin-top:35px;
	}
	.a-list10 > dl > dt:before{
		width:33px;
		height:33px;
		left:-45px;
		top:5px;
	}
	.a-list10 > dl > dt p{
		font-size:18px;
		line-height:1.4em;
	}
	.a-list10 > dl > dd{
		padding:15px 4%;
	}
	.a-list10 > dl > dd p{
		font-size:14px;	
	}
	.map{
		margin:25px auto 0;
		width:100%;
	}
	.map > ul, .c-form ul{
		width:96%;
		margin:15px auto 0;
	}
	.map > ul > li strong,
	.c-form ul > li strong,
	.map.a-vn03 > ul > li strong,
	.c-form.a-vn03 ul > li strong{
		width:inherit;
		position:relative;
		top:inherit;
		left:inherit;
		padding:3px 4%;
		font-size:14px;
		background-color:#f3f3f3;
		display:block;
	}
	.map > ul > li h3,
	.map > ul > li address,
	.map > ul > li p,
	.c-form ul > li div,
	.map.a-vn03 > ul > li h3,
	.map.a-vn03 > ul > li address,
	.map.a-vn03 > ul > li p,
	.c-form.a-vn03 ul > li div{
		margin-left:0;
		border:none;
		padding:5px 4%;
		font-size:14px;
	}
	.map > ul > li h3 span,
	.map.a-vn03 > ul > li h3 span{
		font-size:14px;
		padding-right:7px;
	}

	.map > ul > li p span.tel a{
		padding:2px 12px;
		background-color:#BF1517;
		border-radius:3px;
		display:inline-block;
		margin:2px 0;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
	.map > ul > li p span.tel a:before{
		content:"TEL．";
	}
	.c-form ul > li > label > div input,
	.c-form ul > li > label > div textarea{
		width:100%;
	}
	.c-form > form > div input{
		font-size:14px;
	}
	.c-form > div + div{
		width:96%;
		margin:30px auto 0;
		padding:15px 4%;
		font-size:12px;
	}
	.c-form > div + div p{
		font-size:13px;
	}
	.a-list11 {
		margin:25px 2% 0;
	}
	.a-list11 > li{
		font-size:14px;
		line-height:1.5em;
	}
	section.top02 > div > div.f-sns{
		width:100%;
	}
	section.top02 > div > div.f-sns iframe.sp{
		display:block;
		margin:0 auto;
	}
	body.en section > div h1 span {
		display:none;
	}
	body.en #mainNavi ul.menu > li > a{
		font-size:12px;
	}
	body.en #mainNavi ul.menu li.sp div.side-add h3{
	    margin: 11px 0;
	    line-height: 1.2em;
	    font-size: 21px;
	}
	div#wrapper.en section.top01 h3{
		margin-top: 20px;
	    font-size: 26px;
		line-height:1.3;
	}
	article.en .a-list03 tr > th:first-child{
		width:40%;
	}
	article.en .a-list03 tr > th:nth-child(2),
	article.en .a-list03 tr > th:nth-child(3){
		width:30%;
	}
	article.en .a-list08 > li > span{
		font-size:22px;
	}
	article.en .a-list08 > li > span:first-letter{
		font-size:32px;
	}
	article.en .a-list06 > dd > ul > li strong{
		font-size:15px;
	}
	article.en .a-list06 > dd > ul > li p{
		font-size:15px;
		margin-left:145px;
	}
	.tuhe{
		min-height:inherit;
	}
	.blogcon > h3{
		font-size:19px;
	}
	.a-list02.a-vn02 > div:nth-child(2) > p, .a-list02.a-vn02 > div:first-child > p{
		font-size:14px;
		min-height:725px;
	}

}
.a-list02 > div > p{
	min-height:720px;
}
.a-list02 > ul.add02{
	top:45px;
}
.a-list02 > ul.add02 > li{
	margin-top:-11px;
	padding:25px 0 25px 85px;
}
.a-list02 > ul.add02 > li.ar-br.add02 {
	padding-left:15px;
	margin-top:-18px;
	right:-295px;
}
.a-list02 > ul.add02 > li.ar-brl.add02{
	padding-left:22px;
	right:-288px;
	margin-top:-10px;
}
.a-list02 > ul.add02 > li.ar-br.add02 p span,
.a-list02 > ul.add02 > li.ar-brl.add02 p span{
	line-height: 1.3em;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 18px;
	color: #2f52c6;
}

.a-list02 > ul.add02 > li.ar-brl {
    position: relative;
    right: -335px;
    background: url(../img/school/imgadd01.png) no-repeat;
    background-size: contain;
    background-size: 100% 100%;
    margin-top: -2px;
    padding: 20px 0;
    width: 230px;
}
.a-list02 > ul.add02 > li.ar-brl p {
    font-size: 15px;
    color: #2f52c6;
}
.a-list02 > ul.add02 > li.ar-rl.add02 {
	margin-top:-50px;
	padding-left:38px;
}
.a-list02 > ul.add02 > li.ar-rl.add02 p span {
    color: #bb4444;
}
.a-list02 > ul.add02 > li.ar-rlr.add02 {
    position: relative;
    left: -150px;
    background: url(../img/school/imgadd02.png) no-repeat;
    background-size: contain;
    background-size: 100% 100%;
    margin-top: -50px;
    padding: 20px 0 20px 20px;
    width: 210px;
}

.a-list02 > ul.add02 > li.ar-rlr.add02 p,
.a-list02 > ul.add02 > li.ar-rlr.add02 p span{
    font-size: 15px;
    color: #bb4444;
}
.a-list02 > ul.add02 > li.ar-rlr.add02{
	margin-top:-10px;
	padding-left:39px;
}


@media (max-width: 798px){
	.a-list02 > ul.add02{
		top:84px;
	}
	.a-list02 > ul.add02 > li.ar-brl.add02,
	.a-list02 > ul.add02 > li.ar-rlr.add02{
		display:none;
	}
	.a-list02 > div > p.add02{
		min-height:575px;
	}
	.a-list02 > ul.add02 > li{
		padding-left:40px;
	}
}

._gcg01 {grid-column-gap: 1%; }._gcg02 {grid-column-gap: 2%; }._gcg03 {grid-column-gap: 3%; }._gcg04 {grid-column-gap: 4%; }._gcg05 {grid-column-gap: 5%; }._gcg06 {grid-column-gap: 6%; }._gcg07 {grid-column-gap: 7%; }._gcg08 {grid-column-gap: 8%; }._gcg09 {grid-column-gap: 9%; }._gcg010 {grid-column-gap: 10%; }
._a_fbox {display: flex;flex-flow:row wrap; }
._fd_row{flex-direction:row;}
._fd_r_reverse{flex-direction:row-reverse;}
._fd_column{flex-direction:column;}
._fd_c_reverse{flex-direction:column-reverse;}
._jcc {justify-content: center; }
._jcsb {justify-content: space-between; }
._jcfs {justify-content: flex-start; }
._jcfe {justify-content: flex-end; }
._faic {align-items: center; }
._fais {align-items: flex-start; }
._faie {align-items: flex-end; }
._fs150 {font-size: 150% !important; }._fs145 {font-size: 145% !important; }._fs140 {font-size: 140% !important; }._fs135 {font-size: 135% !important; }._fs130 {font-size: 130% !important; }._fs125 {font-size: 125% !important; }._fs120 {font-size: 120% !important; }._fs115 {font-size: 115% !important; }._fs110 {font-size: 110% !important; }._fs105 {font-size: 105% !important; }._fs100 {font-size: 100% !important; }._fs95 {font-size: 95% !important; }._fs90 {font-size: 90% !important; }._fs85 {font-size: 85% !important; }._fs80 {font-size: 80% !important; }._fs75 {font-size: 75% !important; }._fs70 {font-size: 70% !important; }._fs65 {font-size: 65% !important; }._fs60 {font-size: 60% !important; }._fs55 {font-size: 55% !important; }._fs50 {font-size: 50% !important; }._fs45 {font-size: 45% !important; }._fs40 {font-size: 40% !important; }._fs35 {font-size: 35% !important; }._fs30 {font-size: 30% !important; }._fs25 {font-size: 25% !important; }._fs20 {font-size: 20% !important; }
._fw-100 {font-weight: 100; }._fw-200 {font-weight: 200; }._fw-300 {font-weight: 300; }._fw-400 {font-weight: 400; }._fw-500 {font-weight: 500; }._fw-600 {font-weight: 600; }._fw-700 {font-weight: 700; }._fw-800 {font-weight: 800; }._fw-900 {font-weight: 900; }
._dp-b {display: block; }
._dp-ib {display: inline-block; }
._dp-i {display: inline; }
._txtl {text-align: left; }._txtr {text-align: right; }._txtc {text-align: center; }
._richi-link a{display: block;color: #333;background-color: white;text-decoration: none;border: 1px solid #333;padding: .5rem 1rem;text-align: center;line-height: 1;margin: 0.5rem 0 0;}

/* clearfix */
.clearfix:after,._a_fbox:afterr {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
font-size: 0;
}
.clearfix,._a_fbox {
/* display: inline-block; */
min-height: 1%;
}
.clear{clear: both;}

@media screen and (max-width:798px) {
	._richi-link{padding: 0 2%;}
	._richi-link a{font-size: 75%;}
}