@charset "UTF-8";
/* CSS Document */
*{
	box-sizing:border-box;
}
body{
	
    padding: 0;
    margin: 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;

}
.wrap-kigaku {
	background:#f7f7f7;
	padding-bottom:10px;
	overflow-x:hidden;
}

.header-kigaku {
	height:572px;
	padding-top:75px;
	box-sizing:border-box;
	background:url(image/header-bg.jpg) top center no-repeat #a0e8f7;
	background-size:cover;
	border-bottom:5px solid #009f45;
}

.header-kigaku-inner {
	width:1080px;
	max-width:90%;
	margin:0 auto;
	text-align:center;
}

.header-kigaku-inner img{
	max-width:100%;
	height:auto;
}

.wrap-kigaku-inner {
	width:1000px;
	max-width:100%;
	margin:0 auto;
	padding:80px 20px 0;
	box-sizing:border-box;
}

.wrap-kigaku-inner p.txt {
	font-size:20px;
	color:#221815;
	line-height:1.6;
	text-align:center;
}

.wrap-kigaku-inner .detail {
	margin-bottom:80px;
}
.end_txt{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin:0 auto 90px;
	color:#e60012;
}

.b_txt{
	
	text-align:center;
	font-size:28px;
	line-height:1.5;
	font-weight:700;
	margin-bottom:30px;
	
    box-sizing: border-box;
}
h2.b_txt{
	
    background: #00afaf;
    color: #fff;
    font-size: 20px;
    text-align: center;
    height: 60px;
    border-radius: 60px;
    margin: 0 auto 60px;
    padding-top: 14px;
    box-sizing: border-box;
}


.linkbtn{
	width: 300px;
	max-width:100%;
	height:60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
	background:#00afaf;
	border-radius:5px;
	margin:0 0 20px 0;
}
.linkbtn.-c{
	margin:0 auto 100px;
}
.linkbtn.btn02{
	background:#ccc;
}

.linkbtn:after{

    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 27px;
    transform: rotate(45deg) translateY(-50%);
    width: 6px;
    height: 6px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
}
.linkbtn:before{
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
}


.wrap-kigaku-inner .detail a:hover {

	opacity:.7;
}

.wrap-kigaku-inner .detail h2 {
	text-align:center;
	background:#60c7f0;
	color:#fff;
	font-size:20px;
	text-align:center;
	height:60px;
	border-radius:60px;
	margin:-28px 0 33px 0;
    padding-top: 14px;
    box-sizing: border-box;
}
.wrap-kigaku-inner .detail03 h2 {
	text-align:center;
	background:#f08300;
	color:#fff;
	font-size:20px;
	text-align:center;
	height:60px;
	border-radius:60px;
	margin:-28px 0 33px 0;
    padding-top: 14px;
    box-sizing: border-box;
}

.wrap-kigaku-inner .detail div {
	border:3px solid #221815;
	border-radius:20px;
	background:#fff;
	padding:0px 45px 40px 45px;
}

.wrap-kigaku-inner .detail dt, .wrap-kigaku-inner .detail dd {
    margin: 0;
    padding: 0;
}

.wrap-kigaku-inner .detail dl {
    width: 900px;
    max-width:100%;
    display: flex;
    flex-wrap: wrap;
}

.wrap-kigaku-inner .detail dt,
.wrap-kigaku-inner .detail dd {
    box-sizing: border-box;
    padding: 0;
}

.wrap-kigaku-inner .detail dt {
    font-size: 20px; 
    width: 180px;
	color:#fff;
	padding:15px 0;
	font-weight:bold;
}

.wrap-kigaku-inner .detail dd {
    width: calc(100% - 180px);
	font-size:20px;
	color:#221815;
	line-height:1.6;
	padding:15px 0 15px 15px;
	box-sizing:border-box;
	font-weight:500;
}
.wrap-kigaku-inner .detail dd .b_txt{
	font-size:22px;
	font-weight:bold;
	text-decoration:underline;
}
.r_txt{
	font-size:22px;
	color:#e30b20;
	font-weight:bold;
}

.wrap-kigaku-inner .detail01 dt p {
	background:#60c7f0;
	display:inline-block;
	border-radius:20px;
	padding:7px 20px;
	margin:0;
}
.wrap-kigaku-inner .detail03 dt p {
	background:#f08300;
	display:inline-block;
	border-radius:20px;
	padding:7px 20px;
	margin:0;
}
.wrap-kigaku-inner .detail02 h2 {
	background:#e30b20;
	margin-bottom: 50px;
}
.wrap-kigaku-inner .detail02 p {
		
	font-size:20px;
	color:#221815;
	line-height:1.6;
	box-sizing:border-box;
	font-weight:500;
	padding-left:1em;
	text-indent:-1em;
}

