@charset "utf-8";
/* CSS Document */
html{
	font-size:15px;
	letter-spacing:3px;
	line-height:180%;}
	
body{
	min-width:1000px;
	margin:0;
	overflow-y:scroll;}
	
#wrapper{
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	overflow:hidden;
	text-align:center;}

p{
	margin:0;}

img{
	vertical-align:bottom;}

span{
	display:inline-block;}
	
a{
	text-decoration:none;
	color:inherit;}		

/*共通*/
#top{
	color:#660000;
	font-size:24px;
	margin:40px auto 80px;
	line-height:190%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

#title{
	margin-bottom:100px;}

#back{
	font-weight:bold;
	margin:80px auto 10px;}
	
#juken{
	font-weight:bolder;
	font-size:1.8em;
	margin:80px auto 10px;
	color:#F66;}	

#jisseki:hover{
    position : relative;
    top : 3pt;
    left : 3pt;
    opacity:0.9;}

#hoka{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;}

.box_inner{
	width:850px;
	margin:auto;
	line-height:normal;
	overflow:hidden;
	font-weight:bold;
	display:flex;}

.b_i-sp,.br{
	display:none;}

.ga,.name{
	width:36%;
	float:left;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	white-space:nowrap;}

.ga{
	font-size:40px;}

.name{
	font-size:30px;}

.bu,.na{
	font-size:34px;}

.pic{
	width:28%;
	float:left;}

.ks{
	font-size:16px;}

.fuki{
    position: relative;
    border-radius:20px;
	text-align:justify;
	padding:20px;
	width:680px;
	margin:40px auto 140px;}
	
.fuki:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 20px 20px;
    top: -20px;
    left: 50%;
    margin-left: -20px;}

#b{
	background:#98CBCB;}

#b:after{
	border-color:#98CBCB transparent;}

#g{
	background:#C8DD8F;}

#g:after{
	border-color:#C8DD8F transparent;}

/*戻るボタン--------------------------------*/
.kako{
	margin:70px auto 100px;
	text-align:center;}
		
.sakunen{
	line-height:2em;
	color:#fff;
	background-color:green;
	padding:5px;
	border-radius:15px;
	width:300px;
	margin:30px auto;}		
	
.sakunen:hover{
	border:solid 2px green;
	background-color:#fff;
	color:green;}	
	


/*kai-logo--------------------------------*/		
.kai-logo {
	width:300px;
	margin:50px auto 10px;}
	
.kai-logo img {
	width: 100%;
	height:auto}

		
@media screen and (max-width:1020px) and (min-width:769px){
body{
	min-width:0;
	width:100%;}
		
#title{
	width:70%;
	height:auto;
	max-width:max-content;}

.ga{
	font-size:36px;}

.bu,.na{
	font-size:30px;}

.name{
	font-size:28px;}

}

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

html{
	font-size:62.5%;
	line-height:1.5;}

body{
	min-width:0;
	width:100%;}

#wrapper{
	margin:auto;
	overflow:auto;
	font-size:1.4rem;}

#top{
	font-size:1.8rem;
	margin:10% auto;
	line-height:inherit;}

#top img{
	width:6%;
	height:auto;
	margin:0 1%;}

#title{
	width:92%;
	height:auto;
	max-width:666px;
	margin-bottom:15%;}

#hoka{
	font-size:1.6rem;
	width:92%;
	margin:20% auto 3%;}

#text{
	width:92%;
	margin:auto auto 20%;}


	
#juken{
	margin:20% auto 3%;}	

#jisseki{
	width:50%;
	height:auto;
	max-width:201px;
	margin-top:3%;}

#back{
	margin:20% auto 3%;}
	
.box_inner{
	width:98%;
	display:block;}

.b_i-sp{
	width:100%;
	overflow:hidden;
	display:flex;}

.ga{
	width:100%;
	font-size:3.3rem;
	margin-bottom:3%;
	line-height:1em;}

.bu{
	font-size:2rem;}

.gak-sp{
	display:block;
	width:33%;
	float:left;
	font-size:3rem;
	display:flex;
	align-items:flex-end;
	justify-content:center;}

.name{
	width:33%;
	font-size:3rem;
	white-space:normal;
	line-height:1em;}

.pic{
	width:34%;}

.pic img{
	width:100%;
	height:auto;
	max-width:218px;}

.na{
	font-size:inherit;}

.ks{
	font-size:1.4rem;}

.fuki{
	width:86%;
	padding:3%;
	margin:8% auto 20%;}

.br{
	display:block;}

#pic,#name{
	display:none;}


}
@media screen and (max-width:485px){
.gak-sp{
	display:block;
	width:33%;
	float:left;
	font-size:1.8rem;
	display:flex;
	align-items:flex-end;
	justify-content:center;}

.name{
	width:33%;
	font-size:1.8rem;
	white-space:normal;}

}