@charset "utf-8";
@import url(//use.fontawesome.com/releases/v5.10.2/css/all.css);

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

/* reset */
html, body, div, span, p, img, strong, b, i, dl, dt, dd, ol, ul, li,
tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {line-height:1;}
nav ul {list-style:none;}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
	
	.wysiwyg{
		margin-bottom: 15px;
	}
	
	.space{
		margin-bottom: 1.1em;
	}


/* LanguageSelect */
.language_select{
    font-size:14px;
    margin-bottom:10px;
    display:flex;
    align-items: flex-end; 
    justify-content: flex-end;
}
.select_box{
    width:90px;
    height:31px;
}
ul.drop{
    position:relative;
}
ul.drop li{
    list-style-type:none !important;
    list-style:none;
    position:absolute;
    cursor:pointer;
    top:0px;
    left:0px;
    box-sizing:content-box;
    width:88px;
    height:29px;
    line-height:29px;
    text-align:center;
    border:1px solid #3861b3;
    background-color:#fff;
    transition:top 0.7s, background-color 0s;
}
ul.drop li a{
    display:block;
    text-decoration: none;
}
ul.drop li:hover{
    background-color:#dcdcdc;
}
  ul.drop li.category{
    z-index:10;
    background-color:#fff;
    color:#3861b3;
}
ul.drop li.category1{z-index:5;}
ul.drop li.category2{z-index:4;}
ul.drop li.category3{z-index:3;}
ul.drop li.category4{z-index:2;}
ul.drop li.category5{z-index:1;}
ul.drop:hover li.category1{top:29px;}
ul.drop:hover li.category2{top:58px;}
ul.drop:hover li.category3{top:87px;}
ul.drop:hover li.category4{top:116px;}
ul.drop:hover li.category5{top:145px;}


/* header */
#headerWrap {margin-bottom:30px;}
#hCatch {display:none;}
#hCatchSp{
    font-size:11px;
    color:#e60012;
    text-align:center;
}
#hCatchSp p{
    font-size:14px;
    font-weight:bold;
    line-height:1.4;
}

.Information{
    background:#c3ddfd;
    margin:2em 0;
    padding:0.5em 1em;
    border-top:12px solid #2676da;
    box-shadow:0 3px 4px rgba(0, 0, 0, 0.32);
}
.Information p{
    margin:0;
    padding:0;
    font-size:1.1rem;
    line-height:1.6;
}

/* FAQ */
/*#faq {margin-bottom:30px;}*/
#faq dl {overflow:hidden;}
#faq dt{
    width:50%;
    margin:0 auto 12px;
    vertical-align:bottom;
}
#faq dd{
    width:100%;
    margin:0 0 20px;
    line-height:1.4;
    text-align:center;
}
#faq dd > p{
    font-size:14px;
    text-align:left;
}
#faq dd img {height:38px;}

/* 図 */
#chart {text-align:center;}
#chart img {margin-bottom:20px;}
#chart #bunka{
    font-size:12px;
    text-align:center;
}
	
	div.contentInnerSmall img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: inline-block;
	}

/* アニメイトグループ */
#group {font-size:12px;}
#group ul{
    overflow:hidden;
    width:100%;
}
#group li{
    float:left;
    width:calc(100% / 2 - 10px);
    margin:0 5px;
    list-style:none;
}
#group li img {width:96%;}
}










@media screen and (min-width: 768px) {

/* reset */
html, body, div, span, p, img, strong, b, i, dl, dt, dd, ol, ul, li,
tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {line-height:1;}
.wide{position:relative;}
nav ul {list-style:none;}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
	
	.wysiwyg{
		margin-bottom: 15px;
	}
	
	.space{
		margin-bottom: 1.1em;
	}


/* LanguageSelect */
.language_select{
    font-size:14px;
    margin-bottom:10px;
    display:flex;
    justify-content:end;
}
.select_box{
    width:90px;
    height:31px;
}
ul.drop{
    position:relative;
}
ul.drop li{
    list-style:none;
    position:absolute;
    cursor:pointer;
    top:0px;
    left:0px;
    box-sizing:content-box;
    width:88px;
    height:29px;
    line-height:29px;
    text-align:center;
    border:1px solid #3861b3;
    background-color:#fff;
    transition:top 0.7s, background-color 0s;
}
ul.drop li a{
    display:block;
    text-decoration: none;
}
ul.drop li:hover{
    background-color:#dcdcdc;
}
  ul.drop li.category{
    z-index:10;
    background-color:#fff;
    color:#3861b3;
}
ul.drop li.category1{z-index:5;}
ul.drop li.category2{z-index:4;}
ul.drop li.category3{z-index:3;}
ul.drop li.category4{z-index:2;}
ul.drop li.category5{z-index:1;}
ul.drop:hover li.category1{top:29px;}
ul.drop:hover li.category2{top:58px;}
ul.drop:hover li.category3{top:87px;}
ul.drop:hover li.category4{top:116px;}
ul.drop:hover li.category5{top:145px;}

/* header */
#headerWrap{
    position:relative;
    margin-bottom:30px;
}

#hCatch {
	margin:40px 0;
	text-align:center;
}

#hCatchSp {display:none;}

.Information{
    background:#c3ddfd;
    margin:2em 0;
    padding:0.5em 2em;
    border-top:12px solid #2676da;
    box-shadow:0 3px 4px rgba(0, 0, 0, 0.32);
}
.Information p{
    margin:0;
    padding:0;
    font-size:1.2rem;
}

/* FAQ */
#faq {margin-bottom:30px;}
#faq dl {overflow:hidden;}
#faq dt{
    float:left;
    clear:left;
    width:230px;
    margin-bottom:40px;
    vertical-align:bottom;
}
#faq dd{
    float:left;
    width:720px;
    margin:0 0 40px 10px;
}
#faq dd > p{
    padding-left:20px;
    font-size:16px;
}

/* 図 */
#chart {text-align:center;}
#chart img {margin-bottom:30px;}
#chart #bunka {font-size:12px;}
	
	div.contentInnerSmall img {
		width: auto;
		max-width: 100%;
		height: auto;
		display: inline-block;
	}

/* アニメイトグループ */
#group {font-size:13px;}

#group p {
    width: 760px;
    margin: 0 auto;
}

#group ul{
    overflow:hidden;
    width:100%;
}
#group li{
    float:left;
    width:calc(100% / 5 - 10px);
    margin:0 5px;
    list-style:none;
}
#group li img {width:96%;}
#group li:first-child img {padding-top:5px;}
#group li a:hover img {opacity:0.6;}
}