.wrap-kigaku-inner .detail02 span {
	background:#ef961d;
	display:inline-block;
	border-radius:50px;
	padding:3px 30px;
	margin-top:20px;
	color:#fff;
	font-weight:bold;
}


.wrap-kigaku-inner .detail04 {
	text-align:center;
	font-size: 22px;
}
.wrap-kigaku-inner .detail04 h2{
	background:#e16aa0;
}

.wrap-kigaku-inner .detail04 .linkbtn  {
	width:450px;
	max-width:100%;
	margin:0 auto;
}

.wrap-kigaku-inner .detail05 p.txt {
	font-size:17px;
	line-height:1.8;
	margin-bottom: 15px;
	text-align:left;
}

.wrap-kigaku-inner .detail05 p.txt img {
	width: 344px;
	max-width:100%;
	height:auto;
	vertical-align: middle;
	margin-left:10px;
}
.wrap-kigaku-inner .detail05 h2{
	background:#7a7a7a;
}

.wrap-kigaku-inner .detail06 img{
	margin-bottom: 30px;
	max-width:100%;
	height:auto;
}
.wrap-kigaku-inner .detail06 h2{
	background:#ef961d;	
}
.wrap-kigaku-inner .detail div.foot{
	margin-top:80px;
	text-align:center;
	border: none;
    border-radius: 0px;
    background: none;
}


.list{
	width:100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap:20px;
	margin-bottom:60px;
}
.list li .img{
	width: 100%;
	margin:0;
	padding:0;
}
.list li img{
	width: 100%;
	box-sizing:border-box;
}

.foot a{
	color:#333;
	text-decoration:underline;
	font-size:20px;
}

/* ==========================================================
   レスポンシブ対応
   ========================================================== */

/* タブレット（〜1024px） */
@media screen and (max-width: 1024px) {
	.wrap-kigaku-inner {
		width:100%;
		padding:60px 20px 0;
	}
	.wrap-kigaku-inner .detail dl,
	.wrap-kigaku-inner .detail div {
		width:100%;
	}
}

/* タブレット・スマホ（〜768px） */
@media screen and (max-width: 768px) {
	.header-kigaku {
		height:auto;
		padding-top:40px;
		padding-bottom:40px;
	}
	.header-kigaku-inner {
		max-width:80%;
	}

	.wrap-kigaku-inner {
		padding:40px 15px 0;
	}
	.wrap-kigaku-inner .detail {
		margin-bottom:50px;
	}

	.wrap-kigaku-inner .detail div {
		padding:0 20px 25px 20px;
		border-width:2px;
	}
	.wrap-kigaku-inner .detail h2,
	h2.b_txt {
		font-size:18px;
		height:50px;
		padding-top:12px;
		margin-top:-25px;
	}

	/* 用語リストは1カラムで積み上げる */
	.wrap-kigaku-inner .detail dt {
		width:100%;
		padding:15px 0 10px;
	}
	.wrap-kigaku-inner .detail dd {
		width:100%;
		padding:0 0 15px 0;
		font-size:16px;
		line-height:1.7;
	}
	.wrap-kigaku-inner .detail dt p {
		font-size:17px;
	}

	.wrap-kigaku-inner p.txt,
	.wrap-kigaku-inner .detail02 p {
		font-size:16px;
	}

	.b_txt {
		font-size:20px;
	}


	.wrap-kigaku-inner .detail05 p.txt {
		font-size:15px;
		line-height:1.7;
	}
	.wrap-kigaku-inner .detail05 p.txt img {
		display:block;
		width:80%;
		margin:10px auto 0;
	}

	/* 賞品リストは2カラムに */
	.list{
		grid-template-columns: repeat(2, 1fr);
		gap:15px;
	}

	.foot a{
		font-size:16px;
	}
}

/* スマホ（〜480px） */
@media screen and (max-width: 480px) {
	.header-kigaku-inner {
		max-width:90%;
	}
	.wrap-kigaku-inner {
		padding:50px 10px 0;
	}
	.wrap-kigaku-inner .detail div {
		padding:0 15px 20px 15px;
		border-radius:12px;
	}
	.wrap-kigaku-inner .detail h2,
	h2.b_txt {
		font-size:16px;
		height:44px;
		padding-top:10px;
		margin-top:-22px;
	}
	.wrap-kigaku-inner .detail dd {
		font-size:16px;
	}
	.wrap-kigaku-inner p.txt,
	.wrap-kigaku-inner .detail02 p {
		font-size:15px;
	}

	/* 賞品リストは1カラムに */
	.list{
		grid-template-columns: 1fr;
	}
}